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

body {
	font-size:100%;
	font-family: "ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif";
}

.clearfix {zoom: 1;}
.clearfix:before,
.clearfix:after {
	content: '';
	clear: both;
	display: block;
}

img {
	max-width:100%;
	height:auto;
	}

#btn {
	width: 100%;
	text-align: center;
	margin: 1em auto 1em auto;
}

/* header
---------------------------------------- */
header {
	min-height: 88px;
	padding: 0em 5px 0px 5px;
	margin: auto;
	background-color: #0068a6;
	background-image: url(../images/bg_header.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

header p {
	float:left;
	width:38.125%;
	display:block;
	padding-top:10px;
}

header ul {
	float:right;
	display:block;
/*	width:54.0625%;*/ /*173px*/
	width: 55%;
}

header li {
	float:left;
	display:block;
	width:30.6358382%;/*53px*/
	margin-bottom:18px;
	list-style:none;
	border-right:2px solid #ffffff;
}

header li:last-child {
	border-right:none;
	margin:0px 0px 0px 5px;
}

header h1 {
	display:block;
	width:66.25%;/*212px*/
	margin:0px auto;
	text-align: center;
}

/* Twitter
---------------------------------------- */
#twitter {
	display:block;
	background:#f0e8cd;
	padding:5px;
	border-top:1px solid #5a3900;
	border-bottom:1px solid #5a3900;
	min-height: 40px;
}

.TwitterLeft {
	float:left;
	display:block;
	width:12.5%;/*40px*/
}

.TwitterRight {
	float:right;
	display:block;
	width:82.5%;/*264*/
}

.TwitterRight p.link {
	display:block;
	text-align:right;
}

.link img {width:39.7727273%;}/*105px*/


/* PR Area
----------------------------------------*/
@media screen and (min-width: 320px) {
.box_pr {
	zoom: 0.5;
}
}
@media screen and (min-width: 480px) {
.box_pr {
	zoom: 0.6;
}
}
@media screen and (min-width: 640px) {
.box_pr {
	zoom: 1.0;
}
}

.box_pr {
	display:block;
	border-top: 2px solid #5a3900;
	border-bottom: 1px solid #5a3900;
	width: 100%;
	text-align: center;
	background-size: cover;
}
.bg {
	background-image: url(../images/bg_entry.jpg);
	background-repeat: repeat;
	background-position: center;
}

.box_pr > div {
	display:block;
	max-width: 100%;
	width: 640px;
	height: 121px;
	padding-top: 7px;
	background-image: url(../images/entry_bar.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
	margin: 0 auto;
}
.box_pr > a img {
	margin-bottom: -4px;
}	
.box_pr > div > section {
	width: 320px;
	text-align: center;
	font-size: 160%;
	padding: 1em 0.5em 0 0.5em;
	margin-left: 4.5em;
	line-height: 1.2em;
}
#tips, #tips ul li{
	margin:0;
	padding:0;
	list-style:none;
	display: none;
	}

/* News
---------------------------------------- */
#news {
	display:block;
}

#news h2 { 
	display:block;
	text-align:center;
}

#news a {
	display:block;
}

#news dl {
	padding:5px;
	border-bottom:2px solid #5a3900;
}

#news dl dt {
	float:left;
	margin:0px 10px 10px 0px;
}

#news dl dd {
/*	margin:0px -20px 0px;*/
	padding:0px 0px 10px 10px;
}

#news p.link {
	display:block;
	padding:5px 5px 10px;
	text-align:right;
}

/* SeriesContent
---------------------------------------- */
#SeriesContent {
	display:block;
}

#SeriesContent h2 {
	display:block;
	text-align:center;
}

.SeriesBox {
	display:block;
	padding-bottom:10px;
	background:#ffffff;
	background:-webkit-gradient(linear,left top, left bottom, from(#ffffff),color-stop(0.5,#ffffff), to(#d4d5e1));
	border-bottom:2px solid #cbc7d7;
}

.Serieslink {
	display:block;
	height:45px;
	background:url(../images/bg_arrow.gif) no-repeat right center;
	text-decoration:none;
	padding:10px 0px 0px 15px;
}

.Serieslink-pre {
	display:block;
	height:60px;
	background:url(../images/bg_arrow.gif) no-repeat right center;
	text-decoration:none;
	padding:10px 0px 0px 15px;
}

.SeriesThum {
	float:left;
	display:block;
	width:18.75%;/*60px*/
}

.SeriesDesc {
	float:right;
	display:block;
	width:78.25%;/*250px*/
}

.icon li {
	float:left;
	display:block;
	width:18%;
	list-style:none;
	margin-right:3px;
}

.SeriesDesc p.genre {font-size:80%;}

.Download {
	display:block;
	width:90%;
	margin:0px auto;
}

.Download li {
	float:left;
	display:block;
	text-align: center;
	list-style:none;
	margin:5px 10px 0px;
}
.app {
	width:42.5%; /*133px*/
}
.normal {
	width:37.14285%; /*106px*/
}

.Download img.alpha {
	opacity:0.5;
	filter:alpha(opacity=50); /* IE */
	-moz-opacity:0.5;
}

.Caution2 {
	display:block;
	padding:0px 10px;
	font-size:75%;
	text-align:center;
}

.Caution {
	display:block;
	padding:10px;
	background: #0174bd;
	font-size:75%;
	text-align:center;
	line-height:1.5;
	color: #fff;
}

/* SnsShare
---------------------------------------- */
#SNS {
	display:block;
	border-bottom:2px solid #cbc7d7;
	padding: 10px 0px 10px 0px;
	margin: 0 auto;
	background: #cbc7d7;
}

#SNS dl {
	display:block;
	height: 34px;
	margin: 0 auto 0 auto;
	vertical-align: middle;
	line-height: 25px;
	width: 90%;
}

#SNS dl dt {
	float:left;
	margin-right: auto;
	width: 35%;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: auto;
}

#SNS dl dd {
	float:left;
	margin: 5px;
}

/* Lab
---------------------------------------- */
#Lab {
	display:block;
	padding:10px;
	text-align:center;
}

/* Link
---------------------------------------- */
#Link {
	display:block;
	background:#ededed;
	padding:10px 0px;
	text-align:center;
}

#Link h3 {
	display:block;
	width:13.4375%;/*43px*/
	margin:0 auto;
}

#Link ul {
	display:block;
	width:60%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#Link li {
	display:block;
	list-style:none;
	background-color: #666;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

/* Footer
---------------------------------------- */
#CompanyLink {
	display:block;
	text-align:center;
	border-top:2px solid #5a3900;
	border-bottom:2px solid #5a3900;
	background:#f0e8cc;
	-webkit-box-shadow:0px 10px 10px 0px rgba(205,189,132,0.6)inset;
}

#CompanyLink a {
	display:block;
	padding:10px 0px;
	color:#000000;
	text-decoration:none;
}

#Footer {
	display:block;
	padding:10px 0px 50px;
	text-align:center;
	font-size:75%;
	color:#ffffff;
	background:url(../images/bg_footer.gif) repeat-x top left;
}

.standby img {
    opacity:0.5;
	filter: alpha(opacity=50);
	clip: rect(auto,auto,auto,auto);
}