/* CSS Document */

a.link{ color: #000000; line-height: 21px;}
a.link:hover{ color: #3333CC;}

/*=============================
	   	h3 titleに指定
=============================*/

/*私たちのおもてなし*/

h3#title{
		margin-top: 3px; margin-right: 41px;
		float: left;
		width: 172px; height: 20px;
		background-image: url(../service/img/title.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

/*ホタルを観賞できる宿*/

h3#title2{
		margin-top: -3px; margin-right: 11px;
		float: left;
		width: 220px; height: 35px;
		background-image: url(../service/img/title_2.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}




/*=============================
	   h4 sub_titleに指定
=============================*/

h4.sub_title{
		float: left;
		padding-left: 13px; padding-top: 8px;
		height: 19px;
		font-weight: normal; font-size: 12px;
		border-left: 3px solid #B7AAA8;
}

h4.hotel_lineup{
		margin-bottom: 12px;
		text-indent: -9999px;
		width: 539px; height: 23px;
		background-image: url(../service/img/hotel_lineup_bar.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

/*--------------pdf----------------*/

p.pdf{
		margin-left: 16px; margin-bottom: 22px;
		clear: both;
		padding-top: 7px; padding-left: 34px;
		width: auto; height: 24px;
		font-size: 10px;
		background-image: url(../company/img/pdf_image.gif);
		background-position: 0 0px;
		background-repeat: no-repeat;
}
* html p.pdf{
		margin-left: 16px; margin-bottom: 22px;
		clear: both;
		padding-top: 7px; padding-left: 34px;
		width: auto; height: 24px;
		font-size: 10px;
		background-image: url(../company/img/pdf_image.gif);
		background-position: 0 0px;
		background-repeat: no-repeat;
}

p.pdf a{ font-size: 10px;}


/*=============================
	       h3に指定
=============================*/

h3#service01{
		margin-left: 16px; margin-bottom: 16px;
		text-indent: -9999px;
		width: 845px; height: 49px;
		background-image: url(../service/img/service01_title.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

h3#service02{
		clear: both;
		margin-left: 16px; margin-bottom: 16px;
		text-indent: -9999px;
		width: 845px; height: 49px;
		background-image: url(../service/img/service02_title.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

h3#service03{
		clear: both;
		margin-left: 16px; margin-bottom: 16px;
		text-indent: -9999px;
		width: 845px; height: 49px;
		background-image: url(../service/img/service03_title.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

h3#service04{
		clear: both;
		margin-left: 16px; margin-bottom: 16px;
		text-indent: -9999px;
		width: 845px; height: 49px;
		background-image: url(../service/img/service04_title.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

h3#service05{
		clear: both;
		margin-left: 16px; margin-bottom: 16px;
		text-indent: -9999px;
		width: 845px; height: 49px;
		background-image: url(../service/img/service05_title.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

h3#service06{
		clear: both;
		margin-left: 16px; margin-bottom: 16px;
		text-indent: -9999px;
		width: 845px; height: 49px;
		background-image: url(../service/img/service06_title.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

h3#service07{
		clear: both;
		margin-left: 16px; margin-bottom: 16px;
		text-indent: -9999px;
		width: 845px; height: 49px;
		background-image: url(../service/img/service07_title.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

h3#service08{
		clear: both;
		margin-left: 16px; margin-bottom: 16px;
		text-indent: -9999px;
		width: 845px; height: 49px;
		background-image: url(../service/img/service08_title.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

h3#service09{
		clear: both;
		margin-left: 16px; margin-bottom: 16px;
		text-indent: -9999px;
		width: 845px; height: 49px;
		background-image: url(../service/img/service09_title.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

h3#service10{
		clear: both;
		margin-left: 16px; margin-bottom: 16px;
		text-indent: -9999px;
		width: 845px; height: 49px;
		background-image: url(../service/img/service10_title.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

h3#service11{
		clear: both;
		margin-left: 16px; margin-bottom: 16px;
		text-indent: -9999px;
		width: 845px; height: 49px;
		background-image: url(../service/img/service11_title.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

h3#service12{
		clear: both;
		margin-left: 16px; margin-bottom: 16px;
		text-indent: -9999px;
		width: 845px; height: 49px;
		background-image: url(../service/img/service12_title.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

h3#service13{
		clear: both;
		margin-left: 16px; margin-bottom: 16px;
		text-indent: -9999px;
		width: 845px; height: 49px;
		background-image: url(../service/img/service13_title.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

h3#service14{
		clear: both;
		margin-left: 16px; margin-bottom: 16px;
		text-indent: -9999px;
		width: 845px; height: 49px;
		background-image: url(../service/img/service14_title.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

h3#service15{
		clear: both;
		margin-left: 16px; margin-bottom: 16px;
		text-indent: -9999px;
		width: 845px; height: 49px;
		background-image: url(../service/img/service15_title.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

h3#service16{
		clear: both;
		margin-left: 16px; margin-bottom: 16px;
		text-indent: -9999px;
		width: 845px; height: 49px;
		background-image: url(../service/img/service16_title.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

h3#h_shikisai{
		clear: both;
		margin-left: 16px; margin-bottom: 16px;
		text-indent: -9999px;
		width: 845px; height: 49px;
		background: url(../service/img/service016_title.gif) 0 0 no-repeat;
}

/*=============================
	  left_image_boxに指定
=============================*/

#left_image_box{
		float: left;
		width: 286px;
		margin-left: 16px; margin-right: 20px;
}
* html #left_image_box{
		float: left;
		width: 286px;
		margin-left: 8px; margin-right: 20px;
}

/*=============================
	  right_info_boxに指定
=============================*/

#right_info_box{
		float: left;
		margin-bottom: 30px;
		position: relative;
		top: 0px; left: 0px;
		width: 539px; height: auto;
}

p.info_title{
		margin-bottom: 6px;
		font-size: 16px; font-weight: bold;
}

p.info_title02{
		margin-bottom: 24px;
		font-size: 12px; line-height: 21px;
}

p.info_text{
		margin-bottom: 24px;
		font-size: 12px; line-height: 21px;
}

p.service_text{
		font-size: 12px; padding-top: 5px; padding-bottom: 5px;
}

p.service_text02{
		margin-bottom: 10px;
		font-size: 12px; padding-top: 5px; padding-bottom: 5px;
}

/*p.hotel_link a{
		color: #000000;
		font-size: 12px; font-weight: bold; line-height: 21px;
}
p.hotel_link a:hover{ color: #3333CC;}
p.hotel_link a:visited{ color: #993300;}
* html p.hotel_link a:visited{ color: #000000;}*/

p.hotel_link_sub{
		margin-bottom: 9px;
		font-size: 12px; line-height: 21px;
}

.image_margin{
		margin-bottom: 27px;
}

/*=============================
	  hotaru_info_boxに指定
=============================*/

.hotaru_info_box {
		width:860px;
		height:auto;
		line-height:18px;
		padding:5px;
}

h4.hotaru_info_box {
	font-size:16px;
	color:#333366;

}