@charset "UTF-8";
/* CSS Document */
@import url("../basic.css");

div#main p.mainimage {
	background:none;
padding-bottom: 0px;
}

div#contents {
width: 535px;
float: right;
}


div#submenu {
width:235px;
background: url(../img/bg_banner.gif);
}
div#submenu ul li.material{
	margin-top:5px;
	padding-top: 7px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}

div#contents h1 {
	background: url(img/bg_stitle.gif) repeat-x left bottom;
	font-weight: bold;
	color: #639;
	}
div#contents h2{
	padding-bottom: 2px;
	padding-top: 2px;
	font-weight: bold;
	margin-bottom: 10px;
	border-left-width: 6px;
	border-left-style: solid;
	padding-left: 7px;
	border-left-color: #63C;
	}
/* products */
div#contents p.photos{
	padding:10px 0;}
div#contents p.photos img{
	border: 1px solid #CCC;
	margin: 2px;
	}
div#contents ul.ohaka li{
	display:inline;
	}
div#contents ul.ohaka li img{
	padding-right:5px;
	}
/* material */
div#contents table {
	margin: 10px auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
}
div#contents table th {
	background-color: #F8F8F8;
	width: 8em;
	padding-right: 3px;
	padding-left: 7px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	font-weight: bold;
	width: 7em;
	padding: 5px;
	width:120px;
}
div#contents table td {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding: 2px 8px 2px 8px;
	line-height:160%;
	vertical-align:top;
	font-size:90%;
	padding-left:15px;
	padding-top:13px;
}
div#contents table th {
	padding-top: 5px;
	font-weight: bold;
	text-align:center;
	color:#FFF;
	background-image: url(img/bg_heading.gif);
}
div#contents table th a {
	font-weight: bold;
	color:#FFF;
	}
div#contents table th a:hover{
	color:#FF6;
}
/* map */
div#contents div#gmap {
	width:530px;
	margin-right:auto;
	margin-left:auto;
}
div#contents div#gmap h1{
	font-weight: bold;
	color: #600;
	text-align: center;
	font-size: 140%;
	}
div#contents div#map {
	margin-bottom:20px;
	}
/* material_detail */
div#contents div.mdetail p{
	line-height:160%;
	padding-bottom:15px;}
div#contents div.mdetail p img{
	float:left;
	border:none;
	}
div#contents div.mdetail h3{
	clear:both;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	padding-top: 10px;
	font-weight: bold;
	color: #663;
}
/* future */
div#contents div.future h2{
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	}
/* type */
div#contents div.type p.logo img{
	border:none;
	padding-bottom:10px;
	padding-left:10px;
	}
div#contents div.type dl{
	clear:both;
}
div#contents div.type dt{
	font-weight: bold;
	color: #990;
	padding-top:20px;
	padding-bottom:2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom: 10px;
}
div#contents div.type dd{
	line-height:160%;
		
}
div#contents div.type dd img{
	float:left;
	padding-right:10px;
		
}
div#contents div.type h2{
	clear:both;
	margin-top:20px;
	}