﻿/*YUI reset*/
body,div,dl,dt,dd,ul,ol,li,h3,h4,h5,h5,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}table {border-collapse:collapse; border-spacing:0; }fieldset,img {border:0;}address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left; }h3,h4,h5,h5,h5,h6 {font-size:100%;font-weight:normal;}q:before,q:after {content:'';}abbr,acronym {border:0;}

table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h3, h4, h5, h5, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
strong {
	font-weight:bold;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}

/*==========*/

body,html {margin:0;padding:0;}
body {
	background:url(../images/common/bkg_main.png)  ;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
}




#wrap_main {
	
	margin:0 auto;	
	width:960px;  
	background:#FFF url(../images/common/bkg_center.png);
	box-shadow:0 0 10px #rgba(0,0,0,0.9),0 0 10px #rgba(0,0,0,0.5),0 0 10px #rgba(0,0,0,0.5);
	text-align:left;
}


#contents,#news_contents {
	width:700px;
	margin:0 auto;
	color:#666;
	font-size:90%;
	text-align:left;
	background-color:#fff;
}

#news_contents{
 padding:15px 10px ;
 }
 
.news_shousai{
	padding-bottom:25px;}

#hero_unit h1{
	margin: 0;
	padding: 0;
	background: #000;
	height: 90px;
	width: 100%;
	clear: both;
}

ul#nav_main {box-shadow:0 0 2px rgba(0,0,0,1),0 0 8px rgba(0,0,0,1),0 0 8px rgba(0,0,0,1),0 0 8px rgba(0,0,0,1)}
ul#nav_main li {
	width: 191px;
	height: 48px;
	display: block;
	float: left;
	line-height:48px;font-size:20px;text-align:center; 
	background-color: #000;border:#FFF 1px solid;overflow:hidden;border-width:1px 0 1px 1px
}
ul#nav_main li.last {border-right:1px solid #FFF;width:190px;}
ul#nav_main li a{color:#FFF;text-decoration:none;font-family:"Impact";display:block;width:192px;height:48px;}
ul#nav_main li.disabled a{color:#666}
ul#nav_main li a:hover {background-color:#F99100;color:#FFF;}
ul#nav_main li.disabled a:hover {background-color:#333!important;color:#666;}


#col_left {float:left;width:700px;padding:20px 10px 20px 20px;}
#col_right {float:left;width:210px;padding:20px 0 0 0;}
#col_middle {
	padding:10px;
	background:#000;
	margin:0 auto;
	width:900px;
	box-shadow:0 0 8px rgba(0,0,0,0.6);
	

}

#chara_all{
	width:960px;
	text-align:center;
	}


#news_box {
	background-color: #FFF;
}
#news_box ul {padding:10px;}
#news_box ul li{border-bottom:1px dotted #333;padding:3px 0;font-size:13px;}

#banner_box {
	width:100%;
}

#footer_unit {
	background: url(images/common/bkg_footer.png) top center repeat-x;
	padding: 46px 10px 10px 10px;
	color: #FFF;
	font-size: 12px;
}

dl.charbox {
	position: relative;
	min-height: 200px;
	margin:0 0 15px 0;
	padding-bottom:15px;
	clear:both;
	border-bottom: dotted 1px #666
}


dl.lastbox {border:none;padding-bottom:0;}
dl.charbox dt{text-align:center;padding-bottom:8px;margin-bottom:8px;}
dl.charbox dd.poster{position:absolute;width:auto;height:auto;}
dl.charbox dd{line-height:1.1em;}
dl.charbox dd ul.profile {width:220px;font-size:12px;color:#FFF;float:left;text-align:left;}
dl.charbox dd div.notes {width:300px;float:left;color:#FFF;font-size:12px;padding-right:10px;text-align:left;}

dl.leftbox {padding-left:360px;}
dl.rightbox  {padding-right:350px;padding-left:10px;}
dl.leftbox dd.poster{top:10px;left:10px;}
dl.rightbox dd.poster{top:10px;right:10px;} 

hr.clearing {clear:both;height:0;margin:0;padding:0;visibility:hidden;}

h2 {font-family:"Impact",sans-serif;border-bottom:2px solid #F99100;font-size:38px;margin-bottom:6px;margin: 10px 20px;color:#333;}
h3 {font-family:"Impact",sans-serif;border-bottom:2px solid #F99100;font-size:30px;margin-bottom:6px;color:#333;}

a:link { color: #F60 } 
a:visited { color: #F93} 


#pro_cast {
	margin:15px;
	padding:5px;
	width:400px;
}
#pro_tokuten {
	margin:5px;
	padding:5px;
}
#pro_tracklist {
	clear:both;
	background-color:#333;
	color:#FFF;
	margin:5px;
	padding:5px;
	border-bottom-color:#fff;
	border-bottom-style:solid;
}
.pro_cd_title {
	border-left:8px solid #fcf777;
	font-size:22px;
	margin-left:6px;
	color:#333;
	font-size:26px;
}

table {
	border-collapse:collapse;
}
td {
	border:1px solid #ccc;
	padding:5px;
	font-size:90%;
	color:#666;
	background:#FFF;
}
td.l_Cel {
	width:150px;
}
#pro_price {
	text-align:right;
	padding-right: 10px;
}
#pro_tokuten h6 {
	border-bottom:solid #4ffffd 1px;
	line-height:1;
	margin-bottom:5px;
}
#pro_caption {
	margin-top:15px;
	float:left;
	display:block;
	width:430px;
	margin:15px;
}
#pro_cdimage {
	margin:10px;
	padding:0;
	float:left;
	display:block;
}
#pro_cast {
	float:left;
	display:block;
}
#pro_tracklist {
	clear:both;
}



.news_title{
	border-left:8px solid #e53694;
	margin-left:6px;
	color:#333;
	font-size:16px;
	}

	
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}



.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


h1,h2,h3,h4,h5,h6 {
	font-family: Impact, sans-serif;
}

h2 {
	font-family:"Impact", sans-serif;
	border-bottom:2px solid #F99100;
	font-size:38px;
	margin-bottom:6px;
	margin: 10px 20px;
	color:#333;
}
h3 {
	font-family:"Impact", sans-serif;
	border-bottom:2px solid #F99100;
	font-size:30px;
	margin-bottom:6px;
	color:#333;
}
h5 {
	text-align:right;
	padding-right:10px;
}
#pro_tokuten h6 {
	border-bottom:solid #4ffffd 1px;
	line-height:1;
	margin-bottom:5px;
}

#footer_unit {
	background: url(../images/common/bkg_footer.png) top center repeat-x;
	padding: 46px 10px 10px 10px;
	color: #FFF;
	font-size: 12px;
}