@charset "utf-8";
/* CSS Document */
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
body{
	/*border-top:30px solid #e7e7e7;*/
	background: url('../img/bg.jpg');
	background-position: center top;
	background-attachment: fixed;
font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	color: #fff;
}
.dopc {
	display: none;
}
.fl {
	float: left;
}
#wrapper{
	width:98%;
	padding: 0 1%;
	background-color:#000;
}
#spNav h1 img {
	width: 100%;
}
h1 img {
	width: 100%;
}
.topText {
	padding-top: 20px;
	font-size: 18px;
	line-height: 26px;

}
.topText img {
	width: 30%;
	margin: 10px;
	float: left;
}
.text {
	padding: 20px;
	font-size: 16px;
	line-height: 24px;
	overflow: hidden;

}
.text img {
padding: 10px;
width: 100%;
box-sizing: border-box;
}
.text span {
	color: #f10085;
	font-weight: bold;
}
.topText .signature {
	font-size: 22px;
	font-weight: bold;
	text-align: right;
	margin: 20px;
}
h3 {
	font-size: 20px;
	font-weight: bold;
	padding: 5px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #303030), color-stop(1.00, #000));
background: -webkit-linear-gradient(#303030, #000);
background: -moz-linear-gradient(#303030, #000);
background: -o-linear-gradient(#303030, #000);
background: -ms-linear-gradient(#303030, #000);
background: linear-gradient(#303030, #000);

}
#bMenu {
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #303030), color-stop(1.00, #000));
background: -webkit-linear-gradient(#303030, #000);
background: -moz-linear-gradient(#303030, #000);
background: -o-linear-gradient(#303030, #000);
background: -ms-linear-gradient(#303030, #000);
background: linear-gradient(#303030, #000);
color: #fff;
text-align: center;
margin: 5px 1%;
border-radius: 5px;
text-decoration: none;
}
#contentsInner{
	width:100%;
	margin:0 auto;
}

#informationPart{
}
#right {
	width:100%;
	font-size: 16px;
	line-height: 20px;
}
#right .rightTitle {
	font-size: 20px;
	font-weight: bold;
	padding: 5px;
	margin: 5px;
	text-align: center;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #303030), color-stop(1.00, #000));
background: -webkit-linear-gradient(#303030, #000);
background: -moz-linear-gradient(#303030, #000);
background: -o-linear-gradient(#303030, #000);
background: -ms-linear-gradient(#303030, #000);
background: linear-gradient(#303030, #000);
border-radius: 10px;
}
#indexNavBox{
}
#navUpper {
	overflow: hidden;
}
.tel {
	width: 60%;
	float: left;
}
.tel img {
	width: 100%;
}
#snsNav {
	width: 40%;
	float: left;
}
#snsNav img {
	width: 44%;
}

#snsNav li{
	display:inline;
	padding:0 5px 0 0;
}
#eyeCatchImg {
	width: 100%;
}


#recruitMenu{
	margin-bottom:12px;
}

#indexNav{
	margin:20px;
	line-height: 30px;
}
#indexNav a{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #666), color-stop(1.00, #111));
background: -webkit-linear-gradient(#666, #111);
background: -moz-linear-gradient(#666, #111);
background: -o-linear-gradient(#666, #111);
background: -ms-linear-gradient(#666, #111);
background: linear-gradient(#666, #111);
border-radius: 5px;
	display: block;
	margin-bottom: 5px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	padding: 2px;
}
#newsList{
	height:140px;
	overflow-x:hidden;
	overflow-y:auto;
}


#newsList li{
	padding:0 0 5px 0;
}


#indexEyecatch{

}

address{
	background-color:#e7e7e7;
	font-size:10px;
	text-align:center;
	padding:15px 0;
}


/*----------------------
		header
-----------------------*/

#header{
	width:100%;
	margin:0 auto;
}

#logo{
}

#shopInfo{
	margin:15px 10px 0 0;
}

#tel{
	margin-right:5px;
}

#snsNav{
}

#snsNav li{
	display:inline;
	padding:0 5px 0 0;
}


/*----------------------
		#contentsInner
-----------------------*/

#contentsInner{
	width:100%;
	margin:0 auto;
}

/*----------------------
		#globalNavBox
-----------------------*/

#globalNavBox{
	padding:0 0 0 24px;
}

#recruitMenu{
	margin-bottom:8px;
}

#globalNav{
	background:url(../img/common/bgGlobalNav.jpg) no-repeat left top;
	height:529px;/*549*/
	padding:10px 0;
	margin:0 auto;
	text-align:center;
	line-height:0;
}


/*----------------------
		#contentsPart
-----------------------*/

#contentsPart{
}

.pageTtl{
	margin-bottom:10px;
}

.pageTtl img{
	width:100%;
}

.panList{
	color:#999999;
	padding:0 0 10px 20px;
}

.panList li{
	display:inline;
	padding:0 5px 0 0;
}

.panList li a{
	color:#999999;
	text-decoration:none;
}

.panList li a:hover{
	text-decoration:underline;
}



address{
	background-color:#111;
	font-size:10px;
	text-align:center;
	padding:15px 0;
}
address a {
	color: #fff;
}
.itemList {
}
.itemList dt {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #303030), color-stop(1.00, #000));
background: -webkit-linear-gradient(#303030, #000);
background: -moz-linear-gradient(#303030, #000);
background: -o-linear-gradient(#303030, #000);
background: -ms-linear-gradient(#303030, #000);
background: linear-gradient(#303030, #000);
padding: 5px;
border-bottom: solid 2px #e6e6e6;
font-weight: bold;
}
.itemList dd {
	padding: 5px;
}
/*qa*/
#qaList {
	margin: 30px;
}
#qaList dt {
	padding: 5px;
	font-size: 18px;
	font-weight: bold;
	color: #5BD2F6;
}
#qaList dd {
	margin: 10px;
	padding: 5px;
	border: solid 1px #e6e6e6;
	border-radius: 10px;
	color: #F9D3D2;
}
#salary {
	width: 90%;
	margin: 10px auto;
}
#salary th {
	padding: 5px;
	font-weight: bold;
}
#salary td {
	padding: 5px;
}