@charset "utf-8";
/*▼採水地ページスタート▼*/
h3 img{
	vertical-align: middle;
	padding: 0 0 0 5px;
}
h3.iroha{
	clear: both;
	font-size: 120%;
	font-weight: bold;
	background: url(../img/h3bg.gif) no-repeat left center;
	padding: 3px 5px 0 15px;
	line-height:3.2;
}
.source_box{
	width: 590px;
	float: left;
	padding: 0 20px 0 0;
}
.source_box em{
	padding: 0 0 0 30px;
	font-size: 105%;
}
.source_box2{
	width: 570px;
	float: right;
	padding: 0 0 0 10px;
}
.source_photo{
	width: 320px;
	float: right;
	font-size: 90%
}
.source_photo dd{
	padding: 5px 0 15px 15px;
}
/*▼水の授業ページスタート▼*/
h3#nobg{
	background: none;
	padding: 0 0 15px 0;
}
h3#nobg img{
	padding: 0;
}
#aboutlecture{
	width: 540px;
	float: left;
	padding: 20px 20px 0 0;
}
#contactbyphone{
	float: right;
	width: 350px;
	background: url(../../lecture/img/index_info02.gif) no-repeat left bottom;
	padding: 20px 10px 0 0;
}
#contactbyphone p{
	color: #ffffff;
	padding: 0 10px 10px 45px;
	font-size: 80%;
}
.watchmovie{
	clear: both;
}
.watchmovie h3{
	background: url(../img/movie.gif) no-repeat 15px center;
	font-size: 100%;
	font-weight: bold;
	padding: 5px 5px 0 50px;
	line-height:2.6;
}
.watchmovie .flabox{
	float: left;
	width: 370px;
	margin: 0 0 0 15px;
}
.li02,.li03,.li04,.li05,.li06,.li07,.li08,.li09,.li10{
	padding: 20px 0 0 0;
	clear: left;
}
.li01 h4,.li02 h4,.li03 h4,.li04 h4,.li05 h4,.li06 h4,.li07 h4,.li08 h4,.li09 h4,.li10 h4{
	clear: both;
	font-weight: bold;
	padding: 2px 5px 0 40px;
	line-height:2.8;
}
.li01 h4{
	background: url(../img/ol_01.gif) no-repeat 12px center;
}
.li02 h4{
	background: url(../img/ol_02.gif) no-repeat 12px center;
}
.li03 h4{
	background: url(../img/ol_03.gif) no-repeat 12px center;
}
.li04 h4{
	background: url(../img/ol_04.gif) no-repeat 12px center;
}
.li05 h4{
	background: url(../img/ol_05.gif) no-repeat 12px 0.5em;
}
.li06 h4{
	background: url(../img/ol_06.gif) no-repeat 12px 0.5em;
}
.li07 h4{
	background: url(../img/ol_07.gif) no-repeat 12px 0.5em;
}
.li08 h4{
	background: url(../img/ol_08.gif) no-repeat 12px 0.5em;
}
.li09 h4{
	background: url(../img/ol_09.gif) no-repeat 12px 0.5em;
}
.li10 h4{
	background: url(../img/ol_10.gif) no-repeat 12px 0.5em;
}
.li01 img,.li02 img,.li03 img,.li04 img,.li05 img,.li06 img,.li07 img,.li08 img,.li09 img,.li10 img{
	padding: 5px 0 0 15px;
}
.lecturebox{
	float: right;
	width: 620px;
}
.backnumber{
	padding: 0 0 0 10px;
}
.backnumber dt{
	font-weight: bold;
	padding: 5px 0 0 25px;
	background: url(../img/h4img.gif) no-repeat left center;
	line-height:1.8;
}
.backnumber dd{
	background: url(../img/dot.gif) repeat-x left bottom;
	padding: 0 0 10px 0;
	margin: 0 20px 10px 10px;
}
.backnumber li{
	background: url(../img/li_mark.gif) no-repeat left 0.8em;
	padding: 5px 5px 5px 15px;
}
.photoli li{
	float: left;
	padding: 0;
}
.photoli dt{
	padding: 0 0 0 7px;
}
.photoli dd{
	padding: 5px 0 5px 15px;
	font-size: 90%;
}
.photoli img{
	padding: 0 5px;
}
.rightimg{
	width: 590px;
	float: left;
	padding: 0 10px 0 0;
}
.rightimg_photo{
	width: 310px;
	float: left;
	font-size: 90%
}
.rightimg_photo img{
	padding: 0;
}
.rightimg_photo dd{
	padding: 5px 0 10px 15px;
}
.bigimg{
	width: 590px;
}
.tolecturetop{
	padding: 30px 20px 0 15px;
	background: url(../../lecture/img/tolecturetop.gif) no-repeat 8em 2.2em;
}
/*▼お取扱いホテルページスタート▼*/
#hokkaido_map{
	padding: 20px 0 0 0;
}
#hokkaido_map h4{
	/*width:875px;*/
	background: #dde7f7 none;
	margin: 20px 0 10px 0;
	padding: 5px 0 5px 10px;
}
#hotels {
	padding-left:15px;
	position:relative;
	top:-20px;
}
.hotelinfo{
	width: 665px;
	float: right;
	clear: both;
	font-size: 90%;
	padding:0 15px 0 0;
	margin: 0;
	_position: relative;
}
.hotelinfo dl{
	zoom: 1;
}
.hotelinfo dt{
	float: left;
	padding: 5px 0 5px 10px;
}
.hotelinfo dd{
	float: left;
	padding: 6px 0 5px 5px;
}
.hotelinfo p{
	clear: left;
	padding: 5px 10px;
}

/*for Modern Browser */
.hotelimg{
	border: 1px solid #81ade7;
	margin: 0;
	padding: 0;
	display: table-cell;
	position:relative;
	vertical-align: middle;
	text-align:center;
	width: 225px;
	height: 150px;
}
.hotelimg img {
	margin: 0 auto;
} 

/*for IE6 */
* html .hotelimg{
	border: 1px solid #81ade7;
	margin: 0 0 0 0;
	padding: 0;
	text-align: center;
	width: 225px;
	height: 150px;
	float: left;
}
* html .hotelimg img {
	display: inline;
	vertical-align: middle;
	zoom: 1;
}
* html .hotelimg span {
	width: 0;
	height: 100%;
	vertical-align: middle;
	display: inline-block;
}

/*for IE7 */
*:first-child+html .hotelimg{
	border: 1px solid #81ade7;
	margin: 0 0 0 0;
	padding: 0;
	text-align: center;
	width: 225px;
	height: 150px;
}
*:first-child+html .hotelimg img {
	display: inline;
	vertical-align: middle;
	zoom: 1;
}
*:first-child+html .hotelimg span {
	width: 0;
	height: 100%;
	vertical-align: middle;
	display: inline-block;
}
/* prpduct */
.standard,
.mikan,
.haskap
{
	overflow:hidden;
	margin:1em auto 0 auto;
	padding:10px 10px 10px 10px;
	width:400px;

}
.standard
{
	background:#62b331;
}
.mikan
{
	background:#f1930e;
}
.haskap
{
	background:#9d7ee4;
}
.standard dl,
.mikan dl,
.haskap dl
{
	clear:left;
	overflow:hidden;
	border-bottom:1px solid #cccccc;
}
.standard dt,
.mikan dt,
.haskap dt
{
	width:120px;
	float:left;
	color:#fff;
	line-height:170%;
}
.standard dd,
.mikan dd,
.haskap dd
{
	width:200px;
	float:left;
	color:#fff;
	line-height:170%;
}
.floatcontainer:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
    }
	
   .floatcontainer{display: inline-block;} 

    /* Hides from IE Mac */
    * html .floatcontainer {height: 1%;}
       .floatcontainer{display:block;}
    /* End Hack */