@CHARSET "UTF-8";

@font-face{
    font-family: 'MinionPro-Regular';
    src: url('font/minionpro-regular.otf');
    font-weight: normal;
    font-style: normal;
}

html, body, #body{
	font-size: 1px;
	overflow-y: none;
	line-height: 1.8;
	font-size: 13px;
}
html, body, #body, main{
	position: relative;
	width: 100%;
	max-width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
}

a{
	color: #0071BC;
	text-decoration: none;
}
h2{
	font-family: MinionPro-Regular;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 1px;
}

/* IE */
img {border: none; }
a img {border: 0px; }

#body{
	background-color: orange;
}

/* ================= HEADER ================= */
#header, #header-mobile{
	position: relative;
	width: 100%;
	height: 138px;
	background-color: #FFFFFF;
	-webkit-transform:translateZ(1px);
	-moz-transform:translateZ(1px);
	-o-transform:translateZ(1px);
	transform:translateZ(1px);
	/* z-index: 1; */
	-webkit-transform: translate3d(0,0,0);
	float: top;
	-webkit-backface-visibility: hidden;
}
#header-mobile{
	height: 54px;
}

#main, #main-mobile{
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
	position: absolute;
	top: 138px;
	bottom: 0;
	width: 100%;
    background-color: #F2F2F2;
    z-index: 300;


}
#main-mobile{
	width: auto;
	top: 54px;
	left: 0;
	right: 0px;
}

#header-wrapper, #header-wrapper-mobile{
	padding-top: 26px;
	margin: 0 auto;
	width: 100%;
	max-width: 1024px;
	min-width: 800px;
	text-align: center;
	vertical-align: top;
	line-height: normal;
	position: relative;
}

#header-wrapper-mobile{
	padding-top: 9px;
}

#logo, #sections, .section, .section-selected, .sect.section, sectio-separator{
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
}
#logo{
	padding-right: 10px;
}
#logo-mobile{
	padding: 0;
	position: fixed;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

#menu{
	position: fixed;
	left: 6px;
	display: none;
}
#menu img{
	border-radius: 4px;
}

.logo-img{
	width: 92px;
	height: 92px;
}
.logo-img-mobile{
	width: 36px;
	height: 36px;
}

#sections, #sections-mobile{
	background-color: #FFFFFF;
}

#sections{
	padding-top: 14px;
	z-index: 100;
}
#sections-mobile{
	position: fixed;
	top: 0;
	padding-left: 50px;
	margin-top: 54px;
	z-index: 400;
	width: 250px;
	height: 100%;
	display: none;
	border-right: 2px solid #B3B3B3;
}

.section{
	text-align: center;
	width: 139px; /* SPACING 800px min*/
	padding-top: 20px;
	padding-bottom: 16px;
	position: relative;
	z-index: 200;
	display: inline-block;
	*display: inline;
	zoom: 1;
	border-bottom: 2px solid transparent;
	border-radius: 10px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.section-mobile{
	display: block;
	z-index: 500px;
	padding-top: 24px;
	width: 190px;
}
#section-selected, .section-selected-mobile, .section:hover, .section-selected:hover{
	/*border-bottom: 2px solid #B3B3B3;*/
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.section:hover, .section-selected:hover{
	background-color: #F2F2F2;
}

.section-en{
	font-family: MinionPro-Regular;
	font-size: 19px;
	color: #000000;
}
.section-ja{
	font-size: 12px;
	color: #808080;
}

/* ================= FOOTER ================= */
#footer{
	height: 4px;
	width: 100%;
	font-size: 10px;
	font-family: sans-serif;
	padding: 20px;
	background-color: #FFFFFF;
	position: relative;
}

/* ================= TOP SLIDESHOW ================= */
#slideshow, #slideshow-mobile, .sli, #slidef{
	background-color: #000000;
	width: 100%;
	vertical-align: top;
	position: relative;
	overflow: hidden;
	overflow-y: hidden;
}
#slideshow-mobile{
	width: 200%;
	left: -52%;
}
.sli, #slidef{
	width: 900px;
	max-width: 50%;
	min-width: 50%;
}
.sli{
	position: absolute;
}

/* ================= TOP NEWS ================= */

#top-contentt{
	z-index: 100;
}

#top-news, #news, #top-brands{
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding: 0;
	position: relative;
}

#top-news h2, #news, #top-brands h2{
	margin-top: 10px;
	margin-bottom: 0;
}

#top-news h2, #top-brands h2{
	padding-left: 16px;
}

#top-news{
    width: 75%;
}

#news{
    /*background-color: #F2F2F2;*/
    padding: 0;
    display: inline-block;
    *display: inline;
	zoom: 1;
    width: 100%;
    font-size: 13px;
}

.cnews-wrapper{
	/*background-color: white;*/
	display: inline-block;
	*display: inline;
	zoom: 1;
    /*Test onlymin-height: 300px;*/
    margin-right: 0;
    top: 0;
	vertical-align: top;
}

.dnews{
	background-color: #FFFFFF;
	display: block;
	padding: 5px;
	margin: 13px;
	width: 100%;
}

.news-img{
	min-width: 100%;
	width: 100%;
}

.news-text{
	padding: 13px;
	color: #666666;
}
.news-text b{
	color: #000000;
	font-weight: normal;
}

#top-news-mobile{
	width: 93%;
	padding: 0;
	position: relative;
	left: -6px;
}

#top-news-mobile h2{
	padding-left: 20px;
	padding-bottom: 0;
	margin-bottom: 0;
}

/* ================= TOP BRANDS ================= */
#top-brands, #top-brands-mobile{
	background-color: #E6E6E6;
	position: absolute;
	width: 25%;
	padding: 5px;
	left: 75%;
	right: 0;
	max-width: 25%;
	display: inline-block;
	*display: inline;
	zoom: 1;
	z-index:500;
}

.top-brands-img, .top-brands-img-mobile{
	width: 84%;
	max-width: 210px;
	margin: 5px;
	margin-left: 15px;
}

#top-brands-mobile{
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	padding-right: 20px;
	position: relative;
	left: -15px;
}
.top-brands-img-mobile{
	position: relative;
	width: 96%;
	max-width: 96%;
	left: 2%;
}
#top-brands-wrapper{
	max-width: 400px;
}
#top-brands-wrapper-mobile{
	width: 100%;
	padding: 0;
	margin: 0;
}
#top-brands-mobile h2{
	padding-left: 24px;
	padding-top: 40px;
	padding-bottom: 0;
	margin-bottom: 0;
}

/* ================ SECTION MAIN ================ */
.section-main, .section-main-mobile{
	margin: 0;
	margin-top: 4px;
	background-color: #FFFFFF;
	font-family: MinionPro-Regular;
	font-size: 35px;
	padding: 0;
	padding-top: 35px;
	padding-bottom: 35px;
	text-align: center;
	width: 100%;
	height: 64px;
}
.section-main-mobile{
	font-size: 24px;
	padding-bottom: 6px;
}
.section-main-decorator, .section-main-decorator-mobile{
	display: inline-block;
	*display: inline;
	zoom : 1;
	background-color: #000000;
	width: 39px;
	height: 2px;
	margin: 10px;
	margin-left: 29px;
	margin-right: 29px;
}
.section-main-decorator-mobile{
	margin: 7px;
	margin-left: 19px;
	margin-right: 19px;
	width: 25px;
}
.main-content-mobile{
	position: relative;
	left: 2%;
	width: 96%;
}

.main-content h1{
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	padding: 0;
	padding-top: 26px;
	padding-bottom: 26px;
}

/*============== SHOP ==============*/
.shops-group{
	width: 100%;
	text-align: center;
}
.shops-wrapper, #fukuri-kousei{
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 100%;
	max-width: 1024px;
	margin-bottom: 40px;
}
.shop-description{
	position: relative;
	width: 100%;
	display: inline-block;
	*display: inline;
	zoom: 1;
	max-width: 490px;
	margin-top: 0;
	margin-bottom: 40px;
	margin-right: 10px;
	vertical-align: top;
	text-align: left;
}
.shop-description-body, .shop-description-body-mobile{
	font-size: 15px;
	text-align: left;
	padding: 10px;
	color: #666666;
	line-height: 2;
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 100%;
	max-width: 480px;
}

.shop-description-body-mobile{
	position: relative;
	width: 94%;
}

.shop-description-img{
	width: 100%;
	max-width: 480px;
}
#shop-produce{
	background-color: #FFFFFF;
}
.shop-description-body h3{
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 0;
	color: #000000;
	line-height: 1.8;
}
.shop-contact{
	font-size: 13px;
	margin-bottom: 18px;
	color: #000000;
	line-height: 1.8;
}

.shop-description li, .shop-description ul{
	padding: 0;
	margin: 0;
	margin-left: 10px;
	color: #0071BC;
}

/*============== COMPANY ==============*/
.company-menu, .company-menu-mobile{
	margin: 0;
	padding: 0;
	background-color: #F2F2F2;
	font-family: MinionPro-Regular;
	font-size: 35px;
	text-align: center;
	width: 100%;
	height: 30px;
	border-bottom: solid 3px #FFFFFF;
	padding-top: 9px;
	padding-bottom: 38px;
}
.company-menu-mobile{
	padding-top: 0;
}
.company-menu a, .company-menu-mobile a{
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	margin-left: 50px;
	margin-right: 50px;
}
.company-menu-mobile a{
	margin: 4px;
	margin-top: 0;
	font-size: 13px;
}

.company-arrow, .company-arrow-mobile{
	position: relative;
	top: 3px;
	margin-left: 9px;
}
.company-arrow-mobile{
	margin-left: 4px;
	top: 1px;
	width: 10px;
}

#company-wrapper-mobile h1{
	text-align: center;
}

.info-item, .info-item-mobile, .recruit-info-item, .recruit-info-item-mobile{
	font-size: 15px;
	/*height: 30px;*/
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	margin: 0 auto;
	margin-bottom: 4px;
	padding: 20px;
	padding-left: 60px;
	width: 100%;
	max-width: 790px;
}

.recruit-info-item, .recruit-info-item-mobile{
	padding-left: 20px;
	max-width: 441px;
}

.info-item-left, .recruit-info-item-left, .info-item-right, .recruit-info-item-right{
	margin: 0;
	padding: 0;
}

.info-item-left, .recruit-info-item-left, .recruit-info-item-left-mobile, .recruit-info-item-center{
	color: black;
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 100px;
	vertical-align: top;
}
.info-item-right, .recruit-info-item-right{
	color: #666666;
	min-width: 400px;
	max-width: 490px;
	position: relative;
	text-align: left;
	display: inline-block;
	*display: inline;
	zoom: 1;
}
.recruit-info-item-left{
	width: 96px;
}
.recruit-info-item-right{
	min-width: 290px;
	max-width: 345x;
}

.recruit-info-item-center{
	width: 100%;
	max-width: 490px;
}

.company-info-address-separator{
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 42px;
}

.info-item-mobile, .recruit-info-item-mobile{
	width: 90%;
	padding-left: 2%;
	height: auto;
}
.info-item-mobile span, .recruit-info-item-mobile span{
	display: block;
	position: relative;
	width: 100%;
	min-width: 100%;
	height: auto;
	overflow-y: visible;
}

#company-access{
	font-size: 20px;
	margin-top: 30px;
	width: 100%;
	max-width: 870px;
	padding: 0;
	margin: 0 auto;
	padding-bottom: 90px;
}

#company-access h3{
	font-size: 15px;
	font-weight: normal;
}

#company-access-map-wrapper{
	width:  100%;
	height: 350px;
	margin: 0;
	padding: 0;
}
#company-access-map{
	width:  100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

#mission{
	background-color: #FFFFFF;
	padding-top: 20px;
}
#mission h1{
	margin-bottom: 20px;
	padding-bottom: 0;
	margin-bottom: 15px;
}
h1.mission-subtitle{
	color: #9E005D;
	margin-top: 0;
	padding-top: 0;
}
h1#mission-subtitle-top{
	margin-bottom: 54px;
}


#mission-text, #mission-text-sign, .fk-text{
	color: #666666;
	font-size: 15px;
	margin: 0 auto;
	width: 100%;
	max-width: 600px;
	padding-top: 18px;
}
#mission-text-sign{
	text-align: right;
	padding-left: 0;
	position: relative;
	padding-bottom: 70px;
}

#history-container{
	margin-bottom: 50px;
}
#history-container .info-item-left{
	min-width: 180px;
}

/**/
#recruit-info-body{
	padding: 0;
	max-width: 480px;
}
#recruit{
	margin-top: 50px;
}
#fk-wrapper{
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: white;
}

#fukuri-kousei{
	background-color: white;
}
.fkt{
	padding-bottom: 50px;
}
.fktw{
	text-align: left;
	padding-left: 26px;
}
#fkl, #fkr{
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #F2F2F2;
	text-align: center;
}
#fkl h3, #fkr h3{
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 0;
	color: #000000;
	line-height: 1.8;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
}
.fk-text{
	padding-top: 0;
	margin-top: 6px;
}
.fk-img-b{
	display: inline-block;
	*display: inline;
	zoom: 1;
}
.fk-img-b1, .fk-img-b2{
	display: inline-block;
	*display: inline;
	zoom: 1;
}
.fk-img-b1{
	padding-right: 4px;
}
.fk-img-b2{
	padding-left: 4px;
}
.fk-img-s1, .fk-img-s2, .fk-img-s3{
	display: inline-block;
	*display: inline;
	zoom: 1;
}
.fk-img-s1{
	padding-right: 5px;
}
.fk-img-s3{
	padding-left: 5px;
}
#career-body{
	padding-bottom: 50px;
}
#career-img-wrapper{
	padding: 0;
	margin: 0;
	border: 0;
	padding-top: 104px;
	padding-bottom: 1px;
}
#career-img{
	position: relative;
	top: -50px;
	left: -20px;
}

.company-menu-mobile a{
	font-size: 12px;
}

#career-img-wrapper-parent{
	max-width: 415px;
}