/*
==contents==
==========last update 06/10/25========== 
1 :universal reset
2 :html &body
3 :main-parts
  :h1($B>&IJL>8+=P$7(J)
  :h2($B%Z!<%8$N%a%$%sFbMF(J)
  :h3($BCf8+=P$7(J)
  :h3($B>.8+=P$7(J)
4 :layout
  :container 
  :header
  :header-inner
  :logo(h1)
  :uninav
5 :content
  :main
  :main-inner
6:layout(sub)
  :sub
  :sub-inner
  :search
  :kind
  :maker
  :formail
  :koujyo
7 :footer
  :footer-inner
8 :img-hacker
  :shop-bt 
  :brand-img
  :l
  :r
  
$B!!(J*/


/* ==========1:universal reset========== */

*{
/* set the fonts to a uniform size, including form fields as well as all headings etc. */
	font-size:100%;
	margin:0;
	padding:0;
}



/* ==========2:html &body ==========*/

body {
	margin: 0px 0px 0px 0px;
	font-size:small;
	color:#00000;
	background:url(images/body_bk.gif) repeat-y center #FF0000;
	text-align:center;
	font-family: "$B#M#S(J $B#P%4%7%C%/(J", "osaka", "$B%R%i%.%N3Q%4(J Pro";
}

a {
	text-decoration: none;
	}

p{
	color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	margin-bottom: 10px;
	}


object {
	vertical-align:bottom;
}

h5{
	line-height : 140%;
	color : red;
	font-size : 16px;
	text-align : left;
	border-left: 16px double red;
	padding : 0px 0px 0px 10px;
	margin : 20px 0px 20px 0px;
	font-family: "$B#M#S(J $B#P%4%7%C%/(J", "osaka", "$B%R%i%.%N3Q%4(J std";
	font-weight: bold;
}
/* ==========3:main-parts========== */

/*$B%j%s%/!!(J*/
a:link {
	color: #FF6633;
	text-decoration: underline;
	}

/*$BK,Ld:Q$_%j%s%/!!(J*/
a:visited {
	color: #FF6633;
	text-decoration: underline;
	}

/*$B%"%/%F%#%V%j%s%/!!(J*/
a:active {
	color: #993300
	text-decoration: underline;
	}

/*$B%*%s%^%&%9%j%s%/!!(J*/
a:hover {
	color: #993300;
	text-decoration: underline;
	}

/* ==========4_5_6_7:layout========== */

/*$BA4BN$N%i%C%Q!<!!(J*/
#container {
	line-height: 140%;
	margin-top:0px;
	margin-left: auto; 
	margin-right: auto;
	width:730px;
	height:100%;
	}

/*$B%X%C%@!<!!(J*/
#header {
	margin:0px;
	padding:0px ;
	width: 730px;

	}
.header_img {
	margin:-20px 0px;
	z-index: 1;
	}
	
/* $B%5%$%H$N%?%$%H%k!!(J*/
#header h1 a{
	float:left;
	padding:0px 0px 0px 10px;
	color:#666666;
	text-align:left;
	font-size:10px;
	display:block;
	text-decoration: none;
	width:300px;
	position: relative;
	z-index: 2;
}

/*$B%-%c%C%A!!(J*/

* html #header h6 {
	margin:0px 0px -10px 0px;
	font-weight: normal;
}

#header h6 {
	font-weight: normal;
	margin:10px 0px -10px 0px;
}

/* $B%f%K%P!<%5%k%a%K%e!<!!(J*/
#uninavbox {
	margin: 0;
        padding : 0;
	position: relative;
	width : 730px;
        height : 112px;
        background : url(images/uninav.gif) no-repeat;
}


/* UL for main navigation */
#uninav {
	margin: 0;
	padding: 0;
        background : url(images/uninav.gif) no-repeat;
	width: 730px;
	height: 112px;
	position: relative;
	}

/* LI for main navigation */
#uninav li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
#uninav li, #uninav a {
	height: 112px;
	display: block;
	border-bottom : none;
	}

/* $BJ8;z$rHt$P$9(J*/
#uninav a {
	text-indent: -5000px;
	text-decoration: none;
	}

/* $BHO0O$r;XDj$9$k(J */
#uninav_logo {left: 0px; width: 200px;}
#uninav_home {left: 215px; width: 70px;}
#uninav_campany {left: 285px; width:69px;}
#uninav_shopping {left: 354px; width: 123px;}
#uninav_goods {left: 477px; width: 117px;}
#uninav_privacy {left: 594px; width: 122px;}

#uninav_logo a:hover, #uninav_logo a:visited:hover { background: transparent url(images/uninav.gif) -0px -112px no-repeat;}
#uninav_home a:hover, #uninav_home a:visited:hover { background: transparent url(images/uninav.gif) -215px -112px no-repeat;}
#uninav_campany a:hover, #uninav_campany a:visited:hover { background: transparent url(images/uninav.gif) -285px -112px no-repeat;}
#uninav_shopping a:hover, #uninav_shopping a:visited:hover { background: transparent url(images/uninav.gif) -354px -112px no-repeat;}
#uninav_goods a:hover, #uninav_goods a:visited:hover { background: transparent url(images/uninav.gif) -477px -112px no-repeat;}
#uninav_privacy a:hover, #uninav_privacy a:visited:hover { background: transparent url(images/uninav.gif) -594px -112px no-repeat;}

#uninav_logo a.selected:link, #uninav_logo a.selected:visited { background: transparent url(images/uninav.gif) -0px -112px no-repeat;}
#uninav_home a.selected:link, #uninav_home a.selected:visited { background: transparent url(images/uninav.gif) -215px -112px no-repeat;}
#uninav_campany a.selected:link, #uninav_campany a.selected:visited { background: transparent url(images/uninav.gif) -285px -112px no-repeat;}
#uninav_shopping a.selected:link, #uninav_shopping a.selected:visited { background: transparent url(images/uninav.gif) -354px -112px no-repeat;}
#uninav_goods a.selected:link, #uninav_goods a.selected:visited { background: transparent url(images/uninav.gif) -477px -112px no-repeat;}
#uninav_privacy a.selected:link, #uninav_privacy a.selected:visited { background: transparent url(images/uninav.gif) -594px -112px no-repeat;}

/*$B%3%s%F%s%D%a%$%s30OH!!(J*/
#content {
	margin:0px;
	padding:15px 0px 0px 0px ;
	width: 730px;
	}

#content_02 {
        margin:15px auto;
	text-align:center;
	width: 500px;
	}

/*$B%3%s%F%s%D%a%$%sFbOH!!(J*/
#main {
	float:right;
	margin:0px;
	padding: 0px 20px;
	width: 500px;
	height:100%;
	overflow: hidden;
	}
.main-inner {
	margin:0px;
	float:right;
	background-color: #FFFFFF;
	color:666666;
	font-family: Verdana, Arial, sans-serif;
	width:500px;
	}

/*$B%3%s%F%s%DK\J8!!(J*/
.main-inner h1{
	line-height : 140%;
	color : #FF6600;
	font-size : 16px;
	text-align : left;
	border-left: 10px double #FF6600;
	padding : 0px 0px 0px 10px;
	margin : 0px 0px 20px 0px;
	font-family: "$B#M#S(J $B#P%4%7%C%/(J", "osaka", "$B%R%i%.%N3Q%4(J Pro";
	font-weight: bold;
}
	
.main-inner h2{
	line-height : 140%;
	color : #FF6600;
	font-size :x-large;
	text-align : left;
	border-left: 16px double #FF6600;
	padding : 0px 0px 0px 10px;
	margin : 0px 0px 20px 0px;
	font-family: "$B#M#S(J $B#P%4%7%C%/(J", "osaka", "$B%R%i%.%N3Q%4(J Pro";
	font-weight: bold;
}

.main-inner h3{
	line-height : 140%;
	color : #FF6600;
	font-size : 16px;
	text-align : left;
	border-left: 16px double #FF6600;
	padding : 0px 0px 0px 10px;
	margin : 20px 0px 20px 0px;
	font-family: "$B#M#S(J $B#P%4%7%C%/(J", "osaka", "$B%R%i%.%N3Q%4(J std";
	font-weight: bold;
}

.price{
	text-align : left;
	line-height : 140%;
	color : red;
	font-size : x-large;
	text-align : left;
	padding : 0px 0px 0px 10px;
	margin : 20px 0px 20px 0px;
	font-family: "$B#M#S(J $B#P%4%7%C%/(J", "osaka", "$B%R%i%.%N3Q%4(J std";
	font-weight: bold;
}

/*$B%3%s%F%s%DK\J8!!(J*/
.main-inner p {
	color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	margin-bottom: 10px;
	}

.main-inner h5 {
	color: #993333;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	font-weight: bold;
	line-height: 150%;
	text-align: left;
	margin-bottom: 10px;
	}

h6 {
	color: #006633;
	height:40px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 150%;
	text-align: left;
	margin:5px 0px 5px 0px;
	padding:10px 0px 0px 45px;
        background : url(images/h6.gif) no-repeat;
	}

/*$B%3%s%F%s%DK\J80zMQJ8!!(J*/
.main-inner blockquote {
	line-height: 150%;
	}

/* $B2hA|$N2s$j9~$_%P%02sHr(J*/
.main-inner p:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.main-inner p {display: inline-table;}

/* Hides from IE-mac \*/
* html .content p {height: 1%;}
.main-inner p {display: block;}
/* End hide from IE-mac */

.main-inner hr {
	margin-top: 20px;
	margin-bottom: 20px;
}

#topic h4{
	float:left;
	padding:0px;
	margin:0px;
	text-align:left;
	font-size:10px;
	display: block; 
	text-decoration: none;
	background:url(images/topics_tit.gif) no-repeat top left;
	width: 450px;
	height: 31px;
	text-indent:-5000px;
}

#topic table{
	margin: -5px 0px 0px 0px;
	padding: 0px;
	text-align:left;
	background:#FFFFCC;
	width:500px;
	}

#topic td{
	display: block; 
	margin: 0px;
	padding: 5px 5px;
	text-decoration:none;
	}

/*$B%3%s%F%s%D%5%V(J */
#sub {
	float: left;
	padding: 0px;
	margin:0px;
	width: 190px;
	overflow: hidden;
	height:100%;

	}
	
/*$B%3%s%F%s%D%5%VFbOH!!(J*/
.sub-inner {
	margin:0px;
	padding: 0px 5px 0px 15px;
	float: left;
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	width:170px;
	height:100%;
	voice-family: "\"}\"";
	voice-family:inherit;
	width :170px;
	text-align:left;
	}

.sub-inner  button{
	margin:0px 0px 0px 0px;
	float;left;
	text-align:left;
	width:170px;
	height:80px;
	border:solid #999999 0px;
	background:#999999;
	cursor:pointer;
	voice-family: "\"}\"";
	voice-family:inherit;
	background:#999999F;
	cursor:hand;

}

/*$B%3%s%F%s%D%5%V$N%a%K%e!<!!(J*/

/*	$B%H%C%W%Z!<%8MQ%3%s%F%s%D(J	*/
#menu ul{
	text-align:left;
}

#menu a{
	margin: -0px 0px 0px 0px;
	padding: 10px 0px 10px 35px;
	font-weight:bold;
	display:block;
	text-decoration:none;
	border-bottom:1px dotted #FF0000;
	background:#FFFFCC url(images/sankaku3.gif) no-repeat left;
	}

#menu a:hover{
	margin: -0px 0px 0px 0px;
	padding: 10px 0px 10px 35px;
	font-weight:bold;
	display:block;
	text-decoration:none;
	border-bottom:1px dotted #FF0000;
	background:#FFCC33 url(images/sankaku3.gif) no-repeat left;

	}

#menu li{
	list-style: none;
	margin:0px;
	width:170px;

	}

/*$B%P%J!<N`!!(J*/
a.formail{
	float:left;
	margin:10px 0px;
	padding:0px;
	color:#666666;
	text-align:left;
	font-size:10px;
	display:block;
	text-decoration: none;
	background:url(images/formail.gif) no-repeat top left;
	width: 170px;
	height: 80px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width :170px;
	height: 80px;
	text-indent:-5000px;
}

a.fax{
	float:left;
	margin:10px 0px;
	padding:0px;
	color:#666666;
	text-align:left;
	font-size:10px;
	display:block;
	text-decoration: none;
	background:url(images/fax.gif) no-repeat top left;
	width: 170px;
	height: 50px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width :170px;
	height: 50px;
	text-indent:-5000px;
}

/*$B%U%C%?!<BgOH!!(J*/
#footer {
        margin:15px auto;
        clear: both;
	font-family: Verdana, Arial, sans-serif;
	width: 730px;
		}

.footer-inner {
	text-align:center;
        margin:15px auto;
	padding:10px 10px;
	font-family: Verdana, Arial, sans-serif;
	width: 700px;
	height:20px;

		}

/* ==========5:img-hacker========== */

/*$B2hA|1&2s$j9~$_!!(J*/
img.r { 
	float: right; 
	border: none; 
	margin-right:0px; 
	margin-left:10px; 
	margin-bottom:5px; 
	vertical-align:top; 
} 

/*$B2hA|:82s$j$3$_!!(J*/
img.l { 
	float: left; 
	border: none; 
	margin-right:10px; 
	margin-left:0px;  
	margin-bottom:5px;
	vertical-align:top; 
}

/*$B2hA|1&2s$j9~$_(J($BOH(J)$B!!(J*/
img.rw { 
	float: right; 
	border: 1px solid #666666;
	margin-right:0px; 
	margin-left:10px; 
	margin-bottom:5px; 
	vertical-align:top; 
} 

/*$B2hA|:82s$j$3$_(J($BOH(J)$B!!(J*/
img.lw { 
	float: left; 
	border: 1px solid #666666;
	margin-right:10px; 
	margin-left:0px;  
	margin-bottom:5px;
	vertical-align:top; 
}

img.al { 
	float:left; 
	padding-right:20px; 
	padding-left:0px;  
	padding-bottom:15px;
	vertical-align:top;
	background:url(img/access_img_back.gif) no-repeat;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.redstrong {
	font-weight: bold;
	color: #CC3300;
}
