/* CSS Document */

html { height:100%; }
body { height:100%; margin:0px 0px 0px 0px; background-color:#fafaf6; font-size:12px; color:#333333; }

body, textarea { font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }

/* 高さ自動調整 */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/*Hides from IE-mac ?*/
*html.clearfix {height:1%;}
.clearfix {display:block;}
/*End hide from IE-mac*/


/* 回り込み解除 */
.cl_l { clear: left; }
.cl_r { clear: right; }
.cl_both { clear:both; }


/* hタグなどの指定 */
h1 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }
h2 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; margin:0px }
h3 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }
h4 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }
h5 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }


/* ul,li,pタグの指定 */
ul,li {
	list-style:none;
}

p { margin:0; }


/* フォントの指定 */
.bold { font-weight:bold; }
.textgreen { color:#99cc66; }
.textgreen_b { color:#99cc66; font-weight:bold; }
.textorange { color:#F8B934; }
.textorange_b { color:#F8B934; font-weight:bold; }
.textred { color:#FF0000; }
.textred_b { color:#FF0000; font-weight:bold; }
.textpink { color:#FF00BA; }
.textpink_b { color:#FF00BA; font-weight:bold; }
.textpurple { color:#CC0199; }
.textpurple_b { color:#CC0199; font-weight:bold; }

.size6 { font-size:8px; }
.size8 { font-size:10px; }
.size10 { font-size:12px; }
.size12 { font-size:14px; }
.size14 { font-size:16px; }


/* 罫線など */
.dashed_line { border-bottom: 1px dotted #343434; margin:10px 0px 10px 0px; }
.solid_line_orenge { border-bottom: 1px solid #EA5532; margin:10px 0px 15px 0px; }
.solid_line_blue { border-bottom: 1px solid #32BCF8; margin:10px 0px 15px 0px; }
.solid_line_green { border-bottom: 1px solid #45B035; margin:10px 0px 15px 0px; }
.solid_line_gray01 { border-bottom: 1px solid #B2B2B2; margin:14px 0px 14px 0px; }
.solid_line_purple { border-bottom: 1px solid #BE0089; margin:10px 0px 0px 0px; }
.solid_line_purple01 { border-bottom: 1px solid #BE0089; margin:14px 0px 14px 0px; }


/* 画像のリンク */
a img { border-style:none; }


/* 画像の余白対策 */
img {
   vertical-align:bottom
}

/* ieに適用 */
img {
    width: inherit\9;
    max-width: 100%\9;
    height: auto\9;
}


/* hrの設定 */
hr.style-one {    border: 0;    height: 1px;    background: #999;    background-image: -webkit-linear-gradient(left, #ccc, #999, #ccc);    background-image:    -moz-linear-gradient(left, #ccc, #999, #ccc);    background-image:     -ms-linear-gradient(left, #ccc, #999, #ccc);    background-image:      -o-linear-gradient(left, #ccc, #999, #ccc);}


/* ページ全体のテキストリンク */
a:link { color:#333333; text-decoration:underline; }
a:visited { color:#333333; text-decoration:underline; }
a:active { color:#FF8804; text-decoration:underline; }
a:hover { color:#FF8804; text-decoration:underline; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
a:link { color:#333333; text-decoration:underline; }
a:visited { color:#333333; text-decoration:underline; }
a:active { color:#FF8804; text-decoration:underline; }
a:hover { color:#FF8804; text-decoration:underline; }
}


/* トップページ */
/* ヘッドインフォメーション */
#headbox01 { width:100%; min-height:115px; background:url(../common_img/headbg.png) repeat-x; }
#headbox02 { width:952px; margin:0 auto; }

#headlogo { width:160px; float:left; padding-bottom:30px; }
#headlogo img { width:160px; box-shadow:rgba(0, 0, 0, 0.34902) 0px 5px 10px -5px; -webkit-box-shadow:rgba(0, 0, 0, 0.34902) 0px 5px 10px -5px; -moz-box-shadow:rgba(0, 0, 0, 0.34902) 0px 5px 10px -5px; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#headbox01 { width:100%; min-height:20px; background:url(../common_img/headbg.png) repeat-x; background-size:70% 70%; }
#headbox02 { width:96%; margin:0 auto; padding-bottom:10px; }

#headlogo { width:20%; float:none; margin:0 auto; padding:0; }
#headlogo img { width:100%; box-shadow:rgba(0, 0, 0, 0.34902) 0px 5px 10px -5px; -webkit-box-shadow:rgba(0, 0, 0, 0.34902) 0px 5px 10px -5px; -moz-box-shadow:rgba(0, 0, 0, 0.34902) 0px 5px 10px -5px; }
}


/* スマホヘッド */
#spheader { display:none; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#spheader { display:block; width:100%; padding:0 0 15px 0; }

#spheader ul { width:100%; margin:0 auto; padding:0 0 10px 0; }
#spheader ul li {
	display: block;
	*zoom: 1;
	margin:0;
	padding:3px 5px;
	background:#1d6c1a;
	color:#FFFFFF;
	border-top:1px dotted #FFFFFF;
}
#spheader ul li:last-child {
	display: block;
	*zoom: 1;
	margin:0;
	padding:3px 5px;
	background:#1d6c1a;
	color:#FFFFFF;
	border-top:1px dotted #FFFFFF;
	border-bottom:1px dotted #FFFFFF;
}
#spheader ul li:before {
	content:"";
	display:none;
}
#spheader ul li a:before {
	content:"-";
	margin:0;
	padding:0 8px 0 0;
}


#spheader ul li a:link { display:block; padding:8px; color:#FFFFFF; text-decoration:none; }
#spheader ul li a:visited { display:block; padding:8px; color:#FFFFFF; text-decoration:none; }
#spheader ul li a:active { display:block; padding:8px; color:#FFFFFF; text-decoration:none; background:rgba(255,255,255,0.3); }
#spheader ul li a:hover { display:block; padding:8px; color:#FFFFFF; text-decoration:none; background:rgba(255,255,255,0.3); }
}


/* ナビゲーション */
#navibox01 { width:738px; height:84px; float:right; padding:32px 0 0 0; }
#navi { width:100%; }
.navi { float:left; height:84px; overflow:hidden; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#navibox01 { display:none; }
}


/* メインボックス */
#wrap { width:1037px; margin:0 auto; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#wrap { width:100%; margin:0; }
}

/* ヘッドイメージ */
#headimgbox01 {
	width:988px;
	margin:0 auto 0;
	padding:0;
	background:#fafaf6;
	padding:6px;
	border:1px solid #d2d2d2;
}

#headimgbox01 {
	position: relative;
}

#headimgbox01::before,
#headimgbox01::after {
	position: absolute;
	bottom: 15px;
	z-index: -1;
	content: '';
	width: 80%;
	height: 10%;
	box-shadow: 0 10px 8px rgba(0,0,0,.3);
}
#headimgbox01::before {
	left: 10px;
	-webkit-transform: rotate(-2deg);
	transform: rotate(-2deg);
}
#headimgbox01::after {
	right: 10px;
	-webkit-transform: rotate(2deg);
	transform: rotate(2deg);
}
@media screen and (min-width: 0px) and (max-width: 768px)  {
#headimgbox01 { width:92%; margin:0 auto 10px; padding:2%; }

#headimgbox01 {
	position: relative;
}

#headimgbox01::before,
#headimgbox01::after {
	position: absolute;
	bottom: 11px;
	z-index: -1;
	content: '';
	width: 80%;
	height: 6%;
	box-shadow: 0 10px 8px rgba(0,0,0,.5);
}
#headimgbox01::before {
	left: 6px;
	-webkit-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
#headimgbox01::after {
	right: 6px;
	-webkit-transform: rotate(3deg);
	transform: rotate(3deg);
}
}


/* メインコンテンツ */
#maincontentsbox01 { width:1000px; margin:0 auto; padding-top:43px; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#maincontentsbox01 { width:98%; margin:0 auto; padding-top:10px; }
}


#leftcontentsbox01 { width:245px; float:left; line-height:180%; }
#rightcontentsbox01 { width:713px; float:right; margin:0 0 30px 0; }

#rightcontentsbox02 { background:#fafaf6; padding:6px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border:1px solid #d2d2d2; }

#rightcontentsbox02 {
	position: relative;
}

#rightcontentsbox02::before,
#rightcontentsbox02::after {
	position: absolute;
	bottom: 11px;
	z-index: -1;
	content: '';
	width: 80%;
	height: 2%;
	box-shadow: 0 10px 8px rgba(0,0,0,.3);
}
#rightcontentsbox02::before {
	left: 6px;
	-webkit-transform: rotate(-2deg);
	transform: rotate(-2deg);
}
#rightcontentsbox02::after {
	right: 6px;
	-webkit-transform: rotate(2deg);
	transform: rotate(2deg);
}

#rightcontentsbox03 { background:#FFFFFF; padding:15px; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#leftcontentsbox01 { width:98%; margin:0 auto; float:none; line-height:180%; }
#rightcontentsbox01 { width:98%; margin:0 auto 20px; float:none; }

#rightcontentsbox02 { background:#fafaf6; padding:2%; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border:1px solid #d2d2d2; }

#rightcontentsbox02 {
	position: relative;
}

#rightcontentsbox02::before,
#rightcontentsbox02::after {
	position: absolute;
	bottom: 11px;
	z-index: -1;
	content: '';
	width: 80%;
	height: 6%;
	box-shadow: 0 10px 8px rgba(0,0,0,.5);
}
#rightcontentsbox02::before {
	left: 6px;
	-webkit-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
#rightcontentsbox02::after {
	right: 6px;
	-webkit-transform: rotate(3deg);
	transform: rotate(3deg);
}

#rightcontentsbox03 { background:#FFFFFF; padding:2%; }
}


/* レフトインフォメーション */
.leftmaininfobox01 {
	margin-bottom:20px;
	background:#fafaf6;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border:1px solid #d2d2d2;
	}

.leftmaininfobox01 {
	position: relative;
}

.leftmaininfobox01::before,
.leftmaininfobox01::after {
	position: absolute;
	bottom: 11px;
	z-index: -1;
	content: '';
	width: 80%;
	height: 6%;
	box-shadow: 0 10px 8px rgba(0,0,0,.5);
}
.leftmaininfobox01::before {
	left: 6px;
	-webkit-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.leftmaininfobox01::after {
	right: 6px;
	-webkit-transform: rotate(3deg);
	transform: rotate(3deg);
}

.leftmaininfobox02 { width:100%; padding:5px 0 5px 0; }

@media screen and (min-width: 0px) and (max-width: 768px)  {
.leftmaininfobox01 {
	margin-bottom:10px;
	background:#fafaf6;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border:1px solid #d2d2d2;
	}
.leftmaininfobox01 {
	position: relative;
}

.leftmaininfobox01::before,
.leftmaininfobox01::after {
	position: absolute;
	bottom: 11px;
	z-index: -1;
	content: '';
	width: 80%;
	height: 6%;
	box-shadow: 0 10px 8px rgba(0,0,0,.5);
}
.leftmaininfobox01::before {
	left: 6px;
	-webkit-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.leftmaininfobox01::after {
	right: 6px;
	-webkit-transform: rotate(3deg);
	transform: rotate(3deg);
}

.leftmaininfobox02 { width:100%; padding:2% 0; background:#fafaf6; }
}


.leftinfobox01 { width:221px; margin:0 auto; padding:6px 6px; background:#FFFFFF; }
.leftinfobox01:last-child { width:221px; margin:0 auto; padding:6px 6px; }

.leftinfotitlebox01 { margin-bottom:15px; padding:2px 10px; background:#1d6c1a; color:#FFFFFF; font-size:14px; font-weight:bold; text-align:left; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }

.leftinfobox02 { width:200px; margin:0 auto; line-height:160%; }
.leftinfobox02 table { width:100%; }

.leftinfodetailbox01 { padding-bottom:15px; font-weight:bold; }
.leftinfodetailbox01:last-child { padding-bottom:0px; }

.leftinfodetailtitle { margin-bottom:10px; padding:0 3px; color:#1d6c1a; border-bottom:1px dotted #cccccc; }
.leftinfodetail { padding:0 3px; }

td.leftinfoleft01 { width:50%; font-weight:bold; text-align:left; vertical-align:top; }
td.leftinforight01 { width:50%; font-weight:bold; text-align:right; vertical-align:top; }

td.leftinfo01 { width:95px; text-align:left; vertical-align:top; }
.leftinfotel { font-size:23px; font-weight:bold; font-family:Georgia; color:#1d6c1a; padding:0 0 5px; }

.leftinfotextbox01 { padding-bottom:10px; }
.leftinfotextbox02 { background-color:#c5f1b6; padding:5px 10px 5px 10px; font-size:16px; }

.leftinfomapbox { width:202px; margin:0 auto; padding:15px 0 15px 0; }

@media screen and (min-width: 0px) and (max-width: 768px)  {
.leftinfobox01 { width:92%; margin:0 auto; padding:2%; }
.leftinfobox01:last-child { width:92%; margin:0 auto; padding:2%; }

.leftinfotitlebox01 { margin-bottom:10px; padding:2px 5px; background:#1d6c1a; color:#FFFFFF; font-size:14px; font-weight:bold; text-align:left; }

.leftinfobox02 { width:98%; margin:0 auto; line-height:160%; }
.leftinfobox02 table { width:100%; }

.leftinfodetailbox01 { padding-bottom:15px; font-weight:bold; }
.leftinfodetailbox01:last-child { padding-bottom:0px; }

.leftinfodetailtitle { margin-bottom:10px; padding:0 3px; color:#1d6c1a; border-bottom:1px dotted #cccccc; }

td.leftinfoleft01 { width:40%; font-weight:bold; text-align:left; vertical-align:top; }
td.leftinforight01 { width:60%; font-weight:bold; text-align:right; vertical-align:top; }

td.leftinfo01 { width:auto; padding-left:10px; text-align:left; vertical-align:top; }
.leftinfotel { font-size:18px; font-weight:bold; font-family:Georgia; color:#1d6c1a; padding:0 0 5px; }

.leftinfotextbox01 { padding-bottom:10px; }
.leftinfotextbox02 { background-color:#c5f1b6; padding:5px 10px 5px 10px; font-size:16px; }

.leftinfomapbox { width:202px; margin:0 auto; padding:15px 0 15px 0; }
}
/* //レフトインフォメーション */


/* コンテンツボックス */
.contentsbox01 { padding-bottom:35px; }
.contentsbox02 { padding:0 0 20px 0; }
.contentsbox03 { width:588px; margin:0 auto 20px; padding:15px 0; background:url(../common_img/contentsbg01.png) repeat; }

.titlebox01 { display:block; height:41px; margin:0 0 30px 0; background:url(../common_img/titlebg.png) repeat-x; border:1px solid #FFFFFF; border-radius:2.99999976158142px; -webkit-border-radius:2.99999976158142px; -moz-border-radius:2.99999976158142px; box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 2px 1px; -webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 2px 1px; -moz-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 2px 1px; }
.titlebox01 p { padding:13px 0 0 15px; font-size:18px; font-weight:bold; color:#1d6c1a; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.contentsbox01 { padding-bottom:10px; }
.contentsbox02 { padding:0 0 10px 0; }
.contentsbox03 { width:96%; margin:0 auto 10px; padding:10px 0; background:url(../common_img/contentsbg01.png) repeat; }

.titlebox01 { display:block; height:auto; margin:0 0 10px 0; background:url(../common_img/titlebg.png) repeat-x; background-size:100% 100%; border:1px solid #FFFFFF; border-radius:2.99999976158142px; -webkit-border-radius:2.99999976158142px; -moz-border-radius:2.99999976158142px; box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 2px 1px; -webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 2px 1px; -moz-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 2px 1px; }
.titlebox01 p { padding:5px 0 5px 5px; font-size:14px; font-weight:bold; color:#1d6c1a; }
}


/* ページトップ */
.pagetopbox01 { width:940px; margin:0 auto; padding:0 0 30px 0; }
.pagetopbox02 { width:74px; float:right; }
.pagetopbox02 img { width:100%; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.pagetopbox01 { width:96%; margin:0 auto; padding:10px 0; }
.pagetopbox02 { width:15%; float:right; }
}
/* //ページトップ */