* {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/***************** start margin_bottom ********************/
.margin01 {
	margin-bottom: 5px;
}
.margin02 {
	margin-bottom: 10px;
}
.margin03 {
	margin-bottom: 15px;
}
.margin04 {
	margin-bottom: 20px;
}
.margin05 {
	margin-bottom: 30px;
}
.margin06 {
	margin-bottom: 40px;
}

/***************** end margin_bottom ********************/

.clearfix:after {
  content: ".";  
  display: block;  
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.clear {
	clear: both;
	width: 100%;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
a { outline: none;}
a img {	border: 0 none; vertical-align: bottom;}
ul li {	list-style: none;}


h1, h2, h3, h4, h5, h6, div, p, form {
	margin: 0;
	padding: 0;
}

p{
	line-height:150%;
}

ul {
	list-style-type:none;
	margin: 0px;
	height: 0px;
	height: 100%;
}

body{
	width: 100%;
	height: auto;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
sup{ font-size:70%;}
span{ font-size:84%;}

iframe{
	border:none;
}
.leftBox{
	float:left;
}
.rightBox{
	float:right;
}
/***************** end format ********************/

/***************** start content ********************/
#picWrap{
	background-color:rgba(256,256,256,0.9);
	text-align:center;
	position:fixed;
	width:100%;
	height:100%;
	z-index:200;
	padding-top:100px;
}
#picWrap div{
	position:absolute;
	top:50%;
}
#picWrap p{
	margin-bottom:30px;
}
#picWrap p img{
	width:240px;
}
#picWrap dl{
	margin-bottom:40px;
}
#picWrap dl dt{
	font-family:"ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:600%;
	font-style:italic;
}
#picWrap dl dd{
	font-size:150%;
	line-height:150%;
}
#picWrap a{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#009ec1;
	color:#fff;
	padding:10px 20px;
	text-decoration:none;
	font-size:150%;
	-webkit-box-shadow: 0 2px 10px #666;
	-moz-box-shadow: 0 2px 10px #666;
	box-shadow: 0 2px 10px #666;
}
#headWrap{
	position:relative;
	height:600px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
#headWrap h1{
	position:absolute;
	top:150px;
	left:50%;
	margin-left:-137px;
}
#headWrap div{
	position:absolute;
	right:30px;
	bottom:10%;
	background-color:rgba(255,255,255,0.8);
	box-shadow:6px;
	-webkit-box-shadow: 0 10px 10px -6px #000;
	-moz-box-shadow: 0 10px 10px -6px #000;
	box-shadow: 0 10px 10px -6px #000;
	padding:12px 20px;
	width:320px;
}
#headWrap div ul{
	float:left;
	margin-right:20px;
}
#headWrap div ul li{
	display:inline-block;
	margin-right:10px;
}
#headWrap div ul li a{
	display:block;
}
#headWrap div p{
	margin-top:5px;
	font-weight:bold;
	font-size:110%;
}
hr.nav01{border-top:9px solid #009ec1;}
hr.nav02{border-top:3px solid #9e9e9e;}
#navWrap{
	background-color:#fff;
	width:980px;
	margin:0 auto;
	padding:6px 0;
}
#navWrap li{
	float:left;
	text-align:center;	
	width:20%;
	box-sizing:border-box;
	border-right:1px dotted #ccc;
	line-height:90%;
}
#navWrap li:first-child{
	border-left:1px dotted #ccc;
}
#navWrap li span{
	font-size:80%;
	color:#ccc;
}
#navWrap li a{
	padding:20px 0 10px;
	text-decoration:none;
	display:block;
	color:#000;
}
#navWrap li a:hover{
	background:#333;
	transition:0.3s all;
	color:#fff;
}
#newsBg{
	background:#ebe9dc;
}
#newsWrap,#conceptWrap,#companyWrap,#contactWrap{
	width:940px;
	margin:0 auto;
	padding:40px 20px;
}
#newsWrap{
}
h2{
	text-align:center;
	font-size:140%;
	padding-bottom:10px;
	margin-bottom:40px;
	border-bottom:1px solid #333;
}
#newsWrap ul{
	padding:0 50px;
}
#newsWrap ul li{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
}
#newsWrap ul li span{
	display:inlne-block;
	margin-right:10px;
}
#conceptBg{
	background:#fff;
}
#conceptWrap{
	background-image:url(../img/conceptBg.png);
	background-position:center right;
	background-repeat:no-repeat;
}
#conceptWrap h3{
	margin-bottom:30px;
	font-size:200%;
	line-height:160%;
}
#conceptWrap p{
	line-height:180%;
	margin-bottom:10px;
}
#companyBg{
	background-image:url(../img/companyBg.jpg);
	background-repeat:repeat;
}
#companyWrap h4{
	color:#134752;
	background-position:left center;
	background-repeat:no-repeat;
	padding:10px 0 10px 46px;
	font-size:140%;
	margin-bottom:10px;
}
#companyWrap .leftBox{
	width:46%;
	margin-right:30px;
}
#companyWrap .rightBox{
	margin-left:30px;
	width:46%;
}
#companyWrap .leftBox h4{background-image:url(../img/shopIcon.png);}
#companyWrap .rightBox h4{background-image:url(../img/comIcon.png);}
#companyWrap .leftBox p{
	text-align:center;
	margin-top:20px;
}
#companyWrap .leftBox p img{
	border:5px solid #fff;
	box-shadow:6px;
	-webkit-box-shadow: 0 10px 10px -6px #000;
    -moz-box-shadow: 0 10px 10px -6px #000;
     box-shadow: 0 10px 10px -6px #000;
}
#companyWrap dl{
	color:#fff;
	padding:10px;
	border-bottom:1px dotted #fff;
}
#companyWrap dl dt{
	width:20%;
	display:inline-block;
	vertical-align:middle;
}
#companyWrap dl dd{
	display:inline-block;
	vertical-align:middle;
	line-height:150%;
}
#workWrap{
}
#work01{background-image:url(../img/work01.png);}
#work02{background-image:url(../img/work02.png);}
#work03{background-image:url(../img/work03.png);}
#workWrap ul{
	padding:40px 0;
}
#workWrap ul li{
	background-repeat:no-repeat;
	background-position:center top 10px;
	padding:230px 10px 10px;
	float:left;
	width:33.33%;
	box-sizing:border-box;
	border-left:2px dotted #009ec1;
}
#workWrap ul li:first-child{
	border-left:none;
}
#workWrap dl{
	text-align:center;
}
#workWrap dl dt{
	margin-bottom:10px;
	font-weight:bold;
	font-size:140%;
}
#workWrap dl dd{
}
#contactWrap{
}
#contactTable{
	border-collapse: collapse;
	border-top: 1px dotted #ccc;
	margin-bottom: 20px;
	width: 100%;
}
#contactTable tr{
}
#contactTable th{
	width:20%;
	padding:10px;
	border-bottom:1px dotted #ccc;
	border-right:1px dotted #ccc;
}
#contactTable td{
	padding:16px 30px;
	border-bottom:1px dotted #ccc;
}
#contactTable td input,textarea{
	border:2px solid #ccc;
	padding:5px;
}
textarea{
	width:100%;
}
#contactWrap p{
	margin:10px 0;
	text-align:center;
}
.confirmBtn{
	background-color: #000;
    border: 1px solid #ccc;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    padding: 20px;
    text-align: center;
    transition: all 0.3s ease 0s;
}
#pageTop{
    bottom: 17px;
    height: 73px;
    left: 86%;
    position: fixed;
    width: 78px;
}
#footBg{
	background:#009ec1;
}
#footWrap{
	width:940px;
	margin:0 auto;
	padding:20px;
}
#footWrap .rightBox{
	background:url(../img/footLogo.png) no-repeat top center;
	padding:80px 0 0 0;
	margin-top:30px;
}
#footWrap .rightBox div{
	text-align:center;
}
#footWrap .rightBox p{
	color:#fff;
}
#footWrap .rightBox p#tel{
	font-size:200%;
	background:url(../img/telIcon.png) no-repeat left 6px center;
	padding-left:44px;
}
#footWrap .rightBox ul{margin-top:10px;}
#footWrap .rightBox ul li{
	display:inline-block;
	margin:0 5px;
	text-indent:-2000em;
}
#footWrap .rightBox ul li a{
	width:32px;
	height:32px;
	display:block;
}
#footWrap .rightBox ul li.sns01{background-image:url(../img/snsIcon01.png);}
#footWrap .rightBox ul li.sns02{background-image:url(../img/snsIcon02.png);}
p#copy{
	color:#fff;
	text-align:center;
	padding:5px 0;
	background:#000;
}
.pp_social{display:none;}