@charset "utf-8";

/* default settings */
*{
font-family						:	"Arial","Courier New",sans-serif;
}

/* link */
A:LINK    {color : navy; text-decoration : none;}
A:VISITED {color : navy; text-decoration : none;}
A:ACTIVE  {color : naby; text-decoration : none;}
A:HOVER   {color : red ; text-decoration : underline;}

/* form */
.NS{
	border-color				:	#7f9db9;
	border-style				:	solid;
	border-width				:	1px;
	ime-mode						:	inactive;
	width								: 320px;
}

.TXT{
	border-color				:#7f9db9;
	border-style				:solid;
	border-width				:1px;
	ime-mode						:inactive;
	width								:320px;
	height							:100px;
}

/* header menu settings */
a:link.topmenu	{ background-image:url(../image/hmenu9a.gif);color:white;}
a:hover.topmenu	{ background-image:url(../image/hmenu9b.gif);color:white;text-decoration:none;}
a:visited.topmenu	{color:white;}
a:active.topmenu	{color:white;}

ul.topmenu{
	width								:	100%;
	margin							:	0px;
	padding							:	0px;
}

ul.topmenu li{
	width								:	100px;
	height							:	20px;
	text-align					:	center;
	text-decoration			:	none;
	font-size						:	66%;
	color								:	white;
	list-style					:	none;
	float								:	left;
	background-image		:	url(../image/hmenu9a.gif);
}

ul.topmenu a{
	display							:	block;
	text-align					:	center;
	width								:	100px;
	height							:	17px;
	padding-top					:	3px;
	text-decoration			:	none;
}

/* tag for page layout */

#boxmain{
	width								:	100%;
	margin							:	0px;
	text-align					:	left;
	background-image		:	url(../image/bg_fadeR.gif);
	background-repeat		:	repeat-y;
}

div.boxmenu{
	width								:	126px;
	margin							:	0px;
	padding							:	2px;
	text-align					:	left;
	float								:	left;
	line-height					:	1.2em;
}

div.boxcontents{
	width								:	596px;
	margin							:	2px;
	text-align					:	left;
	float								:	left;
	line-height					:	1.2em;
}

div.boxlink{
	width								:	66px;
	margin							:	2px;
	text-align					:	left;
	float								:	left;
	line-height					:	1.2em;
	background-color		:	#ffffff;
}

div.boxmenu ul{
	margin-left					: 2px;
	line-height					:	1.5em;
	list-style					:	none;
}

div.boxmenu li{
	padding-left				: 15px;
	font-size 					: 80%;
	background-image		:	url(../image/list_arrow.gif);
	background-repeat		:	no-repeat;
	background-position	:	0px 5px;
}

/* TABLE for speclist */
table.spec {
	height							: 15px;
	border-style  			: none;
	background-color		:	gray;
	color								:	black;
}

.spec td{
	text-align 					: center;
	background-color		:	white;
	color								:	black;
	margin							:	1px;
	border-style  			: none;
}

.spec th{
	font-size 					: 10pt;
	text-align 					: center;
	font-weight					: normal;
	background-color		:	#eeeeee;
	color								:	black;
	margin							:	1px;
	border-style  			: none;
}

/* Tag for common use */
div.clearfloat{ clear : both}

div.center{
	text-align					:	center;
	margin							:	auto;
}

div.top{
	margin							:	2px auto 2px 2px;
	float								:	right;
	font-size 					: 66.6%;
	text-align					:	right;
	color								:	black;
}

h1.title{
	font-size 					: 100%;
	text-align					:	left;
	color								:	white;
	font-weight					: normal;
	padding							:	2px 2px 2px 15px;
	background-image		:	url(../image/bg_title_b.gif);
	background-repeat		:	repeat-y;
	margin							:	0px;
}

h2.title{
	font-size 					: 100%;
	text-align					:	left;
	color								:	black;
	font-weight					: normal;
	border-width 				: 0px 0px 1px 0px;
	border-style 				: none none solid none;
	border-color 				: gray;
}


/* tag for category page*/
div.boxquarterl{
	width								:	190px;
	font-size 					: 91.6%;
	margin							:	5px;
	text-align					:	left;
	float								:	left;
	line-height					:	1.1em;
}

div.boxquarters{
	width								:	85px;
	margin							:	5px;
	text-align					:	left;
	float								:	left;
	line-height					:	1.2em;
}

div.boxquarters img{
	border							:	0px;
	border-style				:	solid;
	border-color				:	black;
}

div.boxquarterl p{
	font-size 					: 100%;
	text-align					:	left;
	color								:	blue;
	font-weight					: normal;
	line-height					:	1.1em;
	margin							:	4px;
}

div.boxhalf{
	width								:	291px;
	font-size 					: 91.6%;
	margin							:	2px;
	text-align					:	right;
	float								:	left;
	line-height					:	1.1em;
}

div.boxthreeforth{
	width								:	485px;
	font-size 					: 91.6%;
	margin							:	5px;
	text-align					:	left;
	float								:	left;
	line-height					:	1.1em;
}

div.boxthreeforth p{
	font-size 					: 100%;
	text-align					:	left;
	color								:	blue;
	font-weight					: normal;
	line-height					:	1.1em;
	margin							:	4px;
}

div.box390{
	width								:	380px;
	font-size 					: 91.6%;
	margin							:	5px;
	text-align					:	left;
	float								:	left;
	line-height					:	1.1em;
}

img.details{
	margin							:	0px;
	border							:	1px;
	border-style				:	solid;
	border-color				:	black;
}

ul.sitemap{
	margin-left					: 2px;
	line-height					:	1.5em;
	list-style					:	none;
}

ul.sitemap li{
	padding-left				: 15px;
	font-size 					: 80%;
	background-image		:	url(../image/list_arrow.gif);
	background-repeat		:	no-repeat;
	background-position	:	0px 5px;
}


/* tag for catalog selection page */
P.spec{
	font-size 					: 10pt;
	text-align					:	left;
	color								:	black;
	font-weight					: normal;
	border-width 				: 0px 0px 1px 0px;
	border-style 				: none none solid none;
	border-color 				: gray;
}

div.images{
	width								:	190px;
	margin							:	5px;
	text-align					:	center;
	float								:	left;
	line-height					:	1.2em;
}

div.comments{
	width								:	350px;
	margin							:	5px;
	font-size 					: 10pt;
	text-align					:	left;
	float								:	left;
	line-height					:	1.2em;
}
