@media screen and (min-width: 1300px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}
}

@media screen and (max-width:1300px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}
}


@font-face {
	font-family:"IPAex明朝 標準";
	src: url('../font/ipaexm.ttf') format('truetype');
}
@font-face {
	font-family:"Dejima mincho 中";
	src: url('../font/dejima-mincho-r227.ttf') format('truetype');
}
@font-face {
	font-family:"あおぞら明朝 Medium";
	src: url('../font/AozoraMinchoMedium.ttf') format('truetype');
}
@font-face {
	font-family:"ほのか明朝";
	src: url('../font/font_1_honokamin.ttf') format('truetype');
}
@font-face {
	font-family:"MigMix 1P";
	src: url('../font/migmix-1p-regular.ttf') format('truetype');
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

img { border:none;}

html{
	overflow-y :scroll;
}
body {
	margin: 0;
	padding: 0;
	color: #333;
	text-align: left;
	line-height: 1.4em;
	font-family:"MigMix 1P";
	border-top:5px #FF7600 solid;
}
.wrap {
	overflow: hidden;
}
a{
	text-decoration:none;
}
a:link{
	color: #333;
}
a:visited{
	color: #333;
}
a:hover{
	color: #FF7E00;
}
a:hover img
{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}
.clear{
	clear: both;
	font-size: 1px;
	line-height: 1px;
}
.imgright10{
	margin-right:10px;
}
.imgright20{
	margin-right:20px;
}

.imgbottom20{
	margin-bottom:20px;
}

.imgbottom20 a:hover img
{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}
.floatleft{
	float:left;
}
.floatright{
	float:right;
}


/* linkボタン */

.linkbutton a{
	border-radius:5px;
	background: -moz-linear-gradient(top,#ffc388, #ffb035 50%,#ff8300 50%,#f72);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffb388), color-stop(0.5,#ffa035), color-stop(0.5,#ff8300), to(#f72));
	color: #FFF;
	width: 200px;
	padding: 15px;
    text-align:center;
	display:block;
	margin-bottom:100px;
}
.linkbutton a:hover{
	border-radius:5px;
	background: -moz-linear-gradient(top,#ffe8bd, #ffbd73 50%,#ffa13e 50%,#f93);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffe8bd), color-stop(0.5,#ffbd73), color-stop(0.5,#ffa13e), to(#f93));
	color: #000;
	width: 200px;
	padding: 15px;
    text-align:center;
	display:block;
	margin-bottom:100px;
}




/* header */

#header{
	width:100%;
	border-bottom:1px solid #ccc;
	padding:0;
	margin:0 auto;
	box-sizing:border-box;
}
#header img{
	width:100%;
}
#header h1{
	width:20%;
	float:left;
	display:block;
	padding:10px;
	margin:0;
}
#header h1 a span{
	display:none;
}
@media only screen and (max-width: 1300px) {
#header h1{
	width:100%;
	display:block;
	margin:0 auto;
	text-align:center;
}
#header img{
	width:70%;
	margin:0 auto;
}

}


/* headermenu */

#headernavi{
	width:77%;
	display:block;
	height:70px;
	padding:0;
	margin:2% 0 0 0;
	float:right;
}
#spnavi {
	display: none;
}

#headernavi ul{
	width:97%;
}
#headernavi li{
	float:left;
	width:12.5%;
	display:block;
	height:70px;
	border-left:1px #ccc solid;
	list-style:none;
	padding:15px 10px;
	margin:0;
	text-align:center;
	box-sizing:border-box;
	font-size:80%;
	line-height:1.3em;
}
#headernavi li span{
	font-size:90%;
	color:#aaa;
}
#headernavi li a{
	display:block;
	height:70px;
}

@media only screen and (max-width: 1300px) {
#headernavi{
    display: none;
  }
#spnavi{
	display: block;
	clear:both;
}
#menu{
    display: none;
  }
#menu li{
    width: 100%;
  }

#toggle {
	display: block;
	position: relative;
	width: 100%;
	background-color:#ff9000;
	}
#toggle a{
	display: block;
	position: relative;
	padding: 20px 0 20px;
	border-bottom: 1px solid #ff9000;
	color:#FFF;
	text-align: center;
	text-decoration: none;
	}
#toggle:before {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 30px;
		height: 30px;
		margin-top: -15px;
		background: #FFF;
	}
#toggle a:before, #toggle a:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 30px;
		height: 6px;
		background:#ff9000;
	}
#toggle a:before {
		margin-top:-9px;
	}
#toggle a:after {
		margin-top: 3px;
	}

#spnavi .child {
    display: none;
}
#spnavi ul{
	margin:0;
	padding:0;
}
#spnavi li{
	display: block;
	margin:0;
	width:100%;
	padding:0;
	background:#fff;
	border-bottom: 1px solid #777;
}
#spnavi li a.top{
	background: #888;
}
#spnavi li a{
	padding:10px 0 10px 50px;
	display: block;
	margin:auto;
	width:100%;
	color:#222;
	text-decoration:none;
}
#spnavi li a:hover{
	background: #FFF0D6;
	color:#222;
}

}






/* index */
#mainimage{
	width:100%;
	box-sizing:border-box;
}
#mainimage img{
	width:100%;
}

#indexworks{
	text-align:center;
	width:100%;
	margin:50px 0;
	display:block;
}
#indexworks h2{
	font-size:36px;
	font-weight: 500;
	padding:20px 20px 0px 20px;
	font-family:"あおぞら明朝 Medium";
	
}
#indexworks .comment{
	font-size: 17px;
	font-weight: 500;
	line-height:1.7
}

#worksBox{
	width:100%;
	margin:50px auto;
	padding:0;
}
#worksBox dl{
	padding: 0;
	margin-left:0;
}
#worksBox dt{
	margin-bottom: 13px;
	font-size:135%;
	line-height: 1.7;
	padding:0;
	margin:0;
}
#worksBox dt span{
	display: block;
	font-size: 150%;
	line-height: 1.6;
}
#worksBox dd{
	margin:0;
	padding:0;
}
#worksBox .list ul{
	padding: 0;
	margin:0;
}
#worksBox .list li{
	font-size:108%;
	padding:0;
	margin:0;
	list-style:none;
}

#worksBox .indexBox01 ,#worksBox .indexBox02 ,#worksBox .indexBox03 ,#worksBox .indexBox04{
	width:25%;
	height:350px;
	float:left;
	margin:0;
	padding:0 0 0 0;
	display:block;
	box-sizing:border-box;
	color: #fff;
	text-align: center;
	border-right:1px dotted #D3D3D3;
}
#worksBox .indexBox01{
	background-color:#ff9000;
}
#worksBox .indexBox02{
	background-color:#fe9e1a;
}
#worksBox .indexBox03{
	background-color:#ffb400;
}
#worksBox .indexBox04{
	background-color:#ffc600;
}

#worksBox .workBtn a{
	color:#fff;
	padding:15px;
	margin:auto auto 20px auto;
	background-color:rgba(255,255,255,0.3);
	width:40%;
	display:block;
	border-radius: 6px;
}
#worksBox .workBtn a:hover{
	padding:15px;
	margin:auto auto 20px auto;
	background-color:#fff;
	width:40%;
	display:block;
	border-radius: 6px;
	opacity: 0.8;
	color:#ff9000;
}
@media only screen and (max-width: 1300px) {
#worksBox .indexBox01 ,#worksBox .indexBox02 ,#worksBox .indexBox03 ,#worksBox .indexBox04{
	width:50%;
	height:350px;
	float:left;
	margin:0;
	padding:0 0 0 0;
	display:block;
	box-sizing:border-box;
	color: #fff;
	text-align: center;
	border-right:1px dotted #D3D3D3;
}
}
@media only screen and (max-width: 640px) {
#worksBox .indexBox01 ,#worksBox .indexBox02 ,#worksBox .indexBox03 ,#worksBox .indexBox04{
	width:100%;
	height: auto;
}

}



#newsarea ,#staffarea{
	text-align:center;
	width:100%;
	margin:50px 0;
	display:block;
}
#newsarea h2 ,#staffarea h2{
	font-size:36px;
	font-weight: 500;
	padding:20px 20px 0px 20px;
	font-family:"あおぞら明朝 Medium";
}
#newsarea .textnews ,#staffarea .textnews{
	width:1000px;
	border:1px solid #ccc;
	margin:auto;
	overflow-y:hidden;
	height:300px;
}

#newsarea dt ,#staffarea dt{
	padding:20px;
	border-bottom:1px dotted #ccc;
	margin:0;
	float:left;
	clear:left;
	width:200px;
	text-align:left;
	box-sizing:border-box;
}
#newsarea dd ,#staffarea dd{
	padding:20px;
	border-bottom:1px dotted #ccc;
	margin:0;
	float:left;
	width:780px;
	text-align:left;
	box-sizing:border-box;
}
#bannerfooter{
	margin-bottom:200px;
	text-align:center;
}

@media only screen and (max-width: 640px) {
#indexworks h2{
	font-size:34px;
	line-height:1.2em;
	text-align:center;
}
#newsarea h2 ,#staffarea h2{
	font-size:36px;
	line-height:1.2em;
	text-align:center;
}
#indexworks .comment{
	line-height:1.3em;
}
#newsarea .textnews ,#staffarea .textnews{
	width:98%;
	border:1px solid #ccc;
	margin:auto;
	overflow-y:hidden;
}
#newsarea dt ,#staffarea dt{
	padding:20px 20px 0px 20px;
	border:none;
	width:100%;
	text-align:left;
	box-sizing:border-box;
	font-weight:bold;
	color:#000;
}
#newsarea dd ,#staffarea dd{
	padding:20px 20px 0px 20px;
	border:none;
	margin:0;
	float:left;
	width:100%;
	text-align:left;
	box-sizing:border-box;
}

}


/* Container */

.Container{
	max-width:1000px;
	margin:auto auto 200px auto;
	display:block;
	line-height:1.8em;
}

.Contents h2{
	margin-top:2em;
	padding-left:.5em;
	padding-bottom: .5em;
	border-bottom: 1px solid #ccc;
}
.Contents h2:first-letter {
	margin-right: .1em;
	font-size: 1.5em;
}
.Contents h3{
	padding: .5em .75em;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.Contents ol{
	margin-bottom:50px;
	display:block;
}
.Contents li{
	padding:10px;
}

@media screen and (max-width:1300px){
.Container{
	width:98%;
	margin:auto auto 200px auto;
	display:block;
	line-height:1.8em;
}
.Contents h2{
	margin-top:2em;
	padding-left:.5em;
	padding-bottom: .5em;
	border-bottom: 1px solid #ccc;
	font-size:90%;
}
.Contents h3{
	padding: .5em .75em;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size:85%;
}
}

/* コンタクトフォームボタン */
.wpcf7-submit{
border:solid 1px #ccc;
padding:15px 30px;
margin:0 0 20px;
font-size:1.2em;
text-transform:uppercase;
font-weight:bold;
color:#333;
cursor:pointer;
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.wpcf7-submit:hover{
background: #f47c20;
background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
background: -moz-linear-gradient(top,  #f88e11,  #f06015);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');	
border:solid 1px #ccc;
padding:15px 30px;
margin:0 0 20px;
font-size:1.2em;
font-weight:bold;
color:#fff;
cursor:pointer;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
}
.wpcf7-not-valid-tip{
	display:block;
	width:300px;
}




/* 修正 */

#restore .infomessage{
}
#restore .infomessage .imgpc{
	width:300px;
	float:right;
}
#restore .infomessage .imgpc img{
	width:100%
}
#restore .infomessage .textmessage{
	width: 600px;
	float: left;
	margin-top:15px;
}
#restore table{
	margin:50px auto;
	margin-left:auto;
	margin-right:auto;
}
#restore th ,.Contents #restore td{
	padding:10px;
	border-bottom:1px dotted #ccc;
}
#restore dl{
	margin:50px auto 20px auto;
	width:800px;
	display:block;
}
#restore dl span{
	font-size:90%;
	color:red;
}

#restore dt{
	padding:20px;
	border-top:1px dotted #ccc;
	margin:0;
	float:left;
	clear:left;
	width:360px;
	text-align:left;
	box-sizing:border-box;
	font-weight:bold;
}
#restore dd{
	padding:25px 20px 20px 20px;
	border-top:1px dotted #ccc;
	margin:0;
	float:left;
	width:360px;
	text-align:left;
	box-sizing:border-box;
}
#restore span{
	font-size:90%;
}
#restore hr{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	width:100%;
	margin:auto auto 100px auto;
}

@media screen and (max-width:1300px){
#restore{
	line-height:1.3em;
	margin-bottom:140px;
}
#restore .infomessage .imgpc{
	width:90%;
	float: none;
	margin:auto;
}
#restore .infomessage .textmessage{
	width: 98%;
	margin:15px auto;
	line-height:1.3em;
}
#restore ol{
	margin:25px 0;
}
#restore li{
	margin:0 0 10px -1.5em;
	padding:0;
}
#restore dl{
	margin:20px auto;
	width:100%;
	display:block;
}
#restore dt{
	padding:20px;
	border: none;
	margin:0;
	float:none;
	width:100%;
	text-align:left;
	box-sizing:border-box;
	font-weight:bold;
}
#restore dd{
	padding:0px 20px 20px 20px;
	border-top: none;
	border-bottom:1px dotted #ccc;
	margin:0;
	float:none;
	width:100%;
	text-align:left;
	box-sizing:border-box;
}
#restore dd:last-child {
	border-bottom:none;
}
#restore hr{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	width:100%;
	margin:auto auto 50px auto;
}
#restore table{
	width: 98%;
	margin:20px auto;
}
#restore th{
	padding:3px;
	border-bottom:1px dotted #ccc;
	font-size:80%;
}
#restore td{
	padding:3px;
	border-bottom:1px dotted #ccc;
	font-size:80%;
}
#restore span{
	font-size:90%;
}
}

.Contents .summary{}
.Contents .summary table{
	margin:50px auto;
	margin-left:auto;
	margin-right:auto;
	border-collapse: collapse;
	border-spacing: 0;
}
.Contents .summary th ,.Contents .summary td{
	padding:20px;
	border-bottom:1px solid #ccc;
}
.Contents .summary th{
	white-space:nowrap;
}


/* estimate */

.estimate{
}
.estimate table{
	width:80%;
	margin:20px auto 60px auto;
	margin-left:auto;
	margin-right:auto;
}
.estimate th ,.estimate td{
	line-height:1.3em;
	padding:20px;
	border-bottom:1px solid #ccc;
}
.estimate th{
	width:250px;
}
.estimate th span{
	font-size:80%;
	color:red;
}
.estimate button, .estimate input[type=submit] {  
    background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);  
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));  
    -moz-box-shadow: 1px 1px 2px #E7E7E7;  
    -webkit-box-shadow: 1px 1px 2px #E7E7E7;  
    padding: 15px 60px 15px;  
	font-family:"MigMix 1P";
}  
.estimate button:hover, .estimate input[type=submit]:hover {  
    background: -moz-linear-gradient(top, #fff, #e1e1e1 1%, #e1e1e1 50%, #cfcfcf 99%, #ccc);  
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #e1e1e1), color-stop(0.5, #e1e1e1), color-stop(0.99, #cfcfcf), to(#ccc));  
    padding: 15px 60px 15px;  
	font-family:"MigMix 1P";
}  
.estimate button:active, .estimate input[type=submit]:active   {  
    background: #ccc;  
    padding: 15px 60px 15px;  
	font-family:"MigMix 1P";
}  


/* server */

.server{}
.server table{
	margin:20px auto;
	width:80%;
}
.server th ,.server td{
	padding:15px;
}
.server .infoserver{
	font-size:90%;
	line-height:1.3em;
}
.server .infoserver li{
	margin-bottom:0px;
	padding:0;
}

@media only screen and (max-width: 640px) {
.server table{
	margin:auto;
	width:98%;
}
.server th ,.server td{
	padding:5px;
}
}



/* works */
#workslistDiv{
}
#workslistDiv .lidtDiv{
}
#workslistDiv .lidtDiv dl{
	width:220px;
	display:block;
	float:left;
	margin:30px 40px 50px 0;
	margin-bottom:100px;
}
#workslistDiv .lidtDiv dl.rightend{
	margin-right:0px;
}
#workslistDiv .lidtDiv dt img{
	width:220px;
	border:1px solid #ccc;
}
#workslistDiv .lidtDiv dd{
	width:220px;
	margin:10px 0 0 0;
	padding:0;
	text-align: center;
}


/* contact */

.contact .telbox{
	margin:50px auto;
	width:760px;
	display:block;
}
.contact .telbox .textBox{
	width:57%;
	float:left;
	line-height:1.8em;
}
.contact .telbox .textBox span{
	font-size:80%;
}
.contact .telbox .textBox span strong{
	color:red;
}
.contact .telbox .telNobox{
	width:40%;
	float:right;
	text-align:center;
	border:1px solid #ccc;
	padding:15px 0px 10px 0px;
	line-height:1.3em;
}
.contact .telbox table{
	margin:auto;
}

.contact .telbox th{
	color:orange;
	padding:5px 10px 0px 0px;
}
.contact .telbox td{
	padding:5px 0px 0px 10px;
	font-size:200%;
	font-family:Arial, Helvetica, sans-serif;
}

.contact .telbox span{
	font-size:80%;
}
.contact hr{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
}
.contact dl{
	margin:50px auto 20px auto;
	width:800px;
	display:block;
}
.contact dl span{
	font-size:90%;
	color:red;
}

.contact dt{
	padding:20px;
	border-top:1px dotted #ccc;
	margin:0;
	float:left;
	clear:left;
	width:360px;
	text-align:left;
	box-sizing:border-box;
	font-weight:bold;
}
.contact dd{
	padding:25px 20px 20px 20px;
	border-top:1px dotted #ccc;
	margin:0;
	float:left;
	width:440px;
	text-align:left;
	box-sizing:border-box;
}

@media screen and (max-width:1300px){
.contact dl{
	margin:20px auto;
	width:100%;
	display:block;
}
.contact dt{
	padding:20px;
	border: none;
	margin:0;
	float:none;
	width:100%;
	text-align:left;
	box-sizing:border-box;
	font-weight:bold;
}
.contact dd{
	padding:0px 20px 20px 20px;
	border-top: none;
	border-bottom:1px dotted #ccc;
	margin:0;
	float:none;
	width:100%;
	text-align:left;
	box-sizing:border-box;
}
.contact dd:last-child {
	border-bottom:none;
}
}

/* footerContainer */

#footerContainer{
	height:65px;
	padding:15px 10px;
	background:#595340;
	color:#fff;
	bottom:0;
	position: fixed;
	width:100%;
	margin:0;
	box-sizing:border-box;
}
#footerContainer .footerContents{
	margin:auto;
	max-width:1400px;
}
#footerContainer .footerimages{
	width:500px;
	float:left;
	display:block;
}
#footerContainer .footertel{
	width:400px;
	float:right;
	display:block;
	margin-left:20px;
	height:35px;
	padding-top:10px;
}
#footerContainer .footertel span{
	font-size:80%;
}
@media only screen and (max-width: 1300px) {
#footerContainer{
	height: auto;
	padding:15px 5px;
}
#footerContainer .footerContents{
	margin:auto;
	width:100%;
}
#footerContainer .footerimages{
	width:100%;
	font-size:60%;
}
#footerContainer .footerimages a{
	display:block;
	width:47%;
	float:left;
}
#footerContainer .footerimages a img{
	width:100%;
}

#footerContainer .footertel{
	width:100%;
	text-align:center;
}

}