@charset "utf-8";
/* CSS Document */

/*  スタイルのリセット　---------------*/
*{
	margin:0;
	padding:0;
	font-style:normal;
	}
	
img{
	border:none;
}

body{
	font-size:small;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.4;
}

h1,h2,h3,h4{
	font-size:medium;
}

ul{
	list-style-type:none;
}

/*  レイアウト　--------------------*/
body{
	color:#333333;
	background:#ffffff;
}

body{
	color:#333333;
}

div#wrapper{
	width:900px;
	margin:0 auto;
}

/*  header　---------------------------*/
div#header{
	position:relative;
	width:900px;
	height:200px;
	background:url(../top_images/he_bg.jpg) no-repeat;
}

div#header h1{
	position:absolute;
	top:10px;
}

#header ul#info{
	position:absolute;
	top:18px;
	right:10px;
}

#header ul li{
	display:inline;
}

#header ul li a{
	color:#aaa;
	padding-left:32px;
	margin-left:20px;
}

#header ul li#sitemap a{
	background:url(../top_images/header_smap.gif) no-repeat left center;
}

#header ul li#contact a{
	background:url(../top_images/header_mail.gif) no-repeat left center;
}

#header ul li#faq a{
	background:url(../top_images/header_faq.gif) no-repeat left center;
}

#header ul li a:hover{
		color:#f90;
}

#header ul#btn{
	position:absolute;
	top:145px;
	left:200px;
}

#header ul#btn li{
	width:153px;
	height:39px;
}

#header ul#btn li a{
	display:inline-block;
	width:153px;
	height:39px;
	text-indent:-9999px;
	overflow:hidden;
	margin-left:10px;
	padding-left:8px;
}

#header ul#btn li#about_us a{
	background:url(../top_images/header_btn_01.jpg) no-repeat left top;
}

#header ul#btn li#news a{
	background:url(../top_images/header_btn_02.jpg) no-repeat left top;
}

#header ul#btn li#products a{
	background:url(../top_images/header_btn_03.jpg) no-repeat left top;
}
#header ul#btn li#buy a{
	background:url(../top_images/header_btn_04.jpg) no-repeat left top;
}


#header ul#btn li#about_us a:hover{
	background:url(../top_images/header_btn_01_on.jpg) no-repeat left top;
}
#header ul#btn li#news a:hover{
	background:url(../top_images/header_btn_02_on.jpg) no-repeat left top;
}

#header ul#btn li#products a:hover{
	background:url(../top_images/header_btn_03_on.jpg) no-repeat left top;
}
#header ul#btn li#buy a:hover{
	background:url(../top_images/header_btn_04_on.jpg) no-repeat left top;
}


/* maincontents ------------------*/
div#contents{
	float:right;
	width:700px;
	margin-bottom:50px;
}

/* topicpath ---------------*/
div#contents ul#topicpath li{
	display:inline;
	background:url(../top_images/mark_topicpath.gif) no-repeat left;
	margin-right:2px;
	padding-left:12px;
	font-size:80%;
}

div#contents ul#topicpath{
	margin:14px 10px;
}

div#contents ul#topicpath li#rootpath{
	background:none;
	padding-left:0;
	text-transform:uppercase;
}
div#contents ul#topicpath li a{
	color:#aaa;
}

div#contents ul#topicpath li a:hover{
	color:#f90;
}


/* news ----------------------------*/
div#news h2{
	background:url(../top_images/top_h2_01.jpg) no-repeat left center;
	width:553px;
	height:30px;
	padding:0 0 5px 5px;
	margin:10px 10px;
	text-indent:-9999px;
}


div#contents div#news{
	margin-bottom:30px;
}

div#contents div#news dl dt{
	float:left;
	width:100px;
	padding-left:10px;
	font-weight:bold;
	color:#999999;
}

div#contents div#news dl dd{
	margin-bottom:10px;
	border-bottom:1px solid #CCCCCC;
	padding:0 0 5px 110px;
}

div#news p{
	margin-left:600px;
}

div#news p a{
	color:#aaa;
}

div#news p a:hover{
	color:#f90;
}

/* itemlist -------------------------------*/
div#itemlist h2{
	background:url(../top_images/top_h2_02.jpg) no-repeat left center;
	width:553px;
	height:30px;
	padding:0 0 5px 5px;
	margin:10px 10px;
	text-indent:-9999px;
}

div#contents div#itemlist div.item,
div#contents div#itemlist div.item2{
	border:1px solid #CCCCCC;
	float:left;
	width:315px;
	margin:0 16px 15px 0;
	padding:5px;
}

div#contents div#itemlist div.item2{
	float:right;
	margin-right:0;
}

div#contents div#itemlist div.item h4,
div#contents div#itemlist div.item2 h4{
	border-left:5px solid #660000;
	font-size:120%;
	font-weight:bold;
	margin-bottom:10px;
}

div#contents div#itemlist div.item h4 a,
div#contents div#itemlist div.item2 h4 a{
	display:block;
	background-color:#eaca97;
	padding:4px 0px 2px 10px;
	color:#58240d;
	text-decoration:none;
}

div#contents div#itemlist div.item h4 a:hover,
div#contents div#itemlist div.item2 h4 a:hover{
	background-color:#58240d;
	color:#ffffff;
	padding:5px 0px 1px 10px;
}

div#contents div#itemlist div p a img{
	border:1px solid #999999;
	padding:5px;
	margin:0 3px 10px 7px;
}

div#contents div#itemlist dl dt{
	float:left;
	font-weight:bold;
}


div#contents div#itemlist dl dd{
	margin-bottom:10px;
	text-align:right;
	border-bottom:1px solid #CCCCCC;
	padding-bottom:5px;
}

div#contents div#itemlist dl{
	padding:5px;
}

/* toppath ----------------------------*/
div#toppath p{
	clear:both;
	position:relative;
	left:500px;
}

div#toppath p a{
	display:block;
	width:154px;
	height:53px;
   	overflow:hidden;
	background:url(../top_images/back_btn.jpg) no-repeat right;
	padding-right:14px;
	text-indent:-9999px;

}

div#toppath p a:hover{
	background:url(../top_images/back_btn_on.jpg) no-repeat right;
}

/* snavi -------------------------*/
div#snavi{
	float:left;
	width:200px;
}

div#snavi h3{
	color:#999999;
}

div#snavi{
	margin-top:10px;
}

div#snavi ul li a{
	display:block;
	width:150px;
	padding-left:50px;
	overflow:hidden;
	border-bottom:none;
	height:40px;
	background:#FFFFFF url(../top_images/side_icon_01.jpg) no-repeat left -8px;
	color:#666666;
	text-decoration:none;
	font-weight:bold;
	}

div#snavi ul li a:hover,
div#snavi ul li.current a{
	background:#FFFFFF url(../top_images/side_icon_01_on.jpg) no-repeat left -8px;
	color:#333333;
	
}

div#snavi ul li ul li a{
	width:120px;
	padding-left:80px;
	background:#FFFFFF url(../top_images/side_icon_02.jpg) no-repeat 40px -8px;

}

div#snavi ul li ul li a:hover{
	background:#FFFFFF url(../top_images/side_icon_02_on.jpg) no-repeat 40px -8px;

}

div#snavi ul li.current{
	text-transform:uppercase;
}

/* footer ----------------------*/
div#footer{
	clear:both;
	text-align:center;
	padding:10px 0;
	border-top:1px solid #999999;
}