@charset "utf-8";

body {
	margin:0;
	padding:0;
	background:#000000 url(../image/bg.gif);
}
body, th, td {
	font-size:12px;
	font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, br, img {margin:0;	padding:0;}
img {border:0; vertical-align:bottom;}

a, a:link, a:visited {color:#333; text-decoration:none;}
a:hover {color:#e73174; text-decoration:underline;}


/* clear */
.clr:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	font-size:0;
}
* html .clr {zoom:1;} /* IE6 */
*:first-child+html .clr {zoom:1;} /* IE7 */  


/* layout */
#container {
	width:1000px;
	margin:0 auto;
	background:#ffffff;
}
#header {
	width:950px;
	margin:0 auto;
	border-top:5px solid #000000;
}


/* header */
#title {
	display:block;
	width:200px;
	height:78px;
	float:left;
	background:url(../image/logo.gif) no-repeat left center;
	font-size:0;
	text-indent:-9999px;
}
#title a {
	display:block;
	width:200px;
	height:78px;
	text-decoration:none;
}
ul#navi {
	display:block;
	width:486px;
	padding-top:40px;
	float:right;
	list-style-type:none;
}
#navi li {
	display:block;
	height:63px;
	float:left;
	font-size:0;
	text-indent:-9999px;
}
#navi li a {
	display:block;
	height:63px;
	text-decoration:none;
}
#nv_about, #nv_company, #nv_contact, #nv_catalog {
	background:url(../image/hnavi.gif) no-repeat;
}
#nv_about {width:161px;}
#nv_company {width:120px; background-position:-161px 0;}
#nv_contact {width:93px; background-position:-281px 0;}
#nv_catalog {width:102px; background-position:-374px 0;}

#nv_about a:hover, #nv_company a:hover, #nv_contact a:hover, #nv_catalog a:hover {
	background:url(../image/hnavi_o.gif) no-repeat;
}
#nv_about a:hover {width:161px;}
#nv_company a:hover {width:120px; background-position:-161px 0;}
#nv_contact a:hover {width:93px; background-position:-281px 0;}
#nv_catalog a:hover {width:102px; background-position:-374px 0;}


/* footer */
#footer {
	width:950px;
	margin:20px auto;
	background:url(../image/logo.gif) no-repeat center top;
}
#footer ul {
	display:block;
	padding-top:60px;
	list-style-type:none;
	text-align:center;
	font-size:10px;
}
#footer ul li {
	display:inline;
	padding:0 5px;
	border-right:1px solid #333333;
}
#footer ul li.last {
	border:none;
}
#copy {
	margin-top:10px;
	padding-bottom:40px;
	border-top:5px solid #000000;
	font-size:10px;
	line-height:30px;
	text-align:center;
}

/* table */
table.prof {
	width:800px;
	margin:0 auto 15px;
	border-collapse:collapse;
}
table.prof th, table.prof td {
	text-align:left;
	vertical-align:top;
	line-height:2.0;
	border-bottom:1px solid #cccccc;
}
table.prof th {
	padding:5px;
	background:url(../image/circle.png) no-repeat 0 13px;
}
table.prof th strong {
	display:block;
	padding-left:10px;
	color:#333333;
}
table.prof td {
	padding:5px;
}

.caution {
	color:#CC0000;
	font-size:11px;
	font-weight:normal;
}

/* btn */
ul.btnarea {
	display:block;
	width:350px;
	margin:0 auto;
	list-style-type:none;
}
ul.btnarea li {
	display:block;
	width:150px;
	height:35px;
	background:url(../image/btn.jpg) no-repeat center center;
	text-align:center;
	line-height:35px;
}
ul.btnarea li a {
	display:block;
	width:150px;
	height:35px;
	text-decoration:none;
	font-size:14px;
	color:#ffffff;
}
ul.btnarea li a:hover {background:url(../image/btn_o.jpg) no-repeat;}

ul.btnarea li.bl {float:left;}
ul.btnarea li.br {float:right;}