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

/* L A Y O U T
==================================================== */
body,html{
color: #333;

     height:100%;

line-height: 1.6;
/* The text size is not adjusted.(on Mobile Safari) */
-webkit-text-size-adjust:none;
}
html.overflow,
html.overflow body{
overflow: hidden;
}
#wrapper{
overflow: hidden;
width:640px;
margin: 0 auto;
/* height: 100%; */
position: relative;
z-index: 3;
min-height: 100%;
}

.loader { 
  position:absolute;
  z-index:9999;
  width:39px;
  height:39px;
  top:49%;
  left:49%
}

.bgmaximage{
  position:fixed !important;
}


#img1{
display: block;
float: left;
}

#img2{
display: block;
float: left;
	display: none;
	position:fixed !important;
}

#img3{
display: block;
float: left;
	display: none;
	position:fixed !important;
}

#img4{
display: block;
float: left;
	display: none;
	position:fixed !important;
}

#image-box{
	position:fixed !important;
	width: auto;
	
	height: 100%;
}





body#concept #background-hack{
	z-index                 : -1;
    background-image: url("../images/concept/bg.jpg");
    background-repeat       : no-repeat;
    background-position: center center;
    background-size         : auto 110%;
    position                : fixed;
    top                     : -25%;
    left                    : 0;
    right                   : 0;
    bottom                  : -25%;
	
}

body#recruit #background-hack{
	z-index                 : -1;
    background-image: url("../images/image2/image3.jpg");
    background-repeat       : no-repeat;
    background-position: center center;
    background-size         : auto 110%;
    position                : fixed;
    top                     : -25%;
    left                    : 0;
    right                   : 0;
    bottom                  : -25%;
	
}

body#about #background-hack{
	z-index                 : -1;
    background-image: url("../images/image3/image1.jpg");
    background-repeat       : no-repeat;
    background-position: center center;
    background-size         : auto 110%;
    position                : fixed;
    top                     : -25%;
    left                    : 0;
    right                   : 0;
    bottom                  : -25%;
	
}

body#menu #background-hack{
	z-index                 : -1;
   background-image: url("../images/image2/image1.jpg");
    background-repeat       : no-repeat;
    background-position: center center;
    background-size         : auto 110%;
    position                : fixed;
    top                     : -25%;
    left                    : 0;
    right                   : 0;
    bottom                  : -25%;
	
}

body#cafe #background-hack{
	z-index                 : -1;
   background-image: url("../images/image4/image3.jpg");
    background-repeat       : no-repeat;
    background-position: center center;
    background-size         : auto 110%;
    position                : fixed;
    top                     : -25%;
    left                    : 0;
    right                   : 0;
    bottom                  : -25%;
	
}

body#staff #background-hack{
	z-index                 : -1;
   background-image: url("../images/image2/image2.jpg");
    background-repeat       : no-repeat;
    background-position: center center;
    background-size         : auto 110%;
    position                : fixed;
    top                     : -25%;
    left                    : 0;
    right                   : 0;
    bottom                  : -25%;
	
}

body#gallery #background-hack{
	z-index                 : -1;
   background-image: url("../images/image4/image2.jpg");
    background-repeat       : no-repeat;
    background-position: center center;
    background-size         : auto 110%;
    position                : fixed;
    top                     : -25%;
    left                    : 0;
    right                   : 0;
    bottom                  : -25%;
	
}

body#gallery.style #background-hack{
	z-index                 : -1;
   background-image: url("../images/image2/_image2.jpg");
    background-repeat       : no-repeat;
    background-position: center center;
    background-size         : auto 110%;
    position                : fixed;
    top                     : -25%;
    left                    : 0;
    right                   : 0;
    bottom                  : -25%;
	
}

/* S T Y L E
==================================================== */
/* Head
---------------------------------------- */
h1,h2,h3,h4,h5,h6,
dl dt{
font-weight: normal;
}

/* LINK
---------------------------------------- */
a:link{color:#336699; text-decoration: underline;}
a:visited{color:#336699; text-decoration: none;}
a:hover{color: #e38d5f; text-decoration:none;}
a:active{ color:#336699; text-decoration:none;}

/* TABLE
---------------------------------------- */
table{
margin-bottom: 20px;
}
table th,
table td{
padding: 15px 1px 15px 13px;
}
table th{
color: #FF5500;
}
table tr{
}
table tr.last{
background: none;
}

/* detail init */
table th.al-l,
table td.al-l{
text-align: left;
}
table .mini{
width: 30px;
}
table .mini02{
width: 60px;
}
table .short{
width: 90px;
}
table .middle{
width: 160px;
}
table .long{
width: 280px;
}
table .textcolum{
width: 500px;
}



/* Form (for Safari Lion placeholder)
---------------------------------------- */
input:focus::-webkit-input-placeholder,
isindex:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
   color: transparent;
}


/* Navigation Bar
---------------------------------------- */
nav{
	
}
ul#gnav{
	position:absolute;
	top:300px;
	left:15px;
	background: url(../../images/gnav-bg.png) no-repeat;
	width: 171px;
	height: 327px;
	padding:3px 0 0 4px;
	margin-bottom: 9px;
	
	
}

/* listView
---------------------------------------- */



/* H E A D E R
==================================================== */

header ul{
	text-align: center;
	background: url(../images/header-bg.png) repeat-x;
	height: 44px;
	padding-top: 10px;
	margin-bottom: 30px;
	position:relative;
	z-index: 3;
}

header li{
	display: inline;
	margin-right: 15px;
}

header li.last{
	margin: 0;
}

header h1{
	width: 175px;
	margin: 0 0 34px 14px;
}

div#main-wrapper{
	width: 626px;
	margin: 355px auto 0 auto;
}

.mb-child{
	padding-top: 20px;
	padding-left: 44px;
	background: url(../images/contents-bg.png) repeat-y;
}

div#main-contents p.copy{
	margin: -10px 0 30px -15px;
}

div#main-contents{
	padding-bottom: 44px;
	background: url(../images/contents-footer.png) no-repeat left bottom;
	margin-bottom: 70px;
}

footer{
	background: url(../images/footer-bg.png) repeat-x;
	height: 51px;
	position:absolute;
    bottom:0;
    width: 100%;
}

footer address{
	text-align: center;
}


/* about */

body#about div#main-contents ul.car-detail{
	margin-bottom: 20px;
}

body#about div#main-contents ul.store-detail{
margin-bottom: 20px;
	padding-top: 27px;
	background:url(../../images/about/line.png) no-repeat left top;
}

body#about div#main-contents ul.other-detail{
	padding-top: 27px;
	background:url(../../images/about/line.png) no-repeat left top;
}

body#about div#main-contents ul.store-detail li{
	margin-bottom: 15px;
}

body#about div#main-contents ul.other-detail li{
	margin-bottom: 20px;
}

body#about div#main-contents ul.car-detail li{
	margin-bottom:15px;
}


/* recruit */


body#recruit div#main-contents p.main-image{
	margin: -2px 0 30px -2px;
	padding-bottom: 30px;
	background:url(../../images/recruit/line.png) no-repeat left bottom;
}

body#recruit div.detail dl{
	width: 538px;
}

body#recruit div.detail dt{
	float:left;
	width:122px;
	padding:0 0 20px 0;
	clear:both;
	zoom: 1;
	margin:0 -13em 0 0;
	position: absolute;
	z-index: 1;
	line-height: 1em;
}

body#recruit div.detail dd{
	padding:0 0 20px 122px;
	width:416px;	
	zoom: 1;
	position: relative;
	z-index: 0;
	line-height: 1em;
}

body#recruit div.detail .last{
	padding-bottom: 0px !important;
}

/* menu */

body#menu div#contents-detail{
	
	padding-bottom: 38px;
	background: url(../../images/menu/footer.png) no-repeat left bottom;
	
}

body#menu div.inner{
	padding-top: 38px;
	background: url(../../images/menu/header.png) no-repeat;
	
	
}

body#menu div.child{
	
	background: url(../../images/menu/bg.png) repeat-y;
}

body#menu div.child h4{
	margin-left: 40px;
	margin-bottom: 19px;
	line-height: 1em;
}

body#menu div.child ul{
	margin-left: 60px;
}

body#menu div.child li{
	margin-bottom: 18px;
}

body#menu div.child li.subtitle{
	margin-left: -10px !important;
}


/* cafe */
body#cafe div#main-contents{
	
}

body#cafe div#main-contents p.main-image{
	margin: -2px 0 18px -2px;
	
}
body#cafe div#main-contents h3{
	padding-bottom: 20px;
	margin-bottom: 25px;
	text-align: center;
	line-height: 1em;
	width: 538px;

	background:url(../../images/recruit/line.png) no-repeat left bottom;
}

body#cafe div#main-contents h4{
	width: 538px;

	margin-bottom: 25px;
	text-align: center;
	line-height: 1em;
}

body#cafe div.contents-detail{
	
	padding-bottom: 30px;
	background: url(../../images/menu/footer.png) no-repeat left bottom;
	
}



body#cafe div.inner{
	padding-top: 30px;
	background: url(../../images/menu/header.png) no-repeat;
	
	
}

body#cafe div.child{
	
	background: url(../../images/menu/bg.png) repeat-y;
}

body#cafe div.child ul{
	padding: 0 0 0 30px;
}

body#cafe div.child ul li{
	margin-bottom: 18px;
	padding: 0;
}

body#cafe div.child ul li.last{
	margin: 0;
}

body#cafe div#main-contents{
	position:relative;
}

body#cafe p#bloglink{
	position: absolute;
	top:100px;
	left:763px;
	z-index: 1;
}

body#cafe p#cafe-baner{
	position: absolute;
	top:710px;
	left:485px;
	z-index: 3;
}

body#cafe div.main-image-pc{
	margin: -2px 0 18px -2px;
	padding:19px 0 0 22px;
	width: 516px;
	height: 364px;
	
	background: url(../../images/cafe/bg.png) no-repeat;
}

body#cafe div.main-image-pc div.slide-wrapper{
	width:494px;
	height: 342px;
	overflow: hidden;
	position: relative;
}

body#cafe div.main-image-pc ul.slide{
	position: relative;
	
}

body#cafe div.main-image-pc ul.slide li{
	
}



/* staff */
body#staff div#main-contents p.main-image{
	margin: -2px 0 30px -2px;
	
	
}

body#staff div#main-contents p.guide{
	padding-left: 2px;
	padding-bottom: 10px;
	line-height: 1em;
	background:url(../../images/recruit/line.png) no-repeat left bottom;
}

body#staff ul.under-nav1{
	width: 538px;
	padding: 10px 0 15px 0;
	text-align: center;
	background:url(../../images/recruit/line.png) no-repeat left bottom;
}

body#staff ul.under-nav1 li{
	display:inline;
	padding: 0 40px;
	cursor: pointer;
}

body#staff div.nav-container{
	background:url(../../images/staff/nav-bg.png) no-repeat left center;
}

#staff-guide{
	display: none;
}

div#staff2,div#staff3{
	display: none;
}

body#staff div.staff-detail{
	position: absolute;
	
	padding: 0 0 0 0;
	width:538px;
	background:url(../../images/staff/line.png) no-repeat left bottom;
}

body#staff div.staff-detail div.child{
	margin-bottom: 38px;
}

body#staff div.staff-detail div.image{
	float: left;
	width:231px;
	margin-right: 29px;
}

body#staff div.staff-detail div.detail{
	padding-top: 0;
	float: left;
	width: 272px;
	font-size: 14px;
}

body#staff div.staff-detail div.detail li{
	margin-bottom: 18px;
}

body#staff div.staff-detail div.detail p{
	padding-top: 10px;
}

body#staff div.nav-container2{
	/*background:url(../../images/staff/nav-bg.png) no-repeat left center;*/
}

body#staff ul.under-nav2{
	width: 538px;
	padding: 14px 0 15px 0;
	text-align: center;
	background:url(../../images/recruit/line.png) no-repeat left top;
}

body#staff ul.under-nav2 li{
	display:inline;
	padding: 0 40px;
	cursor: pointer;
}

body#staff p.back{
	text-align: right;
	padding-right: 50px;
	margin-top: -30px;
	display: none;
}
body#staff p.back img{
	position: relative;
	top:-20px;
	
}


/* gallery */
body#gallery ul#gallery-nav{
	padding-left: 129px;
	background: url(../../images/gallery/nav-bg.png) no-repeat 232px center;
	margin-bottom: 37px;
}
body#gallery ul#gallery-nav li{
	float: left;
	cursor:pointer;
}

body#gallery div#gallery-box{
	position: relative;
}

body#gallery div#main-contents h3{
	padding-top: 35px;
	text-align: center;
	background:url(../../images/recruit/line.png) no-repeat left top;
	line-height: 1em;
	margin-bottom: 18px;
}

body#gallery div#main-contents p.text{
	text-align: center;
	line-height: 1em;
	margin-bottom: 40px;
}

body#gallery div#main-contents div.child{
	margin-bottom: 20px;
}

body#gallery div#main-contents div.child.last{
	padding-bottom: 50px;
}

body#gallery div#main-contents div.child.full{
	margin: 0;
	padding: 0;
}

body#gallery div#main-contents div.child h4{
	margin-bottom: 20px;
}

body#gallery div#main-contents div.child ul{
	overflow: hidden;
	width: 528px;
}

body#gallery div#main-contents div.child ul li{
	margin: 0 19px 30px 0;
	float: left;
}

body#gallery div#main-contents div.child ul li.last{
	margin: 0 0 40px 0;
	
}

body#gallery #japan{
	position: absolute;
	top:0;
	left:0;
	display: none;
}


/*style*/
.non-border{
	background: none !important;
	padding-top: 0 !important;
	
}

.style-nav-container{
	background:url(../../images/staff/line.png) no-repeat;
	padding-top: 50px;
}

.style-nav{
	width: 416px;
	padding-left: 115px;
	background:url(../../images/style/nav-bg.png) no-repeat 229px 0;
}

.style-nav li{
	padding-top: 2px;
	float: left;
	height: 9px !important;
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
	vertical-align: top;
}

.style-nav li a{ 
	height: 9px;
	margin: 0 !important;
	padding: 0 !important;
	vertical-align: top;
}

.style-nav li a img{
	vertical-align: top;
}

.style-nav .prevbtn{
	padding-right: 106px;
}



div#main-contents .last{
	margin: 0 !important;
}

.pb27{
	padding-bottom: 27px;
}

.mb30{
	margin-bottom: 30px;
}

.mb40{
	margin-bottom: 40px;
}

.mr90{
	margin-right: 90px;
}