@charset "utf-8";
/* ===================================================================
CSS information

 File Name  : module.css
 Style Info : 共通要素の基本設定

11px = 85%		12px = 93%		13px = 100%		14px = 108%
15px = 116%		16px = 123.1%	17px = 131%		18px = 138.5%
19px = 146.5%	20px = 153.9%	21px = 161.6%	22px = 167%
23px = 174%		24px = 182%		25px = 189%		26px = 197%
=================================================================== */

/*----------------------------------------------------------------
	共通
----------------------------------------------------------------*/
html { overflow-y: scroll; }


body {
	color: #333;
	background: #fff url(../img/bg/bg_contents.jpg);
	min-width:960px;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

.font-m{
	font-family:"Century Old Style" , "New York" , "Georgia" , "Bodoni SvtyTwo ITC TT-Book" , "Baskerville" , "Times New Roman" , "Kozuka Mincho std" , "Hiragino Mincho Pro" , "小塚明朝R" , "小塚明朝 std R" , "ヒラギノ明朝 Pro W3" , serif ;/font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
/* for IE6, 7 */
input,textarea {
	/font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
body.large	{ font-size:14px; }
body.small	{ font-size:10px; }
/* for IE6, 7 */

h1,h2,h3,h4,h5,h6,dt {
	font-weight: bold;
}
textarea	{ resize: vertical; }
img {
	vertical-align: top;
	line-height:1;
	font-size:0;
	max-width: 100%;
    height: auto;
}
@media \0screen {
  img { 
    width: auto; /* for ie 8 */
   }
}
em { color: #511; font-weight: bold; font-weight: normal; }
textarea	{ resize: vertical; }
address	{ font-style: normal; }
a, a:link	{
	color: #F08400;
	text-decoration: underline;

}
a:visited	{
	text-decoration:  underline;
	color: #2A83A0;
}
a:hover	{
	text-decoration: none;
	color: #2A83A0;
}


*{zoom:1;}

li{
display: list-item;
vertical-align:middle;
padding:0;
margin:0;}

img{
	line-height:1;
	font-size:0;
	
}
/* form要素
----------------------------------------------------------- */
input,textarea{
	padding:5px 7px;
	border-radius:2px;
	margin:0;
	background-color:#fff;
	border:none;
	/border:1px solid #A7A6AA;
	}
	
.jInput {
        border: 1px solid #A7A6AA;
        }
.jFocus {
        outline: medium none !important;
        background-color: #fff !important;
        border-color: #6ddeff !important;
        }
.jFocus {
        box-shadow: 0 0 3px rgba(82, 168, 236, 0.5);
        -webkit-box-shadow: 0 0 3px rgba(82, 168, 236, 0.5);
        -moz-box-shadow: 0 0 3px rgba(82, 168, 236, 0.5);
        -ms-box-shadow: 0 0 3px rgba(82, 168, 236, 0.5);
        -o-box-shadow: 0 0 3px rgba(82, 168, 236, 0.5);
        border-color: rgba(82, 168, 236, 0.75) !important;
        }
input[type="radio"],
input[type="checkbox"] { margin-right:5px; vertical-align:baseline; }
label { margin-right:15px; }

/* page要素
----------------------------------------------------------- */
div#page	{ font-size: 100%; text-align: left; }
.inner	{
	width: 960px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
/* header要素
----------------------------------------------------------- */
#header	{
	width: 100%;
	background:#fff;
	border-bottom: 1px solid #D5CBC6;
}
.indexBody #header	{
	border-bottom: none;
}
#header .inner {  }
#header #logo	{
	padding:40px 0 20px;
}
#header h2 {
	position:absolute;
	left:0;
	top:5px; 	color: #663300;
}
#header .utility	{
	position: absolute;
	top: 5px;
	right:0;
}
#header .utility ul { overflow:hidden; padding:0 0 20px; }
#header .utility li {
	float:left;
	margin-right:20px;
}
#header .utility li a {
	color:#333;
	background: url(../img/arrow/arrow01.png) no-repeat left center;
	padding-left: 12px;
	text-decoration:none;
}
#header .utility li a:hover {
	color:#F08400;
	text-decoration:underline;
}
/* mainVisual要素
----------------------------------------------------------- */
div#mainVisual	{
	width:100%;
	margin:-30px auto 0;
	padding: 0px;
	position:relative;
	z-index:1;
}
div#mainVisual .inner	{
	height:250px;
}
.indexBody div#mainVisual	{
	margin:0 auto;
	border-top: 1px solid #D5CBC6;
	border-bottom: 1px solid #D5CBC6;
}
div#mainVisual #front {
	position:absolute;
	width:500px;
	height:228px;
	top:1px;
	left:50%;
	margin-left:-250px;
	padding:190px 0 0;
	font-size:13px;
	text-align:center;
	background: url(../../img/main/main_front.png) no-repeat center top;
}
div#mainVisual #front .btn {
	position:absolute;
	left:97px;
	top:284px;
}

/* gNavi Style要素
----------------------------------------------------------- */
#gNavi	{
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	_zoom: 1;
}
#gNavi li	{ float: left; width:auto; }

/* パンくず
----------------------------------------------------------- */
 #crumbs	{
	margin:0 auto;
	padding: 0;
	height:30px;
	color:#91776A;
	width:960px;
	position:relative;
	z-index:100;
	line-height:30px;
	overflow:hidden;
line-height:30px;
}
#crumbs a {
	color:#91776A;
	text-decoration:none;
}
#crumbs li	{ display:inline; }
#crumbs .home img {
 padding:9px;
 vertical-align:middle;
}
/* contents要素
----------------------------------------------------------- */
div#contents	{
	width:100%;
	padding:0 0 30px;
	margin: 0 auto;
	overflow: hidden;
	border-top: 1px solid #FFF;
}
.indexBody div#contents,
#mainVisual + #contents {
	border-top:none;
}
.indexBody div#contents .inner	{
	padding: 30px 0;
}
/* main要素
----------------------------------------------------------- */
#main	{
	width: 710px;
	float: right;
	font-size: 100%;
	line-height: 150%;
}
#main section	{ margin-bottom:40px; clear:both; }
#main article h1	{
	margin: 0 0 20px;
	padding: 10px;
	font-size: 150%;
}
#main article h2	{
	margin: 0 0 20px;
	font-size: 130%;
}
#main article h3	{
	margin: 0 0 20px;
	font-size: 116.6%;
}
#main article h4	{
	margin: 0 0 15px;
	font-size: 108%;
}

#main p { margin-bottom: 1.2em; }
.dummy {
	 color:#F00;
}

/* 共通要素
----------------------------------------------- */
#main .kome  {
	padding-left: 1em;
	text-indent: -1em;
}
#main .dis	{
	background:#FFF;
	border:1px solid #CCC;
	margin:0 0 30px;
	padding:15px 20px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	behavior: url(border-radius.htc);
}
#main article section dl,
#main article section ul, 
#main article section ol	{ margin-bottom: 1.2em; }
ul.nl li	{
	list-style-type: disc;
	padding: 3px 0px;
	margin-left: 25px;
}
ol.nl li	{
	list-style-type: decimal;
	padding: 3px 0px;
	margin-left: 30px;
}
#main .pageNavi	{ text-align: center; }

.txtR	{ text-align: right; }
.txtC	{ text-align: center; }
.txtL	{ text-align: left; }

#main .link_arw a {
	background: url(../img/arrow/arrow01.png) no-repeat 0px 4px;
	padding-left:17px;
}

/* 共通タイトル要素
----------------------------------------------- */

#main .mainTtl {
	background: url(../img/bg/bg_main_low.png) no-repeat;
	height: 100px;
	width: 680px;
	margin:0 !important;
	padding: 49px 0 0 30px;
}
#main h1.none {
	display:none;
}
#main .subTtl01 {
	margin:0 auto 20px;
	padding:0 ;
	font-size:22px;
	line-height:32px;
	color:#663300;
	overflow:hidden;
}
#main .subTtl01 a {
	color:#662C18;
	text-decoration:none;
}
#main .subTtl02 {
	font-size: 16px;
	line-height: 34px;
	color: #372606;
	margin:0 auto 20px;
	overflow:hidden;
	background: url(../img/bg/sub_ttl02.jpg) no-repeat;
	padding: 0px 17px 0px 30px;
	height: 34px;
	width: 600px;
}
#main .subTtl02 a {
	color: #372606;
	text-decoration:none;
}
#main .subTtl03 {
	color:#372608;
	font-size: 16px;
	line-height: 36px;
	padding: 0px;
	margin:0 auto 15px;
	overflow:hidden;
}
#main .subTtl03 a {
	color:#372608;
	text-decoration:none;
}
#main .subTtl04 {
	color:#ED8300;
	font-weight:bold;
	margin-bottom:15px;
}
#main h1.none,
#main h2.none,
#main h3.none,
#main h4.none{
	display:none;
}


/* 共通セクション要素
----------------------------------------------- */

#main .sec01 {
	padding:30px;
	background: url(../img/bg/sec01_mid.png) repeat-y left;
	width: 650px;
}
#main .sec01_top {
	width:710px;
	padding:3px 0 0;
	background: url(../img/bg/sec01_top.png) no-repeat left top;
}
#main .mainTtl + .sec01_top {
	padding:0;
}
#main .sec01_btm {
	width:710px;
	padding:0 0 10px;
	background: url(../img/bg/sec01_btm.png) no-repeat left bottom;
}
#main .sec02 { padding:0 15px; }
#main .sec02 h2, #main .sec02 h3 { margin-left:-15px; margin-right:-15px; }

#main .f_con { position:relative; margin:40px auto;}
#main .f_con .link {  }

.link_arw  a {
	background: url(../img/arrow/arrow01.png) no-repeat left 6pxpx;
	padding-left: 10px;
}

/* Image Style
----------------------------------------------- */
#main .imgArea	{ overflow:hidden; }
.imgR {	float: right;	margin: 0 0 0 15px;}
.imgL {	float: left;	margin: 0 15px 0 0;}
.textArea	{ overflow: hidden; _zoom: 1; }
.img img,#main .map	{ border: 1px solid #CCC; padding:1px; }

#contents .btn01 a:hover img,
#contents a:hover .btn02 {
	filter: alpha(opacity=75); 
	-moz-opacity: 0.75;
	opacity: 0.75;
}
.alignright {	float: right;	margin: 0 0 0 15px;}
.alignleft {	float: left;	margin: 0 15px 0 0;}
.aligncenter { display:block;	margin: 0 auto 15px !important;}

/* テーブル共通指定
----------------------------------------------- */
#contents table  {
	width: 100%;
	margin: 0 auto 20px;
	border-collapse:separate;
}
#contents th, #contents td {
    padding: 10px;
	vertical-align: top;
	width:auto;
}
#contents th	{
	font-weight:bold;
	color:#372607;
	width: 20%;
	vertical-align:middle;
	text-align:left;
}

/* ページ分割ナビ
------------------------------------------------------------ */
#main .wp-pagenavi	{ padding: 20px 0 40px; text-align: center; overflow: hidden; }
#main .wp-pagenavi a, #main .wp-pagenavi span	{
	display: inline-block;
	/display:inline;
	text-decoration: none;
	padding: 5px 10px;
	background: #F90;
	color: #fff;
	margin-right: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #F90;
}
#main .wp-pagenavi span	{
	background: #fff;
	color: #630;
	border:1px solid #630;
}
#main .wp-pagenavi .pages	{
	background: #fff;
	color: #630;
	margin-right: 20px;
	border:1px solid #630;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#main .wp-pagenavi a:hover	{
	background: #630;
	color: #FFF;
	border:1px solid #630;
}
#main .wp-pagenavi .alignleft,	
#main .wp-pagenavi .center,
#main .wp-pagenavi .alignright {
	float:none;
	display: inline-block;
	/display:inline;
}

/* side要素
----------------------------------------------------------- */
#side	{
	width: 220px;
	float: left;
}
#side section,
#side nav {
	margin-bottom: 30px;
}
#side li	{ list-style-type: none; }

#side #s_news .body {
	background: url(../img/side/s_bg_btm.png) no-repeat left bottom;
	padding:0 0 5px;
	width: 220px;
}
#side #s_news ul {
	width:190px;
	padding:15px;
	background: url(../img/side/s_bg_mid.png) repeat-y left;
}
#side #s_news li { padding:0 0 15px ; }
#side #s_news .date { display:block; color:#C8B88C; padding-bottom:5px; }
#side #s_news .title { display:block; color:#333; }
#side #s_news .title a { color:#489ACC; }
#side #s_news .title a:hover { text-decoration:none; }
#side #s_news .more { text-align:center; }
#side #s_news .new {
	color: #FFF;
	background: #F08400;
	padding: 1px 5px;
	border-radius:3px;
	display:inline-block;
	/display:inline;
	}
#side #s_bnr p + p {
	margin:15px auto 15px 0;
}

#side #s_archive {}
#side #s_archive h3 {
		background: url(../img/bg/border01.gif) repeat-x bottom;
		padding:10px 0;
}
#side #s_archive ul {}
#side #s_archive li {
	background: url(../img/bg/border01.gif) repeat-x bottom;
	padding:5px 0;
}
#side #s_archive li a {
	display:block;
	background: url(../img/arrow/arrow01.png) no-repeat left 8px;
	padding:5px 15px;
	text-decoration:none;
	color:#333;
	}

/* footer要素
----------------------------------------------------------- */
#footer	{
	clear:both;
	width:100%;}
#footer a	{  }
#footer .copyright	{
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 5px 0px;
	color:#B6A7A3;
}
#footer .copyright a	{ color: #fff; font-size: 8px; }
#footer .copyright a:hover	{ text-decoration: none; -moz-box-shadow: 0 0 0 #999; -webkit-box-shadow: 0 0 0 #999; }

#footer .pagetop {
	text-align:center;
}

#footer .f01 {
	background: url(../img/footer/f_bg01.jpg) repeat-x;
	height: 100px;
	width: 100%;
}
#footer .f01 .inner {
	overflow:hidden;
}
#footer .f01 .tel { float:left; padding:30px 20px 0 0; }
#footer .f01 .mail {float:left; margin:30px 0 0; }
#footer .f01 .pagetop { float:right; padding:43px 0 0; }

#footer .f02 .inner { overflow:hidden; padding:30px 0 ; }
#footer .f02 #f_info { width:430px; float:left;}
#footer #f_info h1 { padding:0 0 20px; }
#footer #f_info ul {
	padding:40px 0 0;
}#footer #f_info li {
	float:left;
	margin-right:20px;
}
#footer #f_info li a {
	color:#333;
	background: url(../img/arrow/arrow01.png) no-repeat left center;
	padding-left: 12px;
}
#footer #f_info li a:hover {
	color:#F08400;
	text-decoration:underline;
}
#footer .f02 #f_nav { width:530px; float:right; }
#footer .f02 #f_nav h2 { float:left; padding:6px 15px 0 0; }
#footer .f02 li { display: inline; }
#footer .f02 a {color:#F08400; text-decoration:none;}
#footer .f02 a:hover {	
	text-decoration:underline;
}
#footer .f02 ul { padding:0 0 30px; line-height:26px;  }

/* clearfix */
.clearfix	{ width: 100%; }
#main .imgArea:after, .clearfix:after
{ height:0;	visibility: hidden;	content: ".";	display: block;	clear: both; }


/* スマートフォン (縦向き、横向き両対応) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
	#page { width:1060px !important; overflow:hidden !important; }

}
