/*============================================================
MAIN.CSS

Copyright (C) 2006-2010
ED-CONTRIVE Co., Ltd. All Rights Reserved.
http://www.ed-contrive.co.jp/
-------------------
URL LIST using this css
-------------------
all pages in http://www.ed-contrive.co.jp/

-------------------
REVISE HISTORY
-------------------
2009-12-25	release
============================================================*/

body{
	color: #333333;
	font-size: 12px;
	*font-size: small;
	*font: x-small;
	line-height: 1.5;
	font-family:'‚l‚r ‚oƒSƒVƒbƒN','ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}

a:link{color:#004da2; text-decoration:none;}
a:visited{color:#004da2; text-decoration:none;}
a:hover{color:#004da2; text-decoration:underline;}
a:active{color:#004da2; text-decoration:none;}


/*============================================================
FRAME SET
============================================================*/
div#frameset{
	width: 705px;
	margin: 0px auto 0px auto;
	padding: 0px;
	background-color: #FFFFFF;
}

/*===================
IMG
===================*/
img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
/*.img-floatLeft {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
.img-floatRight {
	float: right;
	margin-left: 15px;
	margin-bottom: 2em;
}*/

/*===================
FLOAT
===================*/
/*.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}
.clearBoth {
	clear: both;
}*/

/*============================================================
HEAD
============================================================*/
#head {
	width: 705px;
/*	height: 69px;*/
	margin: 0px auto 0px auto;
}
#head p {
	margin: 0px;
	padding: 0px;
}

/*============================================================
CONTENTS
============================================================*/
div#contents{
	width: 705px;
	margin: 0px auto 0px auto;
	padding: 1.5em 0px 1em 0px;
}

div#contents p.goto-toppage {
	background-image: url(../../ep/img/ic_arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;	
	padding-right: 20px;
	text-align: right;
}

div#contents div.mainvisual{
	margin: 0px 0px 3.5em 0px;
	padding: 0px;
}

div#contents h2{
	margin: 0px 0px 1em 0px;
	padding: 0px;
}
div#contents h2 img{
	margin: 0px;
	padding: 0px;
}

div#contents h3{
	margin: 0px 0px 1em 0px;
}


div#contents h3.each-products{
	margin: 0px 0px 1em 0px;
	padding: 0.7em 0px 0.7em 12px;
	background-color: #E3E7F4;
}

div#contents h4{
	margin: 0px 0px 1em 0px;
	padding: 0px;
}

div#contents p{
	margin: 0px 0px 1em 0px;
}

div#contents ul.certify{
	margin: 0px 0px 0px 20px;
	padding: 0px;
}
div#contents ul.certify li{
	margin: 0.3em 0px 0.3em 0px;
	padding: 0px;
}

/* �»•iƒ‰ƒCƒ“ƒiƒbƒv */
div#contents div.lineup-area {
	margin: 0px;
	padding: 0px 0px 1em 0px;
	clear: right;
}

div#contents div.lineup-area ul.products-lineup{
	margin: 1em 0px 0px 0px;
	padding: 0px;
	list-style: none;
}
div#contents div.lineup-area ul.products-lineup li{
	margin: 0px 0px 1.5em 0px;
	padding: 0px;
	float: left;
}
div#contents div.lineup-area ul.products-lineup li.lineup-center{
	margin: 0px 17px 0px 17px;
	padding: 0px;
}
div#contents div.lineup-area ul.products-lineup li img{
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}

/* �»•iƒ‰ƒCƒ“ƒiƒbƒv ‹@”\”äŠr•\ */
div#contents div.lineup-area p.bt-function{
	text-align: center;
	clear: right;
	padding-top: 1.5em}


/*===================
table.zone-list
===================*/
table.zone-list{
	width: 440px;
	margin: 0px 0px 2em 0px;
	padding: 0px;
	border: none;
}
table.zone-list th{
	margin: 0px;
	padding: 5px;
	vertical-align: top;
}
table.zone-list td{
	margin: 0px;
	padding: 5px;
	vertical-align: top;
}
table.zone-list td ol{
	margin: 0px 0px 0px 20px;
	padding: 0px;
}


/*===================
table.certification-detail
===================*/
table.certification-detail{
	margin: 0px 0px 2em 0px;
	padding: 0px;
	border-collapse: collapse;
	border: none;
}
table.certification-detail caption{
	text-align: left;
	font-weight: bold;
	text-decoration: underline;
}
table.certification-detail{
	margin: 0px 0px 2em 0px;
	padding: 0px;
	border-collapse: collapse;
	border: none;
}
table.certification-detail th{
	text-align: left;
	font-weight: normal;
	vertical-align: top;
	padding: 2px;
}
table.certification-detail td{
	padding: 2px;
}
table.certification-detail td table{
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border: none;
}


/*===================
table.grade-list
===================*/
table.grade-list{
	margin: 0px 0px 2em 0px;
	padding: 0px;
	border-collapse: collapse;
/*	border: 1px solid #666666;*/
}
table.grade-list th{
	padding: 10px 10px 10px 10px;
	text-align: center;
	font-weight: normal;
	background-color:#fff;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #686868;
	border-bottom-color: #686868;
}
table.grade-list th.grade-no{
	width: 80px;
}
table.grade-list th.grade-account{
	width: 140px;
}
table.grade-list th.protection-level{
	width: 200px;
}
table.grade-list td{
	padding: 10px 10px 10px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #686868;
}


/*===================
table.products-spec
===================*/
table.products-spec{
	margin: 0px 0px 3em 0px;
	padding: 0px;
/*	border-collapse: collapse;*/
	border: 1px solid #666666;
}
table.products-spec th{
/*	padding: 4px;
	border: 1px solid #666666;*/
	text-align: left;
	font-weight: normal;
	padding: 10px 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #fff #686868 #686868 #fff;
	background-color:#dfdede;
}
table.products-spec td{
/*	padding: 3px;
	border: 1px solid #666666;*/
	padding: 10px 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #fff #686868 #686868 #fff;
}
table.products-spec td.bgWhite{
	background-color: #f5f1f1;
	border-color: #fff #fff #686868 #00cc2b;
}

/*===================
ul.ck-accessory
===================*/
div#contents ul.ck-accessory{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
div#contents ul.ck-accessory li{
	margin: 0px 0px 2em 0px;
	padding: 0px;
	float: left;
}
div#contents ul.ck-accessory li img{
	margin: 0px 19px 0px 0px;
	padding: 0px;
	vertical-align: bottom;
}

/*===================
�»•i�\�¬‚ƃAƒNƒZƒTƒŠ
dl.product-config
===================*/
div#contents dl.product-config dt{
	font-weight: bold;
}
div#contents dl.product-config dd{
	margin: 0px 0px 1.5em 0px;
}
div#contents dl.product-config dd table{
	width: 460px;
}
div#contents dl.product-config dd table th{
	width: 100px;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}
/* CK3NI—p*/
div#contents dl.product-config dd ul.ck3ni-list{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
div#contents dl.product-config dd ul.ck3ni-list li {
	margin: 0px 0px 2em 30px;
	padding: 0px;
	float: left;
}

/*===================
div.contact-area
===================*/
div#contents div.contact-area{
	margin: 0px;
	padding: 2em 0px 0px 0px;
	clear: left;
	text-align: center;
}

div#contents div.contact-area p{
	font-weight: bold;
}



/*============================================================
FOOT
============================================================*/
div#frameset div#foot{
	text-align: center;
}

div#frameset div#foot a:link {
	color: #003366;
}
div#frameset div#foot a:visited {
	color: #5780A9;
}
div#frameset div#foot a:hover {
	color: #FF6600;
}

div#frameset div#foot p{
	margin: 0px 0px 0.3em 0px;
}

div#frameset div#foot ul.foot-link{
	margin: 0px;
	padding: 0px;
}

div#frameset div#foot ul.foot-link li{
	display: inline;
	list-style-type: none;
	padding: 0px 5px 0px 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
}

div#frameset div#foot ul.foot-link li.border-r{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
}