@charset "utf-8";
/*base*/
body{
margin:0 auto;
padding:0;
color:#345295;
font-size:12px;}

a{
color:#39C;
text-decoration:underline;}

a:hover{
text-decoration:none;}

.red{
color:#F00;}

h1{
font-weight: normal;
text-indent:-9999px;
display:none;
}

h2{
margin:0;
padding:0;}

p{
margin:0;
padding:0;}

.aright{
text-align:right;
}

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

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


#main{
max-width:1200px;
margin:0 auto;
/*margin-left:-80px;*/}

#menu{
width:1016px;
margin:0 auto;}

#top_b01{
background:url(../img/top_back01.jpg) no-repeat;
width:1200px;
height:505px;
position:relative;
/*margin-left:80px;*/
}

#top_b02{
background:url(../img/top_back02.jpg) no-repeat;
width:1200px;
height:211px;
position:relative;
}

#top{
background:url(../img/top_back.jpg) no-repeat;
width:1200px;
height:716px;
position:relative;
}

#contents{
}

#about{
background:url(../img/mc_back02_about.jpg) no-repeat;
width:1200px;
height:594px;
position:relative;}

#story{
background:url(../img/mc_back02_story.jpg) no-repeat;
width:1200px;
height:594px;
position:relative;}

#prod{
background:url(../img/mc_back02_prod.jpg) no-repeat;
width:1200px;
height:594px;
position:relative;}

#movie{
background:url(../img/mc_back02_movie.jpg) no-repeat;
width:1200px;
height:594px;
position:relative;}

#cha{
background:url(../img/mc_back02_cha.jpg) no-repeat;
width:1200px;
height:594px;
position:relative;}

#news{
background:url(../img/mc_back02_news.jpg) no-repeat;
width:1200px;
height:594px;
position:relative;}

#sp{
background:url(../img/mc_back02_sp.jpg) no-repeat;
width:1200px;
height:594px;
position:relative;}

#link{
background:url(../img/mc_back02_link.jpg) no-repeat;
width:1200px;
height:594px;
position:relative;}

#cha_d_body01{
background:url(../img/cha/01_ari.jpg) no-repeat;
width:1200px;
height:496px;
position: relative;}

#cha_d_body02{
background:url(../img/cha/02_aqu.jpg) no-repeat;
width:1200px;
height:496px;
position: relative;}

#cha_d_body03{
background:url(../img/cha/03_asu.jpg) no-repeat;
width:1200px;
height:496px;
position: relative;}

#cha_d_body04{
background:url(../img/cha/04_gin.jpg) no-repeat;
width:1200px;
height:496px;
position: relative;}

#cha_d_body05{
background:url(../img/cha/05_joh.jpg) no-repeat;
width:1200px;
height:496px;
position: relative;}

#cha_d_body06{
background:url(../img/cha/06_aki.jpg) no-repeat;
width:1200px;
height:496px;
position: relative;}

#cg{
background:url(../img/mc_back02_cg.jpg) no-repeat;
width:1200px;
height:594px;
position:relative;}

.none{
display:none;}

#foot{
width:1016px;
margin:0 auto;
text-align:center;}

/*トップページ*/

/*最新情報*/
#whatsnew{
position:absolute;
top:43px;
left:230px;
color:#707070;
width:434px;
height:111px;
scrollbar-base-color:#87CEEB;　　/* スクロールバー全体の色 */
scrollbar-face-color: #87CEEB;       /* 表面の色 */
scrollbar-3dlight-color: #000080;    /* 左端と上端の色 */
scrollbar-highlight-color: #E0FFFF;  /* ハイライトの色 */
scrollbar-shadow-color: #E0FFFF;     /* 影の色 */
scrollbar-darkshadow-color: #000080; /* 右端と下端 */
scrollbar-arrow-color: #ffffff;      /* 矢印の色 */
scrollbar-track-color: #f5faff;      /* バーの背景の色 */	
overflow-y: auto;
overflow-x: hidden;}

div#whatsnew dl{
width:410px;
margin:0;
padding:5px 0 5px 5px;
border-bottom:#9bcbf3 1px dotted;}

div#whatsnew dl dt{
float:left;
padding:0 10px 0 0;
margin:0;
width:80px;
font-weight:bold;}

div#whatsnew dl dd{
width:430px;
margin:0;
padding:0;}

/*スペック*/
#spec{
position:absolute;
width:240px;
top:8px;
left:690px;
font-size:11px;}

#spec p{
font-weight:bold;
color:#0698e1;
font-size:120%;
padding:0 0 5px 0;
margin:0;}

/*携帯配信中*/
#mob{
position:absolute;
width:300px;
top:114px;
left:775px;}

/*アバウト*/
.about_hon{
position:absolute;
top:147px;
left:264px;
line-height:1.2;
font-size:100%;}

/*製品情報*/
.prod_hon{
position:absolute;
top:120px;
left:290px;
width:500px;}

.prod_hon .con{
width:500px;
margin:5px 0 0 30px;
padding:0;}

dl.con dt{
float:left;
width:120px;}

dl.con dd{
width:380px;}

/*ムービー*/
#movie_btn{
width:220px;
position:absolute;
top:130px;
left:300px;}

#movie_btn img{
margin:0 0 2px 0;}

#movie_movie{
width:410px;
margin:0 auto;
position:absolute;
top:130px;
left:560px;}

/*キャラ*/
#chara_top{
width:720px;
position:absolute;
top:103px;
left:248px;
margin:0 auto;}

#cha_s{
position:absolute;
left:265px;
top:330px;}

#cha_voicebtn a{
position:absolute;
left:274px;
top:290px;
width:70px;
height:30px;
text-indent:-9999px;
background-image:url(../img/btn_voice01.gif);
}

#cha_voicebtn a:hover{
background-image:url(../img/btn_voice01_o.gif);
}

#cha_voicebtn2 a{
position:absolute;
left:349px;
top:290px;
width:70px;
height:30px;
text-indent:-9999px;
background-image:url(../img/btn_voice02.gif);
}

#cha_voicebtn2 a:hover{
background-image:url(../img/btn_voice02_o.gif);
}


#cha_voicebtn3 a{
position:absolute;
left:423px;
top:290px;
width:70px;
height:30px;
text-indent:-9999px;
background-image:url(../img/btn_voice03.gif);
}

#cha_voicebtn3 a:hover{
background-image:url(../img/btn_voice03_o.gif);
}

.nojava{
position:absolute;
top:255px;
left:275px;
color:#F00;
background:#FFF;
}

/*cg*/
#cg_s_main{
width:670px;
height:367px;
position:absolute;
top:137px;
left:270px;}

/*リンク*/
#link_main{
position:absolute;
width:630px;
top:120px;
left:290px;}

.link_main_h{
margin:10px 0 0 16px;}

div.link_main_h .title{
font-size:120%;
font-weight:bold;
color:#69F;
padding:0 0 3px 0;}

/*スペシャル*/
.sp_img{
margin:0 0 3px 0;}

.sp_cardarea{
width:700px;
position:absolute;
top:112px;
left:270px;}
.sp_cardarea img{
padding:1px;}

/*ニュース*/

#news_main{
position:absolute;
width:630px;
top:110px;
left:290px;}

.news_main_h{
margin:10px 0 0 16px;}

div.news_main_h .title{
font-size:120%;
font-weight:bold;
color:#69F;
padding:0 0 3px 0;}

.news_hon{
margin:5px auto 10px auto;
width:500px;}

.news_matome{
padding:0 0 5px 0;
border-bottom:1px dotted #069;}

.news_matome_b{
float:left;
margin-right:30px;}

/*応援バナー*/
#ban_main{
width:750px;
margin:0 auto;
padding:0 0 5px 0;
background:URL(../img/cb_back.gif) repeat-y;}

#ban_main a{
color:#345295;
text-decoration:underline;}

#ban_main a:hover{
text-decoration:none;}

#ban_main .area{
background:#FFF;
border:1px solid #345295;
width:700px;
padding:5px;
margin:0 auto 20px auto;}

#ban_main .area .mid{
width:700px;
font-size:13px;
font-weight:bold;
padding:3px 0;
border-bottom:1px solid #345295;
margin:0 0 7px 0;}

#ban_main .area .mid2{
width:700px;
font-size:16px;
font-weight:bold;
padding:3px 0;
border-bottom:1px solid #345295;
margin:0 0 7px 0;}

#ban_main .area img{
margin:2px 0;}

#ban_main .area .add{
padding:0;
border:1px solid #036;
color:#345295;
font-size:12px;
scrollbar-base-color:#87CEEB;　　/* スクロールバー全体の色 */
scrollbar-face-color: #87CEEB;       /* 表面の色 */
scrollbar-3dlight-color: #000080;    /* 左端と上端の色 */
scrollbar-highlight-color: #E0FFFF;  /* ハイライトの色 */
scrollbar-shadow-color: #E0FFFF;     /* 影の色 */
scrollbar-darkshadow-color: #000080; /* 右端と下端 */
scrollbar-arrow-color: #ffffff;      /* 矢印の色 */
scrollbar-track-color: #f5faff;      /* バーの背景の色 */	
overflow-y: auto;
overflow-x: hidden;}

.ban_main_oya{
width:440px;
margin:0 auto;}

.ban_main_ko{
float:left;
margin-right:30px;}

.ban_main_oya02{
width:570px;
margin:0 auto;}

.ban_main_ko02{
float:left;
margin-right:5px;}

.ban_main_oya03{
width:450px;
margin:0 auto;}

.ban_main_ko03{
float:left;
margin-right:8px;}

#ban_main .foot{
text-align:center;
padding:0 0 10px 0;}

.back_top{
text-align:right;
width:700px;
margin:5px auto 0 auto;}

/*応援コメント*/
#ban_main .area2{
background:#FFF URL(../img/coment_himawari.jpg) no-repeat bottom right;
border:1px solid #345295;
width:700px;
padding:5px;
margin:0 auto 20px auto;}

#ban_main .area2 .mid2{
width:700px;
font-size:18px;
font-weight:bold;
padding:3px 0;
border-bottom:1px solid #345295;
margin:0 0 7px 0;}

.com_mc{
margin:10px 0 10px 15px;
font-size:14px;
line-height:1.3;}

/*フォーム*/
.form_txt{
width:550px;
padding:8px;
background:#FFF;
margin:0 auto;}

div.form_txt p{
width:500px;
padding:5px;
margin:10px auto;
background: #FCC;}

#form{
width:550px;
margin:10px auto;
padding:8px;
background:#FFF;
border:1px solid #06C;}

#form input{
border:1px solid #09C;}

#form textarea{
border:1px solid #09C;}

.f_title{
font-size:12px;
margin:5px 0 0 5px;}

.f_p{
margin:2px 0 10px 5px;}

.f_p input{
margin:2px 0;}

.formtitle{
background:#09C;
color:#FFF;
font-weight:bold;
padding:5px;
margin:0 0 10px 0;}

/*お詫びページ*/
.info_txt h2{
padding:0 0 3px 0;
color:#09C;
border-bottom:1px solid #09C;
font-size:16px;}

.info_txt{
width:550px;
padding:8px;
background:#FFF;
margin:0 auto;
text-align:center;
line-height:1.4;}

div.info_txt p{
width:400px;
padding:5px;
margin:10px auto;
background: #FCC;
font-size:14px;}

/*占いページ用*/
.fortune_right{
float:right;
width:400px;
padding:1px;
border:1px solid #069;
margin:8px 0 0 0;}

.fortune_textarea{
margin:30px 0 5px 0;
width:260px;
padding:4px;
background:#d3ebff;}

.fortune_textarea .add{
padding:0;
border:1px solid #036;
color:#345295;
font-size:12px;
scrollbar-base-color:#87CEEB;　　/* スクロールバー全体の色 */
scrollbar-face-color: #87CEEB;       /* 表面の色 */
scrollbar-3dlight-color: #000080;    /* 左端と上端の色 */
scrollbar-highlight-color: #E0FFFF;  /* ハイライトの色 */
scrollbar-shadow-color: #E0FFFF;     /* 影の色 */
scrollbar-darkshadow-color: #000080; /* 右端と下端 */
scrollbar-arrow-color: #ffffff;      /* 矢印の色 */
scrollbar-track-color: #f5faff;      /* バーの背景の色 */	
overflow-y: auto;
overflow-x: hidden;}

.fortune_textarea2{
margin:0 0 5px 0;
width:260px;
padding:4px;
background:#d3ebff;}

.fortune_textarea2 .add{
padding:0;
border:1px solid #036;
color:#345295;
font-size:12px;
scrollbar-base-color:#87CEEB;　　/* スクロールバー全体の色 */
scrollbar-face-color: #87CEEB;       /* 表面の色 */
scrollbar-3dlight-color: #000080;    /* 左端と上端の色 */
scrollbar-highlight-color: #E0FFFF;  /* ハイライトの色 */
scrollbar-shadow-color: #E0FFFF;     /* 影の色 */
scrollbar-darkshadow-color: #000080; /* 右端と下端 */
scrollbar-arrow-color: #ffffff;      /* 矢印の色 */
scrollbar-track-color: #f5faff;      /* バーの背景の色 */	
overflow-y: auto;
overflow-x: hidden;}

.sp_fortunearea{
width:690px;
position:absolute;
top:130px;
left:270px;}

/*トップページi用*/
#top_b03{
background:url(../img/top_back_i.jpg) no-repeat;
width:1200px;
height:505px;
position:relative;
}

#top_b03 #navi{
width:340px;
position:absolute;
top:298px;
left:740px;}

#top_b03 #navi img{
margin:0 0 1px 0;}

#top_b03 #wakamoto{
	position:absolute;
	top:416px;
	left:490px;
}

#top_b03 #coment{
	position:absolute;
	top:64px;
	left:104px;
}


#top_b03a{
background:url(../img/top_back_i02.jpg) no-repeat;
width:1200px;
height:505px;
position:relative;
}

#top_b03a #navi{
width:340px;
position:absolute;
top:298px;
left:740px;}

#top_b03a #navi img{
margin:0 0 1px 0;}

#top_b03a #wakamoto{
	position:absolute;
	top:254px;
	left:505px;
}

#top_b03a #coment{
	position:absolute;
	top:64px;
	left:104px;
}