@charset "UTF-8";
/* CSS Document */

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

	下層コンテンツ共通設定

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

/* --- パンくず設定 --- */
ul#breadList {
	overflow: hidden;
	font-size:80%;
	letter-spacing: 0em;
	margin:5px 0px 10px;
}

ul#breadList li {
	float: left;
	color:#999;
}

ul#breadList li:before {
	content:"\f105";
	font-family: 'FontAwesome';
	margin: 0 0.5em;
	color:#999;
}

ul#breadList li:first-child:before {
	content: none;
}

ul#breadList li a {
	color:#00471C;
}

ul#breadList li a {
	text-decoration: none;
}

ul#breadList li a:hover {
	text-decoration:underline;
}


/* --- ページ記事枠設定 --- */

#content_sp article {
	margin:0 0 0px;
}

/* --- ページ見出し設定 --- */

.h1bg{
	background-color:#EEEEEE;
}


#content_sp h1 {
	color: #222222;
	font-size:95%;
	text-align:center;
	margin-bottom: 8px;
	padding:6px 0 8px;
	text-shadow: #888888 1px 1px 1px; /* FireFox, Webkit, Opera */
	zoom:1;
	filter: progid:DXImageTransform.Microsoft.Glow(Color=#888888,Strength=1);
	-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#888888,offx=1,offy=1)"; /* IE8 */
	display:block; /* IE */
}

.h2bg{
	background-color:#EEEEEE;
}


#content_sp h2 {
	color: #102088;
	font-size: 95%;
	margin:7px 0px 0px;
	padding:10px 0px 13px 0px;
	border-bottom:1px solid #BCCEC3;
	line-height: 1.4;/* 13pxのときにおよそ20pxの行間 */
	letter-spacing:0.3em;
	text-align:center;
	
	text-shadow: #aaaaaa 1px 1px 1px; /* FireFox, Webkit, Opera */
	zoom:1;
	filter: progid:DXImageTransform.Microsoft.Glow(Color=#aaaaaa,Strength=1);
	-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#aaaaaa,offx=1,offy=1)"; /* IE8 */
	display:block; /* IE */
}

#content_sp h2 a{
color: #102088;
}

#content_sp h3 {
	color:#000036;
	font-size:140%;
	margin:0px 0 10px;
	padding:20px 0 13px 0px;
	letter-spacing:0.0em;
	border-bottom:1px solid #BCCEC3;
}

#content_sp h3:before{
	content:"\f107";
	font-family: 'FontAwesome';
	margin-right:6px;
	}

#content_sp h4 {
	color:#FFFFFF;
	display:block;
	/*background-color:#336633;*/
	font-size:16px;
	margin:15px 0 10px;
	padding:3px 0 3px 12px;
}

#content_sp h4.con {
	color:#FFFFFF;
	display:block;
	background-color:#336633;
	font-size:16px;
	margin:15px 30px 10px 24px;
	padding:3px 3px 3px 12px;
}

#content_sp h4.h4_contact {
	color:#FFFFFF;
	width:99%;
	display:block;
	background-color:#336633;
	font-size:16px;
	margin:0px 0px 0px;
	padding:3px 0 3px 12px;
}

#content_sp h4.h4_contact_2 {
	color:#FFFFFF;
	width:94%;
	display:block;
	background-color:#000036;
	font-size:12px;
	margin:0px auto 5px;
	padding:3px 12px 3px 12px;
}

/* --- ページ画像設定 --- */
#content_sp figure {
	margin:10px 0;
}

/* --- ページ動画（iframe）設定 --- */
#content_sp iframe {
	margin:10px 0;
}


/* --- ページアンカーリスト設定 --- */
#content_sp ul.anchorList {
	font-size:80%;
	margin:5px 10px 15px;
}

#content_sp ul.anchorList li {
	margin:5px 0 0 0;
}

#content_sp ul.anchorList li a {
}

#content_sp ul.anchorList li a:before {
	content:"\f103";
	font-family: 'FontAwesome';
	margin-right:6px;
}

.puckup{
	content:"\f103";
	font-family: 'FontAwesome';
	margin-left:6px;
}



#content_sp ul.anchorList2 {
	margin-bottom:10px;
}

#content_sp ul.anchorList2 li {
	margin:2px 0 0 20px;
}

#content_sp ul.anchorList2 li a {
}

#content_sp ul.anchorList2 li a:before {
	content:"\f103";
	font-family: 'FontAwesome';
	margin-right:6px;
}


/* --- ページギャラリー設定 --- */
#content_sp ul.thumImgList {
	overflow:hidden;
	padding:10px 0;
}

#content_sp ul.thumImgList li {
	float:left;
	margin:5px;
}

#content_sp ul.thumImgList li a {
}

#content_sp ul.thumImgList2 {
	overflow:hidden;
	padding:10px 0;
	margin-left:24px;
}

#content_sp ul.thumImgList2 li {
	float:left;
	margin:5px;
}

#content_sp ul.thumImgList3 {
	overflow:hidden;
	padding:10px 0;
	margin-left:24px;
}

#content_sp ul.thumImgList3 li {
	float:left;
	margin:5px;
	width:405px;
	font-size:90%;
}

#content_sp ul.thumImgList3 img {
	margin-right:8px;
}


#content_sp ul.thumImgList4 img {
	margin-right:5px;
}


#content_sp ul.thumImgList4 {
	overflow:hidden;
	padding:10px 0;
	margin-left:24px;
}

#content_sp ul.thumImgList4 li {
	float:left;
	margin:4px;
	width:132px;
	font-size:90%;
}

#content_sp ul.thumImgList4 img {
	margin-right:5px;
}


/* --- ページテキスト設定 --- */
#content_sp p.mainTxt {
	font-size:120%;
}

#content_sp p.mainTxt_sp {
	font-size:110%;
	padding:0px 8px;
	line-height:1.8em;
}

#content_sp p.cationTxt {
	font-size:11px;
	color:#00471C;
	padding:5px 0;
	margin-bottom:15px;
}


/* --- ページボタン設定 --- */
#content_sp p.linkBtn,
#content_sp p.contactBtn {
	margin:30px 0;
}

#content_sp p.linkBtn a,
#content_sp p.contactBtn a {
	color:#FFF;
	background-color:#00471C;
	text-align:center;
	font-size:13px;
	padding:10px 20px;
	border-radius:3px;
}

#content_sp p.linkBtn a:before,
#content_sp p.contactBtn a:before {
	content:"\f138";
	font-family: 'FontAwesome';
	margin-right:6px;
}

#content_sp p.linkBtn a:hover,
#content_sp p.contactBtn a:hover {
	text-decoration:none;
	background-color:#693;
}


/* --- スクロールボタン設定 --- */
#content_sp p.scrollTop {
	text-align:right;
}

#content_sp p.scrollTop a:after {
	content:"\f062";
	font-family: 'FontAwesome';
	padding-left:6px;
}

.cont_wrap {
clear:both;
width: 95%;
margin-top:6px;
border-bottom: 1px solid #444444;
border-style:dotted;
font-size:100%;
letter-spacing:0.2em;
}

.cont_title {
	margin:0 0 0 10px;
	width:120px;
	padding:0;
	position:absolute;
	text-align:left;
}

.cont_cont {
	margin: 0 0 0 140px;
	text-align:left;
	position:relative;
	width:auto;
}

.cont_title3 {
	float: left;
	margin:0 0 0 0px;
	width:60px;
	height:auto;
}

.cont_area {
	float: left;
	margin:0 0 0 0px;
	width:40px;
	height:auto;
}

.cont_right {
	float: right;
	margin:0 0 0 0;
	padding-left:3px;
	width:200px;
	height:auto;
}

.cont_wrap2 {
clear: both;
width: 90%;
height:auto;
margin-left:20px;
margin-top:6px;
font-size:100%;
letter-spacing:0.2em;
}

.cont_cnsl {
width: 90%;
margin-left:20px;
margin-top:6px;
margin-bottom:10px;
border-bottom: 1px solid #444444;
border-style:dotted;
font-size:80%;
letter-spacing:0.2em;
}

.cont_pics {
	float: left;
	margin:0 0 10 0;
	padding-bottom:10px;
	width:120px;
	height:auto;
}

.cont_name {
	float: left;
	width:150px;
	height:auto;
	padding-left:15PX;
}

.cont_cnsltitle {
	text-align:left;
	width:auto;
	height:auto;
}

.cont_name_kanji{
	font-size:22px;
	font-family: 'Lucida Grande','ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN','meiryo','メイリオ','sans-serif';
	font-weight:bold;
	line-height: 1.2em;
	letter-spacing : 0.0em;
	}
	
.cont_name_furi{
	font-size:12px;
	font-family: 'Lucida Grande','ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN','meiryo','メイリオ','sans-serif';
	line-height: 1.6em;
	letter-spacing : 0.0em;
	margin-bottom:15px;
	}

.cont_clear{
	clear: both;
	}

.cont_special {
	float: right;
	margin:0 0 0 0px;
	width:135px;
	height:auto;
}

.cont_special2 {
	float: left;
	margin:0 0 0 0px;
	width:165px;
	height:auto;
}

.cont_SBpic {
float: left;
	margin:0 0 10 0;
	padding-bottom:10px;
	width:200px;
	height:auto;
	font-size:100%;
	letter-spacing:0.0em;
}

.cont_SBtxt {
	margin: 0 0 0 210px;
	height:auto;
	text-align:left;
	font-size:80%;
	width:auto;
}

.cont_SBwrap {
width: 95%;
margin-top:25px;
border-bottom: 1px solid #444444;
border-style:dotted;
letter-spacing:0.2em;
}

/* --- フォーム設定 --- */

.cont_form {
width: 95%;
height:auto;
margin-left:20px;
border: 1px solid #444444;
border-style:solid;
font-size:90%;
letter-spacing:0.2em;
}

.cont_form_solid {
	text-align:center;
border: 1px solid #444444;
border-style:solid;
background-color:#AADDAA;
}

.cont_form_flame {
}

.cont_form_left {
	float:left;
	width:15%;
	text-align:center;
border: 1px solid #444444;
border-style:solid;
background-color:#AADDAA;
}

.cont_form_center {
	float:left;
	width:25%;
border: 1px solid #444444;
border-style:solid;
background-color:#BBEEBB;
}

.cont_form_right {
	float:left;
	width:59%;
border: 1px solid #444444;
border-style:solid;
}

.cont_line {
border: 1px solid #444444;
border-style:solid;
padding:3px;
height:25px;
}

.cap_red{
	font-size:80%;
	color:#FF0000;
	}
	
	
.cap_reg{
	font-size:80%;
	}
	
	
■フォームCSS------------
dl,dt,dd{
	margin: 0;
	padding: 0;
}

.list{
	width: 95%;
	display: block;
	border: 1px solid #05461E;
	margin-left: 15px;
	float: left;
	background-color: #CEDF8C;
}
.list h4{
	color: #000000;
	background-color: #9DBC42;
	padding: 4px;
	margin: 0px;
	font-size: 100%;
	font-weight:lighter;
	text-align: center;
}

.list dt, .list dd{
	padding: 5px 4px 5px 4px;
}
.list dt {
	width: 29%;
	clear: left;
	float: left;
	color: #333333;
	background-color: #CEDF8C;
	border-top: 1px solid #05461E;
	border-right: 1px solid #05461E;
}
.list dd {
	margin-left: 30%;
	background-color: #FFFFFF;
	border-top: 1px solid #05461E;
	border-left: 1px solid #05461E;
}

.cont_news {
	margin:0 0 0 20px;
	width:90px;
	padding:0;
	position:absolute;
	text-align:left;
}

.cont_news_r {
	margin: 0 0 0 130px;
	text-align:left;
	position:relative;
	width:auto;
}

.blogspot{
	clear:both;
	}
	
.blogspot_date{
	float:right;
	margin-right:18px;
	margin-top:6px;
	color:#FFFFFF;
	font-style:italic;
	}
	

/* --- コンテンツリスト --- */
.contentsList2 {
	margin:0 auto 30px;
	padding:0;
	height:auto;
}

#grid2 {
	float: left;
	width: 200px;
	margin: 5px;
	word-break:break-all;
}

.contentsList2 div#grid2 img {
	margin-bottom:8px;
}

.CLT {
	font-weight:bold;
	color:#00471C;
	font-size:12px;
	letter-spacing:0em;
}

.CLC {
	color:#00471C;
	font-size:11px;
	margin-bottom:10px;
}

.CLC a:hover,
.CLT a:hover {
	text-decoration:none;
}

#report{
	padding-left:10px;

}

 /*--- バナーリスト --- */
.bnrList {
	width:100%;
	}


@media all and (orientation: portrait) { .bnrList {
	width:276px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	/*border-bottom:1px solid #CCC;*/
} }

@media all and (orientation: landscape) { .bnrList {
	width:552px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	/*border-bottom:1px solid #CCC;*/
} }

.bnrList div.grid {
	float:left;
	color:#EEEEEE;
	width:134px;/*134px*/
	height:30px;
	margin: 5px 2px 0px 2px;
	/*font-size:12px;*/
	padding:20px 0px 0px;
	/*line-height: 1.5em;*/
	text-align:center;
text-decoration: none;
font-family:"Hiragino Kaku Gothic ProN", 'Lucida Grande',"ヒラギノ角ゴ ProN W3", "メイリオ", "MS P ゴシック", Meiryo, sans-serif;
font-size: +1;
line-height:1.0em;
font-weight:bold;
text-shadow:0 -1px 0px #333,0 1px 0px #555;
 /* FireFox, Webkit, Opera */
box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
-1px 0px 0px rgba(225,225,225,0.3) inset,
0px 1px 1px rgba(0,0,0,0.1) inset,
0px -1px 1px rgba(0,0,0,0.3) inset,
0px 1px 3px #445a7a;
zoom:1;

background: #344a6a; /* Old browsers */

background: -moz-linear-gradient(top,  #344a6a 0%, #243a5a 50%, #142a4a 51%, #243a5a 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#344a6a), color-stop(50%,#243a5a), color-stop(51%,#142a4a), color-stop(100%,#243a5a)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #344a6a 0%,#243a5a 50%,#142a4a 51%,#243a5a 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #344a6a 0%,#243a5a 50%,#142a4a 51%,#243a5a 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #344a6a 0%,#243a5a 50%,#142a4a 51%,#243a5a 100%); /* IE10+ */

background: linear-gradient(to bottom,  #344a6a 0%,#243a5a 50%,#142a4a 51%,#243a5a 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#344a6a', endColorstr='#243a5a',GradientType=0 ); /* IE6-9 */
}

.bnrList div.grid a{
	color:#EEEEEE;
}

@media all and (orientation: portrait) { 
.bnrList2 {
	width:284px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;

}  }

@media all and (orientation: landscape) { 
.bnrList2 {
	width:284px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
}  }

.bnrList2 div.grid2 {
	float:left;
	width:280px;
	margin:12px 2px 0px 2px;
	color:#ffffff;
	font-size:10px;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, serif;
	line-height: 1.5em;
	text-align:center;
}

/*border-bottom:1px solid #BCCEC3;*/

.bnrList2 div.grid2 p.contentsListTitle {
	font-weight:bold;
	color:#ffffff;
	font-size:12px;
	letter-spacing:0em;
	margin-top:15px;
	margin-bottom:10px;
}

.bnrList2 div.grid2 p.contentsListCaption {
	color:#ffffff;
	font-size:10px;
	margin-bottom:15px;
}

.bnrList2 div.grid2 p.contentsListTitle a:hover,
.bnrList2 div.grid2 p.contentsListCaption a:hover {
	text-decoration:none;
}


.contact_f {
	font-weight:bold;
	color:#000036;
	font-size:12px;
	letter-spacing:0em;
	margin-top:0px;
	margin-bottom:0px;
	text-align:center;
}

.contact_f a:hover {
	text-decoration:none;
}

@media all and (orientation: portrait) { .bnrList3 {
	width:276px;
	margin:0px auto 0px auto;
	padding:7px 0px 3px 0px;
	/*border-bottom:1px solid #CCC;*/
} }

@media all and (orientation: landscape) { .bnrList3 {
	width:552px;
	margin:0px auto 0px auto;
	padding:7px 0px 3px 0px;
	/*border-bottom:1px solid #CCC;*/
} }


.bnrList3 div.grid3 {
	float:left;
	width:134px;/*134px*/
	margin: 0px 2px 5px 2px;
	color:#00471C;
	font-size:10px;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, serif;
	line-height: 1.5em;
	text-align:center;
	
}




.bnrList3 div.grid4 {
	width:272px;/*134px*/
	margin: 0px 2px 5px 2px;
	color:#00471C;
	font-size:10px;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, serif;
	line-height: 1.5em;
	text-align:center;
	
}




input,select
{width:90%; font-size:120%; padding:5px;}

input:focus,input:hover
{background:#ccddff;}

textarea
{width:90%; font-size:120%; padding:5px; height:50px;}

textarea:focus,textarea:hover
{height: 150px;background:#ef9ce3;}

input[type="submit"]
{width: 80%; font-size:80%; margin: 0; padding: 5px; background: -webkit-gradient(linear, left top, left bottom, from(#4b638b), to(#2a3e61)); border: 1px #555566 solid; color: #FFF; -webkit-appearance: none; -webkit-border-radius: 10px; -webkit-box-shadow: 0 2px 2px #CCC; text-shadow: 1px 2px 3px #000d27;}

input[type="reset"]
{width: 80%; font-size:80%; margin: 0; padding: 5px; background: -webkit-gradient(linear, left top, left bottom, from(#4b638b), to(#2a3e61)); border: 1px #555566 solid; color: #FFF; -webkit-appearance: none; -webkit-border-radius: 10px; -webkit-box-shadow: 0 2px 2px #CCC; text-shadow: 1px 2px 3px #000d27;}

.mock01{
	font-family: Verdana, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
	color:#444444;
	font-size:14px;
	font-weight:bold;
	padding-left:5px;
}

.mock02{
	font-family: Verdana, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
	color:#444444;
	font-size:12px;
	padding-left:5px;
}
