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


#continer {
  width: 970px;
  margin-right: auto;
  margin-left: auto;
  line-height: 1.6em;
}

#continer #head {
  padding-top: 15px;
  height: 64px;
  padding-right: 15px;
  padding-left: 15px;
}

#continer #head h1 {
  float: left;
}

.word {
  padding-top: 15px;
  float: right;
  padding-left: 35px;
  font-size: 80%;
  height: 30px;
}

.word_btn {
  float: left;
  display: inline;
  border-left: 1px solid #999999;
  padding-left: 10px;
  width: 45px;
}

.word_btn2 {
  float: left;
  color: #FF6600;
  display: inline;
  border-left: 1px solid #999999;
  padding-left: 10px;
  width: 45px;
}

.main_navi {
  padding-left: 15px;
  width: 940px;
}

.main_navi_btn {
  display: inline;
  float: left;
  padding-right: 3px;
}
#foter  {
  width: 100%;
  background: url(../images/haikei_02.gif) repeat-x 0px 20px;
  clear: both;
  margin-bottom: 50px;
  margin-top: 30px;
}
#foter  #sab_navi  {
  width: 940px;
  text-align: right;
  padding-bottom: 5px;
  margin-right: auto;
  margin-left: auto;
}
#foter    #sab_navi  ul  {
  font-size: 90%;
  float: left;
}
#foter    #sab_navi  li  {
  display: inline;
  padding: 0px 10px 0px 15px;
  background: url(../images/foter_02.gif) no-repeat 0px center;
}

.page_top {
}

.foter_rogo {
  float: left;
  padding-top: 15px;
}

.copy {
  font-size: 75%;
  color: #666666;
  text-align: right;
  padding-top: 10px;
  float: right;
}

#continer #main {
  background: url(../images/main_back.png) no-repeat 0px 25px;
  overflow: hidden;
  clear: both;
  padding-top: 35px;
  padding-right: 6px;
  padding-left: 10px;
}

#continer #main #left {
  float: left;
  width: 756px;
  display: inline;
}

#continer #main #left #box {
  background: url(../images/main_left_back02.png) repeat-y;
  padding-left: 18px;
  padding-top: 25px;
  padding-bottom: 35px;
}

#continer #main #light {
  float: right;
  width: 197px;
  display: inline;
}

#continer #main #light #lbox {
  background: url(../images/light_back_02.png) repeat-y;
  padding-left: 9px;
  display: block;
  width: 185px;
}
#light  #lbox  #page_navi   {
  background: url(../images/page_navi_back_01.gif) no-repeat 0px bottom;
  padding-bottom: 100px;
  width: 176px;
}

#light #lbox #page_navi_ect {
  background: url(../images/page_navi_back_02.gif) no-repeat 0px top;
  width: 176px;
  height: 374px;
  padding-top: 3px;
}

.baner_space {
  margin-top: 30px;
  margin-bottom: 10px;
}
#light  #lbox  #page_navi  ul   {
  background: #D8D4D4;
}
#light  #lbox  #page_navi  ul  li   {
  font-size: 85%;
  line-height: 1.3em;
}
#light #lbox #page_navi ul li a {
  width: 150px;
  text-decoration: none;
  color: #333333;
  height: 27px;
  width: 150px;
  padding-left: 26px;
  padding-top: 13px;
  display: block;
  background: url(../images/page_navi_02.gif) no-repeat;
}
#light #lbox #page_navi li a:hover {
  color: #FF3300;
  display: block;
  background: url(../images/page_navi_04.gif) no-repeat;
}

.page_head {
  background: url(../outline/images/greeting_02.gif) no-repeat 0px 30px;
  padding-bottom: 10px;
  width: 719px;
  height: 30px;
}

.page_titl {
  float: left;
}

.page_btn_on {
  background: url(../images/page_navi_05.gif) no-repeat;
  height: 27px;
  width: 150px;
  padding-left: 26px;
  padding-top: 13px;
}
.page_btn_navion {
  background: #FF6600;
  padding-top: 7px;
  height: 15px;
  padding-bottom: 7px;
  color: #FFFFFF;
  border-bottom: 1px solid #999999;
  padding-left: 35px;
  width: 140px;
}

.page_btn_navion2 {
  background: #FF6600 url(../images/page_navi_mark_02.gif) no-repeat 24px 12px;
  padding-top: 7px;
  height: 15px;
  padding-bottom: 7px;
  color: #FFFFFF;
  border-bottom: 1px solid #999999;
  padding-left: 35px;
  width: 140px;
}

.page_navi_sabtitl {
  background: #CCCCCC;
  padding-top: 5px;
  height: 15px;
  margin-bottom: 1px;
  padding-left: 26px;
  padding-bottom: 5px;
}

.page_navi_sabtitl2 {
  background: #CCCCCC;
  height: 5px;
  border-bottom: 1px solid #999999;
  padding-left: 26px;
}

.serise_btn {
  padding-top: 3px;
  padding-bottom: 3px;
}

#light #lbox #page_navi #serise_btn {
  background: #999900;
}

#light #lbox #page_navi #serise_btn a {
  background: #F2F2F2 url(../images/page_navi_mark_01.gif) no-repeat 40px 11px;
  padding-top: 7px;
  height: 15px;
  padding-bottom: 7px;
  width: 125px;
  padding-left: 51px;
}
#light #lbox #page_navi #serise_btn a:hover {
  background: #CCCC99;
}

.serise_btn_line {
  border-bottom: 1px solid #CCCCCC;
}

#light #lbox #page_navi #se_btn {
}

#light #lbox #page_navi #se_btn a {
  background: #F2F0F0 url(../images/page_navi_mark_01.gif) no-repeat 25px 11px;
  padding-top: 7px;
  height: 15px;
  padding-bottom: 7px;
  width: 140px;
  padding-left: 35px;
  display: block;
}
#light #lbox #page_navi #se_btn a:hover {
  background: #CCCC99;
}



.pan_navi {
  float: right;
  color: #666666;
  font-size: 85%;
  padding-top: 3px;
}