/* CSS Document */

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


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


/* トップページ */
#h1box01 { width:100%; height:6px; color:#FFFFFF; background-image:url(../common_img/h1bg.png); background-repeat:repeat-x; }


/* スマホヘッド */
@media screen and (min-width: 0px) and (max-width: 2000px)  {
#spheader { display:block; width:100%; max-width:640px; margin:0 auto; padding:10px 0 0; }
#splogobox { text-align:center; padding:15px; }
#splogobox img { width:90%; }
#spnavibox { width:98%; margin:0 auto; padding:0; }


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

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

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

/* メインボックス */
#wrap { width:98%; max-width:640px; margin:0 auto; }

/* //メインボックス */

/* ヘッドイメージ */
/* スライドイメージ */
@media screen and (min-width: 0px) and (max-width: 2000px)  {
#headimgbox { width:100%; padding-bottom: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;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
}
/* //スライドイメージ */
/* //ヘッドイメージ */


/* メインコンテンツ */
@media screen and (min-width: 0px) and (max-width: 2000px)  {
#maincontentsbox01 { width:100%; padding-top:10px; }
}

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


@media screen and (min-width: 0px) and (max-width: 2000px)  {
#leftcontentsbox01 { width:100%; float:none; }
#rightcontentsbox01 { width:100%; float:none; }
}

@media screen and (min-width: 0px) and (max-width: 2000px)  {
#navibox01 { display:none; }
}


/* PCナビゲーション */
#navi01bg { width:194px; height:85px; background-image:url(../common_img/navi/navi01bg.png); background-repeat:no-repeat; }
#navi02bg { width:194px; height:84px; background-image:url(../common_img/navi/navi02bg.png); background-repeat:no-repeat; }
#navi03bg { width:194px; height:84px; background-image:url(../common_img/navi/navi03bg.png); background-repeat:no-repeat; }
#navi04bg { width:194px; height:84px; background-image:url(../common_img/navi/navi04bg.png); background-repeat:no-repeat; }
#navi05bg { width:194px; height:84px; background-image:url(../common_img/navi/navi05bg.png); background-repeat:no-repeat; }
#navi06bg { width:194px; height:84px; background-image:url(../common_img/navi/navi06bg.png); background-repeat:no-repeat; }

div#navi01 {
 width: 110px;
 height: 51px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/navi/navi01_01.png) no-repeat top left;
 text-indent: -9999px;
 }

div#navi01 h2 { 
 margin: 0;
 padding: 0;
 }

div#navi01 a {
 display: block;
 width: 110px;
 height: 51px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 background:url(../common_img/navi/navi01_01.png) no-repeat top left;
 text-indent: none;
 }
 
div#navi01 a:hover {
 background:url(../common_img/navi/navi01_02.png) no-repeat top left;
 }
 
 div#navi02 {
 width: 110px;
 height: 51px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/navi/navi02_01.png) no-repeat top left;
 text-indent: -9999px;
 }

div#navi02 h2 { 
 margin: 0;
 padding: 0;
 }

div#navi02 a {
 display: block;
 width: 110px;
 height: 51px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 background:url(../common_img/navi/navi02_01.png) no-repeat top left;
 text-indent: none;
 }
 
div#navi02 a:hover {
 background:url(../common_img/navi/navi02_02.png) no-repeat top left;
 }

div#navi03 {
 width: 110px;
 height: 51px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/navi/navi03_01.png) no-repeat top left;
 text-indent: -9999px;
 }

div#navi03 h2 { 
 margin: 0;
 padding: 0;
 }

div#navi03 a {
 display: block;
 width: 110px;
 height: 51px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 background:url(../common_img/navi/navi03_01.png) no-repeat top left;
 text-indent: none;
 }
 
div#navi03 a:hover {
 background:url(../common_img/navi/navi03_02.png) no-repeat top left;
 }

div#navi04 {
 width: 110px;
 height: 51px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/navi/navi04_01.png) no-repeat top left;
 text-indent: -9999px;
 }

div#navi04 h2 { 
 margin: 0;
 padding: 0;
 }

div#navi04 a {
 display: block;
 width: 110px;
 height: 51px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 background:url(../common_img/navi/navi04_01.png) no-repeat top left;
 text-indent: none;
 }
 
div#navi04 a:hover {
 background:url(../common_img/navi/navi04_02.png) no-repeat top left;
 }

div#navi05 {
 width: 110px;
 height: 51px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/navi/navi05_01.png) no-repeat top left;
 text-indent: -9999px;
 }

div#navi05 h2 { 
 margin: 0;
 padding: 0;
 }

div#navi05 a {
 display: block;
 width: 110px;
 height: 51px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 background:url(../common_img/navi/navi05_01.png) no-repeat top left;
 text-indent: none;
 }
 
div#navi05 a:hover {
 background:url(../common_img/navi/navi05_02.png) no-repeat top left;
 }

div#navi06 {
 width: 111px;
 height: 51px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/navi/navi06_01.png) no-repeat top left;
 text-indent: -9999px;
 }

div#navi06 h2 { 
 margin: 0;
 padding: 0;
 }

div#navi06 a {
 display: block;
 width: 111px;
 height: 51px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 background:url(../common_img/navi/navi06_01.png) no-repeat top left;
 text-indent: none;
 }
 
div#navi06 a:hover {
 background:url(../common_img/navi/navi06_02.png) no-repeat top left;
 }


/* ライトインフォ */
@media screen and (min-width: 0px) and (max-width: 2000px)  {
#rightmaininfobox01 {
	margin-bottom:10px;
	background:#FFFFFF;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	}
#rightmaininfobox02 { width:100%; padding:15px 0 15px 0; }
}

@media screen and (min-width: 0px) and (max-width: 2000px)  {
.rightinfobox01 {
	margin-bottom:10px;
	background:#FFFFFF;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	}
.rightinfobox01:last-child { margin:0; }
}

@media screen and (min-width: 0px) and (max-width: 2000px)  {
.rightinfobox02 { width:96%; margin:0 auto; padding-bottom:20px; }
.rightinfobox02:last-child { width:96%; margin:0 auto; padding-bottom:0px; }

.rightinfotitlebox01 { margin-bottom:10px; padding:5px; background:#00a0b8; color:#FFFFFF; font-size:14px; font-weight:bold; text-align:left; }

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

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

.rightinfodetailtitle { margin-bottom:10px; padding:0 3px; color:#00a0b8; border-bottom:1px dotted #8c8c8c; }

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

td.rightinfo01 { width:auto; padding-right:10px; text-align:left; vertical-align:top; }
.rightinfotel { font-size:18px; font-weight:bold; font-family:Georgia; color:#00a0b8; padding:0 0 5px; }

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

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


/* ライトバナー */
@media screen and (min-width: 0px) and (max-width: 2000px)  {
.rightbanner {
	display:none;
	margin-bottom:10px;
	background:#FFFFFF;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding:7px;
}
.rightbanner:last-child { margin:0; }
}


/* コンテンツボックス */
@media screen and (min-width: 0px) and (max-width: 2000px)  {
.contentsbox01 { width:100%; padding-bottom:10px; }
.contentsbox02 { background-color:#FFFFFF; padding:10px 0; }

.titlebox01 {
	margin:0px;
	background:#00a0b8;
	-moz-border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
	border-radius:8px 8px 0 0;
	padding:4px;
}
.titlebox01 p { background:url(../common_img/titleicon01.png) no-repeat; background-size:13px 13px; background-position:3px 3px; padding:4px 0 0 18px; font-size:12px; font-weight:bold; color:#FFFFFF; }
}

/* ページトップ */
@media screen and (min-width: 0px) and (max-width: 2000px)  {
.pagetopbox01 { width:96%; margin:0 auto; padding:10px 0 10px 0; }
.pagetopbox02 { width:25%; float:right; }
}

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