@charset "utf-8";
/*----------------------------------------------------
	#page
----------------------------------------------------*/
/*#page { background:none; } */
#page { width: 850px; background:url(../imgdir/common/bg_page.gif) no-repeat 0 -140px; margin: 0 auto; padding:0; }

/*----------------------------------------------------
	#main
----------------------------------------------------*/
#main { width: 830px; margin:0 auto; text-align:left; }

/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents { margin:0; margin:0 5px 5px 5px; }

/* -----------------------------------------------------------
	#header
----------------------------------------------------------- */
#brand #header { position:relative; height:125px; /*border:1px solid #999;*/ }

#brand #header h1 ,
#brand #header h2 ,
#brand #header p.logo ,
#brand #header p.sublogo , 
#brand #header ul.subNv { position:absolute; font-weight:normal; }

#brand #header h1 { right:15px; top:20px; }
#brand #header h2 { left:28px; top:15px; }

#brand #header p.logo { top:33px; left:30px; }
#brand #header p.sublogo { top:60px; right:12px; }

/* -----------------------------------------------------------
	#pageBody
----------------------------------------------------------- */
#brand #pageBody.tpl { padding:10px; }

/* -----------------------------------------------------------
	#cntBody
----------------------------------------------------------- */
#brand #cntBody { width:828px; border:1px solid #CCC; margin-bottom:30px; height:373px; position:relative; }
#brand #cntBody.none { border:none; }

#brand #tplBody { width:610px; float:left; display:inline;  _margin-right:20px; /* IE6 */ }
#brand #tplBody.w100per { width:100%; clear:both; } 

/* sNav */
#brand #sNav { width:175px; }
#brand #sNav.top { position:absolute; right:10px; top:10px;}
#brand #sNav.tpl { float:right; display:inline; }

#brand #sNav.tpl a { color:#e6e6e6;} 

#brand #sNav ul { width:173px;}
#brand #sNav ul li { position:relative; margin-bottom:10px; height:38px; }
#brand #sNav ul li a { display:block; border:none; cursor:pointer; height:38px; }
#brand #sNav ul li a span ,
#brand #sNav ul li a:hover span { position:absolute; width:100%; height:100%; top:0; }

#brand #sNav ul li a span { border:1px solid #ccc; }
#brand #sNav ul li a:hover span { border:1px solid #e6e6e6; }


/* -----------------------------------------------------------
	h layout
----------------------------------------------------------- */
#brand #pageBody.tpl h2 { background:url(../imgdir/common/ar_2.gif) no-repeat 0 center; padding-left:20px; margin-bottom:25px;}
#brand #pageBody.tpl h3 { background:url(../imgdir/common/dot_1.gif) repeat-x left bottom; padding:10px; margin-bottom:20px; }

/* -----------------------------------------------------------
	画像レイアウト
----------------------------------------------------------- */
.imgR ,
.imgL ,
.imgL2 { padding:5px; background:url(../imgdir/common/dot_2.gif) repeat left top; }

.imgR { float: right; margin: 0 0 10px 10px; display:inline; }
.imgL { float: left; margin: 0 10px 10px 0; display:inline; }

.imgL2 { float: left; margin: 0 10px 30px 0; display:inline; }


img.fr1 { padding:1px; border:1px solid #CCC; }


/* -----------------------------------------------------------
	カラー設定
----------------------------------------------------------- */
.fc1 { background:#ededed; padding:5px; }

/* -----------------------------------------------------------
	#punkuzu
----------------------------------------------------------- */
#brand #pankuzu ul { margin:0 10px 10px 10px; } 
/* #brand #pankuzu ul { margin:-10px 10px 25px 10px; } */


/* -----------------------------------------------------------
	h2 layout
----------------------------------------------------------- */
#cntBody h2 { background:url(../imgdir/common/bg_h2.gif) no-repeat 0 0; padding:18px 10px 21px 20px; }
#cntBody h2.none { background:none; padding:0; }


/* -----------------------------------------------------------
	.goTop
----------------------------------------------------------- */
.goTop { padding:20px 0; text-align:right; clear:both; }

/* 高さ確保

:after{ content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; }

*/