@charset "utf-8";

/* ===============[ float�� ]=============== */
.clearfix:after {
	content: "."; 
	display: block;
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-block;
	overflow: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/******����******/
a:link{ color:#000000; text-decoration:none;}
a:visited{ color:#000000; text-decoration:none;}
a:hover{ color: #d70011; text-decoration:underline;}
a:active{ color: #d70011;}

a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}

*{margin:0px; padding:0px; line-height:150%; zoom:1;}
body{margin:0; padding:0; color:#000000; font:13px "�l�r �o�S�V�b�N",arial,helvetica,clean,sans-serif;  *font-size:small; *font:x-small; background:#fff; letter-spacing:0.07em;}
img {vertical-align: bottom;}

#container{margin:0px auto; text-align:left; width:950px; border-left:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000; overflow:hidden;}
#contents{width:950px;display:inline-block; overflow:hidden;}
#main{width:750px; float:right;}

#header{
	width:750px;
	height:26px;
	border-bottom:1px solid #000000;
	display:inline-block;
	background-color: #A31B6C; /** 色変更 **/
}
#header .left{width:570px; float:left;}
#header .left h1{
	font-size:10px;
	color:#EAE4F0; /** 色変更 **/
	padding:5px 0px 0px 10px;
	}
#header .right{width:151px; float:right; padding-top:2px; padding-right:2px;}
#header .right .bt_mail{
	width:151px;
	height:20px;
	border:1px solid #EAE4F0; /** 色変更 **/
	color:#EAE4F0; /** 色変更 **/
	font-size:14px;
	font-family: 'Roboto', sans-serif;
	text-align:center;
	float:right;}
#header .right .bt_mail a{
	color:#EAE4F0; /** 色変更 **/
	text-decoration:none;
	}
#header .right .bt_mail a:hover{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}

#navi{display:inline-block; background:#ffffff; height:35px; overflow:hidden;}
#navi:after{content: "."; display: block; height:0; clear:both; visibility:hidden;}
#navi ul{list-style-type:none; line-height:0; overflow:hidden;}
#navi li{float:left; line-height:0;}
#navi li a{background-image:url(../images/navi_back--.jpg); height:35px; display:block; text-indent:-9999px; }

#n1 a{ width:102px;}
#n2 a{ width:113px; background-position:-102px 0px;}
#n3 a{ width:134px; background-position:-215px 0px;}
#n4 a{ width:104px; background-position:-349px 0px;}
#n5 a{ width:143px; background-position:-453px 0px;}
#n6 a{ width:154px; background-position:-596px 0px;}

#about #n1 a,#n1 a:hover{ background-position:left bottom;}
#event #n2 a,#n2 a:hover{ background-position:-102px -35px;}
#audition #n3 a,#n3 a:hover{ background-position:-215px -35px;}
#dancer #n4 a,#n4 a:hover{ background-position:-349px -35px;}
#studio #n5 a,#n5 a:hover{ background-position:-453px -35px;}
#club #n6 a,#n6 a:hover{ background-position:-596px -35px;}

#main-image{width:750px; height:310px; border-top:1px solid #000000; border-bottom:1px solid #000000;}


#pan-area{width:750px; border-top:1px solid #000000;}
#pan-area p{padding:20px 30px 0px 30px; font-size:10px;}

#pan-area2{width:750px; border-top:0px solid #000000;}
#pan-area2 p{padding:20px 30px 0px 30px; font-size:10px;}

#page-title{margin:30px 30px 20px 30px;}
#page-title2{margin:20px 30px 20px 30px;}
#page-title3{margin:20px 30px 15px 30px;}
#page-title4{margin:20px 30px 0px 30px; border-bottom:1px dotted #666666; padding-bottom:10px;}
#post-area{
	overflow:hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 30px;
}
#post-area2{
	overflow:hidden;
	width: 705px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-right: -15px;
	margin-left:30px;
_zoom: 1;
}
#p-title h2{margin:30px 30px 20px 30px;}
.read{width:690px;font-size:11px; margin-bottom:15px;}
#post1{width:218px; border:1px solid #555555; margin:0px 15px 15px 0px; float:left; overflow:hidden; position:relative;}
#post2{width:218px; border:1px solid #555555; margin:0px 0px 15px 0px; display:inline-block; /display:inline;
/zoom:1; vertical-align:top; overflow:hidden; position:relative;}
#post-img{
	width:218px;
	height:110px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	background-color: #c9c9ca;
}
.post-title{width:190px;margin:14px 14px 10px 14px; font-size:11px; font-weight:700;}
.post-text{width:190px; margin:0px 14px 35px 14px; font-size:10px; overflow:hidden;}
#read-box{
	width:80px;
	padding:4px 0px 2px;
	position:absolute;
	bottom:0px;
	right:0;
	background:#A31B6C; /** 色変更 **/
	color:#EAE4F0; /** 色変更 **/
	bottom:0px;
	text-align:center;
	font-size:11px;
	}
#read-box a{
	border-style:none;
	color:#EAE4F0; /** 色変更 **/
	font-weight:bold;
	}
#read-box2{
	width:100px;
	padding:4px 0px 2px;
	float:right;
	background:#A31B6C; /** 色変更 **/
	color:#EAE4F0; /** 色変更 **/
	text-align:center;
	font-size:11px;
	}
#read-box2 a{
	border-style:none;
	color:#EAE4F0; /** 色変更 **/
	font-weight:bold;
	}
.fa{font-size:20px;}


#sub{width:200px; height:100%; float:left; border-right:0px solid #000000;padding-bottom: 10000px; margin-bottom: -10000px; background-image:url(../images/sub-back-line.png); }
#sub a img{border-style:none;}

#side-head{
	height:374px;
	overflow:hidden;
	margin-bottom:20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000;
	background-color:#EAE4F0; /** 色変更 **/
}
#side-head .logo{margin:24px 0px 22px 24px;}
#side-head .new-number{width:160px; margin:0px 0px 13px 19px;}
#side-head .new-number img{width:160px;}
#side-head .number-text{width:160px; margin:0px 0px 20px 19px; border-bottom:0px solid #000000; padding-bottom:20px;}
#side-head .number-text p{
	font-size:11px;
	color:#A31B6C; /** 色変更 **/
	}
#side-head .number-text a{
	font-size:11px;
	color:#A31B6C; /** 色変更 **/
	text-decoration:underline;
	}

#side-middle{width:160px; margin:0px 0px 20px 18px; border-bottom:1px solid #000000; padding-bottom:20px; background:ffffff;}
#side-middle .title-img{width:160px; margin-bottom:15px;}
#side-middle ul{font-size:11px; list-style:none; padding-bottom:5px;}
#side-middle li{text-align:left; background-image:url(../images/side_title_deco.jpg); background-repeat: no-repeat; padding-left:15px; padding-bottom:10px; margin-bottom:2px;}
#side-middle p{font-size:11px; padding-bottom:5px;}

#side-link{width:160px; margin:0px 0px 20px 18px; border-bottom:1px dotted #000000; padding-bottom:5px; background:ffffff;}
#side-link .title-img{width:160px; margin-bottom:20px;}
#side-link p{font-size:11px;margin-bottom:6px; font-weight:bold;}
#link-img1{width:160px; margin:0px 0px 25px 0px;}
#link-img2{width:160px; margin:0px 0px 15px 0px;}

#side-company{width:160px; margin:0px 0px 20px 18px; border-bottom:1px solid #000000; padding-bottom:0px; background:ffffff;}
#side-company ul{font-size:11px; list-style:none; padding-bottom:5px;}
#side-company li{text-align:left; background-image:url(../images/side_title_deco.jpg); background-repeat: no-repeat; padding-left:15px; padding-bottom:10px; margin-bottom:2px;}

.about-text{width:160px; font-size:11px; margin:0px 0px 20px 18px;}

#sns{width:690px;margin:30px;}
#facebook{width:360px; float:left; margin-right:20px;}
#twitter{width:100px; float:left; padding-top:2px; margin-right:20px;}
#google{width:90px; float:left; padding-top:2px;}
#hatena{width:100px; float:left;  padding-top:2px;}

#footer-sitemap{font-size:10px; border-top:1px solid #000000;border-bottom:1px solid #000000;}
#sitemap-link h3{font-weight:700; padding-bottom:8px;font-size:10px;}
#sitemap-link{width:690px; text-align:left; margin:15px 30px 0px 30px;}
#sitemap-link ul{font-size:10px; list-style:none; padding-bottom:15px;}
#sitemap-link li{text-align:left; background-image:url(../images/side_title_deco.jpg); background-repeat: no-repeat; padding-left:15px; padding-bottom:0px; margin-bottom:2px;}
#sitemap-link a{font-weight:700; padding-right:15px;}

#footer-copy{font-size:10px; border-top:0px solid #000000;border-bottom:1px solid #000000;}
.copy{text-align:center; margin:10px 0px;}

#footer-link{font-size:9px; width:690px; margin:20px 30px 20px 30px;} 
#linkbox{margin-right:35px; float:left; border-left:0px solid #999999;} 
#footer-link ul{list-style:none; border-left:1px solid #999999;} 
#footer-link li{text-align:left; padding-left:7px;} 
#footer-link .table1{border-left:1px solid #CCCCCC; padding-left:10px;}
#footer-link .table2{border-left:1px solid #999999; padding-left:10px;}
#footer-link  td{padding-top:3px;padding-bottom:2px;}
#footer-link .right{padding-right:2px;}
.link-title{font-size:10px; font-weight:700; margin-bottom:10px; border-bottom:1px solid #CCCCCC; padding-bottom:2px;}
.link-title2{font-weight:700; margin-bottom:6px;}#container #contents #main #post-detail table {
	vertical-align: top;
}
#container #contents #main #post-detail table tr td {
	vertical-align: top;
}
.how tr .center {
	vertical-align: middle;
	padding-top: 85px;
}
.back_number_box {
	width: 670px;
	padding-top: 50px;
	padding-bottom: 30px;
}
.back_number_box ul li {
	float: left;
	padding-right: 14px;
	display: block;
	padding-top: 25px;
}
.back_number_box ul {
	margin-right:-14px;
	overflow:hidden;
	list-style-type: none;
}
.back_number_box dd {
	font-size: 93%;
	text-align: center;
	line-height: 100%;
	padding-top: 3px;
}
.no {
	font-size: 115%;
	font-weight: bold;
}
.back_number_box ul li img {
	border: 1px #C9CACA solid;
}
.pricebox {
	width: 370px;
	border: 1px dotted #999;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 15px;
}
.midashi {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	margin-bottom: 5px;
}
.text1 {
	font-size: 11px;
	line-height: 150%;
}
.list table tr th {
	font-size: 12px;
	background-color: #CCC;
	padding: 5px;
}
.list table tr td {
	font-size: 12px;
	padding: 5px;
}
.list {
	width: 670px;
}
.akiba {
	width: 670px;
	padding-top: 40px;
	overflow: hidden;
}
.list table {
	border: 1px solid #666;
	border-collapse: collapse;
}
.midashi2 {
	font-size: 14px;
	color: #00AFEC;
	text-align: center;
	font-weight: bold;
	padding-bottom: 10px;
}
.float_L {
	float: left;
}
.float_R {
	float: right;
}
.demo {
	clear: both;
	background-image: url(../no8/images/10_chromakey_4.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	height: 152px;
	width: 670px;
	margin-top: 20px;
}
.demo_url {
	padding-top: 115px;
	padding-left: 220px;
	font-size: 12px;
}

/* ◆切替スイッチ◆ */
.switchBtn {
margin-top: 0;
padding:0;
width: 100%;
text-align: center;
clear: both;
}

.switchBtn a{
color:#FFFFFF;
margin: 0 10px;
padding: 5px 30px;
text-align: center;
display: inline-block;
overflow: hidden;
text-decoration:none;
font-size:90%;
}

.switchBtn a{
background-image:-moz-linear-gradient(top, #444444, #000000);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#444444), to(#000000), color-stop(1,#000000));
border:2px solid #999999;
color:#FFFFFF;
}
 
.switchBtn a{
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}