/* CSS Document */

/*--------------------------------------------------------------
    starting value
----------------------------------------------------------------*/
* {  
margin: 0;  
padding: 0;}

html{
margin: 0;
padding: 0;}

body{ 
margin: 0;
padding: 0;
font-family: sans-serif;
font-size: 12px;
line-height: 1.5}

ul,li{
margin: 0;
padding: 0;
list-style-type: none;}

table{
border-collapse: collapse;}

img{
margin: 0;
padding:0;
border:0;}

p { margin: 0 0 1em 0; } 

.pagetop{
padding: 20px 0 0 0;
text-align: center;}

.clear{ clear:both;}

/*
 clearfix
----------------------------------------------------------- */
/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/*
 Link Color
----------------------------------------------------------- */
a:link { 
color: #80C5DE;
text-decoration:none;}

a:visited {
color: #80C5DE;
text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:active {
color: #80C5DE;
text-decoration:none;
}

/*--------------------------------------------------------------
    frame work
----------------------------------------------------------------*/
#wrap{
width: 980px;
height: auto;
margin: 0 auto;
padding: 0 0 35px 0;
background: url(../images/ptn.gif) repeat-x bottom left;
overflow: hidden;}

#header{
width: 980px;
height: auto;
overflow: hidden;}


/*--------------------------------------------------------------
    header
----------------------------------------------------------------*/
#h_lang_wrap{
width: 212px;
height: 25px;
padding-left: 768px;
background: url(../images/ptn.gif) repeat-x top left;}

#lang ul{
margin: 0;
padding: 0;}

#lang li{
margin: 0;
padding: 0;
height: 25px;
list-style: none;
float: left;}

#h_logo_wrap{
width: 980px;
height: 115px;
background: url(../images/h_ptn.gif) repeat-x top left;
}

#h_logo{
width: 258px;
padding-left: 360px;
float: left;}

#h_info{
width:160px
height: auto;
padding: 45px 0 0 165px;
float: left;}

#h_info p{
padding-top: 5px;
margin: 0;}

/*--------------------------------------------------------------
    body
----------------------------------------------------------------*/
#body{
width: 900px;
height: auto;
margin: 23px auto;
overflow: hidden;}

#topimg{
width: 900px;
height: auto;
margin: 0;
padding: 0;}

#h_navi{
width:900px;
height:38px;
margin:0 auto;
padding: 0;
overflow: hidden;}

#h_navi li{
margin:0;
padding: 0;
border: 0;
float: left;
}

#contents{
width: 900px;
height: auto;
padding-top: 25px;
overflow: hidden;}

/*
 contents L
----------------------------------------------------------- */
#contents_l{
width: 690px;
height: auto;
padding: 0 20px 0 0;
border-right: #999 1px solid;
float: left;
}

#info_top{
width: 260px;
height: 390px;
margin: 0;
padding: 0 20px 0 0;
border-right: #999 1px solid;
float: left;}

#catch_top{
width: 390px;
height: auto;
padding: 0 0 0 19px;
float: left;
}

.img_box{
margin: 0;
padding: 0;}

.catch_top_txt{
padding-top: 5px;
font-size: 11px;}

#contents_index{
width: 690px;
height: auto;
margin: 0;
padding: 20px 0 0 0;
clear: both;}

.contents_link{
width: 156px;
height: auto;
margin: 0;
padding: 0 10px 0 0;
border-right: #999 1px solid;
float: left;}

.contents_link2{
width: 156px;
height: auto;
margin: 0;
padding: 0 10px;
border-right: #999 1px solid;
float: left;}

.contents_link3{
width: 156px;
height: auto;
margin: 0;
padding: 0 0 0 10px;
float: left;}

.cont_link_img{
margin: 0;
padding: 0 1px;}

.caption_top{
padding: 10px;}

#footer_info{
width: 690px;
height: 170px;
margin: 20px 0 0 0;
padding: 0;
background: #F1F0DF;
overflow: hidden;
}

#footer_info2{
width: 900px;
height: 170px;
margin: 20px 0 0 0;
padding: 0;
background: #F1F0DF;
overflow: hidden;
}

.footer_info_l{
width: 335px;
height: 170px;
float: left;
overflow: hidden;}

.footer_info_r{
width: 355px;
height: 170px;
float: left;
overflow: hidden;}

.f_mail{
padding: 0 0 0 15px;}

#page{
width: 900px;
height: auto;
margin: 0;
padding: 0;
overflow: hidden;}

/*
 contents R
----------------------------------------------------------- */
#contents_r{
width: 180px;
height: auto;
padding: 0 0 0 9px;
float: left;}

.rside_box{
width: 180px;
height: auto;
padding-bottom: 20px;
}

.rside_img{
width: 175px;
height: auto;
margin: 0;
padding: 20px 0 0 5px;}

.rside_txt{
width: 175px;
height: auto;
margin: 0;
padding: 10px 0 0 5px;}

/*
 kankou
----------------------------------------------------------- */
.kankou_bg{
background: url(../images/kankou_bg.jpg) no-repeat top right;}

.catch_page{
margin: 0;
padding: 60px 0 0 0;}

.catch_txt_page{
width: 390px;
height: auto;
margin: 0;
padding: 10px 0 0 0;}

#kankou_wrap{
width: 900px;
height: auto;
margin: 0;
padding: 20px 0;
overflow: hidden;}

.kankou_m_wrap{
width: 860px;
height: auto;
margin: 0;
padding: 40px 0 0 0;
overflow: hidden;}

.kankou_modle{
width: 380px;
height: auto;
margin: 0;
padding: 0 50px 0 0;
float: left;
overflow: hidden;}

.kankou_img{
width: 185px;
height: 175px;
float: left;}

.kankou_txt{
width: 175px;
height: auto;
margin: 0;
padding: 0 0 0 20px;
overflow: hidden;
float: left;}

/*
 ryouri
----------------------------------------------------------- */

.ryouri_top_l{
width: 390px;
height: 390px;
margin: 0;
padding: 60px 30px 0 0;
overflow: hidden;
float: left;}

.ryouri_top_r{
width: 478px;
height: auto;
margin: 0;
padding: 0;
overflow: hidden;
float: left;}

.ryouri_top_l2{
width: 180px;
height: auto;
margin: 0;
padding: 60px 210px 0 0;
overflow: hidden;
float: left;}

.ryouri_top_r2{
width: 390px;
height: 390px;
margin: 0;
padding: 40px 0 0 0;
overflow: hidden;
float: left;}

.ryouri_top_wrap{
width: 900px;
height: auto;
margin: 0;
padding: 0;
overflow: hidden;}


.catch_txt_page_r{
width: 380px;
height: auto;
margin: 0;
padding: 10px 0 0 10px;}

.ryouri_img_wrap{
width: 800px;
height: auto;
margin: 0;
padding: 40px 0 0 0;
overflow: hidden;
}

.royuri_img_box{
width: 800px;
height: 175px;
margin: 0;
padding: 0;
overflow: hidden;
}

.ryouri_img{
width: 185px;
height: 175px;
margin: 0;
padding: 0 20px 20px 0;
float: left;}

.ryouri_img2{
width: 185px;
height: 175px;
margin: 0;
padding-bottom: 20px;
float: left;}

/*
 kannai
----------------------------------------------------------- */
.kannai_bg{
width: 900px;
height: auto;
margin: 0;
padding: 60px 0 0 0;
background: url(../images/kannai_bg.jpg) no-repeat top right;}


.kannai_top_wrap{
width: 900px;
height: auto;
margin: 0;
padding-bottom: 20px;
overflow: hidden;
}

.kannai_top_l{
width: 390px;
height: auto;
margin: 0;
padding: 0 30px 0 0;
float: left;}

.kannai_top_r{
width:480px;
height: auto;
margin: 0;
padding: 0;
overflow: hidden;}

.kannai_catch_wrap{
width: 480px;
height: 410px;
margin: 0;
padding: 0;}

.kannai_catch{
width: 480px;
height: auto;
margin: 0;
padding: 0;}

.kannai_img_wrap{
width: 410px;
height: 185px;}

.kannai_img1{
width: 185px;
height: 185px;
margin: 0;
padding: 0 20px 0 0;
float: left;}

.kannai_unit{
width: 390px;
height: 185px;
margin: 0;
padding: 0 0 20px 0;}

.k_uni_txt{
width: 180px;
height: auto;
margin: 0;
padding: 0 25px 0 0;
float: left;}

.k_uni_img{
width: 185px;
height: 185px;
margin: 0;
padding: 0;
float: left;}

/*
 access & fee
----------------------------------------------------------- */
#fee_access{
width: 900px;
height: auto;
background: url(../images/plan_bg.jpg) no-repeat right top;}

#fee_wrap{
width: 600px;
height: auto;
margin: 0;
padding: 20px 0 20px 150px;}

#fee_wrap table{
width: 600px;
height: auto;
margin: 20px 0 0 0;
border: 2px #999 solid;}

#fee_wrap td{
padding: 5px 10px;}

.room_label{
width: 100px;
height: 20px;
border-top: 1px #999 solid;
border-bottom: 1px #999 solid;
border-right: 1px #999 dotted;
background: #EFEAD1;}

.room_detail{
width: 200px;
height: 20px;
border-top: 1px #999 solid;
border-bottom: 1px #999 solid;
border-right: 1px #999 solid;}

.plan{ font-weight: bold;}

.plan_ttl{
margin: 0;
padding: 0;}

#attention{
width: 600px;
height: auto;
margin: 0;
padding: 20px 0;
font-size: 11px;
color: #666666;}

/*
 contact_us
----------------------------------------------------------- */

.contact_wrap{
width: 650px;
height: auto;
padding: 20px 0 0 125px;}

.form_ttl{ text-align: center; }

.attention_hissu{ font-size: 11px; }

.contact{
width: 650px;
height: auto;}

.contact td{
padding: 5px 10px;
border: 1px #999 solid;}

.contact_tag{ background: #efead1;}

.address{ width: 350px;}

.email{ width: 200px;}

.attention_c{
font-size: 11px;
color: #CC3300;}

.form_button{ text-align: center;}