@charset "UTF-8";



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

	スタイル定義
		- body

		- ヘッダ

		- グローバルナビ

		- パンくず

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



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



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

body {}

div#bg { background:#fbf8dd; }



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

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


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


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


/* 携帯サイト ---------------- */
p#header_mobile { padding:12px 0 0 0; width:249px; float:right; }



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

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

div#gnav ul { margin:0 0 0 -3px; width:853px; background:url(../img/gnav.gif) no-repeat 3px 0; }
div#gnav ul li { padding:0 0 0 3px; float:left; }
div#gnav ul li a { display:block; padding:25px 0 0 0; height:0; background:url(../img/gnav.gif) no-repeat; overflow:hidden; }
div#gnav ul li span { display:block; padding:25px 0 0 0; height:0; overflow:hidden; }

div#gnav ul li#gnav_concept { width:111px; }
div#gnav ul li#gnav_reason { width:160px; }
div#gnav ul li#gnav_products { width:106px; }
div#gnav ul li#gnav_usage { width:101px; }
div#gnav ul li#gnav_voice { width:101px; }
div#gnav ul li#gnav_present { width:152px; }
div#gnav ul li#gnav_faq { width:101px; }

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

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

div#gnav ul li#gnav_products a { background-position:-277px 0; }
div#gnav ul li#gnav_products a:hover { background-position:-277px -25px; }
body.products div#gnav ul li#gnav_products a,
body.products div#gnav ul li#gnav_products a:hover { background-position:-277px -50px; }

div#gnav ul li#gnav_usage a { background-position:-386px 0; }
div#gnav ul li#gnav_usage a:hover { background-position:-386px -25px; }
body.usage div#gnav ul li#gnav_usage a,
body.usage div#gnav ul li#gnav_usage a:hover { background-position:-386px -50px; }

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

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

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



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

p#breadcrumbs { margin:0 auto 0 auto; padding:16px 0 0 0; width:810px; min-height:31px; color:#4b5073; font-size:62.5%; line-height:1.5; }
* html p#breadcrumbs { height:31px; font-size:63%; }/* IE 6 以前 */



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

div#body { position:relative; margin:0 auto 0 auto; padding:0 0 10px 0; width:850px; z-index:1; }


/* ボディ：ヘッダ ---------------- */
div#body_header { position:relative; width:100%; z-index:2; }

div#body_header h1 {}


/* ボディ：ボディ ---------------- */
div#body_body { position:relative; margin:-16px -10px 0 -10px; width:870px; background:url(../img/body_body_bg_m.gif) repeat-y center top; z-index:1; }
div#body_body_bg { background:url(../img/body_body_bg_b.gif) no-repeat left bottom; }
div#body_body_bg_bg { padding:30px 30px 35px 30px; min-height:250px; background:url(../img/body_body_bg_t.gif) no-repeat; }
* html div#body_body_bg_bg { height:250px; }/* IE 6 以前 */

p#pagetop { clear:both; padding:10px 35px 25px 0; text-align:right; }


/* ボディ：フッタ ---------------- */
div#body_footer {}

div#body_footer_ref { padding:5px 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; }