@charset "utf-8";

/* ---------------------------------------------
　base modules
------------------------------------------------ */
.wrap{
	clear:both;
}

/* header --------------------------------------
------------------------------------------------ */
.header{
	width:100%;
	background:url(../img/bg_header.png) repeat-x 0 0;
}
.header .inner{
	width:960px;
	height:246px;
	margin:0 auto;
	position:relative;
}

.header li{
	float:left;
}

/* ------ logo --------------------------------- */
.header .logo{
	position:absolute;
	left:0;
	top:30px;
}
/* ------ utility-navigation ------------------- */
.header .utility-navigation{
	position:absolute;
	left:179px;
	top:25px;
	width:200px;
	z-index:2;
}

.header .utility-navigation li{
	margin-right:24px;
	/*margin-left:24px;*/
}

/* ------ mailmagazine 2021/03/05追記）-------------------- */
.header .mailmagazine {
	position:absolute;
	right:438px;
	top:22px;
	z-index:2;
}

/* ------ instagram -------------------- */
.header .instagram {
	position:absolute;
	right:570px;
	top:22px;
	z-index:2;
}
/* ------ chemicals 2015/05/18追記）-------------------- */
.header .chemicals {
	position:absolute;
	right:287px;
	top:19px;
}

/* ------ shop -------------------- */
.header .shop{
	position:absolute;
	right:112px;
	/*right:500px;*/
	top:19px;
}

/* ------ english -------------------- */
.header .english{
	position:absolute;
	right:-1px;
	/*right:500px;*/
	top:19px;
}

/* ------ global-navigation -------------------- */
.header .global-navigation{
	position:absolute;
	left:160px;
	top:59px;
	line-height:0;
}

.header .global-navigation li{
}

/* ------ btn -------------------- */
.header .btn{
	position:absolute;
	right:0px;
	top:93px;
}

.header .btn li{
	margin-left:14px;
}
/* container -----------------------------------
------------------------------------------------ */
.container{
	width:960px;
	margin:0 auto;
}

/* ------ title -------------------------------- */


/* ------ topic-path --------------------------- */

.container .topic-path {
	text-align:left;
	margin:0 0 0;
	color:#333;
	font-size:78%;
}

.topic-path a,
.topic-path a:link,
.topic-path a:hover,
.topic-path a:visited,
.topic-path a:active {
	color:#333;
}

/* ------ pagetop ------------------------------ */
.footer .inner .pagetop{
	position:absolute;
	right:10px;
	top:-32px;
}



/* content
------------------------------------------------ */
.content {
	width:755px;
	float:left;
	padding:47px 0 80px;
	text-align:left;
}

/* ------ main ------------------------------ */
.main{
	float:left;
	width:660px;
}
/* sidebar
------------------------------------------------ */

/* ------ local-navigation --------------------- */
.local-navigation{
	width:165px;
	float:right;
	text-align:left;
	padding-top:76px;
}

.local-navigation p {
	margin:0 0 9px;
}

.local-navigation p.banner {
	margin:10px 0 20px;
}

/* ------ banner ------------------------------- */





/* footer --------------------------------------
------------------------------------------------ */
.footer{
	width:100%;
	background:url(../img/bg_footer.png) repeat-x 0 0;
	clear:both;
	margin-top:50px;
}
.footer .inner{
	position:relative;
	width:960px;
	height:311px;
	margin:0 auto;
	background:url(../img/bg_footer_inner.png) no-repeat 0 0;
}
/* ------ address ------------------------------ */

.address{
	position:absolute;
	top:65px;
	left:0;
	text-align:left;
	padding-top:50px;
}
.address p{
	margin-bottom:25px;
	font-size:87%;
}
/* ------ footer-navigation -------------------- */
.footer-navigation{
	position:absolute;
	top:65px;
	left:252px;
	text-align:left;
}

.footer-navigation li{
	float:left;
}


/* ------ shop ------------------------------ */
.footer .shop{
	position:absolute;
	left:724px;
	top:65px;
}


/* ------ utility-navigation ------------------- */
.footer .utility-navigation{
	position:absolute;
	right:24px;
	top:65px;
}
.footer .utility-navigation li{
	float:left;
}

/* ------ copyright ---------------------------- */
.copyright{
	clear:both;
	width:100%;
	margin:0 auto;
	background:url(../img/bg_copy.png) repeat 0 0;
}
.copyright p{

}