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

body{
text-align:center;
margin:0px auto;
background-color:#f7f5ef;
font-size: 12px;
color:#444444;
line-height: 1.5;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/*-----link-----*/

a:link{color:#645e35;text-decoration:underline;}
a:visited{color:#645e35;text-decoration:underline;}
a:hover{color:#cc6d3b;text-decoration:underline;}



/*----隠し要素----*/
.rmv
{
display:block;
position:absolute;
top:-9999px;
left:-9999px;
width:0px;
height:0px;
margin:0px;
padding:0px;
}


/*-----img-----*/
img {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 0;
}

/*-----clear-----*/
.clear{
	clear:both;
}

.clear-fix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear-fix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear-fix {height: 1%;}
.clear-fix {display: block;}
/* End hide from IE-mac */


/*-----common-----*/

h1,h2,h3,h4,h5,p,ul,li,dl,dd,dt{
	margin:0px;
	padding:0px;
	}

p{
	margin-bottom:10px;
	}

.right{
	float:right;
	}

.left{
	float:left;
	}

.center{
	text-align:center;
}

	
/*	header
-----------------------------------------------	*/	
#hedder{
	text-align:center;
	clear:both;
	width:830px;
	height:88px;
	background-image: url(../images/header_bg.gif);
	background-position:top center;
	background-repeat:no-repeat;
	margin:0px auto 0px auto;
	padding:18px 40px 0 40px;
	_padding:17px 40px 0 40px;
	}

#hedder #pr{
	background-color:#f5f3dd;
	width:830px;
	height:20px;
	margin:0px;
	padding:0px;
	}

#hedder #pr p{
	text-align:center;
	color:#433831;
	font-size:12px;
	line-height:175%;
	font-weight:100;
	margin:0px;
	padding:0px;
	}
	

#hedder #logo{
	float:left;
	height:68px;
	width:415px;
	margin:0px;
	padding:0px;
	background-image:url(../images/logo.gif);
	background-repeat:no-repeat;
	}
	
#hedder #logo h1{
	margin:0px;
	padding:0px;
	}
	
#hedder #logo h1 img{
	margin:0px;
	}
	
#hedder #address{
	float:right;
	width:280px;
	height:68px;
	background-image:url(../images/address.gif);
	background-repeat:no-repeat;
	background-position:right top;
	margin:0px;
	}

#hedder #address p{
font-size:10px;
display:none;
}
	



div#allwrap{
width:830px;
background-image:url(../images/bg.gif);
background-repeat:repeat-y;
background-position:center;
margin:0px auto;
padding:0px 40px;
text-align:left;
}

	
#keyvisual{
	clear:both;
	width:830px;
	height:250px;
	margin:0px;
	padding:0px;
	background-image:url(../images/keyvisual.jpg);
	background-repeat: no-repeat;
	background-position:top left;
	}



/*	menu
-----------------------------------------------	*/	
div#menu{
	clear:both;
	width:830px;
	height:43px;
	margin:0px;
	padding:0px;
	background:url(../images/menu_bg.gif);
	}

div#menu ul{
	clear:both;
	list-style-type:none;
	height:43px;
	margin:0px;
	padding:0px;
	}

div#menu li{
	margin:0;
	float:left;
}

div#menu li a{
	display:block;
	float:left;
	height:43px;
	background:url(../images/menu_bg.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}

div#menu #menu-composite a{width:207px; background-position:0px 0px;}
div#menu #menu-composite a:hover,#menu-composite a.on{background-position:0px -43px !important;}

div#menu #menu-stationery a{width:208px; background-position:207px 0px;}
div#menu #menu-stationery a:hover,#menu-stationery a.on{background-position:-207px -43px !important;}

div#menu #menu-polymer a{width:208px; background-position:415px 0px;} 
div#menu #menu-polymer a:hover,#menu-polymer a.on{background-position:-415px -43px !important;}

div#menu #menu-aboutus a{width:207px; background-position:623px 0px;}
div#menu #menu-aboutus a:hover,#menu-aboutus a.on{background-position:-623px -43px !important;}







/*	contents
-----------------------------------------------	*/	
#contents{
	width:810px;
	margin:20px 10px 10px 10px;
	padding:0px;
}

#contents .intro{
margin:15px 0 10px 0;
padding:0 0 25px 0;
background-image:url(../images/intro_bottom.gif);
background-repeat:repeat-x;
background-position:bottom left;
}

#contents .intro .intro_l{
	width:560px;
	float:left;
	margin:0px;
	padding:0px;
}

#contents .intro .intro_r{
	width:250px;
	float:right;
	margin:0px;
	padding:0px;
}

.more{
	background-image:url(../images/btn_more.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:31px;
	width:134px;
	float:right;
}

.more a{
outline:none;
}

.more span {
	text-indent:-9999px;
	display:block;
	height:31px;
	width:134px;
}

#what_new{
	background-color:#f6f7f7;
	margin:0px;
	padding:0px;
}

#what_new #title{
	background-image:url(../images/whats_new.gif);
	background-position:top left !important;
	background-repeat:no-repeat;
	margin:0px;
	width:810px;
	height:48px;
}

#what_new dl{
	margin:0px;
	padding:0px 22px 22px 22px;
	width:766px;
}

#what_new dl dd{
	width:90px;
	line-height:20px;
}

#what_new dl dt{
	margin:-20px 0 0 90px;
	line-height:20px;
}

/*	footer
-----------------------------------------------	*/

#footer{
	clear:both;
	width:830px;
	margin:0px auto;
	padding:0px 40px;
	background-image:url(../images/footer_bg.gif);
	background-repeat:no-repeat;
	height:153px;
	}
	
#footer ul{
	float: left;
	width:450px;
	margin: 30px 0px 0px 10px;
	list-style-type: none;
	padding:0px;
	}

#footer ul li {
	float: left;
	margin:0px;
}
#footer ul li a{
	color:#ccc;
	}
	
#footer ul li.t_left a{
	padding-right: 10px;
	border-right: 1px solid #CCC;	
}

#footer ul li.t_middle a{
	padding-right: 10px;
	padding-left:10px;
	border-right: 1px solid #CCC;	
	}

#footer ul li.t_right a{
	padding-left:10px;
	}

#footer ul li.t_left a:link,#footer ul li.t_left a:visited,	#footer ul li.t_middle a:link,#footer ul li.t_middle a:visited,	#footer ul li.t_right a:link,#footer ul li.t_right a:visited{
	color:#666;
	text-decoration:none;
	}
#footer ul li.t_left a:hover,#footer ul li.t_middle a:hover,#footer ul li.t_right a:hover{
	color:#666;
	text-decoration:underline;
	}
#footer p.copyright{
	float: right;
	margin: 30px 10px 0px 0px;
	text-align: right;
	color: #666;
	font-size:11px;
	}


