@charset "UTF-8";
/* /stay/feature/spring2011/style.css */

/*------------------------------*/
/*main*/
/*------------------------------*/
#contents{
	padding: 100px 40px 40px;
	background: #fff url(../img/bg_content.jpg)  no-repeat;
	width: 860px;
	behavior: url(ie-css3.htc);
	background-color: #FFF;
	-webkit-border-radius: 5px; /* webkit */
	-moz-border-radius: 5px; /* firefox */
	border-radius: 5px; /* ie */
	behavior: url(ie-css3.htc);
	font-size: 1.4em;
	line-height: 1.5;
	}

.paper{
	padding: 40px 24px 30px ;
	background: url(../img/bg_paper.jpg)  repeat-y top;
	}
.paper h1{
	margin: 0 auto 5px;
	}
.lead{
	background: url(../img/bg_lead.gif)	 no-repeat ;
	padding:35px 25px 0; 
	height: 368px;
	width: 731px;
	margin: 0 auto;
	}	
.lead p.text{
	background: url(../img/lead.gif)  no-repeat ;
	height: 210px;
	margin: 0 auto 10px;
	text-indent: -9999em;
	}	

.advice{
margin: -65px 0 30px 20px;;
	}	
.paper h2{
	margin: 0 auto 20px;
	text-align: center;
	}

.paper h3{
	margin: 0 auto 35px;
	text-align: center;
	}

.ancher{
	text-align: center;
	margin: 0 0 30px;
	line-height: 2.0;
	}

.ancher a{
	background:  url(../../../cmn/img/arrow_02.gif) no-repeat left center ;
    padding-left: 15px;
	}


.area{
	margin: 0 0 60px 0;
	}

.area .f-left{
	width: 345px;
	float: right;
	}
.area .f-left .box{
	border: solid 1px #CCCCCC;
	background: #fff;
	width: 265px;
	-webkit-border-radius: 3px; /* webkit */
	-moz-border-radius: 3px; /* firefox */
	border-radius: 3px; /* ie */
	position: relative;
	margin-bottom: 20px;
	padding: 115px 40px 40px;
	}
.area .f-left .box h4{
	position: absolute;
	top:-10px;
	left: 20px;
	}
.area .f-left .box p{
margin: 0 0 15px;
	}
.area .f-left .box p.img{
text-align: center;
	}
.area .f-left .box .gmap iframe{
border: solid #CCCCCC 1px;
	}

.area .f-right{
	width: 430px;
	padding-right: 10px;
	float: left;
	}

.area .f-right .box{
	width: 400px;
	padding: 15px 20px;
	background: #FFFFFF;
	border: solid 1px #CCCCCC;
	margin: 0 0 15px 0;
	}
.area .f-right .box .head{
	background: url(../img/icon_cherry.gif) center left no-repeat;
	margin: 0 0 10px 0;
	padding: 3px 0 0 50px;
	}

.area .f-right .box .head p{
	font-size: 0.8em;
	}
.area .f-right .box .head h4{
	font-size: 1.4em;
	}
.area .f-right .box .head h4 span{
	font-size: 0.8em;
	}
.area .f-right .box .head a{
	background: none;
	padding: 0;
	}
.area .f-right .box a{
	background:  url(../../../cmn/img/arrow_02.gif) no-repeat left center ;
    padding-left: 15px;
	}
.east .f-right .box{
	border-top: solid 3px #caaf73;
	}

.west .f-right .box{
	border-top: solid 3px #e0af7f;
	}

.north .f-right .box{
	border-top: solid 3px #558993;
	}

.south .f-right .box{
	border-top: solid 3px #6472a2;
	}

.stamp{
	background: #fff ;
	padding:20px; 
	margin: 0 auto 50px;
	border: solid 1px #CCCCCC;
	}	

.stamp h4{
	background: #333333 ;
	color:#FFFFFF;
	padding:3px;
	width: 5.5em;
	margin: 0 0 5px ; 
	}	
#south {
	margin: -130px auto 60px;
}
#south h3{
	margin: 0 auto 35px;
	text-align: left;
}
table{
margin: 0 0 10px;
	}

td{
padding:0 10px 0 0;
	}

.yado{
	width:530px;
	margin: 0 auto;
	}	
.yado .in{
	width:496px;
	background: #Fff;
	border: solid 2px #ff6699;
	border-top:none;
	-webkit-border-radius: 5px; /* webkit */
	-moz-border-radius: 5px; /* firefox */
	border-radius: 5px; /* ie */
	padding:15px;
	margin-top: -5px;
	}	
.yado ul{
margin-left: 12px;

	}	

.yado li{
	float:left;
	margin-right: 10px;
	width: 150px;
	}	
.yado li img{
	margin: 0 0 5px;
	}	
.yado li a.arrow{
    background: url("../../../cmn/img/arrow.gif") no-repeat scroll left center transparent;
    padding-left: 15px;
	}
.spot{
	margin: -50px auto 60px;
	}	
.spot .in{
	width: 776px;
	background: #Fff;
	border: solid 2px #CC3333;
	border-top:none;
	-webkit-border-radius: 5px; /* webkit */
	-moz-border-radius: 5px; /* firefox */
	border-radius: 5px; /* ie */
	padding:15px;
	margin-top: -5px;
	}	
.spot ul{
margin-left: 12px;
	}	

.spot li{
	float:left;
	margin-right: 19px;
	width: 76px;
	}	
.spot li img{
	margin: 0 0 5px;
	}	


.search-navi{
	background: #fff ;
	padding:20px; 
	margin: 0 auto ;
	border: solid 3px #90dc00;
	}	

.search-navi h3 a {
	background:  url(../../../cmn/img/arrow.gif) no-repeat left center ;
    padding-left: 15px;
	text-align: center;	
	}	

.search-navi h3  {
margin-bottom: 5px;
	}	

.search-navi .box_theme{
	width: 154px;
	float:left;
	}	

.search-navi .box_type{
	width: 390px;
	border-left: solid 1px #CCCCCC;
	float:left;
	padding: 0 15px;
	margin: 0 15px;
	border-right: solid 1px #CCCCCC;
	}	

.search-navi .box_type p{
	padding:10px; 
	border: solid 1px #CCCCCC;
	}	

.search-navi .box_map{
	width: 154px;
	float:left;
	}