@media tty{
i{content:"･";/*" "*/}} @import url('ie5win.css');/*"}
}/* */

/* Hack for IE6, IE7 */
/*\*/
 * html h3{ margin-top:20px; }
 * html h2{ margin-top:20px; }
 * html #pronavi{ width:205px; }
 * html blank200{ margin-top:0; }
 * html #sidenaviindex ul{margin-left:1px; font-size:95%;}
 * html div.standalone ul{margin-left:1px; font-size:90%;}
 * html #contact ul{  font-size: 13px; margin-left: 20px; margin-top: 5px; list-style-type: none; }
 * html #contact2 ul{  font-size: 12px; margin-left: 15px; margin-top: 5px; list-style-type: none; }
 * html .fsize{line-height: 20px;}
 * html .list{margin-left:20px; font-size:12px;}
 * html #whatsnew{margin-top: 30px;}
 * html #whatsnew dl {margin: 0 0 0.5em 1em; border-bottom: 0px dotted #000000;}
 * html #whatsnew dl dd {margin: -1.2em 0 0 10em;}
 * html #submenu {padding-top: 10px; margin-right: 10px;}
 * html .news{margin-left: 70px; font-size:12px;}
 * html ul#thumbtopeng p {margin-top: -3px;}
 * html ul.productinfo1 { margin-left: 3px;}
 * html ul.productinfo2 { margin-left: -30px;}
 * html ul.productinfo3 { margin-left: -20px;}
 *+html h3{ margin-top:20px; }
 *+html h2{ margin-top:20px; }
 *+html #pronavi{ width:205px; }
 *+html blank200{ margin-top:0; }
 *+html #sidenaviindex ul{margin-left:1px; font-size:95%;}
 *+html div.standalone ul{margin-left:1px; font-size:90%;}
 *+html #contact ul{  font-size: 13px; margin-left: 20px; margin-top: 5px; list-style-type: none; }
 *+html #contact2 ul{  font-size: 12px; margin-left: 15px; }
 *+html .list{margin-left:20px; font-size:12px;}
/**/

body {
	margin: 0; padding: 0;
	background: #dcddee;
	font-family: sans-serif;
}

#mainarea {
	margin: auto;
	width: 800px;
	background: #ffffff;
}

#header {
	background: #30338d;
	height: 100px;
}

#logo {
	float: left;
	width: 90px;
	margin-left: 15px;
}

#submenu {
	float: right;
	margin-right: 20px;
}

#submenu ul li {
	line-height: 14px;
	list-style-image: url(../image/arrow.gif);
}

#submenu ul li a{
	font-size: 10px;
	color: #ffffff;
}

#textarea {
	background: #ffffff;
}

/* グローバルナビ */
#globalnavi, #globalnavi-e {
	margin: 0; padding: 0;
	font-family: sans-serif;
}

#globalnavi li {
	margin: 0; padding: 0;
	width: 130px;
	float: left;
	list-style-type: none;
}

#globalnavi-e li {
	margin: 0; padding: 0;
	width: 160px;
	float: left;
	list-style-type: none;
}

#globalnavi li a, #globalnavi-e li a {
	height: 35px;
	background: url(../image/globalnavimenu2.png) no-repeat;
	text-align: center;
	display: block;
	border-right: 1px solid #30338d;
  
  font-weight: bold;
  font-size: 14px;
  
  line-height: 35px;
}

#globalnavi li a {
		padding: 0 20px;
}

#globalnavi-e li a {
		padding: 0 25px;
}

ul#globalnavi li a:link, ul#globalnavi-e li a:link {
	color: #30338d;
}

ul#globalnavi li a:visited, ul#globalnavi-e li a:visited {
	color: #30338d;
}

ul#globalnavi li a:hover, ul#globalnavi-e li a:hover {
	color: #ffffff;
}

	/* Global navigation background pict position */
li#gnavi-home a {background-position: 0 0;}
li#gnavi-home a:hover {background-position: 0 -35px;}

li#gnavi-company a {background-position: 50% 0;}
li#gnavi-company a:hover {background-position: 50% -35px;}

li#gnavi-products a {background-position: 50% 0;}
li#gnavi-products a:hover {background-position:50% -35px;}

li#gnavi-eco a {background-position: 50% 0;}
li#gnavi-eco a:hover {background-position:50% -35px;}

li#gnavi-order a {background-position: 50% 0;}
li#gnavi-order a:hover {background-position:50% -35px;}

li#gnavi-contact a {background-position: 100% 0; border-right:none; width:110px;}
li#gnavi-contact a:hover {background-position:100% -35px;}


/* Crucel Base */
#wrapper{clear: both;}

/* Recruit */
#area2{background:#ffffff; width:800px;}
#navi{background:#ffffff; float:left; width:200px; margin-left:15px;}
#content{background:#ffffff; float:right; width:530px;}


/* Product side menu */
#pronavi {
	background: #ffffff;
	float: left;
	width: 210px;
	font-size: 100%;
	padding-top: 30px;
}

#procontent {
	background: #ffffff;
	float: right;
	width: 550px;
}

#pronavi ul {
	padding: 0;
	line-height: 23px;
	}

#pronavi ul.productinfo1 li {
	margin-left: 30px;
	list-style-image: url(../image/icon.gif);
	}

#pronavi ul.productinfo1 li a:link {
	color: #bbbcde;
	}
	
#pronavi ul.productinfo1 li a:visited {
	color: #bbbcde;
	}

#pronavi ul.productinfo1 li.nowchoice {
	color: #ee836f;
	}

#pronavi ul.productinfo2 li {
	margin-left: 40px;
	list-style: square;
	font-size: 96%;
	color: #2f5d50;
	/* 1e50a2 2a4073 19448e 4a488e */
	}

#pronavi ul.productinfo3 li {
	margin-left: 50px;
	list-style-type: none;
	font-size: 90%;
	}

#pronavi ul.productinfo3 li a:link {
	color: #4d5aaf;
	}
	
#pronavi ul.productinfo3 li a:visited {
	color: #4d5aaf;
	}

#pronavi ul.productinfo3 li.nowchoice2 {
	font-weight: bold;
	}

#hyou{float:left; width:450px;}
#image{float:right; width:300px; margin-top:20px; font-size:12px;}


/* Main contents */
#procontent h4 {margin-top:-10px; color:#c1e4e9; background:#006e54; width:150px; text-align:center;}
#procontent th{text-align:left;}
#whatsnew{float:left; width:570px; margin-left:5px;}
#whatsnew h5{font-size:110%; color:#30338d; font-weight:normal; border: 1px solid #30338d; background: #f0f6f9; padding:3px 0 3px 10px; width: 544px; margin-left: 6px;}
#whatsnew h6{margin-left:20px; font-size:13px; color:#30338d; font-weight:normal;}
#whatsnew ul li {list-style-image: url(../image/arrowicon.png); margin-left: -5px; font-size:12px; line-height: 22px;}
#whatsnew dl {font-size:0.8em; margin: -1em 0 2em 1em; border-bottom: 1px dotted #000000; padding-bottom: 1em;}
#whatsnew dl dt {background: url(../image/arrowicon.png) no-repeat scroll 0.1em transparent; padding: 0 0 0 1.5em;}
#whatsnew dl dd {margin: -1.6em 0 0 10em;}
#whatsnew dl dd a.wholelink {display: block;}

ul#thumbtopeng {margin: 12px; padding: 0;}
ul#thumbtopeng li {list-style-image: none; list-style-type: none; float:left; margin-left: 8px; height: 100px; display: block;}
ul#thumbtopeng p {margin-top: -10px;}
ul#thumbtopeng a:link, ul#thumbtopeng a:visited {color: #000000;}

/* Banner setting */
#banner {
	float: right;
	width: 210px;
	margin: 26px 0 20px 0;
}

/* GoogleMap Setting */
#googlemap {
	clear: both;
	margin-left: 12%;
	font-size: 85%;
}

/* Footer */
#helloecotech {
	clear: both;
	text-align: right;
	margin-right: 20px;
}

#copyright {
	clear: both;
	background: #30338d;
	text-align: right;
	height: 20px;
}

/* JAPAN SHOP 2009 Gallery setting */
#js09gallery {
	width: 650px;
	margin-left: 80px;
}

#js09gallery h5 {
	margin-left: 10px;
	font-size: 17px;
	color: #30338d;
	font-weight: normal;
}


/*** For Firefox removing dotted line links ***/	
:focus{ -moz-outline-style: none; }


/* Contact us */
#contact {
  border: 2px dotted #30338d;
  margin-left: 100px;
  margin-right: 200px;
}

#contact h3 {
  margin-left: 10px;
  margin-top: 5px;
}

#contact ul {
  font-size: 13px;
  margin-left: -10px;
  margin-top: -1px;
  list-style-type: none;
}

#contact2 {
  margin-right: 8px;
  border: 2px dotted #30338d;
}

#contact2 h3 {
  font-size: 15px;
  margin-left: 10px;
  margin-top: 5px;
}

#contact2 ul {
  font-size: 12px;
  margin-left: -30px;
  margin-top: -1px;
  list-style-type: none;
}

/* General Thumbnail */
ul#thumbnail{clear:both; margin:0; padding:0;}
ul#thumbnail li{float:left; background:#ffffff; margin-top:4px; width:110px; border:1px; padding:0; list-style-type:none;}


/* Details */
.faxnum{margin-left:5%; color:#335599;}
.midashi{font-size:14px; font-weight: bold;}
.midashi2{margin-left:6%; margin-top:5%; font-size:15px; font-weight:bold;}
.flow{margin-left:1%; font-size:12px;}
.flow2{margin-left:1%; font-size:13px;}
.ordermenu{font-size:13px; font-weight:bold; color: #333399;}
.ordertable{font-size:12px; margin-top:-2%;}
.list{margin:-10px 0 0 -15px; font-size:12px;}
.list2{margin-top:-20px; font-size:12px;}
.list3{margin-left:20px; font-size:12px;}
.fsize{font-size:12px;}

div.side{font-size:11px; color:#ffffff; margin-top:10px; text-align:left;}
div.line{border-bottom:solid 2px #bcde98; width:670px; margin-left:13px; margin-top:5%; font-weight:bold; font-size:22px;}
div.line2{border-bottom:solid 1px #bcbcbc; width:650px; margin-left:95px; margin-top:2%; font-weight:bold; font-size:22px;}
div.line3{border-bottom:solid 1px #bcbcbc; width:180px; margin-left:15px; margin-top:2%; font-weight:bold; font-size:22px;}

a{text-decoration:none;}
a.submenu{font-size:13px; color:#ffffff;}
a.hidari{margin-left:7%; font-size:12px;}

p.menu{font-size:13px; text-align:center; margin-top:38px;}
p.menu2{font-size:12px; margin-top:35px; margin-left:15px;}
p.promenu2{font-size:13px; margin-top:35px; margin-left:15px;}
p.menu3{font-size:13px;}
p.copy{font-size:11px; font-family:monospace; color:#ffffff;}
p.explain{font-size:13px; margin-right:106px;}
p.explain2{font-size:13px; margin-left:50px; margin-top:25px;}
p.explain3{font-size:12px; margin-left:13%; margin-right:24%;}
p.explain4{font-size:13px; margin-left:12%;}

ul.menu2{font-size:13px; margin-top:25px;}

.blank6{margin-top:6px;}
.blank15{margin-top:15px;}
.blank30{margin-top:30px;}
.blank40{margin-top:40px;}
.blank100{margin-top:100px;}
.blank300{margin-top:300px;}

.list{margin-top:-20px; font-size:12px;}
.list2{margin-top:-20px; font-size:12px;}

tr.back{background-color:#ccccff;}
td.wakuleft{background-color:#dcddee; width:93px;}

img.menu{margin-top:53px;}
img.logo{margin-top:12px;}

ul#thumbslist {
  margin: 0; padding: 0;
}

ul#thumbslist li {
  margin-right: 10px; padding: 0; margin-left: 40px;
  width: 600px; list-style: none;
}

div.thumbnail {
  background: transparent; margin-bottom: 7px; margin-left: 60px;
  padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0;
}

#explanation {
  /* --- カスタム製品ページトップのメニューのマージン、パディング設定 --- */
  margin-left: 10px;
  font-size: 14px;
}

#explanation strong {
  border: 2px solid; border-color: #e7909d; background-color: #e7909d;
  color: #ffffff;
}

#submenu:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#textarea:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#area2:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}