@charset "utf-8";
/* CSS Document */

html, body, #wrapper {height: 100%;}
body > #wrapper {height: auto; min-height: 100%;}




/******************************
body
******************************/
body{
	height: 100%;
	font: 14px Verdana, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	color: #473d39;
	letter-spacing: 0.03em;
}

a{
	color: #2a2121;
	text-decoration: none;
}

a:link{
	color: #2a2121;
	text-decoration: none;
}

a:visited{
	color: #2a2121;
}

a:hover{
	color: #1C94C4;
}

a:active{
	color: #1C94C4;
}

.bold{
	font-weight: bold;
}

.smaller{
	font-size: 80%;
}

.strong{
	font-weight: bold;
}

.indent{
	text-indent: 1em;
}

.orange{
	color: #f60;
}

.red{
	color: #fa4616;
}

.green{
	color: #6C962D;
}

.gray{
	color: #777;
}

.align_left{
	text-align: left;
}

.align_right{
	text-align: right;
}

.align_center{
	text-align: center;
}

.float_left{
	float: left;
}

.float_right{
	float: right;
}

.clear {
	clear: both;
}

.top {
	top: 0;
	left: 0;
}

.bottom {
	bottom: 0;
    left: 0;
}

.tel{
	margin-right: 3px;
	letter-spacing: 0.11em;
}




/******************************
wrapper
******************************/




/******************************
header
******************************/
header{
	width: 100%;
	height: 140px;
	background: #fff;
	box-shadow: 0 0 5px #bbb;
	border-bottom: 2px solid #335EF7;
}

#boxHead{
	width: 960px;
	height: 140px;
	margin: auto;
}

header h1{
	position: relative;
	top: 45px;
	z-index: 2;
	width: 250px;
	height: 60px;
	float: left;
}

#boxHead p{
	position: relative;
	top: 77px;
	z-index: 1;
	padding: 2px 5px;
	color: #443;
	text-align: right;
	font-size: 13px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	letter-spacing: 0.15em;
}

#boxHead p#anniversary{
	top: 50px;
	float: left;
	width: 330px;
	background: #fff;
	text-align: left;
	visibility: hidden;
}

#boxHead p#anniversary span{
	position: relative;
	top:-20px;
	left: 5px;
	color: #0E30B9;
	font-size: 12px;
	font-weight: bold;
}




/******************************
nav
******************************/
nav{
	position: relative;
	top: -52px;
	z-index: 4;
	letter-spacing: 0.2em;
	font-size: 15px;
	}

nav a{
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

nav h2{
	position: relative;
	top: -10px;
	visibility: hidden;
}

#navDrop {
	width: 960px;
	height: 40px;
	position: relative;
	box-shadow: 0 1px 2px #aaa;
	opacity: 0.99;
	margin: auto;
	line-height:1;
	text-align: center;
	font-family: Optima, Verdana, Geneva, sans-serif;
	behavior: url("http://www.geocities.jp/jam_back_at_the_house/atic/js/PIE.htc");
	}

#navDrop li a{
	color: #473D39;
}

#navDrop li.global{
	width: 158px;
	height: 31px;
	float: left;
	background: url(../img/nav/global_bg.jpg) no-repeat;
	box-shadow: 0 1px 2px #ddd;
	position: relative;
	padding-top: 9px;
	border-left: 1px solid #fff;
	border-right: 1px solid #ddd;
	list-style: none;
	}

#navDrop li.global:hover{
	background: url(../img/nav/global_bg_hover.jpg) no-repeat;
}

#navDrop li.global:first-child{
	width: 160px;
	border-left: none;
}

.lt-ie9 #navDrop li.global:first-child{
	width: 157px;
	border-left: 1px solid #ccc;
}

#navDrop li.global:last-child{
	border-right: none;
}

#navDrop li span{
	display: block;
	margin-top: 0;
	color: #aaa;
	font-size: 11px;
}

#navDrop ul {
	display: none;
	position: absolute;
	top: 42px;
	left: 0;
	}

* html #navDrop ul { line-height: 0; }

#navDrop ul li {
	float: none;
	background: url(../img/bg/005.png);
	box-shadow: 0 0 1px #111;
	border-bottom: 1px solid #111;
	text-align: left;
 }

#navDrop ul li:last-child {
	border: none;
}

#navDrop ul {
	width: 160px;
	}

#navDrop ul ul {
	top: 0;
	left: 135px;
	}

#navDrop ul a { 
	display: block;
	width: 135px;
	height: 20px;
	background: url(../img/nav/side_arrow.png) no-repeat 2px 0;
	padding: 5px 0 0 25px;
	color: #fff;
	font-size: 12px;
	height: 20px;
	opacity: 0.99;
	zoom: 1;
	line-height: 1.3;
	-moz-transition: all 150ms ease-in-out;
	-webkit-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

#navDrop ul a#mainte{
	display: block;
	height: 35px;
}

#navDrop ul a.hover {
	width: 135px;
	background: url(../img/nav/side_arrow_on.png) no-repeat 4px 0 #111;
	color: #ccc;
	opacity: 0.99;
	-moz-transition: all 150ms ease-in-out;
	-webkit-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
	}

#navHead{
	position: relative;
	top: -149px;
	height: 18px;
  background: #fff;
	padding: 4px 7px 0 0;
	text-align: right;
	font-size: 13px;
	line-height: 18px;
}

#navHead li{
	display: inline;
	position: relative;
	width: 120px;
	height: 18px;
	background: url(../img/bg/005.png);
	box-shadow: 1px 1px 2px #ccc;
	margin-right: -5px;
	padding-top: 9px;
	border: 1px solid #041C7D;
	border-radius: 0 0 2px 2px;
	font-size: 11px;
	color: #fff;
	line-height: 18px;
	behavior: url("http://www.geocities.jp/jam_back_at_the_house/atic/js/PIE.htc");
}
	
#navHead li a{
	display: inline-block;
	position: relative;
	width: 120px;
	height: 18px;
  background: url(../img/nav/head_arrow.png) no-repeat 5px 0;
	color: #fff;
	padding: 0 0 0 25px;
	color: #fff;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	line-height: 18px;
	-moz-transition: all 150ms ease-in-out;
	-webkit-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

.lt-ie10 #navHead li a{
  background: url(../img/nav/head_arrow.png) no-repeat 5px 0;
}

#navHead li a:hover{
  background: url(../img/nav/head_arrow_on.png) no-repeat 8px 0;
}



/******************************
main
******************************/
#main{
	position: relative;
	top: -60px;
	clear: both;
	height: 300px;
	background: url(../img/bg/006.png) #fafafa;
	box-shadow: -1px 0 3px #ccc;
}

.webkit #main {
	margin-top: 60px;
}

#main h2,
#main p{
	width: 960px;
	margin: auto;
}

#imgMain{
	width: 960px;
	margin: auto;
}

#slider {
  width: 960px; /* important to be same as image width */
  height: 300px; /* important to be same as image height */
  position: relative; /* important */
	overflow: hidden; /* important */
	margin: auto;
}

#slider h2{
	visibility: hidden;
}

#sliderContent {
  width: 960px; /* important to be same as image width or wider */
  position: absolute;
	top: 0;
	margin-left: 0;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

.sliderImage {
  float: left;
  position: relative;
	display: none;
}

.sliderImage span {
  display: none;
  position: absolute;
  width: 100%;
  background: rgba(255,255,255,0.1);
  padding: 10px 13px 22px 13px;
  color: #473D39;
	text-shadow: 0 0 1px #ddd;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0.2em;
}

.sliderImage span.sliderImage002{
  width: 934px;
  background: rgba(255,255,255,0.8);
	box-shadow: 0 0 1px #ddd;
  color: #473D39;
	text-shadow: 0 0 1px #ddd;
}

.lt-ie10 .sliderImage span.sliderImage002{
  background: #fff;
	opacity: 0.9;
}

.sliderImage span strong.strong_002 {
	display: inline-block;
	margin-bottom: 5px;
  color: #0033FE;
  font-size: 20px;
}

.sliderImage strong#strong_001{
	display: block;
  position: relative;
	top: 20px;
	height: 25px;
	background: url("../img/bg/005.png");
	border-radius: 2px;
	padding-left: 20px;
  color: #fff;
  font-size: 16px;
	line-height: 25px;
	letter-spacing: 0.2em;
}

.sliderImage span em{
	display: inline-block;
	margin: 30px 0 5px 20px;
}

.sliderImage span em em{
	margin: 10px 0 5px 0;
}




/******************************
content
******************************/
#content{
	position: relative;
	top: -60px;
	clear: both;
	width: 960px;
	min-height: 500px;
	background: #fff;
	margin: auto;
	padding-bottom: 150px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}  /* must be same height as the footer */

#container{
	position: relative;
	z-index: 2;
	width: 960px;
	margin: auto;
	background: url(../img/bg/026.png);
	box-shadow: 0 0 5px #ccc;
	text-align: left;
}

.lt-ie9 #container{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#container:after {
	display: block;
	clear: both;
	content: "";
}

#contentRight{
	position: relative;
	z-index: 1;
	top: 0;
	float: right;
	width: 670px;
	min-height: 2000px;
	background: #fff;
	box-shadow: -1px 1px 3px #ddd;
	margin-top: -15px;
	padding: 20px 15px 0;
	background: url(../img/bg/032.png);
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

.lt-ie9 #contentRight{
	width: 669px;
	border-left: 1px solid #ccc;
}

.webkit #contentRight{
	margin-top: 20px;
}

#contentRight #tabs{
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

#contentRight h2{
	position: relative;
	top: -19px;
	left: 0;
	width: 695px;
	height: 18px;
background: rgb(241,241,241); /* Old browsers */
background: -moz-linear-gradient(left, rgba(241,241,241,0.5) 0%, rgba(223,223,223,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(241,241,241,0.5)), color-stop(100%,rgba(223,223,223,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(241,241,241,0.5) 0%,rgba(223,223,223,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(241,241,241,0.5) 0%,rgba(223,223,223,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(241,241,241,0.5) 0%,rgba(223,223,223,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(241,241,241,0.5) 0%,rgba(223,223,223,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F1F1F1', endColorstr='#DFDFDF',GradientType=1 ); /* IE6-9 */
	box-shadow: 0 0 1px #eee;
	margin-left: -15px;
	color: #666;
	text-align: right;
	font: 11px Optima, Verdana, Geneva, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	letter-spacing: 1em;
}

#contentRight h2 span{
	visibility: hidden;
}

.webkit #contentRight h2{
	margin-top: 25px;
}

#contentRight h3{
	height: 30px;
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 1px 3px #bbb;
	margin: -5px 0 10px 0;
	border-left: 8px double #041C7D;
	border-radius: 2px;
	padding-left: 8px;
	color: #2a2121;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0.2em;
}

.lt-ie9 #contentRight h3{
	border-bottom: 1px solid #ddd;
}

#contentRight p{
	margin: 10px 0;
	padding: 0 10px;
	font-size: 14px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	line-height: 1.6;
	letter-spacing: 0.18em;
}

#contentRight #p_noteContact{
	font-size: 13px;
}

#safety #contentRight p,
#privacy_policy #contentRight p{
	margin: 10px 0;
	font-size: 14px;
	line-height: 1.8;
	text-align: justify;
}

#safety #contentRight p.align_center{
	height: 25px;
	margin: 15px 0 -5px;
	color: #f60;
	font-size: 14px;
	text-shadow: 0 0 1px #ccc;
	line-height: 25px;
}

#safety #contentRight .news_paper{
	text-align: center;
	line-height: 25px;
}

#safety #contentRight .boxNews_paper_left{
	float: left;
	margin-left: 10px;
}

#safety #contentRight .boxNews_paper_right{
	float: right;
	margin-right: 10px;
}

#safety #contentRight #tabs-2 .boxNews_paper_left{
	width: 302px;
}

#safety #contentRight #tabs-2 .boxNews_paper_right{
	width: 302px;
}

#safety #contentRight #tabs-4 .boxNews_paper_left{
	margin-left: 50px;
}

#safety #contentRight #tabs-4 .boxNews_paper_right{
	margin-right: 33px;
}

#safety #contentRight #tabs-5 .boxNews_paper_left{
	margin-left: 62px;
}

#safety #contentRight .safety_p_first{
	margin: 30px 0 10px;
	text-indent: 1em;
	text-align: justify;
}

#contentRight table{
	position: relative;
	z-index: 1;
	width: 640px;
	box-shadow: 0 1px 3px #bbb;
	margin: 20px auto 10px;
	border-radius: 3px;
	font-size: 13px;
}

.lt-ie10 #contentRight table{
	border: 1px solid #eee;
}

#activity #contentRight table{
	background: rgba(255,255,255,0.8);
	border: 1px solid #ddd;
}

#contentRight tr{
	height: 30px;
}

#contentRight th{
	position: relative;
	z-index: 2;
	width: 150px;
	background: url(../img/bg/005.png);
	color: #fff;
	text-align: center;
	letter-spacing: 0.2em;
	vertical-align: middle;
}

.odd {
  background: #eee;
}
.even {
  background: #fff;
}

#contentRight td{
	position: relative;
	z-index: 1;
	padding: 5px 10px;
	letter-spacing: 0.2em;
	vertical-align: middle;
	line-height: 1.8;
}

#contentRight table a,
#contentRight table a:link,
#contentRight table a:visited{
	border-bottom: 1px dotted #f60;
	padding-bottom: 1px;
}



/* company-data */

#contentRight table .tr_company_data td{
	padding: 3px 20px 0;
}

#contentRight table .th_odd{
	background: url(../img/bg/030.png);
}

#contentRight table .td_odd{
	position: static;
	background: #eee;
}

#contentRight table .td_even{
	position: static;
	background: #fff;
}




/* qualified_person */

#qualified_person #contentRight th{
	width: 540px;
	padding-left: 10px;
	text-align: left;
}

#qualified_person #contentRight td{
	border: none;
	text-align: center;
}

#contentRight tr#tr_qualified{
	height: 5px;
	background: url("../img/logo_s.png") no-repeat -4px -3px, url("../img/bg/023.png");
	box-shadow: 0 0 1px #bbb;
	color: #fff;
}

.lt-ie9 #contentRight tr#tr_qualified{
	background: url("../img/bg/023.png");
}

#map{
	width: 630px;
	height: 350px;
	box-shadow: 1px 1px 3px #ccc;
	margin: 15px auto -5px;
}

#branch{
	width: 600px;
  height:330px;
	margin: 50px auto;
  border:0;
  border-top:1px solid #ccc;
  border-bottom:1px solid #fff;
}

.td_smaller{
	font-size: 90%;
}

#sidebar {
	position: relative;
	z-index: 2;
	top: -40px;
	float: left;
	width: 250px;
	margin: 0 5px 5px 5px;
	border-radius: 3px;
	behavior: url("http://www.geocities.jp/jam_back_at_the_house/atic/js/PIE.htc");
}

.webkit #sidebar {
	top: -20px;
}

#sidebar ul{
	width: 253px;
}

#navSide {
	width: 253px;
	background: #fff;
	border-radius: 0 0 0 5px;
	behavior: url("http://www.geocities.jp/jam_back_at_the_house/atic/js/PIE.htc");
}

#navSide p{
	width: 940px;
	height: 22px;
	background: url(../img/bg/005.png) #f90;
	box-shadow: 0 2px 3px #aaa;
	margin-bottom: 10px;
	padding: 3px 0 0 10px;
	border-radius: 3px 3px 0 0;
	color: #fff;
	font-size: 16px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	line-height: 22px;
	letter-spacing: 0.2em;
}

#navSide ul{
	opacity: 0.95;
	box-shadow: 0 2px 3px #aaa;
	margin-top: -10px;
	border-radius: 0 0 0 5px;
}

#navSide li{
	height: 30px;
	padding: 0 10px;
	border-top: 2px solid #111;
	line-height: 30px;
	cursor: pointer;
  background-image: url(../img/bg/005.png);
	-moz-transition: all 150ms ease-in-out;
	-webkit-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
	color: #fff;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 13px;
	letter-spacing: 0.2em;

}

#navSide li:last-child{
	border-bottom: none;
	border-radius: 0 0 0 5px;
}

#navSide li:hover{
  background-image: url(../img/bg/005.png);
	opacity: 0.9;
	-moz-transition: all 150ms ease-in-out;
	-webkit-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
	padding-left: 20px;
}

.webkit #navSide li:hover{
	opacity: 1;
}

#navSide li a{
	position: relative;
	display: block;
  background: url(../img/nav/side_arrow.png) no-repeat 0 4px;
	padding: 0 0 0 25px;
	color: #fff;
	-moz-transition: all 150ms ease-in-out;
	-webkit-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

#navSide li a:hover{
  background: url(../img/nav/side_arrow_on.png) no-repeat 0 4px;
}

.fixed {
	position: fixed;
	top: 10px;
}

#boxSection{
	width: 992px;
	margin-top: -8px;
}

#boxSection ul li{
	position: relative;
	display: inline-block;
	width: 107px;
	height: 20px;
	box-shadow: 1px 1px 3px #aaa;
	border-radius: 1px;
	padding: 30px 5px 0 80px;
	color: #fff;
	font-size: 15px;
	text-align: right;
	text-shadow: 0 0 1px #444;
	behavior: url("http://www.geocities.jp/jam_back_at_the_house/atic/js/PIE.htc");
}

#boxSection ul li#Environmental{
	background: url(../img/boxSection/Environmental.png) no-repeat #35302B;
}

#boxSection ul li#Design{
	background: url(../img/boxSection/Design.png) no-repeat #35302B;
}

#boxSection ul li#Geology{
	background: url(../img/boxSection/Geology.png) no-repeat #35302B;
}

#boxSection ul li#Measure{
	width: 138px;
	background: url(../img/boxSection/measure.png) no-repeat #35302B;
	padding: 30px 5px 0 40px;
}

#boxSection ul li#Maintenance{
	width: 171px;
	background: url(../img/boxSection/Maintenance.png) no-repeat #35302B;
	padding: 30px 5px 0 20px;
}

#boxSection li a{
	color: #fff;
}

#boxLeft{
	position: relative;
	z-index: 1;
	float: left;
}

#news,
#tech,
#section_product,
#section_offer{
	position: relative;
	z-index: 2;
	width: 480px;
	box-shadow: 0 1px 3px #bbb;
	margin: 10px 10px 10px 0;
	border-radius: 2px;
}

.lt-ie9 #news,
.lt-ie9 #tech,
.lt-ie9 #section_product,
.lt-ie9 #section_offer{
	border: 1px solid #ccc;
}

#boxOffer{
	height: 210px;
}
#boxProduct{
	height: 145px;
}

#boxNews{
	height: 380px;
	overflow: auto;
}
#boxCommendation{
	height: 270px;
	overflow: auto;

}
#boxOffer h3,
#boxProduct h3{
	color: #332;
	font-weight: bold;
}

#boxOffer p,
#boxProduct p,
#boxNews p,
#boxCommendation h3{
	background: url(../img/bg/disc.png) no-repeat 1px 1px;
	margin: 2px 0 2px 0;
	padding-left: 18px;
 }


#news h2,
#tech h2,
#section_offer h2,
#section_product h2{
	position: relative;
	top: 0;
	width: 300px;
	height: 47px;
	background: url(../img/bg/005.png);
	box-shadow: 1px 1px 3px #bbb;
	padding: 0 0 0 6px;
	color: #fff;
	font-size: 105%;
	line-height: 22px;
	letter-spacing: 0.3em;
	behavior: url("http://www.geocities.jp/jam_back_at_the_house/atic/js/PIE.htc");
}

#section_product h2{
	width: 300px;
	font-size: 100%;
}

#news h2 span,
#tech h2 span,
#section_offer h2 span,
#section_product h2 span{
	display: inline-block;
	width: 186px;
	text-align: right;
	color: #f78600;
	font-size: 11px;
	letter-spacing: 0.2em;
}

#news article,
#tech article,
#section_offer article,
#section_media article,
#section_product article,
#section_commendation article{
	margin: 10px;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 5px;
}

#section_commendation{
	clear: both;
}

#tech h2 span{
	color: #c043a4;
}

#section_offer h2 span{
	color: #6C962D;
}

#section_product h2 span{
	width: 100px;
	color: #1C94C4;
}

#news article:last-child,
#tech article:last-child,
#section_offer article:last-child,
#section_media article:last-child,
#section_product article:last-child,
#section_commendation article:last-child{
	border-bottom: none;
}

#news time{
	color: #7a3e09;
}

#news h3,
#tech h3,
#news p{
	font-size: 13px;
	letter-spacing: 0.08em;
}

#news h3{
	margin: 5px 0 3px 0;
	color: #332;
	font-weight: bold;
}

#boxRight{
	float: left;
	margin-top: 10px;

}


/*採用サイトバナー追加*/
#recruit{
	width: 466px;
	height: 160px;
	box-shadow: 0 1px 3px #bbb;
	margin-bottom: 10px;
	border-radius: 2px 2px 0 0;
}

/*facebookバナー追加*/
#facebook{
	width: 466px;
	height: 85px;
	box-shadow: 0 1px 3px #bbb;
	margin-bottom: 10px;
	border-radius: 2px 2px 0 0;
}


#activities{
	float: left;
	width: 466px;
	box-shadow: 0 1px 3px #bbb;
	margin-bottom: 10px;
	border-radius: 2px 2px 0 0;
}

.lt-ie9 #activities{
	border: 1px solid #ccc;
}

#boxProduct{
	position: relative;
	z-index: 1;
	width: 480px;
	margin: 0px 0px 0px 0;
	border-radius: 2px;
	}

#boxMedia,
#boxCommendation{
	width: 466px;
	box-shadow: 0 1px 3px #bbb;
	margin: 0px 0 10px 0;
	border-radius: 2px 2px 0 0;
	padding-top: 10px;
}

.lt-ie9 #boxMedia,
.lt-ie9 #boxProduct,
.lt-ie9 #boxCommendation{
	border: 1px solid #ccc;
}

#boxMedia li,
#boxCommendation li{
	background: url(../img/bg/disc.png) no-repeat 0 1px;
	padding-left: 18px;
}

#boxDevelop{
	position: relative;
	z-index: 2;
	clear: both;
	box-shadow: 0 1px 3px #bbb;
	background: #fff url(../img/bg/026.png);
	border-radius: 2px 2px 0 0;
}

.lt-ie9 #boxDevelop{
	border: 1px solid #ccc;
}

#boxTech_1,
#boxTech_2{
	margin-bottom: 10px;
}

#boxDevelop_1,
#boxDevelop_2,
#boxDevelop_3,
#boxDevelop_4{
	float: left;
	width: 238px;
	height: 270px;
	box-shadow: 1px 1px 3px #bbb;
}

#boxDevelop a{
	float: left;
	overflow: hidden;
	margin-right: 1px;
}

#boxDevelop a:hover{
	opacity: 0.9;

}

.lt-ie9 #boxDevelop a:hover{
	margin: 0;
}

a:hover #boxDevelop_1,
a:hover #boxDevelop_2,
a:hover #boxDevelop_3,
a:hover #boxDevelop_4{
	margin: -6px;
}

.lt-ie9 a:hover #boxDevelop_1,
.lt-ie9 a:hover #boxDevelop_2,
.lt-ie9 a:hover #boxDevelop_3,
.lt-ie9 a:hover #boxDevelop_4{
	margin: 0 1px 0 0;
}

#boxDevelop_4{
	width: 242px;
	margin-right: 0;
}

.lt-ie9 #boxDevelop_4{
	width: 240px;
}

#activities h2,
#section_media h2,
#section_commendation h2,
#boxDevelop h2{
	position: relative;
	z-index: 2;
	width: 460px;
	height: 22px;
	background: url(../img/logo_s.png) no-repeat right center, url(../img/bg/005.png);
	box-shadow: 1px 1px 3px #bbb;
	padding: 0 0 0 6px;
	color: #fff;
	line-height: 22px;
	letter-spacing: 0.3em;
	behavior: url("http://www.geocities.jp/jam_back_at_the_house/atic/js/PIE.htc");
}

#section_media h2,
#section_product h2{
	clear: both;
}

.lt-ie9 #activities h2,
.lt-ie9 #section_media h2,
.lt-ie9 #section_product h2,
.lt-ie9 #section_commendation h2,
.lt-ie9 #boxDevelop h2{
	background: url(../img/bg/005.png);
}

#activities h2{
	width: 460px;
}

#boxDevelop h2{
	width: 952px;
}

#boxTech_1 #boxTech_1_text{
	margin: 10px 0 10px 0;
	font-size: 12px;
}

.question {
    padding:5px;
    font-weight:bold;
    font-size:14px;
    border:1px solid #ddd;
    background:#eee;
    cursor: pointer;
}
.answer {
    padding: 10px 0;
    font-size:13px;
    border:1px solid #ddd;
}

#boxTech_1 #boxTech_1_text{
	position: relative;
}

#boxTech_1 #boxTech_1_text h3{
	background: url(../img/bg/020.png);
	margin: 5px 0 3px 0;
	padding-left: 8px;
	color: #332;
	font-weight: bold;
}

#boxTech_1 #boxTech_1_text h3 img{
	position: relative;
	top: -5px;
}

#boxTech_1 #boxTech_1_text #h3_accordion01 img{
	left: 354px;
}

#boxTech_1 #boxTech_1_text #h3_accordion02 img{
	left: 298px;
}

#boxTech_1 #boxTech_1_text #h3_accordion03 img{
	left: 298px;
}

#boxTech_1 #boxTech_1_text #h3_accordion04 img{
	left: 311px;
}

#boxTech_1 #boxTech_1_text h3:hover{
	background: #ddd;
}

#boxTech_1 #boxTech_1_text div{
	margin: 5px 0 5px 0;
}

#boxTech_1 #boxTech_1_text ol{
	margin-left: 10px;
}

#boxTech_1 #boxTech_1_text ol li{
	background: url(../img/bg/disc.png) no-repeat 0 1px;
	padding-left: 18px;
}

#boxTech_1 #boxTech_1_img{
	float: right;
	margin: 10px;
	box-shadow: 0 0 3px #aaa;
}

#boxTech_2 #boxTech_2_text{
	float: right;
	width: 305px;
	margin: 10px 0;
}

#boxTech_2 #boxTech_2_img{
	float: left;
	margin: 10px 10px 10px 0;
	box-shadow: 0 0 3px #aaa;
}

#activities p{
	float: left;
	width: 300px;
	margin: 10px;
	font-size: 12px;
}

#boxDevelop ul{
	margin: 10px;
	font-size: 12px;
}

#boxDevelop p{
	margin: 5px 10px;
	font-size: 12px;
	letter-spacing: 0.1em;
	text-align: center;
}

#boxTech_2 h3{
	position: relative;
	z-index: 2;
	background: url(../img/bg/011.png);
	margin-top: 15px;
	padding: 2px 5px;
	color: #443;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0.2em;
}

#activities h3{
	clear: both;
	color: #443;
}

#boxDevelop h3{
	height: 40px;
	background: none;
	padding: 7px 10px;
	color: #041C7D;
	font-size: 14px;
	text-align: center;
	}

#boxDevelop_1 h3 span,
#boxDevelop_2 h3 span{
	color: #443;
}

#boxDevelop_3 h3,
#boxDevelop_4 h3{
	color: #443;
}

#activities h3 span,
#boxDevelop h3 span{
	letter-spacing: 0.1em;
}

#boxActivity01{
	padding: 5px 3px 0 7px;
}

#boxActivity02{
   margin: 0px 0px 10px 0;
   box-shadow: 0 1px 3px #bbb;
padding: 3px 3px 5px 7px;
}

#boxActivity01 img{
	position: relative;
	z-index: 1;
	float: left;
	margin: 0 2px 0 0;
}
#boxActivity02 img{
	position: relative;
	z-index: 1;
	float: left;
	margin: 10px 15px 5px 3px;
}

#boxDevelop img{
	position: relative;
	box-shadow: 0 1px 3px #bbb;
}


/* president */

#img_president{
	display: block;
	float: left;
	width: 200px;
	height: 259px;
	box-shadow: 2px 2px 4px #bbb;
	margin: 5px 15px 15px 10px;
	border: 5px solid #fff;
}

#contentRight .div_president{
	margin: 0 0 10px 0;
}

#president #contentRight h4{
	margin: 25px 0 -10px;
	color: #041c7d;
	font-size: 18px;
	letter-spacing: 0.2em;
}

#president #contentRight p{
	margin: 20px 0 10px 10px;
	text-indent: 1em;
	line-height: 1.8;
	font-size: 13.8px;
}

#president #hr_president{
	width: 600px;
  height:0;
  border:0;
  border-top:1px solid #ccc;
  border-bottom:1px solid #fff;
	margin: 20px auto;
}


/* section */

#section #contentRight h4,
#design #contentRight h4,
#geological #contentRight h4,
#measure #contentRight h4,
#maintenance #contentRight h4{
	padding: 3px 0 0 0;
	font-size: 16px;
}

#contentRight .catch{
	margin: 15px 0;
	font-size: 14px;
}

#section #contentRight .border_top,
#design #contentRight .border_top,
#geological #contentRight .border_top,
#measure #contentRight .border_top,
#maintenance #contentRight .border_top{
	border-top: 1px solid #625651;
	padding-top: 10px;
}

#section #contentRight .border_bottom,
#design #contentRight .border_bottom,
#geological #contentRight .border_bottom,
#measure #contentRight .border_bottom,
#maintenance #contentRight .border_bottom{
	border-bottom: 1px solid #625651;
	padding-bottom: 10px;
}

#contentRight #boxSection_img{
	width: 480px;
	margin: 20px auto;
}

#section #contentRight img,
#design #contentRight img,
#geological #contentRight img,
#measure #contentRight img,
#maintenance #contentRight img{
	margin-right: 10px;
	box-shadow: 1px 1px 3px #ccc;
	border-radius: 1px;
}

#contentRight img#section_organization{
	margin: 20px 0 0 90px;
}

#contentRight img#img_organization{
	box-shadow: 0 0 3px #ccc;
	margin: 10px 0 0 0;
	opacity: 0.8;
}




/* activity */

#activity #contentRight h3{
	margin-bottom: 15px;
}

#section #contentRight h3 span,
#activity #contentRight h3 span,
#design #contentRight h3 span,
#geological #contentRight h3 span,
#measure #contentRight h3 span,
#maintenance #contentRight h3 span{
	font-size: 70%;
}

#section #contentRight h3 span{
	color: #7AA43B;
}

#design #contentRight h3 span{
	color: #5EB0C9;
}

#geological #contentRight h3 span{
	color: #88531D;
}

#measure #contentRight h3 span{
	color: #C24E15;
}

#maintenance #contentRight h3 span{
	color: #EE9612;
}

#activity #contentRight p{
	font-size: 14px;
}

#activity #contentRight #FosterPlan,
#activity #contentRight #unicef ul{
	margin: 10px 0;
	padding: 0 10px;
	font-size: 14px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	line-height: 1.6;
	letter-spacing: 0.18em;
	font-size: 14px;
}

#activity #contentRight #unicef ul li,
#activity #contentRight #moere ul li{
	background: url("../img/bg/disc.png") no-repeat 0 1px;
	padding-left: 18px;
}

#activity #contentRight #unicef ul a:hover{
	color: #1C94C4;
}

#activity #contentRight #unicef #p_unicef{
	background: url(../img/bg/024.png);
	margin-top: 30px;
	color: #fff;
	text-align: center;
}

#activity #contentRight #unicef img{
	display: block;
	width: 600px;
	margin: 20px auto;
}


#activity #contentRight #FosterPlan ul li,
#activity #contentRight #moere ul li{
	background: url("../img/bg/disc.png") no-repeat 0 1px;
	padding-left: 18px;
}

#activity #contentRight #div_activity{
	margin-left: -4px;
}

.lt-ie9 #activity #contentRight #div_activity{
	margin-left: -6px;
}

#activity #contentRight #div_activity ul{
	margin-left: 5px;
}

#activity #contentRight #div_activity ul img{
	float: left;
	width: 101px;
	height: 101px;
	background: none;
	box-shadow: none;
	border: none;
	-webkit-transition: all 150ms ease-in-out;
}

#activity #contentRight #div_activity ul img:hover{
	opacity: 0.9;
}

#activity #contentRight #div_activity ul .ui-tabs-selected img{
	border-bottom: 5px solid #aaa;
	padding-bottom: 1px;
}

#activity #contentRight #div_activity .ui-tabs-nav li{
	box-shadow: none;
	border: none;
	background: none;
}

#activity #contentRight #div_activity .ui-tabs-nav li:nth-child(7){
	clear: both;
}

#section #contentRight h4,
#design #contentRight h4,
#geological #contentRight h4,
#measure #contentRight h4,
#maintenance #contentRight h4,
#address #contentRight h4,
#activity #contentRight h4,
#safety #contentRight h4,
#results #contentRight h4,
#offer #contentRight h4,
#development #contentRight h4,
#privacy_policy #contentRight h4{
	height: 25px;
	background: url("../img/logo_s.png") no-repeat right center, url("../img/bg/034.png") #666;
	opacity: 0.9;
	box-shadow: 0 0 3px #aaa;
	margin: 15px 0 20px 0;
	color: #fff;
	line-height: 25px;
	text-align: center;
	letter-spacing: 0.5em;
}

.lt-ie9 #section #contentRight h4,
.lt-ie9 #design #contentRight h4,
.lt-ie9 #geological #contentRight h4,
.lt-ie9 #measure #contentRight h4,
.lt-ie9 #maintenance #contentRight h4,
.lt-ie9 #address #contentRight h4,
.lt-ie9 #activity #contentRight h4,
.lt-ie9 #safety #contentRight h4,
.lt-ie9 #results #contentRight h4,
.lt-ie9 #offer #contentRight h4,
.lt-ie9 #development #contentRight h4,
.lt-ie9 #privacy_policy #contentRight h4{
	background: url("../img/bg/034.png") #666;
}

#privacy_policy #contentRight h4{
	background: url("../img/logo_s.png") no-repeat right center, url("../img/bg/023.png");
	text-align: left;
	padding: 0;
	margin: 0;
}

.lt-ie9 #privacy_policy #contentRight h4{
	background: url("../img/bg/023.png");
}

#privacy_policy #contentRight h4 span{
	display: inline-block;
	background: url(../img/bg/009.png);
	margin-right: 5px;
	padding: 0 5px 0 10px;
}

#address #contentRight h4{
	width: 640px;
	margin: 15px 0 -20px 15px;
}

#address #contentRight #h4_headOffice{
	width: 480px;
	background: url("../img/bg/034.png") #666;
	box-shadow: 1px 1px 3px #aaa;
	margin: -10px 0 0 165px;
	padding-left: 10px;
	text-align: left;
	color: #fff;
}

#address #contentRight #table_headOffice{
	width: 490px;
	margin: 0 0 0 165px;
}

#address #contentRight #table_headOffice th{
	width: 90px;
}

#address #contentRight #table_headOffice td{
	padding: 0 0 0 10px;
}

#address #contentRight #td_asahikawaOffice{
	border-top: 1px solid #ccc;
}


#safety #contentRight h4{
	margin: 10px 0 -15px 0;
}

#activity #contentRight h4{
	opacity: 0.9;
	margin: 10px 0;
}

#safety #contentRight h4{
	letter-spacing: 0.2em;
}

#development #contentRight h4 span,
#development #contentRight #h4_alert span,
#development #contentRight #h4_inclinometer span,
#development #contentRight #h4_geophone span{
	margin-right: 2px;
	color: #6C962D;
	font-size: 12px;
}

#development #contentRight h4 span span,
#development #contentRight #h4_alert span span,
#development #contentRight #h4_inclinometer span span,
#development #contentRight #h4_geophone span span{
	margin-right: 5px;
	color: #f60;
	font-size: 14px;
}

#activity #contentRight h5{
	border-bottom: 1px solid #2f3b69;
	color: #421b01;
	font-family: "Jacques Francois" ,serif;
	font-weight: bold;
	letter-spacing: 0.1em;
}

#activity #contentRight img{
	box-shadow: 1px 1px 3px #bbb;
	border: 5px solid #fff;
}

#activity #contentRight small{
	display: block;
	margin-top: 10px;
	font-size: 12px;
	text-align: right;
}

#activity #contentRight #p_activity{
	font-size: 15px;
}

#activity #contentRight li img{
	display: block;
	width: 110px;
	height: 110px;
	margin: 10px 6px;
	background: #ccc;
}

#activity #contentRight td{
	border-right: 1px solid #ddd;
}

#activity #contentRight #community img{
	width: 635px;
	
	margin: 5px 0;
	border: 3px solid #443;
}

#activity #contentRight #community.surveying img{
	margin-left: 4px;
	border: none;
}

#activity #contentRight #contribute{
	position: relative;
}

#contentRight p.news_paper{
	position: relative;
	z-index: 2;
	height: 25px;
	background: url("../img/bg/024.png");
	margin: -5px 8px -10px 10px;
	box-shadow: 0 0 2px #ccc;
	border-radius: 2px 2px 0 0;
	color: #fff;
	line-height: 25px;
	letter-spacing: 0.2em;
}

#safety .fancybox-title-inside{
	text-align: left;
}

#activity #contentRight #img_contribute01{
	margin: 10px 0 10px 40px;
	border: 4px solid #fff;
}

#activity #contentRight #img_contribute02{
	margin: 10px 0 10px 10px;
	border: 4px solid #fff;
}

#activity #contentRight #contribute #img_contribute03{
	position: relative;
	z-index: 1;
	margin: 10px 0 10px 10px;
	box-shadow: 0 0 2px #ccc;
	border: 1px solid #ccc;
}

#activity #contentRight #contribute img,
#activity #contentRight #contribute02 img{
	margin: 20px 0 0 20px;
	border: none;
	box-shadow: 0 0 2px #ccc;
}

#activity #contentRight .border_top{
	border-top: 1px solid #2f3b69;
	padding-top: 10px;
}

#activity #contentRight .border_bottom{
	border-bottom: 1px solid #2f3b69;
	padding-bottom: 10px;
}

#activity #contentRight #saosco{
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	-ms-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}

#activity #contentRight #saosco:hover{
	color: #1c94c4;
}

#activity #contentRight #contribute .box{
	margin: 0 0 30px;
}

#activity #contentRight #contribute02 .box{
	margin: 30px 0;
}

#activity #contentRight #contribute02 .box p{
	margin: 10px 0 -10px 0;
}

#activity #contentRight #contribute .box img,
#activity #contentRight #contribute02 .box img{
	width: 45%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	-ms-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
	opacity: 1;
}

#activity #contentRight #contribute .box img:hover,
#activity #contentRight #contribute02 .box img:hover{
	opacity: 0.8;
	cursor: pointer;
}

#activity #contentRight #contribute .img_news_paper{
	display: block;
	margin: 10px auto 30px;
}


/* eco */

#eco #contentRight h4{
	margin: 15px 10px;
	font-size: 18px;
	color: #041c7d;
}

#eco #contentRight p{
	text-indent: 1em;
}

#eco #contentRight img{
	display: block;
	width: 496px;
	box-shadow: 1px 1px 3px #ccc;
	margin: 20px auto;
	border: 3px solid #443;
	border-radius: 3px;
	text-align: center;
}

#eco hr{
	width: 600px;
  height:0;
  border:0;
  border-top:1px solid #ccc;
  border-bottom:1px solid #fff;
	margin: 40px auto;
}


/* symposium */

#symposium #contentRight h4{
	margin: 20px 0 0 10px;
	font-size: 20px;
	font-weight: bold;
}

#symposium #contentRight h4 + p{
	margin-top: 0;
}

#symposium #contentRight p.align_right{
	text-align: right;
}

#symposium #contentRight img#title{
	width: 650px;
	margin-top: 10px;
}

#symposium #contentRight .box{
	width: 650px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	margin: auto;
	padding: 15px 0;
}

#symposium #contentRight .box .left{
	float: left;
}

#symposium #contentRight .box .right{
	float: right;
}

#symposium #contentRight .box .bottom{
	margin-top: 20px;
	margin-bottom: 15px;
}

#symposium #contentRight .box a img{
	margin-top: -2px;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	-ms-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
	opacity: 1;
}

#symposium #contentRight .box a img:hover{
	opacity: 0.8;
	cursor: pointer;
}

#symposium #contentRight .box:last-of-type{
	margin-bottom: 30px;
}


/* commendation */

#commendation #contentRight h4{
	height: 30px;
background: rgb(183,111,11); /* Old browsers */
background: -moz-linear-gradient(top, rgba(183,111,11,1) 0%, rgba(160,96,6,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(183,111,11,1)), color-stop(100%,rgba(160,96,6,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(183,111,11,1) 0%,rgba(160,96,6,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(183,111,11,1) 0%,rgba(160,96,6,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(183,111,11,1) 0%,rgba(160,96,6,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(183,111,11,1) 0%,rgba(160,96,6,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b76f0b', endColorstr='#a06006',GradientType=0 ); /* IE6-9 */
	box-shadow: 1px 1px 2px #aaa;
	margin: 15px 0;
	border-radius: 2px;
	color: #fff;
	text-align: center;
	font-size: 15px;
	line-height: 30px;
	letter-spacing: 0.1em;
}

#commendation #contentRight table{
	width: 660px;
	box-shadow: 1px 1px 2px #ccc;
	margin: -5px auto 0;
	border: 3px solid #aaa;
	border-radius: 2px;
	font-size: 13.5px;
}

#commendation #contentRight th{
	width: 97px;
	height: 20px;
	background: none;
	box-shadow: none;
	border-right: 1px dotted #aaa;
	border-bottom: 1px dotted #aaa;
	padding: 5px 5px 5px 8px;
	color: #2a2121;
}

#commendation #contentRight td{
	width: 530px;
	height: 20px;
	border-bottom: 1px dotted #aaa;
	padding: 5px 5px 5px 8px;
}

#commendation #contentRight th.th_last_child{
	border-bottom: none;
}

#commendation #contentRight td.td_last_child{
	border-bottom: none;
}

.pics{
	width: 634px;
	margin: 10px auto 0;
	box-shadow: 1px 1px 2px #ccc;
	border: 3px solid #aaa;
	border-radius: 2px;
	padding: 10px;
}

.pics img{
	margin: 3px 0 0 3px;
	box-shadow: 1px 1px 3px #aaa;
	border: 5px solid #fff;
}

#safety .pics{
	box-shadow: none;
	border: none;
	padding: 0;
}




/* safety */

#safety #contentRight .img_safety_tab{
	position: relative;
	z-index: 1;
	margin: -10px 0 0 0;
	box-shadow: 0 0 2px #ccc;
	border: 1px solid #ccc;
}



/* eco */

#eco #contentRight h4{
	margin: 15px 10px;
	font-size: 18px;
	color: #041c7d;
}




/* offer */

#offer dl{
	margin: 0 0 10px 10px;
}

#offer dt{
	clear: both;
	float: left;
	width: 100px;	
}

#offer dt.red{
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 0.2em;
}

#offer dd{
	float: left;
}

#offer dd.orange{
	font-size: 16px;
}

#offer hr#graduates{
	width: 600px;
  height:0;
  border:0;
  border-top:1px solid #ccc;
  border-bottom:1px solid #fff;
	margin: 50px auto;
}


/* development */

#boxSection_alert01 h5{
	margin-bottom: 5px;
	text-align: center;
	font-weight: bold;
}

#development #contentRight .h6_alert02{
	width: 140px;
	height: 25px;
	background: url(../img/bg/005.png);
	margin: 20px auto 0;
	border-radius: 2px 2px 0 0;
	color: #fff;
	text-align: center;
	line-height: 25px;
}

#development #contentRight #boxSection_development01,
#development #contentRight #boxSection_alert01{
	width: 300px;
	margin: 30px auto;
}

#development #contentRight #development_catch{
	box-shadow: 0 0 2px #bbb;
	margin: -5px 0 10px 0;
	border: 3px solid #554;
	border-radius: 3px;
}

#development #contentRight #boxSection_development01 img,
#development #contentRight #boxSection_alert01 img{
	box-shadow: 1px 1px 3px #aaa;
}

#development #contentRight #boxSection_img img#geophone01{
	padding-left: 120px;
}

#development #contentRight #boxSection_img img#inclinometer01{
	padding-left: 110px;
}

#development #contentRight .ul_alert{
	box-shadow: 0 0 2px #eee;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 10px;
}

#development #contentRight .ul_alert li{
	background: url("../img/bg/disc.png") no-repeat 0 1px;
	padding-left: 20px;
}

#development #contentRight .boxSection_alert02{
	width: 140px;
	margin: 0 auto -5px;
}

#development #contentRight .hr_alert{
	width: 600px;
	height: 3px;
	margin: 30px auto;
	border: 0;
	border: 1px dotted #aaa;
}

#development #contentRight #banner_PDF{
	position: relative;
	z-index: 2;
	margin: -28px 0 0 3px;
}


/* contact */
#contact #contentRight{
	float: none;
	width: 930px;
	min-height: 1000px;
	margin-top: 0;
	padding: 0px 15px 20px 15px;
}

.webkit #contact #contentRight{
	margin-top: -3px;
}

#contact #contentRight h2{
	top: 47px;
	left: 5px;
	width: 950px;
}

.webkit #contact #contentRight h2{
	margin-top: 0;
}

.lt-ie10 #contact #contentRight h2{
	position: relative;
	top: -16px;
}

.lt-ie10 #contact #contentRight h3{
	filter: none;
}

#contact h3{
	height: 30px;
	margin: 2px 0;
	padding-left: 15px;
	color: #2a2121;
	font-size: 15px;
	line-height: 30px;
}

.lt-ie9 #contact h3{
	border: none;
}

#contact h3:first-child{
	display: inline-block;
	width: 940px;
	height: 20px;
	background: url(../img/bg/005.png);
	box-shadow: 0 1px 2px #bbb;
	margin: 0 0 10px -30px;
	border: none;
	border-radius: 2px 2px 0 0;
	padding: 3px 0 0 10px;
	color: #fff;
	line-height: 20px;
}

.lt-ie10 #contact h3:first-child{
	position: relative;
	top: -13px;
	filter: none;
}

#contact h3 span.en{
	margin-left: 10px;
	color: #9b8f8b;
	text-shadow: 1px 1px 1px #fff;
	font-size: 12px;
}

.lt-ie10 #contact form{
	position: relative;
	top: -50px;
}

.mozilla #contact form{
	position: relative;
	top: -40px;
}

#contact form{
	margin: 5px 20px 0 20px;
}

#contact input{
	height: 20px;
	box-shadow: -1px -1px 3px #eee inset;
	border: 1px solid #ccc;
	border-radius: 2px;
}

#contact label{
	display: inline-table;
	margin: 10px 0 10px 0;
	padding-left: 3px;
	vertical-align: middle;
	font-size: 16px;
}

#contact input[type="radio"]:checked + label{
	font-weight: bold;
}

#contact input#submit,
#contact input#reset{
	width: 203px;
	height: 35px;
background: rgb(174,214,72); /* Old browsers */
background: -moz-linear-gradient(top, rgba(174,214,72,1) 0%, rgba(143,196,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(174,214,72,1)), color-stop(100%,rgba(143,196,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(174,214,72,1) 0%,rgba(143,196,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(174,214,72,1) 0%,rgba(143,196,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(174,214,72,1) 0%,rgba(143,196,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(174,214,72,1) 0%,rgba(143,196,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aed648', endColorstr='#8fc400',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 0 3px #ddd;
	margin-top: 10px;
	border-radius: 5px;
	padding-bottom: 2px;
	color: #fff;
	font-size: 16px;
	line-height: 35px;
	letter-spacing: 0.2em;
}

.lt-ie10 #contact input#submit,
.lt-ie10 #contact input#reset{
	background: #090;
background: rgb(174,214,72); /* Old browsers */
background: -moz-linear-gradient(top, rgba(174,214,72,1) 0%, rgba(143,196,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(174,214,72,1)), color-stop(100%,rgba(143,196,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(174,214,72,1) 0%,rgba(143,196,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(174,214,72,1) 0%,rgba(143,196,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(174,214,72,1) 0%,rgba(143,196,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(174,214,72,1) 0%,rgba(143,196,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aed648', endColorstr='#8fc400',GradientType=0 ); /* IE6-9 */
	font-weight: bold;
}

#contact input#submit:hover,
#contact input#reset:hover{
	box-shadow: 0 0 5px #a3d853;
	opacity: 0.9;
}

#contact textarea{
	border: 1px solid #ddd;
	border-radius: 2px;
}

#contact input,
#contact textarea{
background: -moz-linear-gradient(top, rgba(244,244,244,0.8) 0%, rgba(246,246,246,0.8) 47%, rgba(244,244,244,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,0.8)), color-stop(47%,rgba(246,246,246,0.8)), color-stop(100%,rgba(244,244,244,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(244,244,244,0.8) 0%,rgba(246,246,246,0.8) 47%,rgba(244,244,244,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(244,244,244,0.8) 0%,rgba(246,246,246,0.8) 47%,rgba(244,244,244,0.8) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(244,244,244,0.8) 0%,rgba(246,246,246,0.8) 47%,rgba(244,244,244,0.8) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(244,244,244,0.8) 0%,rgba(246,246,246,0.8) 47%,rgba(244,244,244,0.8) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccf4f4f4', endColorstr='#ccf4f4f4',GradientType=0 ); /* IE6-9 */
	margin: 10px 0 10px 10px;
	border: 1px solid #ccc;
}

#contact #input_contact01,
#contact #input_contact02{
	height: 10px;
	margin-top: 10px;
	border: none;
}

#contact form p{
	margin: 20px 0;
}




/* sitemap link */
#sitemap #contentRight{
	position: relative;
	z-index: 1;
	float: right;
	width: 930px;
	background: none;
	box-shadow: none;
	padding: 20px 15px 0;
	behavior: url("http://www.geocities.jp/jam_back_at_the_house/atic/js/PIE.htc");
}

.webkit #sitemap #contentRight{
	margin-top: 45px;
}

#sitemap #contentRight h2{
	width: 950px;
	margin-left: -10px;
}

.webkit #sitemap #contentRight h2{
	margin-top: 0;
}

#sitemap #contentRight h2#h2_sitemap{
	position: relative;
	width: 940px;
	height: 25px;
	background: url(../img/bg/005.png) #f90;
	box-shadow: 0 2px 5px #bbb;
	margin: -26px 0 0 -10px;
	padding-left: 10px;
	border-radius: 3px 3px 0 0;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	text-align: left;
	line-height: 25px;
	letter-spacing: 0.2em;
	filter: none;
}

#sitemap #contentRight h3{
	margin-top: 10px;
}

#sitemap #contentRight h3:first-child{
	margin-top: 0;
}

#sitemap #contentRight ul{
	margin: 15px 0 15px 20px;
	line-height: 1.8;
}

#sitemap #contentRight .boxSitemap{
	width: 460px;
	float: left;
	margin-top: -5px;
}

#sitemap #contentRight #sitemapRight{
	width: 455px;
	float: left;
	margin-left: 15px;
}

#sitemap #contentRight ul li{
	background: url(../img/bg/icon_sitemap.png) no-repeat;
	padding-left: 20px;
}

#sitemap #contentRight ul.sitemapA li:hover,
#sitemap #contentRight ul.sitemapB li:hover,
#sitemap #contentRight ul.sitemapC li:hover,
#sitemap #contentRight ul.sitemapD li:hover{
	background-color: #ddd;
	background-image: url(../img/bg/icon_sitemap.png);
	box-shadow: 0 0 3px #ddd;
	padding-left: 20px;
	cursor: pointer;
}

#sitemap #contentRight ul li.sitemapE span:hover,
#sitemap #contentRight ul.sitemapF li:hover{
	background-color: #ddd;
	box-shadow: 0 0 3px #ddd;
	padding-left: 20px;
	cursor: pointer;
}

#sitemap #contentRight .h4_sitemap,
#sitemap #contentRight .h4_sitemapB{
	background: url(../img/bg/icon_sitemap.png) no-repeat;
	margin: 15px 0 0 20px;
	padding-left: 20px;
}

#sitemap #contentRight .h4_sitemapB{
	cursor: pointer;
	margin: 3px 0 0 20px;
}

#sitemap #contentRight .h4_sitemapB:hover{
	background-color: #ddd;
	background-image: url(../img/bg/icon_sitemap.png);
	box-shadow: 0 0 3px #ddd;
}

#sitemap #contentRight .h4_sitemapB a{
	color: #2A2121;
}

#sitemap #contentRight ul.sitemapD{
	margin: 5px 0 0 40px;
}

#sitemap #contentRight .sitemapC h4:first-child{
	margin-top: 17px;
}

#sitemap #contentRight #margin_tech{
	margin-top: 13px;
}

#sitemap #contentRight ul li a:hover{
	color: #2A2121;
}

#sitemap #contentRight ul li ul{
	margin: 0 0 10px 0;
}

#sitemap #contentRight .ul_sitemap{
	margin: 0 0 0 40px;
}

#sitemap #contentRight .ul_sitemap li{
	background-image: url(../img/bg/icon_sitemap.png), url(../img/icon_PDF.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left top, right center;
}

#sitemap #contentRight .ul_sitemap li:hover{
	position: relative;
	background-color: #ddd;
	background-image: url(../img/bg/icon_sitemap.png), url(../img/icon_PDF.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left top, right center;
	box-shadow: 0 0 3px #ddd;
	padding-left: 20px;
	cursor: pointer;
	behavior: url("http://www.geocities.jp/jam_back_at_the_house/atic/js/PIE.htc");
}

.lt-ie9 #sitemap #contentRight .ul_sitemap li{
	background: url(../img/bg/icon_sitemap.png) no-repeat;
}

.lt-ie9 #sitemap #contentRight .ul_sitemap li:hover{
	background-color: #eee;
	background-image: url(../img/bg/icon_sitemap.png);
}


/******************************
footer
******************************/
footer{
	width: 100%;
	position: relative;
	clear: both;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 -1px 4px #bbb;
	box-shadow: 0 0 3px #bbb inset;
	position: relative;
	z-index: 3;
	margin-top: -115px; /* negative value of footer height */
	behavior: url("http://www.geocities.jp/jam_back_at_the_house/atic/js/PIE.htc");
}

.lt-ie10 footer{
	border-top: 1px solid #ccc;
}

footer ul#navFoot,
footer ul#infoFoot{
	width: 820px;
	margin: 10px auto 0;
	padding: 20px 150px 0 0;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

footer ul#infoFoot{
	padding-top: 0;
}

.lt-ie10 footer ul#navFoot,
.lt-ie10 footer ul#infoFoot{
	margin: -10px auto 20px;
}

footer ul#navFoot li,
footer ul#infoFoot li{
	display: inline-block;
	height: 15px;
	float: left;
	margin: 10px 0 8px 10px;
	border-left: 1px solid #fff;
	border-right: 1px solid #aaa;
	padding-right: 3px;
	line-height: 15px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

footer ul#infoFoot li{
	margin-left: 5px;
	padding-right: 5px;
	text-shadow: 0 0 1px #eee;
	letter-spacing: 0.03em;
}

footer ul#navFoot li:first-child,
footer ul#infoFoot li:first-child{
	border-left: none;
}

footer ul#navFoot li:last-child,
footer ul#infoFoot li:last-child{
	border-right: none;
}

footer ul#navFoot li:nth-child(7){
	border-right: none;
}

footer ul#navFoot li a,
footer ul#navFoot li a:link,
footer ul#navFoot li a:visited,
footer ul#navFoot li a:active{
 background: url(../img/nav/footer_arrow.png) no-repeat 0 0 / 20px;
	padding: 0 5px 0 25px;
	color: #473D39;
	text-decoration: none;
	text-shadow: 0 0 1px #eee;
	letter-spacing: 0.15em;
	-moz-transition: all 200ms ease-in-out 0s;
	-webkit-transition: all 200ms ease-in-out 0s;
	-o-transition: all 200ms ease-in-out 0s;
	-ms-transition: all 200ms ease-in-out 0s;
	transition: all 200ms ease-in-out 0s;
	opacity: 0.9;
}

footer ul#navFoot li a:hover{
 background: url(../img/nav/footer_arrow_on.png) no-repeat 0 0 / 20px;
	color: #666;
	opacity: 1;
}

footer small{
	display: block;
	position: relative;
	bottom: -115px;
	height: 20px;
	background: url(../img/bg/010.png);
	margin: auto;
	padding-top: 3px;
	border-top: 2px solid #0a2ebe;
	color: #fff;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 15px;
	letter-spacing: 0.3em;
}

.lt-ie10 footer small{
	height: 30px;
	bottom: 0;
}

#topcontrol{
	position: relative;
	z-index: 4;
	box-shadow: 0 0 5px #ccc;
}

@media screen and (max-width: 768px) {
	header,
	footer{
		width: 960px;
}

}