@charset "utf-8";

@import url(http://www.ihi-shibaura.com/css/common.css);
@import url(http://www.ihi-shibaura.com/css/fontsize.css);
@import url(green_style.css);

body{background:url(/img/back.gif) repeat-y center top #666666;}


/*++++++++++ page layout ++++++++++*/
#content{
	background:url(/img/content_back.gif) repeat-y left top;
	}

@media print{
	#content{
		background:none;
		}
	}

#content-header{background:#FFFFFF;}

#flash-box{
	width:740px;
	height:240px;
	overflow:hidden;
	}

#leftbox{
	text-align:center;
	}

#leftbox-inner{
	width:200px;
	margin:5px 5px 30px 5px;
	text-align:left;
	}

#green-index{
	/*width:525px;*/
	margin:5px 0 10px 0;
	}

#green-inner{
	/*width:515px;*/
	margin:5px 0 10px 10px;
	}




/*++++++++++ header ++++++++++*/
#header-left{
	}

#header-title{
	position:absolute;
	top:0;
	left:244px;
	width:200px;
	height:44px;
	overflow:hidden;
	}

#header-title a{
	position:absolute;
	top:20px;
	left:5px;
	width:200px;
	height:24px;
	background:url(../img/header_green_title.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
	}

	

/*++++++++++ crumb ++++++++++*/
#crumb{
	padding:2px 0 0 5px;
	font-size:85%;
	line-height:200%;
	border-bottom:1px solid #999999;
	background:url(/img/crumb_back.gif) repeat-x left top #FFFFFF;
	color:#333333;
	}

#crumb a:link,
#crumb a:visited{color:#666666; text-decoration:none;}
#crumb a:hover{color:#333333; text-decoration:underline;}


/*++++++++++ sidemenu ++++++++++*/
div.sidemenu-box{
	position:relative;
	/*width:196px;*/
	border:1px solid #999999;
	padding:1px 1px 10px 1px;
	background:#FFFFFF;
	}

#side-title-box{
	position:relative;
	width:196px;
	height:27px;
	overflow:hidden;
	margin-bottom:10px;
	}

div.sidemenu-box #side-title-box h2 a{
	position:absolute;
	top:0;
	left:0;
	width:196px;
	height:27px;
	background:url(../img/side_title_h2.gif) no-repeat left top;
	text-indent:-9999px;
	}

div.sidemenu-box h3{
	margin:5px 0 5px 8px;
	}

* html div.sidemenu-box h3{
	}

div.sidemenu-box hr{
	border-top:1px solid #999999;
	border-bottom:none;
	border-left:none;
	border-right:none;
	width:190px;
	height:1px;
	margin:10px 3px;
	}

* html div.sidemenu-box hr{
	margin:0 3px;
	}

ul.side-navi{
	margin:0 10px;
	padding:0;
	}

ul.side-navi li{
	background:url(/img/sidemenu_arrow.gif) no-repeat left 4px;
	margin:0;
	padding:0 5px 5px 10px;
	line-height:140%;
	}

* html ul.side-navi li{
	background:url(/img/sidemenu_arrow.gif) no-repeat left 3px;
	}

ul.side-navi li a:link,
ul.side-navi li a:visited{text-decoration:none; color:#000000;}
ul.side-navi li a:hover{text-decoration:underline; color:#FF6600;}

ul.side-navi li a.active:link,
ul.side-navi li a.active:visited{font-weight:bold; text-decoration:none; color:#000000;}
ul.side-navi li a.active:hover{font-weight:bold; text-decoration:underline; color:#FF6600;}

ul.side-submenu{
	margin:0 3px;
	}

ul.side-navi li ul.side-submenu li{
	background:url(/img/sidemenu_arrow2.gif) no-repeat left 3px;
	margin:8px 0;
	padding:0 5px 0 10px;
	font-size:88%;
	line-height:100%;
	}

* html ul.side-navi li ul.side-submenu li{
	font-size:86%;
	background:url(/img/sidemenu_arrow2.gif) no-repeat left 2px;
	}

ul.side-navi li ul.side-submenu li.subcategory{
	font-size:86%;
	font-weight:bold;
	background:none;
	margin-left:-10px;
	}

ul.side-submenu li a:link,
ul.side-submenu li a:visited{text-decoration:none; color:#000000;}
ul.side-submenu li a:hover{text-decoration:underline; color:#FF6600;}





/* sidemenu 2010.09.03
++++++++++++++++++++++++++++++*/
#green-side-box{
	width:198px;
	border:1px solid #999999;
	background:#FFFFFF;
	}
#green-side-box-inner{
	width:196px;
	border:1px solid #FFFFFF;
	}

#green-side-box #green-side-box-inner h2{margin:0; padding:0; width:196px; height:27px; overflow:hidden;}

#green-side-box-inner div.sidemenu-box-inner{
	margin:1em 10px;
	padding-top:1em;
	border-top:1px solid #CCCCCC;
	}

#green-side-box-inner div.sidemenu-box-inner h3{
	font-size:100%;
	line-height:140%;
	margin:0 0 0.5em 0;
	}
#green-side-box-inner div.sidemenu-box-inner h3 a{text-decoration:none; color:#000000;}
#green-side-box-inner div.sidemenu-box-inner h3 a:hover{text-decoration:underline; color:#FF6600;}

#green-side-box-inner div.sidemenu-box-inner ul{
	margin:0;
	padding:0;
	}

#green-side-box-inner div.sidemenu-box-inner ul li{
	background:url(../product/img/arrow_brown.gif) no-repeat left 4px;
	margin:0 0 0.5em 0;
	padding:0 0 0 10px;
	line-height:140%;
	}
#green-side-box-inner div.sidemenu-box-inner ul.arrow-orange li{
	background:url(/img/sidemenu_arrow.gif) no-repeat left 4px;
	}
#green-side-box-inner div.sidemenu-box-inner ul li a{text-decoration:none; color:#000000;}
#green-side-box-inner div.sidemenu-box-inner ul li a:hover{text-decoration:underline; color:#FF6600;}



/* green product index 2010.09.03
++++++++++++++++++++++++++++++*/
#green-product-index{
	/*width:515px;*/
	margin:5px 0 10px 10px;
	}

#green-product-index h2{
	margin:0 0 1em 0;
	padding:0 0 0 5px;
	font-size:110%;
	line-height:140%;
	border-left:5px solid #663300;
	}

#green-product-index #product-category-box{
	margin:0 0 1.5em 0;
	padding:1em;
	background:#F3F3F3;
	}

#green-product-index #product-category-box p{
	line-height:160%;
	}

#green-product-index #product-category-box ul#category-list{
	}
#green-product-index #product-category-box ul#category-list li{
	list-style:disc outside;
	width:230px;
	margin:0;
	padding:0;
	background:none;
	float:left;
	display:inline;
	}

#green-product-index div.green-product-index-inner{
	margin:0 0 1.5em 0;
	padding:0.5em 1em;
	border:1px solid #CCCCCC;
	}

#green-product-index div.green-product-index-inner h3{
	font-size:100%;
	line-height:180%;
	margin:0 0 0.5em 0;
	padding:0 0 0 8px;
	border-bottom:1px dotted #CCCCCC;
	background:url(../product/img/arrow_brown.gif) no-repeat left center;
	}
#green-product-index div.green-product-index-inner h3 a{text-decoration:none; color:#000000;}
#green-product-index div.green-product-index-inner h3 a:hover{text-decoration:underline; color:#FF6600;}

#green-product-index div.green-product-index-inner h4{
	font-size:100%;
	line-height:160%;
	font-weight:normal;
	color:#666666;
	margin:0 0 0.2em 0;
	}

#green-product-index div.green-product-index-inner ul{
	margin:0 0 1em 0;
	}
#green-product-index div.green-product-index-inner ul li{
	list-style:disc outside;
	margin:0 0 0.2em 20px;
	}





/* green product category 2010.09.06
++++++++++++++++++++++++++++++*/
#green-product-index div.green-product-subcategory-box{
	margin:0 0 2em 0;
	padding:0;
	}

#green-product-index div.green-product-subcategory-box h3{
	font-size:100%;
	line-height:160%;
	color:#CC0000;
	margin:0 0 0.2em 0;
	padding:0 0 0.2em 0;
	border-bottom:1px dotted #999999;
	}
#green-product-index div.green-product-subcategory-box p{
	font-size:100%;
	line-height:160%;
	margin:0 0 0.2em 0;
	padding:0;
	}

#green-product-index div.green-product-subcategory-box div.thumbnail-box{
	width:102px;
	margin:0 10px 1em 0;
	font-size:90%;
	line-height:140%;
	text-align:center;
	overflow:hidden;
	float:left;
	display:inline;
	}
#green-product-index div.green-product-subcategory-box div.thumbnail-box img{
	margin:0 0 0.2em 0;
	border:1px solid #CCCCCC;
	display:block;
	}




/* green product individual 2010.09.03
++++++++++++++++++++++++++++++*/
#green-product-box{
	/*width:515px;*/
	margin:5px 0 10px 10px;
	}

#green-product-box h2{
	margin:0 0 1em 0;
	padding:0 0 0 5px;
	font-size:110%;
	line-height:140%;
	border-left:5px solid #663300;
	}

#green-product-box h3{margin:0 0 0.5em 0; padding:0;}

#green-product-box p{margin:0 0 2em 0; padding:0; line-height:160%;}
#green-product-box p.photo-caption{text-align:center; font-size:85%;}
#green-product-box p.photo-caption img{margin:0;}

#green-product-box ul.feature-list{margin:0 0 1em 0;}
#green-product-box ul.feature-list li{
	list-style:disc outside;
	margin:0 0 1em 25px;
	line-height:160%;
	}
#green-product-box ul.feature-list li.pdf-dl{
	list-style:none;
	background:url(/img/icon_pdf.gif) no-repeat left center;
	margin:0 0 1em 0;
	padding-left:15px;
	}

#green-product-box table.spec-table{
	margin:0 0 1em 0;
	width:100%;
	border-collapse:collapse;
	}
#green-product-box table.spec-table caption{
	font-size:86%;
	line-height:160%;
	text-align:left;
	}
#green-product-box table.spec-table th{
	padding:5px;
	font-size:86%;
	line-height:160%;
	font-weight:normal;
	text-align:center;
	background:#F3F3F3;
	border:1px solid #999999;
	}
#green-product-box table.spec-table th a{color:#000000; text-decoration:none;}
#green-product-box table.spec-table th a:hover{color:#0000FF; text-decoration:underline;}

#green-product-box table.spec-table td{
	padding:5px;
	font-size:86%;
	line-height:160%;
	text-align:center;
	border:1px solid #999999;
	}

#green-product-box #green-product-contact-box{
	position:relative;
	width:515px;
	height:80px;
	overflow:hidden;
	margin:3em 0 2em 0;
	}
#green-product-box #green-product-contact-box img{display:block;}
#green-product-box #green-product-contact-box #contact-button01{
	position:absolute;
	top:36px;
	left:50px;
	width:195px;
	height:32px;
	}
#green-product-box #green-product-contact-box #contact-button02{
	position:absolute;
	top:36px;
	left:270px;
	width:195px;
	height:32px;
	}