@charset "utf-8";

/* --------------------------------------------------
	行頭を表示するときは「##」で検索してください。
-------------------------------------------------- */

/* --------------------------------------------------
	##基本設定
-------------------------------------------------- */
* html{filter: expression(document.execCommand("BackgroundImageCache",false,true));}

/* body */
html,body{height:100%;}
body{
	margin:0;
	padding:0;
	line-height:1.5;
	color:#4d4d4d;
	font-size:12px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	text-align:center;
}

/* IE6用 */
* html body {
	font-size:75%;
}

/* IE7用 */
*:first-child+html body {
	font-size:75%;
}

/* タイトル */
h1,h2,h3,h4,h5,h6{
	margin:0;
	line-height:1.2;
	font-size:100%;
}

/* テーブル・ボックス */

/* イメージ */
img,
a img{border:0;}

/* フォーム */
form{
	margin:0;
	padding:0;
}

/* 段落 */
p{
	margin:0;
	padding:0;
}

/* リンク */
a{
	color:#4d4d4d;
}
a:hover{
	color:#f00;
}

/* --------------------------------------------------
	##header
-------------------------------------------------- */
#header{
	margin:0 auto;
	width:940px;
	height:80px;
	position:relative;
	text-align:left;
}
#header h1{
	position:absolute;
	top:2px;
	left:5px;
	width:750px;
	color:#626262;
	font-weight:normal;
	z-index:1;
}
#logo{
	position:absolute;
	top:34px;
	left:4px;
	width:113px;
	height:37px;
	z-index:2;
}
#h-list1{
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	right:0;
	z-index:3;
	width:auto;
}
#h-list1 li{
	margin:0 0 0 6px;
	padding:0;
	list-style:none;
	float:left;
	display:inline;
	white-space:nowrap;
	text-align:center;
}
#h-list1 li#hl1-1{
	padding-top:4px;
	width:90px;
}
#h-list1 li#hl1-1 a{
	display:block;
	border:1px #d82104 solid;
	line-height:1.7;
	min-height:1%;
	_height:1%;
	color:#c70000;
	background-color:#f5f0e6;
}
#h-list1 li#hl1-1 a:hover{
	color:#c70000;
}
#h-list1 li#hl1-2{
	width:76px;
}
#h-list1 li#hl1-2 a{
	padding-top:4px;
	padding-bottom:2px;
	display:block;
	min-height:1%;
	_height:1%;
	line-height:1.7;
	color:#fff;
	background-color:#c70000;
	font-weight:bold;
}
#h-list1 li#hl1-2 a:hover{
	color:#fff;
}

#h-list2{
	margin:0;
	padding:0;
	position:absolute;
	top:55px;
	right:0;
	z-index:4;
	width:auto;
}
#h-list2 li{
	margin:0 0 0 11px;
	padding:0 0 0 14px;
	list-style:none;
	float:left;
	display:inline;
	color:#c70000;
	background:url(../img_com/h_icon1.gif) no-repeat 0 3px;
	white-space:nowrap;
	text-align:center;
}
#h-list2 li a{color:#c70000;}
#h-list2 li a:hover{color:#f00;}

/* --------------------------------------------------
	##main-image
-------------------------------------------------- */
#main-image{
	margin:0 auto 10px auto;
	width:940px;
	text-align:left;
}

/* --------------------------------------------------
	##menu
-------------------------------------------------- */
#menu{
	margin:0 0 16px;
	clear:both;
	width:100%;
	min-width:940px;
	height:44px;
	background:url(../img_com/bg_menu1.jpg) repeat-x left top;
}
#aim #menu{
	margin:0;
}
#menu ul{
	margin:0 auto;
	padding:0;
	width:940px;
}
#menu ul li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	height:44px;
}
#menu ul li a{
	display:block;
	height:44px;
}
#menu1,#menu1 a{width:59px;}
#menu2,#menu2 a{width:130px;}
#menu3,#menu3 a{width:130px;}
#menu4,#menu4 a{width:111px;}
#menu5,#menu5 a{width:136px;}
#menu6,#menu6 a{width:129px;}
#menu7,#menu7 a{width:119px;}
#menu8,#menu8 a{width:126px;}
#menu1 a{background:url(../img_com/menu_over.jpg) no-repeat 0 0;}
#menu1 a:hover{background-color:#fff;}
#menu1 a:hover img{visibility:hidden;}
#menu2 a{background:url(../img_com/menu_over.jpg) no-repeat -59px 0;}
#menu2 a:hover{background-color:#fff;}
#menu2 a:hover img{visibility:hidden;}
#menu3 a{background:url(../img_com/menu_over.jpg) no-repeat -189px 0;}
#menu3 a:hover{background-color:#fff;}
#menu3 a:hover img{visibility:hidden;}
#menu4 a{background:url(../img_com/menu_over.jpg) no-repeat -319px 0;}
#menu4 a:hover{background-color:#fff;}
#menu4 a:hover img{visibility:hidden;}
#menu5 a{background:url(../img_com/menu_over.jpg) no-repeat -430px 0;}
#menu5 a:hover{background-color:#fff;}
#menu5 a:hover img{visibility:hidden;}
#menu6 a{background:url(../img_com/menu_over.jpg) no-repeat -566px 0;}
#menu6 a:hover{background-color:#fff;}
#menu6 a:hover img{visibility:hidden;}
#menu7 a{background:url(../img_com/menu_over.jpg) no-repeat -695px 0;}
#menu7 a:hover{background-color:#fff;}
#menu7 a:hover img{visibility:hidden;}
#menu8 a{background:url(../img_com/menu_over.jpg) no-repeat -814px 0;}
#menu8 a:hover{background-color:#fff;}
#menu8 a:hover img{visibility:hidden;}

#top #menu1 a{background:#fff url(../img_com/menu_over.jpg) no-repeat 0 0;}
#top #menu1 a img{visibility:hidden;}
#aim #menu2 a{background:#fff url(../img_com/menu_over.jpg) no-repeat -59px 0;}
#aim #menu2 a img{visibility:hidden;}
#greeting #menu3 a{background:#fff url(../img_com/menu_over.jpg) no-repeat -189px 0;}
#greeting #menu3 a img{visibility:hidden;}
#commodity #menu4 a{background:#fff url(../img_com/menu_over.jpg) no-repeat -319px 0;}
#commodity #menu4 a img{visibility:hidden;}
#company #menu5 a{background:#fff url(../img_com/menu_over.jpg) no-repeat -430px 0;}
#company #menu5 a img{visibility:hidden;}
#office #menu6 a{background:#fff url(../img_com/menu_over.jpg) no-repeat -566px 0;}
#office #menu6 a img{visibility:hidden;}
#r-company #menu7 a{background:#fff url(../img_com/menu_over.jpg) no-repeat -695px 0;}
#r-company #menu7 a img{visibility:hidden;}
#inquiry #menu8 a{background:#fff url(../img_com/menu_over.jpg) no-repeat -814px 0;}
#inquiry #menu8 a img{visibility:hidden;}


/* --------------------------------------------------
	##main-image
-------------------------------------------------- */
#main-image:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#main-image{
	width:940px;
	/*\*//*/
	overflow:hidden;
	/**/
}

/* --------------------------------------------------
	##main
-------------------------------------------------- */
#main{
	margin:0 auto 10px auto;
	width:940px;
	text-align:left;
}
#box:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#box{
	width:940px;
	/*\*//*/
	overflow:hidden;
	/**/
}

/* company */
.com-box{
	padding-bottom:12px;
}

/* --------------------------------------------------
	##page-top
-------------------------------------------------- */
#page-top{
	clear:both;
	margin:0;
	padding:20px 0 3px;
	border-bottom:3px #dbdbdb solid;
	text-align:right;
}
#page-top a{color:#4d4d4d;}
#page-top a:hover{color:#f00;}

/* --------------------------------------------------
	##footer
-------------------------------------------------- */
#footer{
	margin:0 auto;
	width:940px;
	height:100px;
	text-align:left;
	position:relative;
}
.f-box1 ul{
	margin:0;
	padding:0;
}
.f-box1 li{
	padding:0 0 4px 14px;
	list-style:none;
	color:#780000;
	background:url(../img_com/h_icon1.gif) no-repeat 0 3px;
}
.f-box1 li a{color:#780000;}
.f-box1 li a:hover{color:#f00;}
.f-line1{
	padding:0 13px;
	border-left:1px #d1d1d1 solid;
}
.f-line-top{
	padding:0 13px 0 0;
}

#f-list1{
	margin:0;
	padding:5px 0 0 0;
	border-top:1px #d1d1d1 solid;
	position:absolute;
	top:52px;
	left:0;
	z-index:1;
	width:686px;
}
#f-list1 li{
	margin:0 0 0 6px;
	padding:0;
	list-style:none;
	float:left;
	display:inline;
	white-space:nowrap;
	text-align:center;
}
#f-list1 li#fl1-1{
	width:90px;
}
#f-list1 li#fl1-1 a{
	display:block;
	border:1px #d82104 solid;
	line-height:1.7;
	min-height:1%;
	_height:1%;
	color:#c70000;
	background-color:#f5f0e6;
}
#f-list1 li#fl1-1 a:hover{
	color:#c70000;
}
#f-list1 li#fl1-2{
	margin:0 0 0 0;
	width:76px;
}
#f-list1 li#fl1-2 a{
	padding-top:1px;
	padding-bottom:1px;
	display:block;
	min-height:1%;
	_height:1%;
	line-height:1.7;
	color:#fff;
	background-color:#c70000;
	font-weight:bold;
}
#f-list1 li#fl1-2 a:hover{
	color:#fff;
}
#copyright{
	position:absolute;
	top:22px;
	right:0;
	z-index:2;
	width:300px;
	color:#970f00;
	text-align:right;
}
#copyright a{color:#c70000;}
#copyright a:hover{color:#f00;}

.clearfix {zoom:1;}
.clearfix:after{
	content: ""; 
	display: block; 
	clear: both;
}
.both{
	clear:both;
}