/* CSS Document */

html { height:100%; }
body { height:100%; margin:0px 0px 0px 0px; background-color:#FFFFFF; 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;}


/* 回り込み解除 */
.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; }
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;
}

/* 画像のサイズ指定 */
img {
	width: 100%;
	height: auto;
}


/* 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; }
}



/* ローディング */
#loading {
 width: 100%;
 height: 100%;
 margin: 0;
 background: #fff;/*グルグルの背景を白に*/
 opacity: 1.0;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 99999; /*とりあえず一番前面に出るように*/
}
#loading img {
 position:absolute;
 top:50%;
 left:52%;
 width:30px;
 height:30px;
 margin-top:-30px;/*グルグルを真ん中にするために、画像の高さ分マイナスで*/
 margin-left:-30px;/*グルグルを真ん中にするために、画像の幅分マイナスで*/
}
@media screen and (min-width: 0px) and (max-width: 768px)  {
#loading {
 width: 100%;
 height: 100%;
 margin: 0;
 background: #fff;/*グルグルの背景を白に*/
 opacity: 1.0;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 99999; /*とりあえず一番前面に出るように*/
}
#loading img {
 position:absolute;
 top:50%;
 left:55%;
 width:40px;
 height:40px;
 margin-top:-40px;/*グルグルを真ん中にするために、画像の高さ分マイナスで*/
 margin-left:-40px;/*グルグルを真ん中にするために、画像の幅分マイナスで*/
}
}
/* //ローディング */


/* スマホヘッド */
#spheader { display:none; }

@media screen and (min-width: 0px) and (max-width: 768px)  {
#spheader { display:block; width:100%; margin:0 auto; padding:0; }
#splogobox { text-align:center; padding:10px; }
#splogobox img { width:50%; }
#spnavibox { width:98%; margin:0 auto; padding:0; }


/* スマホナビ */
#spnavibox dt{
	display:block;
	width:100%;
	text-align:center;
	cursor:pointer;
	padding-bottom:5px;
	}
#spnavibox dd{
	width:100%;
	margin:0;
	display:none;
	}

#spnavibox ul { width:100%; margin:0 auto; padding:0 0 10px 0; }
#spnavibox ul:after { content: ""; clear: both; display: block; }
#spnavibox ul li { display:block; width:32%; height:auto; float:left; padding:0 2% 2% 0; margin:0; }
#spnavibox ul li:nth-child(3n) { display:block; width:32%; height:auto; float:left; padding:0 0 2% 0; }
#spnavibox ul li:nth-child(3n+1) { display:block; width:32%; height:auto; clear:left; padding:0 2% 2% 0; margin:0; }

#spnavibox li a { display:block; width:100%; }
}

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

/* ヘッドイメージ */
/* スライドイメージ */
#headinfobox01 { height:151px; }
#headinfobox02 { height:151px; background:url(../common_img/rightcontentstopbg02.png) no-repeat 110px bottom; }
#headinfobox03 { height:151px; background:url(../common_img/rightcontentstopbg01.png) no-repeat bottom; }
#headinfobox03:after { content: ""; clear: both; display: block; }
#headinfobox04 {
	width:246px;
	float:right;
	margin:0 6px 0 0;
	background-color: rgba(255,255,255,0.4);
	color:#4f7110;
	line-height:140%;
	font-size:16px;
	padding:6px 12px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#headinfoname { font-weight:bold; padding:0 0 3px 0; }
#headinfotel { font-size:26px; font-weight:bold; font-family:Arial; padding:0 0 3px; }

#headimgbox {
	width:691px;
	border:6px solid #FFFFFF;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 4px 2px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 4px 2px;
	-moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 4px 2px;
	margin:0 0 35px 0;
}

#slider { width:100%; margin:0; }
#slider .slider { margin:0; padding:0; }
#slider ul li { margin:0 !important; padding:0 !important; }

#slider li img {
	width: 100%;
	height: auto;
}
@media screen and (min-width: 0px) and (max-width: 768px)  {
#headinfobox01 { width:98%; margin:0 auto; height:auto; }
#headinfobox02 { height:auto; padding:0; background:url(../common_img/rightcontentstopbg02.png) no-repeat right bottom; background-size:15%; }
#headinfobox03 { height:auto; padding:0 0 30px 0; background:url(../common_img/rightcontentstopbg01.png) repeat-x bottom; background-size:60% 15%; }
#headinfobox04 {
	width:96%;
	float:none;
	margin:0 auto;
	background-color: rgba(255,255,255,0.4);
	color:#4f7110;
	line-height:140%;
	font-size:10px;
	padding:6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#headinfoname { font-weight:bold; padding:0; }
#headinfotel { font-size:12px; font-weight:bold; font-family:Arial; padding:0; }

#headimgbox {
	width:98%;
	border:4px solid #FFFFFF;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 4px 2px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 4px 2px;
	-moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 4px 2px;
	margin:0 auto 15px;
}

#slider { width:100%; margin:0; }
#slider .slider { margin:0; padding:0; }
#slider ul li { margin:0 !important; padding:0 !important; }

#slider li img {
	width: 100%;
	height: auto;
}
}
/* //スライドイメージ */
/* //ヘッドイメージ */


/* メインコンテンツ */
#maincontentsbox01 { width:965px; margin:0 auto; padding:17px 0 0 0; }
#maincontentsbox01:after { content: ""; clear: both; display: block; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#maincontentsbox01 { width:100%; padding-top:10px; }
#maincontentsbox01:after { content: ""; clear: both; display: block; }
}

/* ヘッドインフォメーション */
#headlogobox01 {
	width:226px;
	margin:7px auto 20px;
	}
@media screen and (min-width: 0px) and (max-width: 768px)  {
#headlogobox01 { display:none; }
}


#leftcontentsbox01 {
	width:239px;
	float:left;
	color:#5a320e;
	font-size:14px;
}
#leftcontentsbox02 {
	background:#bad691;
	border:1px solid #7ca83d;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#leftcontentsbg { width:232px; margin:0 auto; min-height:42px; background:url(../common_img/leftcontentstopbg.png) no-repeat; }
#rightcontentsbox01 { width:703px; float:right; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#leftcontentsbox01 { width:100%; float:none; font-size:12px; }

#leftcontentsbox01 a:link { color:#5a320e; text-decoration:none; }
#leftcontentsbox01 a:visited { color:#5a320e; text-decoration:none; }
#leftcontentsbox01 a:active { color:#518c05; text-decoration:underline; }
#leftcontentsbox01 a:hover { color:#518c05; text-decoration:none; }

#leftcontentsbg { width:96%; margin:0 auto; min-height:21px; background:url(../common_img/leftcontentstopbg.png) repeat-x bottom; background-size:20% 60%; }
#rightcontentsbox01 { width:100%; float:none; }
}

.leftcontentstitle01 {
	width:229px;
	height:51px;
	margin:10px auto 10px;
	text-align:center;
	border-radius:8px 8px 0px 0px;
	-webkit-border-radius:8px 8px 0px 0px;
	-moz-border-radius:8px 8px 0px 0px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #649f1d), color-stop(0.00, #d2d400));
	background: -webkit-linear-gradient(#d2d400, #649f1d);
	background: -moz-linear-gradient(#d2d400, #649f1d);
	background: -o-linear-gradient(#d2d400, #649f1d);
	background: -ms-linear-gradient(#d2d400, #649f1d);
	background: linear-gradient(#d2d400, #649f1d);
	/* IE8-9 */  
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2d400', endColorstr='#649f1d', GradientType=0)";
 
	/* IE10 */  
	background: -ms-linear-gradient(left,  #d2d400,  #649f1d);
}
.leftcontentstitle01 img { width:104px; height:auto; margin:12px auto 0; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.leftcontentstitle01 {
	width:98%;
	height:auto;
	margin:3px auto 5px;
	text-align:left;
	border-radius:4px 4px 0px 0px;
	-webkit-border-radius:4px 4px 0px 0px;
	-moz-border-radius:4px 4px 0px 0px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #649f1d), color-stop(0.00, #d2d400));
	background: -webkit-linear-gradient(#d2d400, #649f1d);
	background: -moz-linear-gradient(#d2d400, #649f1d);
	background: -o-linear-gradient(#d2d400, #649f1d);
	background: -ms-linear-gradient(#d2d400, #649f1d);
	background: linear-gradient(#d2d400, #649f1d);
	/* IE8-9 */  
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2d400', endColorstr='#649f1d', GradientType=0)";
 
	/* IE10 */  
	background: -ms-linear-gradient(left,  #d2d400,  #649f1d);
}
.leftcontentstitle01 img { width:20%; height:auto; margin:3px auto 0; padding:0 10px 5px; }
}


#navibox01 {
	margin:0 0 20px 0;
	}
#navibox02 {
	width:217px;
	margin:0 auto;
	}
#navibox02 ul { margin:0; padding:0; }
#navibox02 ul li { display:block; padding-bottom:3px; }
#navibox02 ul li:last-child { display:block; padding-bottom:0; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#navibox01 { display:none; }
}

/* レフトインフォ */
.leftinfobox01 {
	margin:0;
	}
.leftinfobox01:last-child {
	margin:0 0 5px 0;
	}
.leftinfobox02 { width:199px; margin:0 auto; padding:9px; background:#f8f7e0; }

.leftinfobox03 { line-height:160%; }
.leftinfobox03 table { width:100%; }

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

.leftinfodetailtitle { font-weight:bold; margin-bottom:10px; padding:0 3px; border-bottom:1px dashed #4f7110; }
.leftinfodetail { padding:0 3px; }
.leftinfodetail ul { margin:0; padding:0; }
.leftinfodetail ul li { text-indent:-1em; padding-left:1em; }

td.leftinfoleft01 { width:95px; text-align:left; vertical-align:top; }
td.leftinfoleft02 { width:95px; text-align:left; vertical-align:top; }
td.leftinforight01 { width:95px; text-align:right; vertical-align:top; }
td.leftinforight02 { width:95px; text-align:left; vertical-align:top; }
.leftinfodetailline01 { margin:5px 0; padding:0 3px; border-bottom:1px dashed #4f7110; }

.leftinfotel { font-size:30px; font-weight:bold; font-family:Arial; padding:0 0 5px; }
.leftinfoname { font-size:22px; font-weight:bold; padding:0 0 5px; }

.leftinfomapbox { width:202px; margin:0 auto; padding:15px 0 15px 0; }
.leftinfomapbox iframe { width:100%; height:150px; }

.leftinfobuttonbox { width:100%; margin:0 auto; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.leftinfobox01 {
	margin:0 0 5px 0;
	}
.leftinfobox01:last-child {
	margin:0 0 5px 0;
	}
.leftinfobox02 { width:92%; margin:0 auto; padding:9px; background:#f8f7e0; }

.leftinfobox03 { line-height:160%; }
.leftinfobox03 table { width:100%; }

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

.leftinfodetailtitle { font-weight:bold; margin-bottom:5px; padding:0 3px; border-bottom:1px dashed #4f7110; }
.leftinfodetail { padding:0 3px; }
.leftinfodetail ul { margin:0; padding:0; }
.leftinfodetail ul li { text-indent:-1em; padding-left:1em; }

td.leftinfoleft01 { width:50%; text-align:left; vertical-align:top; }
td.leftinfoleft02 { width:50%; text-align:left; vertical-align:top; }
td.leftinforight01 { width:50%; text-align:right; vertical-align:top; }
td.leftinforight02 { width:50%; text-align:left; vertical-align:top; }
.leftinfodetailline01 { margin:5px 0; padding:0 3px; border-bottom:1px dashed #4f7110; }

.leftinfotel { font-size:18px; font-weight:bold; font-family:Arial; padding:0; }
.leftinfoname { font-size:16px; font-weight:bold; padding:0; }

.leftinfomapbox { width:98%; margin:0 auto; padding:10px 0 10px 0; }
.leftinfomapbox iframe { width:100%; height:150px; }

.leftinfobuttonbox { width:50%; margin:0 auto; }
}


/* コンテンツボックス */
.contentsbox01 { width:100%; padding-bottom:35px; }
.contentsbox02 { background-color:#FFFFFF; padding:20px 0 20px 0; }

.titlebox01 {
	margin:0px;
	background:#bad691;
	border:1px solid #7ca83d;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding:3px;
}

.titlebox01 p {
	background:#f8f7e0;
	padding:10px;
	line-height:100%;
	font-size:14px;
	font-weight:bold;
	color:#4f7110;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

@media screen and (min-width: 0px) and (max-width: 768px)  {
.contentsbox01 { width:100%; padding-bottom:10px; }
.contentsbox02 { background-color:#FFFFFF; padding:10px 0; }

.titlebox01 {
	margin:0px;
	background:#bad691;
	border:1px solid #7ca83d;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding:3px;
}

.titlebox01 p {
	background:#f8f7e0;
	padding:5px;
	line-height:100%;
	font-size:12px;
	font-weight:bold;
	color:#4f7110;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
}

/* ページトップ */
.pagetopbox01 { width:920px; margin:0 auto; padding:0 0 15px 0; }
.pagetopbox01:before { content: ""; clear: both; display: block; }
.pagetopbox02 { width:76px; float:right; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.pagetopbox01 { width:96%; margin:0 auto; padding:10px 0 10px 0; }
.pagetopbox01:before { content: ""; clear: both; display: block; }
.pagetopbox02 { width:15%; float:right; }
}

/* 下層サンプル用（本アップ時に削除）*/
#k_all { width:1200px; margin:0 auto; }