@charset "shift_jis";

/* -------------------------------------------------------------- 
live
-------------------------------------------------------------- */

.content-hiroba#live {
	background:#fff;
}
.live-nav {
	width:665px;
	background:url(/live/img/index/bg.jpg) left top no-repeat;
}
.live-nav:after
{content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;}
.live-nav-L {
	float:left;
	width:192px;
}
.live-nav-R {
	float:right;
	width:192px;
}
.live-notice {
	padding:15px;
	background:#eff0f0;
}


.camera-operation {
	padding:8px 5px 5px 5px;
	background:#ffeecf;
}
.camera-operation dl:after
{content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;}
.camera-operation dt {
	float:left;
	width:368px;
	margin:9px 0 0 15px;
}
.camera-operation dd {
	float:right;
	width:222px;
	margin:0 15px 0 0;
}
.live-applet {
	text-align:center;
}

.live-bot-nav {
	margin:30px 0 0 0;
	border-top:1px solid #d48e00;
}
.live-bot-nav ul {
	margin:15px 0 0 0;
}
.live-bot-nav li {
	float:left;
	margin:0 15px 10px 0;
}
.live-bot-nav li a {
	padding:0 0 0 15px;
	background:url(/res_hiroba/img/common/arrow_bot-nav.gif) left 0.1em no-repeat;
	color:#d79607;
	text-decoration:none;
}
.live-bot-nav li a:hover,
.live-bot-nav li.current a {
	color:#333;
	background:url(/res_hiroba/img/common/arrow_bot-nav_ov.gif) left 0.1em no-repeat;
}

body#camera {
	background:none;
}
#camera-wrap {
	width:460px;
	margin:0 auto;
	padding:0 0 15px 0;
}
#camera-wrap dl {
	text-align:center;
}
#camera-wrap #cls-win {
	text-align:center;
}