html{
height: 100%;
margin: 0;
}
body{
height: 100%;
margin: 0;
padding: 0;
background-color: #ffffff;
text-align: center;
}
img{
margin: 0px;
padding: 0px;
border: none;
}
p{
margin: 0px;
padding: 0px;
font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック", "Osaka";
color: #333333;
font-size: 12px;
line-height: 1.2;
text-align: center;
}
.red{
color: #ff0000;
}
.bold{
font-weight: bold;
}
.clear{
clear: both;
}
.space3{
padding: 3px 0px 0px 0px;
}
.space5{
padding: 5px 0px 0px 0px;
}
.space7{
padding: 7px 0px 0px 0px;
}
.space10{
padding: 10px 0px 0px 0px;
}
.space15{
padding: 15px 0px 0px 0px;
}
.space20{
padding: 20px 0px 0px 0px;
}
.space25{
padding: 25px 0px 0px 0px;
}
.strike{
color: #333333;
text-decoration: line-through;
}
/*共通部分-------------------------------------*/
#wrap{
margin: 0px;
padding: 0px;
background: url(../img/bg.png) repeat;
background-color: #ffffff;
background-attachment: fixed;
text-align: center;
}
#mframe{
width: 916px;
height: 100%;
min-height: 100%;
margin: 0px auto 0px auto;
padding: 0px;
background: url(../img/mframebg.png) repeat-y;
text-align: center;
}
body > #mframe{
height: auto;
}
#baseframe{
width: 840px;
margin: 0px 10px 0px 10px;
padding: 0px;
text-align: left;
}
/*↓トップページと共通ページ併記----------------*/
#basepict{
width: 860px;
height: 1260px;
margin: 0px 28px 0px 28px;
padding: 0px;
background: url(../pict/topbase.jpg) no-repeat;
text-align: center;
}
#basebg{
width: 860px;
height: 82px;
margin: 0px 28px 0px 28px;
padding: 0px;
background: url(../img/basebg.png) no-repeat;
text-align: center;
}
#topheader{
width: 840px;
height: 55px;
}
#header{
width: 840px;
height: 82px;
}
#toptitle{
float: left;
width: 740px;
margin: 10px 0px 0px 0px;
padding: 0px;
}
#toptitle2{
float: left;
width: 740px;
margin: 8px 0px 0px 0px;
padding: 0px;
}
/*↑トップページと共通ページ併記----------------*/
#toplogo{
float: right;
width: 85px;
margin: 10px 0px 0px 0px;
padding: 0px;
}
#footer{
width: 860px;
margin: 0px 28px 0px 28px;
padding: 5px 0px 3px 0px;
text-align: center;
}
#footer_line{
height: 1px;
margin: 0px 0px 3px 0px;
padding: 0px 0px 0px 0px;
background: url(../img/linesolid.gif) repeat-x;
}
#copy{
width: 650px;
margin: 0px auto 0px auto;
padding: 0px;
text-align: center;
}
.entry{
width: 840px;
margin: 0px 38px 5px 38px;
padding: 0px;
text-align: center;
}
.entry_top{
width: 840px;
height: 50px;
margin: 0px;
padding: 0px;
}
.entry_body{
width: 840px;
margin: 0px;
padding: 0px;
background: url(../img/entry_body.png) repeat-y;
}
.entry_bottom{
width: 840px;
height: 6px;
margin: 0px;
padding: 0px;
background: url(../img/entry_bottom.png) no-repeat;
}
.entry_cap{
width: 840px;
height: 30px;
margin: 0px;
padding: 15px 0px 15px 0px;
text-align: center;
}
/*トップページ-------------------------------------*/
#topnav ul li{
list-style: none;
display: inline;
}
.top_tokuten01{
width: 190px;
height: 190px;
margin: 0px 0px 0px 15px;
padding: 0px 0px 0px 0px;
text-align: center;
}
.top_tokuten02{
width: 190px;
height: 90px;
margin: 15px 0px 0px 15px;
padding: 0px 0px 0px 0px;
text-align: center;
}
.top_ouen{
width: 190px;
height: 100px;
margin: 10px 0px 0px 15px;
padding: 0px 0px 0px 0px;
text-align: center;
}
.top_mbt{
width: 135px;
height: 135px;
margin: 5px 0px 0px 700px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#topnav_menu{
width: 832px;
height: 35px;
margin: 345px 0px 0px 4px;
padding: 0px 0px 0px 0px;
text-align: center;
display: block;
}
#topmid{
width: 840px;
height: 241px;
margin: 35px 0px 0px 0px;
}
#topmovie{
float: left;
width: 384px;
height: 241px;
}
#topnews{
float: right;
width: 446px;
height: 241px;
background: url("../img/topnews_bg.png") no-repeat;
}
#topmid2{
width: 840px;
height: 241px;
margin: 10px 0px 0px 0px;
}
#toppublishing{
float: right;
width: 446px;
height: 241px;
background: url("../img/toppublishing_bg.png") no-repeat;
}
#topother{
float: left;
width: 384px;
height: 241px;
}
.topimg{
margin: 2px 0px 0px 0px;
}
iframe{
width: 442px;
height: 212px;
margin: 23px 2px 6px 2px;
padding: 0px 0px 0px 0px;
border:none;
}
/*共通ページ-----------------------------------*/
#nav ul li{
list-style: none;
display: inline;
}
#nav_menu{
float: right;
width: 524px;
height: 23px;
margin: 23px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
display: block;
}
/*キャラ紹介ページ-----------------------------------*/
ul#chara_nav li{
list-style: none;
display: inline;
}
#chara_nav{
width: 600px;
height: 50px;
margin: 0px auto 0px auto;
padding: 4px 0px 0px 0px;
text-align: center;
display: block;
}
ul#chara_sub_nav li{
list-style: none;
display: inline;
}
#chara_sub_nav{
width: 480px;
height: 50px;
margin: 0px auto 0px auto;
padding: 4px 0px 0px 0px;
text-align: center;
display: block;
}
.chara_menu{
float: left;
width: 120px;
height: 50px;
margin: 0px 0px 0px 0px;
padding: 0px;
}
.chara_line{
width: 740px;
height: 1px;
margin: 15px auto 0px auto;
padding: 0px 0px 15px 0px;
background: url(../img/linedash.gif) repeat-x;
text-align: center;
}
.chara_line_y{
width: 740px;
height: 1px;
margin: 15px auto 0px auto;
padding: 0px 0px 0px 0px;
background: url(../img/linedash.gif) repeat-x;
text-align: center;
}
#chara_rurumi{
width: 840px;
height: 680px;
margin: 0px;
padding: 0px;
background: url("../pict/chara_rurumi.jpg") no-repeat;
display: block;
text-align: left;
}
#chara_mana{
width: 840px;
height: 680px;
margin: 0px;
padding: 0px;
background: url("../pict/chara_mana.jpg") no-repeat;
display: block;
text-align: left;
}
#chara_shizuku{
width: 840px;
height: 680px;
margin: 0px;
padding: 0px;
background: url("../pict/chara_shizuku.jpg") no-repeat;
display: block;
text-align: left;
}
#chara_honoka{
width: 840px;
height: 680px;
margin: 0px;
padding: 0px;
background: url("../pict/chara_honoka.jpg") no-repeat;
display: block;
text-align: left;
}
#chara_chieri{
width: 840px;
height: 680px;
margin: 0px;
padding: 0px;
background: url("../pict/chara_chieri.jpg") no-repeat;
display: block;
text-align: left;
}
#chara_nene{
width: 840px;
height: 680px;
margin: 0px;
padding: 0px;
background: url("../pict/chara_nene.jpg") no-repeat;
display: block;
text-align: left;
}
#chara_karen{
width: 840px;
height: 680px;
margin: 0px;
padding: 0px;
background: url("../pict/chara_karen.jpg") no-repeat;
display: block;
text-align: left;
}
#chara_uzuki{
width: 840px;
height: 680px;
margin: 0px;
padding: 0px;
background: url("../pict/chara_uzuki.jpg") no-repeat;
display: block;
text-align: left;
}
#chara_yuriko{
width: 840px;
height: 695px;
margin: 0px;
padding: 0px;
background: url("../pict/chara_yuriko.jpg") no-repeat;
display: block;
text-align: left;
}
ul.voice_left li,ul.voice_right li,ul.voice_right_y li{
list-style: none;
display: inline;
}
.voice_left{
width: 420px;
margin: 0px 0px 0px 75px;
padding: 578px 0px 0px 0px;
text-align: center;
display: block;
}
.voice_right{
width: 420px;
margin: 0px 0px 0px 340px;
padding: 578px 0px 0px 0px;
text-align: center;
display: block;
}
.voice_right_y{
width: 420px;
margin: 0px 0px 0px 340px;
padding: 593px 0px 0px 0px;
text-align: center;
display: block;
}
.voice_bt1{
float: left;
width: 66px;
height: 66px;
margin: 0px 0px 0px 4px;
padding: 0px;
}
.voice_bt2{
float: right;
width: 66px;
height: 66px;
margin: 0px 0px 0px 4px;
padding: 0px;
}
/*ギャラリーページ-----------------------------------*/
#gallery_entry{
width: 800px;
margin: 0px auto 0px auto;
padding: 0px;
text-align: left;
}
ul.cg_list li{
list-style: none;
display: inline;
}
.cg_list{
width: 774px;
margin: 0px auto 0px auto;
padding: 3px 0px 0px 0px;
text-align: center;
display: block;
}
.thumbnail1{
float: left;
width: 256px;
height: 144px;
margin: 0px 0px 0px 0px;
padding: 0px;
}
.thumbnail2{
float: left;
width: 256px;
height: 144px;
margin: 0px 0px 0px 3px;
padding: 0px;
}
.thumbnail3{
float: left;
width: 256px;
height: 144px;
margin: 0px 0px 0px 3px;
padding: 0px;
}
/*ダウンロードページ-----------------------------------*/
.down_entry{
width: 770px;
margin: 0px auto 0px auto;
padding: 0px;
text-align: center;
}
.down_line{
width: 770px;
height: 1px;
margin: 5px auto 0px auto;
padding: 0px 0px 7px 0px;
background: url(../img/linedash.gif) repeat-x;
text-align: center;
}
.down_tt{
margin: 0px;
padding: 0px;
font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック", "Osaka";
color: #666666;
font-weight: bold;
font-size: 12px;
line-height: 1.2;
text-align: left;
}
.down_txt01{
margin: 0px;
padding: 0px;
font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック", "Osaka";
color: #333333;
font-size: 10px;
line-height: 1.2;
text-align: center;
}
.down_txt02{
margin: 0px;
padding: 0px;
font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック", "Osaka";
color: #333333;
font-size: 10px;
line-height: 1.8;
text-align: center;
}
.down_txt03{
margin: 0px;
padding: 0px;
font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック", "Osaka";
color: #ff0000;
font-size: 12px;
line-height: 1.2;
text-align: center;
}
.down_movie{
width: 700px;
margin: 0px auto 0px auto;
padding: 0px;
text-align: left;
}
.down_movie_left{
float: left;
width: 390px;
padding: 0px;
}
.down_movie_right{
float: right;
width: 300px;
padding: 0px;
}
ul.down_twicon1 li,ul.down_twicon2 li{
list-style: none;
display: inline;
}
.down_twicon1{
width: 656px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
text-align: center;
display: block;
}
.down_twicon2{
width: 656px;
margin: 0px auto 0px auto;
padding: 4px 0px 0px 0px;
text-align: center;
display: block;
}
.twicon1{
float: left;
width: 128px;
height: 128px;
margin: 0px 0px 0px 0px;
padding: 0px;
}
.twicon2{
float: left;
width: 128px;
height: 128px;
margin: 0px 0px 0px 4px;
padding: 0px;
}
/*スペシャルページ-----------------------------------*/
.tokuten_entry{
width: 770px;
margin: 0px auto 0px auto;
padding: 0px;
text-align: left;
}
.tokuten_line{
width: 770px;
height: 1px;
margin: 5px auto 0px auto;
padding: 0px 0px 5px 0px;
background: url(../img/linedash.gif) repeat-x;
text-align: center;
}
.tokuten_sub{
margin: 0px;
padding: 0px;
font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック", "Osaka";
color: #666666;
font-weight: bold;
font-size: 12px;
line-height: 1.2;
text-align: left;
}
.sp_bn_entry{
width: 770px;
margin: 0px auto 0px auto;
padding: 0px;
text-align: left;
}
.sp_bn_size{
margin: 0px;
padding: 0px;
font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック", "Osaka";
color: #666666;
font-weight: bold;
font-size: 12px;
line-height: 1.2;
text-align: left;
}
.sp_bn_txt{
margin: 0px;
padding: 0px;
font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック", "Osaka";
color: #666666;
font-size: 12px;
line-height: 1.2;
text-align: left;
}
.sp_bn_line{
width: 770px;
height: 1px;
margin: 5px auto 0px auto;
padding: 0px 0px 5px 0px;
background: url(../img/linedash.gif) repeat-x;
text-align: center;
}
textarea.bn600160{
width: 158px;
height: 156px;
font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック", "Osaka";
color: #666666;
font-size: 12px;
line-height: 1.2;
background-color: #FFFFFF;
}
textarea.bn120600{
width: 116px;
height: 40px;
font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック", "Osaka";
color: #666666;
font-size: 12px;
line-height: 1.2;
background-color: #FFFFFF;
}
textarea.bn200200{
width: 196px;
height: 40px;
font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック", "Osaka";
color: #666666;
font-size: 12px;
line-height: 1.2;
background-color: #FFFFFF;
}
textarea.bn20040{
width: 400px;
height: 36px;
font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック", "Osaka";
color: #666666;
font-size: 12px;
line-height: 1.2;
background-color: #FFFFFF;
}
/*応援イラストページ-----------------------------------*/
#ouen_entry{
width: 760px;
margin: 0px auto 0px auto;
padding: 0px;
text-align: center;
}
.ouen_entry_l{
float: left;
width: 370px;
text-align: left;
}
.ouen_entry_r{
float: right;
width: 370px;
text-align: left;
}
.ouen_line{
width: 370px;
height: 1px;
margin: 5px auto 0px auto;
padding: 0px 0px 5px 0px;
background: url(../img/linedash.gif) repeat-x;
text-align: center;
}
.ouen_captxt{
margin: 0px;
padding: 0px;
font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック", "Osaka";
color: #666666;
font-weight: bold;
font-size: 12px;
line-height: 1.2;
text-align: left;
}
.ouen_link{
margin: 3px 0px 0px 0px;
padding: 0px;
text-align: right;
float: right;
}
/*アンケートページ-----------------------------------*/
.vote_entry{
width: 750px;
height: 1103px;
margin: 0px auto 0px auto;
padding: 0px;
text-align: center;
}
/*キャンペーンページ-----------------------------------*/
.cam_entry{
width: 650px;
margin: 0px auto 0px auto;
padding: 0px;
text-align: center;
}
.cam_captxt{
margin: 0px;
padding: 0px;
font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック", "Osaka";
color: #666666;
font-weight: bold;
font-size: 12px;
line-height: 1.2;
text-align: left;
}
.cam_txt{
margin: 0px;
padding: 4px 0px 0px 0px;
text-align: left;
}
.cam_line{
width: 650px;
height: 1px;
margin: 5px auto 0px auto;
padding: 0px 0px 5px 0px;
background: url(../img/linedash.gif) repeat-x;
text-align: center;
}
.cam_pre{
width: 650px;
margin: 0px auto 0px auto;
padding: 0px;
text-align: left;
}
.cam_pre_l{
float: left;
width: 250px;
padding: 4px 0px 0px 0px;
text-align: left;
}
.cam_pre_r{
float: right;
width: 400px;
text-align: left;
}
.form_entry{
width: 650px;
margin: 0px auto 0px auto;
padding: 0px;
text-align: left;
}
#form_left{
float: left;
width: 280px;
padding: 25px 0px 0px 0px;
}
#form_right{
float: right;
width: 360px;
}
.form_txt{
margin: 0px;
padding: 0px;
font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック", "Osaka";
color: #333333;
font-size: 12px;
text-align: left;
}
input.form{
margin: 0px;
width: 240px;
height: 16px;
border: 1px #333333 solid;
padding: 2px;
font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック", "Osaka";
color: #333333;
font-size: 12px;
line-height: 1.2;
text-align: left;
}
textarea.form{
margin: 0px;
width: 360px;
height: 120px;
border: 1px #333333 solid;
padding: 2px;
font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック", "Osaka";
color: #333333;
font-size: 12px;
line-height: 1.2;
text-align: left;
}
/*スペックページ-----------------------------------*/
.spec_entry{
width: 650px;
margin: 0px auto 0px auto;
padding: 0px;
text-align: center;
}
.spec_entry_left01{
float: left;
width: 325px;
padding: 0px;
}
.spec_entry_right01{
float: right;
width: 325px;
padding: 0px;
}
.spec_entry_left02{
float: left;
width: 325px;
padding: 0px;
}
.spec_entry_right02{
float: right;
width: 325px;
padding: 0px;
}
.spec_captxt{
margin: 0px;
padding: 0px;
font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック", "Osaka";
color: #666666;
font-weight: normal;
font-size: 12px;
line-height: 1.2;
text-align: left;
}
.red{
color: ff0000;
}
.spec_txt{
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 4px 0px 0px 0px;
text-align: left;
}
.spec_line{
width: 300px;
height: 1px;
margin: 5px 0px 0px 0px;
padding: 0px 0px 5px 0px;
background: url(../img/linedash.gif) repeat-x;
text-align: left;
}
/*トップページロールオーバー-------------------*/
a#topbt_story{
background: url("../img/topbt_story.png") no-repeat;
width: 137px;
height: 35px;
display: block;
float: left;
margin: 0px 2px 0px 0px;
padding: 0px;
}
a#topbt_story:hover{
background: url("../img/topbt_story_on.png") no-repeat;
}
a#topbt_chara{
background: url("../img/topbt_chara.png") no-repeat;
width: 137px;
height: 35px;
display: block;
float: left;
margin: 0px 2px 0px 0px;
padding: 0px;
}
a#topbt_chara:hover{
background: url("../img/topbt_chara_on.png") no-repeat;
}
a#topbt_gallery{
background: url("../img/topbt_gallery.png") no-repeat;
width: 137px;
height: 35px;
display: block;
float: left;
margin: 0px 2px 0px 0px;
padding: 0px;
}
a#topbt_gallery:hover{
background: url("../img/topbt_gallery_on.png") no-repeat;
}
a#topbt_down{
background: url("../img/topbt_down.png") no-repeat;
width: 137px;
height: 35px;
display: block;
float: left;
margin: 0px 2px 0px 0px;
padding: 0px;
}
a#topbt_down:hover{
background: url("../img/topbt_down_on.png") no-repeat;
}
a#topbt_special{
background: url("../img/topbt_special.png") no-repeat;
width: 137px;
height: 35px;
display: block;
float: left;
margin: 0px 2px 0px 0px;
padding: 0px;
}
a#topbt_special:hover{
background: url("../img/topbt_special_on.png") no-repeat;
}
a#topbt_spec{
background: url("../img/topbt_spec.png") no-repeat;
width: 137px;
height: 35px;
display: block;
float: left;
margin: 0px;
padding: 0px;
}
a#topbt_spec:hover{
background: url("../img/topbt_spec_on.png") no-repeat;
}
/*共通ページロールオーバー----------------------*/
a#bt_top{
background: url("../img/bt_top.png") no-repeat;
width: 44px;
height: 23px;
display: block;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px;
}
a#bt_top:hover{
background: url("../img/bt_top_on.png") no-repeat;
}
a#bt_story{
background: url("../img/bt_story.png") no-repeat;
width: 72px;
height: 23px;
display: block;
float: left;
margin: 0px 0px 0px 4px;
padding: 0px;
}
a#bt_story:hover{
background: url("../img/bt_story_on.png") no-repeat;
}
a#bt_chara{
background: url("../img/bt_chara.png") no-repeat;
width: 87px;
height: 23px;
display: block;
float: left;
margin: 0px 0px 0px 4px;
padding: 0px;
}
a#bt_chara:hover{
background: url("../img/bt_chara_on.png") no-repeat;
}
a#bt_gallery{
background: url("../img/bt_gallery.png") no-repeat;
width: 75px;
height: 23px;
display: block;
float: left;
margin: 0px 0px 0px 4px;
padding: 0px;
}
a#bt_gallery:hover{
background: url("../img/bt_gallery_on.png") no-repeat;
}
a#bt_down{
background: url("../img/bt_down.png") no-repeat;
width: 87px;
height: 23px;
display: block;
float: left;
margin: 0px 0px 0px 4px;
padding: 0px;
}
a#bt_down:hover{
background: url("../img/bt_down_on.png") no-repeat;
}
a#bt_special{
background: url("../img/bt_special.png") no-repeat;
width: 76px;
height: 23px;
display: block;
float: left;
margin: 0px 0px 0px 4px;
padding: 0px;
}
a#bt_special:hover{
background: url("../img/bt_special_on.png") no-repeat;
}
a#bt_spec{
background: url("../img/bt_spec.png") no-repeat;
width: 59px;
height: 23px;
display: block;
float: left;
margin: 0px 0px 0px 4px;
padding: 0px;
}
a#bt_spec:hover{
background: url("../img/bt_spec_on.png") no-repeat;
}