html, body{
	font-family:Georgia,"游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;
	margin:0;
	padding:0;
	font-size:100%;
}
h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr{
	font-family:Georgia,"游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;
	margin:0;
	padding:0;
	border:0;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
}
table, caption, th, td{
	font-family:Georgia,"游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;
	margin:0;
	padding:0;
	border:0;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
}
span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe{
	font-family:Georgia,"游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;
	margin:0;
	padding:0;
	border:0;
	font-style:normal;
	font-weight:inherit;
	font-size:100%;
}
body{
	background: url(../../images/back.jpg) ;
}

a{
	outline:none;
	color:#333333;
	text-decoration:underline;
}
a:hover{
	color:#666666;
	text-decoration:none;
}

div.clear{
	clear:both;
}
hr{
	display:none;
}
ul{
	list-style:none;
}









#header{
	background: url(../../images/header_back.png) repeat-x;
    width: 100%;
	height: 153px;
    position: absolute;
    z-index: 3;
}
#header p{
    position: absolute;
	left:0;
    z-index: 3;
}
#header #headerRight{
    position: absolute;
	width: 850px;
    right: 0;
    z-index: 3;
}
#header #headerRight h1{
	color: #bdbdbd;
	text-align: right;
	height: 42px;
	font-size: 70%;
}


#header ul#headEtc{
	list-style: none;
	margin-bottom: 23px;
	margin-left: 700px;
	/*margin-left: 475px;*/
	margin-right: 9px;
	clear: both;
}
#header ul#headEtc:after{
	content:"";
	display:block;
	height:0;
	clear:both;
}
#header ul#headEtc li{
	float: left;
	height: 44px;
	text-indent: -9999px;
	margin-right: 5px;
}
#header ul#headEtc li a{
	width: 118px;
	height: 44px;
	display: block;
}
#header ul#headEtc li#headFace{
	background:url(../../images/facebook_on.jpg) no-repeat;
	margin-right: 13px;
	height: 30px;
	margin-top: 14px;
}
#header ul#headEtc li#headFace a{
	background:url(../../images/facebook.jpg) no-repeat;
	width: 30px;
	height: 30px;
}
#header ul#headEtc li#headFace a:hover{
	background:url(../../images/facebook_on.jpg) no-repeat;
}
#header ul#headEtc li#headInst{
	background:url(../../images/inst_on.jpg) no-repeat;
	margin-right: 13px;
	height: 30px;
	margin-top: 14px;
}
#header ul#headEtc li#headInst a{
	background:url(../../images/inst.jpg) no-repeat;
	width: 30px;
	height: 30px;
}
#header ul#headEtc li#headInst a:hover{
	background:url(../../images/inst_on.jpg) no-repeat;
}
#header ul#headEtc li#headCompany{
	background:url(../../images/head_company_on.jpg) no-repeat;
}
#header ul#headEtc li#headCompany a{
	background:url(../../images/head_company.jpg) no-repeat;
	width: 121px;
}
#header ul#headEtc li#headCompany a:hover{
	background:url(../../images/head_company_on.jpg) no-repeat;
}
#header ul#headEtc li#headContact{
	background:url(../../images/head_contact_on.jpg) no-repeat;
}
#header ul#headEtc li#headContact a{
	background:url(../../images/head_contact.jpg) no-repeat;
	width: 121px;
}
#header ul#headEtc li#headContact a:hover{
	background:url(../../images/head_contact_on.jpg) no-repeat;
}
#header ul#headEtc li#headShopList{
	background:url(../../images/head_shoplist_on.jpg) no-repeat;
}
#header ul#headEtc li#headShopList a{
	background:url(../../images/head_shoplist.jpg) no-repeat;
	width: 121px;
}
#header ul#headEtc li#headShopList a:hover{
	background:url(../../images/head_shoplist_on.jpg) no-repeat;
}




#header ul{
	list-style: none;
	margin-right: 14px;
	/*margin-left: 118px;*/
	margin-left: 350px;
}
#header ul:after{
	content:"";
	display:block;
	height:0;
	clear:both;
}
#header ul li{
	float: left;
	height: 34px;
	text-indent: -9999px;
}
#header ul li a{
	width: 119px;
	height: 34px;
	display: block;
}
#header ul li#menu01{
	background:url(../../images/menu01_hover.jpg) no-repeat;
}
#header ul li#menu01 a{
	background:url(../../images/menu01.jpg) no-repeat;
	width: 121px;
}
#header ul li#menu01 a:hover{
	background:url(../../images/menu01_hover.jpg) no-repeat;
}
#header ul li#menu02{
	background:url(../../images/menu02_hover.jpg) no-repeat;
}
#header ul li#menu02 a{
	background:url(../../images/menu02.jpg) no-repeat;
}
#header ul li#menu02 a:hover{
	background:url(../../images/menu02_hover.jpg) no-repeat;
}
#header ul li#menu03{
	background:url(../../images/menu03_hover.jpg) no-repeat;
}
#header ul li#menu03 a{
	background:url(../../images/menu03.jpg) no-repeat;
}
#header ul li#menu03 a:hover{
	background:url(../../images/menu03_hover.jpg) no-repeat;
}
#header ul li#menu04{
	background:url(../../images/menu04_hover.jpg) no-repeat;
}
#header ul li#menu04 a{
	background:url(../../images/menu04.jpg) no-repeat;
}
#header ul li#menu04 a:hover{
	background:url(../../images/menu04_hover.jpg) no-repeat;
}
#header ul li#menu05{
	background:url(../../images/menu05_hover.jpg) no-repeat;
}
#header ul li#menu05 a{
	background:url(../../images/menu05.jpg) no-repeat;
}
#header ul li#menu05 a:hover{
	background:url(../../images/menu05_hover.jpg) no-repeat;
}
#header ul li#menu06{
	background:url(../../images/menu06_hover.jpg) no-repeat;
}
#header ul li#menu06 a{
	background:url(../../images/menu06.jpg) no-repeat;
}
#header ul li#menu06 a:hover{
	background:url(../../images/menu06_hover.jpg) no-repeat;
}
#info{
	bottom: 95px;
    right: 30px;
    position: absolute;
    z-index: 3;
	background: url(../../images/info.png);
	width:400px;
	height: 177px;
}
#info ul{
	list-style: none;
	margin: 65px 15px 0 40px;
	padding-right: 20px;
	height: 90px;
	overflow: auto;
}
#info ul li{
	color: #bdbdbd;
	line-height: 1.8;
	font-size: 80%;
}
#info ul li a{
	outline:none;
	color: #bdbdbd;
	text-decoration:underline;
}
#info ul li a:hover{
	color: #bdbdbd;
	text-decoration:none;
}
#footer{
	background: url(../../images/footer_back.png) repeat-x;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 3;
	font-size: 80%;
}
#footer p#footerLeft{
	color: #ffffff;
	width: 300px;
	float: left;
	padding-top: 18px;
	padding-bottom: 15px;
	padding-left: 60px;
}
#footer p#footerRight{
	color: #ffffff;
	width: 400px;
	float: right;
	padding-top: 15px;
	padding-right: 30px;
	text-align: right;
	line-height: 1.5;
}



#footerContents{
	background: url(../../images/footer_back.png) repeat-x;
    height: 50px;
    margin: 0;
    padding: 0;
    width: 100%;
}
#footerContents p#footerLeft{
	color: #ffffff;
	width: 400px;
	float: left;
	padding-top: 18px;
	padding-left: 60px;
	font-size: 80%;
}
#footerContents p#footerRight{
	color: #ffffff;
	width: 400px;
	float: right;
	padding-top: 18px;
	padding-right: 30px;
	font-size: 80%;
	text-align: right;
	line-height: 1.5;
}



.bg-slider {
	width: 100vw;
	height: 100vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}


div#main{
	clear: both;
	padding-top: 20px;	
	width: 1060px;
	margin: 0 auto 100px auto;
	color: #dedede;
}
div#main h2{
	margin: 0 0 1.5em 0;
	font-size: 200%;
	padding: 1.5em 0 0 0;
	border-bottom: 1px solid #666;
	letter-spacing: 6px;
}
div#main h2 span{
	font-size: 50%;
	letter-spacing: 3px;
}
div#main h3{
	margin: 0 0 1em 0;
	font-size: 120%;
	padding: 1.5em 0 0 0;
	letter-spacing: 4px;
}

div.box01{
	line-height: 1.8;
	font-size: small;
}
div.box01 h2{
	margin-bottom: 30px;
	
}
div.box02{
	margin: 0 20px 50px 20px;
	line-height: 1.8;	
	font-size: small;
}


/*--------------------------------------------------------------------*/
/*ショップインフォ*/
/*--------------------------------------------------------------------*/


div#pageimg_shop{
	clear: both;	
	padding-top: 180px;
}

div#pageimg_shop p{
	margin: 0 auto 0 auto;
	min-width: 1280px;
	width:100%;
	background: url(../../images/shop/title.png) no-repeat;
	display: block;
	height: 276px;
	text-indent: -9999px;
	background-size:100% auto;
	text-align: center;
}
div#companyTable table{
	margin: 20px 0 30px 0;
}
div#companyTable table tr th{
	border-bottom: 1px dotted #CCCCCC;
	padding: 0.5em 1em 0.5em 1em;
	text-align: left;
}
div#companyTable table tr td{
	border-bottom: 1px dotted #CCCCCC;
	padding: 0.5em 1em 0.5em 1em;
}

p#map{
	padding:5px;
	border: 1px solid #CCC;	
	width: 1008px;
}

/*--------------------------------------------------------------------*/
/*ギャラリー*/
/*--------------------------------------------------------------------*/
div#pageimg_gallery{
	clear: both;	
	padding-top: 180px;
}

div#pageimg_gallery p{
	margin: 0 auto 0 auto;
	min-width: 1280px;
	width:100%;
	background: url(../../images/style/title.png) no-repeat;
	display: block;
	height: 276px;
	text-indent: -9999px;
	background-size:100% auto;
	text-align: center;
}
div.gallery ul{
	margin-right: -50px;
}
div.gallery ul:after{
	content:"";
	display:block;
	height:0;
	clear:both;
}

div.gallery ul li{
	float:left;
	margin-right: 50px;
	margin-bottom: 50px;
}

div.gallery ul li img{
	width: 300px;
	height: auto;
}


/*--------------------------------------------------------------------*/
/*スタッフ*/
/*--------------------------------------------------------------------*/
div#pageimg_staff{
	clear: both;	
	padding-top: 180px;
}

div#pageimg_staff p{
	margin: 0 auto 0 auto;
	min-width: 1280px;
	width:100%;
	background: url(../../images/staff/title.png) no-repeat;
	display: block;
	height: 276px;
	text-indent: -9999px;
	background-size:100% auto;
	text-align: center;
}

div.staff ul{
	margin-right: -50px;
}
div.staff ul:after{
	content:"";
	display:block;
	height:0;
	clear:both;
}

div.staff ul li{
	width: 300px;
	float:left;
	margin-right: 50px;
	margin-bottom: 50px;
}

div.staff ul li span{
	font-size: 120%;
	letter-spacing: 3px;
	margin: 1em 0;
	display:block;
}

div.staff ul li img{
	width: 300px;
	height: auto;
}


/*--------------------------------------------------------------------*/
/*プロダクツ*/
/*--------------------------------------------------------------------*/

div#pageimg_products{
	clear: both;	
	padding-top: 180px;
}

div#pageimg_products p{
	margin: 0 auto 0 auto;
	min-width: 1280px;
	width:100%;
	background: url(../../images/products/title.png) no-repeat;
	display: block;
	height: 276px;
	text-indent: -9999px;
	background-size:100% auto;
	text-align: center;
}

div.products ul{
	margin-right: -30px;
}
div.products ul:after{
	content:"";
	display:block;
	height:0;
	clear:both;
}

div.products ul li{
	width: 230px;
	float:left;
	margin-right: 30px;
	margin-bottom: 30px;
}

div.products ul li span{
	font-size: 120%;
	letter-spacing: 3px;
	margin: 1em 0;
	display:block;
}

div.products ul li img{
	width: 230px;
	height: auto;
}


/*--------------------------------------------------------------------*/
/*料金表*/
/*--------------------------------------------------------------------*/

div#pageimg_price{
	clear: both;	
	padding-top: 180px;
}

div#pageimg_price p{
	margin: 0 auto 0 auto;
	min-width: 1280px;
	width:100%;
	background: url(../../images/price/title.png) no-repeat;
	display: block;
	height: 276px;
	text-indent: -9999px;
	background-size:100% auto;
	text-align: center;
}

div.price:after{
	content:"";
	display:block;
	height:0;
	clear:both;
}

div.price div#companyTable{
	float: left;
	width: 43%;
	margin-right: 7%;
}

div.price div#companyTable table{
	width: 100%;
}

div.price div#companyTable table th{
	width: 68%;
}

div.price div#companyTable table td{
	width: 32%;
}


/*--------------------------------------------------------------------*/
/*採用情報*/
/*--------------------------------------------------------------------*/

div#pageimg_recruit{
	clear: both;	
	padding-top: 180px;
}

div#pageimg_recruit p{
	margin: 0 auto 0 auto;
	min-width: 1280px;
	width:100%;
	background: url(../../images/recruit/title.png) no-repeat;
	display: block;
	height: 276px;
	text-indent: -9999px;
	background-size:100% auto;
	text-align: center;
}
div.recruit div#companyTable table{
	width: 100%;
	margin-bottom: 60px;
}
div.recruit div#companyTable table th.rank{
	background:#333;
	color: #dedede;
	text-align: center;
}


/*--------------------------------------------------------------------*/
/*お問い合わせフォーム　otoiawase.php*/
/*--------------------------------------------------------------------*/
div#Otoiawase{
	width:1020px;
	margin:0 20px;
}

div#Otoiawase table{
	width:715px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 80%;
}
div#Otoiawase table th{
	padding: 8px 10px;
	width: 25%;
	text-align: left;
}
div#Otoiawase table td{
	padding: 8px 10px;
	width: 75%;
}
div#Otoiawase table td textarea{
	width: 400px;
	height: 200px;
}
div#Otoiawase table td.td_submit{
	padding:5px;
	text-align:center;
	border:none;
}
input#tel01,
input#tel02,
input#tel03{
	width: 60px;
}