/**------------------------------------------------------------------------
全体共通
------------------------------------------------------------------------**/
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:1140px;
}

a img {border:none;}
body #container {
	background:url(../img/common_bg.gif) left top;
	overflow:hidden;
}
#wrapper {
	width:1140px;
	margin:0 auto;
	position:static;
}


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

#common_header #common_navi {
	position:absolute;
	left:260px;
	top:50px;
	height:48px;
	width:757px;

}
#common_header #common_navi li{
	float:left;
	margin:0;
}
#common_header #common_navi li a{
	display:block;
	width:150px;
	height:43px;
	overflow:hidden;
	text-indent:-9999em;
	background:url(../img/manu_main_bg.png) left top;
}
#common_header #common_navi li.Story a { background-position:left top;}
#common_header #common_navi li.Character a {  background-position:-150px top;}
#common_header #common_navi li.Event a { background-position:-300px top;}
#common_header #common_navi li.Download a { background-position:-450px top;}
#common_header #common_navi li.Gift a { background-position:-600px top;width:153px;}


#common_header #common_navi li.Story a:hover,
#common_header #common_navi li.Story.current a { background-position:left -43px;}
#common_header #common_navi li.Character a:hover,
#common_header #common_navi li.Character.current a {  background-position:-150px -43px;}
#common_header #common_navi li.Event a:hover,
#common_header #common_navi li.Event.current a { background-position:-300px -43px;}
#common_header #common_navi li.Download a:hover,
#common_header #common_navi li.Download.current a { background-position:-450px -43px;}
#common_header #common_navi li.Gift a:hover,
#common_header #common_navi li.Gift.current a { background-position:-600px -43px;width:153px;}


/*#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{ background-position:left -43px;}



#contents h2.page_title {
	width:1017px;
	margin:-32px auto 0;
	background:url(../img/title_bg.png) no-repeat center center;
	text-align:center;
	overflow:hidden;
	height:153px;
	}
#contents h2.page_title img{
}

#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(0,0,0,.1);
	border-radius:50%;
	height:50px;
	width:50px;
	text-align:center;
	line-height:50px;
	text-decoration:none;
	color:#777;
	font-size:20px;
}

.img_center {
	text-align:center;}

.page_title {	
	text-align:center;
}
.clearfix {
clear: both;
}
/**------------------------------------------------------------------------
index.html
------------------------------------------------------------------------**/
body#index #container {
	background:url(../img/main_bg.gif) repeat-y center top;
	overflow:hidden;
}


body#yoyaku #header,
body#index #header {position:relative;height:60px;}

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

body#yoyaku #header .logo,
body#index #header .logo{ position:absolute;top:50px;left:72px; z-index:100;}

body#yoyaku #header .btn_home,
body#index #header .btn_home{ position:absolute;top:50px;right:72px; z-index:100;}

body#index #main_img{ 
	background:url(../img/main_img.png) no-repeat left top;
	width:1133px;
	height:803px;
	position:relative;
	z-index:1;
}
body#index #main_img #masterup_btn {
	width:200px;
	height:200px;
	position:absolute;
	top:60px;
	right:35px;
}
body#index #main_img #masterup_btn a{ 
	background:url(../img/masterup_off.png) no-repeat left top;
	width:200px;
	height:200px;
	text-indent:-9999em;
	display:block;
}
body#index #main_img #masterup_btn a:hover{ 
	background:url(../img/masterup_on.png) no-repeat left top;
}
body#yoyaku #main_img,
body#index #main_img{ margin-top:-25px;}

body#index #navi {
	margin:-20px auto 5px auto;
	position:relative;
	z-index:1000;

}
body#index #navi ul{
	width:1020px;
	height:63px;
	margin:0 auto;
	overflow:hidden;
	padding-left:6px;
/*	background:url(../img/menu_shadow.png) no-repeat left top;
*/}
body#index #navi ul li{
	float:left;
	margin:0 ;
}
body#index #navi ul li a{
	display:block;
	width:200px;
	height:61px;
	overflow:hidden;
	text-indent:-9999em;
	background:url(../img/main_menu_top.png) no-repeat left top;
	background-repeat:no-repeat;

}
body#index #navi ul li.Story a { background-position:0px top;}
body#index #navi ul li.Character a { background-position:-200px top;}
body#index #navi ul li.Event a  { background-position:-400px top;}
body#index #navi ul li.Download a  { background-position:-600px top;}
body#index #navi ul li.Gift a { background-position:-800px top; width:210px;}

body#index #navi ul li.Story a:hover { background-position:0px -61px;}
body#index #navi ul li.Character a:hover { background-position:-200px -61px;}
body#index #navi ul li.Event a:hover  { background-position:-400px -61px;}
body#index #navi ul li.Download a:hover  { background-position:-600px -61px;}
body#index #navi ul li.Gift a:hover { background-position:-800px -61px;}



/*
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 -54px;}
*/

#index_content {
	width:998px;
	margin:0 auto;
	clear:both;
	padding-right:3px;
}
#index_content #topics {
	width:663px;
	float:right;
}
#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:661px;
	padding:10px 0;
	height:280px;
	padding-right:2px;
}
#index_content #news ul{
	height:280px;
	overflow:auto;

}
#index_content #news ul li{
	padding:10px 20px 15px;
	background:url(../img/new_li_border.png) no-repeat center bottom;
	color:#fff;
}
#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:left;
	width:319px;
	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:33px;
	width:319px;
	text-indent:-9999em;
}
#index_content #sub #tw .tw_content{
	background:url(../img/tw_bg02.png) repeat-y left top;
	width:319px;
	text-align:center;

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

/*スクロールバーの色*/
#index_content .jspTrack{background: #ABD2FA;}
#index_content .jspDrag{background: #1f3c8c;}

#index_spac {
	clear:both;
	margin:40px 0 15px 0;
	width:934px;
	background:#fff;
	background:rgba(255,255,255,.8);
	border-radius:10px;
	border:2px solid #27BFFF;
	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 #27BFFF;
	margin-bottom:8px;
	padding:3px 0;
	margin-right:30px;
	color:#1F3C8C;
}
#index_spac table td h3 span{
	color:#3286FE;
}

/**------------------------------------------------------------------------
story.html
------------------------------------------------------------------------**/
body#story #contents p.img_center img{
	margin:0 auto 30px auto;

} 


	
	
	
/**------------------------------------------------------------------------
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:1040px;
	
	
}
body#gift h3 img {
	margin:10px auto 30px auto;
}
body#gift .gift_top_link p{
	margin:0;
	display:inline-block;
}
body#gift .gift_top_link p a{ display:block; width:344px ; height:108px; text-indent:-9999em;}
body#gift .gift_top_link p.tsuhan a{background:url(../img/gift/btn_tuuhan_off.png) no-repeat left top;}
body#gift .gift_top_link p.tokuten a{background:url(../img/gift/btn_kakioroshi_off.png) no-repeat left top;}
body#gift .gift_top_link p.yoyaku a{background:url(../img/gift/btn_yoyaku_off.png) no-repeat left top;}
body#gift .gift_top_link p.yoyaku2 a{background:url(../img/gift/btn_yoyaku2_off.png) no-repeat left top;}
body#gift .gift_top_link p.original a{background:url(../img/gift/btn_original_off.png) no-repeat left top;}

body#gift .gift_top_link p.tsuhan a:hover{background:url(../img/gift/btn_tuuhan_on.png) no-repeat left top;}
body#gift .gift_top_link p.tokuten a:hover{background:url(../img/gift/btn_kakioroshi_on.png) no-repeat left top;}
body#gift .gift_top_link p.yoyaku a:hover{background:url(../img/gift/btn_yoyaku_on.png) no-repeat left top;}
body#gift .gift_top_link p.yoyaku2 a:hover{background:url(../img/gift/btn_yoyaku2_on.png) no-repeat left top;}
body#gift .gift_top_link p.original a:hover{background:url(../img/gift/btn_original_on.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:1048px;
	height:854px;
	position:relative;
	margin-left:48px;
}

body#gift #tsuhan_area p.bg_img a#tu_btn{
	width:489px;
	height:133px;
	display:block;
	background:url(../img/gift/tuuhan_btn_off.png) no-repeat left top;
	position:absolute;
	bottom:10px;
	right:30px;
	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 .waku01 {width:1007px; margin:15px auto;}
body#gift .waku01 p.bg_top{
	background:url(../img/gift/gift_bg01.png) no-repeat left top;
	width:1007px; height:31px;}
body#gift .waku01 div.tokuten_contents{
	background:url(../img/gift/gift_bg02.png) repeat-y left top;
	width:1007px;
}
body#gift .waku01 p.bg_bottom{
	background:url(../img/gift/gift_bg03.png) no-repeat left top;
	width:1007px; height:36px;}



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:0 auto 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 147px;

}

body#gift ul.shop_list li.shop02,
body#gift ul.shop_list li.shop03,
body#gift ul.shop_list li.shop04 {height:530px;}

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 #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:url(../img/gift/original_midashi_bg.png) no-repeat left top;
	color:#fff;
	padding:0px 0 0 20px;
	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:#f39800;
	font-weight:bold;
	font-size:14px;
}






/*キャンペーン*/
body#gift #main_img {margin-top:0;padding-left:20px;}
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 #19487e;
	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:#42bcd4;
	color:#fff;

}

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

body#gift div#yoyaku2_area {}
body#gift div#yoyaku2_area .main_img{
	padding:0 0 0 71px;
}		
/**------------------------------------------------------------------------
charactoer.html
------------------------------------------------------------------------**/
body#character h3.sub_title {
	text-align:center;
	margin:60px auto 30px;
}
body#character ul.chara_menu_sub,
body#character ul.chara_menu {
	overflow:hidden;
	height:117px;
	width:1020px;
	margin:0 auto;
}
body#character ul.chara_menu_sub li,
body#character ul.chara_menu li{
	width:255px;
	float:left;
}
body#character ul.chara_menu_sub li a,
body#character ul.chara_menu li a{
	display:block;
	width:255px;
	height:117px;
	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) -255px 0 ;}
body#character ul.chara_menu li#c03 a{background:url(../img/chara/chara_menu.png) -510px 0 ;}
body#character ul.chara_menu li#c04 a{background:url(../img/chara/chara_menu.png) -765px 0 ;}

body#character ul.chara_menu li#c01 a:hover{background:url(../img/chara/chara_menu.png) 0 -117px;}
body#character ul.chara_menu li#c02 a:hover{background:url(../img/chara/chara_menu.png) -255px -117px ;}
body#character ul.chara_menu li#c03 a:hover{background:url(../img/chara/chara_menu.png) -510px -117px ;}
body#character ul.chara_menu li#c04 a:hover{background:url(../img/chara/chara_menu.png) -765px -117px ;}

body#character ul.chara_menu_sub li#c05{margin-left:2px;}
body#character ul.chara_menu_sub li#c05 a{background:url(../img/chara/chara_menu_sakuya_off.png) -5px 0;}
body#character ul.chara_menu_sub li#c06 a{background:url(../img/chara/chara_menu_kaoru_off.png) 2px 0 ;}

body#character ul.chara_menu_sub li#c05 a:hover{background-image:url(../img/chara/chara_menu_sakuya_on.png);}
body#character ul.chara_menu_sub li#c06 a:hover{background-image:url(../img/chara/chara_menu_kaoru_on.png) ;}


	
body#character .box {
	width:1175px;
	height:830px;
	margin:0 auto 0	 42px;
	position:relative;
}
body#character .box_sub {
	width:1175px;
	height:460px;
	margin:0 auto 60px 42px;
	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 #hoshika {background:url(../img/chara/seika.png) no-repeat 10px top;}
body#character #oto {background:url(../img/chara/oto.png) no-repeat left top; margin-bottom:60px;}
body#character #yuina {background:url(../img/chara/yuina.png) no-repeat left top;}
body#character #yuki {background:url(../img/chara/yuki.png) no-repeat 8px top;margin-top:-20px;}

body#character #sakuya {background:url(../img/chara/sakuya.png) no-repeat 22px top;}
body#character #kaoru {background:url(../img/chara/kaoru.png) no-repeat 22px top;}

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

}

body#character  ul.voice li{
	float:left;
	width:38px;
	height:38px;
	overflow:hidden;
	margin-right:10px;
}	
body#character ul.voice li a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999em;
	background-position :center top;
	background-repeat: no-repeat;
}
body#character ul.voice li a:hover{
	background-position :center -34px;
}
	
body#character .box ul.voice.cs {/*comingsoon*/
	background:url(../img/chara/comingsoon.png) no-repeat left top;
	position:absolute;
}

body#character #hoshika ul.voice { top:170px;left:420px;}
body#character #oto ul.voice { top:190px;left:380px;}
body#character #yuina ul.voice { top:150px;left:470px;}
body#character #yuki ul.voice { top:180px;left:420px;}
body#character #sakuya ul.voice { top:120px;left:420px;}
body#character #kaoru ul.voice { top:120px;left:395px;}


body#character #hoshika ul.voice li a{background-image:url(../img/chara/voice_icon01.png);}
body#character #oto ul.voice li a{background-image:url(../img/chara/voice_icon02.png);}
body#character #yuina ul.voice li a{background-image:url(../img/chara/voice_icon03.png);}
body#character #yuki ul.voice li a{background-image:url(../img/chara/voice_icon04.png);}
body#character #sakuya ul.voice li a{background-image:url(../img/chara/voice_icon05.png);}
body#character #kaoru ul.voice li a{background-image:url(../img/chara/voice_icon05.png);}



/**------------------------------------------------------------------------
banner.html
------------------------------------------------------------------------**/

body#download {}
body#download .dl_box {
	width:1007px; 
	margin:15px auto 100px auto;
}
body#download .dl_box p.bg_top{
	background:url(../img/dl/dl_waku01.png) no-repeat left top;
	width:1007px; height:34px;}
body#download .dl_box div.dl_contents{
	background:url(../img/dl/dl_waku02.png) repeat-y left top;
	width:1007px;
	overflow:hidden;
}
body#download .dl_box p.bg_bottom{
	background:url(../img/dl/dl_waku03.png) no-repeat left top;
	width:1007px; height:32px;}

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


body#download .movie_demo {
	float:left;
	width:420px;
	height:220px;
}
.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 #00b9da;
	border-radius:18px;
	overflow:hidden;
	margin-bottom:15px;
}
.mirror_area h4{
	background:#00b9da;
	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:#00b0ec;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}
.mirror_area ul li a:hover{
	text-decoration:underline;
}

.lyrics {
	clear:both;
	text-align:center;
	padding:0 120px 0 0px;
	float:right;
}

body#download #dl_area01 {
	position:relative;
	margin-top:40px;
}

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

body#download span#sd01 {
	width:359px;
	height:509px;
	display:block;
	position:absolute;
	bottom:14px;
	left:120px;
}

body#download #dl_area02 {
	position:relative;
	margin-top:40px;
}

body#download #dl_area02 .taiken_dl_img{
	text-align:center;
	margin:20px auto;
}
body#download #dl_area02 .bov_center {
	text-align:center;
}
body#download #dl_area02 .dl_btn a{
	background:url(../img/dl/taiken_dl_btn_off.png) no-repeat left top;
	width:371px;
	height:70px;
}
body#download #dl_area02 .dl_btn a:hover{
	background:url(../img/dl/taiken_dl_btn_on.png) no-repeat left top;
}


body#download #dl_area02 .mirror_area {
	width:700px;
	margin:20px auto;

}
body#download #dl_area02 .mirror_area li a{
	font-size:15px;
}
/**/

body#download .img_center{
	margin:20px auto;
}
body#download .btn_form a{
	display:block;
	height:117px;
	width:1022px;
	margin:20px auto;
	overflow:hidden;
	text-indent:-9999em;
	background:url(../img/banner/btn_form.png) no-repeat left top;
}
body#download .btn_form a:hover{
	background-position:left -117px;
}
body#download .banner_contents {
	margin:20px auto;
	width:944px;
	padding:20px;
	background:#ffffff;
	border-radius:20px;
	box-shadow:3px 2px 20px rgba(0,0,0,.4);
}

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

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

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

body#event {}


body#event ul.gallery{
	width:1005px;
	margin:30px auto;
	overflow:hidden;
}
body#event ul.gallery li{
	width:311px;
	height:180px;
	padding:16px 8px 6px 16px;
	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;
	bottom:12px;
	right:12px;
	}
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;
}