@charset "utf-8";  
/*------------------------------------------------------------ 
	デフォルトスタイル	全ページ共通css
------------------------------------------------------------*/  

/**** フォントサイズ　*************

基本を12pxに、サイズは％指定。

====偶数====　　　====奇数====
■10px = 84%      ■11px = 92%
■12px = 100%     ■13px = 109%
■14px = 117%     ■15px = 125%
■16px = 134%     ■17px = 142%
■18px = 150%     ■19px = 159%
■20px = 167%     ■21px = 175%
■22px = 184%     ■23px = 192%
■24px = 200%     ■25px = 209%
■26px = 217%     ■27px = 226%

**********************************/

html, body{ margin:0; padding:0;}
body{
	font-size:76%;
	background:#fff;
	-webkit-text-size-adjust:100%;
	min-width:986px;
}

html{ font-size:100%;}

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:100%;
	font-weight:normal;
	vertical-align:baseline;
	background:transparent;
	line-height:1.2;
}  

article,aside,details,figcaption,figure,main,
footer,header,hgroup,menu,nav,section{ 
    display:block;
}

blockquote, q{ quotes:none;}

a{
	text-decoration:none;
	outline:none;
}

ins{
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark{
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del{ text-decoration: line-through;}
abbr[title], dfn[title]{
    border-bottom:1px dotted;
    cursor:help;
}

table{
    border-collapse:collapse;
    border-spacing:0;
}

hr{
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select{
    vertical-align:middle;
}

ul,ol{ list-style-type:none;}
img{ vertical-align:middle;}

.line:hover{ text-decoration:underline;}
.opacity{ display:inline-block;}
.opacity:hover{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;
}

.clear{ clear:both;}
.clearfix{ width:100%;}
.clearfix:after{
    content:"";
    display:block;
    clear:both;
}

.fl{ float:left;}
.fr{ float:right;}

.txtl{ text-align:left;}
.txtr{ text-align:right;}
.txtc{ text-align:center;}

strong{ font-weight:bold; color:inherit;}
.fwb{ font-weight:bold;}

.clrr{ color:#B13A2D;}
.clrb{ color:#333;}
.clrw{ color:#fff;}

.il{ display:inline;}
.bl{ display:block;}
.no{ display:none;}

.li2{ line-height:2;}


/* margin */

.mT10{ margin-top:10px;}
.mT20{ margin-top:20px;}
.mT25{ margin-top:25px;}
.mT30{ margin-top:30px;}
.mT50{ margin-top:50px;}
.mT80{ margin-top:80px;}

.mR10{ margin-right:10px;}
.mR20{ margin-right:20px;}
.mR30{ margin-right:30px;}

.mB10{ margin-bottom:10px;}
.mB20{ margin-bottom:20px;}
.mB30{ margin-bottom:30px;}

.mL10{ margin-left:10px;}
.mL20{ margin-left:20px;}
.mL30{ margin-left:30px;}

/* padding */

.pT10{ padding-top:10px;}
.pT20{ padding-top:20px;}
.pT30{ padding-top:30px;}

.pR10{ padding-right:10px;}
.pR20{ padding-right:20px;}
.pR30{ padding-right:30px;}

.pB10{ padding-bottom:10px;}
.pB20{ padding-bottom:20px;}
.pB30{ padding-bottom:30px;}
.pB150{ padding-bottom:150px;}

.pL10{ padding-left:10px;}
.pL20{ padding-left:20px;}
.pL30{ padding-left:30px;}

/* font-size */

.font11{ font-size:92%;}
.font12{ font-size:100%;}
.font13{ font-size:109%;}
.font14{ font-size:117%;}
.font15{ font-size:125%;}
.font16{ font-size:134%;}
.font17{ font-size:142%;}
.font18{ font-size:150%;}
.font19{ font-size:159%;}
.font20{ font-size:167%;}
.font21{ font-size:175%;}
.font22{ font-size:184%;}
.font23{ font-size:192%;}
.font24{ font-size:200%;}
.font25{ font-size:209%;}
.font26{ font-size:217%;}
.font27{ font-size:226%;}

/* editor */

#editor table,
#editor caption,
#editor tbody,
#editor tfoot,
#editor thead,
#editor tr,
#editor th,
#editor td{
	border:1px solid gray;
    border-spacing:2px;
	border-collapse:separate;
}

#editor a:hover{ text-decoration:underline;}


/*------------------------------------------------------------ 
    スタイル 
------------------------------------------------------------*/

.inner{
	width:966px;
	margin:0 auto;
	overflow:hidden;
}

.fontS{ font-size:68%;}
.fontM{ font-size:76%;}
.fontL{ font-size:84%;}

/*------------------------------------------------------------ 
    ヘッダー 
------------------------------------------------------------*/

#header{
	width:100%;
	height:130px;
	overflow:hidden;
}

#header .inner{ position:relative;}

#skip-nav a{
	position:absolute;
	top:-28px;
	left:10px;
	color:#333;
	font-size:117%;
	font-weight:bold;
	line-height:28px;
}

#skip-nav a:focus{ top:0;}


h1{
	width:329px;
	height:83px;
	float:left;
	margin-top:27px;
}

#fontChange{
	height:30px;
	margin-top:20px;
	overflow:hidden;
	float:right;
}

#fontChange p{
	float:left;
	line-height:30px;
	font-weight:bold;
	font-size:134%;
	color:#000;
}

#fontChange ul{
	float:left;
	margin-left:20px;
}

#fontChange li{
	float:left;
	height:30px;
	margin-left:10px;
}

#fontChange a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
}

#fontS{ width:24px;}
#fontS a{ background:url(../img/fontS.png) no-repeat 0 0;}

#fontM{ width:26px;}
#fontM a{ background:url(../img/fontM.png) no-repeat 0 0;}

#fontL{ width:30px;}
#fontL a{ background:url(../img/fontL.png) no-repeat 0 0;}

#fontChange a:hover,
#fontChange .selected a{ background-position:0 -30px!important;}

.hdNavi{
	height:50px;
	overflow:hidden;
	margin-top:30px;
}

.hdNavi li{
	float:left;
	margin-left:40px;
}

.hdNavi a{
	line-height:50px;
	font-size:117%;
	color:#333;
}

/* global navi */

#gNavi{
	width:100%;
	height:60px;
	background:#B13B2E;
}

#gNavi li{
	float:left;
	width:135px;
	height:60px;
}

#gNavi .navi01{ width:310px;}
#gNavi .navi02{ width:251px;}
#gNavi .navi03{ width:210px;}
#gNavi .navi04{ width:308px;}
#gNavi .navi05{ width:112px;}

#gNavi a{
	display:table-cell;
	vertical-align:middle;
	width:400px;
	height:60px;
	text-align:center;
	color:#fff;
	font-size:125%;
}

#gNavi a:hover,
#gNavi .selected a{ background:#7B0E08;}

/*------------------------------------------------------------ 
    コンテンツ 
------------------------------------------------------------*/ 

.headline{
	width:100%;
	height:120px;
	margin-bottom:35px;
	border-bottom:2px solid #6D5535;
	background:#E2DDD7 url(../img/headlineBg.png) no-repeat 50% 0;
}

.headline h2{
	width:966px;
	height:120px;
	line-height:120px;
	margin:0 auto;
	font-size:175%;
	font-weight:bold;
	color:#9F3428;
}

/* pankuzu */

.mB0{ margin-bottom:0!important;}

.pankuzu{
	width:100%;
	height:40px;
	background:#EFEFEF;
	line-height:40px;
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
}

.pankuzu p{
	width:966px;
	margin:0 auto;
	line-height:40px;
	font-size:117%;
}

.pankuzu a{
	font-size:84%;
	color:#B13B2E
}


/*------------------------------------------------------------ 
    フッター 
------------------------------------------------------------*/  

#footer{
	width:100%;
	background:#FCF7DB;
	padding:20px 0 50px;
	border-top:1px solid #E1D7A4;
}

.ftInner{
	width:954px;
	margin:0 auto;
}

.ftstyle{
	padding-bottom:15px;
	margin-bottom:10px;
	font-size:134%;
	font-weight:bold;
	color:#000;
	border-bottom:1px solid #E1D7A4;
}

.ftNavi{
	padding-bottom:10px;
	border-bottom:1px solid #E1D7A4;
}

.ftNavi li{
	display:inline-block;
	margin:8px 15px 8px 0;
}

.ftNavi a{
	color:#333;
	font-size:109%;
}

#address{
	width:100%;
	padding-top:15px;
	overflow:hidden;
}

#address p{
	line-height:1.5;
	color:#333;
	font-size:109%;
	margin-top:10px;
}

.ftMenu{
	padding-top:15px;
	margin-top:10px;
	oveflow:hidden;
}

.copyright{
	float:left;
	line-height:30px;
}

#counter_area{
	float:right;
	padding:0 20px;
	background:#B13B2E;
}

#counter_area li{
	display:inline-block;
	vertical-align:middle;
	color:#fff;
	line-height:30px;
}

#counter_area li + li{ margin-left:10px;}

#topcontrol{ bottom:60px!important;}