@import "default.css";
@import "common.css";
@import "layout.css";

#index .title{
margin-top:25px;
clear:both;
}

.titleBox{
background:url(../images/index_prt_01.gif) no-repeat bottom;
padding-bottom:12px;
}
.titleBox h2{
width:188px;
float:left;
}

.titleBox ul{
width:475px;
float:right;
}

.titleBox ul li{
float:left;
height:50px;
overflow:hidden;
}

.indexBox{
clear:both;
margin-top:25px;
}
.indexBox .ib{
width:158px;
float:left;
padding-right:19px;
}
.indexBox .ib h3{
padding-bottom:10px;
}

.indexBox .last{
padding:0px;
}
.indexBox .ib p{
font-size:11px;
line-height:1.4;
}
.indexBox .ib p.img{
margin-bottom:10px;
}

.indexBox .ib p.date{
font-size:14px;
color:#A59D9F;
padding-bottom:8px;
margin-bottom:8px;
border-bottom:1px dotted #969696;
line-height:1.0;
font-weight:bold;
}

.spaTable{
clear:both;
width:100%;
margin-top:25px;
border-collapse:collapse;
}
.spaTable td{
padding:0px 18px;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
width:30%;
}
.spaTable h4{
border-top:1px dotted #CCCCCC;
border-bottom:1px dotted #CCCCCC;
padding:12px 0px;
text-align:center;
}

.spaTable p{
margin-top:12px;
line-height:1.5;
}

.accessBox{
margin-top:35px;
padding-bottom:12px;
}
.accessBox .aL{
width:347px;
float:left;
}
.accessBox .aR{
width:312px;
float:right;
}

.accessBox p{
font-size:11px;
}
.accessBox .line{
margin-top:13px;
padding-top:13px;
border-top:1px dotted #CCCCCC;
}

.accessBox2{
clear:both;
margin-top:22px;
}
.aline{
border-top:1px dotted #CCCCCC;
padding-top:22px;
}

.accessBox2 .aL{
width:164px;
float:left;
}
.accessBox2 .aR{
width:506px;
float:right;
border-left:1px solid #CCCCCC;
padding-left:18px;
}

.accessBox2 .aR p{
line-height:1.8;
margin-bottom:8px;
}

.accessBox3{
margin-top:35px;
}
.accessBox3 p{
text-align:center;
margin-top:18px;
}
#access .btn,
#cdm .btn,
#resturant .btn{
text-align:center;
margin-top:25px;
clear:both;
}

.condominiumBox{
margin-bottom:20px;
clear:both;
}
.condominiumBox2{
margin-top:35px;
margin-bottom:35px;
clear:both;
}

.condominiumBox p{
margin-bottom:8px;
line-height:1.6;
}

.cdmBoxL{
width:330px;
float:left;
}
.cdmBoxR{
width:330px;
float:right;
}

.sightBox{
width:100%;
margin-top:18px;
}

.sightBox td{
padding:0px 12px;
font-size:12px;
}
.sightBox td.line{
border-left:1px solid #CCCCCC;
}

.sightBox p{
margin-bottom:8px;
}

.sightBox2{
margin-top:25px;
clear:both;
}
.ssL{
width:330px;
float:left;
}
.ssR{
width:330px;
float:right;
}
.sightBox2 p{
margin-top:12px;
line-height:1.8;
}

#contact p{
margin-top:18px;
}
#contact table{
margin-top:25px;
border-collapse:collapse;
width:100%;
}
#contact table td,
#contact table th{
padding:12px;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}

#contact table th{
width:100px;
text-align:left;
padding-left:20px;
}

#guest .titleBox{
margin-top:25px;
background:none;
padding:17px 0px 15px 0px;
border-top:3px solid #999999;
border-bottom:1px solid #999999;

}

#guest .titleBox ul{
width:690px;
float:none;
list-style:none;

}

#guest .titleBox ul li{
float:left;
height:34px;
overflow:hidden;
}
#guest .planBox{
clear:both;
width:690px;
}
#guest .planBox h3{
width:314px;
clear:none;
border-bottom:1px dotted #CCCCCC;
padding-bottom:12px;
padding-top:8px;
}

#guest .planBox p.txt{
width:314px;
margin-top:12px;
}
#guest .planBox p.imgR{
margin:0px;
padding:0px;
}

#guest .planBox ul{
list-style:none;
margin-top:18px;
clear:both;
}
#guest .planBox ul li{
float:left;
padding-right:23px;
}
#guest .planBox ul li.last{
padding-right:0px;
}

#guest .btn{
text-align:center;
margin-top:18px;
margin-bottom:18px;
}

.newsTitle{
margin-top:14px;
padding:0px 0px 14px 0px;
border-bottom:1px dotted #CCCCCC;
}

.newsTitle p{
font-size:11px;
color:#6D6C6C;
line-height:1.0;
border-left:5px solid #333333;
padding:4px 0px 3px 12px;
}

.topLine{
margin-top:0px;
padding:14px 0px 14px 0px;
border-top:1px dotted #CCCCCC;
}

.newsTitle h3{
font-size:14px;
color:#333;
line-height:1.0;
border-left:5px solid #333333;
padding:0px 0px 5px 12px;
}

#news .sBox ul{
list-style:none;
padding:8px 12px 0px 12px;
}
#news .sBox ul li{
color:#333333;
font-size:12px;
margin-top:6px;
padding:0px 0px 6px 15px;
background:url(../news/img/news_prt_01.gif) no-repeat 0 2px;
border-bottom:1px dotted #CCCCCC;
}

.newsBox p{
margin-top:16px;
line-height:1.8;
}

#news .coL .newsBox img {
	max-width: 100% !important;
	height: auto !important;
}

#privacy h3{
font-size:18px;
border-bottom:1px dotted #CCCCCC;
padding-bottom:8px;
color:#333333;
margin-top:18px;
}
#privacy h4{
margin-top:18px;
font-weight:bold;
color:#333333;
}
#privacy p{
margin-top:6px;
}
#privacy ul{
margin-left:18px;
margin-top:12px;
}
#privacy ul li{
color:#333333;
font-size:11px;
}

.paging {
	margin: 0 0 10px;
	padding: 10px 10px 5px;
	text-align: center;
}
.paging li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

.paging li.on{
	display: inline-block;
	margin-bottom: 3px;
	padding: 1px 8px;
	border: 1px solid #aaa;
	text-decoration: none;
	vertical-align: middle;
	background:#DCDCDC;
	color:#000;

}
.paging li a{
	display: inline-block;
	margin-bottom: 5px;
	padding: 1px 8px;
	background: #fff;
	border: 1px solid #aaa;
	text-decoration: none;
	vertical-align: middle;
}

.paging li a:hover{
	background: #A9A9A9;
	border-color: #808080;
}


.spaTxt{
	width: 313px;
	float: right;
}
.spaTxt p.no{
	margin-top: 0px;
}

.facilityBox{
margin-top:12px;
clear:both;
border:3px solid #CCCCCC;
padding:18px;
}
.facilityBox h3{
color:#333333;
font-weight:bold;
border-bottom:1px dotted #CCCCCC;
padding-bottom:12px;
margin-bottom:12px;
}
.facilityBox p{
line-height:1.6;
}
.facilityBox p.line{
border-bottom:1px dotted #CCCCCC;
padding-bottom:12px;
margin-bottom:12px;
}