@charset "UTF-8";
/* CSS Document */

#sc13{
background-color:#f8f8f4;
margin:0;
padding:0;
text-align:center;
}

#sc13 .container{
width:930px;
margin:50px auto;
}

/* -- HEADER -- */
#sc13 #header{
width:910px;
height:80px;
margin:0 auto;
padding:0;
position:relative;
top:0px;
left:0px;
}

#sc13 #header .title{
width:240px;
height:70px;
background:url(../images/header_title.gif) no-repeat 0 0;
margin:0;
padding:0;
}

#sc13 #header .title h1{
display:none;
}

#sc13 #header .menu{
position:absolute;
width:370px;
height:70px;
top:20px;
left:540px;
}
#sc13 #header .menu ul{
padding:0;
margin:0;
width:370px;
height:70px;
overflow:hidden;
}

#sc13 #header .menu ul li{
float:left;
height:70px;
padding:0;
margin:0;
}

#sc13 #header .menu ul a li.list{
width:100px;
height:50px;
padding:0;
margin:0;
background:url(../images/menu_list.gif) no-repeat 0 0;
}

#sc13 #header .menu ul a li.about{
width:158px;
height:50px;
padding:0;
margin:0;
background:url(../images/menu_about.gif) no-repeat 0 0;
}

#sc13 #header .menu ul a li.contact{
width:110px;
height:50px;
padding:0;
margin:0;
background:url(../images/menu_contact.gif) no-repeat 0 0;
}

/* -- FOOTER -- */

#sc13 #footer{
width:910px;
height:50px;
margin:0 auto;
padding:0;
position:relative;
top:0px;
left:0px;
}

#sc13 #footer .copyright{
position:absolute;
top:10px;
left:610px;
width:300px;
height:32px;
background:url(../images/footer_copyright.gif) no-repeat 0 0;
margin:0;
padding:0;
}

#sc13 #footer .copyright h1{
display:none;
}

#sc13 #footer .menu{
position:absolute;
width:410px;
height:32px;
top:10px;
left:0px;
}

#sc13 #footer .menu ul{
padding:0;
margin:0;
width:510px;
height:32px;
overflow:hidden;
}

#sc13 #footer .menu ul li{
float:left;
padding:0;
margin:0;
}

#sc13 #footer .menu ul a li.twitter{
width:115px;
height:32px;
padding:0;
margin:0;
background:url(../images/footer_tweet.gif) no-repeat 0 0;
}

#sc13 #footer .menu ul a li.facebook{
width:115px;
height:32px;
padding:0;
margin:0;
background:url(../images/footer_facebook.gif) no-repeat 0 0;
}

#sc13 #footer .menu ul a li.itunes{
width:164px;
height:32px;
padding:0;
margin:0;
background:url(../images/footer_itunes.gif) no-repeat 0 0;
}



/* -- WHITE PANEL -- */

#sc13 #white_panel{
width:930px;
background-color:#fff;
border:1px solid #e9e9e9;
}

#sc13 #white_panel .inner{
padding:60px 90px;
}

#sc13 #white_panel .list_inner{
padding:60px 90px 0;
}

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

TOP リストページ

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

#sc13 #white_panel #list_area .list{
/*background:url(../images/vartical_line.gif) repeat-y 0px 0px;*/
}

#sc13 #white_panel #list_area .album_box{
/*background:url(../images/list_point.gif) no-repeat 0px 0px;
padding:0 50px 30px;*/
padding:0 50px 30px 0;
margin:0;
text-align:left;
}
#sc13 #white_panel #list_area .album_box .title{
padding-bottom:15px;
}

#sc13 #white_panel #list_area .album_box ul{
padding-bottom:20px;
}

#sc13 #white_panel #list_area .album_box li{
display:inline;
padding-right:20px;
}


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

エントリーページ

==================================*/
#sc13 #white_panel .left{
float:left;
width:230px;
margin:0;
padding:0 0 50px;
}
#sc13 #white_panel .right{
float:right;
width:430px;
margin:0;
padding:0;
}

#sc13 .itunes a.buybutton{
display:block;
width:230px;
height:70px;
background:url(../images/btn_buy_itunes.gif) no-repeat 0 0;
margin:0 auto;
padding:0;
}

#sc13 .itunes a:hover.buybutton{
background:url(../images/btn_buy_itunes.gif) no-repeat 0 -70px;
}

#sc13 .itunes a.buybutton p{
display:none;
}

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

FONT指定

==================================*/
#sc13 #lylic_area h1.title,
#sc13 #about_area h1,
#sc13 #contact_area h1,
#sc13 #list_area h1{
font-size:153.9%;
padding-bottom:40px;
font-weight:bold;
}

#sc13 #lylic_area p.lylic,
#sc13 #about_area p.body,
#sc13 #contact_area p.body{
font-size:108%;
line-height:210%;
}

#sc13 #about_area p.author{
font-size:108%;
line-height:210%;
text-align:right;
padding-top:80px;
}

#sc13 #white_panel #list_area .album_box h2{
display:inline;
/*background-color:#F9C;*/
color:#000;
font-size:138.5%;
padding:0px;
line-height:100%;
}

#sc13 #white_panel #list_area .album_box ul li a{
font-size:116%;
line-height:210%;
text-decoration:none;
color:#000;
font-weight:normal;
}

#sc13 #white_panel #list_area .album_box ul li a:hover{
text-decoration:underline;
color:#F9C;
}