@charset "utf-8";

/* ★★★ */
body {
	-webkit-text-size-adjust: 100%;
}

.spnone { display:inherit; }
.tabnone { display:inherit; }
.pcnone { display:none; }
.pcon { }
.tabon { display:inherit; }
.spon { display:none; }

/* ★★★ */

/* TextLink
----------------------------------------------------------*/
a:link    { color: #9D221B; text-decoration: none;}
a:visited { color: #9D221B; text-decoration: none;}
a:hover   { color: #9D221B; text-decoration: underline;}
a:active  { color: #9D221B; text-decoration: none;}

#footer a:link, #topics a:link			{ color: #333333; text-decoration: none;}
#footer a:visited, #topics a:visited	{ color: #333333; text-decoration: none;}
#footer a:hover, #topics a:hover		{ color: #9D221B; text-decoration: underline;}
#footer a:active, #topics a:active		{ color: #9D221B; text-decoration: none;}

/* Header
----------------------------------------------------------*/
#header {
	background: #FFFFFF;
}

#header #headerInner {
	position: relative;
	width: 950px;
	height: 100px;
	margin: 0 auto;
}

#header #headerInner h1.logo {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#header #headerInner h1.logo a {
	display: block;
	background: url(../img/head_logo.png) no-repeat;
	width: 453px;
	height: 75px;
	margin: 15px 0 0 0;
	padding: 0 0 0 0;
}	

#header #headerInner #headerNavi {
	position: absolute;
	width: 406px;
	left: 530px;
	top: 0px;
}

#header #headerInner h2 {
	margin: 0 0 2px 2px;
}

#header #headerInner #headerNavi ul {
	margin: 0;
	padding: 0;
}

#header #headerInner #headerNavi li {
	float: left;
	margin: 0;
	padding: 0;
}

/* Navi
----------------------------------------------------------*/
#side .navi {
	height: 620px;
	background: url(../img/navi_bottom.jpg) bottom no-repeat;
}

#side .navi li {
	margin: 0;
	padding: 0;
}

#side .navi li img {
	margin: 0;
	padding: 0;
	vertical-align: top;
}



/* Container
----------------------------------------------------------*/
#container {
	background: url(../img/bg_body.jpg) repeat-x;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

#contents {
	width: 950px;
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 0 0 0 0;
	background: url(../img/contents_bg.gif) top center repeat-y;
}

#contents #main {
	float: right;
	width: 738px;
	padding: 9px 31px 0 0;
}

#contents #side  {
	width: 137px;
	padding: 0 14px;
/*	background: url(../img/navi_bg.jpg) top repeat-y;*/
	float: left;
}

p {
	font-size: 0.875em;
}

/* path
----------------------------------------------------------*/
ul#path {
	width: 850px;
	margin: 0;
	padding: 0 0 15px 0;
	clear: both;
}

#path li {
	display:inline;
	font-size: 0.625em;
	padding: 0 0 0 2px;
}

#path li a {
	background: url(../img/pathlist.gif) right center no-repeat;
	padding: 0 15px 0 0;
	margin: 0 0 0 0;
	color: #999999;
}

/* contents
----------------------------------------------------------*/
#contents {
}


/* Footer
----------------------------------------------------------*/
div.pagetop {
	margin: 10px 0;
	width: 739px;
}

div.pagetop a {
	width: 60px;
	background: url(../img/page_up.gif) no-repeat left 0.35em;
	font-size: 0.625em;
	text-align: left;
	margin: 0 0 0 665px;
	padding: 0 0 0 15px;
	display: block;
	text-decoration: none;
}

#pagetop {
	width: 850px;
	text-align: right;
	margin: 0 auto;
	padding: 10px 0 0 0;
	height: 19px;
}

#footer {
	background: #FFFFFF;
	border-top: solid 2px #A8BC00;
}

#footer #footerInner {
	width: 950px;
	text-align: center;
	margin: 0 auto;
	padding: 10px 0 10px 0;
}


#footer #footerInner ul {
	margin-bottom: 10px;
}

#footer #footerInner li {
	display: inline;
	background: url(../img/list_ico01.gif) left 0.6em no-repeat;
	padding: 0 10px 0 10px;
}

#footer #footerInner li a {
	color: #000000;
	font-size: 0.825em;
}

div.copyright p {
	color: #666666;
	font-size: 0.625em;
}

/* module
----------------------------------------------------------*/
/*Float*/
.Left 
{float:left;}
.Right 
{float: right;}
.textRight 
{text-align: right;}
.textLeft 
{text-align: left;}
.textCenter
{text-align: center;}
/*h1*/
.hl01Bd 
{border-bottom: 1px #CCCCCC solid;
font-weight: bold;
font-size: 1.0em;
color: #9D221B;
padding: 0 0 3px 0;
margin: 0 0 13px 0;}

.txtLead {
	font-weight: bold;
	color: #765C2F;
}
/*font*/
.fB 
{font-weight: bold;}
.C
{font-size: 10px;}
.fM
{font-size: 12px;}
.fL
{font-size: 14px;}
.fCol
{color: #9D221B}
/*margin*/
.mB10 
{margin-bottom: 10px !important;}
.mB20 
{margin-bottom: 20px;}
.mB30 
{margin-bottom: 30px;}
.mL15 
{margin-left: 15px;}
.mR15 
{margin-right: 15px;}
/*padding*/
.pT5 
{padding-top: 5px;}
.fC 
{color: #9D221B;}

/*list-style*/
.listStyle02 {
	background:url(../img/list_ico02.gif) 0.2em 0.2em no-repeat;
	padding: 0 0 0 15px;
	font-size: 0.875em;
}
ul.listStyle03 {
	font-size: 0.825em;
}
ul.listStyle04,
ul.listStyle03 li{
	margin: 0 0 4px 0;
	text-indent: -0.8em;
}

ul.listStyle04,
ul.listStyle03 li{
	_margin: 0 0 4px 0;
	_text-indent: 0;
}

ul.listStyle04,
ul.listStyle03 span{
	margin-right: 0.2em;
}
ul.listStyle04 {
	font-size: 0.75em;
}
ul.listStyle05 li {
	background:url(../img/list_ico02.gif) no-repeat left 0.3em;
	padding: 0 0 0 15px;
	font-size: 0.875em;
	margin: 0 0 5px 0;
}

ul.listStyle05 li span {
	margin-right: 10px;
}
.listStyle06 {
	background: url(../img/list_ico03.gif) left 0.37em no-repeat;
}

ul.listStyle07 li {
	background: url(../img/list_ico02.gif) no-repeat left 0.37em;
	padding: 0 0 0 15px;
	font-size: 0.625em;
	margin: 0 0 5px 0;
}

ul.listStyle07-02 li {
	background: url(../img/list_ico02.gif) no-repeat left 0.37em;
	padding: 0 0 20px 15px;
	font-size: 0.825em;
	margin: 0 0 5px 0;
}


ul.listStyle08 li {
	background:url(../img/list_ico02.gif) no-repeat left 0.3em;
	padding: 0 0 15px 15px;
	font-size: 0.875em;
	margin: 0 0 5px 0;
	border-bottom: #CCCCCC 1px dotted;
}
.listStyle09 {
	background: url(../img/list_ico05.gif) no-repeat left 0.28em;
	padding: 0 0 0 13px;
}



ul.listStyle10 li {

	padding: 0 0 0 0px;
	font-size: 1.0em;
	margin: 0 0 5px 0;
}


ul.ol01 li {
	list-style-type: decimal;
	margin-left: 2.0em;
/*	margin-bottom: 5px;*/
	font-size: 0.75em
}

ul.ol01 ul {
	margin: 3px 0;
}

ul.ol01 ul li {
	font-size: 10px;
	list-style: none;
	margin-left: 0.2em;
/*	margin-bottom: 3px;*/
}

*+html ul.ol01 ul li {
	line-height: 1.2;
}

/* フォーム
----------------------------------------------------------*/


/* Page TOP
----------------------------------------------------------*/
#main #pagetop {
	width: 600px;
	text-align: right;
	margin: 0 0 20px 0;
	padding: 10px 0 0 0;
	height: 19px;
}

/* Display none
----------------------------------------------------------*/
.hide {
	display			: none;
}

/* BR clear
----------------------------------------------------------*/
br.clear {
	clear			: both;
	font-size		: 0px;
	line-height		: 0px;
}

/* ClearFix
----------------------------------------------------------*/
.clearFix:after {
	clear			: both;
	content			: ".";
	display			: block;
	height			: 0pt;
	visibility		: hidden;
}

*html .clearFix {
	height			: 1%;
}

/* ★★★ */
header {
	display:none;
}
/* ★★★ */


.contTitle01 {
	background:#91755c;
	font-size:16px;
	color:#ffffff;
	padding:7px !important;
	line-height:1 !important;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.contTitle02 {
	background:#9d221b;
	font-size:16px;
	color:#ffffff;
	padding:7px !important;
	line-height:1 !important;
	margin-bottom:5px !important;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.contTitle03 {
	background:#8a8253;
	font-size:16px;
	color:#ffffff;
	padding:7px !important;
	line-height:1 !important;
	margin-bottom:5px !important;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.contTitle04 {
	background:#91755c;
	font-size:15px;
	color:#ffffff;
	padding:7px !important;
	line-height:1 !important;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.contTitle05 {
	background:#ebe4dd;
	font-size:15px;
	color:#595656;
	padding:7px !important;
	line-height:1 !important;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border:none !important;
}

.pageTitle01 {
	font-size:18px !important;
	color:#9d221b !important;
	font-weight:bold !important;
	margin-bottom:10px !important;
	border-bottom:solid 2px #9d221b !important;
}

.pageTitle01 span {
	font-size:16px !important;
}

#page-top {
	position: fixed;
	bottom: 20px;
	right: 40px;
	z-index:8888;
}

@media screen and (max-width: 768px) {
body {
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

.spnone { display:inherit; }
.tabnone { display:none; }
.pcnone { display:inherit; }
.pcon { display:none !important; }
.tabon { display:inherit; }
.spon { display:none; }

#header #headerInner {
	position: inherit;
	width: inherit;
	height: inherit;
	margin: 0 auto;
}

#header #headerInner h1.logo {
	float: none;
	position:absolute;
	top:10px;
	left:10px;
}

#header #headerInner h1.logo a {
	background: url(../img/head_logo.png) no-repeat;
	background-size:300px;
	width: 300px;
	height: 50px;
	margin: 0;
}	

#header #headerInner #headerNavi {
	width: 0;
	left: 0;
}

#header #headerInner h2 {
	position:absolute;
	top:60px;
	left:10px;
	/* top:10px;
	left:310px; */
	margin:0;
}

#header #headerInner h2 img {
	width:200px;
	height:37px;
}

#header #headerInner #headerNavi ul {
	display:none;
}

header {
	display:inherit;
}

.pull-down-inner {
	width: 100%;
	position: relative;
	padding: 15px;
	box-sizing: border-box;
	background-color: #ffffff;
	/* height:80px; */
	height:110px;
	border-bottom: solid 2px #A8BC00;
	text-align:right;
}

.pull-down-inner span {
	display:inline-block;
	font-size:13px;
	margin-right:-3px;
	padding-top:17px;
	color: #349534;
}

.pull-down-inner .logosp {
	color: #fafafa;
	font-size: 18px;
	display: block;
}

.menu-icon {
	color: #349534;
	position: absolute;
	top: 30%;
	margin-top: -0.5em;
	right: 10px;
	cursor: pointer;
}

.menu-icon.current {
	opacity: 0.3;
}

.pull-down-list {
	background: #429534;
}

.pull-down-list li {
	background: #429534;
	float:left;
	width: 50%;
	box-sizing: border-box;
	border-bottom:solid 1px #247a24;
}

.pull-down-list li:nth-child(even) {
	border-right:solid 1px #247a24;
}

.pull-down-list li.home {
	background: #298529;
	width: 100%;
}

.pull-down-list li.hnav {
	background: #298529;
}

.pull-down-list li a {
	display: block;
	position: relative;
	padding: 18px 15px 18px 10px;
	text-decoration: none;
	color: #ffffff !important;
	text-decoration: none !important;
	font-size:14px;
	line-height:1;
}

.pull-down-list li a:after {
	font-family: 'FontAwesome';
	content: "\f054";
	color: #ffffff;
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -0.5em;
}

#side {
	display:none;
}

/* ★★★ */
p {
	font-size: 14px;
}
/* ★★★ */

#container {
	position:relative;
	background: url(../img/contents_bg_sp.gif) top left repeat-y;
	background-size:10px;
	box-sizing: border-box;
}

#contents {
	width: inherit;
	background: url(../img/contents_bg_sp.gif) top right repeat-y;
	background-size:10px;
	box-sizing: border-box;
}

#contents #main {
	float: none;
	width: inherit;
	padding: 10px 15px 0;
	margin:0 !important;
	box-sizing: border-box;
}

/*
p {
	font-size: 0.75em;
}*/

ul#path {
	width: inherit;
}

div.pagetop {
	width: inherit;
}

#pagetop {
	width: inherit;
}

#footer {
}

#footer #footerInner {
	width: inherit;
	padding: 0 0 10px 0;
	box-sizing: border-box;
}


#footer #footerInner ul {
	overflow:hidden;
}

#footer #footerInner li {
	float:left;
	display: inherit;/
	background:none;
	padding:0;
	width: 50%;
	box-sizing: border-box;
	border-bottom:solid 1px #dadada;
}

#footer #footerInner li:nth-child(odd) {
	border-right:solid 1px #dadada;
}

#footer #footerInner li a {
	display: block;
	background:#ededed;
	position: relative;
	padding: 18px 15px 18px 10px;
	text-decoration: none;
	color: #000000;
	text-align:left;
	font-size:14px;
	line-height:1;
}
#footer #footerInner li a:after {
	font-family: 'FontAwesome';
	content: "\f054";
	color: #000000;
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -0.5em;
}

/*list-style*/
.listStyle02 {
	font-size: 15px;
}

ul.listStyle03 {
	font-size: 14px;
}

ul.listStyle05 li {
	font-size: 14px;
}

ul.listStyle08 li {
	font-size: 14px;
}

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index:8888;
}

}

@media screen and (max-width: 480px) {
.spnone { display:none; }
.tabnone { display:inherit; }
.pcnone { display:inherit; }
.tabon { display:none; }
.spon { display:inherit; }

#contents #main {
	width: inherit;
	padding: 10px 15px 0;
	margin:0 !important;
	box-sizing: border-box;
}
#header #headerInner h1.logo a {
	background-size:220px;
	width: 220px;
	height: 36px;
}

#header #headerInner h2 {
	position:absolute;
	top:48px;
	left:10px;
	margin:0;
}

#header #headerInner h2 img {
	width:180px;
	height:33px;
}

.menu-icon {
	top: 30%;
}
.pull-down-inner {
	height:90px;
}

.pull-down-inner span {
	padding-top:11px;
}
/* BR clear
----------------------------------------------------------*/
br.clear {
	display:none;
}

.contTitle04 {
	font-size:15px;
	line-height:1.4 !important;
}

.contTitle05 {
	font-size:13px;
	line-height:1.4 !important;
}
#page-top img {
	width:28px;
	height:28px;
}
}