@charset "utf-8";





/* 全体枠

------------------------------------------------------------ */

#layoutBody{

	width:900px;

	margin:0 auto;

	padding:0;

}



/* ヘッダ

------------------------------------------------------------ */

#header{

	width:900px;

	height:120px;

	margin:0 auto;

}



/* ヘッダ 

------------------------------------------------------------*/ 

h1{

	margin-top:16px;

	float:left;

	width:395px;

	background:#FFF url(../img/header/logo.gif) no-repeat 0 0;

}



h1 a{

	overflow: hidden;

	display:block;

	height:0;

	padding-top:75px;

}



/* ヘッダ > サブナビゲーション

------------------------------------------------------------*/ 

#subNavi{

	float:left;

	margin:53px 0 0 315px;

	width:190px;

	overflow:hidden;

}

#subNavi li{

	display:inline;

}

#subNavi li a{

	float:left;

	height:0;

	padding-top:20px;

	overflow: hidden;

	background-image:url(../img/header/navi_sub.gif);

	}

li.subNavi-01 a{

	width:57px;

	background-position:0 0;

}

li.subNavi-01 a:hover{

	background-position:0 -20px;

}

li.subNavi-02 a{

	width:57px;

	background-position:-57px 0;

}

li.subNavi-02 a:hover{

	background-position:-57px -20px;

}

li.subNavi-03 a{

	width:76px;

	background-position:-114px 0;

}

li.subNavi-03 a:hover{

	background-position:-114px -20px;

}







/* グローバルナビゲーション

------------------------------------------------------------ */

#gNavi{

	width:890px;

	height:53px;

	margin:7px auto 0 auto;

	padding:0 5px 4px;

	background:#FFF url(../img/header/navi_bg.gif) repeat-x 0 0;

}

#gNavi ul{

	width:890px;

}

#gNavi li{

	display:inline;

}

#gNavi li a{

	float:left;

	height:0;

	padding-top:49px;

	overflow: hidden;

	background-image:url(../img/header/navi_main.gif);

	}

li.gNavi-01 a{

	width:178px;

	background-position:0 0;

}

li.gNavi-01 a:hover{

	background-position:0 -49px;

}

li.gNavi-01-focus a{

	width:178px;

	background-position:0 -49px;

}

li.gNavi-02 a{

	width:178px;

	background-position:-178px 0;

}

li.gNavi-02 a:hover{

	background-position:-178px -49px;

}

li.gNavi-02-focus a{

	width:178px;

	background-position:-178px -49px;

}

li.gNavi-03 a{

	width:178px;

	background-position:-356px 0;

}

li.gNavi-03 a:hover{

	background-position:-356px -49px;

}

li.gNavi-03-focus a{

	width:178px;

	background-position:-356px -49px;

}

li.gNavi-04 a{

	width:178px;

	background-position:-534px 0;

}

li.gNavi-04 a:hover{

	background-position:-534px -49px;

}

li.gNavi-04-focus a{

	width:178px;

	background-position:-534px -49px;

}

li.gNavi-05 a{

	width:178px;

	background-position:-712px 0;

}

li.gNavi-05 a:hover{

	background-position:-712px -49px;

}

li.gNavi-05-focus a{

	width:178px;

	background-position:-712px -49px;

}



/* コンテンツ枠

------------------------------------------------------------ */

#contentsBody{

	clear:both;

	margin:30px auto 0;

}





/* サイドメニューありの場合のレイアウト　※ボタンは各CSSに設定

------------------------------------------------------------ */

#twoColumnBox{

	background:url(../img/brand/twocolumn_bg.jpg) left top repeat-y;

}



#twoColumnLeft{

	float:left;

	width:190px;

	margin-right:30px;

	padding-top:30px;

	background-color:#FFF;

}

#twoColumnLeft dt{

	display:block;

	width:190px;

	height:0;

	padding-top:33px;

	overflow: hidden;

}

#twoColumnLeft dd{

	background-color:#F3F3F3;

	padding-bottom:20px;

}

#twoColumnLeft dt.sm1{

	background:url(../img/brand/twocolumn_title.jpg) left 0 no-repeat;

}

#twoColumnLeft dt.sm2{

	background:url(../img/brand/twocolumn_title.jpg) left -33px no-repeat;

}

#twoColumnLeft ul{

	margin:0px 4px;

	border:1px #CCC solid;

	list-style-type:none;

}

#twoColumnLeft ul li a{

	display:block;

	width:180px;

	height:0;

	padding-top:39px;

	overflow: hidden;

}

#twoColumnRight{

	float:left;

	width:640px;

}









/* ページトップボタン

------------------------------------------------------------ */

#pageTop{

	clear:both;

	width:890px;

	margin:40px auto 70px;

	padding:0 5px;

	text-align:right;

}



/* フッター

------------------------------------------------------------ */


#footerMessage{

	clear:both;

	width:100%;

	height:22px;

	background:#FFF url(../img/footer/line_x.gif) repeat-x 0 0;

	margin-top:20px;
	
	padding-top:1px;

}

#footerMessage p{
	
	width:212px;
	
	margin:0 auto;
		
	padding-left:688px;
}

#footerMessage p span{
	
	display:block;
	
	width:212px;
		
	height:0;
		
	padding-top:21px;

	overflow: hidden;

	background:url(../img/footer/footer_message.gif) left top no-repeat;
}

#footer{

	clear:both;

	width:100%;

	height:35px;

	/*border-top:1px solid #DDD;*/

	background:#FFF url(../img/footer/line_x.gif) repeat-x 0 0;

}

#footerBody{

	width:900px;

	margin:0 auto;

}

#footerBody ul{

	width:580px;

	font-size:10px;

	float:left;

}

#footerBody li{

	float:left;

	display:block;

	list-style-type:none;

	background:url(../img/footer/line.gif) no-repeat right 1px;

	padding:10px 15px 10px;

}

#footerBody li a{

	padding-top:10px;

}

#footerBody li a:hover{

	background:url(../img/footer/icon.gif) no-repeat center 0;

}

#footerBody li#fNaviEnd{

	background:none;

}

#footerBody li#fNaviEndFocus{

	background:none;

}

#footerBody li#fNaviEndFocus a{

	background:url(../img/footer/icon.gif) no-repeat center 0;

}

#footerCopy{

	width:290px;
	
	text-align:right;

	float:right;

	font:normal 9px/100% Arial;

	margin:13px 0 0 20px;

}

#fNavifocus a{

	background:url(../img/footer/icon.gif) no-repeat center 0;

}