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

* {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
body{
	background-image: url(../img/bg_img.gif);	
	background-repeat: repeat;
	text-align: center;
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS ゴシック","MS Gothic",sans-serif;
}

a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }

#header{
	background-color: #fff;
	text-align: center;
}

.header_box{
	text-align: left;
	width:980px;
	height:38px;
	margin: 0 auto;
}

#logo{
	float:left;
}

h1{
	color: #555;
	font-size:12px;
	font-weight:normal;
	float:left;
	margin:18px 0 0 5px;
}

.shar_bt{
	float:left;
}

#wrapper{
	background-color: #000;
	margin: 0 auto;
	width: 980px;
	clear: both;
}

.main{
	background-image: url(../img/main_img.jpg);	
	background-repeat: no-repeat;
	width:980px;
	padding-top:477px;
}

.cont_box{

	width:980px;
}

.explanation{
	background-image: url(../img/explanation_area.jpg);	
	background-repeat: no-repeat;
	width:486px;
	height:243px;
	display: block;
	float: left;
	
}

.explanation p{
	text-indent: -5000px;
	display: block;
}

.dl_area_top{
	background-image: url(../img/dl_area.jpg);	
	background-repeat: no-repeat;
	width:494px;
	height:243px;
	float: right;
	display: block;
	position: relative;
}

.btn_app_top{
	position: absolute;
	left:0;
	top:124px;
}

.btn_google_top{
	position: absolute;
	left:232px;
	top:124px;
}

.capture_area{
	clear: both;
	background-image: url(../img/capture_area.jpg);	
	background-repeat: no-repeat;
	width:980px;
	height:431px;
	display: block;
	position: relative;
}

.capture_area ul li{
	position: absolute;
}

.capture_area ul li.img01{
	left:15px;
	top:0;
}

.capture_area ul li.img02{
	left:252px;
	top:0;
}

.capture_area ul li.img03{
	left:490px;
	top:0;
}

.capture_area ul li.img04{
	left:728px;
	top:0;
}

.dl_area_btm{
	text-align: center;
}

.btn_app_btm{
	float: left;
	margin:0 0 0 310px;
}

.btn_google_btm{
	float: left;
	margin:0 0 0 59px;
}

.shar_btn_btm{
	clear: both;
}


.app_area{
	margin-top:30px;
	border-top: 1px solid #636363;
}

.app_area h2{
	margin:18px 0;
	color: #fff;
	font-size:18px;
}

.app_box{
	background-color: #141414;
	margin:0 15px 10px 15px;
	text-align: left;
	padding:10px 10px;
}


.app_box a {
	color: #0075c2;
	outline: none;
	}
	
.app_box a:link,
.app_box a:visited {
	color: #0075c2;
	}
	
.app_box a:hover,
.app_box a:active {
	color: #0075c2;
	text-decoration: none;
	}


.app_box h3{
	color: #fff;
	font-size:14px;
}

.app_box dd{
	color: #a9a9a9;
	font-size:12px;
	margin-top:5px;
}

.app_box dd ul li{
	float: left;
	margin-right:10px;
}

p.clear{
	margin-top:10px;
	clear: both;
	color: #a9a9a9;
	font-size:12px;
	text-align: right;
}

#footer{
	margin-top:30px;
	color: #fff;
	font-size:12px;
}

.nav{
	margin-bottom:12px;	
}

.nav a {
	color: #fff;
	outline: none;
	}
	
.nav a:link,
.nav a:visited {
	color: #fff;
	}
	
.nav a:hover,
.nav a:active {
	color: #fff;
	text-decoration: none;
	}
	

/*130131*/	
.header_box {
	height:42px;
}

#header ul {
	width:110px;
	padding:4px 0 0 0;
	float:right;
	overflow:hidden;
}

#header ul li {
	float:right;
	padding:0 0 0 5px;
}

/*othergame*/
.othergame {
	width:900px;
	margin:20px auto 0;
	padding:10px 0 0 0;
}

.othergame h1 {
	padding:0 0 10px 0;
	color:#FFFFFF;
	line-height:1.4;
	font-weight:bold;
	text-align:center;
	float:none;
	text-align:center;
	font-size:14px;
}

.othergame ul {
	width:837px;
	margin:0 0 0 0;
	overflow:hidden;
}

.othergame ul li {
	width:269px;
	height:180px;
	float:left;
	padding:0 0 10px 10px;
}

.othergame ul li img {
	margin:0 0 -5px 0;
}

.othergame ul li a {
	font-weight:bold;
	font-size:0.9em;
	line-height:1.3;
	color:#FFFFFF;
}

.othergame ul li a {
	text-decoration:none;
}