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

.wFont {
	font-family: "Champagne", sans-serif;
	/*text-shadow: 0px 0px 1px rgba(0, 0, 0, .1);*/
	/*text-shadow: 0 0 1px #aaa, 0 0 2px #ccc, 0 0 3px #eee;*/
}

#leftWindow {
	width: 203px;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: url(../images/left_navi_bg.png) center center;
	z-index: 5000;
}

.snsBtnWrap {
	position: absolute;
	bottom: 0;
	left: 10px;
}

.snsBtnWrap li {
	margin-bottom: 10px;
	position: relative;
	line-height: 0;
	height: 16px;
	overflow: hidden;
	width: 100px;
	cursor: pointer;
	z-index: 5200;
}

.snsBtnWrap li .snsSlide {
	margin-left: 5px;
	font-size: 10px;
	line-height: 16px;
	position: absolute;
	bottom: 0;
	left: -100px;
	z-index: 5100;
}

.snsBtnWrap li a {
	display: block;
	z-index: 5000;
}

.mainAtten span {
	background: #b92500;
	color: #fff;
}

.mainAtten a {
	background: #b92500;
	color: #fff;
}
.mainAtten a:hover {
	background: #b92500;
	color: #fff;
}



h2#pageTitle {
	margin-top: 90px;
	font-size: 36px;
	text-decoration: underline;
	text-align: center;
}

#section0,
#section1,
#section2,
#section3,
#section4,
#section5,
#section6{
background-size: cover;
position: relative;
}

div#mainMenuBtn {
	position: absolute;
	top: 50%;
	right: 10px;
	cursor: pointer;
}

nav#mainMenuWrap {
	width: 160px;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 1000;	
}

ul#mainMenu {
	padding-top: 40px;
	width: 133px;
	height: 100%;
	position: absolute;
	top: 0;
	right: -133px;
	background: url(../images/right_navi_bg.png) no-repeat center center;
}

ul#mainMenu li.active {
	border-left: 2px solid #231714;
}

ul#mainMenu li {
margin-left: 3px;
margin-top: 20px;
line-height: 17px;
font-size: 16px;
letter-spacing: 0.3px;
}

ul#mainMenu li:first-child { margin-top: 0; }

ul#mainMenu li span {
	padding-left: 5px;
}

ul#mainMenu li a {
	display: block;
}

ul#mainMenu li.menuAttention a {
	color: #fff;
	background: #b92500;	
}

ul#mainMenu li a:hover {
	border-left: 2px solid #231714
}

ul#mainMenu li.active a:hover {
	border-left: none;
}

#copy {
	position: absolute;
	bottom: 5%;
	right: 5px;
}

div.accentLine {
	margin: 40px 0;
	text-align: center;
}

div#toPageTop {
	position: fixed;
	left: 50%;
	bottom: 0;
	z-index: 1000;
	line-height: 0;
}

/*============================================================================================
Top Section Main Slide　start
index.html
============================================================================================*/

#section0 { overflow: hidden; z-index:5000; }


#cf1 #introWrap {
	overflow: hidden;
	background: url(../images/main.jpg) no-repeat;
	background-attachment: fixed;
	background-position: top left;
	background-size: cover;
	width: 100%;
	height: 100%;
}

#cf2 #introWrap {
	overflow: hidden;
	background: url(../images/main2.jpg) no-repeat;
	background-attachment: fixed;
	background-position: top left;
	background-size: cover;
	width: 100%;
	height: 100%;
}

#cf3 #introWrap {
	overflow: hidden;
	background: url(../images/main3.jpg) no-repeat;
	background-attachment: fixed;
	background-position: top left;
	background-size: cover;
	width: 100%;
	height: 100%;
}

 
 
 #introductionWrap {
	padding-top: 110px;
	position: absolute;
	top: 0;
	left: 5%; 
 }
 
 #introductionWrap h1 {
	position: absolute;
	top: 200px;
	left: 263px;
	text-align: left;
	width: 500px;
	font-size: 36px;
	line-height: 40px;
	letter-spacing: 1px;
 }
/*============================================================================================
Top Section Main Slide　end
index.html
============================================================================================*/
 
 
 
/*============================================================================================
Concept Section start
index.html
============================================================================================*/
#section1{
	overflow: auto;
}

#conceptBgWrap h2 {
	margin-top: 90px;
	text-align: center;
}

#section1 p {
margin-top: 30px;
font-size: 15px;
line-height: 18px;
text-align: center;
letter-spacing: 1px;}

#conceptBgWrap {
	overflow: hidden;
	background: url(../images/concept/concept_bg.jpg)  no-repeat;
	background-attachment: fixed;
	background-position: left bottom;
	/*background-size: cover;*/
	width: 100%;
	height: 100%;
	position: relative;
}

#conceptWindow {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/concept/side_bg_thumb.png) center center;
	content: '';
	width: 203px;
	height: 100%;
	display: none;
}

/*============================================================================================
Concept Section end
index.html
============================================================================================*/


/*============================================================================================
News Section start
index.html
============================================================================================*/

#section2{
	overflow: auto;
	position: relative;
}

#newsBgWrap {
	overflow: hidden;
	background: url(../images/news/news_bg.jpg)  no-repeat;
	background-attachment: fixed;
	background-position: left bottom;
	/*background-size: cover;*/
	width: 100%;
	height: 100%;
	position: relative;
}

#newsWrapper {
	margin: 50px auto 0;
	width: 620px;
	height: 600px;
	overflow: hidden;
	background-color: transparent;
}

#newsWrapper section {
	width: 580px;
}

#newsWrapper h3 {
	margin-bottom: 30px;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
}

#newsWrapper p {
	font-size: 11px;
	line-height: 24px;
}

.newsLeft {
	width: 270px;
	height: auto;
	float: left;
}

.newsRight {
	width: 280px;
	height: auto;
	float: right;
}

#newsWindow {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/news/side_bg_thumb.png) center center;
	content: '';
	width: 203px;
	height: 100%;
	display: none;
}

/*============================================================================================
News Section end
index.html
============================================================================================*/


/*============================================================================================
Shop List & Diary Section start
index.html
============================================================================================*/

#section3{
	overflow: auto;
	position: relative;
}

#shopBgWrap {
	overflow: hidden;
	background: url(../images/shoplist/shoplist_bg.jpg)  no-repeat;
	background-attachment: fixed;
	background-position: left bottom;
	/*background-size: cover;*/
	width: 100%;
	height: 100%;
	position: relative;
}

div#shopWrapper {
	margin: 50px auto 0;
	width: 620px;
	height: 600px;
	overflow: auto;
	background-color: transparent;
	font-size: 12px;
}

#shopWindow {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/shoplist/left_navi_bg.png) center center;
	content: '';
	width: 203px;
	height: 100%;
	display: none;
}

/*============================================================================================
Shop List & Diary end
index.html
============================================================================================*/


/*============================================================================================
Contact start
index.html
============================================================================================*/

#section4{
	overflow: auto;
	position: relative;
}

#contactBgWrap {
	overflow: hidden;
	background: url(../images/contact/contact_bg.jpg)  no-repeat;
	background-attachment: fixed;
	background-position: left bottom;
	/*background-size: cover;*/
	width: 100%;
	height: 100%;
	position: relative;
}

div#contactWrapper {
	margin: 50px auto 0;
	width: 620px;
	height: 600px;
	overflow: hidden;
}

div#contactWrapper h3 {
	margin-top: 35px;
	font-size: 12px;
	line-height: 24px;
}

div.contactInfo {
	margin-top: 50px;	
}

div.contactInfo a {	text-decoration: underline; }

div#contactWrapper p.contactAnno { font-size: 10px; color: #847b79; line-height: 14px; }

div.contactInfo h4,
div.contactInfo p {
	line-height: 30px;	
	text-align: center;
}

div.contactInfo h4 { font-size: 12px; font-weight: bold; }
div.contactInfo p { font-size: 14px; }

div#contactWrapper h3:first-child { margin-top: 0; }

div#contactWrapper p {
	font-size: 11px;
	line-height: 24px;
}

#contactWindow {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/contact/left_navi_bg.png) center center;
	content: '';
	width: 203px;
	height: 100%;
	display: none;
}


div#contactMailAnno {
	padding: 10px 0 10px 60px;  
	margin-top: 40px;
	border: 1px solid #cec9cb;
	background: url(../images/contact/mail_icon.gif) no-repeat 3% 50%;
}

/*============================================================================================
Contact end
index.html
============================================================================================*/


/*============================================================================================
Recruit Section start
index.html
============================================================================================*/

#section5{
	overflow: auto;
	position: relative;
}

#recruitBgWrap {
	overflow: hidden;
	background: url(../images/recruit/recruit_bg.jpg)  no-repeat;
	background-attachment: fixed;
	background-position: left bottom;
	/*background-size: cover;*/
	width: 100%;
	height: 100%;
	position: relative;
}

#recruitWrapper {
	margin: 50px auto 0;
	width: 620px;
	height: 600px;
	overflow: auto;
	background-color: transparent;
}

/* scroll Box 内 */
#recruitWrapper section {
	width: 580px;
}

#recruitWrapper h3 {
	margin-bottom: 50px;
	width: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 40px;
	color: #fff;
	background-color: #847b79;
}

#recruitWrapper h4 {
	font-size: 14px;
	text-decoration: underline;
}

#recruitWrapper h5 {
	margin-top: 25px;
	font-size: 12px;
}

#recruitWrapper p {
	font-size: 11px;	
}

#recruitWindow {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/recruit/left_navi_bg.png) center center;
	content: '';
	width: 203px;
	height: 100%;
	display: none;
}

/*============================================================================================
Recruit Section end
index.html
============================================================================================*/


/*============================================================================================
Link Section start
index.html
============================================================================================*/

#section6{
	overflow: auto;
	position: relative;
}

#linkBgWrap {
	overflow: hidden;
	background: url(../images/link/link_bg.jpg)  no-repeat;
	background-attachment: fixed;
	background-position: left bottom;
	/*background-size: cover;*/
	width: 100%;
	height: 100%;
	position: relative;
}

#linkWrapper {
	margin: 50px auto 0;
	width: 620px;
	height: 600px;
	overflow: auto;
	background-color: transparent;
}

#linkWindow {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/link/left_navi_bg.png) center center;
	content: '';
	width: 203px;
	height: 100%;
	display: none;
}

#linkWrapper section {
	width: 580px;
	margin-top: 20px;
}

#linkWrapper h3 {
	width: 580px;
	border-bottom: 1px solid #cecccd;
}

#linkWrapper span.shopName { font-size: 16px; font-weight:bold; }
#linkWrapper span.shopUrl {	font-size: 12px; }

#linkWrapper a {
	display: block;
	padding: 15px 0;	
}

.linkBoxL {
	width: 280px;
	height: auto;
	float: left;
	border: 1px solid #cecccd;
	text-align: center;
}

.linkBoxR {
	width: 280px;
	height: auto;
	float: right;
	border: 1px solid #cecccd;	
	text-align: center;
}

/*============================================================================================
Recruit Section end
index.html
============================================================================================*/