/*=====================================
民営国民宿舎Webガイド　TOPスタイルシート
=====================================*/

*{margin:0;padding:0;font-size:100%;}
body{text-align:center;color:#333;background:url('../img/bg.jpg');}
a{color:#336600;}
a:hover{color:#8C0003;}
a:active{}
img{border:none;}

/*-- 書式
---------------------------------*/
p{margin:1em 0 1em 1em;}
ul, ol{margin:1em 0 1em 2em;}
li{margin:0.5em 0;}
dl{margin:1em 0 1em 1em;}
dd{margin:0.5em 0 0.5em 1em;}

.t-r{text-align:right;}
.t-l{text-align:left;}
.t-c{text-align:center;}
.v-m{vertical-align:middle;}
.f-l{float:left;}
.f-r{float:right;}
.cl{clear:both;}
.cl-l{clear:left;}
.cl-r{clear:right;}
.t-s{font-size:85%;}
.t-ss{font-size:75%;}

.note{font-size:85%;}
.nw{white-space:nowrap;}
.u{text-decoration:underline;}
.must{font-size:80%;color:red;}
.caution{font-size:80%;color:#555;}
.error{font-weight:bold;color:red;}

.red{color:#8C0003;}
.red-b{color:#8C0003;font-weight:bold;}

.no-disp{position:absolute;top:-9000px;left:-9000px;}

/*-- パーツ
---------------------------------*/
#WRAPPER-1{width:800px;margin:0 auto;text-align:left;background:#fff;}
#WRAPPER-2{position:relative;background:url('../img/wbg.jpg') left top repeat-x;}
#HEADER{}
#TITLE{}
#MENU{position:absolute;left:435px;top:0;height:22px;width:365px;background:url('../img/menu.jpg') left top no-repeat;}
#MAIN{clear:left;padding:0;background:url('../img/main_bg.jpg') left top repeat-y;}
#CONTENTS{margin:0;height:auto !important;min-height:600px;height:600px;}
#TOPIMAGE{height:231px;background:url('../img/top/min_image.jpg') left top no-repeat #8C0003;}
#SIDE{float:right;width:250px;margin:20px 0 30px 0;}
#FRONT{width:540px;margin:20px 0 30px 0;}
#FOOTER{text-align:center;padding-top:15px;width:800px;background:url('../img/fbg.gif') left top repeat-x;height:auto !important;height:60px;min-height:60px;}

/*-- #header 
--------------------*/
#HEADER{}
#HEADER p, #HEADER ul, #HEADER li{margin:0;}
#HEADER a{}
#TITLE{}

/*-- #menu
--------------------*/
#MENU ul{list-style:none;margin:0;}
#MENU li{display:inline;float:left;margin:0;}
#MENU a{display:block;text-indent:-9000px;height:22px;background:url('../img/menu.jpg') left top no-repeat;}
#MENU a:hover{background:url('../img/menu_on.jpg') left top no-repeat;}
#MENU #M-1 a{width:110px;background-position:0 0;}
#MENU #M-1 a:hover{background-position:0 0;}
#MENU #M-2 a{width:88px;background-position:-110px 0;}
#MENU #M-2 a:hover{background-position:-110px 0;}
#MENU #M-3 a{width:88px;background-position:-198px 0;}
#MENU #M-3 a:hover{background-position:-198px 0;}
#MENU #M-4 a{width:79px;background-position:-286px 0;}
#MENU #M-4 a:hover{background-position:-286px 0;}


/*-- #footer 
--------------------*/
#FOOTER{}
#FOOTER p{margin:0;font-size:80%;line-height:140%;}
#FOOTER a{font-weight:bold;color:#333;text-decoration:none;}
#FOOTER a:hover{color:#8C0003;}


/*-- コンテンツページ
---------------------------------*/
#CONTENTS{font-size:90%;}
#CONTENTS p, #CONTENTS li, #CONTENTS dl, #CONTENTS td, #CONTENTS th{line-height:120%;}
#CONTENTS h1{margin:0;}
#CONTENTS h2{margin:0;}
#CONTENTS h3{margin:0;background:url('../img/icon_r1.gif') no-repeat 0 3px;padding:1px 0 0 17px;font-size:110%;}
#CONTENTS p{margin:1em 1em 1em 25px;}
#CONTENTS ul, ol{margin:1em 1em 1em 2em;}
#CONTENTS dl{margin:1em;}

#TOPIMAGE{position:relative;}
#CONTENTS #TOPIMAGE #tooutline{position:absolute;top:204px;right:0;margin:0;}

.list-1,.list-2,.list-3{list-style:none;}
.list-1 li{background:url('../img/icon_r2.gif') no-repeat 0 5px;padding:2px 0 0 17px;line-height:120%;}
.list-2 li{background:url('../img/icon_g1.gif') no-repeat 0 5px;padding:0 0 0 13px;line-height:120%;}
.list-3 li{background:url('../img/icon_r1.gif') no-repeat 0 5px;padding:2px 0 0 17px;line-height:120%;}

#WRAPPER-2{height:auto !important;height:1px;min-height:1px;}


/*-- 宿検索 --*/
#SEARCH{position:relative;height:340px;}
#S-TTL{position:absolute;top:0;left:0;height:40px;width:169px;}
#S-KEY{position:absolute;top:40;left:0;background:url('../img/top/search_key.jpg') left top no-repeat;width:200px;height:235px;}
#S-KEY h3,#S-KEY dt{display:none;}
#S-KEY dl{margin:85px 0 0 25px;}
#S-KEY dd{font-size:9pt;color:#666;}
#S-KEY p{margin:10px 0 0 35px;}
#S-MAP{position:absolute;top:0;left:200;}
#S-MAP h3{display:none;}

/*-- トピックス --*/
#TOPICS{background:url('../img/top/topics_bg.jpg') left bottom no-repeat;padding:0 0 17px 0;}
#TOPICS .list-3{margin:0 30px 0 45px;}
#TOPICS .t-more{margin:0.5em 25px 0 0;text-align:right;}

/*-- バナー --*/
#BANNER{padding-bottom:5px;}
#BANNER p{margin:0 0 10px 0;}

/*-- ピックアップ --*/
.p-list{margin:1em 20px 0 1em;}
.p-list .photo{float:left;margin:0 10px 0.5em 0;}
.p-list .photo img{border:2px solid #E2D1B4;}
.p-list .yname{font-weight:bold;}
.p-list .area{font-size:85%;color:#999933;margin:0.5em 0 0.5em 97px;}
.p-list .point{clear:left;border-bottom:1px dotted #ccc;padding:0 0 1em 45px;margin:0.5em 0 1.5em 0;background:url('../img/top/p_point.jpg') left top no-repeat;}

/*===============================*/