@charset "UTF-8";

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

	Index:
  - Base Style
  - Layout

===============================================================================================
*/



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

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

body { font: 14px/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; }

.f_mincho { font-family: "游明朝体", "Yu Mincho", YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho", Times, serif;}
.f_gothic { font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica, sans-serif;}

.fns11 { font-size: 1.1em;}
.c_red { color: red;}

.uchikeshi_red span { position: relative;}
.uchikeshi_red span:before,
.uchikeshi_red span:after { position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: red; height: 1px; width: 100%; transform: translateY(-3px);}
.uchikeshi_red span:after { transform: translateY(3px);}

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

body { }

#toppages { }
#wrapper  { }


#head {background:url(../images/common/head_bg.png) 0 0 repeat-x; font-size:13px; height: 116px;}
	#headInner { max-width:910px; /*height:116px;*/ margin:0 auto;}
	#headInner img {vertical-align:bottom;}
		#logo { width:225px; float:left; padding-top: 30px;}
    	#headTel { width:312px; float:right;}

			#headTel #head_menu { margin: 30px 0 0; position: relative; right: -8px;}
			#headTel #head_menu li { margin:0 0 10px; float:left; padding:0 10px 0 10px; background:url(../images/common/head_menu_arrow.gif) 0 7px no-repeat;}
			#headTel #head_menu li.border {padding:0 25px 0 15px; background:none;}
			#headTel #head_menu a { text-decoration:none;}
			#headTel #head_menu a:hover { text-decoration:underline;}

#menu { background: url(../images/menu/menu_bg.gif) 0 0 repeat-x; border-bottom: 1px solid #DDDDDD; font-size:13px; border-top: 1px solid #DDDDDD;}
	#menuInner { width: 910px; height:44px; margin:0 auto; position: relative; overflow: hidden;}
    #menuInner ul { margin: 0 0 0 3px; line-height: 24px; box-sizing: border-box;}
    #menuInner li { float: left;position: relative;}
    #menuInner li::before { content: "|"; position: absolute; top: 9px;}
    #menuInner li:nth-child(7)::after { content: "|"; position: absolute; top: 9px; right: 0;}
    #menuInner li a { color: #1A1311; text-decoration: none; display: block; text-align: center; padding: 12px 30px;  line-height: 1.5;}
    #menuInner li a:hover { color: rgba(26, 19, 17, 0.6); text-decoration: none;}

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


.toTop { clear:both; width: 92%; max-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; width: 100%;}
#footerInner { background-color: #383838; height:80px; margin:0 auto ;}
#copyright { margin:0 auto; text-align:center;line-height:80px; color:#fff;font-size: 12px; letter-spacing: 0.8pt; }
#copyright a { color:#9E9E9F; text-decoration:none;}




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

#content { width: 92%; max-width: 910px; margin:20px auto; min-height:650px; }
	#content #mainBlock { width:600px; float:left; margin:20px 15px;}

		.contElemOuter { margin:15px 0 40px; padding: 0;}
		.contElemInner { margin:5px 0 0;}

		.imgBox { float:right; margin: 5px 0 10px 15px; width: 240px;}
		p.imgBox_bikou { font-size: 14px; text-align: center; line-height: 1.5;}


	#content #sideNav { width:260px; float:right; margin:20px 15px 0 0; border-top:dotted 1px #ccc; }
	#sideNav #pageLink { margin-bottom: 50px;}
		#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;}


.h2ttl { background: url(../images/blog/h2_bg.png) 0 0 repeat-y; margin-bottom: 20px;}
.h2ttl h2 { font-family: "游明朝体", "Yu Mincho", YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho", Times, serif; margin-left: .8em; font-size: 1.4em; color: #000; padding: 10px 8px 10px 0; letter-spacing: .1em; line-height: 1.4;}


/* 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*/