@charset "utf-8";

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


/* リセット：Yahoo!UI改変版
================================================== */
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;}

/* 共通
================================================== */
html,body { height: 100%; }

body{
	background-image:url(img/back.jpg);
	background-repeat:repeat-x;
	background-position:center;
	background-color:#6c0000;
	color:#FFF;
}

#container{
	background-image:url(img/wrap_back.png);
	background-repeat:repeat-x;
}

#wrapper{
	width:800px;
	margin:0 auto;
}

#wrapper{
	background-image:url(img/wrapper_back.png);
	background-position:top right;
	background-repeat:no-repeat;
	min-height:1021px;
	height:auto !important;
	height:1021px;
	z-index:1;
}

#head{
	/*background-image:url(img/topimg_01.png);*/
	background-repeat:no-repeat;
	background-position:0 30px;
	position:relative;
	height:380px;
}

#head2{
	background-repeat:no-repeat;
	background-position:0 30px;	
}


#nav{
	position:absolute;
	background-repeat:no-repeat;
	top:380px;
	background-image:url(img/nav_back.png);
	min-height:163px;
	height:auto !important;
	height:163px;
}

#nav li{
	float:left;
	display:inline;
	overflow:hidden;
}

#nav li a{
	background-repeat:no-repeat;
	padding-top:90px;
    display: block;
	background-image:url(img/gnav.png);
}


#nav .nav1 a{
	background-position:0 0;
	width:155px;
}

#nav .nav1 a:hover{
	background-position:0 -90px;
}

#nav .nav2 a{
	background-position:-155px 0;
	width:135px;
}

#nav .nav2 a:hover{
	background-position:-155px -90px;
}

#nav .nav3 a{
	background-position:-290px 0;
	width:136px;
}

#nav .nav3 a:hover{
	background-position:-290px -90px;
}


#nav .nav4 a{
	background-position:-426px 0;
	width:132px;
}

#nav .nav4 a:hover{
	background-position:-426px -90px;
}


#nav .nav5 a{
	background-position:-558px 0;
	width:88px;
}

#nav .nav5 a:hover{
	background-position:-558px -90px;
}


#nav .nav6 a{
	background-position:-646px 0;
	width:135px;
}

#nav .nav6 a:hover{
	background-position:-646px -90px;
}

#content{
	margin-left:15px;
	padding-top:100px;
}


/* 共通(oocss)
================================================== */

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


.leftbox{
	float:left;
	margin-bottom: 10px;
}

.rightbox{
	float:right;
}


/* TOP_CONTENTS
================================================== */




h2{
	position:absolute;
	top:48px;
	right:12px;
	z-index:10;
}

#start h3#news{	
	background-repeat:no-repeat;
	margin-top:10px;
	padding-top:38px;
	background-image:url(img/top_news.png);
}


#start .article2{
	position:relative;
}


#top #content .leftbox p{
	padding-bottom:20px;
}

#hotnews{
	border-top:1px solid #9e2626;
	width:530px;
	background-image:url(img/news_back.png);
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	background-repeat:repeat;
	clear:both
}


#hotnews dt{
	color:#e10000;
	font-weight:bold;
	float:left;
	padding-right:1.0em;
}

#hotnews dd{
	color:#FFF;
	font-weight:bold;
	padding-bottom:0.5em;
	padding-left:70px;
}

#hotnews dd a{
	color:#FFF;
	padding:1px;
}

#hotnews dd a:hover{
	color:#7d0000;
	background-color:#FFF;
	text-decoration:none;
	padding:1px;
}


#ctarea{
	width:540px;
	overflow:hidden;
	zoom:1;
}

/*--製品情報--*/

#product{
	padding-top:35px;
	background-image:url(img/product_back.png);
	background-repeat:repeat-x;
	background-position:bottom;
}

#product ul{
	padding-right:15px;
}

#product li{
	text-align:right;
	padding-bottom:24px;
}





#banner{
	width:200px;
	padding-right:10px;
	z-index:5;
	position:relative;
}

#banner li{
	padding-bottom:10px;
	z-index:5;
}

#banner li a{
	display:block;
}

/* DOWNLOAD_CONTENTS
================================================== */

#dl #ctarea h3{
	padding-bottom:20px;
}

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


/* DOWNLOAD_CONTENTS - WP_CONTENTS
================================================== */

#wp .wparea{
	width:540px;
}

#wp td.wparea2{
	width:180px;
	height:200px;
}


/* DOWNLOAD_CONTENTS - trial_CONTENTS
================================================== */
#tryal .kenobi a{
	color:#FFF;
	padding:1px;
}

#tryal .kenobi a:hover{
	background-color:#FFF;
	color:#e80000;
}


.kenobi{
	width:540px;
}

.qui{
	margin:12px;
	width:232px;
	float:left;
}

.qui{
	margin:12px;
	width:232px;
	float:left;
}

.qui2{
	margin:12px;
	width:232px;
	float:left;
	height:80px;
}

.qui a{
	font-size:smaller;
}

.qui2 a{
	font-size:smaller;
}

.gon{
	width:232px;
	border-top:solid 1px #666666;
	margin-top:10px;
}

.jin{
	height:18px;
}

.jin li {  
	display:inline;  
	list-style-type:none;  
}

.jin li a {  
	height:18px;  
	display:block;  
	float:left;  
	text-indent:-9877em;  
	text-decoration:none;  
	overflow:hidden;
	margin:10px 5px 0px 0px;

}

.yoda a{
	background-image:url(images/down.jpg);
	width:69px;
}

.yoda a:hover{
	background-image:url(images/down_.jpg);
	width:69px;
}

.mace{
	margin:12px;
}

/* DOWNLOAD_CONTENTS - bnr_CONTENTS
================================================== */

#bnr .article{
	margin-top:10px;
	margin-bottom:10px;
}

#bnr .article .article2{
	padding-bottom:20px;
}



/* NEWS_CONTENTS
================================================== */

#ar h3,#ar table.soku_box{
	margin-bottom:15px;
}



#ar td{
	border:2px groove #333;
	padding:10px;
} 

#ar table td td{
	border:none;
}

#ar td img{
	padding-right:10px;
} 
	
#ar td a,#ar tr a{
	padding:1px;
	color:#ff9900;
} 

#ar td a:hover,#ar tr a:hover{
	background-color:#ff9900;
	color:#820300;
} 

#ar td img{
	background-color:none;
} 


#ar table td .imgbk{
	background-color:none;
} 


#ar td{line-height:1.5;}

/* SPECIAL_CONTENTS
================================================== */

#sp #ctarea h3{
	padding-bottom:20px;
}

#sp #ctarea p{
	padding-bottom:10px;
}

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


/* SPECIAL_CONTENTS - COMIC
================================================== */
#cm #ctarea p{
	padding-top:10px;
	padding-bottom:10px;
}

#cm #ctarea h3{
	font-size:108%;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
}

#cm #cmnav{
	padding-top:10px;
}

#cm #cmnav li{
	display:inline;
	padding-right:1.0em;
}

#cm #cmnav a{
	color:#FFF;
	padding:1px;
}

#cm #cmnav a:hover{
	color:#7d0000;
	background-color:#FFF;
	text-decoration:none;
	padding:1px;
}

.cmtitle{
	text-align:center;
}



/* SPEC
================================================== */
#spec #ctarea{
	position:relative;
}

#specinfo{
	position:absolute;
	top:50px;
}

#specinfo p{
	padding-bottom:1.0em;
}

#specinfo img{
	float:left;	
	width:100px;
	padding-right:10px;
}

#specinfo div{
	float:right;
	width:300px;	
}

#spec table{
	clear:both;
	width:100%;	
}

#spec th{
	padding:5px;
	background-color:#000;
	border:1px solid #000;
}

#spec td{
	padding:5px;
	border:1px solid #000;	
}

/* MEDIAMIX_CONTENTS
================================================== */

#mmix #ctarea h3{
	padding-bottom:20px;
}

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



/* Fotter
================================================== */

#fotter{
	width:700px;
	text-align:right;
}

#fotter ul{
	padding-top:60px;
	padding-bottom:20px;
}

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

#fotter li a{
	color:#FFF;
	padding:1px;
}

#fotter li a:hover{
	color:#7d0000;
	background-color:#FFF;
	text-decoration:none;
	padding:1px;
}



/* etc
================================================== */

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

/* js
================================================== */
#slider ul, #slider li{margin:0;padding:0;list-style:none;}
#slider{padding-top:3px;}
#slider, #slider li{width:800px;height:350px;overflow:hidden;}
span#prevBtn{display:none;} /*戻るボタン*/
span#nextBtn{display:none;} /*進むボタン*/