/* -----------------------------------------------------------
Style Info:     各ファイル共通の段組及び基本設定
----------------------------------------------------------- */

*+html body {	/* for IF6 */
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
* html body {
	font-size: 75%; /* for WinIE6 */
}
*+html body {
	font-size: 75%; /* for WinIE7 */
}
img {
	border-style: none;
	vertical-align: top;
}



/* リンク部分
----------------------------------------------------------------------------------------------------------------------*/

a {
	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	/*color: #34A7E0;*/
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

/* フロート
----------------------------------------------------------------------------------------------------------------------*/


.fL {float:left;}
.fR {float:right;}


/* マージン
----------------------------------------------------------------------------------------------------------------------*/

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}

.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}

.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}

/* パディング
----------------------------------------------------------------------------------------------------------------------*/

.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.pb60 {padding-bottom:60px;}
.pb70 {padding-bottom:70px;}
.pb80 {padding-bottom:80px;}

.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}

.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}

.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr20 {padding-right:20px;}
.pr30 {padding-right:30px;}
.pr40 {padding-right:40px;}
.pr50 {padding-right:50px;}

/*----------------------textstyle------------------------------*/

.fs9 {font-size:9px;}
.fs10 {font-size:10px;}
.fs11 {font-size:11px;}
.fs12 {font-size:12px;}
.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fs15 {font-size:15px;}
.fs16 {font-size:16px;}
.fs17 {font-size:17px;}
.fs18 {font-size:18px;}
.fs19 {font-size:19px;}
.fs20 {font-size:20px;}
.fs21 {font-size:21px;}
.fs22 {font-size:22px;}
.fs23 {font-size:23px;}
.fs24 {font-size:24px;}
.fs25 {font-size:25px;}
.fcwh {color:#ffffff;}
.fcbk {color:#000000;}
.fcgr {
	color:#999999;
	font-size: 15px;
}
.fcrd {color:#ff0000;}
.fcbl {color:#012fa7;}
.fcgn {color:#037b00;}
.fcyl {color:#ffff01;}


.ostitle-g {font-family: 'Oswald'; color:#676666;
	font-weight: 700; font-size: 300%;}
.ostitle-w2 {
	font-family: 'Oswald';
	color: #FFFFFF;
	font-weight: 700;
	font-size: 300%;
}
.ostitle-h {font-family: 'Oswald'; color:#676666;
	font-weight: 700; font-size: 300%;}
.subtt-g {color:#209f6b;
	font-weight: 700; font-size: 118%;}
.subtt-w {color:#ffffff;
	font-weight: 700; font-size: 118%;}


@media screen and (min-width: 930px) {
/*pc-style*/
.pc {display: block;}
}
@media only screen and (min-width: 511px) and (max-width: 929px) {
/*tablet-style*/
.pc {display: none;}
} 
/* smartPhone */
@media screen and (max-width: 510px) {
/*smart-style*/
.pc {display: none;}
}
@media screen and (min-width: 930px) {
/*pc-style*/
.pco {display: none;}
}
@media only screen and (min-width: 511px) and (max-width: 929px) {
/*tablet-style*/
.pco {display: block;}
} 
/* smartPhone */
@media screen and (max-width: 510px) {
/*smart-style*/
.pco {display: block;}
}
@media screen and (min-width: 930px) {
/*pc-style*/
.sp {display: none;}
}
@media only screen and (min-width: 511px) and (max-width: 929px) {
/*tablet-style*/
.sp {display: none;}
} 
/* smartPhone */
@media screen and (max-width: 510px) {
/*smart-style*/
.sp {display: block;}
}
@media screen and (min-width: 930px) {
/*pc-style*/
.spo {display: block;}
}
@media only screen and (min-width: 511px) and (max-width: 929px) {
/*tablet-style*/
.spo {display: block;}
} 
/* smartPhone */
@media screen and (max-width: 510px) {
/*smart-style*/
.spo {display: none;}
}



html,body {
			height: 100%;
			margin: 0;
			padding: 0;
		}
body {
	font-size: 12px;
	line-height: 26px;
		}

#camera_wrap_full {
	margin-bottom: 0!important;
	clear: both;
	position: relative;
}
@media print, screen and (min-width: 930px) {
#camera_wrap_full {height: 650px;}
}
@media print, screen and (min-width: 511px) and (max-width: 929px) {
#camera_wrap_full {height: 400px;}
}
@media print, screen and (max-width: 510px) {
#camera_wrap_full {height: 300px;}
}



.camera_bar {z-index: 2;}


#header {
	width: 100%;
	background-image: url(../images/header.jpg);
	overflow: hidden;
}
#header_IN {
	margin:0 auto;
	text-align:center;
	background-image: url(images/header.jpg);
	position: relative;
	overflow: hidden;
	clear: both;
}
@media print, screen and (min-width: 930px) {
#header_IN {width:980px; height: 124px;}
}
@media print, screen and (min-width: 511px) and (max-width: 929px) {
#header_IN {width:980px; height: 73px;}
}
@media print, screen and (max-width: 510px) {
#header_IN {width:980px; height: 73px;}
}


#header_IN .logo {
	position: absolute;
	left: 0px;
	top: 14px;
}
#header_IN .tel {
	position: absolute;
	top: 25px;
	right: 0px;
}
#header_IN .menu {
	width:980px;
	position: absolute;
	top: 76px;
	text-align: left;
	left: 0px;
	height: 47px;
}
#header_IN .ic0 {
	position: absolute;
	top: 25px;
	left: 605px;
	width: 28px;
}
#header_IN .ic1 {
	position: absolute;
	top: 25px;
	left: 646px;
	width: 28px;
}
#header_IN .ic2 {
	position: absolute;
	top: 25px;
	left: 684px;
	width: 28px;
}
#header_IN .ic3 {
	position: absolute;
	top: 25px;
	left: 722px;
	width: 28px;
}
#header_IN .ic4 {
	position: absolute;
	top: 25px;
	left: 760px;
	width: 28px;
}
#header_IN .ic5 {
	position: absolute;
	top: 25px;
	left: 500px;
	width: 78px;
}
.bgg {
	background-color: #14a83b;
	overflow: hidden;
	padding: 50px 0;
}
.bgl {
	background-color: #e5e5e5;
	overflow: hidden;
	padding: 50px 0;
}
.half-l {
	width: 47%;
	float: left;
}
.half-r {
	width: 47%;
	float: right;
}

.wd {
	margin:0 auto;
	clear: both;
	overflow: hidden;
}
@media print, screen and (min-width: 930px) {
.wd {width:980px;}
}
@media print, screen and (min-width: 511px) and (max-width: 929px) {
.wd {width:96%;}
}
@media print, screen and (max-width: 510px) {
.wd {width:96%;}
}

.wd2 {
	margin:0 auto;
	clear: both;
	overflow: hidden;
}
@media print, screen and (min-width: 930px) {
.wd2 {width:800px;}
}
@media print, screen and (min-width: 511px) and (max-width: 929px) {
.wd2 {width:100%;}
}
@media print, screen and (max-width: 510px) {
.wd2 {width:100%;}
}




.ar-news {
	border-bottom: 1px dotted #000000;
	background-image: url(../images/ar1.png);
	background-repeat: no-repeat;
	background-position: 0 6px;
	padding: 0 0 10px 25px;
	margin: 0 0 10px 0;
}
.fac-l {
	width: 44%;
	float: left;
}
.fac-r {
	width: 55%;
	float: right;
}
.bt-fac {
	background-color: #000;
	background-image: url(../images/ar2.png);
	background-position: right center;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	margin-top: 0;
	/* [disabled]margin-right: 50px; */
	margin-left: 0;
	margin-bottom: 10px;
	background-repeat: no-repeat;
}


#contents {
	width:980px;
	margin:0 auto;
	text-align:left;
	clear: both;
	background-image: url(images/contents.png);
	padding: 90px 0;
	overflow: hidden;
}





#footer {
	width: 100%;
	clear: both;
	overflow: hidden;
	background-color: #333333;
	color: #FFF;
}
#footer_IN {
	background-image: url(images/footerin.png);
}
#footer_Menu {
	font-size: 12px;
	overflow: hidden;
	clear: both;
	margin: 37px 0 45px 0;
}
.footer_shop {
	float: left;
	width: 48%;
}
.footer_shop2 {
	float: right;
	width: 48%;
}
.footer_Shop_l {
	float: left;
	width: 30%;
}
.footer_Shop_r {
	float: right;
	width: 65%;
}
#footer_Logo {
	float: right;
}
#side {
	width: 280px;
	float: right;
}
#main {
	width: 630px;
	float: left;
}
.top {
	width: 100%;
	height: 200px;
}
#Mono {
	background-image: url(../images/top-mono.jpg);
}
#Contact {
	background-image: url(../images/top-contact.jpg);
}
#Craft {
	background-image: url(../images/top-craft.jpg);
}
#Privacy {
	background-image: url(../images/top-privacy.jpg);
}
#Products {
	background-image: url(../images/top-products.jpg);
}
#Facilities {
	background-image: url(../images/top-facilities.jpg);
}
#Company {
	background-image: url(../images/top-company.jpg);
}
#Case {
	background-image: url(../images/top-case.jpg);
}

#News {
	background-image: url(../images/top-news.jpg);
}
#Recruit {
	background-image: url(../images/top-recruit.jpg);
}
#fck {
	width: 100%;
	clear: both;
	overflow: hidden;
	margin:0;
	padding:0;
	background-color: #000;
	color: #000;
}
#fck iframe {
  width: 100% !important;
  height: 600px !important;margin:0;padding:0;
}

#copy {
	width: 100%;
	clear: both;
	overflow: hidden;
	background-color: #000000;
	color: #FFF;
	text-align: center;
	font-size: 9px;
	padding: 0px 0 20px;
}

/*----------------------mainstyle------------------------------*/
.def {
	overflow: hidden;
	clear: both;
}
.com_l {
	float: left;
	width: 72%;
}
.com_r {
	float: right;
	width: 28%;
}
.gree_l {
	float: left;
	width: 100%;
}
.gree_r {
	float: right;
	width: 100%;
	text-align: right;
	font-weight: bold;
}
.sample {
	overflow: hidden;
	clear: both;
	margin:0 0 0 -6%;
}
.sample-box {
	float: left;
	width: 27%;
	margin:0 0 6% 6%;
}
.sample-box p {
	overflow: hidden;
	clear: both;
	margin:20px 0;
	font-size: 14px;
	border-bottom: 1px solid #000000;
}

.flow-cover {
	overflow: hidden;
	clear: both;
	padding: 0 0 0 14%;
	background-repeat: no-repeat;
	background-image: url(../images/fl.png);
	background-position: 0 100;
}
.flow {
	overflow: hidden;
	clear: both;
	border-bottom: 1px solid #000000;
	padding: 0 0 30px 0;
	margin: 0 0 30px 0;
}
.flow-l {
	float: left;
	width: 28%;
}
.flow-r {
	float: right;
	width: 68%;
}
.flow-r p {
	padding: 3px 10px;
	margin: 0 0 10px 0;
	font-size: 14px;
	clear: both;
	background-color: #299e6c;
	color: #FFF;
}
.st {
	overflow: hidden;
	clear: both;
	margin: 0 0 0 -2%;
}
.st-l {
	float: left;
	width: 48%;
	margin: 0 0 5% 2%;
}
.st-l p {
	float: left;
	width: 28%;
}
.bgwht {
	padding: 30px;
	background-color: #FFF;
}
.qq {
	border: 1px solid #eeeeee;
	overflow: hidden;
	clear: both;
}
.qq-t {
	padding: 3px 15px;
	background-color: #299e6c;
	overflow: hidden;
	clear: both;
	font-size: 16px;
	line-height: 36px;
	color: #FFF;
}
.qq-a {
	padding: 10px 20px;
	overflow: hidden;
	clear: both;
}

.maintitle {
	overflow: hidden;
	clear: both;
	font-size: 24px;
	line-height: 36px;
}
.maintitle2 {
	overflow: hidden;
	clear: both;
	font-size: 18px;
	line-height: 36px;
}
.subtitle {
	overflow: hidden;
	clear: both;
	font-size: 16px;
	line-height: 36px;
	background-image: url(../images/subtitle.png);
	padding: 3px 15px;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
}
ul.prlist {
	margin:0 0 0 -40px;
	clear: both;
	overflow: hidden;
}
ul.prlist li {
	float:left;
	width:125px;
	list-style:none;
	margin:0 0 20px 35px;
}
ul.prlist p{
	margin:0;
	padding: 10px 0 13px 13px;
	font-weight: 700;
	font-size: 15px;
}

ul.prlist2 {
	margin:0 0 0 -18px;
	clear: both;
	overflow: hidden;
}
ul.prlist2 li {
	float:left;
	width:198px;
	list-style:none;
	margin:0 0 20px 18px;
}
ul.prlist2 p{
	margin:0;
	padding: 10px 0 13px 13px;
	font-weight: 700;
	font-size: 15px;
}
ul.prlist3 {
	margin:0 0 0 -30px;
	clear: both;
	overflow: hidden;
}
ul.prlist3 li {
	float:left;
	width:222px;
	list-style:none;
	margin:0 0 40px 30px;
}
ul.catlist {
	margin:0 0 0 0;
	clear: both;
	overflow: hidden;
	border-top: 1px solid #845940;
	padding: 0 0 0 0;
}
ul.catlist li {
	border-bottom: 1px solid #845940;
	list-style:none;
	margin:0 0 0 0;
	clear: both;
	overflow: hidden;
	padding: 6px 0 6px 10px;
}
ul.catlist li:hover {
	background-color: #845940;
}


/*----------------------index------------------------------*/

dl.recent dt {
  clear: left;
  float: left;
  width: 10em;
  padding: 10px 0.5em;
}

dl.recent dd {
  margin-left: 0;
  padding: 10px 0.5em 10px 8em;
  border-bottom: dotted 1px #845940;
}


/*----------------------link------------------------------*/

ul.linklist {
	margin:0 0 0 0;
	clear: both;
	overflow: hidden;
	border-top: 1px solid #845940;
	padding: 0 0 0 0;
}
ul.linklist li {
	list-style:none;
	margin:0 0 10px 0;
	clear: both;
	overflow: hidden;
	padding: 6px 0 6px 10px;
	border: 1px solid #845940;
}

/*----------------------pr------------------------------*/

#tab-box ul {  
width:500px;  
margin:0 10px;  
padding: 0;  
list-style: none;  
}  
#tab-box ul li {  
margin-right:3px;  
float:left;  
display:inline;  
font-size:0;  
}  
#tab-box ul li a img{  
outline:none;  
border:none;  
}  
#tab-box div {  
display:none;  
width:500px;  
margin-bottom:30px;  
padding:20px;  
border:3px solid #0066cc;  
}  
.clearFix:after{  
display:block;  
clear:both;  
height:0;  
visibility:hidden;  
content:".";  
zoom:1;  
}  


/*----------------------top------------------------------*/

.top {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	height: 200px;
}
#Top-shop {
	background-image: url(../images/top-shop.png);
}
#Top-news {
	background-image: url(../images/top-news.png);
}
#Top-privacy {
	background-image: url(../images/top-privacy.png);
}
#Top-link {
	background-image: url(../images/top-link.png);
}
#Top-pr {
	background-image: url(../images/top-pr.png);
}
#Top-contact {
	background-image: url(../images/top-contact.png);
}
#Top-staff {
	background-image: url(../images/top-staff.png);
}


ul {
    list-style:none;
}

#wrapper{
	background:#fff;
	width:400px;
}
.btn_tab{
	clear:both;
	overflow: hidden;
	margin: 0 0 30px -3%;
	padding: 0;
}

.btn_tab li{
	float:left;
	margin: 0 0 15px 3%;
	width: 22%;
	padding: 0;
}

.container_tab{
	padding:0 0 0 0;
	clear: both;
}


/*----------------------sample------------------------------*/

.sm-l {
	float: left;
	width: 48%;
}
.sm-r {
	float: right;
	width: 48%;
}

.aed {
	float: right;
	width: 8%;
	margin: 10px 0 0 0;
}

ul.drawer-menu li {width: 100%;
	height: 25px;
	border-bottom: 1px solid #999999;vertical-align: middle;
  display: table;padding: 15px 0 10px 0;
}


@media print, screen and (min-width: 930px) {
.ifl {width:48%; float: left;}
}
@media print, screen and (min-width: 511px) and (max-width: 929px) {
.ifl {width:100%; float: none;}
}
@media print, screen and (max-width: 510px) {
.ifl {width:100%; float: none;}
}

@media print, screen and (min-width: 930px) {
.ifr {width:48%; float: right;}
}
@media print, screen and (min-width: 511px) and (max-width: 929px) {
.ifr {width:100%; float: none;}
}
@media print, screen and (max-width: 510px) {
.ifr {width:100%; float: none;}
}





@media print, screen and (min-width: 930px) {
.ifl2 {width:40%; float: left;}
}
@media print, screen and (min-width: 511px) and (max-width: 929px) {
.ifl2 {width:100%; float: none;}
}
@media print, screen and (max-width: 510px) {
.ifl2 {width:100%; float: none;}
}

@media print, screen and (min-width: 930px) {
.ifr2 {width:58%; float: right;}
}
@media print, screen and (min-width: 511px) and (max-width: 929px) {
.ifr2 {width:100%; float: none;}
}
@media print, screen and (max-width: 510px) {
.ifr2 {width:100%; float: none;}
}





@media print, screen and (min-width: 930px) {
.ifl3 {
	width: 100%;
	float: left;
}
}
@media print, screen and (min-width: 511px) and (max-width: 929px) {
.ifl3 {width:100%; float: none;}
}
@media print, screen and (max-width: 510px) {
.ifl3 {width:100%; float: none;}
}



.iframe-content {
	position: relative;
	width: 100%;
	padding: 55% 0 0 0;
	margin: 0;
}
.iframe-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.iframe-content2 {
	position: relative;
	width: 100%;
	padding: 67% 0 0 0;
	margin: 0;
}
.iframe-content2 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



@media print, screen and (min-width: 930px) {
.monod {overflow:hidden; margin: 0 0 0 -3%;}
}
@media print, screen and (min-width: 511px) and (max-width: 929px) {
.monod {overflow:hidden; margin: 0 0 0 -3%;}
}
@media print, screen and (max-width: 510px) {
.monod {overflow:hidden; margin: 0;}
}

@media print, screen and (min-width: 930px) {
.monod-box {width:30%; float: left; margin: 0 0 0 3%;}
}
@media print, screen and (min-width: 511px) and (max-width: 929px) {
.monod-box {width:47%; float: left; margin: 0 0 0 3%;}
}
@media print, screen and (max-width: 510px) {
.monod-box {width:100%; float: none; margin: 0;}
}

@media print, screen and (min-width: 930px) {
.map {width:50%; float: left;}
}
@media print, screen and (min-width: 511px) and (max-width: 929px) {
.map {width:50%; float: left;}
}
@media print, screen and (max-width: 510px) {
.map {width:100%; float: none;}
}

@media print, screen and (min-width: 930px) {
.instabnr {width:250px; float: right;}
}
@media print, screen and (min-width: 511px) and (max-width: 929px) {
.instabnr {width:250px; float: right;}
}
@media print, screen and (max-width: 510px) {
.instabnr {width:100%; float: none;}
}
/*----------------------flexbox------------------------------*/
.flex-oya {
	display: flex;
}

.flex-rowwrap {
	display: flex;
	flex-flow: row wrap;
}
.flex-spacebetween {
	display:flex;
	justify-content: space-between;
}
.flex-spacearound {
  display: flex;
  justify-content: space-around;
}
.flex-start {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  height: 100%;
}

.flex-flexstart {
	display:flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}

.flex-flexend {
	display: flex;
	align-items: flex-end;/* [disabled]アイテムを下揃えで配置*/
}

.flex-column {
	display: flex;
  flex-direction: column;/* [disabled]子要素上から下へ縦並び*/
}
@media print, screen and (min-width: 800px) {
.box4 {
	box-sizing: border-box;
	width: 24%;
	margin-top: 0;
	margin-right: 0.2%;
	margin-left: 0.2%;
	margin-bottom: 0;
}
}
@media print, screen and (min-width: 601px) and (max-width: 799px) {
.box4 {
	box-sizing: border-box;
	width: 24%;
	margin-top: 0;
	margin-right: 0.5%;
	margin-left: 0.5%;
	margin-bottom: 2%;
}
}
@media print, screen and (max-width: 600px) {
.box4 {
	width: 49%;
	margin-top: 0;
	margin-bottom: 2%;
}
}
@media print, screen and (max-width: 600px) {
.bg-wall-in-sp-sub {
	overflow: hidden;
	width: 90%;
	/* [disabled]margin-top: 50px; */
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	padding: 0;
}
}