@import url("reset.css");
body {
	color: rgb(114, 113, 113);
	line-height: 2;
	font-size: 14px;
}
* {
	zoom: 1;
}
li {
	list-style: none;
}
p {
	margin: 0px; padding: 0px;
}
strong {
	color: rgb(34, 34, 34); font-weight: bold;
}
.lastChild {
	margin: 0px !important; padding: 0px !important;
}
ul.products a.ploduct_link:hover img {
	filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8;
}
.banner a:hover img {
	filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8;
}


#wrapper {
	background: url("img/bg_wrapper.jpg") repeat-x; width: 100%; margin:0 auto;
}
#TOP {
	width:890px;
	height:74px;
	margin:0 auto;
	position:relative;
	padding: 20px 0px 40px; height: 74px;
}

.nav#glb {
	margin:0px 0px 40px; padding: 20px 0px 0px; height: 74px;
}
.clearfix {
	width: 100%; margin:0px auto;
}
/* ========================================================== */
#container {
	background: url("img/bg_header.png") no-repeat 470px top; margin: 0px auto; width: 890px;
}
#glb {54px;
}
nav#glb p {
	margin: 0px 0px 0px 0px; float: left;
}
nav#glb li {
	float: left;
}
.clearfix {
	width: 100%; margin:0px auto;
}
.clearfix::after {
	clear: both; display: block; content: "";
}
#HEADER {
	clear:both;
	width:890px;
	height:395px;
	margin:0 auto;
	position:relative;
    }
header h1 {
	margin: 0px 0px 30px;
}
header li {
	margin: 0px 0px 10px;
}

header a:hover img {
	filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8;
}

#contents {
	background: url("img/bg_contents_top.png") no-repeat top; margin: 0px auto 20px; padding: 9px 0px 0px; width: 890px; display: block;
}

#contents .inner1 {
	background: url("img/bg_contents_btm.png") no-repeat bottom; padding: 0px 0px 9px; width: 850px; display: block;
}
#contents .inner2 {
	background: url("img/bg_contents_mdl.png") repeat-y top; padding: 0px 25px; width: 800px; display: block;
}
#contents h2 {
	line-height: 0;
}
#contents h3 {
	line-height: 0;
}
dl.check {
	padding: 0px 0px 20px;
}
dl.check dt {
	color: rgb(153, 153, 153); font-size: 10px; float: left; display: block;
}
dl.check dd {
	color: rgb(153, 153, 153); font-size: 10px; float: left; display: block;
}
dl.check dt {
	padding: 0px 3px 0px 0px;
}
dl.check dd {
	width: 320px;
}
span.small {
	font-size: 10px; vertical-align: super;
}
.gridLeft {
	float: left;
}
.gridRight {
	float: right;
}






#section1 .inner {
	margin: 0px auto; padding: 0px; width: 800px; display: block;
}
#section2 .inner {
	margin: 0px auto; padding: 0px; width: 800px; display: block;
}
#section3 .inner {
	margin: 0px auto; padding: 0px; width: 800px; display: block;
}
#section1 .inner {
	background: url("img/bg_ruler.gif") repeat-y top;
}
#section2 .inner {
	background: url("img/bg_ruler.gif") repeat-y top;
}
#section1 h3 {
	margin: 0px 0px 10px;
}
#section2 h3 {
	margin: 0px 0px 10px;
}
#section3 h3 {
	margin: 0px 0px 10px;
}
#section1 p {
	margin: 0px 0px 20px;
}
#section2 p {
	margin: 0px 0px 20px;
}
#section1 .gridLeft {
	width: 375px;
}
#section2 .gridLeft {
	width: 375px;
}
#section3 .gridLeft {
	width: 375px;
}
#section1 .gridRight {
	width: 375px;
}
#section2 .gridRight {
	width: 375px;
}
#section3 .gridRight {
	width: 375px;
}
#section1 {
	background: url("img/bg_section.gif") repeat-x left bottom; padding: 0px 0px 20px;
}
#section1 .gridLeft {
	padding-top: 15px; position: relative;
}
#section1 .gridRight {
	padding-top: 15px; position: relative;
}
#section1 .gridLeft .step {
	left: 0px; top: 0px; position: absolute;
}
#section1 .gridRight .step {
	left: 0px; top: 0px; position: absolute;
}
#section1 h2 {
	padding: 30px 0px; text-align: center;
}
#section2 h2 {
	padding: 30px 0px; text-align: center;
}
#section3 h2 {
	padding: 30px 0px; text-align: center;
}
#section2 figure {
	margin: 0px 0px 10px;
}
#section2 figure img {
	margin: 0px 0px 10px;
}
#section2 .explain {
	padding: 20px 20px 10px;
	width: 338px;
	font-size: 13px;
	display: block;
}
#section2 .gridLeft .explain {
	border: 1px dashed rgb(0, 70, 155);
}
#section2 .gridRight .explain {
	border: 1px dashed rgb(220, 8, 41);
}
#section2 .explain h3 {
	margin: 0px 0px 20px; display: block;
}
#section2 .gridRight .explain .txt img {
	padding: 0px; width: 90px; height: 118px;
}
#section2 .gridRight .explain .txt img {
	margin: 0px 0px 10px 10px; float: right;
}
#section3 {
	padding: 0px 0px 20px;
}
#section3 p {
	margin: 0px; padding: 0px; line-height: 0; position: relative;
}
#section3 p span {
	right: -40px; bottom: -40px; position: absolute;
}





#lineup {
	background: url("img/bg_lineup_btm.gif") no-repeat bottom; margin: 0px auto 25px; padding: 180px 0px 10px; width: 850px; position: relative;
}
#lineup h2 {
	left: -38px; top: 0px; line-height: 0; position: absolute;
}
#lineup .inner1 {
	background: url("img/bg_lineup.gif") repeat-y top; padding: 20px 30px; width: 790px;
}
.product_lineup {
	padding: 30px 0px; border-top-color: rgb(0, 184, 238); border-top-width: 1px; border-top-style: solid;
}
.product_lineup#soraria {
	height: 180px;
}
.product_lineup#stick {
	height: 200px;
}
:first-child.product_lineup {
	border: currentColor; padding-top: 0px;
}
.product_lineup .gridLeft h3 {
	margin: 0px 0px 20px;
}
#lineup #soraria ul.products {
	background: url("img/bg_product.jpg") no-repeat center 71px; margin: 0px 0px 20px; height: 130px;
}
#lineup #stick ul.products {
	background: url("img/bg_product.jpg") no-repeat center 77px; margin: 0px 0px 20px; height: 130px;
}
#lineup ul.products li {
	margin: 0px 20px 0px 0px; padding: 0px; width: 115px; height: 220px; line-height: 0; float: left;
}
#lineup ul.products li img.product_info {
	margin: 8px 0px 9px;
}
#lineup .gridLeft {
	width: 250px;
}
#lineup .gridRight {
	width: 520px;
}
#lineup .banner {
	margin: 0px auto; width: 790px; height: 171px;
}
aside.banner {
	margin: 0px auto 40px; width: 850px;
}
footer {
	background: url("img/bg_footer.gif") repeat-x 0px 0px; padding: 30px 0px 0px; height: 90px;
}
footer .inner {
	margin: 0px auto; padding: 0px; width: 890px;
}
footer ul {
	margin: 25px 0px 0px;
}
footer li {
	background: url("img/link_footer.gif") no-repeat left; margin: 0px 20px 0px 0px; padding: 5px 0px 3px 16px; font-size: 10px; float: left;
}
footer a {
	color: rgb(102, 102, 102); text-decoration: underline;
}
footer a:hover {
	text-decoration: none; opacity: 1;
}