/**------------------------------------------------------------------------
全体共通
------------------------------------------------------------------------**/

body,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,p{margin:0;padding:0; list-style:none;}
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:80%;
  -webkit-text-size-adjust: 100%;

}
body#special,
body#index,
body#character,
body#download,
body#event,
body#gift,
body#promise,
body#story{
	min-width:1070px;
}

a img {border:none;}
a img:hover {
  filter: alpha(opacity=90);
  -moz-opacity:0.9;
  opacity:0.9;
 }

#container {
	background:url(../img/main_bg.gif) repeat-y center -60px;
	overflow:hidden;
}
#wrapper {
	width:1070px;
	margin:0 auto;
	min-height:1000px;
}

#common_header{
	width:991px;
	height:104px;
	margin:60px auto 20px;
	background:url(../img/common_head_bg.png) no-repeat left top;
	position:relative;
	
}
#common_header h1{ display:none;}
#common_header .tohome {
	position:absolute;
	top:0;
	left:0;
}
#common_header .tohome  a{
	display:block;
	width:270px;
	height:104px;
	text-indent:-9999em;
	overflow:hidden;
}

#common_header #common_navi {
	position:absolute;
	left:300px;
	top:50px;
	height:30px;

}
#common_header #common_navi li{
	float:left;
	margin:0 2px;
}
#common_header #common_navi li a{
	display:block;
	width:93px;
	height:30px;
	overflow:hidden;
	text-indent:-9999em;
}
#common_header #common_navi li.Story a { background:url(../img/common_menu_story.png) left top;}
#common_header #common_navi li.Promise a { background:url(../img/common_menu_promise.png) left top;}
#common_header #common_navi li.Character a { background:url(../img/common_menu_chara.png) left top;}
#common_header #common_navi li.Event a { background:url(../img/common_menu_ev.png) left top;}
#common_header #common_navi li.Download a { background:url(../img/common_menu_dl.png) left top;}
#common_header #common_navi li.Gift a { background:url(../img/common_menu_gift.png) left top;}
#common_header #common_navi li.Special a { background:url(../img/common_menu_sp.png) left top;}

#common_header #common_navi li.current a,
#common_header #common_navi li a:hover{ background-position:left -30px;}



#footer {
	clear:both;
	text-align:center;
	padding:30px 0;
}
.btn_top {
	position:fixed;
	right:30px;
	bottom:30px;
	height:50px;
	width:50px;
}
.btn_top a{
	display:block;
	background:#eee;
	background:rgba(144,0,99,.3);
	border-radius:50%;
	height:50px;
	width:50px;
	text-align:center;
	line-height:50px;
	text-decoration:none;
	color:#900063;
	font-size:20px;
}
.img_center {
	text-align:center;}

.page_title {	
	text-align:center;
}
.clearfix {
	clear:both;
}
/**------------------------------------------------------------------------
index.html
------------------------------------------------------------------------**/
body#index #header {position:relative;height:60px; z-index:10000;}

body#index #header h1{display:none;}

body#index #header .logo{ position:absolute;top:40px;left:30px;}

body#index #header .btn_home{ position:absolute;top:40px;right:30px;}




body#index #main_img { margin-top:-20px;}

body#index #main_img p#bg_img {
	background:url(../img/main_img_bg.png) no-repeat center center;
	width:1061px;
	height:778px;
	position:relative;

	}

body#index #main_img p#bg_img a.btn{
	position:absolute;
	right:40px;
	bottom:0;
	display:block;
	width:469px;
	height:106px;
	background:url(../img/btn_master_off.png) no-repeat center center;
	text-indent:-9999em;
}
body#index #main_img p#bg_img a.btn:hover{
	background:url(../img/btn_master_on.png) no-repeat center center;

}


body#index #navi {
	margin:5px auto 15px auto;
}
body#index #navi ul{
	width:1010px;
	margin:0 auto;
	overflow:hidden;
}
body#index #navi ul li{
	float:left;
	margin:0 7px 0 4px;
}
body#index #navi ul li a{
	display:block;
	width:133px;
	height:43px;
	overflow:hidden;
	text-indent:-9999em;
}
body#index #navi ul li.Story a { background:url(../img/menu_story.png) left top;}
body#index #navi ul li.Promise a { background:url(../img/menu_promise.png) left top;}
body#index #navi ul li.Character a { background:url(../img/menu_chara.png) left top;}
body#index #navi ul li.Event a { background:url(../img/menu_ev.png) left top;}
body#index #navi ul li.Download a { background:url(../img/menu_dl.png) left top;}
body#index #navi ul li.Gift a { background:url(../img/menu_gift.png) left top;}
body#index #navi ul li.Special a { background:url(../img/menu_sp.png) left top;}
body#index #navi ul li a:hover{ background-position:left -43px;}


#index_content {
	width:1006px;
	margin:0 auto;
	clear:both;
}
#index_content #topics {
	width:663px;
	float:left;
}
#index_content #topics p.bnr{
	margin-bottom:15px;
	overflow:hidden;
}
#index_content #topics p.bnr span {
	display:block;
}
#index_content #topics p.bnr span.side01 {
	float:left;
}
#index_content #topics p.bnr span.side02 {
	float:right;
}

#index_content #news {}
#index_content #news h2{
	background:url(../img/new_bg01.png) no-repeat left top;
	height:57px;
	width:663px;
	text-indent:-9999em;
}
#index_content #news .list_bg {
	background:url(../img/new_bg02.png) repeat-y left top;
	width:659px;
	height:300px;
	padding-right:4px;
}
#index_content #news ul{
	height:300px;
	overflow:auto;

}
#index_content #news ul li{
	padding:10px 20px 15px;
	background:url(../img/new_li_border.png) no-repeat center bottom;
	color:#fff;
	font-size:13px;
}
#index_content #news ul li:first-child{
	padding:0 20px 15px 20px;

}
#index_content #news ul li:last-child{
/*	background:none;
*/}
#index_content #news ul li a{
	color:#fff;
	text-decoration:none;

}
#index_content #news ul li a:hover{
	text-decoration:underline;

}

#index_content #news div.footimg{
	background:url(../img/new_bg03.png) no-repeat left top;
	height:25px;
	width:663px;
}
#index_content #sub {
	float:right;
	width:318px;
	margin-right:7px;
}
#index_content #sub #tw{
	margin-top:15px;}
#index_content #sub #tw h3{
	background:url(../img/tw_bg01.png) no-repeat left top;
	height:47px;
	width:318px;
	text-indent:-9999em;
}
#index_content #sub #tw .tw_content{
	background:url(../img/tw_bg02.png) repeat-y left top;
	width:318px;
	text-align:center;

}
#index_content #sub #tw div.footimg{
	background:url(../img/tw_bg03.png) no-repeat left top;
	height:25px;
	width:318px;
}

/*スクロールバーの色*/
#index_content .jspTrack{background: #F5CDF2;}
#index_content .jspDrag{background: #8f0071;}


#index_spac {
	clear:both;
	margin:40px 0 15px 0;
	width:934px;
	background:#fff;
	background:rgba(255,255,255,.8);
	border-radius:10px;
	border:1px solid #E100B0;
	padding:15px 30px ; 

}
#index_spac table{
	width:100%;
}
#index_spac table td{
	vertical-align:top;
}
#index_spac table td.left{
	width:40%;
}
#index_spac table td.right{
	width:60%;
}
#index_spac table td dl dt,
#index_spac table td dl dd{
	line-height:24px;
}
#index_spac table td dl dt{
	clear:both;
	float:left;
	width:100px;
}
#index_spac table td dl dd{
	margin-left :100px;
}

#index_spac table td h3 {
	border-bottom:2px solid #F6F;
	margin-bottom:8px;
	padding:3px 0;
	margin-right:30px;
	color:#E400B7;
}
#index_spac table td h3 span{
	color:#F156BA;
}




/**------------------------------------------------------------------------
story.html
------------------------------------------------------------------------**/
body#story #contents .img_center {
	width:1172px;
	margin-left:-50px;
}



	
		
/**------------------------------------------------------------------------
charactoer.html
------------------------------------------------------------------------**/
	
body#character ul.chara_menu {
	overflow:hidden;
	height:189px;
	width:982px;
	margin:0 auto;
}

body#character ul.chara_menu li{
	width:163px;
	float:left;
}
body#character ul.chara_menu li a{
	display:block;
	width:163px;
	height:189px;
	text-indent:-9999em;
	background-repeat:no-repeat;
}
body#character ul.chara_menu li#c01 a{background:url(../img/chara/chara_menu.png) 0 0;}
body#character ul.chara_menu li#c02 a{background:url(../img/chara/chara_menu.png) -163px 0 ;}
body#character ul.chara_menu li#c03 a{background:url(../img/chara/chara_menu.png) -326px 0 ;}
body#character ul.chara_menu li#c04 a{background:url(../img/chara/chara_menu.png) -489px 0 ;}
body#character ul.chara_menu li#c05 a{background:url(../img/chara/chara_menu.png) -652px 0 ;}
body#character ul.chara_menu li#c06 a{background:url(../img/chara/chara_menu.png) -815px 0 ;}

body#character ul.chara_menu li#c01 a:hover{background:url(../img/chara/chara_menu.png) 0 -189px;}
body#character ul.chara_menu li#c02 a:hover{background:url(../img/chara/chara_menu.png) -163px -189px ;}
body#character ul.chara_menu li#c03 a:hover{background:url(../img/chara/chara_menu.png) -326px -189px ;}
body#character ul.chara_menu li#c04 a:hover{background:url(../img/chara/chara_menu.png) -489px -189px ;}
body#character ul.chara_menu li#c05 a:hover{background:url(../img/chara/chara_menu.png) -652px -189px ;}
body#character ul.chara_menu li#c06 a:hover{background:url(../img/chara/chara_menu.png) -815px -189px ;}
	
body#character .box {
	width:996px;
	height:448px;
	margin:0 auto;
	position:relative;
}

/*制服切り替えボタン*/
body#character .box .btn{
	position:absolute;
	width:90px;
	height:90px;
	cursor:pointer;
	text-indent:-9999em;
}
body#character .box .btn:hover {
	background:rgba(255,255,255,.2);
	border-radius:50%;
}


/*ボイス再生*/
body#character .box ul.voice {
	position:absolute;
	width:130px;
	height:36px;

}

body#character .box ul.voice li{
	float:left;
	width:38px;
	height:38px;
	overflow:hidden;
}	
body#character .box ul.voice li a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999em;
	background:url(../img/chara/voice_icon.png) no-repeat center top;
}
body#character .box ul.voice li a:hover{
	background:url(../img/chara/voice_icon.png) no-repeat center bottom;
}
	
body#character .box ul.voice.cs {/*comingsoon*/
	background:url(../img/chara/comingsoon.png) no-repeat left top;
	position:absolute;
}
	
	
body#character #sakura {background:url(../img/chara/sakura_seifuku.png) no-repeat left top;}
body#character #sakura.on {	background:url(../img/chara/sakura_shifuku.png) no-repeat left top;}
body#character #sakura .btn {
	left:560px;
	top:100px;
}
body#character #sakura  ul.voice {
	left:390px;
	top:115px;
}

body#character #reone {background:url(../img/chara/reone_seifuku.png) no-repeat left top;}
body#character #reone.on {	background:url(../img/chara/reone_shifuku.png) no-repeat left top;}
body#character #reone .btn {
	left:600px;
	top:172px;
}
body#character #reone  ul.voice {
	left:500px;
	top:115px;
}
body#character #kasumi {background:url(../img/chara/kasumi_seifuku.png) no-repeat left top;}
body#character #kasumi.on {	background:url(../img/chara/kasumi_shifuku.png) no-repeat left top;}
body#character #kasumi .btn {
	left:560px;
	top:90px;
}
body#character #kasumi  ul.voice {
	left:410px;
	top:125px;
}

body#character #otoha {background:url(../img/chara/otoha_seifuku.png) no-repeat left top; margin:15px auto -25px auto;}
body#character #otoha.on {	background:url(../img/chara/otoha_shifuku.png) no-repeat left top;}
body#character #otoha .btn {
	left:554px;
	top:46px;
}
body#character #otoha  ul.voice {
	left:410px;
	top:105px;
}

body#character #sachichisa {background:url(../img/chara/sachisa_seifuku.png) no-repeat left top; height:465px;}
body#character #sachichisa.on {	background:url(../img/chara/sachisa_shifuku.png) no-repeat left top;}
body#character #sachichisa .btn {
	left:723px;
	top:270px;
}
body#character #sachichisa  ul.voice {
	left:380px;
	top:135px;
}

body#character #yukari {background:url(../img/chara/yukari_seifuku.png) no-repeat left top;}
body#character #yukari.on {	background:url(../img/chara/yukari_shifuku.png) no-repeat left top;}
body#character #yukari .btn {
	left:590px;
	top:90px;
}
body#character #yukari  ul.voice {
	left:435px;
	top:117px;
}

/**------------------------------------------------------------------------
gift.html
------------------------------------------------------------------------**/
body#gift #contents {
	margin-bottom:40px;}
body#gift #contents h2{
	margin-top:-20px;
}
body#gift .gift_top_link {
	margin:20px auto;
	text-align:center;
	overflow:hidden;
	width:1028px;	
}

body#gift .gift_top_link p{
	margin:20px 16px;
	float:left;
}



body#gift .gift_top_link p a{ display:block; width:307px ; height:53px; text-indent:-9999em;}


body#gift .gift_top_link p.btn01 a {background:url(../img/gift/botan_off_01.png) no-repeat left top;}
body#gift .gift_top_link p.btn02 a {background:url(../img/gift/botan_off_02.png) no-repeat left top;}
body#gift .gift_top_link p.btn03 a {background:url(../img/gift/botan_off_03.png) no-repeat left top;}
body#gift .gift_top_link p.btn04 a {background:url(../img/gift/botan_off_04.png) no-repeat left top;}
body#gift .gift_top_link p.btn05 a {background:url(../img/gift/botan_off_05.png) no-repeat left top;}
body#gift .gift_top_link p.btn06 a {background:url(../img/gift/botan_off_06.png) no-repeat left top;}


body#gift .gift_top_link p.btn01 a:hover {background:url(../img/gift/botan_on_01.png) no-repeat left top;}
body#gift .gift_top_link p.btn02 a:hover {background:url(../img/gift/botan_on_02.png) no-repeat left top;}
body#gift .gift_top_link p.btn03 a:hover {background:url(../img/gift/botan_on_03.png) no-repeat left top;}
body#gift .gift_top_link p.btn04 a:hover {background:url(../img/gift/botan_on_04.png) no-repeat left top;}
body#gift .gift_top_link p.btn05 a:hover {background:url(../img/gift/botan_on_05.png) no-repeat left top;}
body#gift .gift_top_link p.btn06 a:hover {background:url(../img/gift/botan_on_06.png) no-repeat left top;}


body#gift #tsuhan_area {
	margin-top:40px;
	margin-bottom:50px;
}
body#gift #tsuhan_area p.bg_img{
	background:url(../img/gift/official_img_bg.png) no-repeat left top;
	width:1052px;
	height:825px;
	position:relative;
	margin-left:16px;
}
body#gift #tsuhan_area p.bg_img a#tu_btn{
	width:510px;
	height:165px;
	display:block;
	background:url(../img/gift/tuuhan_btn_off.png) no-repeat left top;
	position:absolute;
	bottom:0;
	right:37px;
	text-indent:-9999em;
}
body#gift #tsuhan_area p.bg_img a#tu_btn:hover{
	background:url(../img/gift/tuuhan_btn_on.png) no-repeat left top;
}

body#gift #tokuten_area {width:996px; margin:35px auto 50px auto;}

body#gift #tokuten_area p.bg_top{
	background:url(../img/common_bg01.png) no-repeat left top;
	width:996px; height:23px;}
body#gift #tokuten_area div.tokuten_contents{
	background:url(../img/common_bg02.png) repeat-y left top;
	width:996px;
}
body#gift #tokuten_area p.bg_bottom{
	background:url(../img/common_bg03.png) no-repeat left top;
	width:996px; height:23px;}

body#gift ul.shop_list {
		overflow:hidden;
		width:936px;
		margin:0 auto;
}
body#gift ul.shop_list li{
	float:left;
	margin:10px ;
	text-align:center;
}
body#gift ul.shop_list li p a{
	background:url(../img/gift/yoyaku_off.png) no-repeat center center;
	width:154px;
	height:33px;
	text-indent:-9999em;
	display:block;
	margin:10px auto;
}
body#gift ul.shop_list li p a:hover{
	background:url(../img/gift/yoyaku_on.png) no-repeat center center;
}
body#gift ul.shop_list li.shop01{
	width:602px;
	padding:0 137px;

}
body#gift ul.shop_list li h3 a { display:block;width:100%; height:48px; text-indent:-9999em;}
body#gift ul.shop_list li.shop01 h3 a{background:url(../img/gift/shop01_name_off.png) no-repeat center center;}
body#gift ul.shop_list li.shop02 h3 a{background:url(../img/gift/shop02_name_off.png) no-repeat center center;}
body#gift ul.shop_list li.shop03 h3 a{background:url(../img/gift/shop03_name_off.png) no-repeat center center;}
body#gift ul.shop_list li.shop04 h3 a{background:url(../img/gift/shop04_name_off.png) no-repeat center center;}
body#gift ul.shop_list li.shop05 h3 a{background:url(../img/gift/shop05_name_off.png) no-repeat center center;}
body#gift ul.shop_list li.shop06 h3 a{background:url(../img/gift/shop06_name_off.png) no-repeat center center;}
body#gift ul.shop_list li.shop07 h3 a{background:url(../img/gift/shop07_name_off.png) no-repeat center center;}

body#gift ul.shop_list li.shop01 h3 a:hover{background:url(../img/gift/shop01_name_on.png) no-repeat center center;}
body#gift ul.shop_list li.shop02 h3 a:hover{background:url(../img/gift/shop02_name_on.png) no-repeat center center;}
body#gift ul.shop_list li.shop03 h3 a:hover{background:url(../img/gift/shop03_name_on.png) no-repeat center center;}
body#gift ul.shop_list li.shop04 h3 a:hover{background:url(../img/gift/shop04_name_on.png) no-repeat center center;}
body#gift ul.shop_list li.shop05 h3 a:hover{background:url(../img/gift/shop05_name_on.png) no-repeat center center;}
body#gift ul.shop_list li.shop06 h3 a:hover{background:url(../img/gift/shop06_name_on.png) no-repeat center center;}
body#gift ul.shop_list li.shop07 h3 a:hover{background:url(../img/gift/shop07_name_on.png) no-repeat center center;}


/*キャンペーン*/
body#gift #main_img {margin-top:0;padding-left:7px;}
body#gift #shoplist {}
body#gift #shoplist table{
	width:500px;
	margin:20px auto;
	border-collapse:collapse;
	}
body#gift #shoplist table th,
body#gift #shoplist table td{
	border:1px solid #F0C;
	padding:5px 10px;
	text-align:left;
	background:#fff;
	background:rgba(255,255,255,0.8);
	font-weight:normal;
}
	
body#gift #shoplist table tr.midashi th,
body#gift #shoplist table tr.midashi td {
	background:#F6C;
	color:#fff;

}
body#gift .text01 {padding:10px 40px; color:#555;}

#ouen_btn {
	margin:60px auto;
	text-align:center;
}
#ouen_btn a{
	display:block;
	width:490px;
	height:56px;
	overflow:hidden;
	text-indent:-9999em;
	background:url(../img/gift/btn_oubo_off.png) no-repeat left top;
	margin:0 auto;
}
#ouen_btn a:hover{
	background:url(../img/gift/btn_oubo_on.png) no-repeat left top;
}

/*オリジナル特典*/
body#gift #original_area {width:996px; margin:35px auto 50px auto;}

body#gift #original_area p.bg_top{
	background:url(../img/common_bg01.png) no-repeat left top;
	width:996px; height:23px;}
body#gift #original_area div.tokuten_contents{
	background:url(../img/common_bg02.png) repeat-y left top;
	width:996px;
}
body#gift #original_area p.bg_bottom{
	background:url(../img/common_bg03.png) no-repeat left top;
	width:996px; height:23px;}

body#gift #original_area div.tokuten_contents ul {
	overflow:hidden;
	margin:0px auto;
	padding:20px 0;
	width:960px;
}
body#gift #original_area div.tokuten_contents ul li{
	float:left;
	width:440px;
	margin:20px;
}
body#gift #original_area div.tokuten_contents ul li h4{
	background:#a20080;
	border-left:8px solid #f100c2;
	color:#fff;
	padding:3px 0 0 10px;
	font-size:22px;
	line-height:42px;
	margin-bottom:20px;
	
}
body#gift #original_area div.tokuten_contents ul li h4 a{
	color:#fff;
	text-decoration:none;
}
body#gift #original_area div.tokuten_contents ul li h4 a:hover{
	text-decoration:underline;
}
body#gift #original_area div.tokuten_contents ul li p {
	text-align:center;}
body#gift #original_area div.tokuten_contents ul li span {
	display:block;
	text-align:center;
	padding:10px 0;
	color:#b637da;
	font-weight:bold;
	font-size:14px;
}

body#gift #hunyu { text-align:center;margin:60px auto;}
body#gift #yoyaku {text-align:center;margin:60px auto;}

/**------------------------------------------------------------------------
download.html
------------------------------------------------------------------------**/
body#download {}
body#download .dl_box {
	width:996px; 
	margin:15px auto 100px auto;
}
body#download .dl_box p.bg_top{
	background:url(../img/common_bg01.png) no-repeat left top;
	width:996px; height:23px;}
body#download .dl_box div.dl_contents{
	background:url(../img/common_bg02.png) repeat-y left top;
	width:996px;
	overflow:hidden;
}
body#download .dl_box p.bg_bottom{
	background:url(../img/common_bg03.png) no-repeat left top;
	width:996px; height:23px;}

body#download .dl_contents h3{
	text-align:center;
	margin:10px auto;
}
body#download .demo_inner {
	padding:20px 40px;}


body#download .movie_demo {
	float:left;
	width:420px;
	height:245px;
}
.bov_right {
	float:right;
	width:490px;
}
.dl_btn{ text-align:center;}
.dl_btn a {
	display:block;
	width:284px;
	height:61px;
	margin:7px auto;
	background:url(../img/dl/demo_dl_btn_off.png) no-repeat left top;
	text-indent:-9999em;
}
.dl_btn a:hover {
	background:url(../img/dl/demo_dl_btn_on.png) no-repeat left top;

}
.mirror_area {
	width:473px;
/*	background:url(../img/dl/mirror_bg.png) no-repeat left top;
*/
	border:2px solid #AC098A;
	border-radius:18px;
	overflow:hidden;
}
.mirror_area h4{
	background:#AC098A;
	text-align:center;
	color:#fff;
	font-weight:bold;
	border-radius:13px 13px 0 0/13px 13px 0 0;
	font-size:18px;
	padding:1px;
}
.mirror_area ul {
	padding:8px 15px 8px 15px;
	text-align:center;

}
.mirror_area ul li{
	display:inline;
	white-space:nowrap;
	padding:3px 10px;
}
.mirror_area ul li a{
	color:#ff19d2;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
}
.mirror_area ul li a:hover{
	text-decoration:underline;
}

.lyrics {
	clear:both;
	text-align:center;
	padding:30px;
}

body#download #dl_area {
	position:relative;
	margin-top:140px;
}

body#download #dl_area span.sd_img { position:absolute;}

body#download #dl_area span#sd01 {top:-90px;left:-10px;}
body#download #dl_area span#sd02 {top:400px;right:-10px;}
body#download #dl_area span#sd03 {top:575px;left:-15px;}
body#download #dl_area span#sd04 {bottom:20px;right:20px;}

body#download .chui_txt {
width:996px; margin:-70px auto 100px auto;
	}


body#download #banner h2#ouen_title {
	text-align:center;
}
body#download #banner .img_center{
	margin:20px auto;
}
body#download #banner .btn_form a{
	display:block;
	height:77px;
	width:996px;
	margin:20px auto;
	overflow:hidden;
	text-indent:-9999em;
	background:url(../img/banner/btn_form.png) no-repeat left top;
}
body#download #banner .btn_form a:hover{
	background-position:left -77px;
}
body#download .banner_contents {
	margin:20px auto;
	width:954px;
	border:1px solid #F6C;
	padding:20px;
	background:#ffffff;
	border-radius:20px;
}

body#download .banner_contents h3 {
	text-align:center;
	margin:40px auto 0px auto;
	color:#a231d9;
	font-size:20px;
}
body#download .banner_contents table.bnr_t {
	width:900px;
	margin:0 auto 10px auto;
}
body#download .banner_contents table.bnr_t td {
	text-align:center;
}
body#download .banner_contents table.bnr_t td textarea{
	width:90%;
	margin:0 auto 30px;
	max-width:590px;
	padding:5px;
	color:#666;
	background:#FFEEFC;
	border:1px solid #ff89c2;
	height:60px;
}

body#download .banner_contents table.col01 td textarea{
	width:590px;}


/**------------------------------------------------------------------------
event.html
------------------------------------------------------------------------**/

body#event {}


body#event ul.gallery{
	width:1014px;
	margin:30px auto;
	overflow:hidden;
}
body#event ul.gallery li{
	width:308px;
	height:174px;
	padding:17px 13px 13px 17px;
	float:left;
	position:relative;
}

body#event ul.gallery li:hover{
	background:url(../img/event/cg_bg.png) no-repeat center center;

}

.caution {
	text-align:center;
	clear:both;
	margin:30px auto;
}

body#event ul.gallery li em.new {
	position:absolute;
	display:block;
	text-indent:-9999em;
	width:52px;height:51px;
	background:url(../img/event/new.png) no-repeat center center;
	top:10px;
	left:10px;
	}
body#event ul.gallery li em.sabun {
	position:absolute;
	display:block;
	text-indent:-9999em;
	width:90px;height:59px;
	background:url(../img/event/sabun.png) no-repeat center center;
	bottom:10px;
	right:10px;
}

/**------------------------------------------------------------------------
promise.html
------------------------------------------------------------------------**/

body#promise {}

body#promise h2.page_title {
	margin-bottom:50px;}
body#promise .box {
	width:997px;
	margin:40px auto;
}

/**------------------------------------------------------------------------
special.html
------------------------------------------------------------------------**/

body#special {}
body#special .info_contents {
	margin:20px auto;
	width:954px;
	padding:20px;
	background:#ffffff;
	border-radius:20px;
}

body#special .info_contents h3 {
	text-align:center;
}
body#special .info_contents .post {
	width:910px;
	margin:20px auto 30px auto;
	padding-bottom:30px;
	border-bottom:2px dotted #ccc;
	clear:both;
	overflow:hidden;
}
body#special .info_contents .post .date{
	font-size:17px;
	color:#f100c2;
	display:block;
	height:20px;
	line-height:20px;

}
body#special .info_contents .post .new{
	background:url(../img/special/new.gif) no-repeat 110px center;
	padding-right:60px;

}
body#special .info_contents .post h4.post_title{
	background:#8634d7;
	color:#fff;
	font-size:25px;
	font-weight:bold;
	padding:3px 10px;
	margin:8px 0 10px 0;
}

body#special .info_contents .post img {
	max-width:910px;
}
body#special .info_contents .post .entry {
	font-size:14px;
}
body#special .info_contents .post .box01 {
	border:2px solid #f100c2;
	border-radius:12px;
	padding:10px;
	clear:both;
	margin:20px 0 10px 0;
	font-size:18px;
	font-weight:bold;
	color:#f100c2;
}
body#special .info_contents .post .box01 a{
	color:#f100c2;
	text-decoration:none;
}
body#special .info_contents .post .box01 a:hover{
	text-decoration:underline;
}

body#special .info_contents .post .entry em {
	font-size:10px;
	font-style:normal;
}

body#special .info_contents .post .table_dl{
	color:#ac098a;
	font-size:22px;
	font-weight:bold;
	margin:20px 0;
}
body#special .info_contents .post .table_dl dt{
	float:left;
	width:90px;
	color:#ff01cd;

	
}
body#special .info_contents .post .table_dl dd{
	margin-left:90px;
	margin-bottom:5px;


}
body#special .btn_form {
	clear:both;
	margin:10px auto 20px auto;
}
body#special .btn_form a{
	display:block;
	width:261px;
	height:38px;
	background:url(../img/special/btn_form.png) no-repeat left top;
	margin:0 auto;
	text-indent:-9999em;
}

body#special .btn_form a:hover{
  filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
}

body#special .koe_btn {}
body#special .koe_btn p{
	text-align:center;
	margin:40px auto;
}

body#special  a#chara1_link {
	position:absolute;
	width:491px;
	height:101px;
	left:420px;
	top:30px;
	background:url(../img/special/140416/cahra1_btn_off.png) no-repeat left top;
	text-indent:-9999em;
}
body#special  a#chara1_link:hover {
	background:url(../img/special/140416/cahra1_btn_on.png) no-repeat left top;
}

/**------------------------------------------------------------------------
countdown.html
------------------------------------------------------------------------**/
body#countdown #header {position:relative;height:60px; z-index:10000;}

body#countdown #header h1{display:none;}

body#countdown #header .logo{ position:absolute;top:40px;left:30px;}

body#countdown #header .btn_home{ position:absolute;top:40px;right:30px;}

body#countdown {}

body#countdown .page_title {
	margin:20px auto;
}
body#countdown .dl_box {
	width:996px; 
	margin:15px auto 100px auto;
}
body#countdown .dl_box p.bg_top{
	background:url(../img/common_bg01.png) no-repeat left top;
	width:996px; height:23px;}
body#countdown .dl_box div.dl_contents{
	background:url(../img/common_bg02.png) repeat-y left top;
	width:996px;
	overflow:hidden;
}
body#countdown .dl_box p.bg_bottom{
	background:url(../img/common_bg03.png) no-repeat left top;
	width:996px; height:23px;}

body#countdown .dl_contents h3{
	text-align:center;
	margin:10px auto;
}
body#countdown .buttons {
	width:912px;
	height:226px;
	margin:20px auto;
	background:url(../img/countdown/buttons.png) no-repeat left center;
}

#youtube {
	margin: 0 auto;
	width: 910px;
	text-align: left;
}
#youtube div.view_area {
	width: 910px;
	height: 511px;
	overflow: hidden;
	position: relative;
}
#youtube div.view_area div.yt_view {
	top: 0;
	left: 0;
	position: absolute;
}

#youtube ul {
	width: 940px;
	height:226px;
	background:url(../img/countdown/buttons.png) no-repeat left top;
}

#youtube ul li {
	width: 168px;
	height:65px;
	float: left;
	margin:0 18px 16px 0;
}
#youtube ul li a{
	display:block;
	width: 168px;
	height:65px;
	overflow:hidden;
	text-indent:-9999em;
	background:#fff;


}
#youtube .active {
	filter:alpha(opacity=0)!important;
	-moz-opacity: 0!important;
	opacity: 0!important;
}




/**------------------------------------------------------------------------
pre.html
------------------------------------------------------------------------**/
body#pre #header {position:relative;height:60px; z-index:10000;}

body#pre #header h1{display:none;}

body#pre #header .logo{ position:absolute;top:40px;left:30px;}

body#pre #header .btn_home{ position:absolute;top:40px;right:30px;}

body#pre {}

body#pre .page_title {
	margin:20px auto;
}
body#pre .dl_box {
	width:996px; 
	margin:15px auto 100px auto;
}
body#pre .dl_box p.bg_top{
	background:url(../img/common_bg01.png) no-repeat left top;
	width:996px; height:23px;}
body#pre .dl_box div.dl_contents{
	background:url(../img/common_bg02.png) repeat-y left top;
	width:996px;
	overflow:hidden;
}
body#pre .dl_box p.bg_bottom{
	background:url(../img/common_bg03.png) no-repeat left top;
	width:996px; height:23px;}

body#pre .dl_contents h3{
	text-align:center;
	margin:10px auto;
}
dl.pre_images {
	width:880px;
	margin:10px auto;
	text-align:center;
}
dl.pre_images dt {
	color:#aa00fc;
	font-size:20px;
	margin:10px auto;
}
dl.pre_images dd {
	margin-bottom:70px;
}