@charset "utf-8";

/*=====================================================================================
	
	Document : top.css
 
=====================================================================================*/

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

   Visual slider

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

.visual {
	width:100%;
	height:600px;
	overflow:hidden;
	position:relative;
}

.visual h1 {
	width:240px;
	height:600px;
	position:absolute;
	left:50%;
	top:0;
	margin-left:-120px;
	z-index:5;
	background-color:#000;
}

.main-slider {
	width:2000px;
	position:absolute;
	left:50%;
	top:0;
	margin-left:-1000px;
	z-index:4;
}


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

   Nav

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

.ct-nav {
	background:url(../image/top/nav/bg.png) no-repeat center top;
	height:370px;
	margin-top:-90px;
	position:relative;
	z-index:6;
}

.ct-nav > .inner {
	width:1050px;
	margin:0 auto;
	padding-top:27px;
}

.ct-nav address {
	width:302px;
	height:343px;
	background:url(../image/top/nav/ad.png?d=0530) no-repeat left top;
	float:left;
	margin-left:25px;
	display:inline;
  position:relative;
}
.ct-nav address span {
	position:absolute;
	overflow:hidden;
	width:0;
	height:0;
}
.ct-nav address .yoyaku-btn {
  position:absolute;
  right:0;
  bottom:58px;
  display:inline-block;
}

.ct-nav ul {
	list-style:none;
	width:530px;
	float:right;
	margin-right:25px;
	display:inline;
}

.ct-nav li {
	float:right;
}


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

   Menu

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

.menu {
	max-width:2000px;
	margin-left:auto;
	margin-right:auto;
}

.menu ul {
	width:1050px;
	margin:0 auto;
	list-style:none;
}

.menu li {
	float:left;
	overflow:hidden;
	position:relative;
}

.menu li.menu01 { width:346px; }
.menu li.menu02 { width:344px; }
.menu li.menu03 { width:360px; }

.menu li .photo {
	position:absolute;
	right:-20px;
	bottom:-15px;
	z-index:1;
}

.menu li:nth-child(2) .photo {
	right:-25px;
}

.menu li a {
	z-index:2;
	display:block;
	position:relative;
}

.menu li:hover {
	/*background:url(../image/bg-white-op10.png) repeat left top;*/
	background:url(../image/top/menu/bg.png) repeat-x left bottom;
}

.ie6-9 .menu li .photo {
	width:310px;
}


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

   Info

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

.info {
	max-width:2000px;
	margin-left:auto;
	margin-right:auto;
	background:url(../image/top/info/bg.png) no-repeat center bottom,
	           url(../image/bg-gray.png) repeat left top;
}

.ie6-9 .info {
	background:url(../image/bg-gray.png) repeat left top;
}

.info > .inner {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding:50px 0;
}

.info h2 {
	width:122px;
	float:left;
}

.info ul {
	width:852px;
	float:right;
	list-style:none;
	margin-top:-12px;
	margin-bottom:-12px;
	margin-right:-12px;
}

.info li {
	width:284px;
	float:left;
	position:relative;
}

.info li:hover {
	z-index:5;
}

.info li a {
	display:block;
	padding:12px;
}

.info li a:hover {
	background:url(../image/bg-washi.jpg) repeat left top;
	background-size:300px;
	color:#000;
}

.info li .imgLiquid {
	width:260px;
	height:173px;
	margin-bottom:10px;
	overflow:hidden;
}


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

   Media

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

.media {
  background-color:#0f0f0f;
}


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

   Shop info

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

/*-------------------------------------------------------
   counter
-------------------------------------------------------*/

.shopinfo01 {
	max-width:2000px;
	height:442px;
	background:url(../image/top/shopinfo/bg-counter.png) no-repeat left top;
	margin-left:auto;
	margin-right:auto;
}

.shopinfo01 > .inner {
	background:url(../image/top/shopinfo/counter.png) no-repeat left top;
	width:1200px;
	height:442px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

.shopinfo01 h3,
.shopinfo01 p {
	position:absolute;
	overflow:hidden;
	width:0;
	height:0;
}

.shopinfo01 .bt {
	position:absolute;
	left:85px;
	bottom:40px;
}


/*-------------------------------------------------------
   private room
-------------------------------------------------------*/

.shopinfo02 {
	max-width:2000px;
	height:441px;
	background:url(../image/top/shopinfo/bg-privateroom.png) no-repeat right top;
	margin-left:auto;
	margin-right:auto;
}

.shopinfo02 > .inner {
	background:url(../image/top/shopinfo/privateroom.png) no-repeat left top;
	width:1200px;
	height:441px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

.shopinfo02 h3,
.shopinfo02 p {
	position:absolute;
	overflow:hidden;
	width:0;
	height:0;
}

.shopinfo02 .bt {
	position:absolute;
	left:585px;
	bottom:40px;
}


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

   Quality

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

.quality {
	background:url(../image/bg-gray.png) repeat left top;
	height:480px;
}

.quality > .inner {
	width:1200px;
	height:524px;
	margin-left:auto;
	margin-right:auto;
	background:url(../image/top/quality/quality.png) no-repeat left top;
	position:relative;
}

.quality h4,
.quality p {
	position:absolute;
	overflow:hidden;
	width:0;
	height:0;
}

.quality .bt {
	position:absolute;
	left:518px;
	top:146px;
}


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

   Access

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

.access {
	width:1100px;
	height:557px;
	margin-left:auto;
	margin-right:auto;
	margin-top:60px;
	position:relative;
}

.access h5 {
	width:450px;
	height:301px;
	background:url(../image/top/access/md.png?d=0530) no-repeat left top;
	position:absolute;
	right:0;
	top:0;
}

.access address {
	width:390px;
	height:275px;
	background:url(../image/top/access/ad.png?d=0530) no-repeat left top;
	position:absolute;
	right:60px;
	bottom:0;
}

.access h5 span,
.access address span {
	position:absolute;
	overflow:hidden;
	width:0;
	height:0;
}

.access .map {
	position:absolute;
	left:0;
	top:0;
}

.access .bt {
	position:absolute;
	left:0;
	bottom:0;
}