@charset "utf-8";

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* #header */
	#header .header_description {
		padding: 10px 0;
		font-size: 93%;
		color: #fff;
		background: #042a5c;
	}
	#header .header_wrapper {
		width: 960px;
		height: 144px;
		margin: 0 auto 20px auto;
		position: relative;
	}
	#header h1.header_logo {
		position: absolute;
		top: 24px;
		left: 0px;
	}
	#header .header_description span {
		display: block;
		text-align: center;
		font-size: 93%;
	}

/* #header_navigation */
	#header #header_navigation {
		position: absolute;
		top: 114px;
		left: 0;
	}
	#header #header_navigation li {
		float: left;
	}
	#header #header_navigation li a {
		padding: 10px 0;
		font-size: 108%;
	}
	#header #header_navigation li a span {
		font-weight: bold;
	}
	#header_navigation li.home a {
		display: block;
		width: 36px;
		border-radius: 6px 0px 0px 6px;
	}
	#header_navigation li.about a {
		display: block;
		width: 200px;
		border-right: 1px solid #ccc;
	}
	#header_navigation li.itemlist a {
		display: block;
		width: 124px;
		border-left: 1px solid #eee;
		border-right: 1px solid #ccc;
	}
	#header_navigation li.labo a {
		display: block;
		width: 130px;
		border-left: 1px solid #eee;
		border-right: 1px solid #ccc;
	}
	#header_navigation li.atfirst a {
		display: block;
		width: 150px;
		border-left: 1px solid #eee;
		border-right: 1px solid #ccc;
	}
	#header_navigation li.faq a {
		display: block;
		width: 154px;
		border-left: 1px solid #eee;
		border-right: 1px solid #ccc;
	}
	#header_navigation li.uservoice a {
		display: block;
		width: 166px;
		border-radius: 0px 6px 6px 0px;
		border-left: 1px solid #eee;
		border-right: 1px solid #ddd;
	}

/* #user_navigation */

	#header #user_navigation li span {
		font-weight: bold;
	}
	#header #user_navigation li a {
			padding: 10px 0;
	}
	#header #user_navigation li.tel {
		position: absolute;
		top: 20px;
		left: 398px;
	}
	#header #user_navigation li.cart {
		position: absolute;
		top: 20px;
		left: 658px;
	}
	#header #user_navigation li.cart a {
		display: block;
		width: 110px;
		border-radius: 6px;
	}
	#header #user_navigation li.userentry {
		position: absolute;
		top: 20px;
		right: 88px;
	}
	#header #user_navigation li.userentry a {
		display: block;
		width: 92px;
		border-radius: 6px 0 0 6px;
	}
	#header #user_navigation li.login {
		position: absolute;
		top: 20px;
		right: 0;
	}
	#header #user_navigation li.login a {
		display: block;
		width: 88px;
		border-left: 1px solid #ffb8b8;
		border-radius: 0 6px 6px 0;
	}
	#header #user_navigation li.inquiry {
		position: absolute;
		top: 64px;
		left: 657px;
	}
	#header #user_navigation li.inquiry a {
		display: block;
		width: 304px;
		border: 1px solid #ddd;
		border-radius: 6px;
		padding: 5px 0;
	}


/* #footer */
#footer {
	margin: 30px 0 0 0;
}

/* .footer_autoship */
	#footer .footer_autoship {
		width: 960px;
		margin: 20px auto;
		border: 2px solid #eee;
	}
	#footer .footer_autoship_h1 {
		width: 33%;
		padding: 0 17px;
		margin: 20px 0 10px 0;
		font-weight: bold;
		color: #05255E;
		font-size: 146.5%;
		font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		float:left;	
	}
	#footer .footer_autoship li {
		width: 33%;
		padding: 0 17px;
		margin: 20px 0 10px 0;
		float:left;
		border-left: 1px dotted #000;
	}
	#footer .footer_autoship li h2 {
		font-weight: bold;
		color: #05255E;
		font-size: 116%;
		margin: 0 0 10px 0;
	}
	#footer .footer_autoship li p {
		line-height: 1.5;
	}

/* .footer_about */
	#footer .footer_about {
		width: 960px;/* 958px */
		margin: 0 auto;
		background: #eeefee;
		border: 1px solid #eee;
		/*For Old WebKit*/
		background: -webkit-gradient(
			linear, left top, left bottom,
			color-stop(0.00, #eeefee),
			color-stop(1.00, #fff)
		);
		/*For Modern Browser*/
		background: linear-gradient(
			to bottom,
			#eeefee 0%,
			#fff 100%
			);
	}
	#footer .footer_about_h1 {
		width: 25%;
		float:left;
		padding: 20px 0 0 0;
	}
	#footer .footer_about h2 {
		font-weight: bold;
		font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		color: #05255E;
		margin: 0 0 6px 0;
		padding: 0 0 0 1.2em;
		background: url(../imgs/icon_aileaf.png) no-repeat;
	}
	#footer .footer_about p {
		font-size: 93%;
		line-height: 1.5;
	}
	#footer .footer_about li {
		width: 25%;
		padding: 0 14px;
		margin: 20px 0;
		float:left;
		border-left: 1px dotted #000;
	}

/* .footer_rules */
	#footer .footer_wrapper {
		width: 100%;
		margin: 60px 0 0;
		background: url(../imgs/bak_footer_wrapper.png) repeat-x;
	}
	#footer .footer_rules {
		width: 960px;
		margin: 0 auto;
		padding: 36px 0;
	}
	#footer .footer_rules li {
		width: 25%;
		padding: 0 17px;
		float:left;
		border-right: 1px solid #000;
	}
	#footer .footer_rules li h2 {
		font-size: 116%;
		font-weight: bold;
		color: #05255E;
		margin: 0 0 6px 0;
	}
	#footer .footer_rules li p {
		line-height: 1.5;
	}
	#footer .footer_rules li.last {
		border-right: none;
	}

/* .footer_inquiry */

	#footer .footer_inquiry {
		width: 960px;
		margin: 0 auto;
	}
	#footer .footer_inquiry li.tel {
		width: 210px;
		float:left;
		margin: 0 30px 0 0;
	}
	#footer .footer_inquiry li.fax {
		width: 372px;
		height: 66px;
		float:left;
		margin: 0 30px 0 0;
		background: url(../imgs/bak_footer_fax.png) no-repeat;
		position: relative;
	}
	#footer .footer_inquiry li.fax p {
		position: absolute;
		top: 23px;
		right: 0;
	}
	#footer .footer_inquiry li.mail {
		width: 287px;
		float:left;
	}
	#footer .footer_inquiry .inquiry a {
		display: block;
		width: 287px;
		padding: 6px 0;
		border-radius: 6px;
		margin: 0 0 5px 0;
		border: 1px solid #ddd;
	}
	#footer .footer_inquiry .faq a {
		display: block;
		width: 287px;
		padding: 6px 0;
		border-radius: 6px;
		border: 1px solid #ddd;
	}
	#footer .footer_inquiry span {
		font-weight: bold;
	}

/* .footer_navigation */

	#footer .footer_navigation {
		width: 960px;
		position: relative;
		margin: 44px auto 0px;
	}
	#footer .footer_navigation li a {
		float: left;
		padding: 0 10px;
		border-left: 1px solid #000;
		text-decoration: none;
		color: #000;
	}
	#footer .footer_navigation li a:hover {
		color: #527096;
	}
	#footer .footer_navigation li.last a {
		border-right: 1px solid #000;
	}
	#footer .footer_navigation .footer_copyright {
		position: absolute;
		top: 0;
		right: 0;
	}