@charset "UTF-8";

.clearfix:after {  content: url(images/pixel.gif); display: block; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
a:link {
	color: #006633;
	text-decoration: none;
}
a:hover {
	color: #006633;
	text-decoration: underline;
}
a:visited {
	color: #006633;
	text-decoration: none;
}


img{
	border:none;
	vertical-align: bottom;
}


/*
1. header
2. main
3. sub
4. footer

*/

body{
	background:url(images/body_bg.gif) repeat-x;
	margin:0;
	font-size:14px;
	line-height:1.6;
}



#wrapper{
	width:780px;
	margin:0 auto;
	background:url(images/wrapper_base_bg.gif) repeat-y;
}

#wrapper_cont{
	background:url(images/wrapper_bg.gif) no-repeat;
}

/*1. header*/

#header{
	padding:17px 20px 3px 20px;
}

#header-navi ul{
	list-style:none;
	margin:0;
	padding:0;
}

#header-navi li{
	float:right;
	margin:0;
	padding:0;
}

.header-navi1 a{
	display:block;
	background:url(images/header-navi_01.gif) no-repeat;
	width:80px;
	height:16px;
}

.header-navi2 a{
	display:block;
	background:url(images/header-navi_02.gif) no-repeat;
	width:80px;
	height:16px;
}

.header-navi1 a:hover{
	background:url(images/header-navi_on_01.gif) no-repeat;
}

.header-navi2 a:hover{
	background:url(images/header-navi_on_02.gif) no-repeat;
}

/*2.0 contents*/

#contents{
}

ul.top-hotel-list{
	list-style:none;
	margin:0;
	padding:0 0 10px 20px;
}

ul.top-hotel-list li{
	float:left;
	padding:0 18px 0 0;
}
ul.top-hotel-list li.last{
	padding:0;
}
ul.top-hotel-list li a{
    display:block;
    margin:0 0 5px 0;
}


.main-pic{
	padding:0 10px 10px 10px;
	text-align: center;
}

.g-nav ul{
	margin:0;
	padding:0;
	list-style:none;
	line-height:0;
}

.g-nav li{
	float:left;
	margin:0;
	padding:0;
}

/*2. main*/

#main{
	float:right;
	width:586px;
	padding:0 20px 10px 0;
	text-align: left;
}

#main .feature-box{
	border:solid 1px #ddd;
	margin: 0 0 15px 0;
}

#main .feature-box p{
	padding:10px;
	margin:0;
}

#main h2.feature{
	background:#47a0de;
	font-size:14px;
	color:#fff;
	padding:1px 5px;
	margin:0;
}

#main h2.contsh2{
	font-weight:normal;
	font-size:18px;
	padding:0 0 0 8px;
}
#main h2.usami {
	font-weight:normal;
	font-size:18px;
	padding:20px 0 0 5px;
}


.sitemap a{
	text-decoration:none;
}

.sitemap ul{
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
}

.sitemap li{
	border-bottom:solid 1px #ccc;
	padding:5px;
	margin:0;
	width:250px;
}

#main h3{
	margin:0;
	padding:6px 0 2px0;
}
#main h4 {
	margin: 15px 0 0 0;
}



#main ul{
	padding:10px;
	list-style:none;
}

#main li{
	margin:0 0 10px 0;
	padding:0 0 0 25px;
	border-bottom:dotted 1px #ccc;
}

#main ul.grad{
	background:url(images/list_bg.gif) no-repeat;
	margin: 7px 0 0 0;
	padding: 8px;
}


/*3. sub*/

#sub{
	float:left;
	width:142px;
	padding:0 0 0 20px;
	line-height:0;
}

#sub ul.sub-menu{
	list-style:none;
	margin:0;
	padding:0 0 20px 0;
}

#sub ul.sub-menu li{
	margin:0;
	padding:0;
}
#main .ul-photo {
	margin: 0px;
	padding: 0px;
}
#main .ul-photo li {
	margin: 0 10px 0 0;
	padding: 0px;
	float: left;
	border: none;
}
#main .ul-photo .li-r {
	margin: 0px;
}

#main .ul-text {
	margin: 0 0 15px 0;
	padding: 0px;
}
#main .ul-text li {
	margin: 0 10px 0 0;
	padding: 0px;
	float: left;
	width: 285px;
	border: none;
}
#main .ul-text .li-r {
	margin: 0px;
}



/*4. footer*/

#footer{
	border-top:solid 1px #ccc;
	text-align:center;
	font-size:12px;
	padding:10px 0px;
	margin:15px;
	clear: both;
}

#footer a{
	text-decoration:none;
	color:#666;
}

#footer p{
	border-top:solid 1px #ccc;
	text-align:right;
	color:#666;
}

#footer a:hover{
	text-decoration:underline;
	color:#000;
}

#footer ul{
	list-style:none;
	margin:0;
	padding:0;
}

#footer li{
	display:inline;
	padding:0 5px;
}
#wrapper_cont #contents #main .u-box {
	margin: 15px 10px 0 12px;
	padding: 0;
	width: 270px;
	float: left;
}
#wrapper_cont #contents #main .u-box p {
	margin: 2px 0 0 0;
	text-align: center;
}
#wrapper_cont #contents #main .usamiroom {
	border-bottom: 1px dotted #222;

}
#wrapper_cont #contents #main .usamiroom img {
	margin: 0 0px 0 13px;
}
#main .usamiroom h4 {
	padding: 0 0 0 15px;
	color: #336600;
}

#main .usamiroom .ul-hoteliimage {
	margin: 0px;
	padding: 0px;
	background-image: url(none);
	list-style: none;
}
#main .usamiroom .ul-hoteliimage li {
	margin: 0px;
	float: left;
	background-image: url(none);
	border: none;
	padding: 0 0 0 0;
	text-align: center;
}
#main .usamiroom p {
	clear: both;
	padding: 5px 0 0 15px;
}
#main .h2-btn-contact {
	margin: 15px 0 10px 0;
}

#main .box-contact {
	border: 3px solid #EEEEEE;
	padding: 5px;
}
#main .box-contact dl {
	margin: 0px;
	padding: 0px;
}
#main .box-contact dt {
	float: left;
	margin: 0 15px 25px 0;
}
#main .box-contact dd {
}
#main .test li {
	margin:0 0 10px 0;
	padding:1px 0 0 30px;
	border: none;
	background-image: url(images/star.gif);
	background-repeat: no-repeat;
	border-bottom: dotted 1px #ccc;
}
#main .feature-indent {
	padding: 0 0 0 35px;
}
#main .iwai-table {
	border-collapse: collapse;
	padding: 0;
	margin: 0;
}
#main ul.grad02 {
	margin: 7px 0 0 0;
	padding: 8px;
}
#main .test02 li {
	margin:0 0 10px 30px;
	padding:1px 0 0 0px;
	border: none;
	border-bottom: dotted 1px #ccc;
	list-style: disc;
}
#main ul.grad03 {
	margin: 7px 0 0 0;
	padding: 8px;
}
#main ul.grad03 li {
	background-image: url(images/square.gif);
	background-repeat: no-repeat;
}
#wrapper_cont #contents #main .u-box2 {
	margin: 15px 0px 0 12px;
	padding: 0;
	width: 270px;
	float: left;
}
#wrapper_cont #contents #main .u-box2 p {
	margin: 2px 0 0 0;
	text-align: center;
}
.img-r {
	float: right;
}
.clear {
	float: right;
}
.p-L20 {
	padding: 0 0 0 50px;
}



/*------------------------------------*/
/*リニューアル追記 2011/05/31*/
h1,h2{
    margin:0;
    padding:0;
}

#top_feater{
    padding:10px 0 20px 0 ;
}
#top_feater_body{
    border-right:#DCDCDC 1px solid;
    border-left:#DCDCDC 1px solid;
    background:#FCFCFC;
    width:583px;
}

#main #top_feater_body ul {
    list-style: none outside none;
    margin:0;
    padding:0;
}
#main #top_feater_body li{
    border:none;
    padding:10px 10px 20px 10px;
    background:url(images/top_feater_border.gif) 0 bottom repeat-x;
}
#main #top_feater_body li.last{
    margin:0;
    background:none;
}
#main #top_feater_body li .photo{
    float:right;
}
#main #top_feater_body li .title,
#main #top_feater_body li p{
    float:left;
    width:360px;
}