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


/* IE7 */
html {
	width:100%;
	height:100%;
}
body {
	width:100%;
	height:100%;
	position:relative;
	color:#fff;
	background:#000;
	line-height:1.8;
	letter-spacing:0.1em;
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



#wrapper {
	margin:0 auto;
	width:1050px;
	z-index: 1;
	height:auto;
	position:relative;
	background-color:#161616;
}

header {
	width:1050px;
	top:0;
	position: fixed !important;
	position: absolute;
	z-index:1000;
	height:110px;
	left:50%;
	margin-left:-525px;
}

h1#logo {
	position:absolute;
	top:20px;
	left:20px;
}
h4 {
	font-weight:normal;
}

nav#globalNavi {
	width:900px;
	position:absolute;
	top:30px;
	right:20px;
}




nav#globalNavi ul {
	position:relative;
	height:25px;
}



nav#globalNavi li {
	float:right;
	display:inline;
	line-height:0;
	font-size:0;
	padding-left:20px;
}

nav#globalNavi #mainNav li{
	padding-left:20px;
}

/* mouse over */
a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}





#mainContents{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
}
#copyright{
	text-align:right;
	font-size:10px;
	line-height:30px;
	color:#6a6a6a;
}

/* *************************************************
    TOP
************************************************* */
#topImage {
	width:1050px;
	height:650px;
	z-index: 2;
}


/* *************************************************
    PROMISE
************************************************* */
#promise{
	background:#e3bc1f;
	text-align:center;
	padding:50px 0;
	position:relative;
	height:850px;
}
#p1{
	position:absolute;
	top:270px;
	left:40px;
}
#p2{
	position:absolute;
	top:270px;
	left:528px;
}
#p3{
	position:absolute;
	top:510px;
	left:40px;
}
#p4{
	position:absolute;
	top:470px;
	left:512px;
}
#p5{
	position:absolute;
	top:730px;
	left:40px;
}
#p6{
	position:absolute;
	top:730px;
	left:520px;
}



/* *************************************************
    SERVISES
************************************************* */

#services{
	background:#161616;
	text-align:center;
	padding:60px 40px;
	position:relative;
	height:auto;
	font-family:"PT Sans Narrow";
	font-weight:bold;
	letter-spacing:0.2px;
}
#servicesBg{
	width:980px;
	height:auto;
	margin-top:45px;
	position:relative;
}
#servicesBg table{
	position:absolute;
	top:120px;
	left:340px;
	font-size:40px;
	line-height:40px;
	color:#161616;
}
.jpY{
	font-size:20px;
	margin-top:-10px;
	margin-bottom:20px;
}
#reserveMail{
	position:absolute;
	top:-140px;
	left:700px;
	text-align:left;
}
#reserveMail h3{
	color:#e3bc1f;
	font-size:30px;
	line-height:30px;
}
#reserveMail p{
	font-size:20px;
	text-align: center;
}
#reserveMail p a{
	text-decoration:underline;
}
#reserveMail p a:hover{
	text-decoration:none;
}
.w680{width:680px;}
#btnSpecial{
	position:absolute;
	top:620px;
	left:780px;
}


/*タブ切り替え*/

#servicesBg #tabNav{
	width:830px;
	margin:0 auto 60px auto;
}
#servicesBg #tabNav li{
	float:left;
	width:400px;
	margin-left:30px;
	text-indent: -9999px;
}
#servicesBg #tabNav li:first-child{margin-left:0px;}


#servicesBg #tabNav li a{
	display: block;
	text-decoration:none;
	width: 400px;
	height: 56px;
	cursor: pointer;
}

/* 通常時 */
#servicesBg #tabNav a.tabNav1{ background: url(../images/tab01_off.gif) no-repeat; }
#servicesBg #tabNav a.tabNav2{ background: url(../images/tab02_off.gif) no-repeat; }

/* active時 */
#servicesBg #tabNav li.active a.tabNav1{ background: url(../images/tab01_on.gif) no-repeat; }
#servicesBg #tabNav li.active a.tabNav2{ background: url(../images/tab02_on.gif) no-repeat; }

/* 通常のロールオーバー */
#servicesBg #tabNav  a.tabNav1:hover { background: url(../images/tab01_on.gif) no-repeat; }
#servicesBg #tabNav  a.tabNav2:hover { background: url(../images/tab02_on.gif) no-repeat; }

/* active時のロールオーバー */
#servicesBg #tabNav li.active a.tabNav1:hover { background: url(../images/tab01_on.gif) no-repeat; }
#servicesBg #tabNav li.active a.tabNav2:hover { background: url(../images/tab02_on.gif) no-repeat; }


/* *************************************************
    IFO / SNS
************************************************* */
#infosns{
	background:#e3bc1f;
	text-align:center;
	padding:50px 0;
	position:relative;
	height:850px;
}
#infoBox{
	width:640px;
	padding-left:60px;
	float:left;
}
#infoBox #feed {
	border:1px solid #000;
	height:700px;
	color:#161616;
	font-size:20px;
	font-weight:bold;
}
#snsBox{
	width:290px;
	padding-left:60px;
	float:right;
	position:relative;
}
#snsBox #b1{
	position:absolute;
	top:5px;
	left:32px;
}
#snsBox #b2{
	position:absolute;
	top:5px;
	left:190px;
}
#snsBox #b3{
	position:absolute;
	top:146px;
	left:32px;
}
#snsBox #b4{
	position:absolute;
	top:146px;
	left:190px;
}
#snsBox #b5{
	position:absolute;
	top:287px;
	left:32px;
}
#snsBox #b6{
	position:absolute;
	top:287px;
	left:190px;
}
#snsBox #b7{
	position:absolute;
	top:428px;
	left:32px;
}
#snsBox #b8{
	position:absolute;
	top:428px;
	left:190px;
}
#snsBox #b9{
	position:absolute;
	top:569px;
	left:32px;
}





/* *************************************************
    SHOP LIST
************************************************* */

#shoplist{
	background:#e3bc1f;
	text-align:left;
	padding:60px 65px;
	position:relative;
	height:850px;
	font-family:"PT Sans Narrow";
	font-weight:bold;
	letter-spacing:0.2px;
}

#shoplist h2{
	padding-bottom:20px;
	text-align:center;
}

#shoplist #nycShop{
	padding-top:30px;
}

#shoplist h3{
	font-size:20px;
}

#shoplist #shopFont2 a{
	font-size:14px;
	color:#161616;
}

#shoplist #shopFont2 a:hover{
	color:#fff;
}


#jpnList{
	margin-top:30px;
/*	padding-top:60px;
	padding-bottom:40px;*/
}




#jpnLeft{
	float:left;
	width:405px;
	margin-left:30px;
}



#jpnList #jpnLeft p a{
	font-size:14px;
	color:#161616;
}

#jpnList #jpnLeft a:hover{
	color:#fff;
}

#jpnRight{
	float:left;
	width:405px;
}

#jpnList #jpnRight p a{
	font-size:14px;
	color:#161616;
}

#jpnList #jpnRight a:hover{
	color:#fff;
}

#shoplist #sgcList .shopFont1{
	color:#161616;
	font-size:14px;
	margin-left:30px;
}



/* *************************************************
    RECRUIT
************************************************* */
#recruit{
	background:#161616;
	text-align:center;
	padding:60px 0;
	position:relative;
	height:700px;
	font-family:"PT Sans Narrow";
	font-weight:bold;
	letter-spacing:0.2px;
}
#recruitBg{
	width:308px;
	height:308px;
	margin:25px auto;
	background: url(../images/recruit_img.png) no-repeat;
	position:relative;
}
#recruitBg h3{
	color:#e3e1e1;
	font-size:30px;
	line-height:36px;
	padding-top:80px;
}
#recruitBg p{
	font-size:20px;
	text-align:center;
	padding-top:40px;
}
#recruitBg p a{
	text-decoration:underline;
	color:#e3e1e1;
}
#recruitBg p a:hover{
	text-decoration:none;
}

#entryBtn {
	position: absolute;
	top: 580px;
	left: 720px;
}

/* *************************************************
    COMPANY
************************************************* */
#about{
	background:#161616;
	padding:60px 40px;
	position:relative;
	height:auto;
	font-family:"PT Sans Narrow";
	font-weight:bold;
	letter-spacing:0.2px;
}
#about h2{
	margin-bottom:80px;
	text-align:center;
}
#about h3{
	font-size:22px;
	line-height:24px;
	font-weight:normal;
	color:#e3e1e1;
	padding-bottom:3px;
	border-bottom:3px solid #e3e1e1;
	margin-bottom:38px;
	width:430px;
}

#about div.aboutChara h3{
	letter-spacing:0.05em;
	font-size:22px;
	line-height:24px;
	font-weight:normal;
	color:#e3e1e1;
	padding-bottom:3px;
	border-bottom:3px solid #e3e1e1;
	margin-bottom:38px;
	width:100%;
}



#about div.aboutChara {
	padding:0 20px 40px;
}


.aboutImg{
	float:left;
	margin-right:12px;
	margin-bottom:5px;
}


#about p {
	font-size:12px;
	line-height:20px;
	padding-bottom:10px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width:430px;
}

#about div.aboutChara p{
	width:100%;
}






/*
#about dl dt{
	font-size:12px;
	line-height:16px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	color:#e3e1e1;
}
#about dl dd{
	font-size:12px;
	line-height:16px;
	padding-bottom:10px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-bottom:2px solid #000;
	width:430px;
	margin-bottom:8px;
}
*/




/* BANNER */

#banner1 {
	position:absolute;
	top:60px;
	left:25px;
}
#banner2 {
	position:absolute;
	top:60px;
	left:170px;
}

#banner3 {
	position: absolute;
	top: 216px;
	left: 25px;
}

#banner4 {
	position: absolute;
	top: 527px;
	right: 20px;
}

#banner5 {
	position: absolute;
	top: 527px;
	right:20px;
}

#banner6 {
	position: absolute;
	top: 216px;
	left:170px;
}

#banner7 {
	position: absolute;
	top: 527px;
	left:20px;
}


#map{
  width:840px;
  height:390px;
}



/* feed */
#feed {
	overflow: auto;
	width: 600px;
	text-align: left;
	padding: 0 20px;
	height: 720px;
}

#feed hr {
	border-top: 1px dotted #000;
}

#feed h1{
	text-align: left;
}

#feed img {
	display:none;
}
#feed p, #feed pre {
	font-weight: normal;
	font-size:12px;
}



/*saotome add 2015/8/31 feed*/
#feed time{
	font-size:13px;
	font-weight:900;
	padding:2px 15px;
	border:2px solid #333333;
}
#feed h1{
	font-size:18px;
	font-weight:900;
}
#feed div{
	font-size:14px;
	font-weight:normal;
}


/*20161206 add*/
.caption{
	color:#fff;
	font-size:12px;
	text-align:right;
	margin-top:20px;
}