@charset "utf-8";
/* CSS Document */

/* LINKS　*/
A:link {
text-decoration:underline;
}
A:visited {
text-decoration:underline;
}
A:hover {
text-decoration:underline;
}
A:active {
text-decoration:none;
}

/* clearfix */

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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* 画像センタリング */

.cr {
margin:0 auto;
}

.cr15u {
margin:15px auto 0;
}

.cr10 {
margin:10px auto;
}


/* 全体 */

html,body {
  height:100%;
}

img { display:block; }

body {
	background:url(../img/bg_sora.jpg) center center repeat;
	background-attachment: fixed;
	font-family: "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;
	font-size:62.5%;
	text-align:center;
}

body#Kiku {
	background:#FFF;
}

#Conteiner {	
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
}

#PageWrapper {
	width:1000px;
	margin:0 auto;
}

#Header {
	background:#FFF;
	width:1000px;
	height:40px;
	position:relative;
	text-align:left;
}

.title {
	width:500px;
	height:40px;
}

#Header h1 {
	background:url(../img/title.png) left top no-repeat;
	width:500px;
	height:40px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}

.twithead {
	position:absolute;
	top:10px;
	left:750px;
	width:80px;
	height:20px;
}

#Header .logo {
	position:absolute;
	top:0;
	left:886px;
}

#Main {
	width:1000px;
	height:650px;
	background:#FFF;
}

#Menu {
	width:1000px;
	height:80px;
	background:#FFF;
}

#Menu ul li {
	float:left;
	margin-top:15px;
}

#Topics {
	width:1000px;
	height:120px;
	background:#FFF;
	margin-top:10px;
}

#Topics ul {margin-left: 10px;}

#Topics ul li {
	float:left;
	margin-top:10px;
}

#Topics ul li.lot {
	margin-right:20px;
}

#Topics a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

#Contents {
	padding-bottom:190px;
}

#Leftside {
	float:left;
	width:590px;
	margin-right:10px;
	margin-top:10px;
	padding:10px 0;
	background:#FFF;
}

#Leftside h2 {
	background:url(../img/l_history.png) left top no-repeat;
	width:550px;
	height:35px;
	margin:0 20px;
	text-indent:-9999px;
	overflow:hidden;

}

.hisbox {
	width:550px;
	min-height:180px;
	margin:10px 20px 10px;
	color:#338df5;
	background:url(../img/leftbox_bg.png) right bottom no-repeat;
}

.hisbox dl dt {
	float:left;
	width:100px;
	font-size:1.4em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	position:relative;
}

.hisbox dl dt img {
	position:absolute;
	left:15px;
	top:23px;
}

.hisbox dl dd {
	float:left;
	width:450px;
	font-size:1.3em;
	line-height:150%;
	text-align:left;
}

.hisbox dl dd a {
	color:#338df5;
	text-decoration:underline;
}

.hisbox dl dd a:hover {
	color:#338df5;
	text-decoration:none;
}

.hisbox dl.his1 {
	background:url(../img/his1.png) left top repeat-y;
	margin-bottom:10px;
}

.hisbox dl.his2 {
	background:url(../img/his2.png) left top repeat-y;
	margin-bottom:10px;
}

.hisbox img.old {
	margin-left:350px;
}

.hisbox a:hover img.old {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

.hisbox span.orange {
	font-weight:bold;
	color:#ec6941;
}

.hisbox span.orange a {
	color:#ec6941;
}

.hisbox span.orange a:hover {
	color:#ec6941;
}

.magbox {
	width:550px;
	min-height:120px;
	margin:10px 20px 0;
	color:#338df5;
}

.magbox dl {
	margin-bottom:5px;
}

.magbox dl dt {
	float:left;
	width:120px;
	margin-right:10px;
	background:#338df5;
	color:#FFF;
	font-size:1.3em;
	text-align:center;
}

.magbox dl dd {
	float:left;
	font-size:1.3em;
	line-height:150%;
	text-align:left;
}

.magbox dl dd a {
	color:#338df5;
	text-decoration:underline;
}

.magbox dl dd a:hover {
	text-decoration:none;
}

#Leftside h3 {
	background:url(../img/l_magazine.png) left top no-repeat;
	width:550px;
	height:35px;
	margin:0 20px;
	text-indent:-9999px;
	overflow:hidden;
}

#Rightside {
	float:left;
	width:400px;
	margin-top:10px;
	padding:10px 0;
	background:#FFF;
}

#Rightside img.rightban {
	margin:10px auto 0;
}

#Rightside a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

#Footer {
	width:100%;
	height:180px;
	background:#3a384f;
	position: absolute;
	bottom: 0;
	*left:-1px;
}

#Footbox {
	width:1000px;
	height:180px;
	margin:0 auto;
	background:url(../img/footbox_bg.png) right top no-repeat;
}

.box280 {
	margin-top:25px;
	width:280px;
	float:left;
	color:#FFF;
}

.box180 {
	margin-top:25px;
	width:180px;
	float:left;
	color:#FFF;
	text-align:left;
}

.box180 p {
	font-size:1.4em;
	line-height:150%;
	font-weight:bold;
	padding-left:15px;
	background:url(../img/fo_p.png) left center no-repeat;
}

.box180 ul {
	margin-left:20px;
}

.box180 ul li {
	font-size:1.3em;
	line-height:150%;
	padding-left:15px;
	background:url(../img/fo_li.png) left center no-repeat;
}

.box180 p a {color:#FFF; text-decoration:none;}
.box180 ul li a {color:#FFF; text-decoration:none;}

.box180 p a:hover {text-decoration:underline;}
.box180 ul li a:hover {text-decoration:underline;}

.twitter1 {
	float:left;
	width:288px;
	height:62px;
	margin-right:14px;
}

.twitter1 img {
	text-align:left;
	margin:10px 0 0 10px;
}

.twitter2 {
	float:left;
	width:88px;
	height:62px;
	margin-top:10px;
}

* html #footer {
	bottom:expression(document.getElementById("container").offsetHeight % 2 == 0 ? 0 : -1);
}


/* 各コンテンツページ */

#contentsbox {
	width:1000px;
	background:#FFF;
	margin:10px 0 0;
	padding:20px 0;
}

body#Introduction h2 {background:url(../introduction/title.png) left top no-repeat; width:950px; height:35px; margin:0 auto; text-indent:-9999px; overflow:hidden;}
body#Introduction h3 {background:url(../introduction/title2.png) left top no-repeat; width:950px; height:35px; margin:0 auto; text-indent:-9999px; overflow:hidden;}

body#Story h2 {background:url(../story/title.png) left top no-repeat; width:950px; height:35px; margin:0 auto; text-indent:-9999px; overflow:hidden;}
body#Character h2 {background:url(../character/title.png) left top no-repeat; width:950px; height:35px; margin:0 auto; text-indent:-9999px; overflow:hidden;}
body#Graphics h2 {background:url(../graphics/title.png) left top no-repeat; width:950px; height:35px; margin:0 auto; text-indent:-9999px; overflow:hidden;}
body#Download h2 {background:url(../download/title.png) left top no-repeat; width:950px; height:35px; margin:0 auto; text-indent:-9999px; overflow:hidden;}
body#Special h2 {background:url(../special/title.png) left top no-repeat; width:950px; height:35px; margin:0 auto; text-indent:-9999px; overflow:hidden;}

body#Tokuten h2 {background:url(../special/title-tokuten1.png) left top no-repeat; width:950px; height:35px; margin:0 auto; text-indent:-9999px; overflow:hidden;}

body#Tokuten h2.tenpo {background:url(../special/title-tokuten0.png) left top no-repeat; width:950px; height:35px; margin:0 auto; text-indent:-9999px; overflow:hidden;}
body#Tokuten h2.banner {background:url(../special/title-banner.png) left top no-repeat; width:950px; height:35px; margin:0 auto; text-indent:-9999px; overflow:hidden;}
body#Tokuten h2.clearfile1 {background:url(../special/title-clearfile1.png) left top no-repeat; width:950px; height:35px; margin:0 auto; text-indent:-9999px; overflow:hidden;}
body#Tokuten h2.regist {background:url(../special/title-regist.png) left top no-repeat; width:950px; height:35px; margin:0 auto; text-indent:-9999px; overflow:hidden;}
body#Tokuten h2.event {background:url(../special/title-event.png) left top no-repeat; width:950px; height:35px; margin:0 auto; text-indent:-9999px; overflow:hidden;}
body#Tokuten h2.review {background:url(../special/title-review.png) left top no-repeat; width:950px; height:35px; margin:0 auto; text-indent:-9999px; overflow:hidden;}

#ISbox {
	text-indent:-9999px;
	overflow:hidden;
}

/* イントロ */

.introbox1 {
	background:url(../introduction/intro01.jpg) left top no-repeat;
	width:950px;
	height:800px;
	margin:15px auto 20px;
}

.introbox2 {
	background:url(../introduction/intro02.jpg) left top no-repeat;
	width:950px;
	height:800px;
	margin:0 auto 20px;
}

.introbox3 {
	background:url(../introduction/intro03.jpg) left top no-repeat;
	width:950px;
	height:270px;
	margin:0 auto 20px;
}

.outlinebox {
	width:920px;
	margin:15px 20px 0;
}

.outleft {
	width:350px;
	height:499px;
	margin-right:10px;
	float:left;
}

.outright {
	width:550px;
	float:left;
}

.outright table {
	border-collapse: collapse;
}

.outright table th {
	font-weight:bold;
	border-bottom:2px solid #ffffff;
}

.outright table td {
	border-bottom:2px solid #ffffff;
}

.outlinebox .blue {
	background-color:#a0edfe;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	width:550px;
	padding:2px 0 2px 5px;
	font-size:1.3em;
}

.outlinebox .pink {
	background-color:#338df5;
	font-weight:bold;
	color:#ffffff;
	text-align:left;
	width:200px;
	padding:4px 0 4px 5px;
	font-size:1.2em;
}

.outlinebox .pink a {
	color:#ffffff;
}

.outlinebox .white {
	background-color:#ffffff;
	color:#338df5;
	text-align:left;
	width:350px;
	padding:4px 0 4px 5px;
	font-size:1.2em;
	line-height:1.3;
}

.outlinebox .white a {
	color:#338df5;
}

/* ストーリー */

.storybox {
	background:url(../story/story_bg.jpg) left top no-repeat;
	width:950px;
	height:800px;
	margin:0 auto 0;
}

/* グラフィック */


#Visual .mainbox {
	background:url(../graphics/evbg.png) left top no-repeat;
	width:830px;
	height:530px;
	margin:20px auto 0;
	padding:15px 0 0 15px;
	position:relative;
	z-index:1;
}

.eventwrap {
	width:800px;
	height:450px;
}

.prev {
	position:absolute;
	width:50px;
	height:50px;
	left:-15px;
	top:215px;
	background:url(../graphics/prev.png) left top no-repeat;
	z-index:100;
	text-indent:-9999px;
	overflow:hidden;
}

.next {
	position:absolute;
	width:50px;
	height:50px;
	left:805px;
	top:215px;
	background:url(../graphics/next.png) left top no-repeat;
	z-index:100;
	text-indent:-9999px;
	overflow:hidden;
}

#Visual .thumbox {
	width:800px;
	margin:0 auto;
	padding-bottom:10px;
}

#Visual ul.pagination li {
	float:left;
	width:160px;
	height:90px;
	margin-bottom:15px;
}

#Visual ul.pagination li a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

/* キャラクター */

#Charabox {
	width:956px;
	margin:0 0 0 24px;
	padding-top:15px;
}

.chara_ul {
	width:151px;
	float:left;
}

.chara_ul ul {
	margin-top:17px;
}

.chara_ul ul li {
	margin-bottom:10px;
}

.chara_ul ul li a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

.charawrap {
	width:805px;
	height:736px;
	float:left;
	background:url(../character/chara_bg.png) left top no-repeat;
}

.charawrap2 {
	width:792px;
	height:722px;
	margin:6px 0 0 5px;
}

.chara_twink {
	background:url(../character/chara_twink.jpg) left top no-repeat;
	width:792px;
	height:722px;
	position:relative;
}

.chara_sakura {
	background:url(../character/chara_sakura.jpg) left top no-repeat;
	width:792px;
	height:722px;
	position:relative;
}

.chara_momo {
	background:url(../character/chara_momo.jpg) left top no-repeat;
	width:792px;
	height:722px;
	position:relative;
}

.chara_himawari {
	background:url(../character/chara_himawari.jpg) left top no-repeat;
	width:792px;
	height:722px;
	position:relative;
}

.chara_hayato {
	background:url(../character/chara_hayato.jpg) left top no-repeat;
	width:792px;
	height:722px;
	position:relative;
}

.chara_others {
	background:url(../character/chara_others.jpg) left top no-repeat;
	width:792px;
	height:722px;
	position:relative;
}

.v1 {position:absolute; left:178px; top:466px;}
.v2 {position:absolute; left:258px; top:525px;}
.v3 {position:absolute; left:178px; top:606px;}
.v4 {position:absolute; left:20px; top:470px;}
.v5 {position:absolute; left:20px; top:550px;}
.v6 {position:absolute; left:20px; top:630px;}
.v7 {position:absolute; left:702px; top:280px;}
.v8 {position:absolute; left:702px; top:360px;}
.v9 {position:absolute; left:702px; top:440px;}

#preloadedImages {
       width: 0px;
       height: 0px;
       display: inline;
       background:url(../character/chara_twink2.jpg);
}

p.tansaki {
	width:106px;
	height:106px;
	position:absolute;
	top:570px;
	left:660px;
}

p.normal {
	width:106px;
	height:106px;
	position:absolute;
	top:570px;
	left:540px;
}

/* 社長 */

.kiku_left {
	float:left;
	width:174px;
}

.kiku_right {
	float:right;
	width:740px;
}

#Kiku .box_u {
	width:740px;
	height:1px;
	margin-top:30px;
	background:url(../special/kiku/box_w.png) left top no-repeat;
}

#Kiku .box_h {
	width:740px;
	background:url(../special/kiku/box_h.png) left top repeat-y;
	padding:12px 12px 4px;
}

#Kiku .box_h ul li {
	font-size:1.3em;
	color:#777777;
	text-align:left;
	height:21px;
	margin-bottom:8px;
	padding:2px 0 0 25px;
}

#Kiku .box_h ul li a {
	text-decoration:none;
	color:#777777;
}

#Kiku .box_h ul li a:hover {
	text-decoration:underline;
	color:#338df5;
}

#Kiku .box_h ul li.bg1 {
	background:url(../special/kiku/li_bg1.png) left top no-repeat;
}

#Kiku .box_h ul li.bg2 {
	background:url(../special/kiku/li_bg2.png) left top no-repeat;
	font-weight:bold;
}

#Kiku .box_b {
	width:740px;
	height:1px;
	margin-bottom:30px;
	background:url(../special/kiku/box_w.png) left top no-repeat;
}

#Kiku .maintxt {
	font-size:1.5em;
	color:#555555;
	line-height:150%;
}

#Kiku .maintxt dl {
	clear:both;
}

#Kiku .maintxt dl dt {
	width:100px;
	margin-right:20px;
	float:left;
	font-weight:bold;
	text-align:right;
}

#Kiku .maintxt dl dd {
	float:left;
	text-align:left;
	margin-bottom:20px;
}

.butebox {
	width:740px;
	height:31px;
	clear:both;
	padding-top:30px;
	padding-bottom:10px;
	font-size:1.2em;
	color:#777777;
}

.butebox a {
	text-decoration:none;
	color:#777777;
}

.butebox a:hover {
	text-decoration:underline;
	color:#777777;
}

.buteleft {
	background:url(../special/kiku/buteleft.jpg) left top no-repeat;
	width:240px;
	height:31px;
	float:left;
	padding-top:9px;
	overflow:hidden;
}

.buteright {
	background:url(../special/kiku/buteright.jpg) left top no-repeat;
	width:240px;
	height:31px;
	float:right;
	padding-top:9px;
	overflow:hidden;
}

/* 特典 */

.tokutenbox1 {
	background:url(../special/tokuten/tokuten_bg.jpg) left top no-repeat;
	width:950px;
	height:800px;
	margin:0 auto 0;
}

.tokutenWrapper {
	margin-left:55px;
	margin-top:20px;
	margin-bottom:20px;
}

.toku_box {
	width:420px;
	height:360px;
	float:left;
	margin-right:35px;
	margin-bottom:20px;
	position:relative;
}

.toku_box a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

.priv_sofmap {background:url(../special/tokuten/toku_sofmap.png) left top no-repeat;}
.priv_medio {background:url(../special/tokuten/toku_medio.png) left top no-repeat;}
.priv_melonbooks {background:url(../special/tokuten/toku_melonbooks.png) left top no-repeat;}
.priv_comrode {background:url(../special/tokuten/toku_comrode.png) left top no-repeat;}
.priv_treader {background:url(../special/tokuten/toku_treader.png) left top no-repeat;}
.priv_goodwill {background:url(../special/tokuten/toku_goodwill.png) left top no-repeat;}
.priv_getchu {background:url(../special/tokuten/toku_getchu.png) left top no-repeat;}
.priv_yodobashi {background:url(../special/tokuten/toku_yodobashi.png) left top no-repeat;}

.priv_mk {background:url(../special/tokuten/toku_mk.png) left top no-repeat;}
.priv_otachu {background:url(../special/tokuten/toku_otachu.png) left top no-repeat;}
.priv_furukawa {background:url(../special/tokuten/toku_furukawa.png) left top no-repeat;}
.priv_amiami {background:url(../special/tokuten/toku_amiami.png) left top no-repeat;}

.priv_official {
	width:875px;
	height:360px;
	float:left;
	margin-right:35px;
	margin-bottom:20px;
	position:relative;
	background:url(../special/tokuten/toku_official.png) left top no-repeat;
}

img.priv {
	margin-top:40px;
}

a:hover img.priv {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

.shophp {
	position:absolute;
	left:4px;
	top:324px;
}

.titlehp {
	position:absolute;
	left:214px;
	top:324px;
}

.officialhp {
	position:absolute;
	left:237px;
	top:324px;
}

.officialhp a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

.toku_which {
	margin:20px 0 20px 65px;
}

.toku_which a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

.toku_which img {
	float:left;
	margin-right:50px;
}

.specialbox {
	width975px;
	margin:20px 0 0 25px;
	min-height:600px;
}

.spbanner {
	float:left;
	margin-right:25px;
	margin-bottom:25px;
}

.spbanner a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

.demobox {
	width:800px;
	height:470px;
	margin:20px auto;
}

.dl_table {
	width:800px;
	margin:0 auto;
}

.dl_table table {
	border-collapse: collapse;
	border-top: 1px solid #7eb1f3;
	border-left: 1px solid #7eb1f3;
	margin:0 auto 20px;
}

.dl_table table th {
	border-bottom: 1px solid #7eb1f3;
	border-right: 1px solid #7eb1f3;
	font-size:1.4em;
	text-align:center;
	height:24px;
}

.dltitle {
	background-color:#7eb1f3;
	font-weight:bold;
	color:#fff;
}

.dlmirror {
	background-color:#e7f1ff;
	color:#7eb1f3;
}

.dlmirror a {
	color:#7eb1f3;
}

.dl_table table td {
	border-bottom: 1px solid #7eb1f3;
	border-right: 1px solid #7eb1f3;
	height:50px;
}

.dl_table table td img {
	margin:0 auto;
}

.dl_table table td a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

.ban_box table {
	margin:0 auto 0;
	border-collapse: collapse;
	margin:10px auto 10px;
}

.ban_box table th img {
	margin:0 auto 0;
}

.ban_box table th {
	text-align:center;
	color:#338df5;
	font-weight:bold;
	font-size:1.2em;
}

.ban_box table th span {
	color:#338df5;
	font-weight:normal;
}

.ban_box table td {
	text-align:center;
	color:#338df5;
}

.ban_box table td a {
	color:#338df5;
	text-decoration:none;
}

.ban_box table td a:hover {
	color:#338df5;
	text-decoration:underline;
}

.ban_box table td span {
	font-size:1.2em;
	font-weight:bold;
}

.urlbox {
	border:1px solid #338df5;
	background-color:#ffffff;
	font-size:100%;
	font-family: "Meiryo","MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	color:#338df5;
}

textarea.ban200200 {
	width:180px;
	height:150px;
}

textarea.ban20040 {
	width:580px;
	height:30px;
}

textarea.ban500100 {
	width:260px;
	height:90px;
}

textarea.ban600120 {
	width:780px;
	height:40px;
}

textarea.ban120600 {
	width:190px;
	height:90px;
}

.bannerbox {
	background:url(../banner/banner_bg.jpg) left top no-repeat;
	width:950px;
	height:800px;
	margin:0 auto 0;
	position:relative;
}

.sanka {
	width:200px;
	height:200px;
	position:absolute;
	left:633px;
	top:410px;
}

.clearfilebox1 {
	background:url(../special/clearfile/claerfile1_bg.jpg) left top no-repeat;
	width:950px;
	height:1050px;
	margin:0 auto 0;
}

.clearfilebox2 {
	background:url(../special/clearfile/claerfile2_bg.jpg) left top no-repeat;
	width:950px;
	height:1140px;
	margin:0 auto 0;
}

.registbox {
	background:url(../special/regist_bg.jpg) left top no-repeat;
	width:950px;
	height:800px;
	margin:0 auto 0;
	position:relative;
}

.eventbox {
	background:url(../special/event_bg.jpg) left top no-repeat;
	width:950px;
	height:1190px;
	margin:0 auto 0;
}

.themesongbox {
	background:url(../download/themesong_bg.jpg) left top no-repeat;
	width:950px;
	height:400px;
	margin:0 auto 0;
}

.soundbox {
	margin:0 auto 30px;
}

.registbutton {
	position:absolute;
	left:640px;
	top:440px;
}

.reviewbox {
	background:url(../special/review_bg.jpg) left top no-repeat;
	width:950px;
	height:800px;
	margin:0 auto 0;
	position:relative;
}

.reviewbutton {
	position:absolute;
	left:640px;
	top:520px;
}

.moegame {
	margin:10px auto 10px;
}