@charset "UTF-8";
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #000 url(images/bg_body.gif);
	font-size:0.8em;
	color:#ccc;
	line-height:1.5;
}
body,h1,h2,h3,h4,h5,h6,p {
	margin:0;
	padding:0;
}
:focus {
	outline: 0;
}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */

/*for Dreamweaver view */
.clearfix {overflow:hidden;}

a img{
border:none;
}
a{
text-decoration:none;
color:#9c6;
}
a:hover{
color:#FF6600;
}
.arrowlink{
	background: url(images/arrow_over.gif) no-repeat left center;
	padding-left:12px;
	color:#9c6;
}
.smallFont{
	font-size:0.8em;
}
.largeFont{
	font-size:1.2em;	
}
#wrapper {
	background: #000 url(images/bg_top.gif) repeat-x;
	margin: 0px auto;
	width: 800px;
	min-height:500px;
}
#header {
	padding-top: 20px;
}
h1 {
	width: 260px;
	margin-left: 30px;
	float: left;
}
h3{
	color:#c8c6af;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #333;
	padding:5px;
}
#header ul{
	list-style:none;
	margin:17px 0 0 0;
	padding:0;
	width:490px;
	float:right;
}
#header li{
	float:left;
	margin-right:20px;
}
#navHome{
	width:72px;
}
#navCompany{
	width:88px;
}
#navProduct{
	width:89px;
}
#navContact{
	width:153px;
}
#navHome a{
	display:block;
	width:72px;
	height:30px;
	background:url(images/menu.gif) no-repeat 0px 0px;
	text-indent:-999em;
}
#navCompany a{
	display:block;
	width:88px;
	height:30px;
	background:url(images/menu.gif) no-repeat -92px 0px;
	text-indent:-999em;
}
#navProduct a{
	display:block;
	width:89px;
	height:30px;
	background:url(images/menu.gif) no-repeat -200px 0px;
	text-indent:-999em;
}
#navContact a{
	display:block;
	width:153px;
	height:30px;
	background:url(images/menu.gif) no-repeat -309px 0px;
	text-indent:-999em;
}
#navHome a:hover{
	background:url(images/menu.gif) no-repeat 0px -60px;
}
#navCompany a:hover{
	background:url(images/menu.gif) no-repeat -92px -60px;
}
#navProduct a:hover{
	background:url(images/menu.gif) no-repeat -200px -60px;
}
#navContact a:hover{
	background:url(images/menu.gif) no-repeat -309px -60px;
}

#navHome a.current{
	background:url(images/menu.gif) no-repeat 0px -30px;
}
#navCompany a.current{
	background:url(images/menu.gif) no-repeat -92px -30px;
}
#navProduct a.current{
	background:url(images/menu.gif) no-repeat -200px -30px;
}
#navContact a.current{
	background:url(images/menu.gif) no-repeat -309px -30px;
}
#flash{
	margin-top:20px;
}
#footer{
	margin-top:20px;
	background: url(images/bg_footer.gif) repeat-x;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
#footer a {
	font-size: 12px;
	color: #777;
}
#contents{
	margin:20px 0px 0px 0px;
	padding:0 30px;
}
#pageTitle{
	margin-bottom:20px;
}
#companyPhoto{
	float:left;
	width:240px;
	padding-top:15px;
}
#companyPhoto p{
	text-align:center;
	font-size:0.9em;
	margin-bottom:30px;
}
#companyPhoto img{
	margin-bottom:10px;
}
#company{
	float:right;
	width:460px;
	border-collapse:collapse;
}
#company th{
	padding:15px 15px 7px 0;
	white-space: nowrap;
	font-weight: normal;
	text-align: left;
	border-bottom:1px solid #333;
	vertical-align:top;
}
#company td{
	padding:15px 0px 7px 0;
	vertical-align:top;
	border-bottom:1px solid #333;
}
.product{
	margin:30px 0 0 0px;
}
.product ul{
	margin:0;
	padding:0;
}
.product li{
	width:220px;
	height:220px;
	float:left;
	list-style:none;
	margin:0 25px 0 0px;
	text-align:center;
}
.product img{
	margin-bottom:0.5em;	
}
#productDesc{
	display:none;
}

.descPhoto{
	margin:20px 0 0 0;
	text-align:center;
}
.descTitle{
	margin:20px 0 0 0;
	text-align:center;
	color:#007;
}
.descPrice{
	margin:20px 0 0 0;
}
.descPrice table{
	border-collapse:collapse;
	border:1px solid #ddd;
	width:440px;
	margin:0 auto;
}
.descPrice td{
	border:1px solid #ddd;
	padding:3px;
}
.descPrice th{
	border:1px solid #ddd;
	padding:3px;
	background:#007;
	color:#fff;
}
.cellCode{
	text-align:center;
	width:80px;
}
.cellName{
	text-align:center;
}
.cellPrice{
	text-align:right;
	width:60px;
}

.description{
	margin:20px auto 20px auto;
	padding:10px;
	border:1px #ccc solid;
	background:#ddd;
	width:440px;
	color:#333;
}
.description p{
	margin-bottom:0.5em;
}
.description a{
	color:#007;
}
.description a:hover{
	color:#f60;
}
.hanbai {
	font-size:0.7em;
	text-align:right;
}
.hanbai2 {
	font-size:0.8em;
	text-align:right;
}
#contact{
	float:right;
	width:460px;
	min-height:300px;
	margin:20px 0 0 0;
}
#contact p{
	margin: 0 0 20px 0;
}
#contact strong{
	font-size:16px;
	font-weight:bold;
	color:#fff;
}
/*contactTable*/
#contactTable {
	
}
#contactTable dl{
	margin:0 0 15px 0;
	padding:0;
}
#contactTable dt{
	float:left;
	width:100px;
}
#contactTable dd{
	float:right;
	width:320px;
}
.inputText{
	width:200px;
	border:1px solid #ccc;
	font-size:14px;
	padding:3px;
	color:#333;
}
.inputTextarea{
	width:300px;
	border:1px solid #ccc;
	font-size:14px;
	padding:3px;
	color:#333;
}
.formAlert{
	padding-left:10px;
	color:#C00;
	font-size:0.8em;
}
.submitButton{
	padding:10px 0;
	text-align:center;
}
#hp{
	float:right;
	width:460px;
	min-height:300px;
	margin:20px 0 0 0;
}
#hp dl,#hp dt,#hp dd{
	margin:0;
	padding:0;
}
#hp dl{
	margin-bottom:20px;
}
#hp dt{
	float:left;
	width:160px;
}
#hp dd{
	float:right;
	width:280px;
}
#catalog{
	padding:20px;
	margin:20px;
	border:1px solid #777;
	background:#222
}
#catalog h4{
	font-size:1.2em;
	text-align:center;
	margin-bottom:10px;
}

#catalog p{
	float:left;
	width:240px;
	margin-right:20px;
}
#catalog ul{
	margin:0;
	padding:0;
	width:140px;
	margin-right:10px;
	float:left;
	list-style:none;
}
#catalog li{
	padding-right:10px;
	font-size:0.8em;
}
#news{
		padding:20px 20px 0 20px;
}
.titleNews{

}
.date{
	font-family: Arial, Helvetica, sans-serif;	
	color:#aaa;
}
#news ul{
	font-size:1.1em;
	color:#fff;
	marign:0;
	padding:0;
	list-style:none;
}
#news li{
	margin-bottom:10px;
	border-bottom:1px dotted #777;
	padding-bottom:5px;
}
.backnumber{
display:none;	
}