@charset "Shift_JIS";


#header_box {
	width: 950px;

	background: #6C3;
	padding:0 0 20px 0;	

	border-radius: 10px;
	behavior: url(./css/PIE.htc);
}


.btn_area {
	width:910px;

	background:#fff;
	margin:0 auto;
	

	border-radius:8px;
	behavior: url(./css/PIE.htc);
}

.main_img {
	float:right;
	margin:0 20px 0 0;
}
.intro_img {
	float:left;
	margin:0 0 0 30px;
}

.bd_img {
	margin:5px 0 0 30px;
}

.btn_left {
	float:left;
	margin:0 0 0 20px;
}

.btn_right {
	float:right;
	margin:0 20px 0 0;
}

.section {
	width:auto;
	margin:10px 0 28px 0;
	padding:0;
}

.section:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.col_left {
	width:290px;
	float:left;
	padding:0;
	margin:0;
}

.col_right_large {
	width:585px;
	float:right;
	padding:0;
	margin:0;
}

.left_img {
	width:500px;
	float:left;
	margin:6px 0 0 17px;
	display:inline;
}

.left_img_cmt {
	text-align:right;
	font-size:11px;
}

.right_exp {
	float:right;
	width:365px;
	margin:6px 0 0 0;
}

.title_pre_af img {
	margin:0 0 0 240px;
}


#main_image {
	position:relative;
	width: 950px;
	height: 452px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	background: url(../images/main_image.png) no-repeat;
	text-indent: -9999px;
}

div.model_name {
	position:absolute;
	top:265px;
	left:126px;
	width:760px;
	height:90px;
	z-index:10;
	text-indent:0;
}

div.model_name p {
	font-size:12px;
	font-weight:bold;
	margin:0;
	line-height:1.2em;
	padding:1px 0;
	color:#111;
	
}

div#main_schedule {
	position:absolute;
	top:348px;
	left:15px;
	width:685px;
	height:82px;
	z-index:10;
	text-indent:0;
	vertical-align: middle;
	background-color: #fff;
}
div#main_schedule p {
	padding-top:6px;
	vertical-align: middle;
}

/*
#live_btn {
	position:absolute;
	top: 277px;
	right:16px;
	width:215px;
	height:79px;
	z-index:10;
	text-indent:0;
}
*/

#btn01 {
	position:absolute;
	bottom:24px;
	right:17px;
	width:230px;
	height:79px;
	z-index:10;
	text-indent:0;
}



#kotsu_index img {
	margin:0 auto;
}








.box3_bg {
	background:#F46060;
}

.border_1 {
	border-left:11px solid #36a3da;
	border-right:11px solid #36a3da;
}

.border_2 {
	border-left:11px solid #f29826;
	border-right:11px solid #f29826;
}

.border_3 {
	border-left:11px solid #96c24e;
	border-right:11px solid #96c24e;
}

.box_inner {
	position:relative;
	width:auto;
	/*
	margin:86px 0px 0px 0px;
	*/
	margin:0;

	padding:10px;
	background:#fff;
	text-align: left;
	text-indent:0;
}





.box_inner2 {
	width:928px;
	margin:10px auto 0 auto;
	padding:0;
	background:#fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url(./css/PIE.htc);
	/* behavior: url(./css/ie-css3.htc); */
	text-align: left;
	z-index: 99;
}



.box_over {
	position:relative;
	width:950px;
	height:auto;
	margin:0;
	padding:0;
	
	border:1px solid green;
}

.box_head {
	position: absolute;
	top:-109px;
	left:0;
	width:950px;
	height:110px;
	z-index:99;
}

.box3_border {
	border:11px solid #F46060;
}

.box_outer {
	width:950px;
	margin:0;
	padding:0;
	/*
	background: url(../images/kotsu_1.png) no-repeat;
	
	text-indent: -9999px;
	z-index: 1;
	*/
}



.box_outer_3 {
	width:950px;
	background: url(../images/kotsu_3.png) no-repeat;
	text-indent: -9999px;
	z-index: 1;
}

.box_contents {
	position:relative;
	margin:150px 0 0 0;
	width: auto;
	background:#fff;
	position:relative;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
	behavior: url(./css/PIE.htc);
	/* behavior: url(./css/ie-css3.htc); */
	text-align: left;
}



.contents_box {
	width: auto;
	background:#fff;
	position:relative;
	border-top:20px solid #F46060;
	border-left:11px solid #F46060;
	border-right:11px solid #F46060;
	border-bottom:11px solid #F46060;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
	behavior: url(./css/PIE.htc);
	/* behavior: url(./css/ie-css3.htc); */
	text-align: left;
	
}


.intro_box {
	width:auto;
	background:#fef4e9;
	padding:10px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	behavior: url(./css/PIE.htc);
	/* behavior: url(./css/ie-css3.htc); */
	text-align: left;
}



.play_col {
	width:auto;
	background:#e9ffec;
	padding:0;
	#padding-bottom:10px; /* IE6,7 */
	margin:0 0 15px 0;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	behavior: url(./css/PIE.htc);
	/* behavior: url(./css/ie-css3.htc); */
	text-align:left;
}

.play_col_left h5 {
	margin: 8px 0 0;
}

.play_col_left p {
}


.play_col_left {
	float:left;
	width:62%;
	background:#fff;
	padding:0 9px !important;
	margin:10px 0 10px 10px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	behavior: url(./css/PIE.htc);
	/* behavior: url(./css/ie-css3.htc); */
	text-align:left;
}

.play_col_right {
	float:right;
	width:34%;
}

.play_col_right h6 {
	margin: 10px 0 0;
}

.index_back {
	position:absolute;
	bottom:-30px;
	right:8px;
	width:241px;
	height:27px;

}


.tblOmakase {
	border-collapse: collapse;
}
.tblOmakase td {
	width: 33%;
	padding: 2px 10px;
	margin:  0;
	vertical-align: top;
}
.tdCenter {
	border-left:  dashed 1px #ff9900;
	border-right: dashed 1px #ff9900;
}



/*===========================================
	mainImgArea
=============================================*/
div#mainImgArea {
	position:relative;
	width: 950px;
	height: 276px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	background: url(../images/mainimg.png) no-repeat;
	text-indent: -9999px;
}






/*===========================================
	menuBox
=============================================*/

div#menuBox {
	width: 950px;
	margin:10px 0px;
	padding: 0px;
}

div#menuBox div.scheduleLeft {
	width: 727px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
}

div#menuBox div.scheduleRight {
	width: 220px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: right;
	text-align:right;
}




div#menuBox div.menuRequest {
	width: 552px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
}
div#menuBox div.menuArrow {
	width: 58px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align:center;
	float:left;
}





div#menuBox div.menuBtn {
	width: 320px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: right;
}


/*===========================================
	menuArea
=============================================*/
ul#menuArea {
	width: 950px;
	margin: 6px 0px;
	padding: 0px;
	list-style: none;
}
ul#menuArea li {
	margin: 0px;
	padding: 0px;
	float: left;
}


/*===========================================
	pregArea_01
=============================================*/
div.pregArea_01 {
	width: 950px;
	margin: 35px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	background: #36a3da;
}
div.pregArea_01 div.pregBox {
	width: 930px;
	margin: 0px auto;
	padding: 0px;
	background: #FFF;
	z-index: 99;
}
div.pregArea_01 div.pregBox div.pregBoxMini {
	width: 900px;
	margin: 0px auto;
	padding: 15px;
}

/* leftArea */
div.pregArea_01 div.pregBox div.pregBoxMini div.leftArea {
	width: 290px;
	margin: 0px;
	padding: 0px;
	float: left;
}
/* midArea */
div.pregArea_01 div.pregBox div.pregBoxMini div.midArea {
	width: 290px;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	float: left;
}
/* midArea */
div.pregArea_01 div.pregBox div.pregBoxMini div.rightArea {
	width: 290px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: right;
}



/*===========================================
	pregArea_02
=============================================*/
div.pregArea_02 {
	width: 950px;
	margin: 35px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	background: #F29826;
}
div.pregArea_02 div.pregBox {
	width: 930px;
	margin: 0px auto;
	padding: 0px 0px 15px 0px;
	background: #FFF;
	z-index: 99;
}
div.pregArea_02 div.pregBox div.pregBoxMini {
	width: 900px;
	margin: 0px auto;
	padding: 15px;
}



/*===========================================
	pregArea_03
=============================================*/
div.pregArea_03 {
	width: 950px;
	margin: 35px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	background: #F46060;
}
div.pregArea_03 div.pregBox {
	width: 930px;
	margin: 0px auto;
	padding: 0px 0px 15px 0px;
	background: #FFF;
	z-index: 99;
}
div.pregArea_03 div.pregBox div.pregBoxMini {
	width: 900px;
	margin: 0px auto;
	padding: 5px 15px 15px 15px;
	clear: both;
}


/* tabBtnArea */
div.tabBtnArea {
	width: 950px;
	margin: 0px auto 0px auto;
	padding: 0px;
}
div.tabBtnArea div.tabBtnLeft {
	width:311px;
	margin: 0px;
	padding: 0px;
	float:left;
	cursor: pointer;
}
div.tabBtnArea div.tabBtnMid {
	width:311px;
	margin: 0px;
	padding: 0px;
	float:left;
	cursor: pointer;
}
div.tabBtnArea div.tabBtnRight {
	width:308px;
	margin: 0px;
	padding: 0px;
	float:left;
	cursor: pointer;
}


/*===========================================
	pregArea_04
=============================================*/
div.pregArea_04 {
	width: 950px;
	margin: 35px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	/*
	background: #96C24E;
	*/
	background:#f46060;
}
div.pregArea_04 div.pregBox {
	width: 930px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
}
div.pregArea_04 div.pregBox div.leftArea {
	width: 440px;
	margin: 0px;
	padding: 13px 10px;
	float: left;
	background: #FFF;
	z-index: 99;
}
div.pregArea_04 div.pregBox div.rightArea {
	width: 440px;
	margin: 0px;
	padding: 13px 10px;
	float: right;
	background: #FFF;
	z-index: 99;
}


/*===========================================
	wakuArea
=============================================*/
div.wakuArea {
	width: 864px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding: 15px;
	border: solid 3px #CCCCCC;
	background: #F3F3F3;
}
div.wakuArea div.leftArea {
	float: left;
}
div.wakuArea div.rightArea {
	float: right;
}


/*===========================================
	listDisc
=============================================*/
ul.listDisc {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	list-style: none;
}
ul.listDisc li {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 14px;
	background: url(../images/ico_disc_s.png) no-repeat 0px 3px;
}


/*===========================================
	menuWinArea
=============================================*/
div.menuWinArea {
	width: 600px;
	margin: 0px;
	padding: 0px 0px 30px 0px;
	/* left: 200px; */
	background: #FFF;
	border: solid 4px #666666;
	position: absolute;
	font-weight:normal;
	z-index:12;
}
div.menuWinArea div.closeArea {
	padding: 5px 5px 0px 0px;
	background-color: #E8E8E8;
    height: 27px;
	text-align: right;
}

/* menuWinBox */
div.menuWinArea div.menuWinBox {
	width: 550px;
	margin: 0px auto;
	padding: 0px;
}
div.menuWinArea div.menuWinBox ul.imgArea {
	width: 550px;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	list-style:none;
}
div.menuWinArea div.menuWinBox ul.imgArea li.left {
	width: 265px;
	margin: 0px;
	padding: 0px;
	float:left;
}
div.menuWinArea div.menuWinBox ul.imgArea li.right {
	width: 265px;
	margin: 0px;
	padding: 0px;
	float:right;}


/*===========================================
	glayLayer
=============================================*/
div#glayLayer {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #000;
	opacity: 0.60;
	filter:alpha(opacity=60);
	z-index:11;
}


/*===========================================
	
=============================================*/
dl.num_indent {
	font-weight:bold;
}
.num_indent dt {
	width:2em;
	margin-top:5px;
}
.num_indent dd {
	margin-left:1.5em;
	margin-top:-1.5em;
}

.del_cmnt {
	margin:12px 0 0 0;
	padding:8px;
	background:#e7f1fb;
	border:3px solid #35a3d9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px 3px 3px 3px;
}

.exp_indent dt {
}
.exp_indent dd {
	margin:-1.5em 0 0 1.5em;
}

.mdl_box {
	margin:6px 0;
	line-height:1.5em;
	padding:6px 9px;
	font-size:12px;
	background:#e7f1fb;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px 5px 5px 5px;
}

.chan_toru_ope {
	margin:8px 0 0;
	border:1px solid #9cc5ef;
}

.small_exp {
	font-size:11px;
	line-height:1.4em;
}



/*===========================================
	box_topics
=============================================*/
.box_topics {
	border: solid 9px #cccccc;
	-moz-border-radius:    17px;
	-webkit-border-radius: 17px;
	border-radius:         17px;
	background-color: #fffff9;
	margin-left:  auto!important;
	margin-right: auto!important;
	padding: 8px 15px;
	width: 70%;
}


/*===========================================
	box_bottom_beans
=============================================*/
.box_bottom_beans {
	-moz-box-shadow:    0 5px 15px -5px rgba(0,0,0,0.5) inset;
	-webkit-box-shadow: 0 5px 15px -5px rgba(0,0,0,0.5) inset;
	box-shadow:         0 5px 15px -5px rgba(0,0,0,0.5) inset;
	border: solid 9px;
	-moz-border-radius:    0 0 17px 17px;
	-webkit-border-radius: 0 0 17px 17px;
	border-radius:         0 0 17px 17px;
	background-color: #ffffff;
	background: url("/support/bd/special/beans/Common/Images/index_sttl.gif") no-repeat scroll 3px 50% transparent;
	padding: 15px 5px 12px 55px;
	margin: -8px 0 0 30px;
	width: 50%;
}