@charset "utf-8";

/* CSS Document */



*{

	margin:0;

	padding:0;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 12px;

}



.clear{clear:both;}



.header_wrapper {

	height: 62px;

	background-image: url(../image/header_back.jpg);

	background-repeat: repeat-x;

}

.header_box {

	width: 952px;

	margin-right: auto;

	margin-left: auto;

	height: 62px;

}

.header_logo {

	height: 62px;

	width: 190px;

	float: left;

}

.header_sound {

	height: 51px;

	width: 138px;

	float: right;

}

.header_story {

	float: left;

	height: 58px;

	width: 102px;

}

.header_character {

	height: 58px;

	width: 114px;

	float: left;

}

.header_gallery {

	height: 58px;

	width: 102px;

	float: left;

}

.header_special {

	float: left;

	height: 58px;

	width: 100px;

}

.header_download {

	height: 58px;

	width: 116px;

	float: left;

}

.header_spec {

	float: left;

	height: 58px;

	width: 90px;

}

.top_flash_wrapper {

	height: 592px;

	background-image: url(../image/top_flash_background.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	margin-bottom: 5px;

}

.top_flashbox {

	height: 592px;

	width: 950px;

	margin-right: auto;

	margin-left: auto;

	background-repeat: no-repeat;

}

.contents_wrapper {

	background-image: url(../image/contents_back.jpg);

	background-repeat: repeat-x;

	background-position: center bottom;

	padding-bottom: 12px;



}

.contents_box {

	width: 950px;

	margin-right: auto;

	margin-left: auto;

}

.publish_wrapper {

	width: 280px;

	float: left;

}

.publish_title {



}



.publish_box {

	height: 320px;

	width: 280px;

}

.publish_textbox {

	width: 255px;

	margin-right: auto;

	margin-left: auto;

	overflow: auto;

	height: 645px;

}

.publish_image {

	width: 70px;

	float: left;

	margin-right: 12px;

}

.publish_text {

	padding-bottom: 6px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCC;

	padding-top: 6px;

}

.publish_text_style {

	float: left;

}

.publish_top {

	height: 13px;

	width: 280px;

	background-image: url(../image/publish_top.png);

	background-repeat: no-repeat;

}

.publish_center {

	width: 280px;

	background-image: url(../image/publish_center.png);

	background-repeat: repeat-y;

}

.publish_under {

	height: 13px;

	width: 280px;

	background-image: url(../image/publish_under.png);

	background-repeat: no-repeat;

}













.whats_news_wrapper {

	width: 650px;

	float: right;

	margin-top: 20px;

}

.whats_news_title {

	height: 21px;

	width: 187px;

}

.whats_news_box {

	height: 201px;

	width: 650px;

	background-image: url(../image/news_back.png);

	background-repeat: no-repeat;

	margin-bottom: 12px;

}

.whats_news_textbox {

	width: 625px;

	margin-right: auto;

	margin-left: auto;

	height: 170px;

	overflow: auto;

}

.whats_news_text {

	line-height: 20px;

	font-size: 12px;

}

.whats_news_text_border {

	padding-top: 6px;

	padding-bottom: 6px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCC;

}





.day_style {

	color: #3F8CF4;

	font-weight: bold;

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}





.banner_box {

	height: 94px;

	width: 302px;

	float: left;

	margin-right: 20px;

}

.banner_box2 {

	height: 94px;

	width: 302px;

	float: left;

}

.banner_box3 {

	height: 94px;

	width: 302px;

	float: right;

	padding-bottom: 20px;

}

.banner_box4 {

	height: 94px;

	width: 302px;

	float: right;

}

.footer_wrapper {

	height: 75px;

	background-image: url(../image/footer_back.jpg);

	background-repeat: repeat-x;

}

.footer_box {

	width: 950px;

	margin-right: auto;

	margin-left: auto;

}



.mana_logo {

	height: 33px;

	width: 120px;

	float: left;

	margin-top: 18px;

	margin-right: 10px;

}

.footer_link {

	width: 815px;

	float: right;

	margin-top: 12px;

	color: #FFF;

}

.story_title {

	height: 84px;

	padding-top: 10px;

}

.download_title {

	height: 84px;

	padding-top: 10px;

	padding-bottom: 10px;

}

.story_wrapper {

	width: 900px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 10px;

}



.story_bg {

	height: 468px;

	width: 382px;

	float: left;

	padding-top: 10px;

	padding-bottom: 10px;

}



.story_text {

	float: right;

	width: 500px;

	padding-top: 20px;

	font-size: 14px;

	line-height: 30px;

	padding-bottom: 25px;

}

.character_title {

	height: 84px;

	padding-top: 10px;

}

.character_icon_box {

	height: 140px;

	padding-top: 6px;

	width: 795px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 4px;

}

.character_icon_box2 {

	height: 140px;

	padding-top: 6px;

	width: 470px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 4px;

}

.character_icon {

	height: 138px;

	width: 143px;

	float: left;

	margin-right: 20px;

}

.character_icon2 {

	height: 138px;

	width: 143px;

	float: left;

}

.character_thiro {

	height: 394px;

	background-image: url(../image/character_tihiro_back.png);

	background-repeat: no-repeat;

}

.character_space_01 {

	height: 136px;

}



.chearacter_tihiro_thum01 {

	height: 126px;

	width: 210px;

	padding-left: 35px;

}



.character_sakino {

	height: 394px;

	background-image: url(../image/character_sakino_back.png);

	background-repeat: no-repeat;

}



.character_sakino_thum01 {

	height: 126px;

	width: 210px;

	padding-left: 35px;

}



.character_mio {

	height: 479px;

	background-image: url(../image/character_mio_back.png);

	background-repeat: no-repeat;

}

.character_kaho {

	height: 394px;

	background-image: url(../image/character_kaho_back.png);

	background-repeat: no-repeat;

}

.character_aki {

	height: 423px;

	background-image: url(../image/character_aki_back.png);

	background-repeat: no-repeat;

}

.character_kunieda {

	height: 394px;

	background-image: url(../image/character_kunieda_back.png);

	background-repeat: no-repeat;

}

.character_endou {

	height: 400px;

	background-image: url(../image/character_endou_back.png);

	background-repeat: no-repeat;

}

.character_yuki {

	height: 400px;

	background-image: url(../image/character_yuki_back.png);

	background-repeat: no-repeat;

}

.character_back_style {

	font-size: 14px;

	font-weight: bold;

	padding-top: 4px;

	text-align: right;

	padding-right: 8px;

}

.character_voice {

	height: 40px;

	width: 40px;

	float: left;

	padding-right: 5px;

}

.character_voice_space {

	height: 180px;

	width: 500px;

}

.character_voice_box {

	padding-left: 36px;

}









.gallery_title {

	height: 84px;

	padding-top: 10px;

	padding-bottom:10px;

}

.gallery_text {

	text-align: center;

	font-size: 12px;

	font-weight: bold;

	padding-bottom: 4px;

	color: #333;

}





.gallery_wrapper {

	margin-top: 6px;

	margin-bottom: 6px;

	padding-right: 5px;

	padding-left: 5px;

	padding-bottom: 2px;

}

.gallery_thum {

	height: 137px;

	width: 224px;

	float: left;

	padding-right: 14px;

}

.gallery_thum2 {

	height: 137px;

	width: 224px;

	float: left;

}

.spec_wrapper {

	padding-top: 10px;

	width: 900px;

	margin-right: auto;

	margin-left: auto;

}

.spec_imagebox {

	width: 360px;

	float: left;

}

.spec_text_box {

	float: right;

	width: 525px;

	margin-top: 8px;

}



.spec_style1 {

	padding: 5px;

	text-align: center;

	background-color: #348FEF;

	color: #FFF;

	font-weight: bold;

	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;

}

.spec_style2 {

	padding: 5px;

	background-color: #F1F8FE;

	text-align: center;

	font-weight: bold;

	color: #348FEF;

	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;

}

.spec_style3 {

	background-color: #F1F8FE;

	padding: 5px;

	color: #348FEF;

	font-weight: bold;

	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;

}

.spec_style4 {

	padding: 5px;

	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;

}

.spec_style5 {

	padding: 5px;

	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;

	text-align: center;

}

.download_banner {

	height: 165px;

	width: 948px;

	margin-right: auto;

	margin-left: auto;

	padding-top: 10px;

	padding-bottom: 10px;

}

.download_twitter_text {

	text-align: center;

	padding-bottom: 18px;

	padding-top: 10px;

}

.twitter_icon_wrapper {

	width: 900px;

	margin-right: auto;

	margin-left: auto;

}

.twitter_box {

	float: left;

	height: 73px;

	width: 73px;

	padding-right: 15px;

}

.twitter_box2 {

	float: left;

	height: 73px;

	width: 73px;

}

.twitter_box3 {

	float: left;

	height: 73px;

	width: 30px;

}

.twitter_wallpaper_box {

	padding-bottom: 20px;

}

.twitter_wall {

	width: 300px;

	float: left;

	margin-right: 25px;

	text-align: center;

	line-height: 20px;

}

.twitter_wall2 {

	width: 300px;

	float: left;

	text-align: center;

	line-height: 20px;

}

.back_bottom {

	width: 514px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 25px;

}

.download_banner_text {

	font-size: 14px;

	line-height: 26px;

	width: 900px;

	margin-right: auto;

	margin-left: auto;

}

.countdown_banner_text {

	font-size: 14px;

	line-height: 26px;

	width: 926px;

	margin-right: auto;

	margin-left: auto;

}

.ouen_banner_style1 {

	border-left-width: 4px;

	border-left-style: solid;

	border-left-color: #F39;

	font-size: 14px;

	font-weight: bold;

	padding-left: 6px;

	color: #F39;

	margin-top: 8px;

	margin-bottom: 2px;

}

.ouen_banner_style2 {

	width: 920px;

	margin-right: auto;

	margin-left: auto;

	text-align: center;

	padding: 4px;

	font-size: 14px;

	font-weight: bold;

	color: #FFF;

	background-color: #0679D2;

	margin-top: 8px;

	margin-bottom: 4px;

}

.ouen_banner_box {

	width: 850px;

	margin-right: auto;

	margin-left: auto;

	padding-top: 15px;

	padding-bottom: 15px;

}

.ouen_banner180 {

	width: 180px;

	float: left;

	margin-right: 15px;

	margin-top: 5px;

}

.ouen_banner_180_textbox {

	float: left;

	margin-right: 50px;

}

.ouen_banner_180_textbox2 {

	float: left;

}

.ouen_banner_text1 {

	width: 180px;

	text-align: center;

}

.ouen_banner_text2 {

	height: 130px;

	width: 170px;

	border: 1px solid #0679D2;

	margin-top: 4px;

	padding: 5px;

}

.ouen_banner_200 {

	float: left;

	width: 200px;

	padding-right: 15px;

}

.ouen_banner_200_textbox {

	float: left;

	padding-bottom: 25px;

}

.ouen_banner_200_text1 {

	padding: 4px;

	text-align: center;

}

.ouen_banner_200 {

	padding-top: 40px;

}

.ouen_banner_600 {

	width: 600px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 15px;

}

.ouen_banner_120 {

	width: 280px;

	float: left;

	text-align: center;

}

.masiro_info_box {

	width: 925px;

	margin-right: auto;

	margin-left: auto;

}



.masiro_info_style1 {

	border-left-width: 4px;

	border-left-style: solid;

	border-left-color: #1A7EEB;

	font-size: 14px;

	font-weight: bold;

	padding-left: 6px;

	color: #1A7BEB;

	margin-top: 8px;

	margin-bottom: 2px;

}

.masiro_info_style2 {

	margin-right: auto;

	margin-left: auto;

	padding-top: 2px;

	padding-bottom: 18px;

	font-size: 12px;

	line-height: 24px;

}

.top_banner {

	padding-bottom: 12px;

	float: right;

}

.top_banner_box {

	padding-bottom: 14px;

}

.youtube_box {

	width: 329px;

	float: left;

	text-align: center;

}

.whtas_news_bannerbox {

	padding-bottom: 8px;

	padding-right: 5px;

}

.event_text_title {

	border-bottom-width: 1px;

	border-left-width: 5px;

	border-bottom-style: solid;

	border-left-style: solid;

	border-bottom-color: #FFB91E;

	border-left-color: #FFB91E;

	font-size: 16px;

	font-weight: bold;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 2px;

	padding-left: 10px;

}

.movie_text_title {

	border-bottom-width: 1px;

	border-left-width: 5px;

	border-bottom-style: solid;

	border-left-style: solid;

	border-bottom-color: #1560C3;

	border-left-color: #1560C3;

	font-size: 16px;

	font-weight: bold;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 2px;

	padding-left: 10px;

}

.event_box {

	margin-top: 12px;

	margin-bottom: 12px;

	line-height: 18px;

}

.movie_box {

	padding-top: 15px;

	width: 640px;

	margin-right: auto;

	margin-left: auto;

}

.tokuten_title {

	width: 948px;

	margin-right: auto;

	margin-left: auto;

	padding-bottom: 4px;

}

.special_tokuten_tenpo_title {

	font-size: 14px;

	font-weight: bold;

	width: 210px;

	height: 22px;

	background-image: url(../image/special_tokuten_tenpo.png);

	background-repeat: no-repeat;

	margin-right: auto;

	margin-left: auto;

	text-align: center;

	padding-top: 8px;

}

.tokuten_tenpo_box {

	float: left;

	width: 210px;

	padding-right: 36px;

}

.tokuten_tenpo_box2 {

	float: left;

	width: 210px;

}

.tokuten_tenpo_box3 {

	float: right;

	width: 210px;

}

.tokuten_tenpo_box4 {

	float: left;

	width: 324px;

	padding-right: 36px;

}

.tokuten_tenpo_box5 {

	float: left;

	width: 324px;

}



.tokuten_box {

	padding-bottom: 30px;

}

.tokuten_box2 {

	padding-bottom: 30px;

	width: 684px;

	margin-right: auto;

	margin-left: auto;

}

.tokuten_yoyakubox {

	width: 410px;

	float: right;

}

.tokuten_yoyaku_textbox {

	float: left;

	width: 520px;

	line-height: 24px;

	padding-top: 10px;

}

.tokuten_yoyaku_title {

	border-left-width: 4px;

	border-left-style: solid;

	border-left-color: #ACA698;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #ACA698;

	padding-bottom: 2px;

	padding-left: 4px;

	font-size: 14px;

	font-weight: bold;

}

.movie_linkbox {

	width: 500px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 10px;

}

.bg-green {

	background-color: #4D97F5;

	font-weight: bold;

	color: #FFF;

	padding: 4px;

}

.bg-white {

	padding: 4px;

}

.coutdown_banner_box {

	width: 926px;

	margin-right: auto;

	margin-left: auto;

	padding-top: 15px;

	padding-bottom: 15px;

}