@charset "UTF-8";

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

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



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

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

body { font: 13px/1.7 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica, sans-serif;
	   /*letter-spacing:0.1em;*/ margin:0; padding:0; color:#555/*717071*/;}
	 
a       { text-decoration: underline; color:#717071; }
a:hover { text-decoration: none; color:#969696; }
a { outline:none;}
img { -ms-interpolation-mode: bicubic; } 
:focus { outline: 0; }


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

body { }

#toppages { }
#wrapper  { }


#head { background:url(../images/common/head_bg.jpg) 0 0 repeat-x;}
	#headInner { width:910px; height:100px; margin:0 auto;}
	#headInner img {vertical-align:bottom;}
		#logo { width:223px; float:left;}
    	#headTel { width:216px; float:right;}


#menu { background: url(../images/menu/menu_bg.gif) 0 0 repeat-x; border-bottom:solid 2px #ccc; }
	#menuInner { width:910px; height:44px; margin:0 auto; position: relative; overflow: hidden;}
    #menuInner ul { margin:0 0 0 3px; line-height:44px; position: relative; left: 50%; float: left;}
    #menuInner li { position: relative; left: -50%; float: left;}
	#menuInner img {vertical-align:middle;}



ul#panNavi { float:right;  margin:0 0 10px 15px;font-size:10px;}
	ul#panNavi li { float:left; margin-right:8px;}


.toTop { clear:both; width:910px; margin:60px auto 0; text-align:right;}


#footer { background:url(../images/common/foot_grad.jpg) 0 0 repeat-x; padding:35px 0 0; }
#footerInner { background:#000; color:#9E9E9F; height:100px; }
#copyright { margin:0 auto; text-align:center; background:#000; line-height:100px; color:#9E9E9F; }
#copyright a { color:#9E9E9F; text-decoration:none;}




/* content
==========================================================*/

#content { width:910px; margin:20px auto; min-height:650px; }
	#content #mainBlock { width:590px; float:left; margin:20px 0 0 15px;}

		.contElemOuter { margin:15px 0 40px;}
		.contElemInner { margin:5px 0 0;}
		
		.imgBox { float:right; margin:5px 0 10px 10px;}
	
	#content #sideNav { width:260px; float:right; margin:20px 15px 0 0; border-top:dotted 1px #ccc; }
	#sideNav #pageLink {}
		#pageLink li { margin:10px 0 5px; padding:0 5px 5px 25px; border-bottom:dotted 1px #ccc; line-height:1.5; background:url(../images/common/side_nav_list.png) 10px 4px no-repeat;}
		#pageLink li:hover { background:url(../images/common/side_nav_list.png) 13px 4px no-repeat;}
		#pageLink li a { text-decoration: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*/