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

/* 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 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;
}

#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: 114px;
	float: left;
	list-style-type: none;
}

#globalnavi-e li {
	margin: 0; padding: 0;
	width: 114px;
	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;と指定 --- */
	display: block;
  /* --- ナビゲーション１項目あたりの右側の境界線の線種と色と太さを指定（短縮プロパティでの設定です） --- */
  /* --- 色候補 --- border-right: 1px solid #30338d; #333399 #4b0082 */
	border-right: 1px solid #30338d;
  
  /* --- ナビゲーション１項目あたりのフォントの太さを指定 --- */
  font-weight: bold;
  font-size: 14px;
  
  line-height: 35px;
}

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

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

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

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

	/* グローバルナビの背景位置設定 */
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: 50% 0;}
li#gnavi-contact a:hover {background-position:50% -35px;}

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

/* カルーセル基本枠（詳細は、カルーセル用CSS参照） */
#wrapper{clear: both;}

/* バナーエリアの設定 */
#banner1{float: left; margin-top: 20px; margin-left: 25px;}
#banner2{float: right; margin-top: 20px; margin-right: 25px; width: 360px; height: 66px; display: block;}
#banner2 a {background: url(../image/switch/switch4mation.gif) no-repeat; display: block; text-align: center; line-height: 110px; font-size: 11px; color: #ff11ee;}
#banner2 a:hover{background: url(../image/switch/switch4-6.gif) no-repeat; display: block; color:#000000;}
#banner2 a:active{background: url(banner-2.png); display: block;  background-position: 100px -100px;}

/* 押しボタンスイッチの設定 */
#pushbuttonswitch {margin:40px 0 0 40px; background: url(../image/switch/maxbutton.png) no-repeat; background-position: 545px -10px;}
#pushbuttonswitch h1 {font-size: 150%; height: 52px; margin-top: 60px;}
#pushbuttonswitch h3 {font-size: 100%; border: 2px solid #000000; border-right: 0px; border-left: 0px; width: 500px; padding: 5px 0 5px 15px; font-weight: normal; margin-top: 40px;}
#pushbuttonswitch h4 {margin-left: 20px;}
#pushbuttonswitch table.pb-table {margin: -15px 0 0 20px;}
ul#pb-worry {list-style-image: url(../image/ball.gif); font-size: 13px;}
div.pb-contact {height: 31px; font-size: 14px; margin-bottom: 4px;}
#pushbuttonswitch table {font-size: 13px;}
.pb-top-left{border-top: 1px solid #000000; border-left: 1px solid #000000;}
.pb-top-left-bottom{border-top: 1px solid #000000; border-left: 1px solid #000000; border-bottom: 1px solid #000000;}
.pb-top-left-right{border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000;}
.pb-top-left-right-bottom{border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000;}

ul#pbswitch {
  /* --- ブース解説の写真サムネイル表示部分のマージン、パディング設定 --- */
  margin: 0; padding: 0;
}

ul#pbswitch li {
  /* --- ブース解説の写真サムネイル表示位置の設定 --- */
  margin-right: 10px; padding: 0;
  width: 700px;
  list-style: none;
}

div.pbswitch {
  /* --- ブース解説の写真サムネイル表示位置の設定 --- */
  background: transparent;
  margin-bottom: 7px; margin-left: 10px;
  padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0;
}

img.fig {
   margin-left: 30px;
}

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

/* 製品情報のサイドメニュー */
#pronavi {
	background: #ffffff;
	float: left;
	width: 210px;
	margin-left: 15px;
}

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

#hyou {float:left; width:450px;} /*　何の表？　*/
#image{float:right; width:330px; margin-top:20px; font-size:12px;}	/* 用途不明 */

/* メインコンテンツ */
#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 {
	clear: both;
	float: right;
	width: 210px;
	margin: 26px 0 20px 0;
}

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

/* フッター */
#helloecotech {
	clear: both;
	text-align: right;
	margin-right: 20px;
}

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

/* JAPAN SHOP 2009 ギャラリー設定 */
#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 {
  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;
}



#procontent img.print{margin-right:80px; margin-top:-35px;}

/* たぶん汎用可能なサムネイル設定 */
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;}

/* 微調整など細かい設定 */
.faxnum{margin-left:5%; color:#335599;}
.midashi{margin-left:3%; font-size:13px;}
.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;}

.news{margin-left: 30px; 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;}

div.jsphoto{margin-left:12px;}
div.thumb{background:transparent; margin-top:10px; margin-left:8px; margin-right:10px; padding-top:0; padding-right:0; padding-bottom:0; padding-left:30px;}

a{text-decoration:none;}
b{color:#000050;}

p.menu{font-size:13px; text-align:center; margin-top:38px;}
p.menu2{font-size:13px; margin-top:35px; margin-left:15px;}
p.promenu2{font-size:13px; margin-top:35px; margin-left:15px;}
p.menu3{font-size:13px;}
p.menu4{font-size:12px;}
p.copy{font-size:11px; color:#ffffff; font-family:sans-serif;}
p.privacy{font-size:12px; margin-left:40px; margin-top: 30px;}
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%; margin-right:20%;}
p.explain5{font-size:13px; margin-left:5%; margin-right:10%;}
p.explain6{font-size:13px; margin-left:1%; margin-right:10%;}
p.explain-order{font-size:13px; margin-right:50px;}
p.policy{font-size:12px; margin-left:5%; margin-right:11%;}

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;}
.fsize{font-size:12px;}



img.menu{margin-top:53px;}
img.logo{margin-top:12px;}
img.banner{margin-top:18px; margin-left:430px;}
img.jsphoto{margin-left:13px; margin-top:13px; width:100px;}
img.photo{margin-left:30px;}
img.photo2{margin-left:5px;}
img.solar{margin-top: 10px;}

/* 注文ページのテーブルのセルごとの背景色設定 */
tr.back {background-color: #e6e6fa;}
tr.item{background-color:#ccccff;}
td.wakuleft{background-color:#dcddee; width:93px;}

/* 注文ページ用サイドメニュー設定 */
#sidenaviindex {
  /* --- サイドメニュー全体の設定 --- */
  font-size: 80%;
  padding: 0;
  margin: 0;
  display: inline;
}

#sidenaviindex ul {
  /* --- リストマーク・パディングのリセット --- */
  list-style: none outside;
  padding: 0;
  margin-right: 35px;
  margin-top: 25px;
}

#sidenaviindex ul.sidenavimenu {
  /* --- サイドメニュー全体のボーダー設定 --- */
  border-top: 1px solid #333399;
  border-right: 1px solid #333399;
  border-bottom: 5px solid #333399;
  border-left: 1px solid #333399;
}

#sidenaviindex ul.sidenavimenu li {
  /* --- サイドメニューリストの位置設定・枠設定・行間設定・フォント設定・背景色設定 --- */
  padding-left: 15px; padding-right: 15px;
  border-bottom: 1px solid #333399;
  line-height: 16px;
  font-size: 1.1em;
  font-weight: bold;
  background-color: #ffffff;
}

#sidenaviindex ul.sidenavimenu li ul {
  /* --- サイドメニューリストの入れ子部分のマージンリセット --- */
  margin: 0;
}

#sidenaviindex ul.sidenavimenu li ul li {
  /* --- サイドメニューリストの個別型番の位置設定・枠設定・フォント設定 --- */
  padding-left: 1em;
  font-size: 0.9em;
  font-weight: normal;
  font-family: sans-serif;
  border-top: 1px dotted #333399;
  border-bottom: none;
}

#sidenaviindex ul.sidenavimenu li.nowchoice1 {
  background: #99cc99;
}

#sidenaviindex ul.sidenavimenu li.nowchoice2 a {
  color: #cc3366; font-weight: bold;
}

#sidenaviindex ul.sidenavimenu li.category1 {
  /* --- サイドメニューリストの見出し設定 --- */
  background: #333399;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
}

#sidenaviindex ul.sidenavimenu li.category2 {
  /* --- サイドメニューリストの最後の要素のボーダーの重なり削除 --- */
  border-bottom: none;
}

div.standalone {
  /* --- 単独のサイドメニューリスト用 --- */
  font-size: 90%;
  margin-right: 35px;
}

div.standalone ul {
  /* --- 単独のサイドメニューリスト用リスト設定 --- */
  list-style: none outside;
  margin-top: 10px;
  padding: 0;
  background: #e6e6fa;
  line-height: 20px;
  text-align: center;
  font-weight: bold;
}

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;
}

img.fig {
   margin-left: 30px;
}

/* カスタム製品ページの設定 */
ul#menuicon {
  /* --- カスタム製品ページトップのメニューのマージン、パディング設定 --- */
  margin: 0; padding: 0;
}

ul#menuicon li {
  /* ---  カスタム製品ページトップのメニューアイコンの表示位置の設定 --- */
  margin-right: 10px; padding: 0; margin-left: 30px; margin-top: 20px;
  width: 700px; list-style: none; line-height: 2; letter-spacing: 5px;
}

div.custommenu {
  /* ---  カスタム製品ページトップの表示位置の設定 --- */
  background: transparent; margin-bottom: 20px; margin-left: 20px;
  padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0;
}

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

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

div.words {
  /* ---  カスタム製品ページトップの表示位置の設定 --- */
  background: transparent; margin-bottom: 20px; margin-left: 20px;
  padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0;
}

/* プレスリリース、お知らせ用設定 */
div#release h2 {
  font-size: 15px;
  color: #30338d;
  margin-left: 50px;
}

div#release h3 {
  font-size: 13px;
  color: #30338d;
  margin-left: 50px;
}

div#release p.releasehonbun {
  font-size: 13px;
  margin-left: 50px;
  width: 600px;
  text-align: justify;
}

div#release p.releasedate {
  font-size: 11px;
  text-align: right;
  margin-right: 15%;
  margin-top: -25px;
}

div#release img {
  margin-left: 50px;
}

div#release img.prize {
  /* 賞状の枠（擬似額縁）　#b8860b #daa520 #ffcc33 #cc9933 #deb887 #ffa500 663300 #000033 */
  border: 20px ridge #663300;
}

#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;}