@charset "utf-8";

body { background-color: #a992da; } /* 全体の背景指定 */

#wrapper #contents { width: 1000px; }

/* anchor */
#wrapper a,
#wrapper .article{
	
}
#wrapper a:hover {
	
}
/* NAVIめーる半透明回避 */
#wrapper #contents #side #banner_navimail a:hover {
	/*filter: alpha(opacity=100);*/
	-moz-opacity:1;
	opacity:1;
}


/* #main */
#main { 
	width: 675px;
	padding-bottom: 35px;
}


/* #side */
#side { padding: 10px 0px 0px; }

#side .box{
	/* border-radius */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#wrapper #contents #side .box .title {
	background: rgb(218,225,229); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(218,225,229,1)), color-stop(100%,rgba(238,241,244,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#dce2e6',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* W3C */
}

#wrapper #contents #side #oa .info a,
#wrapper #contents #side #blog .info a{
	background-color: rgba(153,153,153,0.5);
	/* box-shadow */
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
}

#side div#banner_navimail { width: 100%; height: 105px;}

/* #header */
#main #article #header {
}
/*
#main #article #header h1 {
	height: 45px;
	width: 235px;
	position: absolute;
	left: 50px;
	top: 2px;
}
*/
#topad { padding-bottom:5px; }





/* #top */
#header {
	/* タイトル画像指定 */
	/* background: url(../images/img-top-title.jpg) no-repeat 0px 0px; */
	/* height: 300px; */
}
/* #top #header h1 { display: none; } */

#header h1 img {

}

/*----------nav ----------*/
#nav {
	height: 137px;
	width: 675px;
	padding-top: 55px;
	margin-top: 80px;


}
#nav ul{
	overflow: hidden;
	padding-left: 30px;
	background: url(../images/nav_ul_bg.gif) no-repeat;
	height: 54px;
	width: 594px;
	margin-right: auto;
	margin-left: 20px;
	padding-top: 25px;
}
#nav ul li{
	display: block;
	float: left;
	height: 34px;
	padding-right: 10px;
	padding-left: 10px;
}
#nav ul li a , #nav ul li span{
	display: block;
	text-indent: -9999px;
	height: 100%;
}
#nav ul li#nav_intro a{
	background: url(../images/nav_btn.png) no-repeat 0px 0px;
	width: 110px;
}
#nav ul li#nav_intro a:hover{
	background: url(../images/nav_btn.png) no-repeat 0px -34px;
}
#nav ul li#nav_cast a{
	background: url(../images/nav_btn.png) no-repeat -137px 0px;
	width: 107px;
}
#nav ul li#nav_cast a:hover{
	background: url(../images/nav_btn.png) no-repeat -137px -34px;
}
#nav ul li#nav_staff a{
	background: url(../images/nav_btn.png) no-repeat -271px 0px;
	width: 115px;
}
#nav ul li#nav_staff a:hover{
	background: url(../images/nav_btn.png) no-repeat -271px -34px;
}
#nav ul li#nav_bn a{
	background: url(../images/nav_btn.png) no-repeat -405px 0px;
	width: 166px;
}
#nav ul li#nav_bn a:hover{
	background: url(../images/nav_btn.png) no-repeat -405px -34px;
}
#nav ul li#nav_bn span{
	background: url(../images/nav_btn.png) no-repeat -405px -68px;
	width: 166px;
}



#btn-sbm {
	text-align: left;
	padding: 20px;
}

#btn-sbm li {
	display: inline-block;
	margin-left: 0px;
	margin-right: 5px;
	padding: 0px;
	line-height: normal;
	list-style: none;
	vertical-align: top;
}
*html #btn-sbm li { display: inline; } /* for IE6 */ 
*+html #btn-sbm li { display: inline; } /* for IE7 */

#btn-sbm li a { margin: 0px; }

#btn-sbm .btnFaceBook { width: 110px; }

#btn-sbm .btnHatenaBookmark { margin-right: 10px; }
#btn-sbm .btnGoogleCalendar { margin-right: 10px; }


/* テキスト指定 */
#article {
}
#article .text { padding: 20px; }
#article h2 {
	font-weight: bold;
	font-size: 120%;
	margin: 0px 0px 10px;
}
#article h3 {
	font-weight: bold;
	font-size: 100%;
}
#article p {
	margin-bottom: 10px;
}

.section {
	margin-bottom: 20px;
	padding: 20px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
}
/*----------footer----------*/
div#footer
{
	clear:both;
}
.innerlink-head  {
	position: fixed;
	bottom: 0px;
	right: 20px;
}
.innerlink-head a {
	text-decoration: none;
	display: block;
}
/*----------koumori----------*/
#koumori{
	position: fixed;
	left: 0;
	top: 0;
	background: url(../images/totop_btn.gif) norepeat left top;
	-webkit-animation: slide 10s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-webkit-transform: translate3d(0, 0, 0);
	z-index: -100;
}
div#cover_01
{
	background:url(../images/bg_koumori_01.gif) repeat-y 0 0;
}
div#cover_02
{
	background:url(../images/bg_koumori_02.gif) repeat-y 0 0;
}
div#cover_03
{
	background:url(../images/bg_koumori_03.gif) repeat-y 0 0;
}
div#cover_flower
{
	background:url(../images/bg.gif) repeat center 500px;
}div#cover_04
{
	background:url(../images/bg_koumori_04.gif) repeat-y 0 0;
}
div#cover_05
{
	background:url(../images/bg_koumori_05.gif) repeat-y 0 0;
}
/*----------is2nd----------*/
body.is2nd div#contents
{
	padding-left: 0px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
body.is2nd div#main
{
	padding-bottom: 20px;
	padding-left: 0px;
	position: relative;
	width: 675px;

}
body.is2nd div#header
{
	height: 200px;
	width: 675px;
	position: relative;
	overflow: hidden;
	z-index: 0;
	background: url(../images/is2nd_header_bg.gif) no-repeat;
	margin-top: 10px;
}
body.is2nd div#contents h1#logoBingo_02
{
	display: block;
	position: absolute;
	top: 0px;
	left:5px;
	background: url(../images/is2nd_logo.png);
	height: 101px;
	width: 199px;
}
body.is2nd div#contents h1#logoBingo_02 a
{
	display: block;
	height: 101px;
	width: 199px;
	text-indent:-9999px;
}

body.is2nd div#contents p#onair
{
	display: block;
	position: absolute;
	top: 30px;
	left:200px;
}


/*----------nav ----------*/
body.is2nd #wrapper #nav {
	position: absolute;
	margin: 0px;
	padding: 0px;
	top: 105px;
	left: 195px;
	width: 460px;
}
body.is2nd #nav{
	width: 460px;
	overflow: hidden;

	
}body.is2nd #nav ul{
	width: 460px;
	overflow: hidden;
	padding-left: 0px;
	background: url(none) no-repeat;
	height: auto;
	width: auto;
	margin-right: auto;
	margin-left: 0px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
body.is2nd #nav ul li{
	display: block;
	float: left;
	height: 27px;
	padding-right: 8px;
	padding-left: 8px;
}

body.is2nd #nav ul li#nav_intro a{
	background: url(../images/is2nd_nav_btn.png) no-repeat 0px 0px;
	width: 88px;
}
body.is2nd #nav ul li#nav_intro a:hover{
	background: url(../images/is2nd_nav_btn.png) no-repeat 0px -28px;
}
body.is2nd #nav ul li#nav_cast a{
	background: url(../images/is2nd_nav_btn.png) no-repeat -106px 0px;
	width: 85px;
}
body.is2nd #nav ul li#nav_cast a:hover{
	background: url(../images/is2nd_nav_btn.png) no-repeat -106px -28px;
}
body.is2nd #nav ul li#nav_staff a{
	background: url(../images/is2nd_nav_btn.png) no-repeat -212px 0px;
	width: 88px;
}
body.is2nd #nav ul li#nav_staff a:hover{
	background: url(../images/is2nd_nav_btn.png) no-repeat -212px -28px;
}
body.is2nd #nav ul li#nav_bn a{
	background: url(../images/is2nd_nav_btn.png) no-repeat -317px 0px;
	width: 128px;
}
body.is2nd #nav ul li#nav_bn a:hover{
	background: url(../images/is2nd_nav_btn.png) no-repeat -317px -28px;
}
body.is2nd #nav ul li#nav_bn span{
	background: url(../images/is2nd_nav_btn.png) no-repeat -317px -28px;
}


@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
#nav ul{
	margin-left: 10px;
}
}