@charset "utf-8";


/* =====================================================================
*
*    biotic.css INDEX
*
*    // BIOTIC シリーズのスタイル
*
*
*    0. Common
*
*    1. Top
*
*    2. BIOTIC
*
*    3. Side Contents
*
* =================================================================== */


/* =====================================================================
*
*    0. Common
*
* =================================================================== */

body.ind #line #iconAbout {
	background: url(../images/line_info.jpg) no-repeat;
}

.panel .ptopHeadBI {
	width: 674px;
	height: 41px;
	padding: 1px 20px 0 20px;
	overflow: hidden;
	background: url(../images/col_base_top_bi.png) no-repeat;
}

body.ind #line .unit .detail .type {
	color: #257080;
}


/* =====================================================================
*
*    1. Top
*
* =================================================================== */

#lineupTable h1 {
	background: url(../images/ttl.png) no-repeat;
}

#lineupTable table.container {
	background: url(../images/table_bg.png) no-repeat;
}


/* =====================================================================
*
*    2. BIOTIC
*
* =================================================================== */

body.bi #mainCont {
	margin-top: 27px;
}

body.bi #line h2 {
	float: left;
	width: 122px;
	height: 41px;
	background: url(../images/line_panel_ttl.jpg) no-repeat;
}

#line #luBi1 h3 { width: 277px; background: url(../images/line_ttl1.jpg) no-repeat; }
#line #luBi2 h3 { width: 193px; background: url(../images/line_ttl2.jpg) no-repeat; }
#line #luBi3 h3 { width: 143px; background: url(../images/line_ttl3.jpg) no-repeat; }
#line #luBi4 h3 { width: 121px; background: url(../images/line_ttl4.jpg) no-repeat; }
#line #luBi5 h3 { width: 101px; background: url(../images/line_ttl5.jpg) no-repeat; }
#line #luBi6 h3 { width: 123px; background: url(../images/line_ttl6.jpg) no-repeat; }
#line #luBi7 h3 { width: 323px; background: url(../images/line_ttl7.jpg) no-repeat; }


/* ---------------------------------------------------------------------
*    コンサントレ ビオ リチャージ
* ------------------------------------------------------------------- */

body.bi #luBi1fig1 {
	width: 438px;
	margin-top: 22px;
	margin-bottom: 34px;
}

body.bi #luBi1fig1 .fig {
	float: right;
}

body.bi #luBi1fig1 .content {
	float: left;
	width: 255px;
	padding: 12px 0 0 0;
}

body.bi #luBi1fig1 .content p {
	margin-top: 17px;
}


body.massage #logo { padding-left: 20px; }

body.massage h1 {
	padding: 30px 40px 10px 40px;
}

body.massage p.desc {
	padding: 0 40px;
}

body.massage #contents {
	padding-bottom: 20px;
	text-align: center;
}

body.massage #fig {
	margin: 30px auto 26px auto;
}

body.massage .btn {
	margin-bottom: 16px;
}


/* =====================================================================
*
*    3. Side Contents
*
* =================================================================== */

body.ind #sideCont {
	margin-top: 44px;
}