@charset "utf-8";

/*ニュース*/

.news section div a{
color:#300;
padding:10px;
padding-top:2px;
margin-top:5px;
margin-bottom:5px;
display:block;
text-indent:10px;
background:#FEF;
border-radius:5px;
}

.news section div a:hover{
background:#F90;
}

/*キャラクター*/

.thumb{
position:relative;
z-index:50;
}

.thumb li a{
float:left;
width:50px;
height:50px;
display:block;
margin-right:9px;
box-shadow:#999 1px 1px 4px 1px;
text-indent:-9999px;
position:relative;
z-index:40;
}

#thumb01_ li a{
background:url(../img/thumb01.jpg) no-repeat;
cursor:default;
}

#thumb02 li a{
background:url(../img/thumb02.jpg) no-repeat;
cursor:default;
}

.chara{
width:720px;
min-height:510px;
}

.chara_{
width:720px;
min-height:770px;
}

.standup{
position:absolute;
z-index:20;
margin-top:-70px;
margin-left:290px;
}

.standup_{
position:absolute;
z-index:20;
margin-top:-110px;
margin-left:290px;
}

.shift{
width:158px;
margin-top:-70px;
margin-left:575px;
position:absolute;
z-index:30;
background:url(../img/shift_.png) no-repeat;
}

.shift li a{
width:75px;
height:75px;
display:block;
text-indent:-9999px;
position:relative;
z-index:20;
margin-top:60px;
margin-bottom:-50px;
margin-left:80px;
background:url(../img/shift.png) no-repeat;
}

#shift0000 a:link{background-position:0px 0px;}
#shift0001 a:link{background-position:-75px 0px;}
#shift0002 a:link{background-position:-150px 0px;}
#shift0100 a:link{background-position:-225px 0px;}
#shift0101 a:link{background-position:-300px 0px;}

#shift0000 a:hover,#shift0000 a.active{background-position:0px -75px;}
#shift0001 a:hover,#shift0001 a.active{background-position:-75px -75px;}
#shift0002 a:hover,#shift0002 a.active{background-position:-150px -75px;}
#shift0100 a:hover,#shift0100 a.active{background-position:-225px -75px;}
#shift0101 a:hover,#shift0101 a.active{background-position:-300px -75px;}

hgroup{
background:url(../img/chara_name.png) no-repeat;
width:424px;
height:188px;
margin-top:60px;
margin-left:0px;
}

.chara06{
margin-top:100px;
}

hgroup h4{
color:#300;
font-size:24px;
font-weight:bold;
text-align:center;
text-indent:-10px;
letter-spacing:3px;
background:none;
border:none;
border-bottom:dashed 2px #300;
border-spacing:10px;
list-style:none;
width:350px;
margin:0 auto;
padding:0;
padding-top:14px;
position:relative;
z-index:20px;
}

hgroup h3{
color:#F69;
font-size:60px;
text-align:center;
letter-spacing:10px;
background:none;
border:none;
list-style:none;
margin:0;
margin-bottom:-12px;
padding:0;
position:relative;
z-index:20px;
}

.chara00 h3{color:#F69;}
.chara01 h3{color:#F90;}
.chara02 h3{color:#33F;}
.chara03 h3{color:#C00;}
.chara04 h3{color:#306;}
.chara05 h3{color:#C90;}
.chara06 h3{color:#600;}

hgroup h5{
float:left;
color:#300;
font-size:18px;
font-weight:normal;
letter-spacing:2px;
display:inline-block;
background:none;
margin:0;
margin-left:25px;
padding:0;
position:relative;
z-index:20px;
}

hgroup h5 span{
color:#FFF;
font-size:15px;
background:#300;
border-radius:3px;
font-weight:normal;
padding-top:1px;
padding-left:4px;
padding-right:4px;
margin-right:10px;
position:relative;
z-index:20px;
}

hgroup h6{
float:right;
color:#F69;
font-size:18px;
font-weight:bold;
letter-spacing:2px;
text-align:right;
background:none;
border:none;
list-style:none;
margin:0;
margin-right:35px;
padding:0;
position:relative;
z-index:20px;
}

.chara00 h6{color:#F69;}
.chara01 h6{color:#F90;}
.chara02 h6{color:#33F;}
.chara03 h6{color:#C00;}
.chara04 h6{color:#306;}
.chara05 h6{color:#C90;}
.chara06 h6{color:#600;}

hgroup img{
position:absolute;
z-index:10px;
margin-top:40px;
}

.voice{
width:370px;
height:100px;
margin-top:-10px;
margin-left:70px;
position:relative;
z-index:60;
background:url(../img/chara_voice.png) no-repeat;
}

#voice00{background-position:0px 0px;}
#voice01{background-position:0px -100px;}
#voice02{background-position:0px -200px;}
#voice03{background-position:0px -300px;}
#voice04{background-position:0px -400px;}
#voice05{background-position:0px -500px;}

.voice li a{
float:left;
width:42px;
height:43px;
display:block;
text-indent:-9999px;
margin-top:34px;
margin-left:90px;
margin-right:-70px;
background:url(../img/chara_play.png) no-repeat;
}

#voice00 a:link{background-position:0px 0px;}
#voice01 a:link{background-position:-42px 0px;}
#voice02 a:link{background-position:-84px 0px;}
#voice03 a:link{background-position:-126px 0px;}
#voice04 a:link{background-position:-168px 0px;}
#voice05 a:link{background-position:-210px 0px;}

.voice li a:hover{
filter: alpha(opacity=5);
-moz-opacity:0.5;
opacity:0.5;
}

.photo{
width:600px;
height:453px;
margin-top:-35px;
margin-bottom:-50px;
position:relative;
z-index:0;
}

.photo_{
width:600px;
height:453px;
margin-bottom:-50px;
position:relative;
z-index:0;
}

#chara_00{background:url(../img/chara_00.png) no-repeat;}
#chara_01{background:url(../img/chara_01.png) no-repeat;}
#chara_02{background:url(../img/chara_02.png) no-repeat;}
#chara_03{background:url(../img/chara_03.png) no-repeat;}
#chara_04{background:url(../img/chara_04.png) no-repeat;}
#chara_05{background:url(../img/chara_05.png) no-repeat;}


.prof{
max-width:580px;
position:absolute;
padding:10px;
padding-left:40px;
padding-right:40px;
background:url(../img/bg_prof.png);
border-radius:5px;
box-shadow:#999 1px 1px 4px 1px;
position:relative;
z-index:40;
}

.prof_{
min-width:280px;
max-width:410px;
position:absolute;
padding:10px;
padding-left:20px;
padding-right:20px;
background:url(../img/bg_prof.png);
border-radius:5px;
box-shadow:#999 1px 1px 4px 1px;
position:relative;
z-index:40;
}

.prof p,.prof_ p{
font-size:14px;
margin:auto;
}

/*ギャラリー*/
/*#gallery{
height:830px;
}*/

.gallery{
margin-left:15px;
margin-top:0px;
padding-bottom:20px;
}

#stage li{
float:left;
}

.gallery li a{
float:left;
width:220px;
height:124px;
margin-top:30px;
margin-bottom:3px;
margin-right:18px;
border:solid 5px #FFF;
border-radius:2px;
box-shadow:#999 1px 1px 4px 1px;
}

#gallery li a{
float:left;
width:220px;
height:124px;
margin-top:30px;
margin-bottom:20px;
margin-right:18px;
border:solid 5px #FFF;
border-radius:2px;
box-shadow:#999 1px 1px 4px 1px;
}

#gallery li a{
background:url(../img/gallery.jpg) no-repeat;
}

#stage li a{
background:url(../img/stage.jpg) no-repeat;
}

.gallery li a:hover,#gallery li a:hover{
border:solid 5px #F90;
}

.gallery li p{
clear:both;
color:#FFF;
font-size:13px;
text-align:center;
letter-spacing:3px;
width:230px;
margin-bottom:15px;
padding-top:3px;
padding-bottom:2px;
background:#600;
}

.new{
margin-top:-45px;
margin-left:-10px;
position:absolute;
z-index:100;
}

.tape{
margin-top:-30px;
margin-left:70px;
position:absolute;
z-index:100;
}

#cg00 a:link,#bg00 a:link{background-position:0px 0px;}
#cg01 a:link,#bg01 a:link{background-position:-220px 0px;}
#cg02 a:link,#bg02 a:link{background-position:-440px 0px;}

#cg03 a:link,#bg03 a:link{background-position:0px -124px;}
#cg04 a:link,#bg04 a:link{background-position:-220px -124px;}
#cg05 a:link,#bg05 a:link{background-position:-440px -124px;}

#cg06 a:link,#bg06 a:link{background-position:0px -248px;}
#cg07 a:link,#bg07 a:link{background-position:-220px -248px;}
#cg08 a:link,#bg08 a:link{background-position:-440px -248px;}

#cg09 a:link,#bg09 a:link{background-position:0px -372px;}
#cg10 a:link,#bg10 a:link{background-position:-220px -372px;}
#cg11 a:link,#bg11 a:link{background-position:-440px -372px;}

#cg12 a:link,#bg12 a:link{background-position:0px -496px;}
#cg13 a:link,#bg13 a:link{background-position:-220px -496px;}
#cg14 a:link,#bg14 a:link{background-position:-440px -496px;}

#cg15 a:link,#bg15 a:link{background-position:0px -620px;}
#cg16 a:link,#bg16 a:link{background-position:-220px -620px;}
#cg17 a:link,#bg17 a:link{background-position:-440px -620px;}

#cg18 a:link,#bg18 a:link{background-position:0px -744px;}
#cg19 a:link,#bg19 a:link{background-position:-220px -744px;}
#cg20 a:link,#bg20 a:link{background-position:-440px -744px;}

#boader{
width:730px;
border-bottom:dashed 1px #FFF;
clear:both;
}

.gallery .cg a:link,.gallery .bg a:link{cursor:default;}
.gallery .cg a:hover,.gallery .bg a:hover{border:solid 5px #FFF;}

/*ダウンロード*/
.download ul{
margin:auto;
}

.download li{
float:left;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
}

.download textarea{
color:#300;
width:218px;
height:40px;
border:dashed 1px #300;
margin:0;
padding:0;
margin-bottom:20px;
background:#FFFCC5;
}

.download p{
padding:10px;
}

.download h6{
clear:both;
margin-bottom:40px;
}

.download h6 a{
color:#FFF;
font-size:16px;
font-weight:normal;
text-decoration:none;
text-align:center;
display:block;
margin-left:10px;
margin-right:10px;
padding-top:5px;
padding-bottom:3px;
padding-left:10px;
padding-right:10px;
background:url(../img/btn.gif);
background-position:0px -50px;
border-radius:5px;
box-shadow:#999 1px 1px 4px 1px;
}

.download h6 a:hover{
background-position:0px 0px;
}

#bn_120x600 li{
margin-top:10px;
margin-left:60px;
margin-right:60px;
margin-bottom:10px;
}

#bn_200x200 li{
margin-top:10px;
margin-left:20px;
margin-right:20px;
margin-bottom:0px;
}

#bn_650x120 li{
margin-top:10px;
margin-left:20px;
margin-right:20px;
margin-bottom:0px;
}

#bn_650x120 textarea{
width:650px;
margin-top:-10px;
margin-bottom:10px;
}

#bn_200x40 li{
margin-top:10px;
margin-left:20px;
margin-right:20px;
margin-bottom:0px;
float:left;
}

#bn_200x40 textarea{
width:410px;
}

#twitter_icon{width:540px;}
#twitter_bg{width:720px;}

#twitter_icon li a,#twitter_bg li a,#poster{
filter: alpha(opacity=10);
-moz-opacity:1;
opacity:1;
}

#twitter_icon li a:hover,#twitter_bg li a:hover,#poster:hover{
filter: alpha(opacity=7);
-moz-opacity:0.7;
opacity:0.7;
}

.download div{clear:both;}

#trial p{
margin:0px;
padding:0px;
margin-left:10px;
}

#please{
padding:10px;
background:#FFF;
border-bottom:dashed 1px #330000;
}

#please_{
background:#FEF;
}

#please p{
font-size:13px;
text-height:10px;
letter-spacing:1px;
margin:0px;
padding:2px;
padding-left:10px;
}

#please p span{
font-size:13px;
font-weight:bold;
}

#please p img{
margin:5px;
padding:0px;
}

#trial a:link{color:#F36;}
#trial a:visited{color:#F36;}
#trial a:hover{color:#F90;}
#trial img{margin-top:10px;}
#trial dl{margin-bottom:20px;}
#trial dt{width:250px;}
#trial dd{min-width:200px;}
#trial dd font{margin-left:10px;}

/*特典情報*/
.special div{clear:both;}

#store{
margin:0;
width:720px;
height:512px;
margin-top:10px;
background:url(../img/store.jpg) no-repeat;
}

#store a{
position:absolute;
margin-top:210px;
margin-left:10px;
border-radius:5px;
}

#store a:hover{
background:#F90;
}

#shop{
padding-bottom:20px;
}

#shop .shop{
float:left;
width:230px;
margin-left:10px;
margin-bottom:10px;
}

.special p{
padding:5px;
}

#shop{
height:720px;
}

#shop .shop a{
width:200px;
height:300px;
margin-left:10px;
display:block;
background:url(../img/shop.jpg) no-repeat;
border:solid 5px #FFF;
border-radius:2px;
box-shadow:#999 1px 1px 4px 1px;
}

#shop .shop a:hover{
filter: alpha(opacity=7);
-moz-opacity:0.7;
opacity:0.7;
}

#shop05{
margin-bottom:30px;
}

a#shop00:link{background-position:0 0;}
a#shop01:link{background-position:-200px 0;}
a#shop02:link{background-position:-400px 0;}
a#shop03:link{background-position:0 -300px;}
a#shop04:link{background-position:-200px -300px;}
a#shop05:link{background-position:-400px -300px;}

#enquete{
margin:0;
width:720px;
height:600px;
margin-top:10px;
margin-bottom:10px;
background:url(../img/enquete.jpg) no-repeat;
}

#switch li a{
float:left;
width:95px;
height:95px;
display:block;
margin-left:60px;
margin-right:-45px;
margin-top:315px;
text-indent:-9999px;
position:relative;
z-index:20;
background:url(../img/switch.png) no-repeat;
}

#switch00 a:link{background-position:0 0;}
#switch01 a:link{background-position:-95px 0;}
#switch02 a:link{background-position:-190px 0;}
#switch00 a:hover,#switch00 a.active{background-position:0 -95px;}
#switch01 a:hover,#switch01 a.active{background-position:-95px -95px;}
#switch02 a:hover,#switch02 a.active{background-position:-190px -95px;}

.enquete{
width:298px;
height:556px;
position:absolute;
margin-top:44px;
margin-left:405px;
}

#enquete00{background:url(../img/enquete00.png) no-repeat;}
#enquete01{background:url(../img/enquete01.png) no-repeat;}
#enquete02{background:url(../img/enquete02.png) no-repeat;}

#enquete_link a{
width:414px;
height:140px;
display:block;
position:absolute;
margin-top:48px;
background:url(../img/enquete_link.png) no-repeat;
}

#enquete_link a:hover{background-position:0 -140px;}

#patch p{
padding:10px;
font-size:13px;
background:url(../img/bg_prof.png);
}

#patch p.p_center{
color:#F39;
font-size:14px;
font-weight:bold;
text-align:center;
background:none;
}

#patch_dl a{
width:720px;
height:60px;
display:block;
background:url(../img/patch_dl.png) no-repeat;
text-indent:-9999px;
margin-bottom:20px;
}

#patch_dl a:hover{background-position:0 -60px;}

#point{
width:720px;
height:740px;
margin-top:10px;
background:url(../img/point.png) no-repeat;
}

#point a img{
margin-left:430px;
margin-top:50px;
}

#point a img:hover{
filter: alpha(opacity=7);
-moz-opacity:0.7;
opacity:0.7;
}

#point_btn a{
width:660px;
height:70px;
display:block;
background:url(../img/point_btn.png) no-repeat;
text-indent:-9999px;
margin:auto;
}

#point_btn a:hover{background-position:0 -70px;}