@charset "utf-8";
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: #006699;
	text-decoration: none;
}
a:hover {
	margin: 0;
	padding: 0;
	color: #0099CC;
	text-decoration: underline;
}
img {
	margin: 0;
	padding: 0;
	border: 0;
}
a:hover img {
	filter: alpha(opacity=60);
	opacity: 0.7;
}

.left{float: left;}
.right{float: right;}

/* --------------------------------------------
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;
}
/* 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 {
        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{
        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{
        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{
        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;
		height:468px;
	    background-color:#F5E9D9;
	    margin: 0 auto 10px;
		padding:0 0 0 2px;
		text-align:left;
	    overflow:auto;
	    overflow:hidden;
        line-height: 140%;
	    }
			#contents .con_main table {
                width:221px;
				margin: 5px 2px 0 2px;
				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:#333333;
                line-height: 140%;
	        }
			#contents .con_main table .td1 {
                height:120px;
                vertical-align:top;
                padding-top:5px;
				overflow:hidden;
	        }
			#contents .con_main table .td2 {
                height:180px;
                vertical-align:top;
                padding:0;
				overflow:hidden;
	        }
			#contents .con_main table .td3 {
                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: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;
		float: left;
		margin: 0 6px 0 0;
        display:inline;
	}
    #contents .mokuteki_list p {
        width:203px;
		height:145px;
	    margin-bottom:8px;
		padding-left:5px;
		overflow:hidden;
	}
    #contents .mokuteki_list p img {
	    margin-bottom:5px;
	}
	
	
	#topFootLinkBox{
	background-color:#F5E9D9;
	width:780px;
	height:143px;
	padding:10px;
	margin:20px auto;
}
    * html #topFootLinkBox{
	background-color:#F5E9D9;
	width:780px;
	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;
    }