@charset "UTF-8";

{
}/* IE対策 */

@media screen and (min-device-width: 641px){

/* ページレイアウト　高さを100％ */


*{
margin:0;
padding:0;
}

/*html{
height:100%;
}*/

body{
background-color: #0099cc\9; /* IE9 */
}

body{
/*height:100%;*/
font-family:"Meiryo";
background:url(/ja/image/body_bg.png) repeat, -webkit-linear-gradient(top, rgb(17, 205, 234) 0%, rgb(1, 109, 158) 40%, rgb(1, 63, 122) 61%, rgb(18, 22, 86) 100%);
background:url(/ja/image/body_bg.png) repeat, -o-linear-gradient(top, rgb(17, 205, 234) 0%, rgb(1, 109, 158) 40%, rgb(1, 63, 122) 61%, rgb(18, 22, 86) 100%);
background:url(/ja/image/body_bg.png) repeat, -ms-linear-gradient(top, rgb(17, 205, 234) 0%, rgb(1, 109, 158) 40%, rgb(1, 63, 122) 61%, rgb(18, 22, 86) 100%);
background:url(/ja/image/body_bg.png) repeat, -moz-linear-gradient(top, rgb(17, 205, 234) 0%, rgb(1, 109, 158) 40%, rgb(1, 63, 122) 61%, rgb(18, 22, 86) 100%);
background:url(/ja/image/body_bg.png) repeat, linear-gradient(top, rgb(17, 205, 234) 0%, rgb(1, 109, 158) 40%, rgb(1, 63, 122) 61%, rgb(18, 22, 86) 100%);
}

a{
	color:#0000ee;
}

a:hover{
	color:#0099ff;
}

img{
border:0px;
}

#container{
width:720px;
padding:0 30px;
background-image:url(/ja/image/container_bg.png);
background-repeat:repeat-y;
font-size:15px;
line-height:1.3em;
margin:0px auto;
position:relative;
/*height: 100%;*/
min-height: 100%;
color:#666666;
}

/*body > .container{
height: auto;
}*/

.main{
min-height:1px;　/* IE 7対策 */
}


/* floatさせた子ボックスが親ボックス(main)の外にはみ出す現象を回避 */

/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/* end: clearfix ------------------------------ */

/*へッダー*/

#header_top{
padding-top:40px;
padding-bottom:30px;
position: relative;
}

#header_top a#en{
position: absolute;
top: 10px;
right: 10px;
text-align: right;
text-decoration: none;
color: #666666;
}

#header_top a#en img{
margin-right: 4px;
}

#header a#en{
	display: none;
}

#header_top a:hover#en{
	color: #0033cc; 
opacity: 0.8;
-moz-opacity: 0.8; /* Firefox */
filter: alpha(opacity=80); /* IE6/7 */
-ms-filter: "alpha(opacity=80)"; /* IE8 */
}

#header_top a#logo{
display:block;
margin:0 auto;
text-align:center;
}

#header{
padding-top:70px;
padding-bottom:20px;
}

#header a#logo{
display:block;
margin:0 auto;
text-align:center;
}

/*へッダー*/


/*タイトル共通*/

.gametitle{
margin:0 40px;
padding-bottom:10px;
border-bottom:#999999 1px dashed;
margin-bottom:10px;
position:relative;
}

.gametitle a.title {
    background-image: url(/ja/image/ie89_bg.gif); /* IE9 */
}

.gametitle a.title{
display:block;
/*background-image: url(/ja/image/title_bg.png) no-repeat center left,;*/
background:url(/ja/image/title_bg.png) no-repeat center left, -webkit-linear-gradient(left, rgb(17, 205, 234) 0%, rgb(1, 109, 158) 40%, rgb(1, 63, 122) 61%, rgb(18, 22, 86) 100%);
background:url(/ja/image/title_bg.png) no-repeat center left, -o-linear-gradient(left, rgb(17, 205, 234) 0%, rgb(1, 109, 158) 40%, rgb(1, 63, 122) 61%, rgb(18, 22, 86) 100%);
background:url(/ja/image/title_bg.png) no-repeat center left, -ms-linear-gradient(left, rgb(17, 205, 234) 0%, rgb(1, 109, 158) 40%, rgb(1, 63, 122) 61%, rgb(18, 22, 86) 100%);
background:url(/ja/image/title_bg.png) no-repeat center left, -moz-linear-gradient(left, rgb(17, 205, 234) 0%, rgb(1, 109, 158) 40%, rgb(1, 63, 122) 61%, rgb(18, 22, 86) 100%);
background:url(/ja/image/title_bg.png) no-repeat center left, linear-gradient(left, rgb(17, 205, 234) 0%, rgb(1, 109, 158) 40%, rgb(1, 63, 122) 61%, rgb(18, 22, 86) 100%);
color:#FFFFFF;
font-size:22px;
font-weight:bold;
padding:18px 20px 15px;
margin-top:5px;
margin-left:220px;
text-decoration: none;
position:relative;
}

.gametitle a:hover.title{
opacity: 0.7;
-moz-opacity: 0.7; /* Firefox */
filter: alpha(opacity=70); /* IE6/7 */
-ms-filter: "alpha(opacity=70)"; /* IE8 */
}

.gametitle a.title span{
	display:block;
	width:50px;
	height:20px;
	background:url(/ja/image/newico.png) no-repeat;
	background-size:contain;
	line-height:500;
	overflow:hidden;
	position:absolute;
	top:16px;
	right:5px;
	z-index:100;
}

.title_detail{
margin-left:238px;
margin-top:10px;
}

a.to_title{
position:absolute;
bottom:10px;
right:10px;
text-align:right;
display:block;
color:#666666;
}

a:hover.to_title{
color:#999999;
}

a.titleimage{
background:#000000;
width:208px;
height:141px;
border:#000000 1px solid;
display:block;
line-height:300;
overflow:hidden;
float:left;
border-radius: 5px;        /* CSS3草案 */
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
-moz-border-radius: 5px;   /* Firefox用 */
}

a.mobileimage,.double_m{
display: none;
}

.gametitle a:hover.titleimage{
opacity: 0.8;
-moz-opacity: 0.8; /* Firefox */
filter: alpha(opacity=80); /* IE6/7 */
-ms-filter: "alpha(opacity=80)"; /* IE8 */
}

.gametitle a.download_top{
	position: absolute;
	right: 10px;
	top: 2px;
}

.gametitle a:hover.download_top{
opacity: 0.8;
-moz-opacity: 0.8; /* Firefox */
filter: alpha(opacity=80); /* IE6/7 */
-ms-filter: "alpha(opacity=80)"; /* IE8 */
}

.double a.title{
	margin-top:10px;
}

/*タイトル共通*/
/*タイトル個別*/

a#chumy{
background-image:url(/ja/image/title_chumy.gif);
background-repeat:no-repeat;
}

a#guardic{
background-image:url(/ja/image/title_guardic.gif);
background-repeat:no-repeat;
}

a#jellyfish{
background-image:url(/ja/image/title_jellyfish.gif);
background-repeat:no-repeat;
}

a#chima{
background-image:url(/ja/image/title_chima.gif);
background-repeat:no-repeat;
}

a#eggy{
background-image:url(/ja/image/title_eggy.gif);
background-repeat:no-repeat;
}

a#relics{
background-image:url(/ja/image/title_relics.gif);
background-repeat:no-repeat;
}

a#nyanpi{
background-image:url(/ja/image/title_nyanpi.gif);
background-repeat:no-repeat;
}

a#kime{
background-image:url(/ja/image/title_kime.gif);
background-repeat:no-repeat;
}

a#hachiko{
background-image:url(/ja/image/title_hachiko.gif);
background-repeat:no-repeat;
}

a#zanac{
background-image:url(/ja/image/title_zanac.gif);
background-repeat:no-repeat;
}

/*タイトル個別*/
/*個別ページ共通*/

h3{
		border-bottom:#999999 1px dashed;
		padding: 2px 10px 10px 26px;
		margin:35px 35px 10px 35px;
		color: #0099ff;
		font-size: 1.2em;
}

.text{
	margin: 0 35px;
}

.text img{
display:block;
text-align:center;
margin:10px auto 0;
}

.text ul{
	padding-left: 25px;
}

.topimage{
	margin: 0 auto;
	padding-bottom: 30px;
	text-align: center;
}

.topimage img{
	width:300px;
	border:5px #000 solid;
border-radius: 5px;        /* CSS3草案 */
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
-moz-border-radius: 5px;   /* Firefox用 */
}

#download{
	text-align: center;
	margin: 0 auto;
}

#download a:hover{
opacity: 0.7;
-moz-opacity: 0.7; /* Firefox */
filter: alpha(opacity=70); /* IE6/7 */
-ms-filter: "alpha(opacity=70)"; /* IE8 */
}

ul.page_change{
	margin-top:40px;
	text-align:center;
}

ul.page_change li{
	display:inline-block;
	width:25%;
}

ul.page_change li:first-child{
	border-right:1px solid #999;
}

.bottomimage{
	margin: 0 auto;
	padding-top: 40px;
	text-align: center;
}

.bottomimage img{
	width:300px;
	height:auto;
	border:5px #000 solid;
border-radius: 5px;        /* CSS3草案 */
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
-moz-border-radius: 5px;   /* Firefox用 */
margin-left:5px;
vertical-align:top;
}


/*個別ページ共通*/
/*フッター*/

a#back_home{
	display: block;
	height: 54px;
	width: 142px;
	background-image: url(/ja/image/btn_home.gif);
	margin: 0 auto;
	margin-top: 30px;
	line-height: 300px;
	overflow: hidden;
}

a#page_top{
	display: none;
}

a:hover#back_home{
opacity: 0.8;
-moz-opacity: 0.8; /* Firefox */
filter: alpha(opacity=80); /* IE6/7 */
-ms-filter: "alpha(opacity=80)"; /* IE8 */
}

#footer{
padding-top:30px;
font-size:0.7em;
line-height:1.2em;
text-align:center;
padding-bottom:25px;
}

#footer a{
	color: #666666;
}

/*フッター*/

/*ヘッダーナビゲーション*/

h4	{
	font-size: 116.6%;
	color:#FFF;
	text-align: center;
	position: absolute;
	bottom:3px;
	width:100%;
}
.boxgrid	{ 
	width: 690px;  
	height: 80px;
	margin:0 15px;
	position: absolute; 
	top: 0; 
}

.boxgrid p{ 
	padding:10px; 
	color: #afafaf; 
	font-weight:bold; 
}

.boxcaption ul{
	clear: both;
	list-style: none;
	margin:10px;
}

.boxcaption ul li{ 
	float: left;
	text-align:center;
	width: 60px;
}

.boxcaption ul li a{ 
	color: #ffffff; 
	font-size: 12px;
	text-decoration: none;
}

.boxcaption ul li a img{
	display:block;
	margin:0 auto 2px;
}

.boxcaption ul li a:hover,.boxcaption ul li a:hover img{ 
opacity: 0.6;
-moz-opacity: 0.6; /* Firefox */
filter: alpha(opacity=60); /* IE6/7 */
-ms-filter: "alpha(opacity=60)"; /* IE8 */
}
	
.boxcaption{ 
	overflow: hidden;
	float: left; 
	position: absolute; 
	background: #00cccc; 
	height: 80px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
}
.caption .boxcaption {
	bottom: 56px;
	left: 0;
}

/*ヘッダーナビゲーション*/

/* サポートページ */

.supportform{
margin:0 110px;
padding-bottom:20px;
}

.supportform h2, .supportform p{
padding:0 10px 10px;

}

.supportform h6{
position:relative;
line-height:normal;
text-align:left;
color:#666;
padding:0;
margin:0;
font-size:1.2em;
}

.question{
padding:20px 10px 10px;
}

.formbtn{
text-align:center;
}

/* //サポートページ */

/* はちこ用 */
/* (2013/03/13～ .title_hachiko未使用) */

.jikosyoukai{
color: #cc3300;
font-weight:bold;
margin-top:10px;
}

.jikosyoukai img{
margin:0 20px;
float:left;
}

.gametitle a.title_hachiko {
    background-image: url(/ja/image/ie89_bg_hachiko.gif); /* IE9 */
}

.gametitle a.title_hachiko{
display:block;
/*background-image: url(/ja/image/title_bg.png) no-repeat center left,;*/
background:url(/ja/image/title_bg.png) no-repeat center left, -webkit-linear-gradient(left, rgb(247, 232, 55) 0%, rgb(245, 145, 83) 40%, rgb(246, 88, 103) 60%, rgb(245, 36, 119) 80%, rgb(245, 0, 131) 100%);
background:url(/ja/image/title_bg.png) no-repeat center left, -o-linear-gradient(left, rgb(247, 232, 55) 0%, rgb(245, 145, 83) 40%, rgb(246, 88, 103) 60%, rgb(245, 36, 119) 80%, rgb(245, 0, 131) 100%);
background:url(/ja/image/title_bg.png) no-repeat center left, -ms-linear-gradient(left, rgb(247, 232, 55) 0%, rgb(245, 145, 83) 40%, rgb(246, 88, 103) 60%, rgb(245, 36, 119) 80%, rgb(245, 0, 131) 100%);
backgroundurl(/ja/image/title_bg.png) no-repeat center left,: -moz-linear-gradient(left, rgb(247, 232, 55) 0%, rgb(245, 145, 83) 40%, rgb(246, 88, 103) 60%, rgb(245, 36, 119) 80%, rgb(245, 0, 131) 100%);
background:url(/ja/image/title_bg.png) no-repeat center left, linear-gradient(left, rgb(247, 232, 55) 0%, rgb(245, 145, 83) 40%, rgb(246, 88, 103) 60%, rgb(245, 36, 119) 80%, rgb(245, 0, 131) 100%);
color:#FFFFFF;
font-size:22px;
font-weight:bold;
padding:18px 20px 15px;
margin-top:5px;
margin-left:220px;
text-decoration: none;
}

.gametitle a:hover.title_hachiko{
opacity: 0.7;
-moz-opacity: 0.7; /* Firefox */
filter: alpha(opacity=70); /* IE6/7 */
-ms-filter: "alpha(opacity=70)"; /* IE8 */
}


/* /はちこ用 */



}