@charset "utf-8"; 

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td, img {
	margin: 0; 
	padding: 0; 
	border: 0;
}

body {
	line-height: 2;
	font-size: 75%; 
	color: #000;
    font-family: 'Noto Sans Japanese', serif;
}

ol, ul {
	list-style: none; 
}

a { 
	color: #000; 
	text-decoration: underline; 
}

a:hover { 
	color: #000; 
	text-decoration: none; 
}

.color1 {
	color: #ffd700; 
}

.font01{
    font-size: 0.8em;
}
.font02{
    font-size: 1.4em;
    line-height: 1.4em;
    letter-spacing: 0.5em;
}

#header {
	height: 50px; 
	width: 1080px; 
	margin: auto;
    margin-bottom: 10px;
    border-bottom: 1px #000 solid;
}

#logo {
	margin-top: 15px;
    text-align: right;
}



#container { 
	width: 1080px; 
	margin: auto;
}

#content {
	width: 920px; 
	float: right;
    margin-bottom: 20px;
}

#leftside {
	width: 160px; 
	float: left; 
}



#footer {
	position: relative; 
	clear: both; 
	width: 100%; 
	height: 120px; 
	margin: auto;
}
#footwrap{
    width: 1080px;
    margin: auto;
    border-top: 1px #333 solid;
}

#footer .top {
    width: 1080px
    margin: auto;
	font-size: 1.0em;
    text-align: left;
}
#footer .top02 {
    width: 1080px
    margin: auto;
	font-size: 1.0em;
    text-align: right;
}


#bg {
	position:fixed; 
	top:-50%; 
	left:-50%; 
	width:200%; 
	height:200%; 
	z-index:-1; 
}

#bg img {
	position:absolute;
	top:0; 
	left:0; 
	right:0; 
	bottom:0; 
	margin: auto; 
	min-width:50%; 
	min-height:50%; 
}


.post {
	width:920px; 
}
.post_inner {
	overflow:hidden; 
}

.contentbox-wrapper {
	position:relative; 
	left:0; 
	width:10000px; 
	height:100%; 
}

.contentbox {
	width:920px; 
	height:100%; 
	float:left; 
}
#category1 a:hover{
    opacity:0.7;
    filter: alpha(opacity=70);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";  /* ie 8 */
    -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;    
}
#category2 a:hover{
    opacity:0.7;
    filter: alpha(opacity=70);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";  /* ie 8 */
    -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;    
}
#category3 a:hover{
    opacity:0.7;
    filter: alpha(opacity=70);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";  /* ie 8 */
    -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;    
}
.post h1{
    font-size: 2.0em;
}
.post h2 {
	font-size: 1.5em; 
	padding: 10px 0 30px 0; 
}


.post li {
	padding-left: 15px; 
	line-height: 30px; 
}
.post p {
	padding-left: 30px; 
}

#nav {
	display: block; 
	width: 160px; 
	font-family: 'Noto Sans Japanese', serif;
    list-style: none;
    font-family: 'ipaexm';
}


#nav li a {
	display: block; 
	font-size: 1.5em; 
	font-weight: normal; 
	color: #000; 
	text-decoration: none;
    margin-bottom: 20px;
}

#nav li a:hover{
	color: #999; 
}

#nav li ul {
	display: none; 
}

#nav li ul li a {
	display: block; 
	padding-left: 20px; 
	font-size: 1.0em; 
	text-decoration: none; 
	color: #000;
    margin-bottom: 10px;
}

#nav li ul li a:hover {
	color: #999; 
}

#slideshow {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	right: 0px; 
	bottom: 0px; 
	z-index: 1; 
}
.slide {
	height: 500px; 
	line-height: 500px ; 
}
/* news */
.news{
    margin-top: 10px;
    margin-bottom: 20px
}
.news .ttl {
	height: 25px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
}
.news .ttl h1 {
	width: 136px;
	font-size:130%;
	float: left;
}
.list{
	height:160px;
	overflow-y: scroll;
}
.news .list dl {
	overflow: hidden;
	letter-spacing: 0.1em;
	margin-bottom: 5px;
}
.news .list dl:last-child {
	margin: 0;
}
.news .list dt {
	float: left;
	margin-right: 20px;
}
.news .list dd {
	float: left;
	width: 888px;
	white-space: nowrap;
	overflow: hidden;
	text-decoration:underline;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

/* contact form */
#formWrap {
	width:700px;
	margin:0 auto;
	color:#000;
	line-height:200%;
	font-size:120%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:0;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	text-align:left;
}
table.formTable input{
    padding: 5px 0 5px 0;
    }
table.formTable select{
    padding: 5px 0 5px 0;
    }
/* グラットシャットページ */
#about01 .about_box01{
    width: 920px;
    height: 70px;
    margin-top: 20px;
    background-image: url(../images/gula_img01.jpg);
    background-position: left;
    background-repeat: no-repeat;
}
#about01 p.spe001{
   font-size: 1.2em;
    line-height: 1.4em;
   padding-left: 80px;
   letter-spacing: 0.5em;
}
#about01 p.spe002{
    font-size: 1.4em;
    line-height: 1.4em;
    letter-spacing: 0.5em;
    margin-top: 10px;
    margin-bottom: 20px;
}
#about01 .about_box02{
    width: 920px;
    height: 70px;
    margin-top: 10px;
    background-image: url(../images/gula_img02.jpg);
    background-position: left;
    background-repeat: no-repeat;
}
#about01 .about_box03{
    width: 920px;
    height: 70px;
    margin-top: 10px;
    margin-bottom: 20px;
    background-image: url(../images/gula_img03.jpg);
    background-position: left;
    background-repeat: no-repeat;
}
/* ヤモリページ */
#about02 .block_yam11{
    width: 920px;
    height: 350px;
    background-image: url(../images/yam_spec.png);
    background-repeat: no-repeat;
    background-position: right;
}
#about02 .spe_yam11{
    font-size: 1.4em;
    margin-right: 360px;
}
#about02 .block_yam22{
    width: 920px;
    height: 450px;
    background-image: url(../images/yam_tokuchou.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}
#about02 .spe_yam22{
    font-size: 1.4em;
    margin-right: 320px;
    margin-top: -30px;
    line-height: 1.4em;
}
.hight01{
    margin-top: -30px;
}
/* 感震リレーページ */
#about03 .spe_lire11{
    margin-top: -30px;
    font-size: 1.6em;
}
#about03 .spe_lire22{
    font-size: 1.6em;
}
#about03 .spe_lire33{
    font-size: 1.2em;
    margin-top: 25px;
    margin-right: 640px;
}
#about03 .rele_block11{
    width: 920px;
    height: 350px;
    background-image: url(../images/rel_img02.png);
    background-repeat: no-repeat;
    margin-top: 20px;
}
/* 施工実績ページ */
#category1 .letter01{
    font-size: 1.4em;
    margin-top: -20px;
    margin-bottom: 40px;
}