@charset "utf-8";

/*CSS_Information===========================================
File_name:screen.css
author:4403
============================================================
*/

/* reset：Yahoo!UIarrengever.
================================================== */
body{font-size:small;font-weight:normal;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}select,input,button,textarea{font-size:99%;}pre,code,kbd,samp{font-family:san-serif;font-size:100%;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td{margin:0;padding:0;}table{font-size:inherit;font:100%;border-collapse:collapse;border-spacing:0;empty-cells:show;}th{font-weight:normal;text-align:left;}th,td{vertical-align:top;}address,cite,dfn,em,var{font-style:normal;}ol,ul{list-style:none;}fieldset,abbr{border:0;}ins{text-decoration:none;}del{text-decoration:line-through;}a{text-decoration:underline;}strong{font-weight:bold;}img,object,param{border:0;outline:0;vertical-align:bottom;}q:before,q:after{content:"";}hr{display:none;}

/* all
================================================== */
html,body { height: 100%;width: 100%; }

body{
	background-image:url(img/header_back.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#000;
	color:#FFF;
	word-break: break-all;
	line-height: 1.6;
}
a {
	color: #03adec;
}
#container{
	background-image:url(img/topimageback.jpg);
	background-position:center 40px;
	background-repeat:no-repeat;
}


#wrapper{
	width:900px;
	margin:0 auto;
	color:#d8dadb;
}

em{
	color:#c52122;
}

strong{
	color:#fff600;
}

/* #header
================================================== */
#header{
	width:900px;
	height:750px;
	position:relative;
}

#header #headernav{
	position:absolute;
	top:0;
}



/* #header - #headerinfo
================================================== */

h1{
	position:absolute;
	top:70px;
	left:549px;
}


#headerinfo{
	background-image:url(img/header_info.png);
	background-repeat:no-repeat;
	width:299px;
	padding-top:205px;
	position:absolute;
	top:410px;
	left:15px;
}

#headerinfo2{
	background-image:url(img/header_sell.png);
	background-repeat:no-repeat;
	width:358px;
	padding-top:68px;
	position:absolute;
	top:620px;
	left:30px;
}



/* #header - #menu
================================================== */

#menu{
	position:absolute;
	bottom:0;
	height:40px;
}

#menu li{
	float:left;
	display: inline;
	position:relative;  
}

#menu li.leftbox{
	padding-right:20px;	
}

#menu li a{
	background-image:url(img/menu.gif);
	background-repeat:no-repeat;
	display: block;
	padding-top:40px;
	width:210px;
}

#header #menu .nav1 a{
	background-position:0 0;
}

#header #menu .nav1 a:hover{
	background-position:0 -40px;
}

#header #menu .nav2 a{
	background-position:-210px 0;
}

#header #menu .nav2 a:hover{
	background-position:-210px -40px;
}



#menu .nav3 a{
	background-position:-420px 0;
}

#header #menu .nav3 a:hover{
	background-position:-420px -40px;
}


#menu .nav4 a{
	background-position:-630px 0;
}

#header #menu .nav4 a:hover{
	background-position:-630px -40px;
}

/* #header - #pv
================================================== */

#header #pv{
	position:absolute;
	top:510px;
	left:550px;	
}


/* #header - #voice
================================================== */

#header #voice{
	position:absolute;
	width: 30px;
	height: 24px;
	top: 60px;
	left: 5px;
	z-index: 100;
}


/* #contents
================================================== */
h2{
	border-left:1px solid #b70000;
	border-right:1px solid #b70000;
	border-top:1px solid #b70000;
}

#contents{
	margin-top:40px;
}

#contents .section{
	width:900px;
}

#contents p{
	padding-left:1px;
}


/* #contents - #ct01
================================================== */
#ct01{
	padding-bottom:27px;
	border-bottom:1px dotted #6b0000;
}


#ct01 .article{
	width:280px;
}

#ct01 .article p{
	padding-top:10px;
	color:#f08200;
}

#ct01 .leftbox{
	padding-right:30px;
}

/* #contents - #ct02
================================================== */
#ct02{
	padding-top:24px;
	padding-bottom:40px;
}

#subct{
	width:429px;
	border-left:1px dotted #6b0000;
	padding-left:20px;
	min-height:305px;
	height:auto !important;
	height:305px;
	background-image:url(img/h3_ct_03_back.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}

#comic{
	width:430px;
	min-height:295px;
	height:auto !important;
	height:295px;
	background-image:url(img/h3_ct_02_back.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}

#comic p{
	width:230px;
}

#comic a{
	color:#0094f3;
}

#comic a:hover{
	color:#FFF;
	background-color:#0094f3;
}

/* #system,#buy
================================================== */

#system{
	width:540px;
}

#buy{
	width:320px;
}

#system h2,#buy h2{
	margin-bottom:30px;
}

#system p{
	padding-top:1.0em;	
}

#system .article{
	padding-bottom:1.0em;	
}

#system .twitter{
	padding-top:1.0em;
	border-top:1px dotted #6b0000;
}

#buy dl{
	padding-top:1.0em;
	font-size:93%;
}

#buy dt{
	font-weight:bold;
	color:#f08200;
}

#buy dd{
	padding-bottom:1.0em;
}


/* #product
================================================== */
#product{
	margin-top:45px;
}

#product .section{
	width:430px;
}


#product dl{
	margin-top:16px;
	font-size:93%;
}

#product dt{
	width:100px;
	float:left;
	padding-top:1.0em;
	padding-bottom:1.0em;
	border-top:1px solid #7f7455;
	color:#7f7455;
}

#product dd{
	padding-top:1.0em;
	padding-bottom:1.0em;
	padding-left:5px;
	width:325px;
	float:left;	
	border-top:1px dotted #888c8e;
	color:#d8dadb;
}

.bdb1{
	border-bottom:1px solid #7f7455;	
}

.bdb2{
	border-bottom:1px dotted #888c8e;	
}

/* #fotter
================================================== */

#fotter{
	border-top:1px dotted #6b0000;
	padding-top:45px;
	margin-top:60px;
}

#fotter ul{
	width:460px;
	margin:0 auto;
}

#fotter li{
	display:inline;
	padding:0 10px;
}

address{
	padding-top:30px;
	padding-bottom:30px;
	text-align:center;
}



/* oocss
================================================== */

.leftbox{
	float:left;
}

.rightbox{
	float:right;
}

.pad{
	padding-bottom:1.0em;
	padding-top:1.0em;
}

.hidden{
	height:0;
	overflow:hidden;
}

.clearfix{
	zoom: 1;
}
.clearfix:after{
	content: "."; display: block;
	clear: both;
	height: 0; overflow: hidden; visibility: hidden;
	font-size: 1px; line-height: 0;
}