@charset "euc-jp";

*{
	word-break: break-all;
	margin: 0;
	padding: 0;
}

body{
	background: #FFFFFF;
	color: #666666;
	font-size:12px;
	line-height: 130%;
	margin: 0 auto;
	text-align: center;
}

img{
	border: 0;
}

#wrapper{
	width: 100%;
	height: auto;
	text-align: center;
}

a{
	outline: none;
}

/*****************************************/
/*header*/
/*****************************************/

#header{
	width: 100%;
	background: url(../img/back_header.jpg) repeat-x;
	margin:0 0 10px;
	text-align: center:
}

#header-inner{
	position:relative;
	margin:0 auto;
	width: 900px;
	height: 102px;
	background: url(../img/header.jpg) no-repeat;
	text-align: left;
}

#header-inner h1{
	width: 270px;
	margin: 0 0 0 50px;
}

#header-inner a.top{
	text-decoration: none;
	display: block;
	/*width: 270px;*/
	height: 102px;
	text-indent: -5400px;
}

/*globalnavi*/
/*****************************************/

#globalnavi{
	position: absolute;
	display:block;
	top: 74px;
	left: 340px;
	width: 510px;
	height: 21px;
	margin: 0;
}

#globalnavi li{
	display: inline;
	float: left;
}

#globalnavi li#top a{
	display: block;
	width: 86px;
	height: 21px;
	background:	url(../img/globalnavi.gif) no-repeat 0px 0px;
}

#globalnavi li#catalog a{
	display: block;
	width: 86px;
	height: 21px;
	background:	url(../img/globalnavi.gif) no-repeat -86px 0px;
}

#globalnavi li#concept a{
	display: block;
	width: 86px;
	height: 21px;
	background:	url(../img/globalnavi.gif) no-repeat -172px 0px;
}

#globalnavi li#profile a{
	display: block;
	width: 86px;
	height: 21px;
	background:	url(../img/globalnavi.gif) no-repeat -258px 0px;
}

#globalnavi li#link a{
	display: block;
	width: 86px;
	height: 21px;
	background:	url(../img/globalnavi.gif) no-repeat -344px 0px;
}

#globalnavi li#contact a{
	display: block;
	width: 80px;
	height: 21px;
	background:	url(../img/globalnavi.gif) no-repeat -430px 0px;
}

#globalnavi li#top a:hover{
	display: block;
	width: 86px;
	height: 21px;
	background:	url(../img/globalnavi.gif) no-repeat 0px -21px;
}

#globalnavi li#catalog a:hover{
	display: block;
	width: 86px;
	height: 21px;
	background:	url(../img/globalnavi.gif) no-repeat -86px -21px;
}

#globalnavi li#concept a:hover{
	display: block;
	width: 86px;
	height: 21px;
	background:	url(../img/globalnavi.gif) no-repeat -172px -21px;
}

#globalnavi li#profile a:hover{
	display: block;
	width: 86px;
	height: 21px;
	background:	url(../img/globalnavi.gif) no-repeat -258px -21px;
}

#globalnavi li#link a:hover{
	display: block;
	width: 86px;
	height: 21px;
	background:	url(../img/globalnavi.gif) no-repeat -344px -21px;
}

#globalnavi li#contact a:hover{
	display: block;
	width: 80px;
	height: 21px;
	background:	url(../img/globalnavi.gif) no-repeat -430px -21px;
}

#globalnavi li#top a.focus{
	display: block;
	width: 86px;
	height: 21px;
	background:	url(../img/globalnavi.gif) no-repeat 0px -21px;
}

#globalnavi li#catalog a.focus{
	display: block;
	width: 86px;
	height: 21px;
	background:	url(../img/globalnavi.gif) no-repeat -86px -21px;
}

#globalnavi li#concept a.focus{
	display: block;
	width: 86px;
	height: 21px;
	background:	url(../img/globalnavi.gif) no-repeat -172px -21px;
}

#globalnavi li#profile a.focus{
	display: block;
	width: 86px;
	height: 21px;
	background:	url(../img/globalnavi.gif) no-repeat -258px -21px;
}

#globalnavi li#link a.focus{
	display: block;
	width: 86px;
	height: 21px;
	background:	url(../img/globalnavi.gif) no-repeat -344px -21px;
}

#globalnavi li#contact a.focus{
	display: block;
	width: 80px;
	height: 21px;
	background:	url(../img/globalnavi.gif) no-repeat -430px -21px;
}

#globalnavi span{
	position: absolute;
	overflow: hidden;
	visibility: hidden;
	width: 0em;
	height: 0em;
	left: -9999px;
}



/*****************************************/
/*container*/
/*****************************************/
#container{
	position:relative;
	margin:0 auto;
	width: 800px;
	height: auto;
	text-align: left;
	overflow: auto;
}

#container-inner{
	width: 800px;
}

/*****************************************/
/*toppage*/
/*****************************************/

#topics{
	width: 800px;
	height: 180px;
	margin:0 0 10px;
}

#topimg {
	float: left;
	width: 560px;
	height: 180px;
}

#blog{
	float: right;
	width: 240px;
	height: 180px;
}

#blog dt a{
	display: block;
	width: 240px;
	height: 35px;
	background: url(../img/blogmenu.jpg) no-repeat;	
}

#blog span{
	position: absolute;
	overflow: hidden;
	visibility: hidden;
	width: 0em;
	height: 0em;
	left: -9999px;
}

#blog dd{
	width: 240px;
	height: 145px;
	background: url(../img/back_blog.jpg) no-repeat;
	overflow: hidden;
}

#blog li.headline{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	line-height: 13px;
	padding: 5px 5px 0 15px;
	list-style-type: none;
	background: url(../img/icon_headline.gif) no-repeat 5px 6px;
}

#blog a.headline{
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: underline;
}

/*****************************************/
/*navi*/
/*****************************************/
#navi{
	color: #5C6208;
	margin: 0 0 10px;
}

#navi a{
	color: #808A0F;
}


/*****************************************/
/*left*/
/*****************************************/
#left{
	clear: both;
	float: left;
	width: 240px;
	text-align: center;
	margin: 0 0 10px;
}

/*category*/
/*****************************************/
#category{
	width: 240px;
	margin: 0 0 20px;
	padding: 0;
	text-align: left;
}

#category h3{
	position: absolute;
	overflow: hidden;
	visibility: hidden;
	width: 0em;
	height: 0em;
	left: -9999px;
}

.categorymenu dt{
	display: block;
	width: 240px;
	height: 30px;
	background: url(../img/title_category.jpg) no-repeat;
	margin:0 0 5px;
}

.categorymenu dd{
	width: 238px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background: url(../img/back_category.jpg) repeat-y;
}

.categorymenu ul{
	list-style-type:none;
}

.categorymenu li{
	border-bottom:1px solid #CCCCCC;
	background: url(../img/icon_category.gif) no-repeat 8px 8px;
	line-height:200%;
}

.categorymenu a{
	color: #336600;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 236px;
	height: auto;
	border: 1px solid #FFFFFF;
	cursor: hand;
}

.categorymenu a:hover{
	text-decoration: underline;
}

.categorymenu span{
	display: block;
	width: 200px;
	margin-left: 20px;
}


/*banner*/
/*****************************************/
.banner img{
	margin-bottom: 10px;
}


/*****************************************/
/*main*/
/*****************************************/
#main{
	float: right;
	width: 540px;
}

/*topbanner /
/*****************************************/
#topbanner img{
	margin: 0 0 15px;
}

/*recommend*/
/*****************************************/
#recommend h2{
	margin: 0 0 10px;
}

#recommend h4{
	font-family: monospace;
	font-size: 16px;
	font-weight: bold;
	color: #65792E;
	line-height: 20px;
}

#recommend p{
	width: 185px;
	font-size: 11px;
	line-height: 14px;
}

#recommend .img_border{
	border: 1px solid #CCCCCC;
}

#recommend .recommend_left{
	clear: both;
	float: left;
	width: 260px;
	margin: 0 0 20px;
}

#recommend .recommend_right{
	float: right;
	width: 260px;
	margin: 0 0 20px;
}

#recommend .recommend_img{
	float: left;
	width: 75px;
}

#recommend .recommend_detail{
	float: right;
	width: 185px;
}

#recommend a{
	color: #65792E;
	text-decoration: none;
}

#recommend a:hover{
	text-decoration: underline;
}

/*****************************************/
/*contents_title*/
/*****************************************/
#contents_title{
	width: 540px;
	background: url(../img/back_contentstitle.jpg) no-repeat;
	margin: 0 0 20px 0;
}

#contents_title h2{
	color: #417011;
	height: 25px;
	font-size: 18px;
	font-weight: bold;
	padding: 6px 0 0 10px;
}

#contents_title .leadtext_h2{
	color: #263F14;
	margin: 5px 0 0;
}

#contents_title .leadtext_bold{
	font-weight: bold;
}

#contents_title a{
	color: #263F14;
	margin: 5px 0 0;
}

#contents_title li{
	margin: 0 0 10px 15px;
}

#contents_title .spacer{
	margin: 20px 0 0 15px;
	line-height: 25px;
}


/*****************************************/
/*contents_catalog*/
/*****************************************/
#contents_catalog{
	clear: both;
	margin:0 0 30px;
	overflow: auto;
}

#contents_catalog .contents_lead{
	clear: both;
	width: 540px;
	padding: 0 0 2px 0;
	background: url(../img/back_catalogh3.jpg) no-repeat;
}

#contents_catalog h3{
	color: #336600;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 0 15px;
	line-height: 20px;
}

#contents_catalog p.leadtext_h3{
	width: 540px;
	color: #666666;
	font-size:12px;
	line-height: 130%;	
	margin: 10px 0 20px;
}

#contents_catalog h4{
	font-family: monospace;
	font-size: 16px;
	font-weight: bold;
	color: #65792E;
	line-height: 20px;
}

#contents_catalog a{
	color: #65792E;
	text-decoration: none;
}

#contents_catalog a:hover{
	text-decoration: underline;
}

#contents_catalog p{
	width: 185px;
	font-size: 11px;
	line-height: 14px;
}

#contents_catalog .img_border{
	border: 1px solid #CCCCCC;
}

#contents_catalog .catalog_left{
	clear: both;
	float: left;
	width: 260px;
	margin: 0 0 20px;
}

#contents_catalog .catalog_right{
	float: right;
	width: 260px;
	margin: 0 0 20px;
}

#contents_catalog .catalog_img{
	float: left;
	width: 75px;
}

#contents_catalog .catalog_detail{
	float: right;
	width: 185px;
}


/*****************************************/
/*contents_concept*/
/*****************************************/
#contents_concept{
	clear: both;
	margin:0 0 30px;
}

#contents_concept dl{
	width: 540px;
	margin: 0;
}

#contents_concept dt{
	clear: left;
  float: left;
  width: 60px;
	color: #336600;
  padding: 10px 0;
}

#contents_concept dd{
	margin-left: 0;
  padding: 10px 0.5em 10px 6em;
  border-bottom: 1px solid #CCCC99;
}



/*****************************************/
/*contents_profile*/
/*****************************************/
#contents_profile{
	clear: both;
	margin:0 0 30px;
	overflow: auto;
}

#contents_profile dl{
	width: 540px;
	margin: 0;
}

#contents_profile dt{
	clear: left;
  float: left;
  width: 60px;
	color: #336600;
  padding: 10px 0;
}

#contents_profile dd{
	margin-left: 0;
  padding: 10px 0.5em 10px 170px;
  border-bottom: 1px solid #CCCC99;
}

#map{
	margin: 20px 0;
}

#map p{
	float: left;
	width: 170px;
}

#map .maptitle{
	color: #336600;
	font-weight: bold;
	font-size: 13px;
}

#map small{
	float: right;
	margin: 0 20px 0 0;
}


/*****************************************/
/*contents_link*/
/*****************************************/
#contents_link{
	clear: both;
	margin:0 0 30px;
}

#contents_link dl{
	margin: 0 0 20px;
}

#contents_link dt{
	margin: 10px 0 0;
	background: url(../img/icon_link.gif) no-repeat 0px 3px;
	padding: 0 0 0 1.5em;
}

#contents_link dd{
	margin: 5px 0 0;
	padding: 0 0 0 1.5em;
}

#contents_link a{
	font-weight: bold;
	color: #666666;
}



/*****************************************/
/*contents_contact*/
/*****************************************/
#contents_contact{
	clear: both;
	margin:0 0 30px;
}

#contents_contact .productname{
	display: block;
	font-weight: bold;
	color: #336600;
	padding: 0 0 0 30px;
	margin: 0 0 20px;
}

#contents_contact table{
	width: 520px;
	margin: 0 0 20px 20px;
	border: 0;
}

#contents_contact th{
  width: 100px;
  padding: 5px;
	font-weight: normal;
	vertical-align: top;
}

#contents_contact td{
	width: 420px;
	padding: 5px;
	vertical-align: top;
}

#contents_contact input,textarea{
	border: 1px solid #7C8421;
}

#contents_contact input.noborder{
	border: 0;
}

.red{
	color: #CC0000;
}

/*****************************************/
/*contents_recruit*/
/*****************************************/
#contents_recruit{
	clear: both;
	margin:0 0 30px;
}

#contents_recruit ul{
	border: 1px solid #CCCC99;
	margin: 0 0 20px;
	padding: 5px;
}

#contents_recruit li{
	margin: 0 0 0 20px;
	line-height: 20px;
}


/*****************************************/
/*footer*/
/*****************************************/
#footer{
	width: 100%;
	background: url(../img/back_footer.jpg) repeat-x;
	text-align: center:
}

#footer-inner{
	clear: both;
	position:relative;
	margin:0 auto;
	width: 900px;
	height: 46px;
	background: url(../img/footer.jpg) no-repeat;
}

#footer-inner a{
	color: #FFFFFF;
}

#footer-inner p{
	color: #FFFFFF;
}

#footer-inner p.footer_link{
	padding: 4px 0 0 55px;
	float: left;
}

#footer-inner p.footer_office{
	float: right;
	text-align: right;
	font-size: 10px;
	padding: 8px 50px 0 0;
	line-height: 12px;
}

#footer-inner address{
	position: absolute;
	overflow: hidden;
	visibility: hidden;
	width: 0em;
	height: 0em;
	left: -9999px;
}






div.center{
	clear: both;
	text-align: center;
}