@charset "UTF-8";

/*

=1
ヘッダー
#header


=2
グローバルナビ
#navi


=3
フッター
#footer


=4
404ページ
#404


=5
パンくずリスト
#pan


=6
グーグルマップ
#gmap


=7
一覧・詳細ページ下部バナー
#banner


=8
お問い合せ
#otoiawase



*/






/*

	reset
	
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{
margin:0;padding:0;
}
h1,h2,h3,h4,h5{
font-size:medium;
font-weight:normal;
}


fieldset,img{
border:0;
}
table{
border-collapse:collapse;border-spacing:0;
}
address,caption,cite,code,dfn,em,th,var{
font-style:normal;font-weight:normal;
}
ol,ul{
list-style:none;
}

p{
font-size:0.75em;
color:#333333;
}

.clear{
clear:both;
}

.clearfix:after {
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
}
a{
text-decoration:none;
color:#0071bb;
}
a:visited{
text-decoration:none;
color:#0071bb;
}
a:hover{
color:#F6921E;
text-decoration:underline;
}




/*

	main
	
*/

body{
background:#FFFFFF url(../images/bg_body.gif) left top repeat-x;
}

#wrapper{
width:820px;
padding:0 15px;
margin:0 auto;
background:#FFFFFF;
}

.arrow_link{
background:url(../images/arrow_link.gif) no-repeat left center;
min-height:12px;
padding-left:13px;
}

.arrow_gototop{
background:url(../images/arrow_gototop.gif) no-repeat left center;
padding:10px 0 10px 17px;
}

.arrow_back{
background:url(../images/detail/arrow_back.gif) no-repeat left center;
padding-left:13px;
}

.right{
float:right;
}

.left{
float:right;
}

.emptyTable{
height:150px;
}


/*□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■

	=1

	ヘッダー

	#header
	
□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□*/

div#header{
width:820px;
}

div#header h1{
width:196px;
height:48px;
padding-top:10px;
margin-right:40px;
float:left;
}

div#header .header_logo{
width:196px;
height:48px;
padding-top:10px;
margin-right:40px;
float:left;
}

div#header p.p_about{
width:380px;
color:#333333;
padding-top:20px;
margin-right:40px;
float:left;
}

div#header p.btn_about_group{
width:157px;
height:31px;
text-indent:-9999px;
float:left;
}

div#header p.btn_about_group a{
display:block;
width:157px;
height:31px;
overflow:hidden;
background:url(../images/group_btn.gif) no-repeat;
}

div#header p.btn_about_group a:hover{
background:url(../images/group_btn_o.gif) no-repeat;
}


/*□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■

	=2

	グローバルナビ

	#navi
	
□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■*/

div#header ul#navi{
width:820px;
margin-top:15px;
clear:both;
float:left;
}

div#header ul#navi li{
float:left;
height:60px;
overflow:hidden;
text-indent:-9999px;
background:url(../images/navi.gif) no-repeat;
}

div#header ul#navi li a{
display:block;
background:url(../images/navi.gif) no-repeat;
height:60px;
overflow:hidden;
}

div#header ul#navi li.navi01 a{
width:145px;
}
div#header ul#navi li.navi02 a{
width:126px;
background-position:-145px 0;
}
div#header ul#navi li.navi03 a{
width:125px;
background-position:-271px 0;
}
div#header ul#navi li.navi04 a{
width:105px;
background-position:-396px 0;
}
div#header ul#navi li.navi05 a{
width:143px;
background-position:-501px 0;
}
div#header ul#navi li.navi06 a{
width:94px;
background-position:-644px 0;
}
div#header ul#navi li.navi07 a{
width:82px;
background-position:-738px 0;
}

div#header ul#navi li.navi01 a:hover{
width:145px;
background-position:0 -60px;
}
div#header ul#navi li.navi02 a:hover{
width:126px;
background-position:-145px -60px;
}
div#header ul#navi li.navi03 a:hover{
width:125px;
background-position:-271px -60px;
}
div#header ul#navi li.navi04 a:hover{
width:105px;
background-position:-396px -60px;
}
div#header ul#navi li.navi05 a:hover{
width:143px;
background-position:-501px -60px;
}
div#header ul#navi li.navi06 a:hover{
width:94px;
background-position:-644px -60px;
}
div#header ul#navi li.navi07 a:hover{
width:82px;
background-position:-738px -60px;
}


/*カレントページ*/

div#header ul#navi li.current01{
width:145px;
background-position:0 -60px;
}

div#header ul#navi li.current02{
width:126px;
background-position:-145px -60px;
}
div#header ul#navi li.current03{
width:125px;
background-position:-271px -60px;
}
div#header ul#navi li.current04{
width:105px;
background-position:-396px -60px;
}
div#header ul#navi li.current05{
width:143px;
background-position:-501px -60px;
}
div#header ul#navi li.current06{
width:94px;
background-position:-644px -60px;
}
div#header ul#navi li.current07{
width:82px;
background-position:-738px -60px;
}

/*□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■

	=3

	フッター

	#footer
	
□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□*/

div#footer{
width:820px;
clear:both;
float:left;
background:url(../images/bg_footer.gif) no-repeat top;
margin-top:20px;
padding-top:77px;
}

*html div#footer{
width:820px;
clear:both;
float:left;
background:url(../images/bg_footer.gif) no-repeat top;
margin-top:20px;
padding-top:77px;
}

div#footer div.footer_left{
width:220px;
margin-right:70px;
float:left;
background:url(../images/footer_line.gif) no-repeat bottom;
padding-bottom:8px;
}

div#footer div.footer_right{
width:530px;
float:right;
}

div#footer h3{
font-size:18px;
font-weight:normal;
color:#333333;
margin-top:20px;
font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W5";
width:220px;
background:url(../images/footer_line.gif) no-repeat top;
padding-top:8px;

}

div#footer p.p_tell{
font-size:16px;
color:#FF6600;
font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W5";
margin-top:5px;
}

div#footer p.p_time{
margin-top:5px;
font-size:14px;
}

div#footer p.p_toiawase{
margin-top:5px;
}

div#footer ul{
float:left;
width:530px;
}

div#footer ul li{
font-size:0.75em;
float:left;
color:#0071bb;
}

div#footer ul.ul_footer01{
clear:both;
margin-top:10px;
}
div#footer ul.ul_footer02{
clear:both;
margin-top:10px;
}
div#footer ul.ul_footer03{
clear:both;
margin-top:20px;
}


div#copyright{
width:820px;
clear:both;
}

p.copyright{
clear:both;
margin:15px 0 0 0;
float:right;
background:url(../images/copyright.gif) no-repeat;
width:231px;
height:15px;
text-indent:-9999px;
}



/*□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■

	=4

	404ページ

	#box_404
	
□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□*/

div#box_404{
width:767px;
height:400px;
padding-left:52px;
float:left;
clear:both;
}

div#box_404 img.img_404{
display:block;
width:715px;
height:188px;
margin:40px auto 0 auto;
}

div#box_404 p.link_404{
width:11em;
margin:0 auto;

}



/*□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■

	=5

	パンくずリスト
	
	#pan
	
□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■*/

ul#pan{
clear:both;
width:820px;
float:left;
margin-top:10px;
}

ul#pan li{
font-size:0.75em;
float:left;
}

ul#pan li.pan_home{
margin-right:5px;
}

ul#pan li.pan_link{
background:url(../images/arrow_pan.gif) left center no-repeat;
padding-left:13px;
margin-right:5px;
}


ul#pan li.pan_current{
background:url(../images/arrow_pan.gif) left center no-repeat;
padding-left:13px;
}


/*□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■

	=6

	グーグルマップ
	
	#gmap
	
□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■*/



#gmap{
display:none;
width:370px;
height:300px;
margin-top:10px;
}
.dt_gmap{
color:#DF4A5E;
min-height:20px;

}





/*□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■

	=7

	一覧・詳細ページ用下部バナー
	
	#bunjo_banner
	
□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■*/
/*--------------------------------------------------------------

	#bunjo_banner

--------------------------------------------------------------*/
ul#bunjo_banner{
float:left;
margin-top:40px;
clear:both;
width:820px;
}

ul#bunjo_banner li a{
width:390px;
height:70px;
overflow:hidden;
}

ul#bunjo_banner li.banner_ta{
text-indent:-9999px;
width:390px;
float:left;
}
ul#bunjo_banner li.banner_guesthouse{
text-indent:-9999px;
width:390px;
float:right;
}
ul#bunjo_banner li{
text-indent:-9999px;
width:390px;
float:left;
}

ul#bunjo_banner li.banner_ta a{
display:block;
background:url(../images/list/banner_ta.jpg) no-repeat;
width:390px;
height:70px;
margin-right:40px;
}


ul#bunjo_banner li.banner_guesthouse a{
display:block;
background:url(../images/list/banner_guesthouse.jpg) no-repeat;
width:390px;
height:70px;
}

ul#bunjo_banner li.banner_ji a{
display:block;
background:url(../images/list/banner_ji.jpg) no-repeat;
width:390px;
height:70px;
}





/*□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■

	=8

	お問い合せ
	
	#otoiawase
	
□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■*/

div#otoiawase{
width:820px;
float:left;
clear:both;
}


div#otoiawase h1{

background:url(../images/form/h1_otoiawase.jpg) no-repeat;
width:820px;
height:60px;
text-indent:-9999px;
margin-top:20px;
}

div#otoiawase .tellinfo{
width:800px;
background:url(../images/form/tellinfo.jpg) no-repeat;
width:800px;
height:80px;
text-indent:-9999px;
margin-top:10px;
}


div#otoiawase #wrap01{
border:1px solid #1B5BAD;
width:800px;
margin:20px auto 0 auto;

clear:both;
}

div#otoiawase #wrap01 .p01{
padding:15px;
}


div#otoiawase #wrap01 h2{
margin-left:15px;
}


div#otoiawase #wrap01 .h2_02{
margin-top:30px;
}



div#otoiawase #wrap01 p.btn_form{
width:231px;
height:51px;
margin:20px auto;
}




/*□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■

	=p

	印刷用
	
	
	
□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■*/
@media print{
body{
background:#FFFFFF;
}
#wrapper{
width:100%;
padding:0 15px;
background:#FFFFFF;
}


div#header{
width:820px;
}

div#header h1{
width:196px;
height:48px;
padding-top:10px;
margin-right:40px;
float:left;
}

div#header .header_logo{
width:196px;
height:48px;
padding-top:10px;
margin-right:40px;
float:left;
}

div#header p.p_about{
width:380px;
color:#333333;
padding-top:20px;
margin-right:40px;
float:left;
}

div#header p.btn_about_group{
width:157px;
height:31px;
text-indent:-9999px;
float:left;
}

div#header p.btn_about_group a{
display:block;
width:157px;
height:31px;
overflow:hidden;
background:url(../images/group_btn.gif) no-repeat;
}


div#header ul#navi{
width:820px;
margin-top:15px;
clear:both;
float:left;
}

div#header ul#navi li{
float:left;
}

div#header ul#navi li a{
display:block;
background:url(../images/navi.gif) no-repeat;
height:60px;
overflow:hidden;
text-indent:-9999px;
}

div#header ul#navi li.navi01 a{

width:145px;
}
div#header ul#navi li.navi02 a{
width:126px;
background-position:-145px 0;
}
div#header ul#navi li.navi03 a{
width:125px;
background-position:-271px 0;
}
div#header ul#navi li.navi04 a{
width:105px;
background-position:-396px 0;
}
div#header ul#navi li.navi05 a{
width:143px;
background-position:-501px 0;
}
div#header ul#navi li.navi06 a{
width:94px;
background-position:-644px 0;
}
div#header ul#navi li.navi07 a{
width:82px;
background-position:-738px 0;
}



div#detail_top{
float:left;
width:820px;
clear:both;
margin-top:30px;
}

div#detail_top h1{
background:url(../images/h2_maker.gif) no-repeat left center;
padding-left:23px;
min-height:18px;
border-bottom:2px dotted #0071BC;
padding-bottom:3px;
}


div#detail_top p{
font-size:0.875em;
line-height:1.5em;
}


/*--------------------------------

	#detail_top_left

--------------------------------*/


div#detail_top div#detail_top_left{
width:420px;
float:left;
padding-left:20px;
margin-right:30px;
margin-top:20px;
}


div#detail_top div#detail_top_left table{
margin-top:30px;
width:420px;
}



table th{
font-size:0.75em;
text-align:left;
width:6em;
padding:3px;
}


td{
font-size:0.75em;
color:#333333;
padding:5px;
line-height:1.5em;
}


.border_bot{
border-bottom:2px dotted #CCCCCC;
}


div#detail_top_left li a{
display:block;
overflow:hidden;
}

div#detail_top_left li.li01 a{
width:77px;
height:33px;
}

div#detail_top_left li.li02 a{
width:77px;
height:33px;
}

div#detail_top_left li.li03 a{
width:91px;
height:33px;
}

div#detail_top_left li.li04 a{
width:105px;
height:33px;
}
/*--------------------------------

	#detail_top_right

--------------------------------*/

div#detail_top_right{
width:320px;
float:left;
margin-top:20px;
}


div#detail_top_right img{
display:block;
float:left;
}


div#detail_top div#detail_top_left .tmb01{
width:320px;
height:320px;
overflow:hidden;
}

div#detail_top div#detail_top_right .tmb02{
width:80px;
height:80px;
overflow:hidden;
margin-top:1px;
}

div#detail_top div#detail_top_right .tmb03{
width:80px;
height:80px;
overflow:hidden;
margin-top:1px;
}

div#detail_top div#detail_top_right .tmb04{
width:80px;
height:80px;
overflow:hidden;
margin-top:1px;
}

div#detail_top div#detail_top_right .tmb05{
width:80px;
height:80px;
overflow:hidden;
margin-top:1px;
}








div#detail_top ul{
width:380px;
margin:30px auto 0 auto;
}


div#detail_top ul li{

height:33px;
text-indent:-9999px;
float:left;

}

div#detail_top ul li.li01{

background:url(../images/detail/btn_shiryou.jpg) no-repeat;
width:77px;
margin-right:10px;

}


div#detail_top ul li.li02{

background:url(../images/detail/btn_yoyaku.jpg) no-repeat;
width:77px;
margin-right:10px;

}


div#detail_top ul li.li03{

background:url(../images/detail/btn_otoiawase.jpg) no-repeat;
width:91px;
margin-right:10px;

}


div#detail_top ul li.li04{

background:url(../images/detail/btn_print.jpg) no-repeat;
width:105px;

}

/*--------------------------------------------------------------

	#detail_bottom

--------------------------------------------------------------*/

#detail_bottom{
width:820px;
clear:both;
margin-top:40px;
float:left;
}

#detail_bottom h2{
width:797px;
padding-bottom:5px;
border-bottom:2px dotted #0071BC;
}


#detail_bottom table{
margin-top:15px;
margin-left:20px;
width:780px;
}

#detail_bottom table th{
width:9em;
}


/*--------------------------------------------------------------

	#link_box

--------------------------------------------------------------*/

#link_box{
float:left;
clear:both;
width:800px;
padding:10px;
border-top:2px dotted #0071BC;
margin-top:20px;
}

#link_box .detail_right{
float:right;
}

#link_box .detail_left{
float:left;
width:7em;
}

#link_box .detail_gototop{
background:url(../images/arrow_gototop.gif) no-repeat left center;
padding-left:17px;
}






}