﻿@charset "utf-8";


/*
ヘッダー--------------------------------------------------------------*/

#header{
background: url(../images/inner_common/head_back.gif) no-repeat;
width:1000px;
height:65px;
margin:0 auto;
}


#he1,#he2{
float:left;
}


#he1{
width:500px;
}


#he2{
width:500px;

}


.logo{
position:relative;
top:20px;
left:20px;
}


#header h1{
font-size:70%;
font-weight:normal;
text-align:right;
color:#73683e;
margin:3px 20px 0 0;
}



/*
topic path------------------------------------------------------*/

#t_path{
width:950px;
height:20px;
margin:0 auto;
padding:0 0 20px 7px;
background-color:#ffffff;
}



#t_path p{
font-size:70%;
}



/*
メインコンテンツ------------------------------------------------------*/


/* contentsの設定 */

#contents{
width:950px;
height:auto;
margin:0 auto;
display:block;
}



/*---------- left contentsの設定 -------------*/

#sub{
width:235px;
height:auto;
margin:0;
padding-bottom:40px;
float:left;
}


#sub_navi{
width:235px;
height:auto;
}


/* frameの設定 ここから*/

#frame_top{
width:235px;
height:24px;
background: url(../images/inner_common/sub_back_top.gif) no-repeat;
display:block;
}


#frame_mid{
width:235px;
height:auto;
background: url(../images/inner_common/sub_back_mid.gif) repeat-y;
display:block;
}


#frame_btm{
width:235px;
height:5px;
background: url(../images/inner_common/sub_back_btm.gif) no-repeat;
margin-bottom:20px;
display:block;
}



/* frame内のリストの設定 ここから*/

ul#fra_list{
width:200px;
padding:5px 0 15px 10px;
margin:0;
}


ul#fra_list li{
font-size:80%;
font-family:Sans-serif,MS UI Gothic,Arial,Tahoma,Verdana,"ＭＳ Ｐゴシック","Comic Sans ms",sans,Osaka;
padding:5px 0 5px 0;
margin:0;
display:brock;
}


.mark02{
margin-left:5px;
vertical-align:middle;
}



/* サブナビの設定 */


ul#s_nav{
width:200px;
margin:0;
padding:15px 0 10px 15px;
}


ul#s_nav li{
display:brock;
margin-bottom:10px;
}


p#annotation{
padding:5px 0 10px 15px;
color:#9b2f23;
font-size:70%;
}


.title_h3{
margin:5px 0 0 20px;
}


.bna{
margin:10px 0 10px 25px;
padding:0;
}


#banner_area{
width:230px;
height:auto;
padding-left:5px;
}


.bna2{
margin:0 0 10px 0;
padding:0;
}



/*---------- right contentsの設定 -------------*/

/* right_conの設定*/

#main{
width:680px;
height:auto;
float:left;
padding-bottom:40px;
margin-left:35px;
}


*html  #main{    IE6に適用
width:680px;
height:auto;
float:left;
padding-bottom:40px;
margin-left:33px;
}



/* visualの設定*/

#visual{
width:680px;
height:auto;
margin:0 0 40px 0;
}


/* box_right01の設定*/

#box_right01{
width:680px;
height:auto;
margin:0;
padding:0 0 10px 0;
}


#box_right01 h2{
width:680px;
height:29px;
margin:0 0 15px 0;
padding:0;
}


#box_right01 p.c1{
margin:10px 0 10px 0;
}



/* タブの設定 */

#javascript_tab{
margin-top:20px;
width:680px;
}


ul#tab {
margin:0;
padding:0;
border-left:1px solid #d6d6ad;
background-color:#fff;
float:left;
width:680px;
height:28px;
}


ul#tab li {
margin:0;
padding:3px 0;
border-right:1px solid #d6d6ad;
border-top:1px solid #d6d6ad;
border-bottom:1px solid #d6d6ad;
text-align:center;
background: url(../images/inner_common/tab_back01_on.gif) no-repeat;
width:339px;
height:20px;
font-size:0.825em;
float:left;
}


ul#tab li.present {
background: url(../images/inner_common/tab_back01.gif) no-repeat;
border-bottom:none;
}




/* box_c1の設定 */

#box_c1{
width:679px;
height:auto;
border:1px solid #d6d6ad;
border-top:none;
padding:0;
margin:0;
clear:both;
}


/* box_c2の設定 */

#box_c2{
width:679px;
height:auto;
border:1px solid #d6d6ad;
border-top:none;
padding:0;
margin:0;
clear:both;
}


/* box_c3の設定 */

#box_c3{
width:679px;
height:auto;
border:1px solid #d6d6ad;
border-top:none;
padding:0;
margin:0;
clear:both;
}


/* box_c4の設定 */

#box_c4{
width:679px;
height:auto;
border:1px solid #d6d6ad;
border-top:none;
padding:0;
margin:0;
clear:both;
}


/* box_c5の設定 */

#box_c5{
width:679px;
height:auto;
border:1px solid #d6d6ad;
border-top:none;
padding:0;
margin:0;
clear:both;
}


/* hotelguideのtable設定 */

table#c1{
margin:50px auto;
padding:0;
table-layout:fixed;
}


td#c1{
padding:10px;
width:auto;
height:auto;
}



/* 表の設定 */

table#t01{
width:630px;
border:solid 1px #c4ac7b;
margin:50px auto;
padding:0;
table-layout:auto;
font-size:13px;
color:#645a32;
border-collapse:collapse;
}


td#t01,th#t01,td#t02{
padding:8px 5px;
width:auto;
height:auto;
border:solid 1px #c4ac7b;
}


th#t01{
background-color:#e9f4f3;
}


td#t02{
text-align:center;
}


.mark03{
margin-right:5px;
vertical-align:middle;
}



/* box_gadgetの設定*/

#box_gadget{
width:600px;
height:200px;
padding:0;
margin-bottom:40px;
margin-top:25px;
}



/* box_right03の設定*/

#box_right03{
width:634px;
height:auto;
margin:0 0 15px 0;
padding-top:15px;
}


#box_right03 h2{
background: url(../images/guide_common/navi_guide02.gif) no-repeat;
width:680px;
height:27px;
text-indent:-9999px;
margin:0 0 15px 0;
padding:0;
}



/* page_topの設定 */

#page_top{
width:680px;
height:12px;
margin-top:15px;
padding:0;
}


#page_top p{
text-align:right;
}












