@charset "utf-8";
/*--------------------
■基本
--------------------*/
body{
background-color:#FFFFFF;
margin-top:0;
margin-left:0;
margin-right:0;}

a{
color:#0099CC;
text-decoration:underline;}

a:hover{
text-decoration:none;}

/*不透明度調整*/
#to_mei{
filter: alpha(Opacity=60);
opacity: 0.60;}

/*--------------------
■トップページ
--------------------*/
#top_mainf{
width:100%;
height:649px;
margin-left:auto;
margin-right:auto;
/*background-image:url(img/top_master01.jpg);
background-position:left;
background-repeat:no-repeat;*/}

#top_menub{
width:100%;
height:34px;
background-image:url(img/menu/back.gif);
background-repeat:repeat-x;
margin-left:auto;
margin-right:auto;
position:relative;}

#top_menut{
margin-left:60px;
width:685px;}

#top_foot{
width:100%;
height:74px;
margin-left:0;
background-image:url(img/foot/foot_gray00.jpg);
background-repeat:repeat-x;}

.top_copy{
margin-left:10px;
margin-right:auto;
color:#333366;
font-size:11px;
text-align:left;}

.toponly_copy{
margin-left:35px;
margin-right:auto;
color:#333366;
font-size:11px;
text-align:left;
margin-top:5px;}

/*下部背景*/
.back_gr{
background-color:#ffffff;
width:100%;
height:1300px;
background-image:url(img/back_gg400.jpg);
background-repeat:repeat-x;
background-position:bottom;
}

/*トピックス_画面下*/
#top_topics00{
	width:330px;
	border-left:1px dotted #006699;
	border-bottom:1px dotted #006699;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color:#ffffff;
	top:789px;
	left:16px;
	position:absolute;
	background-image:url(img/back_clo330.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	height: 300px;
	overflow:auto;
	/*scrollbar-base-color:#696969;*/　　/* スクロールバー全体の色 */
scrollbar-face-color: #ffffff;       /* 表面の色 */
scrollbar-3dlight-color: #006699;    /* 左端と上端の色 */
scrollbar-highlight-color: #ffffff;  /* ハイライトの色 */
scrollbar-shadow-color: #a7a7a7;     /* 影の色 */
scrollbar-darkshadow-color: #006699; /* 右端と下端 */
scrollbar-arrow-color: #006699;      /* 矢印の色 */
scrollbar-track-color: #9a9a9a;      /* バーの背景の色 */
}

.top_topics00_overflow{
overflow:auto;
/*scrollbar-base-color:#696969;*/　　/* スクロールバー全体の色 */
scrollbar-face-color: #ADD8E6;       /* 表面の色 */
scrollbar-3dlight-color: #4682B4;    /* 左端と上端の色 */
scrollbar-highlight-color: #ffffff;  /* ハイライトの色 */
scrollbar-shadow-color: #ffffff;     /* 影の色 */
scrollbar-darkshadow-color: #333333; /* 右端と下端 */
scrollbar-arrow-color: #00008B;      /* 矢印の色 */
scrollbar-track-color: #00008B;      /* バーの背景の色 */	
}

.top_topics00_title{
margin-left:10px;
margin-top:5px;
font-size:12px;
color:#006699;
font-weight:bold;
padding-bottom:2px;
border-bottom:1px #ADD8E6 solid;}

.top_topics00_text{
margin-left:10px;
margin-top:4px;
margin-bottom:7px;
font-size:12px;
color:#006699;}

.top_topics00_text_waku{
margin-left:10px;
margin-top:4px;
margin-bottom:7px;
font-size:12px;
color:#006699;
padding:5px;
border:2px dotted #006699;
width:370px;}

.top_topics00_text_waku02{
margin-left:10px;
margin-top:4px;
margin-bottom:7px;
font-size:12px;
color: #006699;
padding:5px;
border:1px solid #0099FF;
width:370px;}

.str_topics{
font-weight:bold;
margin-top:2px;
margin-bottom:5px;
color: #0099FF;
font-size:110%;}

.short_topics{
font-size:85%;}

.top_topics00_kyoucho{
padding-bottom:5px;
padding-top:5px;
border-bottom:1px solid #006699;
border-top:1px solid #006699;
width:170px;}

.top_topics00_infotitle{
margin-left:10px;
margin-top:5px;
font-size:12px;
color:#006699;
padding-bottom:2px;
padding-top:2px;
border-top:1px #ADD8E6 dotted;}

/*製品情報*/
#top_sj00{
	width:330px;
	border-left:1px dotted #006699;
	border-bottom:1px dotted #006699;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	background-color:#ffffff;
	position:absolute;
	top:1150px;
	left:18px;
	background-image:url(img/back_clo330.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	height: 153px;
}

/*インフォメーション*/
#top_info{
width:500px;
height:1219px;
border-left:1px dotted #006699;
border-bottom:1px dotted #006699;
position:absolute;
margin-top:5px;
margin-left:90px;
margin-bottom:10px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
top: 783px;
left:285px;
background-color:#ffffff;
background-image:url(img/back_clo330.jpg);
background-repeat:no-repeat;
background-position:bottom right;}

.white_waku{
border:1px solid #FFFFFF;}

/*以下未使用*/
/*トピックス_トップ絵内*/
#top_topics{
margin-left:50px;
width:300px;
height:70px;
border:1px solid #336699;
background-color:#FFFFFF;
filter: alpha(Opacity=75);
opacity: 0.75;
position: absolute;
top: 340px;
color:#006699;
font-size:12px;
padding:5px;
overflow:auto;
/*scrollbar-base-color:#696969;*/　　/* スクロールバー全体の色 */
scrollbar-face-color: #ADD8E6;       /* 表面の色 */
scrollbar-3dlight-color: #4682B4;    /* 左端と上端の色 */
scrollbar-highlight-color: #ffffff;  /* ハイライトの色 */
scrollbar-shadow-color: #ffffff;     /* 影の色 */
scrollbar-darkshadow-color: #333333; /* 右端と下端 */
scrollbar-arrow-color: #00008B;      /* 矢印の色 */
scrollbar-track-color: #00008B;      /* バーの背景の色 */	
}

.topic_hi{
font-weight:bold;
margin-bottom:2px;}

.topic_title{
width:310px;
font-size:13px;
font-weight:bold;
color:#006699;
border-bottom:1px solid #006699;
padding-bottom:1px;
margin-bottom:1px;
position: absolute;
top: 320px;
left: 50px;
}

/*トピックス_フッター*/
.topic_foot{
/*width:50%;*/
margin-bottom:6px;
margin-left:10px;
margin-right:10px;
position:absolute;
top:
/*border-top:1px dotted #006699;*/
/*border-bottom:1px dotted #006699;*/
padding:4px;
color:#006699;
font-size:75%;}

.border_left{
border-left:1px dotted #006699;
padding-left:5px;}

/*--------------------
■コンテンツベース
※テンプレート内
--------------------*/
#cont_mainf{
width:100%;
height:567px;
margin-left:auto;
margin-right:auto;
background-image:url(img/back_00.jpg);
background-position:left;
background-repeat:no-repeat;}

#cont_menu_area{
height:59px;
width:700px;
/*margin-bottom:5px;*/
margin-right:5px;
margin-left:95px;
/*margin-top:2px;*/
background-image:url(img/menu_cont/logo_r_u_01.jpg);
background-position:right;
background-repeat:no-repeat;}

#cont_menu_b{
height:30px;
position:absolute;
top:62px;}

#cont_maincont{
width:700px;
margin-right:5px;
margin-left:95px;
color:#006699;
font-size:13px;}

#cont_menubar{
position:absolute;
left: 107px;
top: 59px;
}

/*--------------------
■ストーリー
--------------------*/
.story_back{
height:505px;
margin-top:1px;
background-image:url(img/cont_back/01_story.jpg);
background-position:right top;
background-repeat:no-repeat;
color:#18378d;
font-size:13px;}

.story_main{
width:680px;
height:430px;
padding-top:25px;
background-image:url(img/story/back.gif);
background-position:bottom right;
background-repeat:no-repeat;}

.story_lmari{
margin-left:15px;
padding-top:10px;}

/*--------------------
■キャラクター
--------------------*/
/*キャラクタートップ*/
.chara_back{
height:505px;
margin-top:1px;
background-image:url(img/cont_back/02_chara.jpg);
background-position:right top;
background-repeat:no-repeat;
color:#18378d;
font-size:13px;
}

.chara_tab{
width:683px;
height:490px;
margin-bottom:0px;
margin-top:auto;}

/*キャラ詳細テンプレート中身*/
.chara_back_a{
height:505px;
margin-top:1px;
background-image:url(img/cont_back/02_chara_a.jpg);
background-position:right top;
background-repeat:no-repeat;
color:#18378d;
font-size:13px;
}

.chara_textmenu{
width:600px;
position:absolute;
top:69px;
left:157px;}

.chara_main{
width:700px;
height:480px;
padding-top:27px;}

.chara_right_tab{
width:265px;
margin-left:3px;
margin-top:8px;
padding:5px;
border-bottom:1px solid #006699;
border-top:1px solid #006699;}

.chara_voiceb{
width:250px;
margin-left:3px;
margin-top:4px;}

.chara_hyo{
width:140px;
height:100px;
margin-top:3px;
margin-right:5px;
margin-left:auto;
border:1px solid #CCCCCC;}

/*--------------------
■ビジュアル
--------------------*/
.visual_back{
height:505px;
margin-top:1px;
background-image:url(img/cont_back/03_visual.jpg);
background-position:right top;
background-repeat:no-repeat;
color:#18378d;
font-size:13px;
text-align:center;
padding-top:89px;}

.visual_menu{
width:120px;
height:496px;
position:absolute;
top:61px;
left:109px;
background-color:#000000;
padding-top:5px;
padding-bottom:5px;
overflow:auto;
/*scrollbar-base-color:#696969;*/　　/* スクロールバー全体の色 */
scrollbar-face-color: #000000;       /* 表面の色 */
scrollbar-3dlight-color: #87CEEB;    /* 左端と上端の色 */
scrollbar-highlight-color: #000000;  /* ハイライトの色 */
scrollbar-shadow-color: #000000;     /* 影の色 */
scrollbar-darkshadow-color: #87CEEB; /* 右端と下端 */
scrollbar-arrow-color: #87CEEB;      /* 矢印の色 */
scrollbar-track-color: #000000;      /* バーの背景の色 */	
}

.visual_hyouji{
width:520px;
height:320px;
padding:10px;
position:absolute;
left:246px;
top:190px;
background-color:#ffffff;}

.visual_setu{
width:500px;
text-align:right;
font-size:12px;
margin-top:5px;}

/*--------------------
■バックグラウンド
--------------------*/
.bg_back{
height:505px;
margin-top:1px;
background-image:url(img/cont_back/04_bg.jpg);
background-position:right top;
background-repeat:no-repeat;
color:#18378d;
font-size:13px;}

.bg_hon{
padding-top:30px;
padding-left:10px;}

.bg_title{
font-size:14px;
font-weight:bold;}

.bg_bordert{
padding-bottom:3px;
border-bottom:2px dotted #D3D3D3;}

.bg_town_t{
height:115px;
background-image:url(img/bg/bg_town.jpg);
background-position:right top;
background-repeat:no-repeat;}

.bg_school_t{
height:115px;
background-image:url(img/bg/bg_school.jpg);
background-position:right top;
background-repeat:no-repeat;}

/*--------------------
■サウンド
--------------------*/
.sound_back{
height:505px;
margin-top:1px;
margin-left:15px;
background-image:url(img/cont_back/05_sound.jpg);
background-position:right top;
background-repeat:no-repeat;
color:#18378d;
font-size:13px;
text-align:left;
padding-top:25px;}

.sound_title{
font-weight:bold;
font-size:15px;
padding-bottom:1px;
margin-bottom:40px;
border-bottom:1px dotted #ffffff;
width:400px;}

.sound_playt{
margin-top:15px;
width:350px;
margin-left:20px;
}

.sound_playtab{
padding-bottom:5px;
border-bottom:1px #006699 dotted;}

/*サウンド窓*/
.sound_wind{
width:200px;
height:100px;
margin-left:200px;
margin-top:30px;
text-align:right;
}


/*--------------------
■ダウンロード
--------------------*/
.down_back{
height:505px;
margin-top:1px;
background-image:url(img/cont_back/07_down.jpg);
background-position:right top;
background-repeat:no-repeat;
color:#18378d;
font-size:13px;
text-align:left;
/*padding-top:30px;*/}

.down_b_overflow{
padding-top:30px;
height:480px;
overflow:auto;
/*scrollbar-base-color:#696969;*/　　/* スクロールバー全体の色 */
scrollbar-face-color: #ffffff;       /* 表面の色 */
scrollbar-3dlight-color: #87CEEB;    /* 左端と上端の色 */
scrollbar-highlight-color: #ffffff;  /* ハイライトの色 */
scrollbar-shadow-color: #ffffff;     /* 影の色 */
scrollbar-darkshadow-color: #87CEEB; /* 右端と下端 */
scrollbar-arrow-color: #87CEEB;      /* 矢印の色 */
scrollbar-track-color: #B0E0E6;      /* バーの背景の色 */
}


.down_table{
margin-left:35px;
width:550px;
padding:5px;
border-bottom:1px dotted #18378d;
}

.down_table_title{
font-weight:bold;
font-size:13px;
margin-bottom:5px;
padding-bottom:2px;
width:200px;}

.down_table_main{
margin-left:auto;
margin-right:auto;
}

.down_downbtn{
padding:5px;
width:80px;
text-align:center;
background-color:#F0FFFF;
border:1px solid #003399;
color:#003399;
font-weight:bold;
margin-bottom:6px;}

/*--------------------
■スペック
--------------------*/
.spec_back{
height:505px;
margin-top:1px;
margin-left:15px;
background-image:url(img/cont_back/06_spec.jpg);
background-position:right top;
background-repeat:no-repeat;
color:#18378d;
font-size:13px;
text-align:left;
/*padding-top:25px;*/
}

.spec_b_overflow{
padding-top:25px;
height:480px;
overflow:auto;
/*scrollbar-base-color:#696969;*/　　/* スクロールバー全体の色 */
scrollbar-face-color: #ffffff;       /* 表面の色 */
scrollbar-3dlight-color: #87CEEB;    /* 左端と上端の色 */
scrollbar-highlight-color: #ffffff;  /* ハイライトの色 */
scrollbar-shadow-color: #ffffff;     /* 影の色 */
scrollbar-darkshadow-color: #87CEEB; /* 右端と下端 */
scrollbar-arrow-color: #87CEEB;      /* 矢印の色 */
scrollbar-track-color: #B0E0E6;      /* バーの背景の色 */
}

.spec_title{
font-weight:bold;
font-size:15px;
padding-bottom:1px;
border-bottom:1px dotted #ffffff;
width:400px;}

.spec_table{
margin-top:3px;
padding:1px;}

.spec_table_borderleft{
border-bottom:1px dotted #006699;
padding-left:5px;}

.spec_table_borderbtm{
border-bottom:1px dotted #006699;
border-right:1px dotted #006699;}

/*--------------------
■年齢認証
--------------------*/
.adult_main{
margin-left:auto;
margin-right:auto;
margin-top:50px;
width:600px;
height:400px;
font-size:12px;
color:#006699;
text-align:center;
padding:10px;
border:1px solid #006699;}

.adult_copy{
margin-left:auto;
margin-right:auto;
margin-top:15px;
margin-bottom:15px;
color:#333366;
font-size:11px;
text-align:center;}

.adult_18{
font-weight:bold;
font-size:15px;}

/*--------------------
■応援バナーページ
--------------------*/
#ban_mainf{
width:100%;
height:567px;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
background-image:url(img/back_01.jpg);
background-position:left;
background-repeat:no-repeat;}

.ban_back{
margin-top:1px;
margin-left:15px;
/*background-color:#FFFFFF;
background-position:right top;
background-repeat:no-repeat;*/
color:#18378d;
font-size:13px;
text-align:left;
padding-top:25px;}

.ban_lmari{
padding-top:10px;}

.ban_titlename{
font-weight:bold;
font-size:15px;
padding-bottom:1px;
border-bottom:1px dotted #ffffff;
width:400px;}

.ban_banmainarea{
padding-top:10px;
padding-bottom:10px;
width:650px;}

.ban_14bol{
font-size:14px;
font-weight:bold;
padding-bottom:2px;
padding-left:2px;
border-bottom:1px dotted #0099FF;
border-left:1px solid #0099FF;
margin-bottom:8px;
color: #006699;
background-color:#ADD8E6;}

.ban_banapea{
margin-bottom:10px;}

.text{
background-color:#FFFFFF;
border: 1px solid #006699;
/*scrollbar-base-color:#696969;*/　　/* スクロールバー全体の色 */
scrollbar-face-color: #ADD8E6;       /* 表面の色 */
scrollbar-3dlight-color: #4682B4;    /* 左端と上端の色 */
scrollbar-highlight-color: #ffffff;  /* ハイライトの色 */
scrollbar-shadow-color: #ffffff;     /* 影の色 */
scrollbar-darkshadow-color: #333333; /* 右端と下端 */
scrollbar-arrow-color: #00008B;      /* 矢印の色 */
scrollbar-track-color: #00008B;      /* バーの背景の色 */	
font-size: 12px;
color: #666666;
}

.ban_backtotop{
text-align:right;
margin-top:10px;}


/*--------------------
■スペシャル
--------------------*/
.special_back{
height:100%;
margin-top:1px;
margin-left:15px;
background-image:url(img/cont_back/08_special.jpg);
background-position:right top;
background-repeat:no-repeat;
color:#18378d;
font-size:13px;
text-align:left;
padding-top:30px;
}

.special_title{
font-weight:bold;
font-size:15px;
padding-bottom:1px;
border-bottom:1px dotted #18378d;
width:90%;}

.special_main{
margin-top:7px;
margin-bottom:15px;
width:623px;
background-color: #FfFFFF;
border:1px solid #18378d;}

.special_main02{
margin-top:7px;
margin-bottom:40px;
width:438px;
background-color: #FfFFFF;
border:1px solid #18378d;}

#sp_mainf{
width:100%;
height:100%;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
background-image:url(img/back_01.jpg);
background-position:left;
background-repeat:no-repeat;}

/*--------------------
■サポート
--------------------*/
#support_mainf{
width:100%;
height:100%;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
background-image:url(img/back_01.jpg);
background-position:left top;
background-repeat:no-repeat;}

.support_back{
height:100%;
margin-top:1px;
margin-left:15px;
background-image:url(img/cont_back/09_support.jpg);
background-position:right top;
background-repeat:no-repeat;
color:#18378d;
font-size:13px;
text-align:left;
padding-top:30px;
padding-bottom:30px;
}

.caunion{
font-size:100%;
color:#FF0000;}

#MailForm th{
background-color:#ADD8E6;
border-bottom:1px solid #ffffff;
padding:5px;}

#MailForm td{
border-bottom:1px dotted #ffffff;
padding:5px;
}

.sup_text_his{
width:250px;
padding:2px;
color: #777777;
border:1px solid #006699;}

.sup_text{
padding:2px;
color: #777777;
border:1px solid #006699;}

.sup_cauarea{
width:500px;
padding-bottom:5px;
padding-top:5px;
border-bottom:1px solid;
border-top:1px solid;}