@charset "UTF-8";

/*
===== CONTENTS ================================================================================

	Index:
  - Base Style
  - Layout
  
===============================================================================================
*/



/* 1: Base Style Setting
----------------------------------------------------------------------------------------------*/

/* Base Setting
==========================================================*/

body { font: 14px/1.7 "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	    margin:0; padding:0; color:#333; letter-spacing:0.1em;}
	 
a       { text-decoration: underline; color:#B15200; }
a:hover { text-decoration: none; color:#717071; }
a { outline:none;}
img { -ms-interpolation-mode: bicubic; } 
:focus { outline: 0; }


/* main-layout
==========================================================*/

#toppages {}
#wrapper  {}


div#header { margin:15px 0 0; }
	div#headerInner { width:960px; margin:0 auto; font-size:12px; letter-spacing:normal;}
		div#headLogo { float:left; width:677px; letter-spacing:normal;}
			div#headLogo #logo { margin:70px 0 0}
		div#headMenu { float:right; width:283px;}
			div#headMenu .subMenu { float:right;}
				div#headMenu .subMenu li { float:left; padding:0 0 0 35px;}
				div#headMenu .subMenu #subMenuHome { background:url(../images/common/head-icon_home.gif) 23px 3px no-repeat;}
				div#headMenu .subMenu #subMenuAbout { background:url(../images/common/head-icon_about.gif) 23px 3px no-repeat;}
				div#headMenu .subMenu #subMenuAccess { background:url(../images/common/head-icon_access.gif) 23px 3px no-repeat;}
				div#headMenu .subMenu li a { text-decoration: none; color:#333;}
				div#headMenu .subMenu li a:hover { text-decoration: none; color:#B15200;}

			div#headMenu .mainMenu { float:right; margin:50px 0 30px;}
				div#headMenu .mainMenu li { float:left;}
				
#panNav { position:relative; font-size:10px;}
	#panNav ul { position:absolute; top:-45px; right:0;}
	#panNav li { float:left; margin:0 0 0 10px;}



#content { width:960px; margin:0 auto; padding:52px 0 0; min-height:550px; border-top:solid 1px #ccc; }

#pageName { float:left; width:42px; position:relative; letter-spacing:0;}
	#pageName .pageNamePosi { position:absolute; top:0;}

#mainBlock { width:600px; float:left; margin:0 24px 0 0; padding:0 0 0 34px; border-left:solid 1px #ccc;}
	#mainBlockInner { padding:0 0 50px;}


.contElem {}

.contElemInner { margin:0 0 50px; padding:0 0 30px;}
.borderDot { background:url(../images/common/border_dot.jpg) repeat-x bottom;}
/*.borderDot { border-bottom:dotted 1px #333;}*/



#sideNav { float:right;}
#sideMenu { margin:0 0 35px;}
	#sideMenu li { height:45px; width:180px; background:url(../images/common/border_dot.jpg) repeat-x bottom;}
	#sideMenu li a { display:block; padding:10px 0 0 ; color:#333; text-decoration:none;}
	#sideMenu li a:hover { color:#B15200; }

	#sideMenu li.sideMenu_subLi { height:auto; padding:10px 0 25px;}
	#sideMenu li.sideMenu_subLi a  { display:inline; }
	#sideMenu li.sideMenu_subLi ul { margin:10px 0 0 15px;}
	#sideMenu li.sideMenu_subLi li { height:auto; background:none; padding:0 0 5px; }
	#sideMenu li.sideMenu_subLi .sideSubMenu li { background:url(../images/common/pannav_arrow.gif) no-repeat 0 10px;
	padding:3px 0 3px 8px; font-size:12px;}

#footer { border-top:solid 1px #ccc;}
	#footer div#footerMenu { width:960px; margin:0 auto;}
		#footer div#footerMenu li { float:left; margin: 25px 27px 25px 0;}
		#footer div#footerMenu li a { color:#333; text-decoration:none;}
		#footer div#footerMenu li a:hover { color:#B15200;}

	#footer div#footer_bgGray { height:140px; background:#f5f5f5; font-size:11px;}
		#footerCopyright { width:960px; margin:0 auto;}
		.copyright { float:left; margin:70px 0 0;}
		.footerLogo { float:right; margin:30px 0 0;}
	#footer div#footer_bgGray a { color:#333; text-decoration:none;}

#toTop { position:fixed; top:180px; right:0; display:none;}

/* 2: layout
----------------------------------------------------------------------------------------------*/

/* 2column commons name
*/

.col{ }
	.col-l{  }
	.col-r{  }

#single-wrapper{}
#pages-wrapper{}


#pages-wrapper .col{ }
	#pages-wrapper .col-l{}
	#pages-wrapper .col-r{}
	
	
#single-wrapper .col{ }
	#single-wrapper .col-l{ float:left; }
	#single-wrapper .col-r{ float:right; }

#single-wrapper .wrap-inner{ }






	



* html .sampleset{}/*IE6 Hack*/
*:first-child+html .sampleset{}/*IE7 Hack*/
head~/* */body .sampleset{}/*IE8 Hack*/