@charset "utf-8";

/*=====initial setting=====*/
html,body,h1 {margin:0;padding:0;}
p,pre,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd {padding:0;}
a img {border:0;}
img {vertical-align:bottom;}/*画像ボタンの下余白をなくす*/

/*=====font setting=====*/
body {
	background:#fff;
	color:#333;
	font-size:100%;
	line-height:135%;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", Arial, Helvetica, Verdana,sans-serif;
}

h1 {font-size:138.5%;}
h2 {font-size:131%;}
h3 {font-size:123.1%;}
h4 {font-size:116%;}
h5 {font-size:108%;}
h6 {font-size:100%;}
p {font-size:93%;}
li {font-size:93%;line-height:1.7;}
dt {font-size:93%;font-weight:bold;}
dd {font-size:93%;line-height:1.5;}
td,th {
	font-size:93%;
	line-height:1.5;
	text-align: left;
}
caption {font-size:85%;}
em {font-style: italic;}
pre,code,kbd,samp,tt {font-family:monospace; font-size:93%; line-height:1.0;}


/*=====link style=====*/
a:link { color: #528712;text-decoration: underline;}
a:visited { color: #528712;text-decoration: underline;}
a:hover { color: #9c6;text-decoration: underline;}
a:active { color: #9c6;text-decoration: none;}


/*=====base layout=====*/

/*コンテンツが真ん中*/
body{
	text-align:center;/*IE対策*/
	}
#container {
	margin:0 auto;
	text-align:center;/*IE対策*/
	}
#inner {
	margin:0 auto;
	text-align:left;/*IE対策*/
	}


/*コンテンツの横幅*/
#container {width:765px;}
#inner,#header,#content,#footer {width:752px;}

/*全体の背景*/
#container {background:url("../images/header_bk.jpg") right top no-repeat #fff;}
#footer {background:url("../images/footer_bk.jpg") left bottom no-repeat;}


/*メインコンテンツの中にコラムを作る時の設定*/
#content:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#content { display: inline-block; text-align:left;}/*ここまでクリアハック*/

/*#main {float:right;width:550px;}*/
/*#sub {float:left;width:200px;}*/


/*ヘッダー部分*/
#header {
	height:54px;
	}
#header h1{
	width:300px;
	float:left;
	margin:16px 0 0 0;
	}
#header .catchcopy {
	float:right;
	text-align:right;
	font-size:11px;
	line-height:135%;
	margin:14px 8px 0 0;
	}


/*グローバルナビ*/
#globalNavi {
	margin-bottom:8px;
	/* margin-bottom:0px\9; IE8対策*/
	/* _margin-bottom:8px; IE6対策*/
	}
#globalNavi ul {margin:0;}
#globalNavi li {list-style:none; float:left;}
#globalNavi li:first-child { border-left: none;}
#globalNavi a {text-decoration: none;}

#globalNavi ul:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#globalNavi ul { display: inline-block; }/*ここまでクリアハック*/


/*メインイメージまたはフラッシュ*/
#mainImg {}

/*メインコンテンツ部分*/
#content {
	margin:20px 0 0 0;
	}


/*トップページ*/
.toppage #news {
	float:left;
	width:300px;
	height:340px;
	margin:0 0 15px 20px;
	/* _margin:0 0 15px 10px; IE6対策*/
	background:url("../../images/news_bk_b.gif") 0px 28px no-repeat;
}

.toppage #product {
	float:left;
	width:190px;
	height:340px;
	margin:0 0 15px 15px;
	background:url("../../images/products_bk.gif") 0px 28px repeat-x;
	text-align:center;
}
.toppage #product a {display:block;margin-top:7px;}

.toppage #download {
	float:left;
	width:190px;
	height:160px;
	margin:0 0 20px 15px;
	background:url("../../images/download_bk.gif") 0px 28px repeat-x;
	text-align:center;
}
.toppage #download a {display:block;margin-top:10px;}

.toppage #service {
	float:left;
	width:190px;
	height:165px;
	margin:0 0 0 15px;
	background:url("../../images/service_bk.gif") 0px 28px repeat-x;
	text-align:center;
}
.toppage #service a {display:block;margin-top:7px;}

.toppage #itemlist {
	clear:left;
	width:712px;
	margin:0 0 15px 20px;
	padding-bottom:1px;
	/* *padding-bottom:6px; IE7対策*/
	background:#d3d3d3;
}
.toppage #itemlist ul {
	height:120px;
	margin:0 1px;
	padding:0;
	background:url("../../images/list_bk_b.jpg") repeat-x #f0f0f0;
	border:solid 1px #fff;
}
.toppage #itemlist li{
	list-style:none;
	float:left;
	width:200px;
	margin:12px 0 0 23px;
	padding:0;
}
.toppage #itemlist li a{
	display:block;
	padding:0 0 0 25px;
	background:url("../../images/list_point.gif") no-repeat;
	font-size:12px;
	font-weight:bold;
	line-height:1.2;
	}
.toppage #itemlist li a:link{color:#11337A;text-decoration:none;}
.toppage #itemlist li a:visited{color:#11337A;text-decoration:none;}
.toppage #itemlist li a:hover{color:#369;text-decoration:none;}

.toppage #itemlist ul:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.toppage #itemlist ul { display: inline-block; }

/*フッター部分*/
#footer {text-align:center;}

#footNavi {
	padding:10px 0 10px 0;
	/* *padding:30px 0 10px 0; IE7対策*/
	/* *width:78%; IE7対策*/
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	}
#footNavi a {
	text-decoration: none;
	float:left;
	border-left:solid 1px #528712;
	font-size:12px;
	line-height:1;
	padding:1px 5px 0 5px;
	margin-left:-1px;
	}

#footNavi:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#footNavi { display: inline-block;}

#copyright {
	font-size:12px;
	padding:8px 0 0 0;
	border-top:solid 1px #999;
	}

/*Itemlist1 Orange 注目製品部分*/
.toppage #itemlist1 {
	clear:left;
	width:712px;
	margin:0 0 15px 20px;
	padding-bottom:1px;
	/* *padding-bottom:6px; IE7対策*/
	background:#d3d3d3;
}
.toppage #itemlist1 ul {
	width:712px;
	height:50px;
	margin:0 1px;
	padding:0;
	background:url("../../images/list_bk_b1.jpg") repeat-x #f0f0f0;
	border:solid 1px #fff;
}
.toppage #itemlist1 li{
	list-style:none;
	float:left;
	width:200px;
	margin:12px 0 0 23px;
	padding:0;
}
.toppage #itemlist1 li a{
	display:block;
	padding:0 0 0 25px;
	background:url("../../images/list_point1.gif") no-repeat;
	font-size:12px;
	font-weight:bold;
	line-height:1.2;
	}
.toppage #itemlist1 li a:link{color:#F14E00;text-decoration:none;}
.toppage #itemlist1 li a:visited{color:#F14E00;text-decoration:none;}
.toppage #itemlist1 li a:hover{color:#369;text-decoration:none;}

.toppage #itemlist1 ul:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.toppage #itemlist1 ul { display: inline-block; }