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

/* ------------------------------
フォント指定
------------------------------ */

body {
font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}
input {
font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}
textarea {
font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

/* ------------------------------
Clearfix
------------------------------ */

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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* ------------------------------
サイト共通
------------------------------ */

body{
background:#fad2e9 url(../images/common/body_bg.png) repeat-x;
width:100%;
height:auto;
}

#wrapper{
background:#FFFFFF url(../images/common/common_bg.png) repeat-y;
border-bottom:3px solid #F9AFC4;
width:956px;
height:100%;
overflow:hidden;
margin:0 auto;
}

p{
font-size:80%;
margin-bottom:10px;
line-height:140%;
}

h1,h2{
text-indent:-10000px;
overflow:hidden;
}

a{
color:#f56693;
}

a:hover{
color:#f598b5;
}

/* ------------------------------
カラー周り
------------------------------ */

.text{
color:#4a4a4a;
}

.sub_text{
color:#6a6a6a;
}

/* ------------------------------
ヘッダー
------------------------------ */

#header{
width:950px;
height:155px;
margin-left:3px;
}

/* ------------------------------
コンテンツ
------------------------------ */

#contents{
margin:0 auto;
width:950px;
}

#main_contents{
width:632px;
float:left;
margin-left:10px;
display:inline;
}

#sub_contents{
width:300px;
float:right;
}

#sub_contents_inside{
background:#fff2ec url(../images/common/sub_header.png) no-repeat;
text-align:center;
padding:12px 0;
}

#sub_contents_inside2{
background:#fff2ec url(../images/common/sub_header2.png) no-repeat;
text-align:center;
padding:85px 0 40px;
}

#sub_contents_inside img.banner{
margin-bottom:25px;
}

#sub_contents_inside2 img.sub_button{
margin-bottom:10px;
}

#sub_contents_inside2 a.sub_button{
display:block;
width:277px;
height:68px;
margin:0 auto 10px;
}

#sub_contents_inside2 a.sub_button_end{
display:block;
width:277px;
height:68px;
margin:0 auto;
}


#sub_contents_bottom{
background:url(../images/common/sub_bottom.png) no-repeat;
width:300px;
height:220px;
}

#main_contents2{
width:460px;
float:left;
margin-left:20px;
margin-bottom:20px;
display:inline;s
}

#sub_contents2{
width:440px;
float:right;
margin-right:20px;
margin-bottom:20px;s
display:inline;
}

#main_contents3{
width:440px;
float:right;
margin-right:20px;
margin-bottom:20px;
display:inline;
}

#sub_contents3{
width:440px;
float:left;
margin-left:20px;
margin-bottom:20px;
}

/* ------------------------------
フッター
------------------------------ */

#copyright{
margin:10px 0 0 16px;
}

#footer{
height:85px;
background:url(../images/common/footer_bg.png) repeat-x;
width:950px;
margin-left:3px;
}

#footer img.footer_left{
float:left;
margin-left:15px;
margin-top:20px;
}

#footer img.footer_right{
float:right;
margin-right:15px;
margin-top:20px;
}

/* ------------------------------
トップ
------------------------------ */

#top_contents{
width:929px;
height:580px;
margin:0 auto;
}

#info{

}

#info_head{
background:url(../images/top/info_header.png) no-repeat;
height:55px;
width:632px;
}

#info_inside{
height:162px;
width:632px;
background:url(../images/top/info_bg.png) no-repeat;
}

#info_inside ul{
height:122px;
overflow-y:scroll;
padding:15px 20px;
width:583px;
}

#info_inside li{
color:#4a4a4a;
line-height:24px;
border-bottom:1px dotted #ff4bb1;
margin-bottom:10px;
list-style:inside disc;
}

#pub{
margin:5px 0 0 0;
}

#pub_head{
background:url(../images/top/pub_header.png) no-repeat;
height:55px;
width:632px;
}

#pub_inside{
height:306px;
width:632px;
background:url(../images/top/pub_bg.png) no-repeat;
}

#pub_inside ul{
height:261px;
overflow-y:scroll;
padding:15px 20px;
width:583px;
}

#pub_inside li{
color:#e85d88;
line-height:20px;
margin-bottom:4px;
}


#info_contents{
padding:20px 30px 10px;
}

#info_contents h3{
font-size:130%;
color:#FE7EB1;
margin-bottom:20px;
}

#info_contents p{
color:#4a4a4a;
font-size:100%;
margin-bottom:20px;
}

/* ------------------------------
ストーリー
------------------------------ */

.story_title{
width:929px;
height:41px;
background:url(../images/story/story_intro.png) no-repeat;
margin:0 auto;
}

#story_content{
width:929px;
height:570px;
background:url(../images/story/story_content.png) no-repeat;
margin:10px auto 20px;
}

#story p{
font-size:93%;
}

#story h2.wlo{
width:436px;
height:49px;
background:url(../images/story/wlo_title.png) no-repeat;
margin-bottom:10px;
}

#story h3.wlo{
color:#fe7eb1;
margin-bottom:10px;
}

#story h2.noa{
width:436px;
height:49px;
background:url(../images/story/noa_title.png) no-repeat;
margin-bottom:10px;
}

#story h3.noa{
color:#7ca2fc;
margin-bottom:10px;
}

#story img.caption{
float:right;
margin:0 0 10px 10px;
}

/* ------------------------------
キャラクター
------------------------------ */

.chara_title{
width:929px;
height:41px;
background:url(../images/character/chara_intro.png) no-repeat;
margin:0 auto;
}

.chara_normal{
background-position:0 0;
}

#character div.top_return{
text-align:right;
margin:5px 0px 20px;
}

#character div.top_return a{
font-size:90%;
padding-left:15px;
background:url(../images/common/top_icon.png) no-repeat left bottom;
}

#character a.costume01{
display:block;
width:133px;
height:46px;
overflow:hidden;
text-indent:-10000px;
position:absolute;
margin-left:33px;
margin-top:421px;
}

#character a.costume02{
display:block;
width:133px;
height:46px;
overflow:hidden;
text-indent:-10000px;
position:absolute;
margin-left:176px;
margin-top:421px;
}


#character a.costume03{
display:block;
width:133px;
height:46px;
overflow:hidden;
text-indent:-10000px;
position:absolute;
margin-left:33px;
margin-top:429px;
}

#character a.costume04{
display:block;
width:133px;
height:46px;
overflow:hidden;
text-indent:-10000px;
position:absolute;
margin-left:176px;
margin-top:429px;
}

#character a.costume05{
display:block;
width:133px;
height:46px;
overflow:hidden;
text-indent:-10000px;
position:absolute;
margin-left:33px;
margin-top:425px;
}


#character div#character_hero{
width:632px;
height:475px;
background:url(../images/character/chara_kuroda.png) no-repeat;
margin-top:10px;
}

#character div#character_main1{
width:632px;
height:495px;
background-image:url(../images/character/chara_kusaka.png);
margin-top:10px;
}

#character div#character_main2{
width:632px;
height:495px;
background-image:url(../images/character/chara_ioroi.png);
margin-top:10px;
}

#character div#character_main3{
width:632px;
height:495px;
background-image:url(../images/character/chara_arisa.png);
margin-top:10px;
}

#character div#character_main4{
width:632px;
height:495px;
background-image:url(../images/character/chara_sarasa.png);
margin-top:10px;
}

#character div#character_main5{
width:632px;
height:495px;
background-image:url(../images/character/chara_ina.png);
margin-top:10px;
}

#character div#character_main6{
width:632px;
height:495px;
background-image:url(../images/character/chara_hayakawa.png);
margin-top:10px;
}

#character div#character_sub1{
width:632px;
height:495px;
background-image:url(../images/character/chara_isao.png);
margin-top:10px;
}

#character div#character_sub2{
width:632px;
height:495px;
background-image:url(../images/character/chara_megumi.png);
margin-top:10px;
}

#character div#character_sub3{
width:632px;
height:495px;
background-image:url(../images/character/chara_yukie.png);
margin-top:10px;
}

#character div#character_sub4{
width:632px;
height:495px;
background-image:url(../images/character/chara_natu.png);
margin-top:10px;
}

#character div#character_sub5{
width:632px;
height:495px;
background-image:url(../images/character/chara_velvet.png);
margin-top:10px;
}

#character div#character_sub6{
width:632px;
height:495px;
background-image:url(../images/character/chara_hikari.png);
margin-top:10px;
}


#character div#character_sub7{
width:632px;
height:495px;
background-image:url(../images/character/chara_hinoe.png);
margin-top:10px;
}

#character div#character_sub8{
width:632px;
height:495px;
background-image:url(../images/character/chara_tiriko.png);
margin-top:10px;
}

#character div#character_sub9{
width:632px;
height:495px;
background-image:url(../images/character/chara_sae.png);
margin-top:10px;
}

#character div#character_sub10{
width:632px;
height:495px;
background-image:url(../images/character/chara_kaede.png);
margin-top:10px;
}

#character div#character_sub11{
width:632px;
height:495px;
background-image:url(../images/character/chara_mariko.png);
margin-top:10px;
}

#character div#character_sub12{
width:632px;
height:495px;
background-image:url(../images/character/chara_takita.png);
margin-top:10px;
}

#character div#character_sub13{
width:632px;
height:495px;
background-image:url(../images/character/chara_sorarisu.png);
margin-top:10px;
}


#character h4{
text-indent:-10000px;
overflow:hidden;
}

#character h4.hero{
background:url(../images/character/sub_hero_title.gif) no-repeat;
width:58px;
height:23px;
margin:0 auto;
margin-bottom:10px;
}

#character h4.main{
background:url(../images/character/sub_main_title.gif) no-repeat;
width:161px;
height:23px;
margin:20px auto 10px;
}

#character h4.sub{
background:url(../images/character/sub_subchara_title.gif) no-repeat;
width:144px;
height:23px;
margin:20px auto 10px;
}

.chara_costume00{
background-position: 0px 0px;
}

.chara_costume01{
background-position: 0px -495px;
}

.chara_costume02{
background-position: 0px -990px;
}

#character div.character_voice01{
width:632px;
height:61px;
background:url(../images/character/samplev_pink.png) no-repeat;
margin:5px auto 20px;
}

#character div.character_voice01 a{
text-indent:-10000px;
overflow:hidden;
display:inline;
width:103px;
height:31px;
position:relative;
float:left;
}

#character div.character_voice01 a.voice01{
left:255px;
top:20px;
}

#character div.character_voice01 a.voice02{
left:274px;
top:20px;
}

#character div.character_voice01 a.voice03{
left:291px;
top:20px;
}


#character div.character_voice02{
width:632px;
height:61px;
background:url(../images/character/samplev_blue.png) no-repeat;
margin:5px auto 20px;
}

#character div.character_voice02 a{
text-indent:-10000px;
overflow:hidden;
display:inline;
width:103px;
height:31px;
position:relative;
float:left;
}

#character div.character_voice02 a.voice01{
left:255px;
top:20px;
}

#character div.character_voice02 a.voice02{
left:274px;
top:20px;
}

#character div.character_voice02 a.voice03{
left:291px;
top:20px;
}
/* ------------------------------
イベントCG
------------------------------ */


.event_title{
width:929px;
height:41px;
background:url(../images/event/event_title.png) no-repeat;
margin:0 auto;
}

#event iframe{
margin:10px auto 30px;
width:668px;
display:block;
}

#event #event_list{
margin:0 auto;
border-top:#f97fa3 dotted 1px;
width:820px;
padding:20px 5px 10px;
}

#event a.cg{
width:180px;
height:100px;
text-indent:-100000px;
overflow:hidden;
display:block;
float:left;
margin-left:20px;
margin-bottom:20px;
}

#event a.event01{
background:url(../images/event/cg_01s_off.png) no-repeat;
}

#event a.event01:hover{
background:url(../images/event/cg_01s.png) no-repeat;
}

#event a.event02{
background:url(../images/event/cg_02s_off.png) no-repeat;
}

#event a.event02:hover{
background:url(../images/event/cg_02s.png) no-repeat;
}

#event a.event03{
background:url(../images/event/cg_03s_off.png) no-repeat;
}

#event a.event03:hover{
background:url(../images/event/cg_03s.png) no-repeat;
}

#event a.event04{
background:url(../images/event/cg_04s_off.png) no-repeat;
}

#event a.event04:hover{
background:url(../images/event/cg_04s.png) no-repeat;
}

#event a.event05{
background:url(../images/event/cg_05s_off.png) no-repeat;
}

#event a.event05:hover{
background:url(../images/event/cg_05s.png) no-repeat;
}

#event a.event06{
background:url(../images/event/cg_06s_off.png) no-repeat;
}

#event a.event06:hover{
background:url(../images/event/cg_06s.png) no-repeat;
}

#event a.event07{
background:url(../images/event/cg_07s_off.png) no-repeat;
}

#event a.event07:hover{
background:url(../images/event/cg_07s.png) no-repeat;
}

#event a.event08{
background:url(../images/event/cg_08s_off.png) no-repeat;
}

#event a.event08:hover{
background:url(../images/event/cg_08s.png) no-repeat;
}

#event a.event09{
background:url(../images/event/cg_09s_off.png) no-repeat;
}

#event a.event09:hover{
background:url(../images/event/cg_09s.png) no-repeat;
}

#event a.event10{
background:url(../images/event/cg_10s_off.png) no-repeat;
}

#event a.event10:hover{
background:url(../images/event/cg_10s.png) no-repeat;
}

#event a.event11{
background:url(../images/event/cg_11s_off.png) no-repeat;
}

#event a.event11:hover{
background:url(../images/event/cg_11s.png) no-repeat;
}


#event a.event12{
background:url(../images/event/cg_12s_off.png) no-repeat;
}

#event a.event12:hover{
background:url(../images/event/cg_12s.png) no-repeat;
}


#event a.event13{
background:url(../images/event/cg_13s_off.png) no-repeat;
}

#event a.event13:hover{
background:url(../images/event/cg_13s.png) no-repeat;
}


#event a.event14{
background:url(../images/event/cg_14s_off.png) no-repeat;
}

#event a.event14:hover{
background:url(../images/event/cg_14s.png) no-repeat;
}


#event a.event15{
background:url(../images/event/cg_15s_off.png) no-repeat;
}

#event a.event15:hover{
background:url(../images/event/cg_15s.png) no-repeat;
}


#event a.event16{
background:url(../images/event/cg_16s_off.png) no-repeat;
}

#event a.event16:hover{
background:url(../images/event/cg_16s.png) no-repeat;
}


#event a.event17{
background:url(../images/event/cg_17s_off.png) no-repeat;
}

#event a.event17:hover{
background:url(../images/event/cg_17s.png) no-repeat;
}

#event a.event18{
background:url(../images/event/cg_18s_off.png) no-repeat;
}

#event a.event18:hover{
background:url(../images/event/cg_18s.png) no-repeat;
}

/* ------------------------------
エレメンツ
------------------------------ */

.elements_title{
width:929px;
height:41px;
background:url(../images/elements/elements_title.png) no-repeat;
margin:0 auto;
}

#elements h2.sales_title{
width:592px;
height:39px;
background:url(../images/elements/elements_sales_title.png) no-repeat;
margin:20px 0 10px 5px;
}

#elements p.sales_intro{
font-size:90%;
width:600px;
margin:0 auto 20px;
}

#elements div.sales01{
width:632px;
height:128px;
overflow:hidden;
background:url(../images/elements/elements_bg01.png) no-repeat;
margin:0 0 20px;
}

#elements h3.sales01{
overflow:hidden;
text-indent:-10000px;
background:url(../images/elements/elements_title01.png) no-repeat;
margin:15px 0 10px 10px;
width:335px;
height:23px;
}

#elements p.sales{
margin:0px 10px 5px 10px;
font-size:90%;
}

#elements div.sales02{
width:632px;
height:239px;
overflow:hidden;
background:url(../images/elements/elements_bg02.png) no-repeat;
margin:0 0 20px;
}

#elements h3.sales02{
overflow:hidden;
text-indent:-10000px;
background:url(../images/elements/elements_title02.png) no-repeat;
margin:15px 0 10px 10px;
width:352px;
height:23px;
}

#elements p.sales02{
margin:0px 10px 5px 10px;
font-size:90%;
width:290px;
}

#elements div.sales03{
width:632px;
height:249px;
overflow:hidden;
background:url(../images/elements/elements_bg03.png) no-repeat;
}

#elements h3.sales03{
overflow:hidden;
text-indent:-10000px;
background:url(../images/elements/elements_title03.png) no-repeat;
margin:15px 0 10px 10px;
width:611px;
height:23px;
}

#elements p.sales03{
margin:0px 10px 5px 10px;
font-size:90%;
width:290px;
}

#elements div.spec{
border:2px solid #ffbcbc;
margin:25px 0 10px;
}

#elements table{
color:#4a4a4a;
}

#elements tr.spec01{
background:#ffffff;
}

#elements tr.spec02{
background:#fcdde4;
}

#elements td.title{
width:110px;
padding:10px 0 10px 20px;
}

#elements td.contents{
width:470px;
padding:10px 0 10px 20px;
}

#elements div.scenario_aina{
margin-bottom:20px;
margin-top:20px;
width:632px;
height:287px;
background:url(../images/elements/scenario_aina.png) no-repeat;
text-indent:-10000px;
overflow:hidden;
}

#elements div.scenario_hotaru{
margin-bottom:20px;
width:632px;
height:307px;
background:url(../images/elements/scenario_hotaru.png) no-repeat;
text-indent:-10000px;
overflow:hidden;
}

#elements div.scenario_arisa{
margin-bottom:20px;
width:632px;
height:307px;
background:url(../images/elements/scenario_arisa.png) no-repeat;
text-indent:-10000px;
overflow:hidden;
}

#elements div.scenario_sarasa{
margin-bottom:20px;
width:632px;
height:287px;
background:url(../images/elements/scenario_sarasa.png) no-repeat;
text-indent:-10000px;
overflow:hidden;
}

#elements div.scenario_yuriko{
margin-bottom:20px;
width:632px;
height:297px;
background:url(../images/elements/scenario_yuriko.png) no-repeat;
text-indent:-10000px;
overflow:hidden;
}

#elements div.scenario_ina{
margin-bottom:20px;
width:632px;
height:287px;
background:url(../images/elements/scenario_ina.png) no-repeat;
text-indent:-10000px;
overflow:hidden;
}

/* ------------------------------
スペシャル
------------------------------ */

#special strong{
font-weight:bold;
color:#f31c5f;
}

.special_title{
width:929px;
height:41px;
background:url(../images/special/special_title.png) no-repeat;
margin:0 auto;
}

#special h2.limited_title{
width:170px;
height:39px;
background:url(../images/special/limited_title.png) no-repeat;
margin:20px 0 10px 7px;
}

#special h2.shop_title{
width:141px;
height:39px;
background:url(../images/special/shop_title.png) no-repeat;
margin:20px 0 10px 5px;
}

#special h2.lot_title{
width:129px;
height:39px;
background:url(../images/special/lot_title.png) no-repeat;
margin:20px 0 10px 5px;
}

#special div.limit01{
width:632px;
height:168px;
overflow:hidden;
background:url(../images/special/special_bg01.png) no-repeat;
}

#special h3.limit01{
overflow:hidden;
text-indent:-10000px;
background:url(../images/special/limited_text01.png) no-repeat;
margin:15px 0 10px 10px;
width:344px;
height:41px;
}

#special h3.limit02{
overflow:hidden;
text-indent:-10000px;
background:url(../images/special/limited_text02.png) no-repeat;
margin:15px 0 10px 10px;
width:259px;
height:41px;
}

#special p.limit_text{
font-size:90%;
margin:-25px 0 10px 48px;
}

#special p.sales_intro {
font-size:90%;
margin:0 0 10px 10px;
}

#special p.shop_sub_text {
font-size:90%;
margin:0 0 20px 10px;
}

#special p.limit_sub_text{
margin:0 0 0 48px;
}

#special div.shop_content{
width:112px;
margin-left:12px;
margin-bottom:15px;
float:left;
text-align:center;
height:200px;
overflow:hidden;
}

#special div.shop_content a{
font-size:80%;
margin:10px 0px;
}

#special div.shop_content img{
margin-bottom:5px;
}

#special div.lot_head{
width:632px;
height:14px;
background:url(../images/special/lot_frame_head.png) no-repeat;
}

#special div.lot_content{
width:628px;
height:auto;
background-color:#FCDDE4;
border-left:2px solid #ffc0c0;
border-right:2px solid #ffc0c0;
}

#special div.lot_bottom{
width:632px;
height:82px;
background:url(../images/special/lot_frame_bottom.png) no-repeat;
}

#special div.lot_content img.center_img{
display:block;
margin:0 auto;
}

#special div.lot_content h3.lot_prize01{
width:435px;
height:47px;
text-indent:-10000px;
overflow:hidden;
background:url(../images/special/lot_prize01.png) no-repeat;
margin-left:10px;
}

#special div.lot_content h3.lot_prize02{
width:392px;
height:47px;
text-indent:-10000px;
overflow:hidden;
background:url(../images/special/lot_prize02.png) no-repeat;
margin-left:10px;
margin-top:20px;
}

#special div.lot_content h3.lot_prize03{
width:575px;
height:47px;
text-indent:-10000px;
overflow:hidden;
background:url(../images/special/lot_prize03.png) no-repeat;
margin-left:10px;
margin-top:20px;
}

#special div.lot_content p{
text-align:right;
margin-right:10px;
color:#6A6A6A;
}

/* ------------------------------
ムービー
------------------------------ */

.movie_title{
width:929px;
height:41px;
background:url(../images/movie/movie_intro.png) no-repeat;
margin:0 auto;
}

#movie object{
margin:20px auto 10px;
display:block;
width:780px;
height:479px;
}