/* layout start */

body{
	background-image: url("../images/bg.jpg") repeat-x left top #eef7f9;
}

img.opacity:hover{
  opacity: 0.8;
  cursor: pointer;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden; 
}

#headerArea{
  width:100%;
  border-top: solid 2px #006EA5;
}

#tellArea, #mailArea{
  border-radius: 2px;
  padding-left:30px;
}

#tellArea{
  margin-bottom:50px;
}

#topWrapper{
	background: url(../images/wrapper_bg.jpg) repeat-x;
}

#wrapper{
  margin-top:0px;
}

#contactBanner{
  width:980px;
  margin:0 auto;
}

#contactBanner img{
  display: block;
  margin:20px auto;
}

#contactBanner img:hover{
  opacity:0.8;
}

.serviceFeatureLast ul li p{
  margin-top:20px;
}

.serviceFeatureLast ul li img{
  display: block;
  margin:10px auto;
}

#headerTell img{
  padding-right:2px;
  padding-bottom:0px;
  position: relative;
  top:-5px;
}

#jslidernews1{
  margin-top:10px;
}

#header .span7 img:hover{
  opacity:0.8;
}


/*end*/

/*各ページのページタイトル*/
#spanspan .pageTitle{
    position: relative;
    margin-left: -30px;  /* はみ出させます */
    display: block;
    padding: 10px 15px;
    font-size: 36px;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
    color: #FFF;
    background-color: #007AB7;
    width:980px;
    margin-bottom: 30px;
}
#spanspan .pageTitle{
    position: absolute;
    left: 0px;
    bottom: -10px; /* border-bottomの高さと一致させる */
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    border-right: 10px solid #9ACDE7; /* h3が親要素からはみ出した幅を指定 */
    border-bottom: 10px solid transparent;
}

.serviceFeature {
  border-top:1px dotted #999;
}

#clearclear{
clear:both;
}

/* nav start*/

#nav {-9999px;
  height:50px;
  background:url(../images/nav.png) repeat left top;
}


#menu {
  width:980px;
  height:50px;
  overflow:hidden;
}

#menu ul li {
  float:left;
  width:245px;
  height:50px;
}

#menu ul li a {
  display:block;
  width:245px;
  text-indent: -9999px;
  height:50px;
  background:url(../images/nav3.png) no-repeat left top;
}

#navUl{
  margin-left:0px;
}


#menu ul li.gnavi01 a{
  background-position: 0 0;
}

#menu ul li.gnavi02 a{
  background-position: -245px 0;
}

#menu ul li.gnavi03 a{
  background-position: -490px 0;
}

#menu ul li.gnavi04 a{
  background-position: -735px 0;
}


/*hover styling*/

#menu ul li.gnavi01 a:hover{
  background-position: 0 -50px;
}

#menu ul li.gnavi02 a:hover{
  background-position: -245px -50px;
}

#menu ul li.gnavi03 a:hover{
  background-position: -490px -50px;
}

#menu ul li.gnavi04 a:hover{
  background-position: -735px -50px;
}


/* news-info start*/

.news-info{
  border:1px solid #666;
  width:304px;
  height:400px;
  border-radius:5px;
  margin-top:0px;
}

dl h2{
  padding-left:10px;
  font-size:18px;
}

.fui-bubble-16{
  margin-right:10px;
}

.news-title{
  border-bottom:2px solid #999;
}

.newsAgenda {
  padding:10px 10px;
  border-bottom:1px dotted #666;
}

div.newsAgenda .label{
  margin-left:15px;
  vertical-align: center;
}

.arrow{
  margin-right:5px;
  vertical-align: baseline;
}

.window{
  padding-left:5px;
  vertical-align: center; 
}

.window:hover{
  opacity: 0.6;
}

dt{
  margin-bottom:10px;
}

dd a {
  text-decoration:none;
  font-size:13px;
  color:#666;
}

dd a:hover{
  color:blue;
  text-decoration: underline;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden; 
}
/* end */

#section1, #section2{
	margin-bottom:10px;
}

#section-sub1{
  margin-top:16px;
}

.section-sub{
  margin-top:10px;
}

/*メインコンテンツの見積もりと資料請求*/


#inquiry, #inquiryBtn, #mitsumori, #mitsumoriBtn{
  text-align: center;
}

#inquiry, #mitsumori{
  margin-top:30px;
}

.side-section{
  margin-bottom:15px;
}

#header{
  margin-bottom: 40px;
}

#header ul li{
	list-style: none;
}

.stage{
  width: 978px;
  margin: 0 auto;
}

#header{
  margin-bottom: 0px;
}
#header .nav{
  background: #355969;
}

#header p{
  text-align: right;
  vertical-align: bottom;
}

.dropdown a{
  display: block;
  text-decoration: none;
}
.dropdown .hasChild{
  float: left;
  position: relative;
  cursor: pointer;
}
.dropdown .hasChild > a{
  padding:0;
  margin:0;
}
.dropdown .hasChild ul{
  position: absolute;
  display: none;
  border: 1px solid #ccc;
  border-bottom: 2px solid #3f7892;
  z-index: 9999;
  background: #fff;
  min-width:165px;
}
.dropdown .hasChild ul li{
  display:block;
  padding: 0;
  margin:0;
  width:100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
  background: -moz-linear-gradient(top,  #fff,  #eee);
  background: linear-gradient(top,  #fff,  #eee);
  box-shadow:  0 0 1px #ccc;
  behavior: url(PIE.htc);
}
.dropdown .hasChild ul li:hover{
  background:#eee;
}
.dropdown .hasChild ul li:hover a{
	color:#009fe2;
}
.dropdown .hasChild ul a{
  white-space: nowrap;
  background: url(../images/blt_01.gif) no-repeat 10px 12px;
  padding:7px 10px 7px 20px;
}

/* footer styling */

#footer{
  width:100%;
  background-image: url('../images/footer_bg.gif');
  background-repeat: repeat-x;
  background-color: #efefed;
  margin-top:50px;
  padding-top:20px;
}

p.heading{
  text-shadow: -1px 1px 0 rgba(255, 255, 255, 1);
  margin-top:10px;
  padding-left:10px ;
}
.footerHead{
  border-bottom: 1px solid rgba(0, 0, 0,.2);
  box-shadow:(rgba(255, 255, 255, .3)0 1px 0 inset);
  padding-bottom:10px;
}

ul li{
  list-style: none;
}

ul li a{
  text-decoration: none;
  color:#333;
}

.nav-list li{
  margin-bottom: 0px;
}

#footer ul li a:hover{
  text-decoration: underline;
  color:blue;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden; 
}

ul li img{
  margin-right:10px;
}

#copyright{
  text-align: center;
  font-size: 12px;
  margin-top: 15px;
}

.contactArea{
  display: block;
  margin:0 auto;
  margin-top:20px;
}