@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;
}


/*  ----------------------------*/


/*  -------------------------------*/


/* 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 a.current{
	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;
}