/* CSS Document */


/*
-----	global	-----
*/


*{
margin:0;
padding:0;
}

body{
background:#fff;
color:#000;
/*font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:100%;
height:100%; 
min-height:100%; 
}


/*
-----	a	-----
*/

a:link{color:#3399ff;}
a:visited{color:#3399ff;}
a:hover{color:#3399ff;}
a:active{color:#3399ff;}

a img {
border:none;
}


/*
-----	indexlayout	-----
*/

div#page{
width:820px;
margin: 0 auto;
}

div#header{
height:90px;
}


div#contents{
width:820px;
}
#index div#contents div.box_body{
height:520px;
}
#disco div#contents div.box_body{
	height:auto;
	padding-bottom:30px;
}

div#footer{
width:820px;
background:fff;
}


/*
20081029TOP
*/
div#header2{
height:90px;
}
div#header2 div.headimg{
width:820px ;
height:66px;
background:url("../img/header_bg2.jpg") 0 0 no-repeat;
margin:0;
}
div#header2 h1 span a{
background:url("../img/header_link2.jpg") 0 0 no-repeat;
width:241px;
height:49px;
display:block;
text-indent:-9999px;
overflow:hidden;
margin: 0 0 0 15px;
}


/*
-----	pagelayout	-----
*/

div#header div.headimg{
width:820px ;
height:66px;
background:url("../img/header_bg.jpg") 0 0 no-repeat;
margin:0;
}

div#header h1 span a{
background:url("../img/header_link.jpg") 0 0 no-repeat;
width:241px;
height:49px;
display:block;
text-indent:-9999px;
overflow:hidden;
margin: 0 0 0 15px;
}

div.box_head{
margin:0;
padding:0;
width:820px;
height:15px;
background:url("../img/content_bg_01.jpg") 0 0 no-repeat;
}


div.box_body{
	margin:0;
	padding: 3px 15px 0;
	width:auto;
	background:url("../img/content_bg_02.jpg") 0 0 repeat-y;
}

div.box_footer{
margin:0;
padding:0;
width:820px;
height:15px;
background:url("../img/content_bg_03.jpg") 0 0 no-repeat;
}

/*
-----	gNavi	-----
*/


ul#gNavi{
width:820px;
height:24px;
display:block;
margin:18px 0 0 0;
}
ul#gNavi li{
display:inline;
float:left;
height:24px;
}
ul#gNavi li a{
height:24px;
display:block;
text-indent:-9999px;
overflow:hidden;
outline:none;
}


ul#gNavi li.disc a { background:url("../img/gNavi_01.jpg") 0 0 no-repeat; width:136px;}
ul#gNavi li.mobi a { background:url("../img/gNavi_02.jpg") 0 0 no-repeat; width:108px;}
ul#gNavi li.requ  { background:url("../img/gNavi_03.jpg") 0 0 no-repeat; width:114px;}
ul#gNavi li.biog a{ background:url("../img/gNavi_04.jpg") 0 0 no-repeat; width:136px;}
ul#gNavi li.intr a { background:url("../img/gNavi_05.jpg") 0 0 no-repeat; width:165px;}
ul#gNavi li.mail  { background:url("../img/gNavi_06.jpg") 0 0 no-repeat; width:141px;}

#disco ul#gNavi li.disc a { background:url("../img/gNavi2_01.jpg") 0 0 no-repeat; width:136px;}
#cd1 ul#gNavi li.disc a { background:url("../img/gNavi2_01.jpg") 0 0 no-repeat; width:136px;}
#cd2 ul#gNavi li.disc a { background:url("../img/gNavi2_01.jpg") 0 0 no-repeat; width:136px;}
#cd3 ul#gNavi li.disc a { background:url("../img/gNavi2_01.jpg") 0 0 no-repeat; width:136px;}
#cd4 ul#gNavi li.disc a { background:url("../img/gNavi2_01.jpg") 0 0 no-repeat; width:136px;}
#mobile ul#gNavi li.mobi a { background:url("../img/gNavi2_02.jpg") 0 0 no-repeat; width:108px;}
#request ul#gNavi li.requ  { background:url("../img/gNavi2_03.jpg") 0 0 no-repeat; width:114px;}
#biog ul#gNavi li.biog a{ background:url("../img/gNavi2_04.jpg") 0 0 no-repeat; width:136px;}
#intro ul#gNavi li.intr a { background:url("../img/gNavi2_05.jpg") 0 0 no-repeat; width:165px;}
#mail ul#gNavi li.mail  { background:url("../img/gNavi2_06.jpg") 0 0 no-repeat; width:141px;}

/*
-----	footer	-----
*/


div#footer {
margin:20px 0 0 0;
width:820px;
height:74px;
background:url("../img/footer_bg.jpg") 0 0 no-repeat;
}

div#footer a.attl{
width:120px;
height:20px;
position:relative;
top:15px;
left:20px;
display:block;
overflow:hidden;
outline:none;
}


div#footer span.p_policy{
width:790px;
height:20px;
text-align:right;
display:block;
margin:-5px 50px 0 0;
}
div#footer span.p_policy a{
font-size:82%;
}


/*
-----	disco	-----
*/


#disco div.box_body{
overflow: auto;/*div背景切れ対策*/
}

#disc_list2{
	width:auto;
	margin:0;
	height:400px;
	overflow:visible;
}

#disc_list2 div {
width:370px;
height:190px;
float:left;
}

#disc_list1 div {
width:780px;
height:230px;
}

#disc_list2 div.cd1{ margin: 0px 10px 0 5px ; }
#disc_list2 div.cd2{ margin: 0px 10px 0 10px; }
#disc_list2 div.cd3{ margin: 10px 10px 10px 5px ; }
#disc_list2 div.cd4{ margin: 10px 10px 10px 10px; }
#disc_list1 div.cd5{ margin: 0px 0px 10px 0px; }
#disc_list1 div.cd6{ margin: 0px 0px 10px 0px; }
#disc_list1 div.cd7{ margin: 0px 0px 10px 0px; }
#disc_list1 div.cd8{ margin: 0px 0px 10px 0px; }
#disc_list1 div.cd9{ margin: 20px 0px 10px 0px; }

div.box_body p.topicpath{
padding: 0.5em 30px;
}

div.box_body p.backtotop{
clear:both;
text-align:right;
padding-top: 1em;
padding-right:45px;
}

div.box_body {
font-size:82%;
}


div.box_body p.backtotop a{
color:#000;
border:none;
text-decoration:none;
}

img.cd_disc{
margin:0 30px;
padding-bottom:3px;
}

div.cd_list{
width:719px;
height:43px;
padding: 3px 30px;
}

div.first{
padding: 3px 30px 3px;
}

div.cd_list img{
float:left;
}

div.cd_list span{
width:198px;
height:43px;
display:block;
float:left;
}


#cd1 div.cd_list span{background:url("../img/playbtn_bg1.jpg") 0 0 repeat;}
#cd2 div.cd_list span{background:url("../img/playbtn_bg2.jpg") 0 0 repeat;}
#cd3 div.cd_list span{background:url("../img/playbtn_bg3.jpg") 0 0 repeat;}
#cd4 div.cd_list span{background:url("../img/playbtn_bg4.jpg") 0 0 repeat;}

div.cd_list span img {
margin: 10px 60px;
}

/*
-----	CD5 cocoro flavor	-----
*/
#cd_titlelist{
width:720px;
margin:0 30px;
padding-bottom:10px;
}

#cd_titlelist ul li{
float:left;
height:50px;
display:block;
padding:0;
margin:0;
}

#cd5 ul li.ccr_audition{
background:url("../img/playbtn_bg5.jpg") 0 0 no-repeat;
margin:0 0 0 0;
display:block;
padding:0;
width:197px;
}

#cd5 ul li.ccr_audition a{
background:transparent url("../img/playbtn5.jpg") 0 0 no-repeat;
margin:10px 60px;
display:block;
padding:0;
width:79px;
height:23px;
text-indent:-10000px;
}

#cd_titlelist ul li span{
display:block;
text-indent:-10000px;
}
#cd5 ul li#cd_ttl1{
width:521px;
background:transparent url("../img/dc_cocoro_01.jpg") 0 0 no-repeat;
}

#cd5 ul li#cd_ttl2{
width:521px;
background:transparent url("../img/dc_cocoro_02.jpg") 0 0 no-repeat;
}

#cd5 ul li#cd_ttl3{
width:521px;
background:transparent url("../img/dc_cocoro_03.jpg") 0 0 no-repeat;
}

#cd5 ul li#cd_ttl4{
width:521px;
background:transparent url("../img/dc_cocoro_04.jpg") 0 0 no-repeat;
}

#cd5 ul li#cd_ttl5{
width:521px;
background:transparent url("../img/dc_cocoro_05.jpg") 0 0 no-repeat;
}

#cd5 ul li#cd_ttl6{
width:521px;
background:transparent url("../img/dc_cocoro_06.jpg") 0 0 no-repeat;
}

#cd5 ul li#cd_ttl7{
width:521px;
background:transparent url("../img/dc_cocoro_07.jpg") 0 0 no-repeat;
}

#cd5 ul li#cd_ttl8{
width:521px;
background:transparent url("../img/dc_cocoro_08.jpg") 0 0 no-repeat;
}

#cd5 ul li#cd_ttl9{
width:521px;
background:transparent url("../img/dc_cocoro_09.jpg") 0 0 no-repeat;
}

#cd5 ul li#cd_ttl10{
width:521px;
background:transparent url("../img/dc_cocoro_10.jpg") 0 0 no-repeat;
}

li.ccr_audition:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

/*
-----	CD5 cocoro flavor	-----
*/

#cd6 ul li.lovegift_audition{
background:url("../img/playbtn_bg6.gif") 0 0 no-repeat;
margin:0 0 0 0;
display:block;
padding:0;
width:197px;
}

#cd6 ul li.lovegift_audition a{
background:transparent url("../img/playbtn6.gif") 0 0 no-repeat;
margin:10px 60px;
display:block;
padding:0;
width:79px;
height:23px;
text-indent:-10000px;
}

#cd6 ul li#cd_ttl1{
width:521px;
background:transparent url("../img/dc_lovegift_01.gif") 0 0 no-repeat;
}

#cd6 ul li#cd_ttl2{
width:521px;
background:transparent url("../img/dc_lovegift_02.gif") 0 0 no-repeat;
}

#cd6 ul li#cd_ttl3{
width:521px;
background:transparent url("../img/dc_lovegift_03.gif") 0 0 no-repeat;
}

#cd6 ul li#cd_ttl4{
width:521px;
background:transparent url("../img/dc_lovegift_04.gif") 0 0 no-repeat;
}

#cd6 ul li#cd_ttl5{
width:521px;
background:transparent url("../img/dc_lovegift_05.gif") 0 0 no-repeat;
}

#cd6 ul li#cd_ttl6{
width:521px;
background:transparent url("../img/dc_lovegift_06.gif") 0 0 no-repeat;
}

#cd6 ul li#cd_ttl7{
width:521px;
background:transparent url("../img/dc_lovegift_07.gif") 0 0 no-repeat;
}

#cd6 ul li#cd_ttl8{
width:521px;
background:transparent url("../img/dc_lovegift_08.gif") 0 0 no-repeat;
}

#cd6 ul li#cd_ttl9{
width:521px;
background:transparent url("../img/dc_lovegift_09.gif") 0 0 no-repeat;
}

#cd6 ul li#cd_ttl10{
width:521px;
background:transparent url("../img/dc_lovegift_10.gif") 0 0 no-repeat;
}

li.lovegift_audition:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}


/*
-----	CD5 cocoro flavor	-----
*/

#cd7 ul li.dramatic_audition{
background:url("../img/playbtn_bg7.gif") 0 0 no-repeat;
margin:0 0 0 0;
display:block;
padding:0;
width:197px;
}

#cd7 ul li.dramatic_audition a{
background:transparent url("../img/playbtn7.gif") 0 0 no-repeat;
margin:10px 60px;
display:block;
padding:0;
width:79px;
height:23px;
text-indent:-10000px;
}

#cd7 ul li#cd_ttl1{
width:521px;
background:transparent url("../img/dc_dramatic_01.gif") 0 0 no-repeat;
}

#cd7 ul li#cd_ttl2{
width:521px;
background:transparent url("../img/dc_dramatic_02.gif") 0 0 no-repeat;
}

#cd7 ul li#cd_ttl3{
width:521px;
background:transparent url("../img/dc_dramatic_03.gif") 0 0 no-repeat;
}

#cd7 ul li#cd_ttl4{
width:521px;
background:transparent url("../img/dc_dramatic_04.gif") 0 0 no-repeat;
}

#cd7 ul li#cd_ttl5{
width:521px;
background:transparent url("../img/dc_dramatic_05.gif") 0 0 no-repeat;
}

#cd7 ul li#cd_ttl6{
width:521px;
background:transparent url("../img/dc_dramatic_06.gif") 0 0 no-repeat;
}

#cd7 ul li#cd_ttl7{
width:521px;
background:transparent url("../img/dc_dramatic_07.gif") 0 0 no-repeat;
}

#cd7 ul li#cd_ttl8{
width:521px;
background:transparent url("../img/dc_dramatic_08.gif") 0 0 no-repeat;
}


li.dtamatic_audition:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}


/*
-----	mobile	-----
*/

#mobile h3 img{
padding:20px 0 0 0 ;
}

div.mobile_bg{
margin-top:15px;
background:url("../img/mobile_1_bg.jpg") 0 0 no-repeat;
width:780px;
height:161px;
clear:both;
}

div.mail {
float:left;
width:390px;
height:160px;
}

div.qr{
float:left;
width:390px;
height:160px;
}

div.qr img{
padding: 55px 0 0 150px;
}
table.formtable{
margin:50px 0 0 50px;
}

div.mobile_bg_2{
width:780px;
height:400px;
background:url("../img/mobile_bg2.jpg") 0 0 no-repeat;
}

div.inbox{
width:750px;
padding:40px 15px 0;
font-size:78%;
}
div.inbox h4{
font-size:16px;
line-height:1.5em;
margin-left:5px;
}


div.inbox p{
font-size:130%;}


.bold{
font-weight:bold;
margin:0 3px;
}

.font_red{
color:#FF0000;
}

/*
-----	introduuction	-----
*/


#intro h2{
padding:0 0 20px;
}

#intro div.txt{
padding:1em 0;
width:780px;
}


#biog h2{
padding-bottom:20px;
}