@charset "utf-8";


/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 全デバイス共通のスタイルとスマートフォンおよび小型タブレット向けレイアウトの指定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/*==========================================
 body
===========================================*/


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
html {   height: 100%;}
body {
  background-color:#000;
  font-family: "メイリオ", Meiryo, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size:14px;
  line-height: 1.4;
  color:#000;
}

#siteWrapper{
	width:100%;
	}
a {
  color:#fff;
  text-decoration:none;
}

a:hover {
  color:#fff;
}

img {vertical-align: bottom;}
img a { border:none;}

/*header*/

header{
	width:100%;
	clear: both;
}



#footer{
	width:100%;
	vertical-align:middle;
	background:#333;
	margin: 0 auto;
	clear: both;
	color: #fff;
	overflow: hidden;
}

.pagerBox{
	width: 100%;
	color:#ccc;
	text-align:center;
	clear: both;
	overflow: hidden;
	height: 30px;
	padding-bottom: 10px;
	}

.dayliPrev{
	float: left;
	}


.dayliNext{
	float: right;
	}

.pagerBox a{
	display:inline-block;
	padding: 3px 5px ;
	overflow: hidden;
	color:#999 !important;
	min-width: 20px;
	}

.pagerBox a:first-child{
min-width: 40px;
}
.pagerBox a:last-child{
min-width: 40px;
}

.pagerBox a:hover{
border-bottom: none !important;
text-decoration: none !important;
color: #fff !important;
	font-weight: bold !important;
}
.pagerBox strong{
	display:inline-block;
	padding: 3px 5px ;
	overflow: hidden;
	color:#fff;
	font-weight: bold;
	}


/*  タブレット向けのスタイル：768px */
@media only screen and (max-width: 768px) {

.pc_on{
	display:none;
	}

.pc_off{
	display:block;
	}



body{
-webkit-text-size-adjust: 100%;
}

#siteWrapper{
	min-width:320px;
	}

img{max-width:100%;}

header section{
width: 100%;
overflow: hidden;
}

header section h1{
text-align: left;
color:#ffffff;
font-size:10px;
font-weight:bold;
}

#logo{
background:url(../img/headerBg.jpg)no-repeat center top ;
background-size:auto 100% ;
width:100%;
}

#logo img{
	width:80%;
	margin:0 auto;
	}
.sm_bnr {
  width: 30%;
}


header section img{
}

.navPc,#navi-area-inside{
	display:none;
	}

.accordion p{
width: 52px;
position:absolute;
top:15px;
right:0;
}
.accordion p img{
width: 52px;
overflow: hidden;
}

.nav {
	width: 100%;
	display: none;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	padding: 0px 0;
	border-top: 1px solid #666666 ;
	border-right: 1px solid #666666 ;
}


.nav li {
	background: #333333;
	display: block;
	width: 50%;
	float:left;
	text-align:center;
	font-size:12px;
	line-height:50px;
	list-style: none outside none;
	overflow: hidden;
	border-bottom: 1px solid #666666 ;
	border-left: 1px solid #666666 ;
	margin: 0 0 0px 0;
	z-index: 400;
}

.nav li a{
	display: block;
	color: #cccccc;
}

.nav li a:hover{
	display: block;
	color: #333333;
	background: #ffffff;
}
/*
.nav_current{
	color: #fff !important;
	background: #333333;
}
*/
#container img{
  max-width: 100%;
  }

/*
.nav_nikuryouri { border-right: 1px solid #fff ;}
.nav_blog { border-right: 1px solid #fff ;}
.nav_access { border-right: 1px solid #fff ;}
*/

#scr_contents{
display: none;
}
#container{
}

#topContents{
	width:100%;
	color: #000;
	position: relative;
	overflow: hidden;
}

#contentsBody{
width: 100%;
margin: 0 auto;
position:relative;
overflow:hidden;
padding:0px 0 30px 0;
}

#contentsBody a{
	color:#0099ff;
	text-decoration:none;
	}
	#contentsBody a:hover{
	border-bottom:1px solid #0099ff;
	color:#0099ff;
	text-decoration:none;
	}

#mainContents{
position: relative;
width: 95%;
margin: 0 auto;
}

#subContents{
position: relative;
width: 95%;
margin: 0 auto;
}

.topGrayBdBox{
background: #333333;
border: 1px solid #666666;
padding: 20px;
clear:both;
overflow:hidden;
width:100%;
margin:15px 0;
}

h3{
color: #ffffff;
font-size: 18px;
padding: 0 0 10px 0;
opacity:hidden;
}

.topMainBox{
overflow:hidden;
color:#fff;
}

.topMainImg{
width: 35%;
float: left;
}

.topMainTxt{
width: 60%;
float: right;
overflow:hidden;
color:#fff;
font-size:10px;
}
#topMainLink{
text-align:right;
}


.topSubTxt{
overflow:hidden;
color:#fff;
padding:5%;
}

.topSubTxt h3{
overflow:hidden;
text-align:center
}

.whatsNew li{
	padding:0 0 5px 0;
	line-height:1.6;
	width:50%;
	float:left;
}

#topBottomContents{
	clear:both;
	width:95%;
	margin:0 auto;
	padding:20px 0 20px 0;
}
#topBottomContents h3{
	padding:0 0 20px 0;
}


.topMovie {
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden;
clear:both;
}



.topMovie iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}


.topWorks{
	width:100%;
	overflow:hidden;
	float:right;
	}

.topWorks li{
	width:48%;
	float:left;
	padding:0 0 0px 0;
	margin:0 1% 0 1%;
	}

.topWorks li a:hover{
	border:none !important;
}
.topWorks li img{
	width:100%;
	margin:0 0 5px 0}
.topWorks li span{
	color:#ccc;
}

.topWorksEnd{
	float:right !important;
	}


.SubTxt{
	margin:0 0 20px 0;}
.SubTxt span{
	color:#cccccc;
}

/*↑SPトップページここまで*/


/*SP事業内容*/
#businessTopBox{
	width:95%;
	clear:both;
	padding:15px 0px 30px 0px;
	overflow:hidden;
	margin: 0 auto;
	}


#businessTopImg{width:56%;
	float:left;}

#businessTopTxtBox{
	float:right;
	width:42%;}

#businessTopTxtBox h4{	font-size:18px;
font-weight:normal;
	margin:0px auto 10px;
	color:#fff;}

#businessTopTxt{
	color:#ccc;
	font-size: 12px;
	}
#businessTopTxt p{
	padding:0 0 20px 0;
	overflow:hidden;
	}
.pEnd{
	padding:0 !important;
	}

.qualification li{
	color:#ccc;
	margin:0px 0 5px 0px;
	}

.txtStrong{
	font-weight:bold;
	color:#fff;
	padding:0 0 25px 0;
}

.businessTxt{
	font-size:14px;
	line-height:1.8;
	color:#ccc;
	}

.businessTxt img{
	width:40%;
	float:right;
	margin:0 0 10px 10px;
	}
#businessTtl h3{
	width:95%;
	margin:20px auto 0;
	}

/*↑SP事業内容ここまで*/

/* SP作業事例 */

.worksList{
	}

.worksList li{
	padding:8px 0 0 0;
	color:#ccc;
	font-size:14px;
}


.worksListClr{
	clear:both;
	}

.worksListClr li{
	padding:8px 0 0 0;
	color:#ccc;
	font-size:16px;
	}

.imgWorks li{
	float:left;
	width:30%;
	overflow: hidden;
	margin-right:5%;
	margin-bottom: 2%;
	}
.imgWorksEnd{
	float:right !important;
	width:30%;
	margin-right:0 !important;
	}
.imgWorks li a:hover{
	border:none !important;
}
.imgWorks li div{
position: relative;
padding-bottom: 59%;
height: 0;
overflow: hidden;
	margin:0 0 5px 0
}
.imgWorks li img{
	width:100%;
	}
.imgWorks li span{
	color:#ccc;
}
/* ↑SP作業事例ここまで */


/* SP作業日記 */
#dailyHead h3{
	width:95%;
	margin:20px auto 10px;
	}

.dailyBox{
	background:#333333;
	border:1px solid #666666;
	margin:0 0 20px 0;
	}
.dailyBoxHead{
	background:url(../img/tittle.png) repeat-y left top;
	background-size:100% auto;}

.dailyBoxHead h3{
	width:95%;
	margin:0 auto;
	padding:10px 0;}
.dailyBoxHead h3 a{
	color:#ffffff;
}
.dailyBoxTxt{
	color:#ffffff;
	padding:10px;
	overflow:hidden;
	max-width:100%;}

.dailyBoxTxt img{
	max-width:100%;
	clear:both;
	float:none;}

.dailyBoxCategory{
	color:#cccccc;
	text-align:right;
	padding:0 0px 10px 0;
	}

.dailyBoxNext{
	text-align:right;
	padding:0 10px 10px 0;
}

.dailyABox{
	background:#333333;
	border:1px solid #666666;
	margin:0 0 20px 0;
	color:#ffffff;
	padding:10px;
	overflow:hidden;
	max-width:100%;
	}
.dailyABox font{
	color:#fff;
}
.dailyABox img{
	max-width:100%;
	clear:both;
	float:none;	}

.dailyBoxTxt img{
	max-width:100%;
	clear:both;
	float:none;}


/*↑SP作業日記ここまで*/


/*SP_会社概要*/


.qualification li{
	color:#ccc;
	margin:0px 0 5px 0px;
	}

.txtStrong{
	font-weight:bold;
	color:#fff;
	padding:0 0 25px 0;
}

.companyTxt{
	font-size:14px;
	line-height:1.2;
	color:#fff;
	}
.companyTxt ul{
	width:55%;
	overflow:hidden;
	float:left;
	}

.companyTxt ul li{
	padding:0 0 15px 0
}
.companyTxt ul li span{
	color:#ccc;
}
.companyTxt ul li p{
	padding:15px 20px;
	border:1px solid #666666;
	font-size:14px;
	line-height:1.5;
	margin:15px 0px 10px 0;
}

.companyTxt img{
	float:right;
	margin:5px 0 30px 30px;
	width:40%;
	}

.companyGr{	padding:20px 0 0 0;
	width:55%;
	clear:both;
	float:left;
}
.companyLine{
		padding:15px 0px 15px 20px;
	border:1px solid #666666;
	font-size:14px;
	line-height:1.5;
	margin:15px 0px 10px 0;
	width:55%;
	float:left;
}


.google-maps {
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden;
clear:both;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
/*↑_SP_tablet_会社概要ここまで*/



/* SP経営理念 */

.commonTxt p{
	color:#ccc;
	padding:0 0 20px 0;
	font-size:14px;
	line-height:1.9;
	}
/*
.commonTxt ul{
	padding:0 0 20px 0;
	overflow:hidden;
	}

.commonTxt ul li{
	color:#fff;
	}
*/

.commonTxt h3{
	padding:0px 0 20px 0;
	font-weight:bold;
	font-size:24px;
	letter-spacing:0.1em;
	}

.commonTxt h4{
	font-weight:bold;
	font-size:14px;
	text-align:left;
	letter-spacing:0.1em;
	color:#fff;
}

.inBorderBox{
	border:1px solid #666;
	padding: 20px;
	margin-bottom: 30px;
	}

.inBorderBox p{
	font-size:14px;
	color:#ccc;
	line-height:1.9;
	padding:0;
}

.inBorderBox ul li{
	font-size:14px;
	color:#ccc;
	line-height:1.9;
	list-style:disc;
	margin:0 0 0 16px;
}

.philoh4_01{
	padding: 0px 0 30px 0;
	}
.philoh4_02{
	padding: 0px 0 30px 0;

	}



/*↑経営理念ここまで*/



/* 社長挨拶 */
#greeting{padding-top: 50px;
clear:both;
}
#philosophy{padding-top: 50px;
clear:both;
}

#greetingHead{
	text-align:center;
	font-weight: bold;
	font-size:24px;
	color:#fff;

	}
#greetingName{
	text-align:right;
	}

#greetingImg{

	}

/*↑社長挨拶ここまで*/


/*　採用情報　*/

#ouenImg{
	width: 100%;
	overflow: hidden;
	}

#ouenTxt{
	width: 100%;
	overflow: hidden;
	padding:20px 0 0 0;
}

#recConditions{
	margin-bottom: 30px;
}

#recConditions tr td{
	padding:10px;
	overflow: hidden;
	font-size:14px;
	}

#recConditions tr:nth-child(odd){
	background:#fff;
}
#recConditions tr:nth-child(even){
	background:#eaeaea;
}

#recConditions tr td:nth-child(odd){
	border-right:1px solid #666666;
}


/*　//採用情報ここまで　*/

/* お客様の声 */

.voiceBox{
	border:1px solid #666;
	padding:20px 30px 0 30px;
	margin: 0 0 30px;}


.voiceName{
	font-size:18px !important;
		padding:0 0 0px 0 !important;
}

.voiceCopy{
	font-size:24px !important;
	font-weight:bold;
	border-bottom:2px solid #fff;
	color:#fff !important;
	padding:0 0 10px 0 !important;
	margin: 0 0 20px;
	}

/*　//お客様の声　*/




/* SPギャラリー */
/*
#bx-pager {
    display: block;
    overflow: hidden;
    letter-spacing: -.4em;
}
#bx-pager > a {
    display: inline-block;
    width: 50%;
    letter-spacing: normal;
    vertical-align: top;
}
 */
.bxslider1 img {
   margin:0 auto;
   display:block;
   }
#Gallery a:hover{
	border:none;}

#bx-pager a:hover{
	border:5px solid #ccc;
	}

div.controlWrap {
	width:100%;
	display:block;
	position:relative;
	margin:0 auto;
}
div.controlWrap p#PrevIcon a{
	display:none;
}

div.controlWrap p#NextIcon a{
	display:none;
}

#swipeTxt{
	display:block;
	text-align:center;
	padding:20px 0 0 0;
	color:#ccc;
	}



/*　SPギャラリーここまで　*/




/* _SP_お問い合わせ */
.contactMainTxt p{
	color:#FFFFFF;
	font-size:12px;
	padding:10px 0 10px 0
	}

#formArea{
	background:#fff;
	margin:30px 0 20px 0;
	padding:20px 10px ;
	overflow:hidden;
}
#formAreaIf{
	width:100%;
	min-height:600px;}
#mailouter{
	background:#fff;
	width:100%;
	overflow:hidden;
	}
#mailouter p{
	min-height:50px;
	padding:0 0 20px 0;
	font-size:18px;}


#mailouter img
{max-width:100%; height:auto;} /* 画像のハミ出し防止 */
#mailouter form p
{font-size:100%;}
#mailouter input,select
{width:100%; font-size:120%; padding:5px;}
#mailouter input:focus,input:hover
{background:#eeeeee;}
#mailouter textarea
{width:100%; font-size:120%; padding:5px; height:50px;}
#mailouter textarea:focus,textarea:hover
{height: 150px;background:#eeeeee;}

/*
#mailouter input[type="submit"]
{width: 100%; font-size:80%; margin: 0; padding: 5px 8px; background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#666666)); border: 1px #666666 solid; color: #FFF; -webkit-appearance: none; -webkit-border-radius: 10px; }
*/

#mailouter .focus
{background:#eeeeee;}
#mailouter .wd33per
{width:30%;}

#sendFormTable tr td{
padding:10px;}

/*↑_SP_お問い合わせここまで*/



/*_SP_フッター*/

#footer{
position: relative;
bottom: 0;
width: 100%;
background:#333333;
z-index: 200;
clear:both;
}


#footer_main{
	width:95%;
	margin:0 auto;
padding: 20px 0;
overflow: hidden;
color: #ffffff;
font-size: 12px;
}

#footer_wrap{
max-width: 1000px;
margin: 0 auto;
}

#footer_link{
overflow: hidden;
clear: both;
padding: 10px 0px 10px 0px;
}

#footer_copy{
overflow: hidden;
padding: 10px 10px 10px 0px;
}


#widget{}

	ul.widget {
		width: 100%;
	}

	ul.widget li{
		width: 98% !important;
		text-align: center;
		margin: 10px auto 0;
		position: relative;
		list-style:none;
	}


}

/*  スマホ向けのスタイル：640px */

@media screen and (max-width:640px){


/* SP作業日記 */
#dailyHead h3{
	width:95%;
	margin:20px auto 10px;
	}

.dailyBox{
	background:#333333;
	border:1px solid #666666;
	margin:0 0 20px 0;
	}
.dailyBoxHead{
	background:url(../img/tittle.png) repeat-y left top;
	background-size:100% auto;}

.dailyBoxHead h3{
	width:95%;
	margin:0 auto;
	padding:10px 0;}
.dailyBoxHead h3 a{
	color:#ffffff;
}
.dailyBoxTxt{
	color:#ffffff;
	padding:10px;
	overflow:hidden;}

.dailyBoxTxt img{
	width:100%;
	clear:both !important;
	float:none;}

.dailyBoxCategory{
	color:#cccccc;
	text-align:right;
	padding:0 0px 10px 0;
	}

.dailyBoxNext{
	text-align:right;
	padding:0 10px 10px 0;
}

/*↑SP作業日記ここまで*/

/*SP事業内容*/
#businessTopBox{
	clear:both;
	padding:15px 0 30px 0;
	overflow:hidden;
	float: none;
	}

#businessTopImg{width:100%;}
#businessTopImg img{width:100%;}
#businessTopTxtBox{
	width:100%;
	float: none;
	padding: 15px 0 0 0;
	overflow: hidden;
	}

#businessTopTxtBox h4{
	font-size:18px;
font-weight:normal;
	margin:0px auto 10px auto;
	color:#fff;}

#businessTopTxt{
	color:#ccc;
	margin:0 auto;
	font-size:14px;
	}

.qualification li{
	color:#ccc;
	margin:0px 0 5px 0px;
	}

.txtStrong{
	font-weight:bold;
	color:#fff;
	padding:0 0 25px 0;
}

.businessTxt{
	font-size:14px;
	line-height:1.8;
	color:#ccc;
	}

.businessTxt img{
	width:40%;
	float:right;
	margin:0 0 10px 10px;
	}
#businessTtl h3{
	width:95%;
	margin:20px auto 0;
	}

/*↑SP事業内容ここまで*/

/*SP_会社概要*/


.qualification li{
	color:#ccc;
	margin:0px 0 5px 0px;
	}

.txtStrong{
	font-weight:bold;
	color:#fff;
	padding:0 0 25px 0;
}

.companyTxt{
	font-size:14px;
	line-height:1.2;
	color:#fff;
	}
.companyTxt ul{
	width:55%;
	float:left;
	overflow:hidden;
}

.companyTxt ul li{
	padding:0 0 15px 0
}
.companyTxt ul li span{
	color:#ccc;
}
.companyTxt ul li p{
	padding:15px 20px;
	border:1px solid #666666;
	font-size:14px;
	line-height:1.5;
	margin:15px 0px 10px 0;
}

.companyTxt ul li p{
	padding:15px 20px;
	border:1px solid #666666;
	font-size:14px;
	line-height:1.5;
	margin:15px 0px 10px 0;
}

.companyGr{	padding:20px 0 15px 0;
clear:both;
	width:100%;
}
.companyLine{
	padding:15px 20px;
	border:1px solid #666666;
	font-size:14px;
	line-height:1.5;
	margin:15px 0px 10px 0;
	clear:both;
	width:100%;
}

.companyTxt img{
	float:right;
	margin:5px 0 5px 5px;
	width:40%;
	}



.google-maps {
position: relative;
padding-bottom: 75%; // これが縦横比
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

/*↑_SPsumaho_会社概要ここまで*/

}


/*  PC向けのスタイル：769px～960px */
@media only screen and (min-width: 769px) {

/*トップページ*/

.pc_on{
	display:block;
	}

.pc_off{
	display:none;
	}

#headerTop{
/*background:url("../img/headerBg.jpg") no-repeat center top;*/
background-image:url("../img/headerBg.jpg"),url("../img/naviLine.png");
background-repeat:no-repeat, repeat-x;
background-position:center top,left bottom;

position: relative;
z-index: 300;
}

#header{
position: relative;
z-index: 300;
}

header section{
position: relative;
clear:both;
}


header section dl{
display:none;
}

#logo{
	width: 978px;
	height:163px;
	overflow:hidden;
	margin: 0 auto;
}

#logo h1{
font-size: 12px;
font-weight: normal;
color: #FFFFFF;
padding: 10px 0 10px 0;
text-align: left;
overflow: hidden;
}

header section h1{
text-align: center;
}


/*20160913追加------*/
.sm_bnr{
	display:inline-block;
	width: 340px;
	text-align:right;
}
/*--------------------*/



#fixedBox{
	background: #1a75bb;
	width: 100%;
}

.accordion p{
text-align: center;
display: none;
}

#navi-area-inside{
background:url("../img/naviBg.png") no-repeat left top;
width: 978px;
height: 42px;/*親メニューの高さ*/
margin: 0 auto;
	color: #fff;
	display: block;
	clear: both;
	margin: 0 auto;
	position:relative
}


#navi-area-inside ul{
  margin:0;
  padding:0;
}

#navi-area-inside ul li {
  list-style: none;
  margin:0;
  padding:0;
  font-size:14px;
  float: left;
  position: relative;
  /*width: 160px;親メニューの幅*/
  height: 42px;/*親メニューの高さ*/
  line-height: 42px;
  /*background:#fff url(images/navi_border.png) no-repeat right center;親メニューの背景色*/

  color: #333;/*親メニューの文字色*/
  text-align:center;
  font-weight:bold;
}

#navi-area-inside ul li a {
  color: #cccccc;
  display: block;
  text-decoration: none;
}

#navi-area-inside ul li:hover, #navi-area-inside ul li a:hover {
  /*background:#88c3df;ホバー時の親メニューの背景色*/
  /*color: #ffffff;ホバー時の親メニューの文字色*/
}

#navi-area-inside ul li ul {
  position: absolute;
  top: 42px;/*親メニューの高さと同じにする*/
  width: 163px;
  z-index: 1000;
}

#navi-area-inside ul li ul li {
  visibility: hidden;
  overflow: hidden;
  width: 163px;/*サブメニューの幅*/
  height: 0;
  border-bottom: 1px solid #999;
  background:#333333;/*サブメニューの背景色*/
  font-size:14px;
}
#navi-area-inside ul li ul li:hover, #navi-area-inside ul li ul li a:hover {
  background:#ffffff;/*ホバー時のサブメニューの背景色*/
  color:#333333;
}
#navi-area-inside ul li:hover ul li, #navi-area-inside ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height:42px;/*サブメニューの高さ*/
  z-index: 10;
}
#navi-area-inside * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}



.navOuter {
background:url("../img/naviLine.png") repeat-x left bottom;
width: 100%;
}

/*
.navPc {
width: 978px;
margin: 0 auto;
	color: #fff;
	display: block;
	clear: both;
	margin: 0 auto;
}


.navPc li {
	width: 163px;
	display: block;
	float:left;
	text-align:center;
	list-style: none outside none;
	color: #fff;
}

*/
.nav_end{
	display: none !important;
}

.navPc li{
	display:block;
}

.nav_current img{
	opacity:0 !important;
}

.navPc li a:hover{
border-top: 1px solid #ff000;
}

/*ナビゲーション固定*/
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

#topContents{
	overflow:hidden;
	clear:both;
	position:relative;
	width:100%;
	}

#contentsBody{
width: 978px;
margin: 0 auto;
position:relative;
overflow:hidden;
padding:0px 0 30px 0;
}

#contentsBody a{
	color:#0099ff;
	text-decoration:none;
	}
	#contentsBody a:hover{
	border-bottom:1px solid #0099ff;
	color:#0099ff;
	text-decoration:none;
	}

#mainContents{
position: relative;
width: 640px;
height: 100%;
float: left;
}

#subContents{
position: relative;
max-width: 306px;
margin: 0 auto;
height: 100%;
float: right;
}

.topGrayBdBox{
background: #333333;
border: 1px solid #666666;
padding: 30px;
clear:both;
overflow:hidden;
width:100%;
}

h3{
color: #ffffff;
font-size: 24px;
padding: 0 0 10px 0;
opacity:hidden;
}

.topMainBox{
height:292px;
overflow:hidden;
color:#fff;
}

.topMainImg{
width: 220px;
height:230px;
float: left;
}

.topMainTxt{
float: right;
width:350px;
overflow:hidden;
color:#fff;
}
.topMainTxt p{
	padding:0 0 20px 0;
}

#topMainLink{
	text-align:right;
}


.topSubTxt{
	width:305px;
	height:292px;
overflow:hidden;
color:#fff;
padding:25px 30px 30px 30px
}

.topSubTxt > ul{
height:195px;
overflow:hidden;
}

.whatsNew li{
	padding:0 0 5px 0;
	line-height:1.6;
}

#topBottomContents{
	clear:both;
	width:978px;
	margin:0 auto;
	padding:30px 0 30px 0;
}
#topBottomContents h3{
	padding:0 0 30px 700px;
}
.topMovie{
	width:640px;
	overflow:hidden;
	float:left;
	}

.topMovie iframe{
	width:100%;
	height:486px;}

.topWorks{
	width:306px;
	overflow:hidden;
	float:right;
  position: relative;
	top: -200px;
	}

.topWorks li{
	float:left;
	width:100%;
	padding:0 0 20px 0;
	}
.topWorks li a:hover{
	border:none !important;
}
.topWorks li img{
	width:100%;
	margin:0 0 5px 0}
.topWorks li span{
	color:#ccc;
}

#topBottomContents .topWorks{
	height: 486px;
	overflow: hidden;
	}

/*↑トップページここまで*/

#innerTtlBg{
	background:url("../img/innerCatchBg.jpg") no-repeat center top;
	width:100%;
	overflow:hidden;
	margin:0 0 30px 0;
}

#innerTtl{
	width:978px;
	margin:0 auto;
}

.SubTxt{
	width:306px;
	margin:0 0 30px 0;}
.SubTxt span{
	color:#cccccc;
}

/*事業内容*/
#businessTopBox{
	clear:both;
	padding:15px 0 30px 0;
	overflow:hidden;
	}

#businessTopImg{width:590px;
	float:left;}
#businessTopTxtBox{
	float:right;
	width:380px;}

h4{	font-size:18px;
font-weight:normal;
padding:0 0 15px 0;
	color:#fff;}

#businessTopTxt{
	color:#ccc;
	}
#businessTopTxt p{
	padding:0 0 20px 0;
	overflow:hidden;
	}
.pEnd{
	padding:0 !important;
	}

.qualification li{
	color:#ccc;
	margin:0px 0 5px 0px;
	}

.txtStrong{
	font-weight:bold;
	color:#fff;
	padding:0 0 25px 0;
}

.businessTxt{
	font-size:14px;
	line-height:1.8;
	color:#ccc;
	}

.businessTxt img{
	float:right;
	margin:5px 0 30px 30px;
	}

/*↑事業内容ここまで*/



/* 作業事例 */

#worksH3{
	margin:30px 0 20px;}

.worksList{
	float:left;
	width:50%;
	}

.worksList li{
	padding:8px 0 0 0;
	color:#ccc;
	font-size:16px;
}

.worksListClr{
	clear:both;
	}

.worksListClr li{
	float:left;
	width:50%;
	padding:8px 0 0 0;
	color:#ccc;
	font-size:16px;
	}

.imgWorks li{
	float:left;
	width:306px;
	margin-right:30px;
	overflow: hidden;
	margin-bottom: 20px;
	}
.imgWorksEnd{
	float:right !important;
	width:306px;
	margin-right:0 !important;
	}
.imgWorks li a:hover{
	border:none !important;
}
.imgWorks li div{
position: relative;
padding-bottom: 59%;
height: 0;
overflow: hidden;
	margin:0 0 5px 0
}
.imgWorks li img{
	width:100%;
	}
.imgWorks li span{
	color:#ccc;
}
/* ↑作業事例ここまで */


/* 作業日記 */

.dailyBox{
	background:#333333;
	border:1px solid #666666;
	margin:0 0 30px 0;
	}
.dailyBoxHead{
	background:url(../img/tittle.png) repeat-y left top;
	background-size:100% auto;
	padding:10px 0 0px 30px;}

.dailyBoxHead h3 {font-size:18px;}
.dailyBoxHead h3 a { color:#ffffff !important;}

.dailyBoxTxt{
	color:#ffffff;
	overflow:hidden;
	padding:30px;}

.dailyBoxCategory{
	color:#cccccc;
	text-align:right;
	padding:0 15px 30px 0;}

.dailyBoxNext{
	text-align:right;
	padding:0 30px 10px 0;}

.dailyABox{
	background:#333333;
	border:1px solid #666666;
	margin:0 0 20px 0;
	color:#ffffff;
	padding:20px;
	overflow:hidden;
	max-width:100%;
	}
.dailyABox font{
	color:#fff;
}
.dailyABox img{
	max-width:50%;
	clear:both;
	margin:0 20px 20px 0;
	}
.dailyNewBox{margin-top: 30px;}
/*↑作業日記ここまで*/



/*会社概要*/

.qualification li{
	color:#ccc;
	margin:0px 0 5px 0px;
	}

.txtStrong{
	font-weight:bold;
	color:#fff;
	padding:0 0 25px 0;
}

.companyTxt{
	font-size:18px;
	line-height:1.2;
	color:#fff;
	}
.companyTxt ul{
	width:580px;
	float:left;
}

.companyTxt ul li{
	padding:0 0 15px 0
}
.companyTxt ul li span{
	color:#ccc;
}
.companyTxt ul li p{
	padding:15px 20px;
	border:1px solid #666666;
	font-size:14px;
	line-height:1.5;
	margin:15px 0px 10px 0;
}

.companyGr{	padding:20px 0 0 15px 0;
	width:580px;
	float:left;
}
.companyLine{
	width:580px;
	padding:15px 20px;
	border:1px solid #666666;
	font-size:14px;
	line-height:1.5;
	margin:15px 0px 10px 0;
	float:left;
}
.companyTxt img{
	float:right;
	margin:5px 0 15px 15px;
	}



/*↑会社概要ここまで*/


/* 経営理念 */


#greeting{padding-top: 100px;}
#philosophy{padding-top: 100px;}


.commonTxt{
	clear:both;}

.commonTxt p{
	color:#ccc;
	padding:0 0 20px 0;
	font-size:16px;
	line-height:1.9;
	}
/*
.commonTxt ul{
	padding:0 0 20px 0;
	overflow:hidden;
	}

.commonTxt ul li{
	color:#fff;
	}
*/

.commonTxt h3{
	padding:0px 0 20px 0;
	font-weight:bold;
	font-size:24px;
	letter-spacing:0.1em;
	}

.commonTxt h4{
	font-weight:bold;
	font-size:20px;
	text-align:center;
	letter-spacing:0.1em;
}

.inBorderBox{
	border:1px solid #666;
	padding: 20px;
	margin-bottom: 30px;
	}

.inBorderBox p{
	font-size:16px;
	color:#ccc;
	line-height:1.9;
	padding:0;
}

.inBorderBox ul li{
	font-size:16px;
	color:#ccc;
	line-height:1.9;
	list-style:disc;
	margin:0 0 0 20px;
}

.philoh4_01{
	padding: 10px 0 50px 0;
	}
.philoh4_02{
	padding: 30px 0 50px 0;

	}



/*↑経営理念ここまで*/



/* 社長挨拶 */

#greetingHead{
	text-align:center;
	font-weight: bold;
	font-size:24px;
	color:#fff;

	}
#greetingName{
	text-align:right;
	}

#greetingImg{

	}

/*↑社長挨拶ここまで*/


/*　採用情報　*/

#ouenImg{
	width: 100%;
	overflow: hidden;
	}
#ouenImg img{
	width: 700px;
	overflow: hidden;
	}

#ouenTxt{
	width: 300px;
	float: right;
	overflow: hidden;
}

#recConditions{
	width: 700px;
	margin-bottom: 30px;
}

#recConditions tr td{
	padding:20px;
	overflow: hidden;
	font-size:16px;
	}

#recConditions tr:nth-child(odd){
	background:#fff;
}
#recConditions tr:nth-child(even){
	background:#eaeaea;
}

#recConditions tr td:nth-child(odd){
	border-right:1px solid #666666;
}


/*　//採用情報ここまで　*/

/* お客様の声 */

.voiceBox{
	border:1px solid #666;
	padding:20px 30px 0 30px;
	margin: 0 0 30px;}


.voiceName{
	font-size:18px !important;
		padding:0 0 0px 0 !important;
}

.voiceCopy{
	font-size:24px !important;
	font-weight:bold;
	border-bottom:2px solid #fff;
	color:#fff !important;
	padding:0 0 10px 0 !important;
	margin: 0 0 20px;
	}

/*　//お客様の声　*/

/* ギャラリー */

#bx-pager {
    display: table;
    width: 100%;
}
#bx-pager > a {
    display: table-cell;
    border: 5px solid transparent;
}
#bx-pager img {
    display: block;
    width: 100%;
}

.bxslider1 img {
   margin:0 auto;
   display:block;
   }
#Gallery a:hover{
	border:none;}

#bx-pager a:hover{
	border:5px solid #ccc;
	}

div.controlWrap {
	width:100%;
	display:block;
	position:relative;
	margin:0 auto;
}
div.controlWrap p#PrevIcon a{
	display:block;
	width:30px;/*オリジナルの矢印アイコン画像の横幅を設定しましょう*/
	height:32px;/*オリジナルの矢印アイコン画像の縦幅を設定しましょう*/
	position:absolute;
	background:url(../images/prevSp.png) left center no-repeat;/*オリジナルの矢印アイコンを設定しています*/
	border-size:100% auto ;
	color:#fff;
	top:20px;
	left:0px;
	text-indent:-9999px;
}

div.controlWrap p#NextIcon a{
	display:block;
	width:30px;/*オリジナルの矢印アイコン画像の横幅を設定しましょう*/
	height:32px;/*オリジナルの矢印アイコン画像の縦幅を設定しましょう*/
	position:absolute;
	background:url(../images/nextSp.png) right center no-repeat;/*オリジナルの矢印アイコンを設定しています*/
	border-size:100% auto ;
	color:#fff;
	top:20px;
	right:0px;
	text-indent:-9999px;
}

#swipeTxt{
	display:none;
	}


/*　ギャラリーここまで　*/

/* お問い合わせ */
.contactMainTxt p{
	color:#FFFFFF;
	font-size:18px;
	padding:10px 0 20px 0
	}

#formArea{
	background:#fff;
	margin:30px 0 20px 0;
	padding:20px 20px ;
	overflow:hidden;
}
#formAreaIf{
	width:100%;
	min-height:600px;}
#mailouter{
	background:#fff;
	width:100%;
	overflow:hidden;
	}
#mailouter table tr td{
	max-width:100%;
	}


#mailouter p{
	width:100%;
	min-height:50px;
	padding:0 0 20px 0;
	font-size:18px;}


#mailouter img
{max-width:100%; height:auto;} /* 画像のハミ出し防止 */
#mailouter form p
{font-size:100%;}
#mailouter input,select
{width:100%; padding:5px;}
#mailouter input:focus,input:hover
{background:#eeeeee;}
#mailouter textarea
{width:100%; padding:5px;}
#mailouter textarea:focus,textarea:hover
{background:#eeeeee;}
#mailouter input[type="submit"]{
	width: 50%;
	font-size:100%; margin: 0 auto; padding: 5px 8px; background:#333333; border: 1px #666666 solid; color: #FFF;
	-webkit-appearance: none;
	-webkit-border-radius:10px;
	}
#mailouter .focus
{background:#eeeeee;}
#mailouter .wd33per
{width:30%;}

.contactSendBtn{
	text-align:center;}

#sendFormTable tr td{
padding:10px;}
/*↑ お問い合わせ ここまで*/


/*フッター*/


#footer{
background: #333333;
width: 100%;
z-index: 200;
position: relative;
}


#footer_main{
width: 978px;
margin: 0 auto;
padding: 10px 0;
overflow: hidden;
color: #ffffff;
}

#footer_wrap{
max-width: 978px;
margin: 0 auto;
}


#footer_link{
overflow: hidden;
padding: 0px 10px 10px 0;
clear: both;
}

#footer_left{
overflow: hidden;
float: left;
padding: 0 0 0 10px;
}

#footer_contact{
overflow: hidden;
float: left;
padding: 0 0 0 10px;
}

#footerAddress{
overflow: hidden;
float: left;
padding: 0 0 0 0px;
font-size:12px;
}

#footerCopy{
	float: right;
overflow: hidden;
padding: 15px 0px 0 10px;
font-size:12px;
}

.ttl_footer_cat{
font-size: 14px;
font-weight: bold;
height: 36px;
}

#footer a:hover{
	border-bottom:1px solid #fff;
}

.txt_footer{
height: 45px;
overflow: hidden;
}



}

#widget{
	clear:both;
	width:98%;
	text-align: center;
	margin:0 auto;
}

ul.widget {
	width: 100%;
	max-width: 977px;
	text-align: center;
	margin: 15px auto;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

ul.widget li{
	position: relative;
	height: auto;
	min-height: 300px;
    margin: 0 1%;
    padding: 10px 0;
    width: calc(96% / 2);
    list-style:none;
}