@charset "UTF-8";



/*
	--------------------------------
	更新日: 2009-08-13
	--------------------------------
	インポート
		- ../../../global/css/general.css
		- global.css

	スタイル定義
		- コンテナ

		- ヘッダ

		- グローバルナビ

		- パンくず

		- ボディ

		- コンテンツ

		- サイドバー
	--------------------------------
*/



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



/* --------------------------------
	コンテナ
-------------------------------- */

div#container { border-top:6px solid #f372cd; background:#fff; }

div#container_bg { margin:-6px 0 0 0; padding:6px 0 0 0; background:url(../img/container_bg_t.jpg) no-repeat center top; }



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

div#header { position:relative; margin:0 auto 0 auto; width:850px; z-index:1001; }


/* SI ---------------- */
p#header_si { padding:0 0 0 5px; width:235px; float:left; }


/* ナビ ---------------- */
div#header_nav { padding:30px 0 0 0; width:311px; font-size:0; line-height:1; float:right; }
div#header_nav p { width:124px; float:left; }
div#header_nav ul { padding:0 1px 0 0; width:186px; background:url(../img/hdr_nav_separator.gif) no-repeat 100% 4px; float:left; }
div#header_nav ul li { padding:0 14px 0 15px; background:url(../img/hdr_nav_separator.gif) no-repeat 0 4px; float:left; }


/* グローバルナビ ---------------- */
div#header_gnav { padding:12px 0 0 0; width:569px; float:right; }

div#header_gnav ul { background:url(../img/hdr_gnav.jpg) no-repeat; }
div#header_gnav ul li { position:relative; float:left; }
div#header_gnav ul li a { display:block; padding:26px 0 0 0; height:0; background:url(../img/hdr_gnav.jpg) no-repeat; overflow:hidden; }

div#header_gnav ul li#header_gnav_home { width:142px; }
div#header_gnav ul li#header_gnav_products { width:142px; }
div#header_gnav ul li#header_gnav_beauty { width:142px; }
div#header_gnav ul li#header_gnav_fun { width:143px; }

div#header_gnav ul li#header_gnav_home a { background-position:0 0; }
div#header_gnav ul li#header_gnav_home.open a,
div#header_gnav ul li#header_gnav_home a:hover { background-position:0 -26px; }
body.home div#header_gnav ul li#header_gnav_home a,
body.home div#header_gnav ul li#header_gnav_home a:hover { background-position:0 -52px; }

div#header_gnav ul li#header_gnav_products a { background-position:-142px 0; }
div#header_gnav ul li#header_gnav_products.open a { background-position:-142px -26px; }
body.products div#header_gnav ul li#header_gnav_products a { background-position:-142px -52px; }
body.products div#header_gnav ul li#header_gnav_products.open a { background-position:-142px -78px; }

div#header_gnav ul li#header_gnav_beauty a { background-position:-284px 0; }
div#header_gnav ul li#header_gnav_beauty.open a { background-position:-284px -26px; }
body.beauty div#header_gnav ul li#header_gnav_beauty a { background-position:-284px -52px; }
body.beauty div#header_gnav ul li#header_gnav_beauty.open a { background-position:-284px -78px; }

div#header_gnav ul li#header_gnav_fun a { background-position:-426px 0; }
div#header_gnav ul li#header_gnav_fun.open a { background-position:-426px -26px; }
body.fun div#header_gnav ul li#header_gnav_fun a { background-position:-426px -52px; }
body.fun div#header_gnav ul li#header_gnav_fun.open a { background-position:-426px -78px; }

div#header_gnav ul li ul { display:none; position:absolute; left:0; top:25px; padding:0 0 3px 0; width:143px; height:auto; background:no-repeat 0 1px; }
div#header_gnav ul li.open ul { display:block; }

div#header_gnav ul li#header_gnav_products ul { background-image:url(../img/hdr_gnav_products.gif); }
div#header_gnav ul li#header_gnav_beauty ul { background-image:url(../img/hdr_gnav_beauty.gif); }
div#header_gnav ul li#header_gnav_fun ul { background-image:url(../img/hdr_gnav_fun.gif); }

div#header_gnav ul li ul li { clear:both; padding:1px 4px 0 4px; width:135px; float:left; }
div#header_gnav ul li ul li a { padding-top:23px; background-image:none; }

div#header_gnav ul li#header_gnav_products ul li a:hover { background-image:url(../img/hdr_gnav_products.gif); }
div#header_gnav ul li#header_gnav_beauty ul li a:hover { background-image:url(../img/hdr_gnav_beauty.gif); }
div#header_gnav ul li#header_gnav_fun ul li a:hover { background-image:url(../img/hdr_gnav_fun.gif); }

div#header_gnav ul li ul li.header_gnav_01 a:hover { background-position:-146px 0 !important; }
div#header_gnav ul li ul li.header_gnav_02 a:hover { background-position:-146px -24px !important; }
div#header_gnav ul li ul li.header_gnav_03 a:hover { background-position:-146px -48px !important; }
div#header_gnav ul li ul li.header_gnav_04 a:hover { background-position:-146px -72px !important; }



/* --------------------------------
	パンくず
-------------------------------- */

p#breadcrumbs { margin:25px auto 0 auto; width:850px; font-size:62.5%; line-height:1.5; }
* html p#breadcrumbs { font-size:63%; }/* IE 6 以前 */



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

div#body { margin:10px auto 0 auto; padding:0 0 10px 0; width:850px; }


/* PAGE TOP ---------------- */
p#pagetop { clear:both; padding:35px 5px 0 0; text-align:right; }



/* --------------------------------
	コンテンツ
-------------------------------- */

div#content {}

div#body.col_1 div#content {}
div#body.col_2 div#content { width:650px; float:left; }



/* --------------------------------
	サイドバー
-------------------------------- */

div#sidebar { padding:0 0 40px 0; width:180px; min-height:554px; background:url(../img/sidebar_bg.jpg) no-repeat; float:right; }
* html div#sidebar { height:554px; }/* IE 6 以前 */

div#sidebar h2 { text-align:center; }
div#sidebar ul { margin:0 auto 0 auto; border-bottom:1px solid #d9d9d9; width:170px; }
div#sidebar ul li { clear:both; float:left; }
div#sidebar ul li a {}
div#sidebar ul li img { vertical-align:bottom; }