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

/****************************************************************/
/*		ARTICLE													*/
/****************************************************************/

/* article
===========================================================*/
article {color:#333;}
article > h1 {height:55px; line-height:55px; text-indent:30px; font-size:18px; color:#FFF; border-bottom:3px solid #B1953F; background:#00559B url(img/marker05.png) 10px center no-repeat;}



/****************************************************************/
/*		SECTION TYPE											*/
/****************************************************************/

/* type01 標準（見出し＋左右マージン：10）
===========================================================*/

.type01 {margin:10px 10px 20px;}
.type01 h1 {height:40px; margin:0 -10px 10px; padding-left:20px; line-height:40px; font-size:15px; color:#00549A; font-weight:bold; background:#C2DCF8 url(img/marker06.png) 7px center no-repeat;}
.type01 h2 {height:39px; margin:0 -10px 10px; padding-left:10px; line-height:39px; font-size:14px; color:#333; font-weight:bold; border-top:1px solid #FFF; border-bottom:1px solid #CCC; background:#EEE;}
.type01 h1 + h2 {margin-top:-10px;}
.type01 h3 {margin-bottom:10px;}
.type01 p {line-height:1.4; margin-bottom:10px;}
.type01 img {vertical-align:bottom;}

/* type02 水色背景のセクション
===========================================================*/
.type02 {background:#E4EDFC; margin-bottom:20px; padding:10px;}
.type02 h1 {height:30px; margin-bottom:10px; line-height:30px; text-align:center; font-size:16px; color:#00549A; font-weight:bold;}
.type02 p {line-height:1.4;}

/* type03 アコーディオン
===========================================================*/
.type03 {border-bottom:1px solid #BBB;}
.type03 dl dt {height:49px; line-height:49px; text-indent:10px; font-size:15px; color:#444; border-top:1px solid #BBB; background:url(img/marker02.png),linear-gradient(top,#FFF,#E0E0E0); background:url(img/marker02.png),-webkit-gradient(linear,left top,left bottom,from(#FFF),to(#E0E0E0)); background-position:95% center,0 0; background-repeat:no-repeat,repeat-x;}
.type03 dl dt.open {background:url(img/marker03.png),linear-gradient(top,#FFF,#E0E0E0); background:url(img/marker03.png),-webkit-gradient(linear,left top,left bottom,from(#FFF),to(#E0E0E0)); background-position:95% center,0 0; background-repeat:no-repeat,repeat-x;}
.type03 dl dd {display:none; padding:10px; border-top:1px solid #BBB; background:;linear-gradient(top,#FFF,#FFF0F0); background:-webkit-gradient(linear,left top,left bottom,from(#FFF),to(#FFF0F0));}
.type03 dl dd p {line-height:1.4; margin-bottom:10px;}

/* type04 プラン用（見出し＋水色背景のサブセクション）
===========================================================*/
.type04 {margin:10px 0 20px;}
.type04 h1 {height:40px; margin:0; padding-left:20px; line-height:40px; font-size:15px; color:#00549A; font-weight:bold; background:#C2DCF8 url(img/marker06.png) 7px center no-repeat;}
.type04 .type04_01 {margin:5px 0 10px; padding:10px 10px 5px; border-bottom:2px solid #bad1f8; background:#E4EDFC;}
.type04 .type04_01 hgroup {display:block; position:relative; min-height:110px; margin-bottom:10px;}
.type04 .type04_01 hgroup h2 {padding-right:110px; color:#006; line-height:1.4; font-size:15px;}
.type04 .type04_01 hgroup h3 {position:absolute; top:0; right:0; width:104px; height:104px; background:#FFF; text-align:center;}
.type04 .type04_01 hgroup h3 img {max-width:100px; max-height:100px; margin:2px;}
.type04 p {line-height:1.4;}

/* type05 フォーム
===========================================================*/
.type05 {margin:10px 10px 20px;}
.type05 h1 {height:40px; margin:0 -10px 10px; padding-left:20px; line-height:40px; font-size:15px; color:#00549A; font-weight:bold; background:#C2DCF8 url(img/marker06.png) 7px center no-repeat;}
.type05 h2 {height:39px; margin:10px -10px 10px; padding-left:10px; line-height:39px; font-size:14px; color:#333; font-weight:bold; border-top:1px solid #FFF; border-bottom:1px solid #CCC; background:#EEE;}
.type05 h1 + h2 {margin-top:-10px;}

.type05 p {margin-bottom:10px;}
.type05 input[type=text] {width:96%; height:30px; margin-bottom:10px; text-indent:5px; border:1px solid #BBB; border-radius:5px; background:#EEF;}
.type05 input[type=tel] {width:96%; height:30px; margin-bottom:10px; text-indent:5px; border:1px solid #BBB; border-radius:5px; background:#EEF;}
.type05 input[type=email] {width:96%; height:30px; margin-bottom:10px; text-indent:5px; border:1px solid #BBB; border-radius:5px; background:#EEF;}
.type05 label {display:inline-block; width:45%; height:35px; line-height:35px; border:1px solid #BBB; border-radius:5px; background:#EEF;}
.type05 label input {height:30px; margin:0 10px; vertical-align:middle;}
.type05 select {height:30px; line-height:30px; background:#EEF;}
.type05 textarea {width:96%; height:70px; margin:0 0 10px; border:1px solid #BBB; border-radius:5px; background:#EEF;}
.type05 button.submit {display:inline-block; width:70%; height:40px; margin:10px 0; line-height:38px; color:#FFF; font-weight:bold; font-size:16px; text-align:center; border:none; border-radius:3px; background:url(img/marker01.png),linear-gradient(top,#2d6dd7,#2d6dd7 50%,#0651d0 51%,#0651d0); background:url(img/marker01.png),-webkit-gradient(linear,left top,left bottom,from(#2d6dd7),color-stop(0.5, #2d6dd7),color-stop(0.51, #0651d0),to(#0651d0)); background-repeat:no-repeat; background-position:95% center;}
.type05 button.back {display:inline-block; width:70%; height:40px; margin:10px 0; line-height:38px; color:#FFF; font-weight:bold; font-size:16px; text-align:center; border:none; border-radius:3px; background:url(img/marker01.png),linear-gradient(top,#777,#777 50%,#333 51%,#333); background:url(img/marker01.png),-webkit-gradient(linear,left top,left bottom,from(#777),color-stop(0.5, #777),color-stop(0.51, #333),to(#333)); background-repeat:no-repeat; background-position:95% center;}


/****************************************************************/
/*		PARTS CSS												*/
/****************************************************************/

/* TABLE
===========================================================*/

.table01 {width:100%; margin-bottom:10px; border-top:1px solid #CCC; border-left:1px solid #CCC;}
.table01 th {padding:10px; text-align:center; font-weight:normal; border-bottom:1px solid #CCC; background:#EAEAEA;}
.table01 td {padding:10px; border-bottom:1px solid #CCC; border-right:1px solid #CCC;}
.table01 .w80 {width:80px;}
.table01 .w90 {width:90px;}
.table01 .w100 {width:100px;}


/* ボタン（A/BUTTON）
===========================================================*/

a.btn01 {height:40px; margin-bottom:3px; line-height:40px; color:#FFF; font-weight:bold; font-size:16px; text-indent:18px; border-radius:3px; background:url(img/marker01.png),linear-gradient(top,#2d6dd7,#2d6dd7 50%,#0651d0 51%,#0651d0); background:url(img/marker01.png),-webkit-gradient(linear,left top,left bottom,from(#2d6dd7),color-stop(0.5, #2d6dd7),color-stop(0.51, #0651d0),to(#0651d0)); background-repeat:no-repeat; background-position:95% center;}

a.btn02 {height:80px; text-align:center; border-radius:3px; background:#002B82;}

a.btn03 {height:40px; margin-bottom:3px; line-height:40px; color:#FFF; font-weight:bold; font-size:16px; text-indent:18px; border-radius:3px; background:linear-gradient(top,#2d6dd7,#2d6dd7 50%,#0651d0 51%,#0651d0); background:-webkit-gradient(linear,left top,left bottom,from(#2d6dd7),color-stop(0.5, #2d6dd7),color-stop(0.51, #0651d0),to(#0651d0)); text-align:center;}

/* LIST
===========================================================*/

ul.list01 {letter-spacing:-0.2em;}
ul.list01 li {display:inline-block; width:148px; margin-bottom:4px; letter-spacing:0;}
ul.list01 li a span {display:block; height:30px; margin-top:2px; line-height:30px; color:#FFF; font-weight:bold; font-size:13px; text-align:center; background:url(img/marker01.png),linear-gradient(top,#2d6dd7,#2d6dd7 50%,#0651d0 51%,#0651d0); background:url(img/marker01.png),-webkit-gradient(linear,left top,left bottom,from(#2d6dd7),color-stop(0.5, #2d6dd7),color-stop(0.51, #0651d0),to(#0651d0)); background-repeat:no-repeat; background-position:95% center;}

ul.list02 {line-height:1.4;}
ul.list02 li {padding:5px 0 5px 10px; background:url(img/marker07.png) left 10px no-repeat; border-bottom:1px dotted #CCC;}
ul.list02 li:last-child {border:none;}

ul.list03 {}
ul.list03 li {margin-bottom:5px; text-align:center;}
ul.list03 li a span {display:block; height:30px; margin:2px auto 0; line-height:30px; color:#FFF; font-weight:bold; font-size:14px; text-align:center; background:url(img/marker01.png),linear-gradient(top,#2d6dd7,#2d6dd7 50%,#0651d0 51%,#0651d0); background:url(img/marker01.png),-webkit-gradient(linear,left top,left bottom,from(#2d6dd7),color-stop(0.5, #2d6dd7),color-stop(0.51, #0651d0),to(#0651d0)); background-repeat:no-repeat; background-position:95% center;}
ul.list03 li a p {text-align:left; line-height:1.6;}

dl.dlist01 {margin-bottom:10px; border-top:1px solid #CCC; border-left:1px solid #CCC;}
dl.dlist01 dt {padding:5px 10px; border-bottom:1px solid #CCC; border-right:1px solid #CCC; background:#EAEAEA;}
dl.dlist01 dd {padding:10px; border-bottom:1px solid #CCC; border-right:1px solid #CCC; background:#FFF;}

ul.list04 {text-align:center; letter-spacing:-0.2em;}
ul.list04 li {display:inline-block; width:96px; letter-spacing:0;}

/****************************************************************/
/*		PAGE CSS												*/
/****************************************************************/

#PageIndex #mainvisual #slide {position:relative; width:100%; height:auto; overflow:hidden;}
#PageIndex #mainvisual #slide img {position:absolute; width:100%; z-index:0;}
#PageIndex #mainvisual #slide img:first-child {z-index:2;}
#PageIndex #mainvisual #slide img:last-of-type {position:relative;}
/* TEST */
#PageIndex #mainvisual #slide span {position:absolute; right:10px; z-index:100; text-align:right; color:#333; font-size:116%;}
#PageIndex #mainvisual #slide span.text01 {display:none; height:20px; line-height:20px; bottom:30px;}
#PageIndex #mainvisual #slide span.text02 {display:none; height:20px; line-height:20px; bottom:10px; }
#PageIndex #mainvisual p {height:15px; margin-top:10px; text-align:center; line-height:15px;}
/* ここまで */
#PageAccess .btn01 span {display:block; height:40px; padding-left:30px;}
#PageAccess .btn01 span.app {background:url(img/icon_btn04.png) 10px center no-repeat;}
#PageAccess .btn01 span.route {background:url(img/icon_btn05.png) 10px center no-repeat;}
#PageAccess .route h3 {padding:10px; color:#00549A; border:1px solid #00549A; border-radius:5px; background:url(img/marker08.png),linear-gradient(top,#FFF,#FFF 50%,#EEF8FF 51%,#DEF); background:url(img/marker08.png),-webkit-gradient(linear,left top,left bottom,from(#FFF),color-stop(0.5, #FFF),color-stop(0.51, #EEF8FF),to(#DEF)); background-position:95% center; background-repeat:no-repeat;}
#PageAccess .route h3.open {background:url(img/marker09.png),linear-gradient(top,#FFF,#FFF 50%,#DEF 51%,#BDF); background:url(img/marker09.png),-webkit-gradient(linear,left top,left bottom,from(#FFF),color-stop(0.5, #FFF),color-stop(0.51, #DEF),to(#BDF)); background-position:95% center; background-repeat:no-repeat;}
#PageAccess .route ul {display:none;}
#PageAccess .route ul li {float:left; width:150px;}
#PageAccess .route ul li span {display:block; padding:3px 5px; line-height:18px; min-height:36px;}


#PageRoomDetail nav.twin ul li.tel {background:url(img/icon_btn06.png),linear-gradient(top,#0052da,#0052da 50%,#0033cc 51%,#0033cc); background:url(img/icon_btn06.png),-webkit-gradient(linear,left top,left bottom,from(#0052da),color-stop(0.5, #0052da),color-stop(0.51, #0033cc),to(#0033cc)); background-repeat:no-repeat; background-position:5% center;}
#PageRoomDetail nav.twin ul li.online {background:url(img/icon_btn07.png),linear-gradient(top,#F93,#F93 50%,#F60 51%,#F60); background:url(img/icon_btn07.png),-webkit-gradient(linear,left top,left bottom,from(#F93),color-stop(0.5, #F93),color-stop(0.51, #F60),to(#F60)); background-repeat:no-repeat; background-position:5% center;}

.under_banner {
    width: 80%;
    margin: 5px auto;
}
.under_banner img {
    width: 100%;
    margin: 0;
}

#PageGallery ul.category {text-align:center; margin-bottom:10px;}
#PageGallery ul.category li {display:inline-block; height:34px; width:32%; box-sizing:border-box; -webkit-box-sizing:border-box;}
#PageGallery ul.category li a {height:34px; line-height:34px; color:#666; border:1px solid #dce1e4; border-radius:5px; background:linear-gradient(top,#FFF,#FFF 50%,#dce1e4 51%,#dce1e4); background:-webkit-gradient(linear,left top,left bottom,from(#FFF),color-stop(0.5, #FFF),color-stop(0.51, #dce1e4),to(#dce1e4));}
#PageGallery ul.category li.active a {color:#FFF; border:none; background:linear-gradient(top,#2d6dd7,#2d6dd7 50%,#0551cf 51%,#0551cf); background:-webkit-gradient(linear,left top,left bottom,from(#2d6dd7),color-stop(0.5, #2d6dd7),color-stop(0.51, #0551cf),to(#0551cf));}


.shadow { text-shadow:
	-2px -2px 1px #FFF,	-2px -1px 1px #FFF,	-2px 0px 1px #FFF,	-2px 1px 1px #FFF,	-2px 2px 1px #FFF,
	-1px -2px 1px #FFF,	-1px -1px 1px #FFF,	-1px 0px 1px #FFF,	-1px 1px 1px #FFF,	-1px 2px 1px #FFF,
	0px -2px 1px #FFF,	0px -1px 1px #FFF,	0px 0px 1px #FFF,	0px 1px 1px #FFF,	0px 2px 1px #FFF,
	1px -2px 1px #FFF,	1px -1px 1px #FFF,	1px 0px 1px #FFF,	1px 1px 1px #FFF,	1px 2px 1px #FFF,
	2px -2px 1px #FFF,	2px -1px 1px #FFF,	2px 0px 1px #FFF,	2px 1px 1px #FFF,	2px 2px 1px #FFF;
}