@charset "UTF-8";



/*
	--------------------------------
	更新日: 2010-02-11
	--------------------------------
	インポート
		- ../../../global/css/general.css
		- global.css

	スタイル定義
		- body

		- ヘッダ

		- グローバルナビ

		- ボディ
	--------------------------------
*/



@import "../../../global/css/general.css";
@import "global.css";



/* --------------------------------
	body
-------------------------------- */

body {}

div#bg { background:#f9f9f9 url(../img/bg_t_01.gif) repeat-x; }
div#bg_bg { background:url(../img/bg_t_02.jpg) no-repeat center top; }



/* --------------------------------
	ヘッダ
-------------------------------- */

div#header { margin:0 auto 0 auto; width:850px; background:url(../img/hdr_bg.jpg) no-repeat; }


/* SI ---------------- */
p#header_si { width:248px; float:left; }


/* TOP ---------------- */
p#header_top { padding:42px 0 0 0; width:300px; float:left; }


/* 携帯サイト ---------------- */
p#header_mobile { padding:24px 5px 0 0; width:240px; text-align:right; float:right; }



/* --------------------------------
	グローバルナビ
-------------------------------- */

div#gnav { margin:0 auto 0 auto; width:850px; }

div#gnav ul { background:url(../img/gnav.jpg) no-repeat; }
div#gnav ul li { float:left; }
div#gnav ul li a { display:block; padding:43px 0 0 0; height:0; background:url(../img/gnav.jpg) no-repeat; overflow:hidden; }
div#gnav ul li span { display:block; padding:43px 0 0 0; height:0; overflow:hidden; }

div#gnav ul li#gnav_concept { width:85px; }
div#gnav ul li#gnav_reason { width:85px; }
div#gnav ul li#gnav_lotion { width:85px; }
div#gnav ul li#gnav_seat { width:85px; }
div#gnav ul li#gnav_jell { width:85px; }
div#gnav ul li#gnav_remover { width:85px; }
div#gnav ul li#gnav_wash { width:85px; }
div#gnav ul li#gnav_voice { width:85px; }
div#gnav ul li#gnav_present { width:85px; }
div#gnav ul li#gnav_faq { width:85px; }

div#gnav ul li#gnav_concept a { background-position:0 0; }
div#gnav ul li#gnav_concept a:hover { background-position:0 -43px; }
body.concept div#gnav ul li#gnav_concept a,
body.concept div#gnav ul li#gnav_concept a:hover { background-position:0 -43px; }

div#gnav ul li#gnav_reason a { background-position:-85px 0; }
div#gnav ul li#gnav_reason a:hover { background-position:-85px -43px; }
body.reason div#gnav ul li#gnav_reason a,
body.reason div#gnav ul li#gnav_reason a:hover { background-position:-85px -43px; }

div#gnav ul li#gnav_lotion a { background-position:-170px 0; }
div#gnav ul li#gnav_lotion a:hover { background-position:-170px -43px; }
body.lotion div#gnav ul li#gnav_lotion a,
body.lotion div#gnav ul li#gnav_lotion a:hover { background-position:-170px -43px; }

div#gnav ul li#gnav_seat a { background-position:-255px 0; }
div#gnav ul li#gnav_seat a:hover { background-position:-255px -43px; }
body.seat div#gnav ul li#gnav_seat a,
body.seat div#gnav ul li#gnav_seat a:hover { background-position:-255px -43px; }

div#gnav ul li#gnav_jell a { background-position:-340px 0; }
div#gnav ul li#gnav_jell a:hover { background-position:-340px -43px; }
body.jell div#gnav ul li#gnav_jell a,
body.jell div#gnav ul li#gnav_jell a:hover { background-position:-340px -43px; }

div#gnav ul li#gnav_remover a { background-position:-425px 0; }
div#gnav ul li#gnav_remover a:hover { background-position:-425px -43px; }
body.remover div#gnav ul li#gnav_remover a,
body.remover div#gnav ul li#gnav_remover a:hover { background-position:-425px -43px; }

div#gnav ul li#gnav_wash a { background-position:-510px 0; }
div#gnav ul li#gnav_wash a:hover { background-position:-510px -43px; }
body.wash div#gnav ul li#gnav_wash a,
body.wash div#gnav ul li#gnav_wash a:hover { background-position:-510px -43px; }

div#gnav ul li#gnav_voice a { background-position:-595px 0; }
div#gnav ul li#gnav_voice a:hover { background-position:-595px -43px; }
body.voice div#gnav ul li#gnav_voice a,
body.voice div#gnav ul li#gnav_voice a:hover { background-position:-595px -43px; }

div#gnav ul li#gnav_present a { background-position:-680px 0; }
div#gnav ul li#gnav_present a:hover { background-position:-680px -43px; }
body.present div#gnav ul li#gnav_present a,
body.present div#gnav ul li#gnav_present a:hover { background-position:-680px -43px; }

div#gnav ul li#gnav_faq a { background-position:-765px 0; }
div#gnav ul li#gnav_faq a:hover { background-position:-765px -43px; }
body.faq div#gnav ul li#gnav_faq a,
body.faq div#gnav ul li#gnav_faq a:hover { background-position:-765px -43px; }



/* --------------------------------
	ボディ
-------------------------------- */

div#body { margin:0 auto 0 auto; border-top:1px solid #fff; width:850px; background:url(../img/body_bg_m.jpg) repeat-y; }
div#body_bg { background:url(../img/body_bg_t.jpg) no-repeat; }
div#body_bg.product { background:url(../img/body_product_bg_t.jpg) no-repeat; }


/* パンくず ---------------- */
p#breadcrumbs { margin:0 auto 0 auto; padding:20px 0 0 0; width:790px; min-height:30px; font-size:62.5%; line-height:1.5; }
* html p#breadcrumbs { height:30px; font-size:63%; }/* IE 6 以前 */


/* コンテンツ ---------------- */
div#content { padding:0 0 30px 0; }


/* ボディ：フッタ ---------------- */
div#body_footer { padding:0 0 10px 0; background:#f9f9f9; }

p#body_footer_pagetop { padding:5px 0 0 0; text-align:right; }

div#body_footer_ref { padding:35px 0 0 0; }
div#body_footer_ref ul { float:right; }
div#body_footer_ref ul li { padding:0 0 0 6px; float:left; }
div#body_footer_ref ul li a {}
div#body_footer_ref ul li a img { vertical-align:bottom; }