@charset "utf-8";


/* =====================================================================
*
*    nutritive.css INDEX
*
*    // ニュートリティブ シリーズのスタイル
*
*
*    0. Common
*
*    1. Top
*       1.1. Top - Line Up
*
*    2. NUTRITIVE GLUCO-ACTIVE
*       2.1. NUTRITIVE GLUCO-ACTIVE - Line Up
*       2.2. Nectar Fig
*       2.3. Online Counseling
*
*    3. OLEO-RELAX
*       3.1. OLEO-RELAX - Line Up
*       3.2. OLEO-RELAX - Menu
*
*    4. OLEO-RELAX SLIM
*       4.1. OLEO-RELAX SLIM - Line Up
*       4.2. OLEO-RELAX SLIM - Ritual Menu
*       4.3. OLEO-RELAX SLIM - Interview
*
*    5. OLEO-CURL
*       4.1. OLEO-CURL - Line Up
*
*    7. Side Contents
*
* =================================================================== */


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

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

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

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


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

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

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


/* ---------------------------------------------------------------------
*
*    1.1. Top - Line Up
*
* ------------------------------------------------------------------- */

/* ---------------------------------
*    NUTRITIVE GLUCO-ACTIVE
*/

body.index #line1 h3 a {
	width: 350px;
	height: 50px;
	margin-bottom: 17px;
	background: url(../images/line_gluco_ttl.jpg) 0 -50px no-repeat;
}
body.index #line1 h3 a:hover { background-position: 0 0; }

body.index #line1 p {
	height: 34px;
	background: url(../images/line_gluco_desc.gif) no-repeat;
}


/* ---------------------------------
*    OLEO-RELAX
*/

body.index #line2 h3 a {
	width: 365px;
	height: 25px;
	margin-bottom: 17px;
	background: url(../images/line_relax_ttl.jpg) 0 -25px no-repeat;
}
body.index #line2 h3 a:hover { background-position: 0 0; }

body.index #line2 p {
	height: 34px;
	background: url(../images/line_relax_desc.gif) no-repeat;
}


/* ---------------------------------
*    OLEO-RELAX SLIM
*/

body.index #line4 h3 a {
	width: 460px;
	height: 25px;
	margin-bottom: 17px;
	background: url(../images/line_slim_ttl.jpg) 0 -25px no-repeat;
}
body.index #line4 h3 a:hover { background-position: 0 0; }

body.index #line4 p {
	height: 34px;
	background: url(../images/line_slim_desc.gif) no-repeat;
}


/* ---------------------------------
*    OLEO-CURL
*/

body.index #line3 h3 a {
	width: 318px;
	height: 25px;
	margin-bottom: 17px;
	background: url(../images/line_curl_ttl.jpg) 0 -25px no-repeat;
}
body.index #line3 h3 a:hover { background-position: 0 0; }

body.index #line3 p {
	height: 34px;
	background: url(../images/line_curl_desc.gif) no-repeat;
}


#lineupTable td.middle {
	padding-top: 68px;
}


/* =====================================================================
*
*    2. NUTRITIVE GLUCO-ACTIVE
*
* =================================================================== */

body.gluco h1 {
	height: 56px;
	background: url(../gluco_active/images/ttl.png) no-repeat;
}

body.gluco .ttlDesc {
	padding: 14px 20px 10px 20px;
	line-height: 100%;
}

body.gluco .ttlDesc strong {
	height: 28px;
	background: url(../gluco_active/images/ttl_desc.png) no-repeat;
}


/* ---------------------------------------------------------------------
*
*    2.1. NUTRITIVE GLUCO-ACTIVE - Line Up
*
* ------------------------------------------------------------------- */

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

#line #luGluco1 h3 { width: 185px; background: url(../gluco_active/images/line_ttl1.jpg) no-repeat; }
#line #luGluco2 h3 { width: 205px; background: url(../gluco_active/images/line_ttl2.jpg) no-repeat; }
#line #luGluco3 h3 { width: 225px; background: url(../gluco_active/images/line_ttl3.jpg) no-repeat; }
#line #luGluco4 h3 { width: 244px; background: url(../gluco_active/images/line_ttl4.jpg) no-repeat; }
#line #luGluco5 h3 { width: 183px; background: url(../gluco_active/images/line_ttl5.jpg) no-repeat; }
#line #luGluco6 h3 { width: 187px; background: url(../gluco_active/images/line_ttl6.jpg) no-repeat; }
#line #luGluco7 h3 { width: 293px; background: url(../gluco_active/images/line_ttl7.jpg) no-repeat; }
#line #luGluco8 h3 { width: 280px; background: url(../gluco_active/images/line_ttl8.jpg) no-repeat; }
#line #luGluco9 h3 { width: 250px; background: url(../gluco_active/images/line_ttl9.jpg) no-repeat; }
#line #luGluco10 h3 { width: 100px; background: url(../gluco_active/images/line_ttl10.jpg) no-repeat; }
#line #luGluco11 h3 { width: 280px; background: url(../gluco_active/images/line_ttl11.jpg) no-repeat; }
#line #luGluco12 h3 { width: 219px; background: url(../gluco_active/images/line_ttl12.jpg) no-repeat; }
#line #luGluco13 h3 { width: 309px; background: url(../gluco_active/images/line_ttl13.jpg) no-repeat; }


#line #counselingBtn {
	margin: 17px auto 0 auto;
}


/* ---------------------------------------------------------------------
*
*    2.2. Nectar Fig
*
* ------------------------------------------------------------------- */

#line #luGluco1 .thmBox { margin-bottom: 34px; }

#NectarFig {
	clear: both;
	width: 674px;
	background: url(../gluco_active/images/line1_fig_bg_mid.jpg) repeat-y;
}

#NectarFig .container {
	padding-top: 35px;
	background: url(../gluco_active/images/line1_fig_bg_top.jpg) no-repeat;
}

#NectarFig .cont {
	padding: 0 37px 53px 37px;
	background: url(../gluco_active/images/line1_fig_bg_btm.jpg) left bottom no-repeat;
}

#NectarFig .figBoxL {
	float: left;
	width: 266px;
	padding: 0 45px 0 0;
	background: url(../gluco_active/images/line1_fig_bg_plus.gif) right center no-repeat;
}

#NectarFig .figBoxR {
	float: right;
	width: 265px;
}

#NectarFig .fig {
	float: right;
	margin: 17px 0 0 7px;
}

#NectarFig h4 {
	margin: 10px 0 7px 0;
	color: #00BEF3;
	font-weight: bold;
}


/* ---------------------------------------------------------------------
*
*    2.3. Online Counseling
*
* ------------------------------------------------------------------- */

body.gluco #counseling h2 {
	height: 55px;
	margin: 15px 0 0 0;
	background: url(../gluco_active/images/counseling_ttl.png) no-repeat;
}

body.gluco #counseling .desc {
	padding: 27px 17px;
}

body.gluco #counseling .desc img { margin-bottom: 17px; }


/* =====================================================================
*
*    3. OLEO-RELAX
*
* =================================================================== */

body.relax h1 {
	height: 56px;
	background: url(../oleo_relax/images/ttl.png) no-repeat;
}

body.relax .ttlDesc {
	padding: 14px 20px 10px 20px;
	line-height: 100%;
}

body.relax .ttlDesc strong {
	height: 28px;
	background: url(../oleo_relax/images/ttl_desc.png) no-repeat;
}


/* ---------------------------------------------------------------------
*
*    3.1. OLEO-RELAX - Line Up
*
* ------------------------------------------------------------------- */

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

#line #luRelax1 h3 { width: 218px; background: url(../oleo_relax/images/line_ttl1.jpg) no-repeat; }
#line #luRelax2 h3 { width: 239px; background: url(../oleo_relax/images/line_ttl2.jpg) no-repeat; }
#line #luRelax3 h3 { width: 238px; background: url(../oleo_relax/images/line_ttl3.jpg) no-repeat; }
#line #luRelax4 h3 { width: 271px; background: url(../oleo_relax/images/line_ttl4.jpg) no-repeat; }


/* ---------------------------------------------------------------------
*
*    3.2. OLEO-RELAX - Menu
*
* ------------------------------------------------------------------- */

body.slim h1 {
	height: 56px;
	background: url(../oleo_relax_slim/images/ttl.png) no-repeat;
}

body.slim .ttlDesc {
	padding: 14px 20px 10px 20px;
	line-height: 100%;
}

body.slim .ttlDesc strong {
	height: 28px;
	background: url(../oleo_relax_slim/images/ttl_desc.png) no-repeat;
}


/* ---------------------------------------------------------------------
*
*    4.1. OLEO-RELAX SLIM - Line Up
*
* ------------------------------------------------------------------- */

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

#line #luSlim1 h3 { width: 347px; background: url(../oleo_relax_slim/images/line_ttl1.jpg) no-repeat; }
#line #luSlim2 h3 { width: 283px; background: url(../oleo_relax_slim/images/line_ttl2.jpg) no-repeat; }

#line #luSlim1 dl {
	margin: 10px 0 0 0;
}

#line #luSlim1 dt {
	margin: 17px 0 10px 0;
	font-weight: bold;
	color: #DD4A26;
}

#line #luSlim1 dd {
	line-height: 160%;
	color: #555555;
}


/* ---------------------------------------------------------------------
*
*    4.2. OLEO-RELAX SLIM - Ritual Menu
*
* ------------------------------------------------------------------- */

body.slim #menu h3 {
	height: 55px;
	margin: 15px 0 9px 0;
	background: url(../oleo_relax_slim/images/menu_ttl.png) no-repeat;
}

body.slim #menu h4 {
	height: 16px;
	padding: 12px 17px 17px 17px;
	background: url(../oleo_relax_slim/images/menu_subttl.gif) 17px 12px no-repeat;
}

body.slim #menu .stepCont {
	width: 694px;
}

		body.slim #menu #mStep1 {
			margin: 0 7px;
			background: url(../oleo_relax_slim/images/menu_step1_bg_mid.jpg) repeat-y;
		}
		
		body.slim #menu #mStep1 .top {
			padding: 34px 0 0 0;
			background: url(../oleo_relax_slim/images/menu_step1_bg_top.jpg) left top no-repeat;
		}
		
		body.slim #menu #mStep1 .btm {
			background: url(../oleo_relax_slim/images/menu_step1_bg_btm.jpg) left bottom no-repeat;
		}

body.slim #menu .stepIcon {
	float: left;
	padding: 0 0 0 9px;
}

body.slim #menu .stepContents {
	float: right;
	width: 633px;
	padding: 0 10px 0 0;
}

body.slim #menu .stepThm {
	float: left;
	padding: 0 0 0 34px;
}


body.slim #menu .stepBox {
	float: right;
	width: 463px;
	padding: 0 34px 0 0;
}

body.slim #menu .stepFig {
	float: right;
	padding: 0 0 0 17px;
}

body.slim #menu .stepBox .em {
	color: #F0BA3A;
	margin-top: 10px;
	font-weight: bold;
}

body.slim #menu .iconBox {
	margin: 34px 0 5px 315px;
}

		body.slim #menu #mStep2 {
			margin: 0 7px;
			background: url(../oleo_relax_slim/images/menu_step2_bg_mid.jpg) repeat-y;
		}
		
		body.slim #menu #mStep2 .top {
			padding: 17px 0 0 0;
			background: url(../oleo_relax_slim/images/menu_step2_bg_top.jpg) left top no-repeat;
		}
		
		body.slim #menu #mStep2 .btm {
			padding-bottom: 17px;
			background: url(../oleo_relax_slim/images/menu_step2_bg_btm.jpg) left bottom no-repeat;
		}

		body.slim #menu #mStep3 {
			margin: 0 7px;
			background: url(../oleo_relax_slim/images/menu_step3_bg_mid.jpg) repeat-y;
		}
		
		body.slim #menu #mStep3 .top {
			padding: 34px 0 0 0;
			background: url(../oleo_relax_slim/images/menu_step3_bg_top.jpg) left top no-repeat;
		}
		
		body.slim #menu #mStep3 .btm {
			padding-bottom: 10px;
			background: url(../oleo_relax_slim/images/menu_step3_bg_btm.jpg) left bottom no-repeat;
		}

body.slim #menu .iconBox2 {
	margin: 0 0 5px 322px;
}


/* ---------------------------------------------------------------------
*
*    4.3. OLEO-RELAX SLIM - Interview
*
* ------------------------------------------------------------------- */

#int .ptopHeadNU p {
	height: 41px;
	background: url(../oleo_relax_slim/images/int_subttl.jpg) no-repeat;
}

#int .pmid { width: 708px; padding: 27px 3px 22px 3px; }

#int h2 {
	width: 674px;
	height: 237px;
	background: url(../oleo_relax_slim/images/int_ttl.jpg) no-repeat;
}

#int .cont {
	padding: 0 17px;
	margin-bottom: 27px;
}

#int img#ttlCatch {
	width: 674px;
	height: 49px;
	background: url(../oleo_relax_slim/images/int_ttl_name.jpg) no-repeat;
}

#int #desc1 {
	height: 37px;
	margin: 27px 0 17px 0;
	background: url(../oleo_relax_slim/images/int_desc1.gif) no-repeat;
}

#int #desc2 {
	height: 37px;
	background: url(../oleo_relax_slim/images/int_desc2.gif) no-repeat;
}

#int .section { padding: 17px;}

#int .section p {
	line-height: 195%;
	letter-spacing: 1px;
	padding: 10px 0 7px 0;
}

#int .suyama strong {
	color: #E8355D;
	font-weight: normal;
}

#int .kobayashi strong {
	color: #DD4A26;
	font-weight: normal;
}

#int .suyama span { color: #E8355D; font-weight: bold; }
#int .kobayashi span { color: #DD4A26; font-weight: bold; }

#int #section4 {
	margin-bottom: 0;
	padding-bottom: 0;
}

#int #section4 .cont {
	float: right;
	width: 366px;
}

#int #section5 {
	clear: both;
	padding-bottom: 0;
}
#int #section5 img.secImg { margin-bottom: 0; }


/* ---------------------------------
*    Section
*/

#int #section1.section {
	padding-top: 27px;
	background: url(../../../common/images/bdr_panel.jpg) no-repeat;
}

#int #section1 h3 {
	width: 346px;
	height: 24px;
	margin-bottom: 17px;
	background: url(../oleo_relax_slim/images/int_catchtxt1.jpg) no-repeat;
}

#int #section2 h3 {
	width: 388px;
	height: 51px;
	margin-bottom: 17px;
	background: url(../oleo_relax_slim/images/int_catchtxt2.jpg) no-repeat;
}

#int #section3 h3 {
	width: 460px;
	height: 48px;
	margin-bottom: 17px;
	background: url(../oleo_relax_slim/images/int_catchtxt3.jpg) no-repeat;
}

#int #section4 h3 {
	width: 263px;
	height: 78px;
	margin-bottom: 17px;
	background: url(../oleo_relax_slim/images/int_catchtxt4.jpg) no-repeat;
}

#int .section img.floatL {
	float: left;
	margin: 0 17px 17px 0;
}

#int .section img.floatR {
	float: right;
	margin: 0 0 17px 17px;
}

#int #section1 .secImg { margin-top: 10px; }

#int #section3 .secImg { position: relative; left: 17px; margin: 17px 0 0 17px; }


/* =====================================================================
*
*    5. OLEO-CURL
*
* =================================================================== */

body.curl h1 {
	height: 56px;
	background: url(../oleo_curl/images/ttl.png) no-repeat;
}

body.curl .ttlDesc {
	padding: 14px 20px 10px 20px;
	line-height: 100%;
}

body.curl .ttlDesc strong {
	height: 28px;
	background: url(../oleo_curl/images/ttl_desc.png) no-repeat;
}


/* ---------------------------------------------------------------------
*
*    5.1. OLEO-CURL - Line Up
*
* ------------------------------------------------------------------- */

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

#line #luCurl1 h3 { width: 177px; background: url(../oleo_curl/images/line_ttl1.jpg) no-repeat; }
#line #luCurl2 h3 { width: 198px; background: url(../oleo_curl/images/line_ttl2.jpg) no-repeat; }
#line #luCurl3 h3 { width: 216px; background: url(../oleo_curl/images/line_ttl3.jpg) no-repeat; }


/* =====================================================================
*
*    6. Side Contents
*
* =================================================================== */

body.index #sideCont {
	margin-top: 72px;
}

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

body.interview #sideCont {
	margin-top: 21px;
}