@charset "utf-8";

/*------------------------------------------------------------
	common_rayout
------------------------------------------------------------*/

/*-- common --*/
html{
  background-color: #ECAF3E;
  height: 100%;
}

body{
  min-width:1100px;
  background-color: #ECAF3E;
  margin: 0 auto;
  position: relative;
  font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #333;
  line-height: 1.4;
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  overflow: hidden;
}

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

a,a:hover {
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

a img:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

/* perfect-scrollber-- to make scrollbars always visible */
.always-visible.ps-container > .ps-scrollbar-x-rail,
.always-visible.ps-container > .ps-scrollbar-y-rail {
  opacity: 0.6;
  background-color: #E3E3E6;
}

/*-- smp_btn --*/
#smp_btn{
  width: 100%;
  min-height: 80px;
  font-size: 130%;
  display: block;
  color: #333;
  text-decoration: none;
  background-color: #FFF;
  box-shadow: 0 0 14px rgba(0,0,0,0.6); 
  border: 7px solid #F2B542;
}

#smp_btn div{
  min-height: 81px;

}

#smp_btn p{
  width: 80%;
  margin: 28px auto;
  text-align: center;
  line-height: 1.2;
}

#smp_btn span{
  padding: 20px 0 20px 35px;
  background: url(../img/common/smp_icon_1.png) left center no-repeat;
}

/*-- header --*/
#header{
  background: #E07C10 left top repeat-x;
  height: 52px;
}

#header #header_wrap{
  width: 1000px;
  margin: 0 auto;
  position: relative;
}

#header h1{
  width: 330px;
  height: 184px;
  padding-top: 14px;
  background: url(../img/common/main_logo_bg.png) top center no-repeat;
  text-align: center;
  position: absolute;
  top: 0;
  left: 335px;
  z-index: 97;
}

#header h1 .main_logo{
  padding-top: 18px;
}

#header dl{
  width: 1000px;
  margin: 0 auto;
}

#header dl dt{
  padding-top: 4px;
  float: left;
}

#header dl dd{
  float: right;
}

#header dl dd img{
  float: left;
}

#header dd .head_caption_sp{
  padding: 9px 50px 0 0;
}

#header_navi{
  width: 1000px;
  margin: 12px auto 6px;
}

#header_navi li{
  float: left;
}

#header_navi .works_left_sp{
  width: 202px;
  height: 108px;
  margin-left: 17px;
  background: url(../img/common/navi_works_off.png) top left no-repeat;
}

#header_navi .works_left_sp #navi_works_btn{
  margin: 24px 0 0 109px;
}

#header_navi .works_left_sp #navi_works_btn li{
  line-height: 0;
  padding-bottom: 4px;
}

#header_navi .staff_left_sp{
  padding-left: 360px;
}

#header_navi .ohter_left_sp{
  padding-left: 20px;
}

/*-- main --*/
#content_wrap{
  width: 1000px;
  height: 640px;
  margin: 0 auto;
  position: relative;
}

#content{
  width: 1000px;
  height: 640px;
  margin: 0 auto;
  background: url(../img/common/main_bg.png) top center no-repeat;
  position: absolute;
  z-index: 99;
}

#content_box{
  margin: 55px;
}

#content_box h2{
  text-align: center;
  margin-bottom: 25px;
}

#content_box h3{
  text-align: left;
  margin-bottom: 14px;
}

/*-- footer --*/
#footer_navi{
  background: url(../img/common/footnavi_bg.png) top left repeat-x;
  height: 121px;
  margin: 100px auto 0;
  position: relative;
  z-index: 97;
}

#footer_navi h2{
  width: 230px;
  padding-top: 35px;
  float: left;
}

#footer_navi ul{
  width: 1000px;
  margin: 0 auto;
}

#footer_navi ul li{
  float: left;
}

#footer_navi ul .footnavi_ti{
  padding-top: 35px;
}

#footer_navi ul .footnavi_l{
  padding-left: 99px;
}

#footer_navi ul .footnavi_r,
#footer_navi ul .footnavi_c{
  padding-left: 68px;
}

#footer{
  width: 1000px;
  margin: 3px auto 16px;
  position: relative;
  z-index: 98;
}

#footer #foot_address{
  margin-bottom: 36px;
  float: left;
  font-size: 12px;
}

#footer #foot_address dt{
  margin-right: 11px;
  float: left;
}

#footer #foot_address dd{
  float: right;
}

#footer #foot_contact{
  width: 373px;
  background: url(../img/common/foot_contact.png) top center no-repeat;
  float: right;
  font-size: 13px;
}

#footer #foot_contact a{
  text-decoration: none;
}

#footer #foot_contact a:hover{
  text-decoration: underline;
}

#footer #foot_contact dt{
  width: 310px;
  margin: 15px 0 17px 26px;
}

#footer #foot_contact dd{
  width: 140px;
  float: right;
  padding-left: 12px;
  background: url(../img/common/foot_icon.png) center left no-repeat;
}

#copyright{
  width:100%;
  margin: 0 auto;
  height: 60px;
  background-color: #E07C10;
  position: relative;
  z-index: 99;
}

#copyright p{
  font-size: 11px;
  color: #FFF;
  text-align: center;
  padding: 20px 0;
}

#copyright p a{
  color: #FFF;
  text-decoration: none;
}

#copyright p a:hover{
  text-decoration: underline;
}

#copyright p span{
 font-family:'Times New Roman', 'Times';
}