@charset "utf-8";
/*----------------------
css for:gentlevel
created:2011-08-28
updated:2011-08-28
updator:aks
----------------------
common:general setting
----------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display:  block; }

body {
  font-size: 14px;
  font-family: HelveticaNeue, HiraKakuProN-W3;
  -webkit-text-size-adjust: none;
}
ul, ol, li { list-style-type: none; }
input, select, textarea { font-size: 15px; max-width: 240px; }
a {
  color: #333;
  /*-webkit-tap-highlight-color: rgba(243,185,207,0.70);*/
	text-decoration:none;
}
h1 img { display: block; }

body{
	/*background:rgba(176,157,96,1.0);*/
	height:100%;
}

h1{
	background:url(../img/gl_lp_logo.gif) no-repeat center center;
	width:124px;
	height:60px;
	float:left;
	font-size:14px;
	margin:20px 20px 20px 65px;
	_margin:20px 20px 20px 30px;
}

h1 a,
h1 a:hover {
	background:url(../img/gl_lp_logo.gif) no-repeat center center;
	width:124px;
	height:60px;
	display:block;
}

em{font-style:normal;}

/*----------------------
common:wrapper
----------------------*/
#wrapper {
	position:relative;
	width:1000px;
	margin:0 auto;
}

/*----------------------
common:structure
----------------------*/
#header {
	background:url(../img/gl_lp_bg_top.gif) repeat-x top;
	width:808px;
	height:100px;
	padding-top:28px;
	padding:28px 100px 0;
}
/* --- hbann --------------------- */
#hbann {
	background:url(../img/gl_lp_bann_top.gif) no-repeat left top;
	_background:url();
	width:428px;
	height:71px;
	margin-top:18px;
	_margin-top:15px;
	margin-left:210px;
	_margin-left:175px;
	_margin-bottom:-24px;
	_padding-top:18px;
}
#hbann a,
#hbann a:hover {
	background:url(../img/gl_lp_bann_top.gif) no-repeat left top;
	width:428px;
	height:71px;
	_margin-top:15px;
	_margin-bottom:-24px;
	_padding-top:18px;
	display:block;
}
#hbann em {visibility:hidden;}
/* --- hcontact --------------------- */
#hcontact {
	width:150px;
	height:100px;
	margin-top:-75px;
	_margin-top:-50px;
	_margin-right:-60px;
	float:right;
	font-size:18px;
	font-weight:bold;
	letter-spacing:0.2em;
}
#hcontact a {font-size:18px;}
#hcontact img {margin-bottom:0.4em;}
/* --- lp* common --------------------- */
#lp0,#lp1,#lp2,#lp3,#lp4{
	clear:both;
	margin:20px auto;
	line-height:1.625em;
}
/* --- lp0 --------------------- */
#lp0{
	background:url(../img/gl_lp_mvisual.jpg) no-repeat left top;
	width:1008px;
	height:238px;
	text-indent:-8888em;
	margin: 0 auto;
}
#lp0 span {
	visibility:hidden;
}
/* --- bgside --------------------- */
#bgside {
	background:url(../img/gl_lp_bg_birdL.gif) no-repeat left top;
	position:absolute;
	top:390px;
	left:0;
	width:106px;
	height:150px;
}
/* --- lp1 --------------------- */
#lp1{
	width:849px;
	margin:25px auto 30px auto;
	height:auto;
	text-align:center;
	position:relative;
}
#lp1 ul#ptlist {width:auto;display:inline;padding:0 90px;float:left;}

#lp1 ul#ptlist li {
	margin-right:50px;
	float:left;
	width:187px;
	height:231px;
	display:block;
}
#lp1 ul#ptlist li#pt1 {
	background:url(../img/gl_lp_lp11.gif) no-repeat center top;
}
#lp1 ul#ptlist li#pt2 {
	background:url(../img/gl_lp_lp12.gif) no-repeat center top;
}
#lp1 ul#ptlist li#pt3 {
	background:url(../img/gl_lp_lp13.gif) no-repeat center top;
	margin-right:0;
}
#lp1 li span {
	visibility:hidden;
}
#lp1 h2{
	margin-left:-24px;
}

#lp1 p {font-size:105%;font-weight:700;letter-spacing:0.1em;margin:5px auto 5px 20px;}
/* --- lp2 --------------------- */
#lp2{
	width:849px;
	height:auto;
	padding-top:30px;
	padding-bottom:30px;
	position:relative;
	margin:0 auto;
}
#lp2 p{
}
#prodesc{
	background:url(../img/gl_lp_txt_wc.gif) no-repeat center top;
	width:753px;
	height:324px;
	margin:0 auto;
	text-align:center;
}

#prod1, #prod2{
	width:257px;
	height:201px;
	margin-left:100px;
}

#mys1{
	position:absolute;
	top:280px;
	left:40px;
	width:131px;
	height:132px;
}

#mys2{
	position:absolute;
	top:280px;
	left:400px;
	width:131px;
	height:132px;
}

#buy1{
	position:absolute;
	top:400px;
	left:280px;
	width:126px;
	height:125px;
}

#buy1 a,
#buy1 a:hover {
	position:absolute;
	top:400px;
	left:280px;
	width:126px;
	height:125px;
	display:block;
}

#buy2{
	position:absolute;
	top:400px;
	left:650px;
	width:126px;
	height:125px;
}
*html body #lp2 .ro1 {
	position:absolute;
	top:400px;
	left:280px;
	width:126px;
	height:125px;
}
*html body #lp2 .ro2 {
	position:absolute;
	top:400px;
	left:650px;
	width:126px;
	height:125px;
}
#buy2 a,
#buy2 a:hover {
	position:absolute;
	top:400px;
	left:650px;
	width:126px;
	height:125px;
	display:block;
}

#sidepad{
	position:absolute;
	top:575px;
	left:623px;
	width:261px;
	height:168px;
}
#egfpack{
	position:absolute;
	top:710px;
	left:390px;
	width:131px;
	height:132px;
}
#packa1, #packa2{
	width:293px;
	height:199px;
	margin-left:85px;
}
#packa2{
	margin-left:115px;
}
#egf,#howto{
	clear:both;
	margin:30px auto;
}

#egf {
	background:url(../img/gl_lp_img_egf3.gif) no-repeat right bottom;
	padding:30px 40px 0 60px;
}

#egf #sub {margin:20px 0 20px 355px;}

#egf h3 {margin:15px auto;}

#egf p,
#egf ul li {
	font-size:14px;
	font-weight:bold;
	line-height:1.625em;
	letter-spacing:0.3em;
}

#egf ul li {
	line-height:0.5em;
	/line-height:1.6em;
	height:1em;
}

#howto {padding:0 0px 0 60px;}
#howto #ht1{
	background:url(../img/gl_lp_img_howto1.jpg) no-repeat left bottom;
	height:201px;
	margin-top:30px;
	margin-bottom:30px;
}
#howto #ht2{
	background:url(../img/gl_lp_img_howto2.jpg) no-repeat left bottom;
	height:201px;
	margin-top:60px;
	margin-bottom:30px;
}
#howto #ht1 h4,
#howto #ht2 h4{
	color:rgba(206,147,91,1.0);
	font-size:140%;
}

#howto #ht1 h4{
	background:url(../img/gl_lp_txt_tithowto1.gif) no-repeat left top;
	text-indent:-8888em;
}

#howto #ht2 h4{
	background:url(../img/gl_lp_txt_tithowto2.gif) no-repeat left top;
	text-indent:-8888em;
}

#howto #ht1 p,
#howto #ht2 p{
	margin-top:50px;
	margin-left:360px;
	font-weight:bolder;
	/*text-shadow:0px 0px 1px #333;*/
	line-height:1.625em;
	letter-spacing:0.08em;
}
/* --- lp3 --------------------- */
#lp3{
	width:749px;
	height:auto;
	margin-bottom:20px;
	padding:0 40px 0 60px;
}
#lp3 #cus1{background:url(../img/gl_lp_img_cus1.gif) no-repeat left top;float:left;margin-top:30px;}
#lp3 #cus2{background:url(../img/gl_lp_img_cus2.gif) no-repeat left top;float:left;margin-top:30px;margin-bottom:30px;}
#lp3 h3 {margin-left:140px;}
#lp3 p {
	width:585px;
	height:145px;
	padding:0 20px 0 85px;
	font-weight:bolder;
	font-size:110%;
	float:right;
	/*text-shadow:0px 0px 1px #333;*/
	line-height:1.625em;
	letter-spacing:0.08em;
}
/* --- lp4 --------------------- */
#lp4{
	clear:both;
	position:relative;
	width:849px;
	height:auto;
	padding:0 40px 0 0;
}
#lp4 p {font-size:105%;font-weight:700;letter-spacing:0.1em;}
#lp4 #tocartbtn {
	background:url(../img/gl_lp_bann_btm.gif) no-repeat right top;
	text-align:center;
	margin:1.625em 0;
}

#prod3, #prod4{
	width:257px;
	height:201px;
	margin-left:120px;
}

#buy3{
	position:absolute;
	top:170px;
	left:340px;
	width:126px;
	height:125px;
}
#buy3 a,
#buy3 a:hover {
	position:absolute;
	top:170px;
	left:340px;
	width:126px;
	height:125px;
	display:block;
}

#buy4{
	position:absolute;
	top:170px;
	left:720px;
	width:126px;
	height:125px;
}
#buy4 a,
#buy4 a:hover {
	position:absolute;
	top:170px;
	left:720px;
	width:126px;
	height:125px;
	display:block;
}
*html body #lp4 .ro3 {
	position:absolute;
	top:165px;
	left:340px;
	width:126px;
	height:125px;
}
*html body #lp4 .ro4 {
	position:absolute;
	top:165px;
	left:720px;
	width:126px;
	height:125px;
}
#scent1{margin-left:30px;}
#scent2{margin-left:30px;}
#prc1{margin:20px 30px;}
#prc1 img {margin-left:95px;}
#prc1 img.adj{margin-left:57px;}
#prc2{margin-left:75px;}
/*----------------------
* common:tag *
----------------------*/
*html body a.ro1:link,
*html body a.ro2:link,
*html body a.ro3:link,
*html body a.ro4:link{background:url(../img/gl_lp_btn_buy.png);}
*html body a.ro1:visited,
*html body a.ro2:visited,
*html body a.ro3:visited,
*html body a.ro4:visited{background:url(../img/gl_lp_btn_buy.png);}
*html body a.ro1:hover,
*html body a.ro2:hover,
*html body a.ro3:hover,
*html body a.ro4:hover{background:url(../img/gl_lp_btn_buy_o.png);}
*html body a.ro1:active,
*html body a.ro2:active,
*html body a.ro3:active,
*html body a.ro4:active{background:url(../img/gl_lp_btn_buy.png);}
*html body #buy1,
*html body #buy2,
*html body #buy3,
*html body #buy4{display:none;}
/*----------------------
* class *
----------------------*/
.patline{clear:both;background:url(../img/gl_lp_img_pattern.gif) no-repeat center top;width:827px;height:29px;margin:20px auto;}
.clear{clear:both;}
.ctr{text-align:center;}
.bld{font-weight:bold;}
.prm{padding-top:10px;padding-right:57px;}
.mT5{margin-top:5px;}
.mT10{margin-top:10px;}
.mT40{margin-top:40px;}
.mB10{margin-bottom:1em;}
.mL10{margin-left:10px;}
.mL20{margin-left:20px;}
.mL35{margin-left:35px;}
.mL39{margin-left:39px;}
.m30{margin-top:30px;margin-bottom:30px;}
.m830{margin:80px auto 30px;}
.w50{width:250px;}
.fr{float:right;}
.fl{float:left;}
.hid{visibility:hidden;}
.disn{display:none;}
/*----------------------
common:footer
----------------------*/
#footer{
	position:relative;
	clear:both;
	padding:0 auto;
	text-align:center;
	background:url(../img/gl_lp_bg_facebird.gif) no-repeat center top;
	width:auto;
	height:173px;
	margin:-30px auto 0;
}

#footer p {
	position:absolute;
	top:80px;
	left:0;
	width:100%;
	color:rgba(107,50,53,1.0);
	font-weight:bold;
	text-shadow:2px 2px 6px #FFF;
}

#footer #fnav{
	position:absolute;
	top:100px;
	left:0;
	width:100%;
	color:rgba(107,50,53,1.0);
	font-weight:bold;
	margin-top:10px;
	padding:1em 0;
	height:18px;
	text-shadow:2px 2px 6px #FFF;
}

#footer #fnav a,
#footer #fnav a:hover{
	color:rgba(107,50,53,1.0);
	font-weight:bold;
}
address {
	position:absolute;
	top:173px;
	left:0;
	width:100%;
	height:15px;
	padding-top:3px;
	font-size:85%;
	font-weight:700;
	color:#FFF;
	background:url(../img/gl_lp_bg_btm.gif) repeat-x bottom center;
	font-style:normal;
}
