@charset "utf-8";

body{
	background:url(../images/contents_bg.gif) center 642px repeat;
}

#container{
	background:url(../images/top_headbg2.gif) repeat-x 0 0;
}

#contents_bg{
	background:url(../images/top_hedbg.jpg) center top no-repeat;
}

/*　h1
-------------------------*/

#mainimage{
	margin:0px auto;
	padding:0px;
	width:940px;
	height:477px;
	position:relative;
	background:url(../images/top_conBg.jpg) no-repeat 0 0;
}

#mainimage h1{
	margin:0px;
	padding:0px;
	text-indent:-50000px;
	overflow:hidden;
	position:absolute;
	width:642px;
	height:509px;
	top:0;
	left:139px;
	background:url(../images/main.png) no-repeat 0 0;
	z-index:1;
}

#mainimage #app{
	margin:0px;
	padding:0px;
	width:199px;
	height:69px;
	position:absolute;
	z-index:2;
	top:432px;
	right:174px;
}

#mainimage #lang{
	margin:0px;
	padding:9px 13px 0px 0px;
	width:50px;
	height:11px;
	overflow:hidden;
	position:absolute;
	top:10px;
	right:13px;
}

#mainimage #lang li{
	margin:0px;
	padding:0px 0px 0px 9px;
	float:left;
	width:16px;
	height:11px;
	font-size:0;
	line-height:0;
}

/*　release
-------------------------*/

#release{
	margin:33px auto 0px;
	padding:0px;
	width:940px;
	height:31px;
	background:url(../images/release_info_bg.gif) no-repeat 0 0;
}

#release p.rele{
	margin:0px;
	padding:9px 0px 0px;
	width:127px;
	float:left;
	font-size:1.3em;
	line-height:1.1em;
	font-weight:bold;
	text-align:center;
}

#release p.rele_title{
	margin:0px;
	padding:9px 10px 0px 20px;
	width:770px;
	float:left;
	font-size:1.3em;
	line-height:1.1em;
	font-weight:bold;
}


/*　main
-------------------------*/

#main{
	margin:0px auto;
	padding:38px 40px 20px;
	width:860px;
}

#main p{
	margin:0px;
	padding:0px;
	line-height:1.5em;
	font-size:1.2em;
}

#main h2{
	margin:0px 0px 15px;
	padding:0px;
}

#main #what_box{
	margin:0px 0px 50px;
	padding:0px;
}

#main #what_box p{
	margin:0px;
	padding:0px;
	width:410px;
	float:left;
}

#main #what_box p.right{
	float:right;
}


#main #about_box{
	margin:0px 0px 40px;
	padding:0px;
}

#main #feat{
	margin:0px;
	padding:0px;
	width:380px;
	float:left;
}

#main #feat h3{
	margin:0px 0px 20px;
	padding:0px;
}

#main #feat h4{
	margin:0px 0px 10px;
	padding:0px;
}

#main #divination{
	margin:0px;
	padding:0px;
	width:407px;
	height:380px;
	position:relative;
	float:right;
}

#main #divination p{
	margin:0px;
	padding:0px;
	text-align:center;
	width:152px;
	position:absolute;
}

#main #divination p img{
	padding-bottom:3px;
}

#main #divination p.one{top:0; left:0; z-index:3;}
#main #divination p.three{top:114px; left:126px; z-index:5;}
#main #divination p.hexa{top:0; right:0; z-index:4;}


#main #type{
	margin:0px 0px 30px;
	padding:0px;
}

#main #type .type_box{
	margin:0px;
	padding:0px 40px 0px 0px;
	width:260px;
	float:left;
}

#main #type .last{
	padding-right:0;
}

#main #type .type_box h5{
	margin:0px;
	padding:0px;
	height:50px;
}

#main #type .type_box p.card_img{
	margin:0px 0px 25px;
	padding:0px;
	text-align:center;
}