﻿@charset "utf-8";


/* ---------------------------------------------------all */
*{
  font-size : 12px;
  margin : 0px;
  padding : 0px;
  line-height : 15px;
}

body{
  font-family : "ＭＳ Ｐゴシック",Arial,sans-serif;
  background-color : #dcdcdc;
  margin : 50px 0px 100px 50px;
  vertical-align : top;
  text-align : left;
  scrollbar-base-color : #eeeeee;
  scrollbar-arrow-color : #a9a9a9;
  scrollbar-darkshadow-color : #eeeeee;
  scrollbar-face-color : #FFFFFF;
  scrollbar-highlight-color : #a9a9a9;
  scrollbar-shadow-color : #a9a9a9;
  scrollbar-3dlight-color : #eeeeee;
  scrollbar-track-color : #ffffff;
}
img{
  border : 0px;
}
a.menu{
  color : #555555;
  text-decoration : none;
  font-weight : normal;
}
a.menu:active{
  color : #555555;
  text-decoration : none;
  font-weight : normal;
}
a.menu:visited{
  color : #555555;
  font-weight : normal;
}
a.menu:hover{
  color : #0050e2;
  text-decoration : none;
  font-weight : normal;
}

a.nor{
  color : #0050e2;
}
a.nor:active{
  color : #0050e2;
  text-decoration : none;
}
a.nor:visited{
  color : #0050e2;
}
a.nor:hover{
  color : #0050e2;
  background-color : #d1ffda;
  text-decoration : none;
}

strong{
  font-weight : normal;
}

#main{
  clear : both;
  width : 730px;
  padding : 0px 0px 22px 0px;
  background-image : url(../img/menu_bg.gif);
  background-repeat : repeat-y;
  background-color : #646464;
}

#cr{
  margin : 0px 0px 0px 240px;
}
ul{
  list-style-type : none;
}


/* ------------------------------------------------Header */
h1{
  color : #555555;
  font-weight : normal;
  margin : 10px 0px 0px 0px;
}
h2{
  color : #f0a203;
  font-size : 21px;
  line-height : 21px;
  margin : 5px 0px 0px 0px;
}

h3{
  color : #ffffff;
  background-image : url(../img/bar.gif);
  background-repeat : no-repeat;
  width : 500px;
  height : 22px;
  padding : 4px 0px 0px 25px;
  margin : 0px 0px 5px 0px;
  font-size : 13px;
}
h3.top{
  color : #004b42;
  background-image : url(../img/bar_top.gif);
  background-repeat : no-repeat;
  width : 500px;
  height : 23px;
  padding : 4px 0px 0px 25px;
  margin : 0px 0px 5px 0px;
  font-size : 13px;
}

  /* Train Line */
h4{
  color : #000000;
  font-size : 12px;
  background-image : url(../img/bar_train_line.gif);
  background-repeat : no-repeat;
  width : 124px;
  height : 21px;
  text-align : center;
  padding : 3px 0px 0px 0px;
  margin : 0px 0px 5px 10px;
}


/* --------------------------------logo & company address */

#title{
  clear : both;
  width : 730px;
  height : 106px;
  background-image : url(../img/title_bg.jpg);
  background-repeat : no-repeat;

}
#logo{
  position : absolute;
  left : 90px;
  top : 60px;
  height : 46px;
  color : #f0a203;
  text-align : center;
  float : left;
}
#for_s{
  float : left;
  position : absolute;
  left : 252px;
  top : 86px;
  color : #ffffff;
  padding : 5px 0px 0px 0px;
  background-image : url(../img/for_s.gif);
  background-repeat : no-repeat;
  width : 113px;
  height : 76px;
  text-align : center;
  line-height : 21px;
}
#for_r{
  float : left;
  position : absolute;
  left : 365px;
  top : 86px;
  color : #ffffff;
  background-image : url(../img/for_s.gif);
  background-repeat : no-repeat;
  margin : 3px 0px 0px 5px;
  width : 40px;
  height : 40px;
}
.version{
  font-weight : bold;
  font-size : 20px;
  line-height : 21px;
}
#company_add{
  width : 350px;
  text-align : right;
  float : right;
  line-height : 13px;
  padding : 10px 20px 0px 10px;
}

/* -----------------------------------------main contents */

#cnt{
  margin : 0px 0px 0px 180px;
  padding : 20px 0px 20px 0px;
  line-height : 16px;
  width : 550px;
  background-color : #ffffff;
  vertical-align : top;
}
#cnt_1000{
  margin : 0px 0px 0px 180px;
  padding : 20px 0px 20px 0px;
  line-height : 16px;
  width : 550px;
  height : 1000px;
  background-color : #ffffff;
  vertical-align : top;
}
#mobile{
  width : 160px;
  position : absolute;
  left : 60px;
  top : 465px;
  background-color : #f0f0f0;
}
#mobile_comm{
  padding : 0px;
  margin : 0px 10px 10px 10px;
  clear : both;
}
.part_top{
  width : 500px;
  margin : 0px 0px 0px 22px;
  line-height : 15px;
}
.part{
  width : 500px;
  margin : 20px 0px 0px 22px;
  line-height : 15px;
}
.part_color{
  border-style:dotted;
  border-width : 1px 0px 1px 0px;
  margin-top : 5px;
  border-color : #f0a203;
  background-color : #ffffe8;
  padding : 10px;
}
.bar_mobile{
  width : 140px;
  height : 22px;
  color : #ffffff;
  background-image : url(../img/bar_mobile.gif);
  background-repeat : no-repeat;
  font-weight : bold;
  font-size : 13px;
  padding : 4px 0px 0px 25px;
  margin : 10px 0px 5px 10px;
}


/* -----------------------------------------------special */

.bar_toku{
  border-style:dotted;
  border-width : 1px 0px 1px 0px;
  margin : 10px 0px 5px 0px;
  border-color : #f0a203;
  background-color : #ffffe8;
  padding : 5px 20px 5px 20px;
  font-weight : bold;
  color : #ff6c00;
  font-size : 13px;
  text-align : center;
}


/* --------------------------------------------------menu */

#m_list{
  position : absolute;
  left : 90px;
  top : 175px;
  background-image : url(../img/menu_list.gif);
  background-repeat : no-repeat;
  width : 140px;
  height : 280px;
  font-weight : bold;
  line-height : 12px;
}
.m_ul{
  list-style : none;
}
.m_li{
  color : #0050e2;
  margin : 13px 0px 0px 20px;
  height : 27px;
}
.m_li_2line{
  color : #0050e2;
  margin : 6px 0px 0px 20px;
  height : 34px;

}



/* ------------------------------------------------search */
a.search_link{
  color : #000000;
  text-decoration : none;
  cursor: pointer;
}
a.search_link:active{
  color : #000000;
  text-decoration : none;
  cursor: pointer;
}
a.search_link:visited{
  color : #000000;
  cursor: pointer;
}
a.search_link:hover{
  color : #0050e2;
  text-decoration : none;
  cursor: pointer;
}
#search{
  left : 50px;
  background-image : url(../img/menu_bg.gif);
  background-repeat : repeat-y;
  width : 730px;
  margin : 10px 0px 0px 0px;
  padding : 22px 0px 22px 0px;
  background-color : #646464;
}
#search_cnt{
  width : 550px;
  padding : 2px 0px 10px 0px;
  margin : 0px 0px 0px 180px;
  background-image : url(../img/search_bg.jpg);
  background-repeat : no-repeat;
  background-position : right center;
  background-color : #ffffff;
}
.search_part{
  width : 154px;
  margin : 0px 12px 10px 0px;
  float : left;
  line-height : 12px;
}
.search_li{
  list-style-image : url(../img/search_list.gif);
  margin : 5px 0px 0px 25px;
  padding : 0px 0px 0px 2px;
}
.search_li_last{
  list-style-image : url(../img/search_list_last.gif);
  margin : 5px 0px 10px 25px;
  padding : 0px 0px 0px 2px;
}
.search_img{
  float : left;
  margin : 0px 5px 5px 0px;
}
.clear{
  clear : both;
  line-height:1px;
}
.clear_sp{
  clear : both;
  line-height : 15px;
}



/* ------------------------------------------------iframe */
#daily{
  width : 470px;
  height : 160px;
  margin-left : 15px;
}
.school{
  width : 500px;
  height : 460px;
  margin-left : 15px;
}
.tokusyu{
  width : 500px;
  height : 750px;
  margin-left : 15px;
}
.toku_mansion{
  width : 500px;
  height : 310px;
  margin-left : 15px;
}



/* --------------------------------------------------list */
.list_bold{
  padding : 10px 0px 0px 30px;
  list-style-type : decimal;
  font-weight : bold;
}
.list_icon{
  list-style-image : url(../img/icon_list.gif);
  list-style-position : inside;
  padding : 5px 0px 10px 10px;
}



/* ------------------------------------------------images */

.img_toku{
  margin : 5px 0px 0px 0px;
}
.img_qr{
  margin : 10px 10px 10px 20px;
}
.img_left{
  float : left;
  margin : 0px 10px 0px 0px;
}
.img_center{
  float : left;
  margin : 0px 0px 10px 120px;
}
.img_b_button{
  float : left;
  margin : 5px 7px 0px 0px;
}
.img_margin{
  margin : 10px 0px 10px 0px;
}
.btn_school{
  display : block;
  cursor : pointer;
  background-image : url(../img/btn_school.gif);
  background-repeat : no-repeat;
  width : 219px;
  height : 19px;
  float : right;
  text-align : center;
  padding : 1px 0px 0px 0px;
}
.btn_benri{
  margin : 5px 0px 0px 30px;
}

#banner{
  width : 170px;
  position : absolute;
  left : 60px;
  top : 790px;
}
#banner A{
  display : block;
  width : 160px;
  height : 50px;
  background-image : url(../img/banner_c21.gif);
  background-repeat : no-repeeat;
  text-indent : -9999px;
}



/* ---------------------------------------------character */

.char_bold{
  margin : 10px 0px 0px 0px;
  font-weight : bold;
}
.char_nor{
  font-weight : normal;
}
.char_url{
  font-size : 11px;
}
.char_hissu{
  color : #ff0000;
}
.char_tyuu{
  text-decoration : underline;
}
.char_check{
  font-weight : normal;
}



/* ---------------------------------------------------hr */
hr.white{
  width : 1px;
  height : 1px;
  border-style : solid;
  border-color : #ffffff;
}



/* -------------------------------------------------table */

table.tables{
  width : 500px;
  border-style : solid;
  border-color : #618d00;
  border-width : 1px;
  border-collapse : collapse; 
  margin : 10px 0px 10px 0px;
  text-align : center;
  line-height : 15px;
}
.cell2_color{
  font-weight : bold;
  width : 250px;
  height : 25px;
  border-style : solid;
  border-width : 1px;
  border-color : #618d00;
  background-color : #f2ffd5;
  padding : 5px 0px 5px 0px;
}
.cell2_nor{
  height : 25px;
  border-style : solid;
  border-color : #618d00;
  border-width : 1px;
}
.cell2_list_color{
  font-weight : bold;
  width : 150px;
  border-style : solid;
  border-width : 1px;
  border-color : #618d00;
  background-color : #f2ffd5;
  padding : 5px 0px 5px 0px;
}
.cell2_list_nor{
  border-style : solid;
  border-color : #618d00;
  border-width : 1px;
  text-align : left;
  padding : 5px;
}
.cell2_map{
  border-style : solid;
  border-color : #618d00;
  border-width : 1px;
  text-align : center;
  padding : 5px;
}

.cell5_color{
  font-weight : bold;
  width : 70px;
  height : 25px;
  border-style : solid;
  border-width : 1px;
  border-color : #618d00;
  background-color : #f2ffd5;
  padding : 5px;
}
.t_color{
  font-weight : bold;
  border-style : solid;
  border-width : 1px;
  border-color : #618d00;
  background-color : #f2ffd5;
  padding : 5px;
}
.t_nor{
  border-style : solid;
  border-color : #618d00;
  border-width : 1px;
  padding : 5px;
}
.t_nor_left{
  border-style : solid;
  border-color : #618d00;
  border-width : 1px;
  padding : 5px;
  text-align : left;
}
.t_color100{
  width : 100px;
  font-weight : bold;
  border-style : solid;
  border-width : 1px;
  border-color : #618d00;
  background-color : #f2ffd5;
  padding : 5px;
}
.t_color270{
  width : 270px;
  border-style : solid;
  border-width : 1px;
  border-color : #618d00;
  background-color : #f2ffd5;
  padding : 5px;
}
.t_yaji{
  border-style : solid;
  border-color : #618d00;
  border-width : 1px;
  color : #618d00;
  font-size : 30px;
  padding : 10px;
}
.t_align_left{
  text-align : left;
}



/* --------------------------------------------------box */

.box_200{
  width : 210px;
}



/* 本部へのリンク用 */
.c21_search{
  margin : 20px 0px 0px 0px;
  width : 730px;
  text-align : center;
  line-height : 18px;
}