/* ****************************
 common
***************************** */

.clearfix:after {content: ".";display: block;clear: both;height:
0;visibility: hidden;}
.clearfix { display: inline-block; }
* html .clearfix { height: 1% }
.clearfix {display:block;}

body {
 background:#c5cdce;
 background-image:url(image/bg.gif);
 background-repeat:repeat-y;
 font-family: Verdana,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","ＭＳ Ｐゴシック",Osaka,sans-serif;
 font-size: 12px;
 color: #676767;
}

/* ****************************
 wrapper
***************************** */

.wrapper {
 width:900px;;
 height:100%; 
}

.left {
 width:317px;
 height:auto;
 float:left;
 _text-align:left;
}

.main {
 width:576px;
 height:auto;
 float:left;
 _text-align:left;
}

.main_entry {
 width:576px;
 height:500px;
 float:left;
 margin-top:50px;
 _text-align:left;
}

./* ****************************
 footer
***************************** */

.footer {
 clear:both;
 width:300px;
 height:auto;
 float:left
}

.copyright {
 padding-top:40px;
 margin-left: 10px;
 margin-bottom: 10px;
 
}

/* ****************************
 logo
***************************** */

.top_logo {
 float:left;
 margin-top:100px;
 margin-left:50px;
 _margin-left:25px;
}

.top_logo a h1{
 background-image:url(image/logo.gif); 
 background-repeat:no-repeat;
 width:204px;
 height:51px;
 text-indent:-9999px;
}

/* ****************************
 nav
***************************** */

.left_nav{
 clear: both;
 padding-top: 100px;
 padding-left:170px;
 width: 133px;
 height: auto;
}

.left_nav ul li{
 margin-top: 15px;
}

/* ****************************
 main
***************************** */
.main_contents {
 margin-top: 10px;
 margin-left: 5px;
}

.top_news_information {
 width: 550px;
 margin-top: 20px;
 margin-left: 30px;
}

.top_news_information ul{
 padding-left:10px;
 list-style-type:none;
 font-size: 11px;
}

.top_news_information ul li{
 line-height:150%;
 margin-bottom:5px;
}

.top_news_information ul li a{
 color:#a3a3a3;
 text-decoration:none;
}

.top_news_information ul li a:visited {
 text-decoration:none;
 color:#FFFFFF;
}

.top_news_information ul li a:hover {
 text-decoration:underline;
 color:#a44c6a;
}

.news_day {
 margin-right: 20px;
}

/* ****************************
 right
***************************** */
.right h2{
 margin-bottom: 6px;
 margin-top: 30px;
}


/* ****************************
 news
***************************** */

.main h2 {
 margin:25px 0 0 30px;
}

.news_box {
 width: 500px;
 height: auto;
 border-top: dotted #a3a3a3 1px;
 padding:15px;
 margin: 10px 25px 10px 25px;
}

.news_box h3 {
 font-size: 14px;
 color: #FFFFFF;
 margin-bottom:10px;
}

.news_detail {
 font-size: 10px;
 color:#a3a3a3;
 line-height: 150%;
 padding-left: 5px;
}

.news_detail p{
 font-size: 11px;
 color:#a3a3a3;
 margin-bottom:10px;
 line-height:140%;
}

.news_detail a{
 color:#a3a3a3;
 text-decoration:none;
}

.news_detail a:visited {
 text-decoration:none;
 color:#FFFFFF;
}

.news_detail a:hover {
 text-decoration:underline;
 color:#a44c6a;
}

/* ****************************
 biography
***************************** */

.biography_box {
 width: 500px;
 height: auto;
 padding:15px;
}

.date {
 width: 100px;
 height: 40px;
 margin:20px 0 0 20px;
}

.biography_info {
 margin-top: 10px;
 margin-left:35px;
 color:#FFFFFF;
 line-height: 150%;
 font-size: 10px;
}

.biography_info ul li{
 line-height: 150%;
 margin-bottom:5px;
}

.biography_day {
 margin-right: 20px;
}

/* ****************************
 profile
***************************** */

.member {
 margin:20px 0 20px 25px;
 width: 500px;
 height: auto;
 padding-left: 25px;
 clear: both;
}

.photo {
 float: left;
 clear: both;
 padding-top:20px; 
}

.name {
 float: left;
 margin:20px 0 0 10px;
}

.profile_detail {
 float: left;
 margin:20px 0 0 30px;
 width: 280px;
 line-height: 150%;
 color:#a3a3a3;
 font-size: 10px;
}

.profile_detail a{
 color:#a3a3a3;
 text-decoration:none;
}

.profile_detail a:visited {
 text-decoration:none;
 color:#FFFFFF;
}

.profile_detail a:hover {
 text-decoration:underline;
 color:#a44c6a;
}

/* ****************************
 discography
***************************** */

.disco {
 margin:20px 25px 20px 25px;
 width: 500px;
 height: auto;
 padding-left: 25px;
 clear: both;
 border-top: dotted #a3a3a3 1px;
}

.jacket {
 float: left;
 clear: both;
 margin-top: 20px;
}

.jacket_name {
 float: left;
 margin:25px 0 20px 20px;
 color: #FFFFFF;
 font-size: 14px;
}

.jacket_detail {
float: left;
margin-left:20px;
width: 280px;
line-height: 150%;
color:#a3a3a3;
font-size: 10px;
}

.jacket_detail a{
 color:#a3a3a3;
 text-decoration:none;
}

.jacket_detail a:visited {
 text-decoration:none;
 color:#FFFFFF;
}

.jacket_detail a:hover {
 text-decoration:underline;
 color:#a44c6a;
}

.download {
 float: left;
 margin-top:20px;
 margin-left: 170px;
 margin-bottom:10px;
}


.img {
 margin:10px 0 10px 0;
  padding:2px;
  border:1px solid #ffffff;
}

.soldout {
 color:#b95d7c;
}


.mobile_info_title {
 width:400px;
 height:165px;
 margin-left:10px;
}

.mobile_cont {
 margin:10px 0 10px 0;
 width: 500px;
 height: auto;
 padding-left: 10px;
 clear: both;
}

.mobile_thum {
 float: left;
 clear: both;
 margin-left:10px;
 padding:2px;
 border:solid #FFFFFF 1px;
}

.mobile_detail {
 float: left;
 margin:20px 0 0 15px;
 width: 225px;
 line-height: 150%;
 color:#FFFFFF;
 font-size: 11px;
}

.mobile_banner {
 clear:both;
 width:160px;
 height:auto;
 padding-left:140px;
 padding-top:20px;
}