@charset "utf-8";

/** 
 *
 * Note2 css
 *

/* plan */
.plan .flow-inner { height:144px; position:relative; overflow: inherit; }
.plan .flow-inner img { position:absolute; top:6px; left:6px; }
.plan .flow-inner h3.common-inner { background:#E8F7E1; padding:0 0 0 35px; line-height:51px; font-weight:bold; }
.plan .flow-inner p{ position:absolute; top:65px; left:35px; }
.plan .common-contents:nth-of-type(5) .flow-inner{ height:280px; }
.plan .common-contents:nth-of-type(7) .flow-inner{ height:190px; }
.plan .flow-inner p{ font-size: 12px; line-height: 1.4; }
.plan .under .common-contents { padding-bottom: 20px; }

/* staff */
.staff .common-block .common-inner { background:#fff; padding: 30px 0; text-align: center; }
.staff-wrap01 { border-bottom:#CCCCCC 1px dotted; padding:15px 25px 30px 30px; }
.staff-wrap01 .common-sentence { line-height:1.6; font-size:12px; }
.staff-wrap01 .staff-img { float:left; margin-right:25px; }
.staff-wrap01 .staff-top h3 { font-size:22px; font-weight:bold; color:#6C8DBF; }
.staff-wrap02 { border-bottom:#CCCCCC 1px dotted; padding:15px 25px 30px 30px; }
.staff-wrap02.last-el-child { border-bottom:none; }
.staff-wrap02 .common-sentence { line-height:1.6; font-size:12px; }
.staff-wrap02 .staff-img { float:right; margin-left:25px; }
.staff-wrap02 .staff-top h3 { font-size:16px; font-weight:bold; color:#E5A351; }
.staff-top h4 { padding:15px 0; font-size:16px; font-weight:bold; }
.staff-wrap01 p.clearfix.sentence, .staff-wrap02 p.clearfix.sentence { font-size:14px; }
.staff-bottom { padding-top:20px; }
.text-right { text-align:right; }

/* interview01,02 */
.sentence { line-height:1.6; }
.interview-wrap { background:#fff; width:100% }
.interview-title { text-align:center; }
.interview01 .interview-inner { border-bottom:#99CC00 2px dotted; margin: 15px 30px 0; padding-bottom:30px; }
.interview02 .interview-inner { border-bottom:#FF8989 2px dotted; margin: 15px 30px 0; padding-bottom:30px; }
.interview-inner:nth-of-type(4) {border-bottom:none; }
.interview-inner h3 { margin-bottom:10px; }
.interview-img { margin-top: 25px; text-align: center; }
.interview-bottom { width:88%; margin:30px auto 0; }
.interview-bottom-title { width: 104%; }
/* .interview01 .interview-bottom-title h3 { float:left; background:#E3F1B9; width:96.8%; position:relative; bottom:0; padding:3.78% 0 0.5% 3.2%;; color:#85B000; font-weight:bold; font-size:18px; }
.interview01 .interview-bottom-title p { float:right; position: absolute; right: -4%; top: -83%; }
.interview02 .interview-bottom-title h3 { float:left; background:#FFDEDE; width:96.8%; position:relative; bottom:0; padding:3.78% 0 0.5% 3.2%;; color:#FF8989; font-weight:bold; font-size:18px; }
.interview02 .interview-bottom-title p { float:right; position: absolute; right: -4%; top: -83%; }*/
.interview-bottom-inner h4{ padding-bottom:10px; font-weight:bold; }
.interview-bottom-inner div { font-size:12px; }
.interview-bottom-inner div:first-of-type { float:right; margin-left:25px; }
.interview01 .interview-bottom-inner { background:#F0F7D9; margin-bottom:20px; padding:20px; }
.interview02 .interview-bottom-inner { background:#FFEDED; margin-bottom:20px; padding:20px; }

/* sitemap */
#sitemap h2 span{ background:#E8F7E1; display:block; padding-left:10px; line-height:51px; font-size:1.4em; font-weight:bold; }
#sitemap .left-contents li { background:url(../img/common/arrow_gr.gif) no-repeat 0; padding-left:10px; font-size: 1.1em; }
#sitemap .left-contents ul ul { margin-left: 20px; }
#sitemap .left-contents li li { font-size: 0.9em; }
#sitemap .left-contents li:nth-child(3), #sitemap .left-contents li:nth-child(5), #sitemap .left-contents li:nth-child(11){ background:none; }
#sitemap .left-contents li:nth-child(5) li:nth-child(3) { background:url(../img/common/arrow_gr.gif) no-repeat 0; }

/* faq */
#faq h2 span { background:#d9f5cd; display:block; padding-left:10px; line-height:51px; font-size:1.4em; font-weight:bold; }
#faq .left-contents ul li { background:url(../img/faq/icon_qa.gif) no-repeat 0 10px; border-bottom: #ccc 1px dashed; line-height:2; padding: 5px 0 5px 45px; font-size:1.2em; }
#faq .left-contents a { color:#008131; font-weight:bold; }
#faq .left-contents a:hover { text-decoration:underline; }
#faq .left-contents dl dt { background-image:url(../img/faq/line.gif), url(../img/faq/icon_q.gif); background-repeat:no-repeat, no-repeat; background-position:bottom, left 9px; padding-bottom:5px; padding-left: 25px; font-size:1.2em; font-weight: bold; }
#faq .left-contents dl dd { font-size: 0.9em; }
#faq .left-contents dl dd:first-of-type { background:url(../img/faq/icon_a.gif) no-repeat left 6px; margin-top:10px; padding-left:25px; }
#faq .left-contents dl dd:nth-of-type(2) { background:url(../img/faq/arrow_gb.gif) no-repeat 0; margin-left:25px; padding-left:15px; }
#faq .left-contents p { padding: 5px 0 10px; text-align:right; font-size:0.85em; }
#faq .left-contents p a { background:url(../img/faq/arrow_gt.gif) no-repeat 0 ; padding-left:13px; font-weight:normal; }

/* recuit */
.recruit .left-contents dl { line-height: 2.5; text-align:left; }
.recruit .left-contents dl:nth-of-type(2) { margin-top:20px; }
.recruit .left-contents dl dt { background:url(../img/faq/line.gif) no-repeat bottom; padding-left:10px; font-weight:bold; font-size: 1.1em;}
.recruit .left-contents dl dd { background:url(../img/common/arrow_gr.gif) no-repeat 10px center; border-bottom:#ccc 1px dashed; padding-left:25px; }

/* form3 */
#privacy .form3 table tr:nth-of-type(2) td img,
#privacy .form3 table tr:nth-of-type(3) td img{ vertical-align:middle; }
.left-contents form .calTable {	background-color: #ffffff; border-collapse: collapse; }
.left-contents form .calTable td,
.left-contents form .calTable th { width: 20px;	height: 20px; text-align: center; font-family: Verdana, Helvetica; font-size: 10px;	color: #666666;	border: 1px solid #dddddd; margin: 0px;	padding: 0px; }
.left-contents form .calTable th { height: 20px; background-color: #eeeeee;	text-align: center;	font-weight: normal; border: 1px solid #dddddd; }
.left-contents form .calTable td.mon { width: 100px; font-weight: bold; border: 1px solid #dddddd; }
.left-contents form .calTable td.btn { font-weight: bold; border: 1px solid #dddddd; }
.left-contents form .calTable td.sat { background-color: #f0f6ff; color: #4b86de; }
.left-contents form .calTable td.sun { background-color: #fff0f0; color: #d63838; }
.left-contents form .calTable td.today { background-color: #ffffbb; font-weight: bold; color: #ff6600; }
.left-contents form .calTable td.webJozu { width: 76px; text-align: right; padding-right:5px; }
.left-contents form .calTable td.close { width: 57px; text-align: left; border-right: 1px solid #ffffff; padding-left:5px; }
.left-contents form .calTable td.btn a { display: block; background-color: #f9f9f9; width: 20px; height: 20px; color: #3366cc; padding: 0px 0px 0px 0px; text-decoration: none; }
.left-contents form .calTable td.btn a:hover { background-color: #BEDCFA; text-decoration: underline; }
.left-contents form .yView { font-size: 10px; font-weight: normal; color: #999999; }
.left-contents form .tbView { display:none; }
.left-contents form .linkArea {	display: block; width: 20px; height: 20px; line-height: 20px; }
.left-contents form a.linkArea:link,
.left-contents form a.linkArea:visited { color: #777777; text-decoration: none; }
.left-contents form .calTable td.sat a.linkArea:link,
.left-contents form .calTable td.sat a.linkArea:visited { color: #4b86de; }
.left-contents form .calTable td.sun a.linkArea:link,
.left-contents form .calTable td.sun a.linkArea:visited { color: #d63838; }
.left-contents form a.linkArea:hover { background-color: #ffcc66; }
.left-contents form .calenPopup { display: block; position: absolute; background-color: #64A0E4; left: 0px; top: 20px; text-align: left; visibility: visible; padding: 5px 4px 4px 5px; *padding: 4px; }
.left-contents form .calenPopupImg { display: block; position: absolute; background-color: #64A0E4; left: 18px; top: 1px; visibility: visible; padding: 5px 4px 4px 5px; *padding: 4px; }

/* room */
#room .common-contents ul { width:100%; padding-bottom: 15px; overflow:hidden; zoom:1; }
#room .common-contents ul li { float:left; width: 220px; padding-right: 2.17%; }
#room .common-contents ul li:nth-child(3) { padding-right: 0; }
#room .common-contents ul li a { display:block; }
#natural_modern, #luxury, #simple_modern { background:url(../img/room/line.png) no-repeat top; padding:30px 0; }
/*#natural_modern div, #luxury div, #simple_modern div { clear:both; overflow:hidden; zoom:1; }*/
#natural_modern .fotorama, #luxury .fotorama, #simple_modern .fotorama { margin:0 auto; }
#natural_modern div p, #luxury div p, #simple_modern div p { float:left; }
#natural_modern div p:nth-of-type(2), #luxury div p:nth-of-type(2), #simple_modern div p:nth-of-type(2) { padding:1.8% 0 0 4%; }


/* location */
#location .loca_main{ background:#FAFBEC; }
#location .main-img-area .common-inner { padding: 0 0 15px; }
#location .main-img-area div.common-block .common-section-contents{ clear:both; overflow:hidden; zoom:1; }
#location .main-img-area div.common-block .common-section-contents:nth-of-type(1) div{ float:left; width: 60%; }
#location .main-img-area div.common-block .common-section-contents:nth-of-type(1) p{ float:right; width: 36.4%; }
#location .main-img-area div.common-block .common-section-contents:nth-of-type(2) { padding-top:2.5%; }
#location .main-img-area div.common-block .common-section-contents:nth-of-type(2) h4 { float:right; width: 65%; }
#location .main-img-area div.common-block .common-section-contents:nth-of-type(2) p{ padding-top:10px; }
#location .main-img-area div.common-block .common-section-contents:nth-of-type(2) p:nth-child(1){ width:30%; }
#location .main-img-area h4 { color:#716C5B; text-align:left; }
#location a img{ opacity: 1.0; filter: alpha(opacity=100); display:block; }
#location a:hover img{ opacity: 0.7; filter: alpha(opacity=70); }
#location ul.loca_btn { overflow:hidden; zoom:1; margin-top:6%; }
#location ul.loca_btn li{	float:left;	width: 24.78%; padding-right:0.29%; }
#location ul.loca_btn li:last-child{ padding-right:0; }
#location .access { position:relative; margin-bottom: 5%; }
#location .access h4 { line-height: 1; }
#location .access ul { position:absolute; top: 30%; font-size: 10px;}
#location .access p:nth-child(2){ padding-top:4%; text-align:center; }
#location .access p:last-child{ padding-top:20px; text-align:center; }
#shopping h5, #leisure h5, #facility h5, #facility h6, #removal h6{ font-weight:bold; font-size:16px; }
#shopping h5{ background:url(../img/location/bg_shopping_l.gif) no-repeat left; border-bottom:#6FB7FF 1px solid; padding-left: 15px; }
#leisure h5{ background:url(../img/location/bg_leisure_l.gif) no-repeat left; border-bottom:#9CBB31 1px solid; padding-left: 15px; }
#facility h5{ background:url(../img/location/bg_facility_l.gif) no-repeat left; border-bottom:#E98F3F 1px solid; padding-left: 15px; }
#shopping p:nth-child(2), #facility p:nth-child(2){ padding-top:10px; }
#shopping div, #leisure div:nth-child(3){ width:80%; margin: 20px auto 0; text-align:center; overflow:hidden; zoom:1; }
#shopping div div:nth-child(1), #leisure div:nth-child(3) div:nth-child(1){ float:left; width:auto; margin:0; }
#shopping div div:nth-child(2), #leisure div:nth-child(3) div:nth-child(2){ float:right; width:auto; margin:0; }
#leisure div:nth-child(2){ margin-top: 10px; overflow:hidden; zoom:1; }
#leisure div:nth-child(2) div{ float:left; width: 59%; }
#leisure div:nth-child(2) div p:nth-child(1){ background:url(../img/common/arrow_gr.gif) no-repeat 0 10px; padding-left:15px; }
#leisure div:nth-child(2) p:nth-child(2){ float:right; }
#leisure div:nth-child(2) div p:nth-child(2){ float:none; width:auto; }
#leisure div:nth-child(3) div:nth-child(2){ margin-top:0; }
#leisure div:nth-child(3) div:nth-child(2) p{ float:none; width: auto; text-align:center; }
#leisure div:nth-child(3) div:nth-child(1) p:nth-child(2), #leisure div:nth-child(3) div:nth-child(2) p:nth-child(2){ margin-top:10px; }
#facility .loca_inner{ border-bottom:#999999 1px dotted; padding:20px 0; overflow:hidden; zoom:1; }
#facility .loca_inner:nth-of-type(1) div div, #facility .loca_inner:nth-of-type(2) div{ float:left; width: 31%; padding-top: 1.3%; padding-right: 3.38%; text-align: center; }
#facility .loca_inner:nth-of-type(1) div div:last-child{ padding-right:0; }
#removal .loca_inner:nth-of-type(1) div{ width: 57%; overflow:hidden; zoom:1; }
#removal .loca_inner:nth-of-type(1) p.float_right{ width:40%; }
#removal .loca_title{ background:url(../img/common/arrow_gr.gif) no-repeat 0 10px; padding-left:15px; font-weight:bold; }
#removal p:nth-child(2), #removal .loca_inner:nth-of-type(2) div{ padding-top:0; }
#removal .loca_inner:nth-of-type(1) div p:nth-child(3),
#removal .loca_inner:nth-of-type(2) div div:nth-child(1) p:nth-child(2),
#removal .loca_inner:nth-of-type(2) div div:nth-child(2) p:nth-child(3),
#removal .loca_inner:nth-of-type(3) div div:nth-child(1) p:nth-child(2),
#removal .loca_inner:nth-of-type(3) div div:nth-child(2) p:nth-child(3),
#removal .loca_inner:nth-of-type(4) div:nth-child(1) p:nth-child(4),
#removal .loca_inner:nth-of-type(4) div:nth-child(2) p:nth-child(2){ text-align:right; }
#removal .loca_inner:nth-of-type(1) div p:nth-child(3) a,
#removal .loca_inner:nth-of-type(2) div div:nth-child(1) p:nth-child(2) a,
#removal .loca_inner:nth-of-type(2) div div:nth-child(2) p:nth-child(3) a,
#removal .loca_inner:nth-of-type(3) div div:nth-child(1) p:nth-child(2) a,
#removal .loca_inner:nth-of-type(3) div div:nth-child(2) p:nth-child(3) a,
#removal .loca_inner:nth-of-type(4) div:nth-child(1) p:nth-child(4) a,
#removal .loca_inner:nth-of-type(4) div:nth-child(2) p:nth-child(2) a{ color:#008131; }
#removal .loca_inner:nth-of-type(1) div p:nth-child(3) a:hover,
#removal .loca_inner:nth-of-type(2) div div:nth-child(1) p:nth-child(2) a:hover,
#removal .loca_inner:nth-of-type(2) div div:nth-child(2) p:nth-child(3) a:hover,
#removal .loca_inner:nth-of-type(3) div div:nth-child(1) p:nth-child(2) a:hover,
#removal .loca_inner:nth-of-type(3) div div:nth-child(2) p:nth-child(3) a:hover,
#removal .loca_inner:nth-of-type(4) div:nth-child(1) p:nth-child(4) a:hover,
#removal .loca_inner:nth-of-type(4) div:nth-child(2) p:nth-child(2) a:hover{ text-decoration:underline; }
#removal .loca_inner:nth-of-type(2) div, #removal .loca_inner:nth-of-type(3) div{ width: 100%; padding-right:0; text-align:left; }
#removal .loca_inner:nth-of-type(2) div div, #removal .loca_inner:nth-of-type(3) div div, #removal .loca_inner:nth-of-type(4) div{ float:left; width:48%; padding-right:4%; }
#removal .loca_inner:nth-of-type(2) div div:nth-child(2), #removal .loca_inner:nth-of-type(3) div div:nth-child(2), #removal .loca_inner:nth-of-type(4) div:nth-child(2){ padding-right:0; }

.mg_top15 { margin-top:15px; }