@charset "utf-8";

/* Reset
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1
-------------------------------------------------------------------------------*/

html{color:#000;background:#FFF}body{margin:0;padding:0;}div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;max-height:100%;}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{*font-size:100%}

/* basic
-------------------------------------------------------------------------------*/
ul li a, ul li img{ display: block; }

.mt30{ margin-top: 30px; }

.alnC{ text-align:center; }
.alnR{ text-align: right; }
.bold{ font-weight: bold; }

.clear{ clear: both; }
.clrfx:after{
	content:"";
	display:table;
	clear:both;
}
.clrfx{zoom:1;}

a{ color: #0091F9; text-decoration: none;}
a:hover{ color: #ff5021; text-decoration: underline; }

/* layout
-------------------------------------------------------------------------------*/
body{
	font: 13px/1.86 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	letter-spacing: 0.15em;
	-webkit-text-size-adjust: 100%;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
}

h1{
	width: 1000px;
	height: 384px;
	margin: 0 auto;
	background: #ffffeb url(../images/main_0221.png) no-repeat;
	text-indent: -9999px;
}

.wrapper{
	width: 1000px;
	margin: 0 auto;
	padding: 28px 0 30px 0;
	background-color: #ffffeb;
}

#lead{
	width: 396px;
	height: 312px;
	margin: 0 auto;
	background: url(../images/lead.gif) no-repeat;
	text-indent: -9999px;
}

/* live */
.liveWrap{
	height: 900px;
	position: relative;
	margin-top: 80px;
}

.liveWrap .baloon{
	position: absolute;
	top: -200px;
	right: 42px;
}


.liveWrap > ul li{
	float: left;
}

.liveContent{
	display: none;
	position: absolute;
	top: 58px;
	width: 600px;
	min-height: 700px;
	padding: 25px;
	font-size: 14px;
	line-height: 1.6;
}

.liveContent iframe{
	display: block;
	margin-bottom: 20px;
}

.liveContent h2 span{
	display: block;
	margin-bottom: 5px;
}
.liveContent h2{ font-size: 18px; line-height: 1.4; }

.liveContent dl{
	min-height: 51px;
	margin: 10px 0 20px 0;
	padding-top: 10px;
	padding-left: 75px;
	line-height: 1.2;
}
#live1 dl, #live4 dl{
	min-height: 71px;
	padding-left: 95px;
}
.liveContent dt{ margin-bottom: 5px; }
.liveContent dd{ font-size: 20px; }

.liveContent p a{
	display:  inline-block;
	margin-top: 10px;
}

#live1{ background-color: #ffd2e6; }
#live2{ background-color: #ffc896; }
#live3{ background-color: #ffff65; }
#live4{ background-color: #9be173; }
#live5{ background-color: #a0ebff; }
#live6{ background-color: #6ec8ff; }
#live7{ background-color: #e6beff; }

#live1 dl{ background: url(../images/live_icon1.png) no-repeat left top; }
#live2 dl{ background: url(../images/live_icon2.png) no-repeat left top; }
#live3 dl{ background: url(../images/live_icon3.png) no-repeat left top; }
#live4 dl{ background: url(../images/live_icon4.png) no-repeat left top; }
#live5 dl{ background: url(../images/live_icon5.png) no-repeat left top; }
#live6 dl{ background: url(../images/live_icon6.png) no-repeat left top; }
#live7 dl{ background: url(../images/live_icon7.png) no-repeat left top; }

#liveStreamWrap{
	display: block;
	position: absolute;
	top: 58px;
	right: 0;
	width: 350px;
	height: 750px;
	background-color: #ccc;
}

.content{
	margin: 0 0 90px 240px;
	padding-left: 46px;
}

.wrapper > h2{ margin: 0 0 30px 240px; }


/* livemenu */
#livemenu{
	position: relative;
	margin-left: 245px;
	padding-left: 0;
}

#livemenu > .baloon{
	position: absolute;
	top: -116px;
	left: 332px;
}

#livemenu li{
	position: relative;
	margin-top: 32px;
	padding-left: 42px;
	background-repeat: no-repeat;
	background-position: 0 9px;
	font-size: 14px;
	line-height: 1.4;
}
#livemenu > ol li:first-child{ background-image: url(../images/point1_no1.gif); }
#livemenu > ol li:nth-child(2){ background-image: url(../images/point1_no2.gif); }
#livemenu > ol li:nth-child(3){ background-image: url(../images/point1_no3.gif); }
#livemenu > ol li:nth-child(4){ background-image: url(../images/point1_no4.gif); background-position: 0 25px; }
#livemenu > ol li:nth-child(5){ background-image: url(../images/point1_no5.gif); }
#livemenu > ol li:nth-child(6){ background-image: url(../images/point1_no6.gif); }
#livemenu > ol li:last-child{ background-image: url(../images/point1_no7.gif); }

#livemenu span{ font-size: 15px; }

#livemenu strong{
	display: inline-block;
	margin-top: 5px;
	font-size: 18px;
}

#livemenu > dl{
	margin: 30px 0 0 42px;
	padding-bottom: 38px;
	font-size: 15px;
}
#livemenu > dl dt{
	width: 54px;
	margin-bottom: 5px;
	background-color: #ff5021;
	border-radius: 12px;
	text-align: center;
	letter-spacing: normal;
	color: #fff;
}

#archive ul{ width: 430px; }
#archive li{ position: relative; }
#archive li > span{
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
}


/* footer */
#footer{
	margin-top: 50px;
	text-align: center;
}

#footer li{
	display: inline-block;
	margin-right: 46px;
}
#footer li:last-child{ margin-right: 0; }

#footer a:hover{ opacity: 0.6; }

.copyright {
	font-size: 10px;
	font-family: Helvetica, Arial, Geneva, Verdana, Tahoma, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	margin-top: 50px;
	padding-bottom: 20px;
}

/* ------------------ホシノつけたし------------------ */
.banner_talk_bottom {
	margin-top: 0px;
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	}

.banner{
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	height: 180px;
	margin-bottom: 25px;
	-webkit-box-shadow: 0px 0px 10px #929292;
	box-shadow: 0px 0px 10px #929292;
	border-radius: 20px;
}

.banner_talk{
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	height: 120px;
	margin-bottom: 25px;
	-webkit-box-shadow: 0px 0px 10px #929292;
	box-shadow: 0px 0px 10px #929292;
	border-radius: 20px;
}

#banner_midashi{
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	height: 21px;
}


#sekino {
	font: 12px/1.65 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	letter-spacing: 0.15em;	
	}