@charset "utf-8";
/* CSS Document */
/*---------------- 
  general section
 -----------------*/
html {	
	height: 100%;
	text-align: center;
	background:url(../images/bg.jpg) top center no-repeat;}
	
body {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
	}

#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 780px;
	height: 100%;
	text-align: left;
	background: #FFFFFF;
}

a{
	overflow:hidden;
	/*\*/
	overflow:hidden;
	/**/
}

.indent {
	text-indent: -9999px;
}
/*---------------- 
  header section
 -----------------*/
#header {
	margin: 0;
	padding: 0;
	width: 780px;
	height: 520px;
}

h1.topimg {
	width: 0px;
	height: 0px;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
}

/*---------------- 
  head navigation
 -----------------*/
#header ul.gnav{
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	width: 780px;
	height: 42px;
	background-color: #35261F;
}

#header ul.gnav li{
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	height: 42px;
	text-indent: -9999px;
}

#header ul.gnav li a{
	display: block;
	margin: 0;
	padding: 0;
	height: 42px;
	background-repeat: no-repeat;
	background: url(../images/gl_img_gnav.jpg);
}

#header ul.gnav li.gnav01 {width: 130px;}
#header ul.gnav li.gnav02 {width: 140px;}
#header ul.gnav li.gnav03 {width: 100px;}
#header ul.gnav li.gnav04 {width: 122px;}
#header ul.gnav li.gnav05 {width: 124px;}
#header ul.gnav li.gnav06 {width: 124px;}

#header ul.gnav li.gnav01 a {background-position: 0 -42px;}
#header ul.gnav li.gnav02 a {background-position: -125px -42px;}
#header ul.gnav li.gnav03 a {background-position: -269px -42px;}
#header ul.gnav li.gnav04 a {background-position: -381px -42px;}
#header ul.gnav li.gnav05 a {background-position: -510px -42px;}
#header ul.gnav li.gnav06 a {background-position: -643px -42px;}

#header ul.gnav li.gnav01 a:hover {background-position: 0 0;}
#header ul.gnav li.gnav02 a:hover {background-position: -125px 0;}
#header ul.gnav li.gnav03 a:hover {background-position: -269px 0;}
#header ul.gnav li.gnav04 a:hover {background-position: -381px 0;}
#header ul.gnav li.gnav05 a:hover {background-position: -510px 0;}
#header ul.gnav li.gnav06 a:hover {background-position: -643px 0;}
/*---------------- 
  main section
 -----------------*/
#main {
	float: left;
	width: 780px;
	margin: 0;
	padding: 0;
	background: url(../images/gl_bg_all.gif) repeat;
}
#lead {
	width: 780px;
	height: 145px;
	margin: 20px 0 14px 0;
	padding: 0;
	background: url(../images/gl_txt_img.gif) no-repeat top center;
	_background-image: none;
}

html>body #lead {background-image: none !important}

html>/**/body div #lead {
	height: auto;
	background: url(../images/gl_txt_img.gif) no-repeat center;
}

.msg {
	text-indent: -9999px;
}

/*---------------- 
  section setting
 -----------------*/
.sec01 {
	margin: 0 0 13px 0;
	/*padding: 13px;
	padding: 6.5px !important;*/
	width: 100%;
	height: auto;
	height: 100% !important;
	float: left;
	background-color: #FFF;
}

.sec01 .alpha {
	float: left;
	width: 160px;
	height: 825px;
	margin: 30px 0 0 0;
	padding: 0;
	background: url(../images/gl_img_prod_tate.jpg) no-repeat top;
}

.sec01 .beta {
	float: left;
	width: 610px;
	height: auto;
	height: 100% !important;
	margin: 0 0 13px 0;
	padding: 0;
}

#water-c {
	height: 309px;
	display: block;
	background: url(../images/gent_img_water-c.jpg) no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}

#water-c a, #water-c a:hover {
	height: 309px;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
}

#flat-c {
	height: 309px;
	display: block;
	background: url(../images/gent_img_flat-c.jpg) no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}

#flat-c a, #flat-c a:hover {
	height: 309px;
	display: block;
	cursor: pointer;
}

#otoku {
	height: 303px;
	display: block;
	background: url(../images/gent_img_combi.jpg) no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}

#otoku a, #otoku a:hover {
	height: 303px;
	display: block;
	cursor: pointer;
}

.sec02 {
	margin: 76px 0 13px 0;
	/*padding: 13px;
	padding: 6.5px !important;*/
	width: 100%;
	height: auto;
	height: 100% !important;
	background-color: #FFF;
}
*html .sec02 {
	margin: 13px 0!important;}

.egfsec {
	width: 759px;
	height: 479px;
	background: url(../images/gl_img_egf.jpg) no-repeat;
	margin: 13px 0 13px 20px;
	padding: 0;
	text-indent: -9999px;
}

.egfsec ol {
	list-style: none none;
}

.sec03 {
	margin: 6px 0;
	/*padding: 13px;
	padding: 6.5px !important;*/
	width: 100%;
	height: auto;
	height: 100% !important;
	background-color: #FFF;
}

*html .sec03 {
	margin: 13px 0!important;}
.shiyo {
	width: 759px;
	height: 480px;
	background: url(../images/gl_img_howto.jpg) no-repeat;
	margin: 13px 0 13px 20px;
	text-indent: -9999px;
}

.sec04 {
	margin: 6px 0;
	/*padding: 13px;
	padding: 6.5px !important;*/
	width: 100%;
	height: auto;
	height: 100% !important;
	background-color: #FFF;
}*html .sec04 {
	margin: 13px 0!important;}
	
/*---------------- 
  new section4 setting
 -----------------*/
.scene {
	height: 36px;
	margin-top: 13px;
	margin-left: 20px;
	background: url(../images/gl_img_scene.gif) no-repeat;
	text-indent: -9999px;
}

.scene-lead {
	width: 760px;
	margin: 0 0 54px 20px;
	padding: 0;
	text-align: center;
	font-size: 13px;
	line-height: 1.7;
}
.scene-inner {
	width: 780px;
	height: 328px;
	float: left;
	margin: 0;
	padding: 0;
}
.scene-left {
	width: 271px;
	margin: 0 0 13px 0;
	float: left;
}

.sceneclips {
	width: 780px;
	height: 244px;
	float: left;
	background: url(../images/gl_img_clips.jpg) no-repeat;

}
.attention {
	margin-left: 415px;
	font-size: 12px;
	vertical-align: text-top;
}
.voice_btn {
	display: block;
	margin-left: 330px;
	text-indent: -9999px;
}

.voice_btn a, .voice_btn a:hover {
	width:163px;
	height: 30px;
	display: block;
}

.este {
	height: 36px;
	margin-top: 13px;
	margin-left: 20px;
	background: url(../images/gl_img_este.gif) no-repeat;
	text-indent: -9999px;
}

.salon-lead {
	width: 760px;
	margin: 0 0 54px 20px;
	padding: 0;
	text-align: left;
	font-size: 13px;
	line-height: 1.7;
}
.este-inner {
	width: 780px;
	height: 328px;
	float: left;
	margin: 0;
	padding: 0;
}
.este-left {
	width: 271px;
	margin: 0 0 13px 0;
	float: left;
}

.estechief {
	width: 271px;
	height: 244px;
	float: left;
	background: url(../images/gl_img_chief.jpg) no-repeat;
}

.este-txt-cap{
	width: 271px;
	text-align: center;
	line-height: 1.7;
	font-size: 12px;
	word-spacing: 0.5em;
}
.este-right {
	width: 506px;
	float: left;
}
.este-txt {
	width: 493px;
	height: 184px;
	margin: 0;
	padding: 0;
}
.image_img {
	width: 506px;
	height: 60px;
	background: url(../images/gl_img_gazo.gif) no-repeat;
	text-align: left;
}
.attention {
	margin-left: 415px;
	font-size: 12px;
	vertical-align: text-top;
}
.este_btn {
	width: 163px;
	height: 30px;
	display: block;
	background: url(../images/gl_img_bt_salonsite.gif) no-repeat;
	margin-left: 330px;
	text-indent: -9999px;
}

.este_btn a, .este_btn a:hover {
	width:163px;
	height: 30px;
	display: block;
}

.sec05 {
	margin: 13px 0 39px 0;
	/*padding: 13px;
	padding: 6.5px !important;*/
	width: 100%;
	height: auto;
	height: 100% !important;
	background-color: #FFF;
}

#voice {
	height: 27px;
	margin: 13px 0 13px 20px;
	background: url(../images/gl_img_tit.png) no-repeat;
	text-indent: -9999px;
}

.water_tit {
	height: 36px;
	margin: 13px 0 13px 20px;
	background: url(../images/gl_tit_water.gif) no-repeat;
	text-indent: -9999px;
}

.flat_tit {
	height: 36px;
	margin: 13px 0 13px 20px;
	background: url(../images/gl_tit_flat.png) no-repeat;
	text-indent: -9999px;
}

h2.msg {
	width: 100%;
	height: 177px;
	background: url(../images/gl_txt_img.gif) no-repeat center;
	text-indent: -9999px;
}

.margleft20{
	margin: 13px 20px;
	line-height: 1.7;
}

#tokushotit {
	font-size: 20px;
	font-weight: bold;
}

.sec07 {
	margin: 13px 0 39px 0;
	width: 100%;
	height: auto;
	height: 100% !important;
	background-color: #FFF;
}

.sec07 dt,
.sec07 dd {
	margin: 5px 0;
	font-size: 12px;
}

.sec07 dt {font-size: 14px; border-bottom: 1px dotted #000;}


/*---------------- 
  footer section
 -----------------*/
#footer {
	clear: both;
	width: 100%;
}

#pagetop {
	width: 100%;
	text-align: right;
}

#footer #orderbtn {
	display: block;
	height: 34px;
	text-indent: -9999px;
	background: url(../images/gl_img_btn_ft.gif) no-repeat center;
}

#footer #orderbtn a, #footer #orderbtn a:hover {
	display: block;
	margin-left: 305px;
	width: 170px;
	height: 34px;
}

.orderw {
	text-align: center;
	color:#FFF;
	font-weight: bold;
}

#furitit {
	font-size: 20px;
	font-weight: bold;
}

.sec06 {
	margin: 13px 0 39px 0;
	/*padding: 13px;
	padding: 6.5px !important;*/
	width: 100%;
	height: auto;
	height: 100% !important;
	background-color: #FFF;
}

#footer ul.ftnavi {
	margin: 43px 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

#footer ul.ftnavi li{
	display: inline;
	margin: 0;
	padding: 0;
	line-height: 1.7;
	color: #F60;
	text-align: left;
}

.ftnavi li a:link {color: #F60; text-decoration: none;}
.ftnavi li a:visited {color: #F60; text-decoration: none;}
.ftnavi li a:hover {color: #F60; text-decoration: underline;}
.ftnavi li a:active {color: #F60; text-decoration: underline;}

.copy {
	text-align: center;
	color: #FFF;
}

/*---------------- 
  Hack
 -----------------*/
div:after {  
   content: ".";  
   display: block;  
   visibility: hidden;  
   height: 0.1px;  
   font-size: 0.1em;  
   line-height: 0;  
   clear: both;  
}
div {  
   display: inline-block;  
}