@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
/*--- html, body, 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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}--- */

/* --
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}- */


/* --- */
body{
font:90%/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
color:#333;
-webkit-text-size-adjust: none;
background:#fff;
line-height:1.9em;
}

html{
	background:#fff;
	}


/* リンク設定
------------------------------------------------------------*/



/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after,#footer:after{content:""; display: table;clear: both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post,#footer{zoom: 1;}





/* レイアウト
------------------------------------------------------------*/
#wrapper, .inner{
margin:0 auto;
width:1100px;
}

#header{
overflow:hidden;
}










/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1025px){
nav#mainNav{
clear:both;
position:relative;
z-index:200;
background: #fefff1;	/*背景色（古いブラウザだとここの色のみが出ます）*/
background: -webkit-gradient(linear, left top, left bottom, from(#fefff1), to(	#55402b));	/*グラデーション*/
background: -webkit-linear-gradient(#fefff1, 	#55402b);	/*同上*/
background: linear-gradient(#fefff1, 	#55402b);			/*同上クロームはここ*/
-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.8);	/*影の設定。右・下・ぼかし幅・色の設定*/
box-shadow: 0px 0px 10px rgba(0,0,0,0.8);			/*同上*/

}

nav#mainNav ul li{
float: left;
position: relative;
border-right:1px solid #55402b;
}

nav#mainNav ul li:first-child{
border-left:1px solid #55402b;
}

nav#mainNav ul li a{
display: block;
text-align: center;
_float:left;
color:#3d2d2d;
font-weight:900;

height:45px;
line-height:40px;
padding:15px 40px 5px;
letter-spacing:0.01em;
}

nav#mainNav ul li a span,nav#mainNav ul li a strong{
display:block;
font-size:100%;
line-height:1.6;
}

nav#mainNav ul li a span{/* -小さい文字の箇所- */
font-size:70%;
color: #55402b;
font-weight:100;
}








nav div.panel{
display:block !important;
float:left;
}

a#menu{display:none;}

nav#mainNav ul li.current-menu-item, nav#mainNav ul li:hover, nav#mainNav ul li.current-menu-parent{
background:#ccc;
}

nav#mainNav ul ul{
	width:180px;
	}

nav#mainNav ul li ul{
	display: none;
	}

nav#mainNav ul li:hover ul{
display: block;
position: absolute;
top:60px;
left:0;
z-index:500;
}







/* 開いた時のサブメニューサブメニューサブメニューサブメニューサブメニューサブメニューサブメニューサブメニュー */

nav#mainNav ul li li{
padding:5px 0 0 20px;
margin:0;
float: none;
height:40px;
line-height:40px;
width:250px;
border:0;
background:#1d382b;	/* サブメニューの色はここで変更する　---------濃いグリーンが良いがいろいろパターンを見たい-①#085704	②#1d382b	③#224520-------------*/

border-bottom:1px solid #fff;

}

nav#mainNav ul li li:first-child{
	border-left:0;
	}

nav#mainNav ul li li a{	/* サブメニュー開いた時のテキストの色など　---------------------------------------------------*/
width:100%;
height:40px;
padding:0 0 0 ;
line-height:40px;
font-size:95%;
text-align:left;
color:#FFFFFF;
font-weight:100;
}

nav#mainNav ul li li.current-menu-item a{
	font-weight:100;
	}

nav#mainNav ul li li:hover{
background:#006E1B;	/* サブメニューの色はここで変更する　------------------------濃いグリーンが良いがいろいろパターンを見たい------------------------------------*/

	}









nav#mainNav ul li:hover ul li:last-child{
	border:0;
	}


}


/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1024px){
nav#mainNav{
clear:both;
width:100%;
margin:0 auto;
padding:0;
background:#ccc;
}

nav#mainNav a.menu{
width:100%;
display:block;
height:48px;
line-height:40px;
font-weight: bold;
text-align:left;
color:#55402b;
background: #fefff1;	/*背景色（古いブラウザだとここの色のみが出ます）*/
background: -webkit-gradient(linear, left top, left bottom, from(#fefff1), to(	#55402b));	/*グラデーション*/
background: -webkit-linear-gradient(#fefff1, 	#55402b);	/*同上*/
background: linear-gradient(#fefff1, 	#55402b);			/*同上*/
-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.8);	/*影の設定。右・下・ぼかし幅・色の設定*/
box-shadow: 0px 0px 10px rgba(0,0,0,0.8);			/*同上*/
}

nav#mainNav a#menu span{
	padding-left:20px;
	}

nav#mainNav a.menuOpen{
color:#fff;

}

nav#mainNav a#menu:hover{
	cursor:pointer;
	}

nav .panel{
display: none;
width:100%;
position: relative;
right: 0;
top:0;
z-index: 1;
}

nav#mainNav ul{
	margin:0 0 20px;padding:0;
	}

nav#mainNav ul li{
float: none;
clear:both;
width:100%;
height:auto;
line-height:1.2;
background:#fff;
}

nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{
display: block;
padding:15px 10px;
text-align:left;
border-bottom:1px solid #ccc;
}

nav#mainNav ul li a span{display:none;}
 
nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:hover,nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:active, nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li.current-menu-item li a:hover, nav#mainNav ul li.current-menu-item li a:active{
background:#fff;
}

nav#mainNav ul li li{
float:left;
border:0;
}

nav#mainNav ul li li a, nav#mainNav ul li.current-menu-item li a, nav#mainNav ul li li.current-menu-item a{
padding-left:40px;

}

nav#mainNav ul li li.current-menu-item a,nav#mainNav ul li li a:hover, nav#mainNav ul li.current-menu-item li a:hover{
background:#fff}

nav#mainNav ul li li:last-child a{background:url(images/subLast.png) no-repeat 30px 50%;}
nav#mainNav ul li li:last-child.current-menu-item a,nav#mainNav ul li li:last-child a:hover,nav#mainNav ul li.current-menu-item li:last-child a:hover{
	background:#fff;
	}

nav div.panel{
	float:none;
	}





}


/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px){
#wrapper, #header, .inner{
	width:100%;
	}

#header h1, #header p{
	padding:5px 10px;
	}
#header h2{
	padding:20px 10px 0;
	}
#header ul{
	padding:20px 10px 10px;
	}





nav#mainNav ul, .thumbWrap{
	margin:0 auto;
	}
nav#mainNav ul ul{
	padding:0;
}

nav div.panel{
	float:none;
	}



}