/* CSS Document */

/* ALL_setting
================================================== */
*{
	margin:0;
	padding:0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

.clear{clear:both;}

img{border:0;}

#wrapper{
}

/* background_setting
================================================== */

#maximage {
	/*position:fixed !important;*/
	width:100%;
	text-align:left;
}

#maincontents{
	position:absolute;
	top:0px;
	left:0px;
	z-index:50;
	width:100%;
	top:62px;
}

#logo {
	bottom:70px;
	height:auto;
	right:25px;
	position:absolute;
	width:40%;
	z-index:1000;
}
#logo img {
	width:100%;
}

#top_tuika_bt {
	bottom:70px;
	height:auto;
	left:25px;
	position:absolute;
	width:12%;
	z-index:1000;
}
#top_tuika_bt img {
	width:100%;
}

#top_tuika_bt a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}
#top_icon {
	top:80px;
	height:auto;
	left:20px;
	position:absolute;
	width:15%;
	z-index:1000;
}
#top_icon img {
	width:100%;
}
#top_icon a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}

#top_18kin_icon {
	top:80px;
	height:auto;
	right:11%;
	position:absolute;
	width:10%;
	z-index:1000;
	max-width:10%;
}

#top_18kin_icon img {
	width:100%;
}

#top_18kin_icon a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}


#top_asobd_icon {
	top:80px;
	height:auto;
	right:1%;
	position:absolute;
	width:10%;
	z-index:1000;
	max-width:10%;
}

#top_asobd_icon img {
	width:100%;
}

#top_asobd_icon a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}



#top_vamarket_icon {
	top:80px;
	margin-top:185px;
	height:auto;
	right:1%;
	position:absolute;
	width:10%;
	z-index:1000;
	max-width:10%;
}

#top_vamarket_icon img {
	width:100%;
}

#top_vamarket_icon a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}


#top_text {
	top:80px;
	height:auto;
	left:48%;
	position:absolute;
	width:5%;
}
#top_text img {
	width:20%;
}



/* top_header_setting
================================================== */
.top_header_wrapper{
	position:fixed;
	top:0px;
	width:100%;
	height:133px;
	left:0px;
	background-image: url(../image/top_header_bg.png);
	background-repeat: repeat-x;
	min-width:980px;
}
.top_header_left_gear {
	height: 102px;
	width: 100px;
	float: left;
	background-image: url(../image/top_header_left_gear.png);
	background-repeat: no-repeat;
}
.top_header_right_gear {
	height: 102px;
	width: 100px;
	float: right;
	background-image: url(../image/top_header_right_gear.png);
	background-repeat: no-repeat;
}
.top_header_logo {
	height: 49px;
	width: 161px;
	float: left;
	padding-right: 10px;
	padding-top: 2px;
}


.top_menu_story {
	height: 24px;
	width: 115px;
	float: left;
	margin-top: 20px;
	margin-right:12px;
}

.top_menu_character {
	height: 24px;
	width: 178px;
	float: left;
	margin-top: 20px;
	margin-right:12px;
}

.top_menu_screenshot {
	height: 24px;
	width: 192px;
	float: left;
	margin-top: 20px;
	margin-right:12px;
}

.top_menu_special {
	height: 24px;
	width: 146px;
	float: left;
	margin-top: 20px;
	margin-right:12px;
}

.top_menu_spec {
	height: 24px;
	width: 95px;
	float: left;
	margin-top: 20px;
}

/* contents_header_setting
================================================== */

.contents_header_wrapper{
	width:100%;
	height:62px;
	left:0px;
	background-image: url(../image/top_header_bg.png);
	background-repeat: repeat-x;
	min-width:980px;
}

.contents_gear_box{
	min-width:980px; width:100%; position:absolute;	
}

.contents_header_left_gear {
	height: 102px;
	width: 100px;
	position:absolute;
	top:0px;
	left:0px;
	background-image: url(../image/top_header_left_gear.png);
	background-repeat: no-repeat;
}

.contents_header_right_gear {
	height: 102px;
	width: 100px;
	position:absolute;
	top:0px;
	right:0px;
	background-image: url(../image/top_header_right_gear.png);
	background-repeat: no-repeat;
}

.contents_menu_space{
	width:100px;
	height:50px;
	float:left;	
}


/* top_footer_setting
================================================== */
.top_footer_wrapper{
	position:fixed;
	right:0px;
	bottom:0px;
	width:100%;
	height:67px;
	color:#42342d;
	background-image: url(../image/top_footer_bg.png);
	background-repeat: repeat-x;
}

.top_footer_newsbox {
	text-align: left;
	padding-top: 14px;
	padding-left: 10px;
	border-right-color: #42342d;
	color: #42342d;
}

.top_footer_copyright {
	text-align: right;
	padding-top: 14px;
	padding-right: 10px;
}

/* contents_footer_setting
================================================== */
.contents_footer_wrapper{
	right:0px;
	bottom:0px;
	width:100%;
	height:37px;
	color:#42342d;
	background-image: url(../image/contents_footer_bg.png);
	background-repeat: repeat-x;
}