@charset "utf-8";
/* ===================================================================
CSS information

 file name  :livecamera.css.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */


/* -----------------------------------------------------------
	
	#main_title		メインイメージ
		
----------------------------------------------------------- */
#livecamera #main_title h2 {
	background:url(../livecamera/images/title.jpg) center 0 no-repeat;
}



/*----------------------------------------------------
	#main	メイン	
----------------------------------------------------*/


#livecamera #main h3.st_pickup_con {
	margin-bottom:15px;
}

#livecamera #main h3.st_recommended {
	margin:30px 0 15px 0;
}

#livecamera #main h3.st_news {
	margin:30px 0 15px 0;
}

/*	.bn_appeal	アピールナバー	
----------------------------------------------------*/
#livecamera #main .bn_appeal {
	margin-bottom:15px;
	width:740px;
	overflow:hidden;
}

#livecamera #main .bn_appeal p.bn_first {
	float:left;
}

#livecamera #main .bn_appeal p.bn_middle {
	margin-left:10px;
	float:left;
}

#livecamera #main .bn_appeal p.bn_last {
	float:right;
}

/*	.bn_review	お客様の声	
----------------------------------------------------*/
#livecamera #main .bn_review {
	float:left;
	width:489px;
	height:109px;
	background:url(../images/top/bn_review.jpg) 0 0 no-repeat;
}

#livecamera #main .bn_review ul {
	padding:48px 0 0 265px;
}

/*	.bn_brangista	旅の色	
----------------------------------------------------*/
#livecamera #main .bn_brangista {
	margin-top:6px;
	float:right;
}



/*	.con_livecam			live camera	
----------------------------------------------------*/

#livecamera #main .con_livecam {
	margin-top:30px;
	width:740px;
	background:url(../livecamera/images/box_con.jpg) 0 0 repeat-y;
}

#livecamera #main .con_livecam .box_head {
	background:url(../livecamera/images/box_head.jpg) 0 top no-repeat;
}

#livecamera #main .con_livecam .box_foot {
	overflow:hidden;
	background:url(../livecamera/images/box_foot.jpg) 0 bottom no-repeat;
}

#livecamera #main .con_livecam .box_foot .con_livecam_l {
	margin-left:20px;
	width:300px;
	float:left;
}

#livecamera #main .con_livecam .box_foot .con_livecam_l p.txt_intro {
	width:260px;
}

/* 注意点 */

#livecamera #main .con_livecam .box_foot .con_livecam_l .con_attention {
	margin:10px 0;
	padding:10px;
	width:245px;
	background-color:#F8EEE3;
	border:1px solid #E1CCB2;
}

#livecamera #main .con_livecam .box_foot .con_livecam_l .con_attention h4 {
	margin-bottom:10px;
}

#livecamera #main .con_livecam .box_foot .con_livecam_l .con_attention ul {
	margin-left:7px;
	color:#5B5959;
	font-size:10px;
	width:230px;
}

#livecamera #main .con_livecam .box_foot .con_livecam_l .con_attention ul li {
	list-style:circle inside;
}

#livecamera #main .con_livecam .box_foot .con_livecam_l p.logo {
	margin:0 30px 40px 0;
	text-align:right;
}


#livecamera #main .con_livecam .box_foot .con_livecam_r {
	padding-top:20px;
	width:420px;
	height:488px;
	float:right;
	background:url(../livecamera/images/bg_livecam.jpg) 0 0 no-repeat;
}

#livecamera #main .con_livecam .box_foot .con_livecam_r .con_cam01 {
	margin:0 auto;
	padding:33px 0 0 8px;
	width:329px;
	height:247px;
	background:url(../livecamera/images/bg_hanaan.gif) 0 0 no-repeat;
}

#livecamera #main .con_livecam .box_foot .con_livecam_r .con_cam01 iframe {
	width:320px;
}

#livecamera #main .con_livecam .box_foot .con_livecam_r p {
	margin:15px 0;
	text-align:center;
}

#livecamera #main .con_livecam .box_foot .con_livecam_r ul {
	margin:0 auto;
	width:337px;
}

#livecamera #main .con_livecam .box_foot .con_livecam_r ul li {
	margin-bottom:5px;
	float:left;
}

#livecamera #main .con_livecam .box_foot .con_livecam_r ul li.first {
	margin-right:5px;
}




/*	.con_quality		日光中善寺湖を見渡す上質...	
----------------------------------------------------*/
#livecamera #main .con_quality {
	margin:50px 0 0 auto;
	width:720px;
	overflow:hidden;
	clear:both;
}

#livecamera #main .con_quality .con_quality_l {
	padding-top:57px;
	width:275px;
	float:left;
	line-height:1.8em;
}

#livecamera #main .con_quality .con_quality_l span.txt_br {
	color:#7A4612;
}




/*	.con_packs	おすすめプラン	
----------------------------------------------------*/

#livecamera #main .con_packs {
	background:url(../images/top/box_con.jpg) 0 0 repeat-y;
	width:740px;
}

#livecamera #main .con_packs .box_head {
	background:url(../images/top/box_head.jpg) 0 top no-repeat;
}

#livecamera #main .con_packs .box_foot {
	padding:30px;
	background:url(../images/top/box_foot.jpg) 0 bottom no-repeat;
}

#livecamera #main .con_packs .box_foot .packs_back {
	padding-bottom:10px;
	background-color:#fff;
	border:1px dotted #A08D7B;
	overflow:hidden;
}


/* プランタブメニューコンテンツ */
#livecamera #main .con_packs .box_foot .packs_back dl {
	width:338px;
	overflow:hidden;
	border-bottom:1px dotted #383333;
	border-right:1px dotted #383333;
}

#livecamera #main .con_packs .box_foot .packs_back dl a {
	padding:10px;
	display:block;
	width:318px;
	height:100%;
	overflow:hidden;
	text-decoration:none;
}

#livecamera #main .con_packs .box_foot .packs_back dl a:hover {
	background-color:#FAF2DD;
	cursor:pointer;
}

#livecamera #main .con_packs .box_foot .packs_back dl.noline {
	width:338px;
	border-right:none;
}

#livecamera #main .con_packs .box_foot .packs_back dt {
	padding:5px;
	width:80px;
	height:80px;
	float:left;
	background-color:#FAF2DD;
	border:1px solid #95826A;
}


#livecamera #main .con_packs .box_foot .packs_back dd {
	float:right;
	width:210px;
	color:#333333;
}

#livecamera #main .con_packs .box_foot .packs_back dd img {
	width:210px;
}

#livecamera #main .con_packs .box_foot .packs_back dd span.st_pack {
	padding-left:10px;
	color:#453726;
	font-weight:bold;
	text-decoration:underline;
	background:url(../images/top/ic_arrow.gif) 0 7px no-repeat;
}

#livecamera #main .con_packs .box_foot .packs_back dd p.price {
	color:#940B0B;
	font-weight:bold;
	text-align:right;
}



/*  プラン一ボタン */
#livecamera #main .con_packs .box_foot .packs_back p.btn_seemore {
	margin:15px 15px 0 0;
	padding-left:10px;
	float:right;
	clear:both;
	background:url(../images/top/ic_arrow.gif) 0 7px no-repeat;
}

#livecamera #main .con_packs .box_foot .packs_back p.btn_seemore a {
	color:#646464;
}


/*	.con_news	新着情報	
----------------------------------------------------*/

#livecamera #main .con_news {
	overflow:auto;
	height:100px;
}

#livecamera #main .con_news a {
	color:#5B5959;
}




/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html #livecamera #main .con_livecam .box_foot .con_livecam_l {
	margin-left:10px;
}

* html #livecamera #main .con_livecam .box_foot,
#livecamera #main .con_packs .box_foot .packs_back{
	zoom:1;
}