@charset "utf-8";

/* 2015 ヘッダー */
#top {
margin:0 auto;
padding:0;
background:#FFF url(/files2015/img/second_header_bg.gif) repeat-x;
height: 136px;
}
#top li {
list-style-type:none;
}
#top #gNav {
width:768px;
padding: 0;
margin: 0;
}
#top h1 {
float: left;
margin-top: 8px;
}
#top #read {
float: left;
margin-top: 12px;
}

#top #logoBox {
width: 288px;
float: left;
margin-right: 30px;
}
#top #headerAboutNav {
  float: left;
  width: 177px;
  background: url(/files2015/img/header_aboutBox_bg.gif) no-repeat top left;
  height: 78px;
  padding: 7px 0 0 25px;
  margin-top: 9px;
  /margin-left:0;
}
#top #headerAboutNav li {
  margin-bottom: 4px;
  height: 30px;
}

#top .logoSmrj {
  float: right;
}

#top #headerRightBox {
  float: right;
  width: 240px;
  margin-top: 9px;
}
#top #register li {
  float: left;
  width: auto;
  margin-right: 13px;
  height: 14px;
  line-height: 14px;
  /margin-left:0;
}
#top #register {
  float: right;
  width: 234px;
  height: 14px;
  margin-top: 7px;
  padding-left: 0;
  margin-bottom: 0;
  /margin-left: 0;
}
#top .searchArea input.text {
  width: 157px;
  height: 21px;
  line-height: 21px;
  border: 0;
  font-size: 11px !important;
  padding-left: 8px;
}

#top .searchArea {
  background: url(/files2015/img/header_search_bg.gif) no-repeat top left;
  width: 188px;
  height: 23px;
  margin-top: 5px;
  float: right;
  padding: 5px 4px 5px 48px;
}
#top #hn {
  height: 94px;
  width: 768px;
}
#top #outer {
position: relative;
width: 768px;
height: 136px;
text-align: left;
}
#top #gNavBox {
width: 768px;
position: absolute;
top: 94px;
/left:0;
}

/*虫眼鏡の位置調整*/
#top .searchArea input#button {
/position: relative;/*IE7*/
/top: -3px;/*IE7*/
}

#top input {
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}
#top .searchArea {
font-size: 62.5%;
}
/*ーーーーーーーー*/




.mb0 {
margin-bottom: 0 !important;
}
.mr0 {
margin-right: 0 !important;
}



/*▼ここからフッターのcss*/
#footer li {
list-style-type:none;
}
#footer {
  background: #F8F5F1;
  padding: 23px 0 25px 0;
}
#footerInner {
  width: 768px;
  margin: 0 auto;
}
#footer #footerNavi {
  margin-bottom: 18px;
  margin-top:0;
  padding-left:0;
  /* margin-left:0;*/
}
#footer #footerNavi li {
  float: left;
  margin-right: 14px;
   height: 15px;
}
#footer #footerNavi li a {
  display: block;
}
#footer .footerlogoSmrj {
  float: left;
  margin-right: 15px;
}
#footer .copy {
  float: left;
}





/*▼ここからナビゲーションの設定*/
#top p,
#top ul {
margin:0;
padding:0;
}

/*IE7のz-index対策*/
#top {
/position:relative; /*IE7*/
/z-index:2; /*IE7*/
}
#pageBody {
/position:relative; /*IE7*/
/z-index:0; /*IE7*/
}
/*----------*/

#top #gNav > li {
float: left;
position:relative;
height:42px;
}

/*ローカルナビ共通*/
/*_o画像いったん非表示*/
#top #gNavBox .oImg {
position:absolute;
top:0;
left:0;
z-index:3;
display:none;
}
#top #gNavBox .secondNav {
position:absolute;
top:42px;
z-index:3;
background: #e65700;
color:#fff;
padding: 16px 20px;
font-size: 14px !important;
/*font-size: 1.4rem;*/
text-align: left;
display:none;
}

#top #gNavBox .secondNav p {
line-height: 20px;
font-size: 14px;
}
#top #gNavBox p.sttOsusume {
background: #ffbf98;
width: 130px;
padding: 0 10px;
color: #E65700;
text-align: center;
margin-top: 15px;
margin-bottom: 10px;
}

#top .secondNav .leftList {
float: left;
width:auto;
}
#top .secondNav .rightList {
float: right;
width:auto;
background:url(/files2015/img/leftList_bg.gif) no-repeat left center;
padding-left: 20px;
}
#top .secondNav .leftList li,
#top .secondNav .rightList li {
background:url(/files2015/img/t_listMark.gif) no-repeat left 6px;
padding-left: 13px;
float:none !important;
height:20px !important;
}
#top .secondNav .leftList li a,
#top .secondNav .rightList li a  {
color: #fff;
text-decoration: none;
}
#top .secondNav .leftList li a:hover,
#top .secondNav .rightList li a:hover {
text-decoration: underline;
}

#top .secondNav .btnLink {
clear:both;
text-align: center;
padding-top: 20px;
}

/*個別ローカルナビ*/
#top #gNavBox #secandNav01 {
width:390px;
left:0;
}
#top #gNavBox #secandNav02 {
width:270px;
left: -110px;
}
#top #gNavBox #secandNav03 {
width:340px;
left: -110px;
}
#top #gNavBox #secandNav04 {
width:350px;
left: -110px;
}
#top #gNavBox #secandNav05 {
width:300px;
left: -110px;
}

#top #gNavBox #secandNav06 {
width: 400px;
left: -220px;
}
#top #gNavBox #secandNav07 {
width:315px;
right: 0;
}