@charset "UTF-8";
/* CSS Document */

/*
----------------------------------------------------------------------
	Site Name: eizo
	Last-updated: 2010/06/16

	1. =Reset
	2. =Link
	3. =Layout
	4. =Header Global Navigation
	5. =Contents

		
----------------------------------------------------------------------
*/

/*
----------------------------------------------------------------------
	1. =Reset
----------------------------------------------------------------------
*/

* {
	margin: 0;
	padding: 0;
	zoom: 1;/*	position: relative; */
}
html {
	height: 100%;
}
body {
	text-align: left;
	color: #545454;
	/*font-family: Myriad Pro, Arial, Helvetica, sans-serif;*/
	font-size: 70%;
	color: #545454;
	background: #ffffff;
}
h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
ul,li {
	list-style: none;
	margin: 0;
	padding: 0;
}
img,img a,a img {
	margin: 0;
	padding: 0;
	border: 0;
	border-style: none;
	text-decoration: none;
/*	behavior:url(/common/js/lib/iefix/iepngfix.htc); */
}
a {
	text-decoration: none;
	color: #545454;
}
a:hover {

}
a:focus {
	outline: none;
	-moz-outline-style: none;
}
p {
	margin: 0;
	padding: 0;
	margin-bottom: 24px;
	line-height: 150%;
}
table {
	border-collapse: collapse;
	text-align: left;
}
div {
	border-collapse: collapse;
}
input {
	margin: 0;
	padding: 0;
}
.clear {
	clear: both;
}
.clearfix:after {
	content: ".";  
    display: block;  
    height: 0;  
    clear: both;  
    visibility: hidden;
}  
.clearfix {
	display: inline-block;
}  
/* Hides from IE-mac \*/  
* html .clearfix {
	height: 1%;
}  
.clearfix {
	display: block;
}
*html .treatment .cbox {
	clear: both;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 100px;
}
*html .pricelist .cbox {
	clear: both;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 100px;
}
*html #cutperm-navi-01 {
	float: left;
	margin: -280px 30px 0 30px;
	position: relative;
	z-index: 4;
	display: block;
	width: 700px;
}
*html #cutperm-navi-02 {
	float: right;
	margin: -280px 0 0 -30px;
	position: relative;
	z-index: 4;
}
*html #haircolor-navi-01 {
	float: left;
	margin: -550px 70px 0 20px;
	position: relative;
	display: block;
	width: 680px;
	z-index: 4;
}
*html #haircolor-navi-02 {
	float: right;
	margin: -550px 0 0 0;
	position: relative;
	z-index: 4;
}
*html #spa-navi-01 {
	float: left;
	margin: -290px 80px 0 10px;
	position: relative;
	display: block;
	width: 660px;
	z-index: 4;
}
*html #spa-navi-02 {
	float: right;
	margin: -290px 0 0 0;
	position: relative;
	z-index: 4;
}
*html #treatment-navi-01 {
	float: left;
	margin: -455px 80px 0 10px;
	position: relative;
	display: block;
	width: 620px;
	z-index: 4;
}
*html #treatment-navi-02 {
	float: right;
	margin: -455px 0 0 0;
	position: relative;
	z-index: 4;
}
*html #pricelist-navi-01 {
	float: left;
	margin: -655px 80px 0 10px;
	position: relative;
	z-index: 4;
}
*html #pricelist-navi-02 {
	float: right;
	margin: -655px 0 0 0;
	position: relative;
	z-index: 4;
}
*html #mode-navi {
	display: inline-block;
	width: 859px;
}
*html #mode-navi-02 {
	float: right;
	width: 21px;
	height: 21px;
	margin: -315px -38px 0 0;
	background-color: #c2007b;
}
/* End hide from IE-mac */ 

/*
----------------------------------------------------------------------
	2. =Layout
----------------------------------------------------------------------
*/
.content_wrap {
	position: relative;
}
#page-salon .content_wrap {
	visibility: hidden;
}
#page-service .content_wrap {
	visibility: hidden;
}
.container {
	margin-left: auto;
	margin-right: auto;
	width: 900px;	
}
.gnav {
	margin-top: 23px;
	margin-left: auto;
	margin-right: auto;
	width: 650px;
	height: 20px;
}
.content_overlay_left {
	clear: both;
	float: left;
	margin: -600px 0 0 0; /*overwrite*/
	position: relative;
	z-index: 10;
	width: 25px;
	height: 600px; /*overwrite*/
	background-image: url(../images/common/bg_common.png);
	background-repeat: repeat-y;
}
.content_overlay_right {
	float: right;
	margin: -600px 0 0 875px; /*overwrite*/
	position: relative;
	z-index: 10;
	width: 25px;
	height: 600px; /*overwrite*/
	background-image: url(../images/common/bg_common.png);
	background-repeat: repeat-y;
	background-position: right top;
}
.content_wrap {
	clear: both;
	width: 900px;
}
.content {
	/*margin-top: -600px; /*overwrite*/
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 3;
	width: 900px;
	/*height: 600px; /*overwrite*/
}
.marginbottom0 {
	margin-bottom: 0;
}
.margintop43 {
	margin-top: 43px;
}

/*
----------------------------------------------------------------------
	. =Top
----------------------------------------------------------------------
*/
body#page-top #news {
	margin-top:	3em;
	text-align:	center;
}
body#page-top .gnav {
	position: absolute;
	top: 152px;
	z-index: 9;	/* for menu clicking */
}
body#page-top #news {
	position: relative;
	z-index: 9;
}
body#page-top .content {
	margin-top:	0;
	height:	auto;	/* overwrite to style.css */
}
body#page-top .container {
	visibility: hidden;
}

/*
----------------------------------------------------------------------
	. =Head Arrow
----------------------------------------------------------------------
*/
.arrowup a img {
	margin-right: 5px;
}
.arrowdown a img {
	margin-right: 5px;
}
.arrowleft a img {
	margin-right: 5px;
}
.arrowright a img {
	margin-left: 5px;
}
.arrowslant a img {
	margin-right: 5px;
}

/*
----------------------------------------------------------------------
	. =Header Global Navigation
----------------------------------------------------------------------
*/

.gnav h1 {
	float: left;
	width: 115px;
	font-size: 1px;
}
.gnav .menu {
	float: left;
	margin-top: 5px;
	height: 11px;
}
.gnav .menu li {
	float: left;
	height: 11px;
	font-size: 1px;
}
.gnav .menu li a img {
	vertical-align: top;
}	
.gnav .menu li.menu-01 {margin-right: 49px;}
.gnav .menu li.menu-02 {margin-right: 51px;}
.gnav .menu li.menu-03 {margin-right: 57px;}
.gnav .menu li.menu-04 {margin-right: 65px;}
.gnav .menu li.menu-05 {}

/*
----------------------------------------------------------------------
	. =Concept Only
----------------------------------------------------------------------
*/
.concept {
	margin-top: 62px;
	margin-left: 103px;
	margin-right: auto;
	width: 730px;
}
.concept .cbox {
	clear: both;
	float: left;
	width: 650px;
}
.concept h2 {
	margin-bottom: 43px;
}
/*ナビボタン*/
#concept-navi-01 {
	float: right;
	text-align: right;
	margin-top: 186px;
}
#concept-navi-02 {
	clear: both;
	margin-left: 315px;
	margin-top: 20px;
	display: inline-block;
}

/*
----------------------------------------------------------------------
	. =Staff Profile Only
----------------------------------------------------------------------
*/
.staff {
	clear: both;
	height: 600px;
}
.staff h2 {
	position: absolute;
	top: 88px;
	left: 694px;
}
.staff.cbox {
}
.staff p.name01 {
	position: absolute;
	top: 140px;
	left: 50px;
}
.staff p.name02 {
	position: absolute;
	top: 145px;
	left: 55px;
}
.staff p.name03 {
	position: absolute;
	top: 150px;
	left: 60px;
}
.staff p.name04 {
	position: absolute;
	top: 155px;
	left: 55px;
}
.staff p.name05 {
	position: absolute;
	top: 145px;
	left: 70px;
}
.staff p.name06 {
	position: absolute;
	top: 145px;
	left: 45px;
}
.staff p.name07 {
	position: absolute;
	top: 144px;
	left: 73px;
}

#staff01  {
	position: absolute;
	top: 273px;
	left: 38px;
}
#staff01-move  {
	position: absolute;
	top: 350px;
	left: 25px;
}
#staff02 {
	position: absolute;
	top: 240px;
	left: 261px;
}
#staff02-move  {
	position: absolute;
	top: 212px;
	left: 666px;
}
#staff03 {
	position: absolute;
	top: 192px;
	left: 489px;
}
#staff03-move {
	position: absolute;
	top: 203px;
	left: 706px;
}
#staff04 {
	position: absolute;
	top: 280px;
	left: 369px;
}
#staff04-move {
	position: absolute;
	top: 200px;
	left: 758px;
}
#staff05 {
	position: absolute;
	top: 317px;
	left: 146px;
}
#staff05-move {
	position: absolute;
	top: 344px;
	left: 104px;
}
#staff06 {
	position: absolute;
	top: 125px;
	left: 744px;
}
#staff06-move {
	position: absolute;
	top: 192px;
	left: 813px;
}
#staff07 {
	position: absolute;
	top: 210px;
	left: 617px;
}
#staff07-move {
	position: absolute;
	top: 214px;
	left: 756px;
}
/*
#staff01  {
	position: absolute;
	top: 261px;
	left: 42px;
}
#staff01-move  {
	position: absolute;
	top: 350px;
	left: 25px;
}
#staff02 {
	position: absolute;
	top: 235px;
	left: 254px;
}
#staff02-move  {
	position: absolute;
	top: 212px;
	left: 666px;
}
#staff03 {
	position: absolute;
	top: 174px;
	left: 456px;
}
#staff03-move {
	position: absolute;
	top: 203px;
	left: 706px;
}
#staff04 {
	position: absolute;
	top: 293px;
	left: 367px;
}
#staff04-move {
	position: absolute;
	top: 200px;
	left: 758px;
}
#staff05 {
	position: absolute;
	top: 308px;
	left: 130px;
}
#staff05-move {
	position: absolute;
	top: 344px;
	left: 104px;
}
#staff06 {
	position: absolute;
	top: 120px;
	left: 715px;
}
#staff06-move {
	position: absolute;
	top: 192px;
	left: 813px;
}
#staff07 {
	position: absolute;
	top: 250px;
	left: 618px;
}
#staff07-move {
	position: absolute;
	top: 214px;
	left: 756px;
}*/
/*古賀栄三プロフィール*/
#profile01 {
	padding: 84px 35px 55px 55px;
	width: 367px;
	height: 800px;
	background-image: url(../images/salon/staff/bg_staff_profile01.png);
	background-repeat: no-repeat;
	color: #000000;
}
.profile01-s {
	scrollbar-base-color: #fa6380;
}
/*中村陽子プロフィール*/
#profile02 {
	padding: 84px 35px 55px 55px;
	width: 366px;
	height: 586px;
	background-image: url(../images/salon/staff/bg_staff_profile02.png);
	background-repeat: no-repeat;
	color: #000000;
}
.profile02-s {
	scrollbar-base-color: #f5e8d8;
}
/*滝川幸大プロフィール*/
#profile03 {
	padding: 84px 35px 55px 55px;
	width: 367px;
	height: 586px;
	background-image: url(../images/salon/staff/bg_staff_profile03.png);
	background-repeat: no-repeat;
	color: #000000;
}
.profile03-s {
	scrollbar-base-color: #e2dec9;
}
/*水倉真吾プロフィール*/
#profile04 {
	padding: 84px 35px 55px 55px;
	width: 367px;
	height: 586px;
	background-image: url(../images/salon/staff/bg_staff_profile04.png);
	background-repeat: no-repeat;
	color: #000000;
}
.profile04-s {
	scrollbar-base-color: #b1eadb;
}
/*立石雄太郎プロフィール*/
#profile05 {
	padding: 84px 35px 55px 55px;
	width: 366px;
	height: 586px;
	background-image: url(../images/salon/staff/bg_staff_profile05.png);
	background-repeat: no-repeat;
	color: #000000;
}
.profile05-s {
	scrollbar-base-color: #ffffff;
}
/*福田智則プロフィール*/
#profile06 {
	padding: 84px 35px 55px 55px;
	width: 366px;
	height: 586px;
	background-image: url(../images/salon/staff/bg_staff_profile06.png);
	background-repeat: no-repeat;
	color: #000000;
}
.profile06-s {
	scrollbar-base-color: #fecb00;
}
/*山形幸代プロフィール*/
#profile07 {
	padding: 84px 35px 55px 55px;
	width: 366px;
	height: 586px;
	background-image: url(../images/salon/staff/bg_staff_profile07.png);
	background-repeat: no-repeat;
	color: #000000;
}
.profile07-s {
	scrollbar-base-color: #efdde7;
}
.profile-fix {
	margin-bottom: 20px;
	margin-left: 18px;
}
.profile-scroll {
	margin-left: 18px;
	padding: 0 10px 10px 0;
	height: 430px;
	overflow: auto;
	border: none;
}
.staff-name {
	margin-bottom: 17px;
	font-size: 130%;
}
.marginright30 {
	margin-right: 30px;
}
.profile-scroll p {
	margin-bottom: 20px;
	line-height: 120%;
}
#staff-navi-01 {
	position: absolute;
	top: 136px;
	left: 83px;
	/*left: 83px;*/
	left: 53px;
}
#staff-navi-02 {
	position: absolute;
	top: 496px;
	/*left: 324px;*/
	left: 274px;
}
#staff-navi-03 {
	position: absolute;
	top: 442px;
	left: 785px;
}

/*
----------------------------------------------------------------------
	. =Recruit Only
----------------------------------------------------------------------
*/
.recruit {
	margin-left: auto;
	margin-right: auto;
}
.recruit .cbox {
	margin-top : 35px;
	margin-left: 161px;
	width: 636px;
	height: auto;
}
.recruit .cbox-top {
	width: 614px;
	height: 93px;
	display: block;
	background-image: url(../images/salon/recruit/bg_recruit_top.png);
}
.recruit .txtbox {
	margin: 0;
	padding: 23px 150px 0 150px;
	width: 300px;
	display: inline-block;
	background-image: url(../images/salon/recruit/bg_recruit.png);
	background-repeat: repeat-y;
}
.recruit .cbox-bottom {
	margin: 0;
	padding: 0;
	width: 636px;
	height: 79px;
	display: block;
	background-image: url(../images/salon/recruit/bg_recruit_bottom.png);
	background-repeat: no-repeat;
}
.recruit .cbox-top h2 {
	padding-top: 71px;
	padding-left: 124px;
}
#recruit-navi-01 {
	position: absolute;
	top: 352px;
	left: 28px;
	/*left: 48px;*/
}
#recruit-navi-02 {
	position: absolute;
	top: 414px;
	left: 32px;
	/*left: 52px;*/
}
#recruit-navi-03 {
	clear: both;
	margin-left: 379px;
	margin-top: 28px;
	display: inline-block;
}

/*
----------------------------------------------------------------------
	. =Salon Gallery Only
----------------------------------------------------------------------
*/
.salon-gallery {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	text-align: center;
}
.salon-gallery .navibox {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 11px;
	width: 380px;
	height: 20px;
	text-align: left;
}
.salon-gallery .navilist {
	float: left;
	width: 380px;
}
.salon-gallery .navilist li {
	display: inline;
}
#salon-gallery-navi-01 {
	margin-right: 28px;
}
#salon-gallery-navi-02 {
	margin-right: 28px;
}
#salon-gallery-navi-03 {
}
.salon-gallery .cbox {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 13px;
	width: 670px;
}
.salon-gallery .thumbnail img {
	margin-left: 9px;
}

/*
----------------------------------------------------------------------
	. =Service Only
----------------------------------------------------------------------
*/
.snav {
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	height: 25px;
}
.snav ul li {
	display: inline;
	margin-right: 20px;
	padding-left: 14px;
	background-image: url(../images/common/fig_arrow_sub.png);
	background-repeat: no-repeat;
	color: #b3b3b3;
}

/*
----------------------------------------------------------------------
	. =CutPerm
----------------------------------------------------------------------
*/
.cutperm {
	margin-top: 60px;
}
.cutperm .cbox {
	clear: both;
	width: 610px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
}
.cutperm .cbox-top {
	height: 80px;
}
.cutperm .cbox-main {
	width: 100%;
	height: 360px;
	background-image: url(../images/service/cut/bg_cut.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.cutperm .cbox-main p {
	margin: 0 0 1.7em 1em;
	padding: 0;
	width: 200px;
	text-align: justify;
}
.cutperm .cbox-bottom {
	height: 25px;
}
#cutperm-navi-01 {
	float: left;
	margin: -280px 0 0 30px;
	_margin-left: 0;
	position: relative;
	z-index: 4;
	display: block;
	width: 700px;
}
#cutperm-navi-02 {
	float: right;
	margin: -280px 15px 0 0;
	_margin-right: 0;
	position: relative;
	z-index: 4;
}

/*
----------------------------------------------------------------------
	. =HairColor
----------------------------------------------------------------------
*/
.haircolor {
		margin-top: 60px;
}
.haircolor .cbox {
	clear: both;
	width: 570px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 50px;
}
.haircolor .cbox-top {
	height: 35px;
}
.haircolor .cbox-main {
	width: 100%;
	height: 365px;
	padding-top: 50px;
	background-image: url(../images/service/color/bg_color.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.haircolor .cbox-main p {
	margin: 0 0 1.7em 0;
	padding: 0;
	width: 280px;
	text-align: justify;
}


.haircolor .cbox-main_nailtitle {
	/*margin-top: 20px;*/
}
.haircolor .cbox-main_nail {
	width: 100%;
	height: 271px;
	padding-top: 50px;
	background-image: url(../images/service/color/bg_nail.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.haircolor .cbox-main_nail p {
	margin: 0 0 1.7em 0;
	padding: 0;
	width: 280px;
	text-align: justify;
}


.haircolor .cbox-bottom {
	height: 25px;
}
#haircolor-navi-01 {
	float: left;
	margin: -650px 0 0 30px;
	_margin-left: 0;
	position: relative;
	display: block;
	width: 680px;
	z-index: 4;
}
#haircolor-navi-02 {
	float: right;
	margin: -650px 30px 0 0;
	_margin-right: 0;
	position: relative;
	z-index: 4;
}


/*
----------------------------------------------------------------------
	. =HeadSpa
----------------------------------------------------------------------
*/
.spa {
		margin-top: 45px;
}
.spa .cbox {
	clear: both;
	width: 650px;
	margin-right: auto;
	margin-left: auto;
}
.spa .cbox-top {
	height: 85px;
	margin: 0 0 0 95px;
}
.spa .cbox-main {
	width: 100%;
	height: 370px;
	background-image: url(../images/service/spa/bg_spa.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.spa .cbox-main p {
	margin: 0 0 1.7em 380px;
	padding: 0;
	width: 220px;
	text-align: justify;
}
.spa .cbox-bottom {
	height: 25px;
}
#spa-navi-01 {
	float: left;
	margin: -290px 0 0 30px;
	_margin-left: 0;
	position: relative;
	display: block;
	width: 660px;
	z-index: 4;
}
#spa-navi-02 {
	float: right;
	margin: -290px 30px 0 0;
	_margin-right: 0;
	position: relative;
	z-index: 4;
}

/*
----------------------------------------------------------------------
	. =Treatment
----------------------------------------------------------------------
*/
.treatment {
	margin-top: 50px;
}
.treatment .cbox {
	clear: both;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}
.treatment .cbox-top {
	height: 250px;
}
.treatment .cbox-main{
	width: 100%;
	height: 350px;
}
.treatment .cbox-main p {
	margin: 0 0 1.7em 0;
	padding: 0;
	text-align: justify;
}
.treatment .cbox-bottom {
	height: 25px;
}
#treatment-navi-01 {
	float: left;
	margin: -455px 0 0 30px;
	_margin-left: 0;
	position: relative;
	display: block;
	width: 620px;
	z-index: 4;
}
#treatment-navi-02 {
	float: right;
	margin: -455px 30px 0 0;
	_margin-right: 0;
	position: relative;
	z-index: 4;
}

/*
----------------------------------------------------------------------
	. =PriceList
----------------------------------------------------------------------
*/
.pricelist {
	margin-top: 40px;
}
.pricelist .cbox {
	clear: both;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}
.pricelist .cbox-top {
	height: 65px;
}
.pricelist .cbox-main {
	width: 100%;
	margin: 0 0 0 50px;
}
.pricelist .cbox-main .pricelist-01 {
	width: 400px;
	margin: 0 0 25px 0;
}
.pricelist .cbox-main .pricelist-01 td {
	padding: 0.1em 0 0.1em 0;
	vertical-align: bottom;
}
.pricelist .cbox-main .pricelist-01 td.item {
	width: 250px;
}
.pricelist .cbox-main .pricelist-01 td.price {
	width: 150px;
}
.pricelist .cbox-main .pricelist-02 {
	width: 400px;
	margin: 0 0 25px 0;
}
.pricelist .cbox-main .pricelist-02 td {
	padding: 0.1em 0 0.1em 0;
	vertical-align: bottom;
}
.pricelist .cbox-main .pricelist-02 td.item {
	width: 250px;
}
.pricelist .cbox-main .pricelist-02 td.price {
	width: 75px;
}
.pricelist .cbox-main p {
	margin: 0 0 1.7em 0;
	padding: 0;
	text-align: justify;
}
.pricelist .cbox-bottom {
	height: 25px;
}
#pricelist-navi-01 {
	float: left;
	margin: -655px 0 0 30px;
	_margin-left: 0;
	position: relative;
	z-index: 4;
}
#pricelist-navi-01 p {
	margin-bottom: 40px;
}
#pricelist-navi-02 {
	float: right;
	margin: -655px 30px 0 0;
	_margin-right: 0;
	position: relative;
	z-index: 4;
}
#pricelist-navi-02 p {
	text-align: right;
	margin-bottom: 40px;
}

/*
----------------------------------------------------------------------
	. =Gallery
----------------------------------------------------------------------
*/
#gallery {
	background-image: url(../images/gallery/bg_gal_top.gif);
	background-repeat: repeat-x;
}
.gallery {
	width: 840px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}
.gallery .mode {
	width: 840px;
	height: 307px;
	background-color: #020203;
}
.gallery p {
	margin: 0;
	padding: 0;
}
.gallery p img {
	vertical-align: top;
}
.gallery .natural {
	width: 840px;
	height: 293px;
	background-color: #ffffff;
}
.gallery .gmenu {
	width: 335px;
	height: 23px;
	position: absolute;
	top:585px;
	left:490px;
}
.gallery .gmenu h1 {
	float: left;
	display: block;
	width: 64px;
	height: 23px;	
	font-size: 1px;
	line-height:0;
}
.gallery .gmenu .menu {
	float: left;
}
.gallery .gmenu .menu li {
	float: left;
	height: 11px;
	font-size: 1px;
	margin: 12px 0 0 0;
	line-height:0;

}
.gallery .gmenu .menu li a img {
	vertical-align: top;
	line-height:0;	
}

.gallery .gmenu .menu li.menu-01 {width: 36px; height: 11px; margin-right: 9px;}
.gallery .gmenu .menu li.menu-02 {width: 45px; height: 11px; margin-right: 14px;}
.gallery .gmenu .menu li.menu-03 {width: 47px; height: 11px; margin-right: 13px;}
.gallery .gmenu .menu li.menu-04 {width: 40px; height: 11px; margin-right: 11px;}
.gallery .gmenu .menu li.menu-05 {width: 31px; height: 11px; margin-right: 12px;}

/*
----------------------------------------------------------------------
	. =ModeGallery
----------------------------------------------------------------------
*/
#gallery-mode{
	background-color: #dfe0e0;
	background-image: url(../images/gallery/bg_mode_top.gif);
	background-repeat: repeat-x;
}
.gallery-mode {
	width: 840px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}
.gallery-mode .items {
	width: 840px;
	height: 64px;
	background-color: #2b2b2b;
	overflow: hidden;
}
.gallery-mode .items ul li {
	float: left;
	filter: alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
}
.gallery-mode .items ul li:hover {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.gallery-mode .model {
	width: 840px;
	height: 536px;
	background-color: #dfe0e0;
}
.gallery-mode .model .model-layout {
	text-align: right;
	margin-right: 36px;
}
.gallery-mode p {
	margin: 0;
	padding: 0;
}
.gallery-mode p img {
	vertical-align: top;
}
.gallery-mode .gmenu {
	display: inline-block;
	width: 779px;
	height: 19px;
	position:absolute;
	top:587px;
	left:36px;
}
.gallery-mode .gmenu h1 {
	float: left;
	display: block;
	width: 61px;
	height: 19px;
	margin-right: 17px;	
	font-size: 1px;
	line-height: 0;
	background-color: #c2007b;
}
.gallery-mode .navi-mode {
	float: right;
	display: block;
	margin-top: 12px;
	margin-left: 0;
	width: 90px;
	height: 7px;
}
.gallery-mode .navi-mode p {
	margin: 0;
	padding: 0;
}
.gallery-mode .navi-mode p span {
	margin-left: 12px;
}
.gallery-mode .gmenu .menu {
	float: left;
}
.gallery-mode .gmenu .menu li {
	float: left;
	height: 7px;
	font-size: 1px;
	margin-top: 12px;
	background-color: #c2007b;
	line-height:0;
}
.gallery-mode .gmenu .menu li img {
	vertical-align: top;
	line-height:0;
}
.gallery-mode .gmenu .menu li.menu-01 {width: 33px; height: 7px; margin-right: 12px;}
.gallery-mode .gmenu .menu li.menu-02 {width: 41px; height: 7px; margin-right: 18px;}
.gallery-mode .gmenu .menu li.menu-03 {width: 43px; height: 7px; margin-right: 17px;}
.gallery-mode .gmenu .menu li.menu-04 {width: 36px; height: 7px; margin-right: 15px;}
.gallery-mode .gmenu .menu li.menu-05 {width: 27px; height: 7px;}
#mode-navi {
	display: inline-block;
	width: 840px;
}
#mode-navi-01 {
	float: left;
	width: 21px;
	height: 21px;
	margin: -315px 0 0 19px;
	_margin-left: 19px;
	background-color: #c2007b;
}
#mode-navi-01 p {
	margin: 0;
	padding: 0;
}
#mode-navi-02 {
	float: right;
	width: 21px;
	height: 21px;
	margin: -315px -38px 0 0;
	_margin-right: 19px;
	background-color: #c2007b;
}
#mode-navi-02 p {
	margin: 0;
	padding: 0;
}

/*
----------------------------------------------------------------------
	. =NaturalGallery
----------------------------------------------------------------------
*/
#gallery-natural {
	background-color: #dfe0e0;
	background-image: url(../images/gallery/bg_natural_top.gif);
	background-repeat: repeat-x;
}
.gallery-natural {
	width: 840px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}
.gallery-natural .items {
	width: 840px;
	height: 64px;
	background-color: #f0f0f0;
	overflow: hidden;
}
.gallery-natural .items ul li {
	float: left;
	filter: alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
}
.gallery-natural .items ul li {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.gallery-natural .model {
	width: 840px;
	height: 536px;
	background-color: #dfe0e0;
}
.gallery-natural .model .model-layout {
	margin-left: 36px;
}
.gallery-natural p {
	margin: 0;
	padding: 0;
}
.gallery-natural p img {
	vertical-align: top;
}
.gallery-natural .gmenu {
	display: inline-block;
	width: 777px;
	height: 19px;
	position: absolute;
	top:587px;
	left:36px;
}
.gallery-natural .gmenu h1 {
	line-height:0;
	font-size:1px;
	display: block;
	height: 19px;
}
.gallery-natural .navi-natural {
	float: left;
	display: block;
	margin-top: 12px;
	margin-left: 0;
	width: 100px;
	height: 7px;
}
.gallery-natural .navi-natural p {
	margin: 0;
	padding: 0;
}
.gallery-natural .navi-natural p span {
	margin-left: 12px;
}
.gallery-natural .gmenu .menu {
	float: right;
	display: inline-block;
}
.gallery-natural .gmenu .menu li {
	float: left;
	height: 19px;
	font-size: 1px;
	margin-top: 12px;
	background-color: #dfe0e0;
	line-height:0;
}
.gallery-natural .gmenu .menu li img {
	vertical-align: top;	
	line-height:0;
}
.gallery-natural .gmenu .menu li.menu-01 {width: 33px; height: 7px; margin-right: 12px;}
.gallery-natural .gmenu .menu li.menu-02 {width: 41px; height: 7px; margin-right: 18px;}
.gallery-natural .gmenu .menu li.menu-03 {width: 43px; height: 7px; margin-right: 17px;}
.gallery-natural .gmenu .menu li.menu-04 {width: 36px; height: 7px; margin-right: 15px;}
.gallery-natural .gmenu .menu li.menu-05 {width: 27px; height: 7px; margin-right: 17px;}
.gallery-natural .gmenu .menu li.logo {
	margin: 0;
	width: 61px;
	height: 19px;
	display: block;
	background-color: #dfe0e0;
}
#natural-navi-01 {
	float: left;
	width: 21px;
	height: 21px;
	margin: -283px 0 0 19px;
	_margin-left: 19px;
	background-color: #ff7a14;
}
#natural-navi-01 p {
	margin: 0;
	padding: 0;
}
#natural-navi-02 {
	float: right;
	width: 21px;
	height: 21px;
	margin: -283px 23px 0 0;
	_margin-right: 19px;
	background-color: #ff7a14;
}
#natural-navi-02 p {
	margin: 0;
	padding: 0;
}

/*
----------------------------------------------------------------------
	. =Access Only
----------------------------------------------------------------------
*/
.access {
	margin-left: 114px;
	width: 705px;
}
@media screen {
	.access .map-swf {
		width: 705px;
		height: 482px;
	}
	.access .map-image {
		display: none;
		margin-top: 43px; 
	}
}
@media print {
	.access .map-swf {
		display: none;
		width: 705px;
		height: 482px;
	}
	.access .map-image {
		margin-top: 43px; 
	}
}
.access .cbox {
	margin-top: 27px;
	width: 679px;
}
.access .cbox .clbox {
	float: left;
	margin-left: 21px;
	width: 315px;
}
.access .cbox .crbox {
	float: left;
	margin-left: 27px;
	width: auto;
}
.access table {
	margin-bottom: 24px;
}
.access table th {
	font-weight: normal;
	padding-right: 10px;
	line-height: 150%;
}