@charset "utf-8";
/*=======================================================================
index
=======================================================================*/

body {
	margin: 0 auto;
	padding: 0;
	color: #000;
    background:url(../img/img_index/bg_body.gif) 0 0;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 84%;
    text-align:center;
}
h1,h2,h3,h4,div,p,a,ul,ol,li {
	margin: 0;
	padding: 0;
}
a {
    color:#9C7B52;
	text-decoration: underline;
}
a:hover {
	margin: 0;
	padding: 0;
    color:#9C7B52;
	text-decoration: none;
}
img {
	margin: 0;
	padding: 0;
	border: 0;
}
a:hover img {
	filter: alpha(opacity=60);
	opacity: 0.7;
}

.left{float: left;}
.right{float: right;}
.center {text-align: center;}
.caption {font-size: 0.9em;}

/* --------------------------------------------
clear fix  */

.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clear {
	display: inline-table;
	zoom: 1;
}
/* Hides from IE-mac \*/
* html .clear {
	height: 1%;
}
.clear {
	display: block;
	clear:both
}
/* End hide from IE-mac */

/* --------------------------------------------
wrapper  */

#wrapper {
    width: 950px;
    background-color:#FFFFFF;
    margin: 0 auto;
    text-align:center
}

/* --------------------------------------------
header  */

#header {
    width: 946px;
    height: 92px;
    margin: 0px auto;
	background: url(../img/img_index/bg_header.jpg) no-repeat 0 0;
    position:relative;
	}
    #header h1 {
        width:300px;
        height:30px;
        background:url(../img/img_index/title.gif) no-repeat 0 0;
        position:absolute;
        top:35px;
        left:20px;
        text-indent: -9999px;
	}
	#header h2 {
        width:236px;
        height:25px;
        background:url(../img/img_index/logo_sub.gif) no-repeat 0 0;
        position:absolute;
        top:35px;
        left:206px;
        text-indent: -9999px;
	}
    #header .top_nav1 {
        width:61px;
        height:29px;
        position:absolute;
        background:url(../img/img_index/header_nav1.jpg) no-repeat 0 0;
        top:4px;
        right:149px;
        text-indent: -9999px;
	}
    #header .top_nav2 {
        width:54px;
        height:29px;
        position:absolute;
        background:url(../img/img_index/header_nav2.jpg) no-repeat 0 0;
        top:4px;
        right:95px;
        text-indent: -9999px;
	}
    #header .top_nav3 {
        width:88px;
        height:29px;
        position:absolute;
        background:url(../img/img_index/header_nav3.jpg) no-repeat 0 0;
        top:4px;
        right:7px;
        text-indent: -9999px;
	}
    #header .header_plan {
        width:182px;
        height:46px;
        position:absolute;
        top:35px;
        right:188px;
	}
    #header .header_yoyaku {
        width:180px;
        height:46px;
        position:absolute;
        top:35px;
        right:7px;
	}

    #header h1 a,
    #header .top_nav1 a,
    #header .top_nav2 a,
    #header .top_nav3 a,
    #header .header_plan a,
    #header .header_yoyaku a{
        display:block;
        width:100%;
        height:100%;
        outline:none;
    }


/* --------------------------------------------
Global Navigation  */

#gnav {
    width: 946px;
    height: 65px;
    margin: 0 auto;
	}
    #gnav ul li {
        float:left;
        list-style:none;
        text-indent:-9999px;
	}
    #gnav .gnav1 a {
        width:236px;
        height:65px;
        background:url(../img/img_index/gnav1.jpg) no-repeat 0 0;
        }
    #gnav .gnav1 a:hover,
    #gnav .gnav1_link a {
        width:236px;
        height:65px;
        background:url(../img/img_index/gnav1_o.jpg) no-repeat 0 0;
        }
    #gnav .gnav2 a{
        width:237px;
        height:65px;
        background:url(../img/img_index/gnav2.jpg) no-repeat 0 0;
	}
    #gnav .gnav2 a:hover,
    #gnav .gnav2_link a {
        width:237px;
        height:65px;
        background:url(../img/img_index/gnav2_o.jpg) no-repeat 0 0;
	}
    #gnav .gnav3 a{
        width:237px;
        height:65px;
        background:url(../img/img_index/gnav3.jpg) no-repeat 0 0;
	}
    #gnav .gnav3 a:hover,
    #gnav .gnav3_link a {
        width:237px;
        height:65px;
        background:url(../img/img_index/gnav3_o.jpg) no-repeat 0 0;
	}
    #gnav .gnav4 a{
        width:236px;
        height:65px;
        background:url(../img/img_index/gnav4.jpg) no-repeat 0 0;
	}
    #gnav .gnav4 a:hover,
    #gnav .gnav4_link a {
        width:236px;
        height:65px;
        background:url(../img/img_index/gnav4_o.jpg) no-repeat 0 0;
	}
    #gnav a{
        display:block;
        width: 100%;
        height: 100%;
        outline:none;
	}
	
/* --------------------------------------------
Contents  */

#contents {
    width:910px;
	margin: 12px auto 0;
	overflow:auto;
    overflow:hidden;
	}
	/*おもてなし*/
	#contents .con_main {
        width:910px;
	    background-color:#F5E9D9;
	    margin: 0 auto 35px;
		text-align:left;
	    overflow:auto;
	    overflow:hidden;
        line-height: 140%;
	    }
			#contents .con_main table {
                width:222px;
				margin: 5px 0 0 4px;
				float:left;
	        }
			#contents .con_main table td {
                background:url(../img/img_index/con_main_bg.gif) repeat-y 0 0;
	        }
			#contents .con_main table td p {
                width:150px;
				margin:2px 0 0 61px;
				text-align: left;
                color:#666666;
                line-height: 140%;
	        }
			#contents .con_main table .td1 {
                height:215px;
                vertical-align:top;
                padding:3px 0;
                font-size:84%;
	        }
			#contents .con_main table .td2 {
                background:url(../img/img_index/con_main_bg_foot.gif) no-repeat 0 0;
	        }

    /*目的から選ぶ*/
	h3{
	    margin:5px 0 10px;
		}
	#contents .con_mokuteki {
        width:887px;
	    margin: 0 auto 15px;
		text-align:left;
	    overflow:auto;
        overflow:hidden;
        color:#666666;
	    }
        #contents .mokuteki_list {
            width:213px;
	        background: url(../img/img_index/con_mokuteki_bg.gif) repeat-y 0 0;
		    text-align:left;
			border: 1px solid #DDDBDC;
			font-size: 0.8em;
			float: left;
			margin: 0 6px 0 0;
            display:inline;
            height:210px;
	    }
            #contents .mokuteki_list p {
            width:190px;
	        margin: 5px 0 8px 12px;
	    }

	#topFootLinkBox{
	background-color:#F5E9D9;
	width:780px;
	height:143px;
	padding:10px;
	margin:20px auto;
}

#topFootLinkBoxLeft{
	background-color:#FFF;
	width:347px;
	height:125px;
	border: 1px solid #BDBDBD;
	padding:16px 14px 0px 13px;
	float:left;
}

#btnHpPlan a{
	width:347px;
	height:57px;
}

#btnHpPlan a:hover{
	background-position:0px -57px;
}

#hpPlanText{
	width:340px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CDCDCD;
	margin:12px auto 0px auto;
	padding:12px 0px 0px 5px;
}

#hpPlanText p{
	font-size:12px;
	color:#333;
	line-height:130%;
	padding-left:10px;
}

/* safari 3.0用ハック */
@media screen and (-webkit-min-device-pixel-ratio:0){
#hpPlanText p{
	font-size:12px;
	color:#333;
	line-height:130%;
	letter-spacing:-0.1em;
	text-align:center;
}
}

#topFootLinkBoxRight{
	background-color:#FFF;
	width:347px;
	height:125px;
	border: 1px solid #BDBDBD;
	padding:16px 14px 0px 13px;
	float:right;
}

#btnRevervePri p{
	width:347px;
	height:65px;
}

#revervePriText{
	font-size:12px;
	color:#333;
	line-height:200%;
	padding:10px 0 0 30px;
}

#revervePriTel{
	background-image:url(../img/dougasima_re/img_common/tel_number.gif);
	background-repeat:no-repeat;
	width:192px;
	height:21px;
	text-indent:-9999px;
	margin:0px auto;
}


		
/* --------------------------------------------
footer  */

#footer {
    width:946px;
    height:110px;
    background: url(../img/img_index/footer_bg.gif) repeat-x 0 0;
    position:relative;
	margin:0 auto;
    }
    #footer .pagetop{
        width:136px;
	height:22px;
	position:absolute;
        top:0px;
        right:0px;
	}
	#footer .link{
		position:absolute;
        top:35px;
        left:230px;
	    color: #fff;
	}
	#footer .tel{
		position:absolute;
        top:66px;
        left:220px;
	    color: #fff;
        font-weight:bold;
	}
	#footer .link a {
	    color: #fff;
	    text-decoration: underline;
    }
	#footer .link a:hover {
	    color: #fff;
	    text-decoration: none;
    }
/* --------------------------------------------
Copy  */

#copy {
    width: 896px;
    text-align:left;
    margin: 23px auto 0 ;
    }
    #copy h2{
        margin: 0 0 ;
    }
    #copy h3{
        margin: 0 0 10px 0;
    }
/*=======================================================================
omotenashi.html
=======================================================================*/

#contents_box {
    width:855px;
	margin: 20px auto 0;
	overflow:auto;
    overflow:hidden;
	}
    #contents_box .con_omotenashi{
        margin-top:21px;
        clear:both;
    }
    #contents_box .con_left {
        width:286px;
	    float:left;
        display:inline;
	}
    #contents_box .con_right {
        width:550px;
	    float:right;
        background-color:#fff;
        text-align:left;
        display:inline;
	}
        #contents_box .con_right h4 {
            margin: 4px 0 0 0;
    	}
        #contents_box .con_right p{
            color:#333;
            margin: 18px 0 23px 0;
            line-height:140%;
    	}
        #contents_box .con_right ul{
            list-style:none;
            margin: 8px 0 0 13px;
    	}
            #contents_box .con_right ul li{
                float:left;
                margin-right:7px;
    	    }
            #contents_box .con_right ul li a{
                color:#9C7B52;
                text-decoration:underline;
    	    }
            #contents_box .con_right ul li a:hover{
                color:#9C7B52;
                text-decoration:none;
    	    }
	    
		#contents_box #sisetsu_box {
		width:860px;
		padding:10px 0 0 0;
		margin:0;
		}
		
		#contents_box .con_left2 {
        width:200px;
	    float:left;
        display:inline;
	    }
        #contents_box .con_right2 {
        width:225px;
	    float:right;
        background-color:#fff;
        text-align:left;
        display:inline;
	    }
        #contents_box .con_right2 h4 {
            margin: 4px 0 0 0;
    	}
        #contents_box .con_right2 p{
            color:#333;
            margin: 18px 10px 23px 0;
            line-height:140%;
    	}
		#contents_box table p.big{
            color:#333;
            margin: 25px 0 13px 0;
			font-size:110%;
            line-height:120%;
    	}

    #contents_box .btn_yoyaku{
        margin:20px 0 40px 0;
    }

/*=======================================================================
guestroom.html
=======================================================================*/
	h5{
	    float:left;
		margin: 10px 0 0;
		clear:both;
		}
    #contents_box .con_guestroom{
        margin-top:0px;
        clear:both;
    }
    #contents_box .con_left {
        width:286px;
	    float:left;
        display:inline;
	}
    #contents_box .con_right {
        width:550px;
	    float:right;
        background-color:#fff;
        text-align:left;
        display:inline;
	}
    #contents_box .shisetsu_over{
    background :url(../img/img_guestroom/photo10.jpg) 0 0;
    text-indent:-9999px;
    width:286px;
    height:199px;
    }
    #contents_box .shisetsu_over a {
    background :url(../img/img_guestroom/photo10.jpg) 0 0;
    text-indent:-9999px;
    width:286px;
    height:199px;
    }
    #contents_box .shisetsu_over a:hover {
    background :url(../img/img_guestroom/photo10.jpg) 0 -199px;
    text-indent:-9999px;
    width:286px;
    height:199px;
    }
    #contents_box .shisetsu_over a{
        display:block;
        width: 100%;
        height: 100%;
        outline:none;
	}

/*=======================================================================
dining.html
=======================================================================*/

    #contents_box .osusume_dining{
	    width:852px;
        margin:0 auto;
        clear:both;
		text-align:left;
    }
    #contents_box .dining1{
	    width:413px;
		height:276px;
        border: 1px solid #DCDED9;	
		position:relative;
		float:left;
    }
	    #contents_box .dining2{
	    width:413px;
		height:276px;
        border: 1px solid #DCDED9;	
		position:relative;
		float:right;
    }
	    #contents_box .osusume_photo{
	    position:absolute;
		top:31px;
		left:0;
    }
		#contents_box .dining1 p,
		#contents_box .dining2 p{
		width:180px;
	    position:absolute;
		top:47px;
		left:217px;
    }
	#contents_box .btn_osusume{
	    position:absolute;
		top:221px;
		left:212px;
    }
	#contents_box .clear_osusume{
	    clear:both;
		height:20px;
		}
    #contents_box .dining_table1{
        font-size: 1.0em;
    }

/*=======================================================================
hotspring.html
=======================================================================*/
	#contents_box .hotsp_kounou{
	    width:857px;
		text-align:left;
		margin: 40px 0 0 0;
		}
		#contents_box .hotsp_kounou p{
	        width:755px;
		    text-align:left;
			float:right;
		}
    #contents_box .btn_yoyaku{
        margin:20px 0 40px 0;
    }


/*=======================================================================
access.html
=======================================================================*/

    #contents_box .access_case{
	    float:left;
		margin: 15px 0;
		}
	#contents_box .access_text {
	    font-size:110%;
		}

/*=======================================================================
faq.html
=======================================================================*/
	.faq_box{
	    width:850px;
		height:auto;
		background-color:#F0F0F0;
		color:#80362D;
		text-align:left;
		margin: 0 0 20px 0;
		}
		.faq_box a{
		    color:#80362D;
			text-decoration:underline;
		}
		.faq_box a:hover{
		    color:#80362D;
			text-decoration:none;
		}
		.faq_box table{
		    width:820px;
		    margin:19px 0 19px 15px;
        font-size:1.0em;
		}
		.faq_box table td{
		    height:23px;
		    color:#80362D;
            line-height: 180%;
		}
	p.oheya01,
	p.oheya02,
	p.oheya03,
	p.oheya04,
	p.oheya05,
	p.oheya06,
	p.oheya07,
	p.sonota01,
	p.sonota02,
	p.sonota03,
	p.sonota04,
	p.sonota05,
	p.sonota06,
	p.sonota07,
	p.sonota08,
	p.sonota09,
	p.sonota10,
	p.sonota11,
	p.sonota12,
	p.sonota13,
	p.sonota14,
	p.sonota15,
	p.sonota16,
	p.sonota17,
	p.sonota18,
	p.sonota19,
	p.sonota20{
	    float:left;
		margin: 5px 0 10px;
		clear:both;
        width:850px;
        height:30px;
		}

	p.oheya01{background: url(../img/img_faq/h4_oheya01.gif) no-repeat 0 0;}
	p.oheya02{background: url(../img/img_faq/h4_oheya02.gif) no-repeat 0 0;}
	p.oheya03{background: url(../img/img_faq/h4_oheya03.gif) no-repeat 0 0;}
	p.oheya04{background: url(../img/img_faq/h4_oheya04.gif) no-repeat 0 0;}
	p.oheya05{background: url(../img/img_faq/h4_oheya05.gif) no-repeat 0 0;}
	p.oheya06{background: url(../img/img_faq/h4_oheya06.gif) no-repeat 0 0;}
	p.oheya07{background: url(../img/img_faq/h4_oheya07.gif) no-repeat 0 0;}
	p.sonota01{background: url(../img/img_faq/h4_sonota01.gif) no-repeat 0 0;}
	p.sonota02{background: url(../img/img_faq/h4_sonota02.gif) no-repeat 0 0;}
	p.sonota03{background: url(../img/img_faq/h4_sonota03.gif) no-repeat 0 0;}
	p.sonota04{background: url(../img/img_faq/h4_sonota04.gif) no-repeat 0 0;}
	p.sonota05{background: url(../img/img_faq/h4_sonota05.gif) no-repeat 0 0;}
	p.sonota06{background: url(../img/img_faq/h4_sonota06.gif) no-repeat 0 0;}
	p.sonota07{background: url(../img/img_faq/h4_sonota07.gif) no-repeat 0 0;}
	p.sonota08{background: url(../img/img_faq/h4_sonota08.gif) no-repeat 0 0;}
	p.sonota09{background: url(../img/img_faq/h4_sonota09.gif) no-repeat 0 0;}
	p.sonota10{background: url(../img/img_faq/h4_sonota10.gif) no-repeat 0 0;}
	p.sonota11{background: url(../img/img_faq/h4_sonota11.gif) no-repeat 0 0;}
	p.sonota12{background: url(../img/img_faq/h4_sonota12.gif) no-repeat 0 0;}
	p.sonota13{background: url(../img/img_faq/h4_sonota13.gif) no-repeat 0 0;}
	p.sonota14{background: url(../img/img_faq/h4_sonota14.gif) no-repeat 0 0;}
	p.sonota15{background: url(../img/img_faq/h4_sonota15.gif) no-repeat 0 0;}
	p.sonota16{background: url(../img/img_faq/h4_sonota16.gif) no-repeat 0 0;}
	p.sonota17{background: url(../img/img_faq/h4_sonota17.gif) no-repeat 0 0;}
	p.sonota18{background: url(../img/img_faq/h4_sonota18.gif) no-repeat 0 0;}
	p.sonota19{background: url(../img/img_faq/h4_sonota19.gif) no-repeat 0 0;}
	p.sonota20{background: url(../img/img_faq/h4_sonota20.gif) no-repeat 0 0;}

	#contents_box .answer{
	    width:850px;
		text-align:left;
		margin: 0 0 0 0;
		}
	    #contents_box .answer span.a{
	    width:20px;
        height:30px;
        background: url(../img/img_faq/h4_a.gif) no-repeat 0 0;
        float:left;
		}
		#contents_box .answer p{
	        width:820px;
		    text-align:left;
			float:right;
            margin: 5px 0 25px;
		}
    h5.h_oheya,
    h5.h_syoku,
    h5.h_ofuro,
    h5.h_sonota{
        margin:10px 0 15px;
        width:300px;
        height:49px;
    }
    h5.h_oheya{background: url(../img/img_faq/h5_oheya.gif) no-repeat 0 0;}
    h5.h_syoku{background: url(../img/img_faq/h5_syoku.gif) no-repeat 0 0;}
    h5.h_ofuro{background: url(../img/img_faq/h5_ofuro.gif) no-repeat 0 0;}
    h5.h_sonota{background: url(../img/img_faq/h5_sonota.gif) no-repeat 0 0;}

    p.oheya01_q,
    p.oheya02_q,
    p.oheya03_q,
    p.oheya04_q,
    p.oheya05_q,
    p.oheya06_q,
    p.oheya07_q,
    p.sonota01_q,
    p.sonota02_q,
    p.sonota03_q,
    p.sonota04_q,
    p.sonota05_q,
    p.sonota06_q,
    p.sonota07_q,
    p.sonota08_q,
    p.sonota09_q,
    p.sonota10_q,
    p.sonota11_q,
    p.sonota12_q,
    p.sonota13_q,
    p.sonota14_q,
    p.sonota15_q,
    p.sonota16_q,
    p.sonota17_q,
    p.sonota18_q,
    p.sonota19_q,
    p.sonota20_q{
        width:830px;
    }
	
    p.oheya01_q{background: url(../img/img_faq/h4_oheya01_q.gif) no-repeat 0 0; height:12px;}
    p.oheya02_q{background: url(../img/img_faq/h4_oheya02_q.gif) no-repeat 0 0; height:12px;}
    p.oheya03_q{background: url(../img/img_faq/h4_oheya03_q.gif) no-repeat 0 0; height:12px;}
    p.oheya04_q{background: url(../img/img_faq/h4_oheya04_q.gif) no-repeat 0 0; height:12px;}
    p.oheya05_q{background: url(../img/img_faq/h4_oheya05_q.gif) no-repeat 0 0; height:43px;}
    p.oheya06_q{background: url(../img/img_faq/h4_oheya06_q.gif) no-repeat 0 0; height:28px;}
    p.oheya07_q{background: url(../img/img_faq/h4_oheya07_q.gif) no-repeat 0 0; height:12px;}
    p.sonota01_q{background: url(../img/img_faq/h4_sonota01_q.gif) no-repeat 0 0; height:28px;}
    p.sonota02_q{background: url(../img/img_faq/h4_sonota02_q.gif) no-repeat 0 0; height:12px;}
    p.sonota03_q{background: url(../img/img_faq/h4_sonota03_q.gif) no-repeat 0 0; height:43px;}
    p.sonota04_q{background: url(../img/img_faq/h4_sonota04_q.gif) no-repeat 0 0; height:12px;}
    p.sonota05_q{background: url(../img/img_faq/h4_sonota05_q.gif) no-repeat 0 0; height:12px;}
    p.sonota06_q{background: url(../img/img_faq/h4_sonota06_q.gif) no-repeat 0 0; height:12px;}
    p.sonota07_q{background: url(../img/img_faq/h4_sonota07_q.gif) no-repeat 0 0; height:60px;}
    p.sonota08_q{background: url(../img/img_faq/h4_sonota08_q.gif) no-repeat 0 0; height:123px;}
    p.sonota09_q{background: url(../img/img_faq/h4_sonota09_q.gif) no-repeat 0 0; height:12px;}
    p.sonota10_q{background: url(../img/img_faq/h4_sonota10_q.gif) no-repeat 0 0; height:12px;}
    p.sonota11_q{background: url(../img/img_faq/h4_sonota11_q.gif) no-repeat 0 0; height:28px;}
    p.sonota12_q{background: url(../img/img_faq/h4_sonota12_q.gif) no-repeat 0 0; height:12px;}
    p.sonota13_q{background: url(../img/img_faq/h4_sonota13_q.gif) no-repeat 0 0; height:12px;}
    p.sonota14_q{background: url(../img/img_faq/h4_sonota14_q.gif) no-repeat 0 0; height:12px;}
    p.sonota15_q{background: url(../img/img_faq/h4_sonota15_q.gif) no-repeat 0 0; height:12px;}
    p.sonota16_q{background: url(../img/img_faq/h4_sonota16_q.gif) no-repeat 0 0; height:60px;}
    p.sonota17_q{background: url(../img/img_faq/h4_sonota17_q.gif) no-repeat 0 0; height:12px;}
    p.sonota18_q{background: url(../img/img_faq/h4_sonota18_q.gif) no-repeat 0 0; height:12px;}
    p.sonota19_q{background: url(../img/img_faq/h4_sonota19_q.gif) no-repeat 0 0; height:12px;}
    p.sonota20_q{background: url(../img/img_faq/h4_sonota20_q.gif) no-repeat 0 0; height:12px;}


/*=======================================================================
Google map
=======================================================================*/

h6{
	font-size: 1.0em;
	font:#888;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, Helvetica, Arial, "MS PゴシチE", sans-serif;
	font-weight: bold;
    margin:5px 0;
}
h7{
	font-size: 0.8em;
	font: #888; 
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, Helvetica, Arial, "MS PゴシチE", sans-serif;
	text-align:left;
    line-height:1.0;
    margin:0 0;
}