@charset "UTF-8";
/**\*/
@import url("style-base.css");
@import url("style-default.css");




/* top
-----------------------------------------------------------------------*/
#mainimg{
width:940px;
position:relative;
overflow:hidden;
margin-bottom:20px;
}
#mainimg h2{
float:left;
width: 647px;
}
.top_about{
float:left;
position:relative;
width: 293px;
}
.top_access{
position:absolute;
top: 140px;
left: 127px;
}



.top_sight01{
width: 650px;
position:relative;
overflow:hidden;
}
.top_sight01 div,.top_sight01 h3{
float:left;
}
.top_sight02{
width: 644px;
position:relative;
overflow: hidden;
background: url(../../img/top_sight02.gif) no-repeat left top;
list-style:none;
padding-right:6px;
padding-top:3px;
padding-bottom:5px;
margin-bottom:10px;
}
.top_sight02 li,.top_pro li{
float:left;
margin-left:6px;
}
.top_pro{
width: 644px;
position:relative;
overflow: hidden;
background: url(../../img/top_promise02.gif) no-repeat left top;
list-style:none;
padding-right:6px;
padding-top:3px;
padding-bottom:5px;
margin-bottom:10px;
}

.top_special{
background: url(../../img/top_special02.gif) repeat-y left top;
width: 650px;
}
.top_special ul{
background:url(../../img/top_special03.gif) no-repeat left bottom;
padding:10px 9px 10px 2px;
list-style:none;
position:relative;
overflow:hidden;
width: 639px;
}
.top_special li{
float:left;
list-style:none;
margin-left:8px;
background:#FFFFFF;
}
.top_special li a:hover img {
-moz-opacity:0.85;
opacity:0.85;
filter: alpha(opacity=85);
} 

.top_add{
border-bottom:1px dotted #C0A67C;
border-top:1px dotted #C0A67C;
padding:15px;
width: 620px;
position:relative;
overflow: hidden;
margin-top:20px;
color: #575757;
}
.top_add div{
float:left;
width:170px;
}
.top_add address{
float:left;
line-height:150%;
}




.top_topics{
width:270px;
border-top:1px dotted #C0A67C;
margin: 5px 0px;
}
.top_topics dl{
width: 260px;
position:relative;
overflow:hidden;
border-bottom:1px dotted #C0A67C;
padding:10px 5px;
font-size:14px;
}
.top_topics dt{
font-weight:bold;
padding-bottom:5px;
background:url(../../img/icon01.gif) no-repeat left 5px;
padding-left:10px;
line-height: 150%;
}
.top_data{
text-align:right;
letter-spacing: 3px;
color: #909090;
line-height: 150%;
}
.top_more{
text-align:right;
font-size:12px;
padding-top:5px;
}







/* topics
-----------------------------------------------------------------------*/
.topics{
background: #FEFCF0;
border-top:3px solid #F9CD51;
width: 700px;
padding-bottom:15px;
margin-bottom:30px;
}
.topics_ttl{
padding: 5px 20px 5px 10px;
border-bottom:1px dotted #C0A67C;
width: 670px;
position:relative;
overflow:hidden;
margin-bottom:15px;
}
.topics_ttl h3{
background:url(../../img/inner/icon_topi.gif) no-repeat 0px 5px;
padding-left: 20px;
padding-right:10px;
font-size:16px;
line-height:150%;
float: left;
width: 510px;
}
.topics_ttl p{
float:right;
text-align:right;
width:130px;
font-size:12px;
letter-spacing:2px;
color: #766A56;
padding-top:5px;
}
.topics_entry{
padding: 0px 15px;
line-height:180%;
}
.topics_more{
background:url(../../img/inner/icon_topi.gif) no-repeat right center;
padding-right:15px;
text-align:right;
margin-right:15px;
margin-top:15px;
}











/* promise
-----------------------------------------------------------------------*/
.pro_navi{
background:url(../../img/inner/promise_bor.gif) no-repeat left bottom;
width: 688px;
padding:0px 11px 5px 1px;
list-style:none;
position:relative;
overflow:hidden;
}
.pro_navi li{
float:left;
list-style:none;
margin-left: 10px;
}

.promise{
background: #EAF1F8;
padding:15px 0px;
}

.pro_box{
background:url(../../img/inner/promise03.gif) repeat-y left top;
width: 670px;
border-top: 1px solid #C3D2E2;
border-bottom: 1px solid #C3D2E2;
margin: 0px auto 15px auto;
}
.pro_ttl{
background: url(../../img/inner/promise01.gif) repeat left top;
margin-left:1px;
margin-right:1px;
}
.pro_ttl h3{
background: url(../../img/inner/promise02.gif) no-repeat 10px 12px;
font-size:16px;
letter-spacing:150%;
padding:7px 15px 5px 23px;
}
.pro_entry{
padding:10px;
line-height:180%;
}
.pro_more{
background:url(../../img/inner/icon03.gif) no-repeat right center;
margin-bottom:10px;
text-align:right;
margin-right:10px;
padding-right:20px;
}





/* link
-----------------------------------------------------------------------*/
.link{
width:700px;
background: #F0F7FC;
border-top:3px solid #369EE2;
margin-bottom:20px;
}
.link h3{
font-size:16px;
line-height:160%;
background:url(../../img/inner/icon_link.gif) no-repeat 15px 11px;
padding:7px 20px 5px 35px;
border-bottom:1px dotted #A6CBE6;
}
.link div{
padding:12px 15px;
}
.link a:link,
.link a:active,
.link a:visited
{
color: #247EDE;
text-decoration: none;
}
.link a:hover
{
color: #247EDE;
text-decoration: underline;
}




/* sightseeing
-----------------------------------------------------------------------*/
.sight_navi{
background:url(../../img/inner/sight_bor.gif) no-repeat left bottom;
width: 688px;
padding:0px 11px 6px 1px;
list-style:none;
position:relative;
overflow:hidden;
}
.sight_navi li{
float:left;
list-style:none;
margin-left: 10px;
}

.sightseeing{
width:700px;
background: #EBE4F5;
padding:15px 0px;
}

.sight_box{
width: 650px;
margin:0px auto 10px auto;
background:url(../../img/inner/sight_back.gif) repeat-y left top;
padding:10px;
position:relative;
overflow:hidden;
border-bottom:1px solid #D6CAE7;
border-top:1px solid #D6CAE7;
}
.sight_img{
float:left;
width:200px;
}
.sight_cont{
width: 430px;
float:right;
}
.sight_cont h3{
background: url(../../img/inner/icon04.gif) no-repeat left 8px;
font-size:16px;
padding: 0px 10px 5px 15px;
border-bottom:1px solid #E3DFD6;
line-height:150%;
color: #247EDE;
}
.sight_cont h3 a:link,
.sight_cont h3 a:active,
.sight_cont h3 a:visited
{
color: #247EDE;
text-decoration:none;
}
.sight_cont h3 a:hover
{
color: #247EDE;
text-decoration: underline;
}
.sight_txt{
line-height:180%;
padding-top:10px;
}


.sight_box02{
width: 650px;
margin:15px auto;
background:url(../../img/inner/sight_box01.gif) no-repeat left top #EDE9F4;
}
.sight_box03{
width: 650px;
background:url(../../img/inner/sight_box02.gif) no-repeat left bottom #EDE9F4;
padding:10px 0px;
}
.sight_box03 table{
width: 630px;
background: #C1B4D8;
font-size:14px;
line-height:150%;
margin:0px auto 10px auto;
}
.sight_box03 th{
background: #9280B8;
padding:7px 10px;
color: #FFFFFF;
font-weight:normal;
text-align:center;
width: 170px;
}
.sight_box03 td{
background: #F9F7FD;
padding:7px 10px;
text-align:left;
}

.sight_comment{
background: url(../../img/inner/sight_back04.gif) repeat-y left top;
}
.sight_comment02{
background: url(../../img/inner/sight_back03.gif) no-repeat left top;
padding:30px 10px 0px 10px;
}
.sight_comment02 div{
width: 590px;
border-bottom:1px solid #DED8E8;
padding:0px 10px 10px 30px ;
line-height:180%
}








/* special
-----------------------------------------------------------------------*/
.special{
background: #F0F8EE;
width: 684px;
padding:15px 8px 0px 8px;
position:relative;
overflow:hidden;
}

.spe_box{
padding:0px 7px;
float:left;
text-align:center;
line-height:150%;
margin-bottom:15px;
}
.spe_box div{
padding-bottom:5px;
}

.spe_box a:hover img {
-moz-opacity:0.85;
opacity:0.85;
filter: alpha(opacity=85);
} 







/* sitemap
-----------------------------------------------------------------------*/
.sitemap{
width: 700px;
position:relative;
overflow:hidden;
}
.sitemap-l{
width: 310px;
float:left;
padding: 0px 20px;
}
.sitemap-l div{
background:url(../../img/inner/icon02.gif) no-repeat 15px center;
padding: 10px 10px 10px 40px;
line-height:150%;
border-bottom:1px dotted #FFC937;
}
.sitemap-l ul{
width: 270px;
list-style:none;
position:relative;
overflow:hidden;
padding:5px 0px 5px 40px;
}
.sitemap-l li{
background: url(../../img/icon01.gif) no-repeat left center;
padding:5px 0px 5px 10px;
border-bottom:none;
list-style:none;
float:left;
width: 57px;
}



/* privacy
-----------------------------------------------------------------------*/
.privacy h3{
background: url(../../img/inner/icon03.gif) no-repeat 10px center;
border: 1px solid #9BCBE5;
padding:5px 5px 5px 30px;
font-size:14px;
line-height:150%;
}
.privacy p{
padding: 15px 15px 30px 15px;
line-height:180%;
}
.privacy ol{
margin-top:-15px;
padding:0px 15px 30px 35px;
}
.privacy li{
line-height:180%;
}








/* contact
-----------------------------------------------------------------------*/
.contact {
background:#B3CDDF;
width: 650px;
margin: 20px auto 20px auto;
}
.contact th{
background: #F0F7FC;
width: 170px;
padding: 10px 10px;
text-align:left;
}
.contact td{
background: #FFFFFF;
padding: 10px 15px;
text-align:left;
vertical-align: bottom;
}
.contact th.must{
background: url(../../img/inner/must.gif) no-repeat 150px 5px #F0F7FC;
width: 150px;
padding: 10px 10px;
text-align:left;
}


.absored{
font-size:10px;
letter-spacing:1px;
color: #ff0000;
font-weight: normal;
}


.from-50 {width: 100px;margin: 5px 0px 5px 0px;}
.from-100 {width: 100px;margin: 5px 0px 5px 0px;}
.from-150 { width: 150px;margin: 5px 0px 5px 0px;}
.from-200 { width: 200px; margin: 5px 0px 5px 0px;}
.from-250 {width: 250px;margin: 5px 0px 5px 0px;}
.from-300 {width: 300px;margin: 5px 0px 5px 0px;}
.comment_box{
width: 90%;margin: 5px 0px 5px 0px;
height:150px;
}


.contact input:focus,
.contact textarea:focus{
background-color:#FEEEEE;}



/* ragio-btn */
#ITEM01,#ITEM02{ margin-top: -2px;}

.conttxt{
font-size:10px;
letter-spacing:1px;
padding-left: 10px;
}
.error_mail{
padding-bottom: 20px;
color: #CC0000;
}
.mess_button{
margin-top: 20px;
}
.cont-txt02{
font-weight: normal;
}

.txt01{
line-height:180%;
}















/***********************************************************************************

special

***********************************************************************************/


/*+++++++++++++ enku +++++++++++++*/

.enku_box{
width: 660px;
position:relative;
overflow:hidden;
margin-left: auto;
margin-right: auto;
}
.l-box{
float:left;
padding-right:20px;
}
.r-box{
float: right;
padding-left:20px;
}
.enku_box h4{
margin-bottom:15px;
}


.enku01{
width: 445px;
float: right;
}
.enku01_02{
width: 312px;
float: left;
margin-bottom:60px;
}

.enku_navi{
list-style:none;
text-align:center;
padding: 15px 0px;
border-top:1px dotted #8a8a8a;
border-bottom:1px dotted #8a8a8a;
width: 660px;
margin:30px auto 40px auto;
}
.enku_navi li{
display: inline;
background:url(../../img/inner/icon03.gif) no-repeat left center;
padding-left:15px;
padding-right:15px;
}

.enku02{
width: 660px;
background: #D2CAC7;
margin-bottom:20px;
}
th{
background: #E6CCCC;
text-align:center;
padding:5px 0px;
}
.enku02 td{
background: #F6EAE7;
text-align:center;
padding: 5px 10px;
vertical-align:text-bottom;
}
.enku02 td.enku_hi{
background: #FFFFFF !important;
text-align:left !important;
padding: 5px 10px;
}

.enku03{
width: 467px;
float:left;
}
.enku04{
width: 465px;
float:left;
}

.enku05{
width: 424px;
float:left;
}

.enku_box02{
background:url(../../special/mt-img/enku_back.gif) repeat-y left top;
border-top:1px solid #99B562;
border-bottom:1px solid #99B562;
margin: 20px auto 0px auto;
padding:15px;
width:630px;
position:relative;
overflow:hidden;
}
.enku_add{
width:384px;
float:right;
}

.enku06{
width: 385px;
float:left;
}

.in_pagetop{
text-align:right;
padding-top:20px;
margin-bottom:60px;
}












