@media tty{
i{content:"\";/*" "*/}} @import url('ie5win.css');/*"}
}/* */

body:nth-of-type(1) #submenu ul.telephone {margin-left: 23%; margin-top: -1%;}
body:nth-of-type(1)  #submenu {margin-right: 1%; width: 650px;}

/* IE6, IE7 用ハック */
/*\*/
 * html h3{ margin-top:20px; }
 * html h2{ margin-top:20px; }
 * html blank200{ margin-top:0; }
 * html #sidenaviindex ul{margin-left:25px; 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; width: 560px;}
 * 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 #helloecotech {margin-bottom: 20px;}
 * html #submenu {padding-top: 10px; margin-right: 5px;}
 * html .news{margin-left: 70px; font-size:12px;}
 * html #pronavi {width: 230px;}
 * html ul.productinfo1 { margin-left: 3px;}
 * html ul.productinfo2 { margin-left: -30px; list-style: square;}
 * html ul.productinfo3 { margin-left: -20px;}
 * html #companymenu ul {margin-left: 20px;}
 * html ul#showcaselist li {margin-right: 20px;}
 * html #submenu ul.telephone {margin-left: 25%;}
 * html #submenu ul.submenu li {margin-left: 74%;}
*:first-child+html h3{ margin-top:20px; }
*:first-child+html h2{ margin-top:20px; }
*:first-child+html div.line{ margin-top: 70px;}
*:first-child+html #pronavi{ width:205px; }
*:first-child+html blank200{ margin-top:0; }
*:first-child+html #sidenaviindex ul{margin-left:25px; font-size:95%;}
*:first-child+html div.standalone ul{margin-left:1px; font-size:90%;}
*:first-child+html #contact ul{  font-size: 13px; margin-left: 20px; margin-top: 5px; list-style-type: none; }
*:first-child+html #contact2 ul{  font-size: 12px; margin-left: 15px; }
*:first-child+html .list{margin-left:20px; font-size:12px;}
*:first-child+html #submenu ul.telephone {margin-left: 40%; margin-top: -1px;}
*:first-child+html #submenu {padding-top: 10px; margin-right: 5px;}
*:first-child+html #submenu ul.submenu li {line-height: 12px;}
*:first-child+html #whatsnew{margin-top: 30px;}
*:first-child+html #whatsnew dl dd {margin: -1.2em 0 0 10em;}
*:first-child+html #helloecotech {margin-bottom: 20px;}
*:first-child+html #companymenu ul {margin-left: 20px;}
*:first-child+html #companycontent {padding-bottom: 60px;}
*:first-child+html #pronavi ul.productinfo1 {margin-left: 15px;}
*:first-child+html #pronavi ul.productinfo2 {margin-left: -32px; list-style: square;}
*:first-child+html #pronavi ul.productinfo2 li {list-style-image: none;}
*:first-child+html #pronavi ul.productinfo3 {margin-left: -40px;}
 html>/**/body #submenu {margin-right /***/: 10px9;}
 html>/**/body #submenu ul.telephone {margin-left /***/: 0%\9; margin-top: -5px\9;}
 html>/**/body #submenu ul.submenu li {	margin-left /***/: 75%\9;}
 html>/**/body #pronavi ul.productinfo2 li {list-style-image /***/: none\9; list-style: square\9; margin-left: 50px\9;}
 html>/**/body #pronavi ul.productinfo3 li {list-style /***/: none\9;}


/**/

body {
	margin: 0; padding: 0;
	background: #dcddee;
}

#mainarea {
	margin: auto;
	width: 825px;
	background: #ffffff;
}

#header {
	background: #30338d;
	height: 100px;
}

#logo {
	float: left;
	width: 90px;
	margin-left: 15px;
}

#submenu {
	float: right;
	margin-right: 10px;
}

#submenu ul.submenu li {
	line-height: 14px;
	list-style-image: url(../image/arrow.gif);
	margin-left: 80%;
}

#submenu ul li a{
	font-size: 10px;
	color: #ffffff;
}

#submenu ul.telephone {
	margin-top: -8px;
	color: #ffffff;
	font-size: 90%;
	margin-left: 35%;
	font-weight: bold;
}

#submenu ul.telephone li {
	list-style: none outside none;
	float: left;
	padding-right: 2em;
}

#textarea {
	background: #ffffff;
}

/* トップナビ */
#topnavi2 {
	margin: 0; padding: 0;
	bacground: ffffff; border: 1px solid #000000;
	}

#topnavi2 img {
	margin-top: 10px;
}

/* グローバルナビ */
#globalnavi, #globalnavi-e {
	margin: 0; padding: 0;
}

#globalnavi li {
	margin: 0; padding: 0;
	width: 117px;
	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, 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;
}

	/* グローバルナビの背景位置設定 */
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:119px;}
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;
}

.photoarea {
  float: left;
  width: 130px;
  }

.explanation {
  float: right;
  width: 400px;
  }

/* ---------------------------------------------------------------- *
	サムネイルリストの設定です
 * ---------------------------------------------------------------- */

ul#showcaselist {
  /* ★--- マージンを設定してください --- */
  margin: 0;
  /* ★--- パディングを設定してください --- */
  padding: 0;
}

ul#showcaselist li {
  /* --- 背景を設定してください（短縮プロパティでの設定です） --- */
  background: #FFFFFF;
  /* Note:サムネイルのリストアイテム（サムネイルとキャプションを囲むボックス）に関する設定です。 */
  /* ★--- マージンを設定してください --- */
  /* Note:float:left;をすでに設定しているため、左方向のマージンは0にし、右方向のマージンでリスト同士の間隔を調整してください */
  float: left;
  list-style-type: none;
  margin-right: 30px;
  margin-bottom: 60px;
  /* ★--- パディングを設定してください --- */
  /* Note:このオブジェクトはフロートさせるため、0と設定し、余白はさらに内側のボックスで設定いただくことをおすすめします */
  padding: 0;
  /* ★--- ボックスの幅と高さを設定してください --- */
  /* Note：ボックスからはみ出す分は出力されません；内容の量にに対して
           余裕をもって設定してください */
  width: 100px;
  height: 70px;
  /* ★--- 枠線の幅・線種・色を設定してください（短縮プロパティでの設定です）--- */
  border: 0px solid #EEEEEE;
/* ★Note:（このボックスの幅[width]＋左右線幅[border]＋右マージン[margin]）x １列のボックスの数　で算出される寸法が、#mainの横幅以内に収まるように設計してください */
}

/* ---------------------------------------------------------------- *
	サムネイル画像についての設定です
 * ---------------------------------------------------------------- */
div.showcase {
  /* --- 背景を設定してください --- */
  /* Note：パディングと組み合わせると，縁取りなどの効果が期待
           できます */
  background: transparent;
  /* --- 上下マージンを設定してください --- */
  margin-top: 0px;
  margin-bottom: 7px;
  /* --- パディングを設定してください --- */
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

/* ---------------------------------------------------------------- *
	説明キャプションについての設定です
 * ---------------------------------------------------------------- */

ul#showcaselist li p {
  /* マージンを設定してください */
  font-size: 11px;
  margin-top: -5px;
  margin-right: 0px;
  margin-bottom: 7px;
  margin-left: 0px;
  /* テキストの行の高さを設定してください */
  line-height: 1.3;
}
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;}

/* 会社案内のサイドメニュー・メインコンテンツ */
#companymenu {
	float: left;
	font-size: 90%;
	width: 160px;
}

#companycontent {
	float: right;
	width: 650px;
}

#pastnews {
	float: right;
	width: 650px;
}

#companycontent h1, #pastnews h1 {
	font-size: 130%;
	margin-top: 40px;
	text-shadow: 3px 4px 4px #999999;
	}

#companycontent h1, #pastnews h1 {
	padding-left: 15px;
	padding-bottom: 3px;
	margin-right: 10%;
	}

#pastnews h1.news {
	border-left: 1px solid #30338d;
	border-bottom: 3px solid #30338d;
	}

#companycontent h1.policy {
	border-left: 1px solid #a8183c;
	border-bottom: 3px solid #ff0000;
	}

#companycontent h1.outline {
	border-left: 1px solid #ffa500;
	border-bottom: 3px solid #ffa500;
	}

#companycontent h1.mainproducts {
	border-left: 1px solid #ffd700;
	border-bottom: 3px solid #ffd700;
	}

#companycontent h1.network {
	border-left: 1px solid #0000ff;
	border-bottom: 3px solid #0000ff;
	}

#companycontent h1.quality {
	border-left: 1px solid #165e83;
	border-bottom: 3px solid #165e83;
	}

#companycontent h1.example {
	border-left: 1px solid #9400d3;
	border-bottom: 3px solid #9400d3;
	}

#companycontent h1.custom {
	border-left: 1px solid #3cd345;
	border-bottom: 3px solid #3cd345;
	}

#companycontent h1.recruit {
	border-left: 1px solid #ffd453;
	border-bottom: 3px solid #ffd453;
	}

#companycontent h1.showcase {
	border-left: 1px solid #9400d3;
	border-bottom: 3px solid #9400d3;
	}

#companycontent h1.history {
	border-left: 1px solid #008000;
	border-bottom: 3px solid #008000;
	}

#companycontent dl {
	font-size: 12px;
	line-height: 23px;
	margin-left: 15px;
}

#companycontent dt {
	background-color: #E5E5E5;
	margin-right: 77%;
	padding: 3px 3px 3px 8px;
	}

#companycontent dd {
	margin-left: 150px;
	margin-top: -29px;
	margin-right: 40px;
	background-color: #F9F9F9;
	padding: 3px 3px 3px 8px;
	}

#hyou {background: url(../image/asyck_kyoto2.jpg) no-repeat; background-position: 320px 52px; height: 500px;} /*　会社概要　*/
#image{margin-left: 12%; margin-top:20px; font-size:12px;}	/* 用途不明 */

#companymenu ul {
	margin-left: -10px;
	margin-top: 50px;
	margin-right: 20px;
	list-style-type: none;
}

#companymenu ul li {
	padding: 8px;
	border: 1px solid #000000;
	margin-top: 5px;
}

#companymenu ul li a {
	display: block;
}

#companymenu ul li.policy {
	border-bottom: 1px solid #d3cfd2;
	border-left: 5px solid #ff0000;
}

#companymenu a:hover {
	text-shadow: 0px 4px 4px #dd45fc;
}

#companymenu ul li.outline {
	border-bottom: 1px solid #d3cfd2;
	border-left: 5px solid #ffa500;
}

#companymenu ul li.news {
	border-bottom: 1px solid #d3cfd2;
	border-left: 5px solid #30338d;
}

#companymenu ul li.mainproducts {
	border-bottom: 1px solid #d3cfd2;
	border-left: 5px solid #ffd700;
}

#companymenu ul li.history {
	border-bottom: 1px solid #d3cfd2;
	border-left: 5px solid #008000;
}

#companymenu ul li.network {
	border-bottom: 1px solid #d3cfd2;
	border-left: 5px solid #0000ff;
}

#companymenu ul li.quality {
	border-bottom: 1px solid #d3cfd2;
	border-left: 5px solid #165e83;
}

#companymenu ul li.example {
	border-bottom: 1px solid #d3cfd2;
	border-left: 5px solid #9400d3;
}

#companymenu ul li.custom {
	border-bottom: 1px solid #d3cfd2;
	border-left: 5px solid #3cd345;
}

#companymenu ul li.recruit {
	border-bottom: 1px solid #d3cfd2;
	border-left: 5px solid #ffd453;
}


/* 製品情報のサイドメニュー */
#pronavi {
	background: #ffffff;
	float: left;
	width: 220px;
	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;
	color: #000099;
	}

/* メインコンテンツ */
#procontent h4 {margin-top:-10px; color:#c1e4e9; background:#006e54; width:150px; text-align:center;}
#procontent th{text-align:left;}
#whatsnew{float:right; width:580px; margin-right:15px;}
#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;}
#pastnews dl {font-size:0.8em; margin: 1em 0 1em 3em; border-bottom: 1px dotted #000000; padding-bottom: 1em; width: 550px;}
#whatsnew dl dt, #pastnews 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;}
#pastnews dl dd {margin: -1.6em 0 0 7em;}
#whatsnew dl dd,#pastnews 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: left;
	width: 210px;
	margin: 26px 0 0 15px;
}

/* 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: 3px;
  margin-left: 15px;
  border: 2px dotted #30338d;
}

#contact2 h3 {
  font-size: 15px;
  margin-left: 10px;
  margin-top: 5px;
}

#contact2 ul {
  font-size: 12px;
  margin-top: -1px;
  padding-left: 5px;
  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:750px; 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; margin-top: -10px;}
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: 15px;
  margin-top: 25px;
  margin-left: 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: 15px;
  margin-left: 25px;
}

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;
}

#ordermenu {
	margin-top: 30px;
	margin-right: 72%;
	}

#ordermenu p.ordermenu2 {
	border: solid 1px #cfd45e;
	background-color: #ccffcc;
	margin-top: 2%;
	padding-left: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
	}

#ordermenu a:link {
	color: #006633;
	}

#ordermenu a:visited {
	color: #006633;
	}

#ordermenu a:hover {
	color: #009900;
	}

/* カスタム製品ページの設定 */
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;}

