
/*  float 
-----------------------------------------------------------------------------*/
.fl {
  float: left;
  }

.fr {
  float: right;
  }

.bc {
  clear: both;
  }

/*  margin,padding
-----------------------------------------------------------------------------*/

.ma_t5{
  margin-top:5px;
}
.ma_b10{
  margin-bottom:10px;
}
.ma_t10{
  margin-top:10px;
}
.ma_auto{
  margin:0 auto 0;
}
.ma_b20{
  margin-bottom:20px;
}
.ma_t20{
  margin-top:20px;
}

.ma_l20{
  margin-left:20px;
}
.ma_l10{
  margin-left:10px;
}
.ma_r20{
  margin-right:20px;
}

.ma_b40{
  margin-bottom:40px;
}
.ma_t40{
  margin-top:40px;
}
.pa_t20{
  padding-top:20px;
}


/*  color
-----------------------------------------------------------------------------*/

.green{
  color:#4c9a2c;
}

.yellow{
  color:#feb20f;
}
.blue{
  color:#6790c1;
}
.bluetxt {
  color:#0e4aae;
  }
.greentxt {
  color:#0a6d03;
  }
.red {
  color:#d52508;
  }
.pink {
  color:#ee468d;
  }
.brown {
  color:#72391c;
  }
.gray {
  color:#b4b4b4;
  }

/*  text align
-----------------------------------------------------------------------------*/
.align_c {
  text-align: center;
  }

.align_r {
  text-align: right;
  }

.align_l {
  text-align: left;
  }

/*  width
-----------------------------------------------------------------------------*/

.w540{
  width:540px;
  margin:0 auto 0;
}




/*  common
-----------------------------------------------------------------------------*/
#inner_base{
  clear:both;
  display:inline-table;
  padding:18px 0 20px 0;
  width:800px;
  margin:0 auto 0;
}
#inner_base:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
  }
/* left menu*/
#inner_menu{
  width:202px;
  float:left;
}

#inner_menu address{
  font-weight:normal;
  background-color:#f1fae3;
  border:1px solid #ddd;
  font-size:13px;
  line-height:18px;
  font-style:normal;
  padding:15px;
}
#inner_menu address span{
  color:#59b433;
  font-weight:bold;
  padding-bottom:4px;
}
/*right contents*/
#inner_contents{
  width:540px;
  float:right;
  padding-bottom:40px;
}

#inner_contents h1{
  padding-bottom:26px;
}

#inner_contents h3{
  clear:both;
  border-left:solid 4px #59b433;
  padding:3px 0 3px 20px;
  margin-bottom:26px;
  font-size:16px;
  line-height:20px;
}
#inner_contents h3 span{
  font-size:12px;
}
#inner_contents h4{
  clear:both;
  margin-bottom:20px;
}
#inner_contents h5{
  clear:both;
  border-left:solid 4px #59b433;
  padding:3px 0 3px 20px;
  margin-bottom:10px;
  font-size:14px;
  line-height:18px;
}

/*anchor*/

#anchor{
  clear:both;
  padding:7px 0 40px 0;
  text-align:right;
}
#anchor img{
  margin:8px 5px 0 5px;
}

/*page up*/
.inner_pt {
  clear:both;
  padding:10px 0 40px 0;
  font-size: 10px;
  text-align: right;
  }

.inner_pt span {
  color: #50b426;
  font-size: 10px;
  }



/*  course
-----------------------------------------------------------------------------*/

#course_menu{
  padding-top:30px;
}

#course_menu .fl,
{
  width:182px;
}
#course_menu .center{
  margin:0 9px 0;
}
#course_menu dt{
  background-color:#dddddd;
  font-weight:bold;
  text-align:center;
}
#course_menu .mds{
  padding:5px 0 5px 0;
}

#course_menu dd{
  background:url(../img/icon_blue.gif) no-repeat left 3px;
  padding-left:16px;
  font-size:10px;
  line-height:14px;
  margin-top:3px;
}
#course_menu a{
  font-size:12px;
}
.cii_fl{
  float:left;
  margin:0 25px 10px 0;
}

.course_txttitle dt{
  background:url(../img/dmark_orenge.gif) no-repeat left 15px;
  padding:15px 0 5px 20px;
  font-size:14px;
  line-height:16px;
  font-weight:bold;
}
.course_txttitle .width290{
  width:290px;
  }
.course_txttitle .width320{
  width:320px;
  }

.course_txttitle dd{
  margin-left:18px;
}




/*  work
-----------------------------------------------------------------------------*/

/*mezasu syokugyou*/
.work_yaji {
  margin:10px auto 30px;
  text-align:right;
  font-size:10px;
}
.work_yaji a{
  background:url(../work/img/icon_yaji.gif) no-repeat;
  padding-left:15px;
}
.work_txttitle dl{
  margin-bottom:20px;
}
.work_txttitle dt{
  background:url(../img/dmark_blue.gif) no-repeat left 15px;
  padding:15px 0 5px 20px;
  font-size:14px;
  line-height:16px;
  font-weight:bold;
}
.work_txttitle dd{
  margin-left:18px;
}
.work_mshani{
  margin-bottom:30px;
}
.work_mshani p{
  color:#4c9a2c;
  font-size:14px;
  font-weight:bold;
  margin:20px auto 10px;
}

.work_mshani table{
  width:540px;
  font-size:10px;
  line-height:14px;
}
.work_mshani th{
  background-color:#e4efd7;
  color:#336827;
  font-weight:normal;
}
.work_mshani .th{
  background-color:#54bd38;
  color:#fff;
  font-weight:bold;
  text-align:center;
}
.work_mshani .td{
  background-color:#f8f8f8;
}

/*  service
-----------------------------------------------------------------------------*/

.service div{
  width:330px;
}





























/*  sitemap
-----------------------------------------------------------------------------*/

#sitemap {
  margin:30px auto 0;
  padding-bottom:3px;
  background:url(../sitemap/img/bd_bg.gif) repeat-x bottom;
  width:530px;
}
#sitemap #home{
  background:url(../sitemap/img/bd_bg.gif) repeat-x bottom;
}
#sitemap #home p{
  padding:0 18px 12px;
  background:url(../sitemap/img/icon01.gif) no-repeat 3px 4px;
}
#sitemap table{
  width:530px;
}
#sitemap th{
  background:#f0fedd url(../sitemap/img/icon01.gif) no-repeat 16px 24px;
  border-bottom:dotted 1px #898989;
  font-weight:normal;
  text-align:left;
  vertical-align:top;
  width:130px;
  padding:20px 16px 20px 32px;
}
#sitemap td{
  border-bottom:dotted 1px #898989;
  padding:20px 20px 10px;
}
#sitemap td p{
  padding:0 16px 10px;
  background:url(../sitemap/img/icon02.gif) no-repeat 0 6px;
}
#sitemap .nobd{
  border-bottom:0px;
}

/*  history
-----------------------------------------------------------------------------*/

#history_cnt01 .fl{
  width:355px;
}

#history_cnt02 {
  padding-top:30px;
}
#history_cnt02 table{
  width:540px;
  margin:0 auto 0;
  background:url(../img/ht_bg.gif) repeat-y;
}
#history_cnt02 th{
  width:70px;
  text-align:left;
  vertical-align:top;
  padding: 10px 0;
}
#history_cnt02 td{
  border-bottom:dotted 1px #898989;
  vertical-align: top;
  padding: 15px 0;
}
#history_cnt02 #topth {
  padding: 0 0 10px;
  }
#history_cnt02 #toptd {
  padding: 13px 0 0;
  }
#history_cnt02 #intd {
  padding: 22px 0 ;
  }
#history_cnt02 span{
  font-weight:bold;
  }
#history_cnt02 .gray{
  font-weight:bold;
  font-size:10px;
  }
#history_cnt02 .visual{
  width:531px;
  margin:0 auto;
  font-size:10px;
  line-height:14px;
  }
#history_cnt02 .bc{
  padding-top:20px;
  }
#history_cnt02 .ma_r17{
  margin-right:17px;
  }

/*  sister
-----------------------------------------------------------------------------*/

#sister{
  padding-top:30px;
}
#sister dl{
  padding-bottom:20px;
}
#sister dd{
  padding:5px 0 0 16px;
}
#sister #btn{
  padding-top:8px;
}
#sister #btn img{ 
  margin:0 10px 10px 0;
}
#sister #heisetsu{ 
  width:485px;
  margin:0 auto 0;
}
#sister #heisetsu img{ 
  margin-bottom:7px;
}
#sister #heisetsu li{ 
  padding:0 0 5px 10px;
  background:url(../sister/img/icon.gif) no-repeat 2px 5px;
}

/*  link
-----------------------------------------------------------------------------*/
#link div {
  padding-top: 30px;
  clear: both;
  }
#link dl {
  padding-top: 10px;
  }
#link dt {
  width: 190px;
  background: url(../link/img/icon.gif) no-repeat 25px;
  padding-left: 45px;
  }
#link dd {
  width: 120px;
  background: url(../link/img/icon.gif) no-repeat 25px;
  padding-left: 45px;
  line-height: 25px;
  }
#link p {
  margin-bottom: 6px;
  }
#link a {
  color: #4c4c4c;
  }


/*  privacy
-----------------------------------------------------------------------------*/
#privacy {
  padding-top: 30px;
  }
#privacy #cnt{
  background: url(../privacy/img/bg.gif) ;
  margin-top:25px;
  padding:13px;
  }
#privacy dl{
  padding:28px 18px 8px;
  background:#fff;
  }
#privacy dt{
  padding:0 0 3px 18px;
  background: url(../privacy/img/icon.gif) no-repeat 4px;
  border-bottom:dotted 1px #676767;
  font-weight:bold;
  }
#privacy dd{
  padding:5px 0 20px 20px;
  }


/*  school
-----------------------------------------------------------------------------*/
#school_link {
  width:540px;
  margin:35px auto 0;
  clear:both;
  }
#school_link .fl,
#school_linkt .fr{
  width:252px;
  }
#school_link ul{
  margin:10px 12px 27px 12px;
  }
#school_link li{
  padding:0 0 5px 16px;
  background: url(../school/img/icon1.gif) no-repeat 0 4px;
  }


/*  voice_graduate.html  */
#school_grd_cnt1 p{
  margin:0 0 15px 25px;
  }
#school_grd_cnt2 {
  padding:15px;
  margin:30px 0 0;
  background:#f0f6ec;
  border:1px solid #cadcbf;
  }
#school_grd_cnt3 div{
  background: url(../school/img/grd_bg2_top.gif) no-repeat top;
  margin:20px 0 5px;
  clear:both;
  }
#school_grd_cnt3 dl{
  background: url(../school/img/grd_bg2_bottom.gif) no-repeat bottom;
  padding:26px 28px 15px;
  }
#school_grd_cnt3 dt{
  margin-bottom:10px;
  }
#school_grd_cnt3 dd{
  margin-bottom:20px;
  }
/*  voice_student.html  */
.school_std_cnt{
  background:#f1f5f0;
  padding:13px;
  }
.school_std_cnt .align_r{
  background:#4d912f;
  color:#fff;
  padding:3px;
  margin-bottom:20px;
  }
.school_std_cnt .fr{
  width:330px;
  }
.school_std_cnt .bc{
  padding-top:15px;
  }


/*  contact
-----------------------------------------------------------------------------*/
#contact{
  margin-top:3px;
  width:565px;
  border-top:1px solid #9d9d9d;
  border-bottom:1px solid #9d9d9d;
  }
#contact th{
  padding:12px 12px 12px 30px;
  border-right:1px solid #e3e3e3;
  border-bottom:1px solid #cbcbcb;
  text-align:left;
  vertical-align:top;
  font-weight:normal;
  background:#f4ffec url(../contact/img/icon.gif) no-repeat 12px 16px;
  }
#contact td{
  padding:12px;
  border-bottom:1px solid #cbcbcb;
  }
#contact .nobd{
  border-bottom:0px;
  }


/*  faq
-----------------------------------------------------------------------------*/
#faq .fl,
#faq .fr{
  width:276px;
  }
#faq dl{
  border-right:1px solid #cfcfcf;
  border-left:1px solid #cfcfcf;
  padding:0 10px;
  }
#faq dt{
  padding:10px 0 13px 37px;
  background: url(../faq/img/q.gif) no-repeat 0 5px;
  border-bottom:1px dotted #3b3b3b;
  }
#faq dd{
  padding:15px 0 10px 37px;
  background: url(../faq/img/a.gif) no-repeat 0 8px;
  }



/*  access
-----------------------------------------------------------------------------*/
#access_map{
  background:#FFFFFF none repeat scroll 0%;
  width:764px;
  }
#access_map #in{
  width:700px;
  margin:20px auto 45px;
  }
#access_map #lw{
  width:275px;
  }
#access_map #sen {
  padding-left:20px;
  }
#access_map #sen dd{
  font-size:10px;
  padding:0 10px 2px 40px;
  }
#access_map_cnt{
  margin-top:50px;
  }
#access_map_cnt p{
  margin:15px 0 5px;
  }
#access_map_cnt #icon{
  margin-right:5px;
  }


/*  facilities
-----------------------------------------------------------------------------*/
#facilities_menu img {
  margin-bottom: 5px;
  }

#facilities_menu .mar5 {
  margin-right: 5px;
  }

/*  license
-----------------------------------------------------------------------------*/
.license_anchor {
  width: 395px;
  float: right;
  margin-top: 10px;
  }

.license_anchor dl {
  width: 197px;
  }

.license_anchor dd {
  background: url(../img/dmark_orenge.gif) no-repeat left;
  padding-left: 16px;
  margin-bottom: 5px;
  }

#license_com {
  background: url(../img/dmark_orenge.gif) no-repeat left;
  padding-left: 16px;
  margin-bottom: 5px;
  }

.license_contents {
  width: 545px;
  margin: 0 auto 20px;
  background: url(../license/img/ten.gif) repeat-x bottom left;
  }

.license_contents h6 {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 5px;
  }

.license_contents h6 span {
  color: #66c5fb;
  }

.license_sikaku {
  padding: 2px;
  border: 1px #ccc solid;
  width: 100%;
  margin-top: 10px;
  }

.license_sikaku th {
  background: #dcf3d2;
  padding: 10px;
  }

.license_sikaku td {
  padding: 10px;
  background: #f4f2f2;
  }

.license_fudo dt {
  color: #3366CC;
  margin-left: 60px;
  }

.license_fudo dd {
  margin-left: 100px;
  }

/*  topics
-----------------------------------------------------------------------------*/
.topics_date {
  background: url(../topics/img/news_icon.gif) no-repeat left;
  padding-left: 50px;
  }

.topics_comment {
  background: url(../topics/img/news_bg.gif) repeat-x bottom;
  padding: 15px 0 15px 50px;
  min-height: 28px;
  }

/*  protector
-----------------------------------------------------------------------------*/
#protector_btn {
  text-align: right;
  margin-top: 20px;
  }

#protector_btn img {
  margin-left: 5px;
  }

.protector_contents {
  width: 545px;
  margin: 0 auto 20px;
  }


/*  festival
-----------------------------------------------------------------------------*/
#festival h4{
  width:535px;
  margin:0 auto;
  }
#festival dl{
  width:490px;
  margin:20px auto 0;
  }
#festival dt{
  padding: 0 0 5px 15px;
  background: url(../festival/img/icon.gif) no-repeat 0 6px;
  font-weight:bold;
  color:#0b647b;
  font-size:10px;
  letter-spacing:1px;
  }
#festival #in{
  width:451px;
  margin:30px auto 0;
  }


/*  oc
-----------------------------------------------------------------------------*/
#oc_schedule table{
  width:270px;
  border:1px #ccc solid;
  margin:20px 0 40px;
  }
#oc_schedule th{
  border-bottom:1px #ccc dotted;
  background:#d8f4c4;
  padding:4px 8px;
  }
#oc_schedule td{
  padding:4px 15px;
  }
#oc_schedule span{
  font-size:10px;
  color:#99dd6b;
  }
#oc_pick {
  clear:both;
  margin-bottom:25px;
  }
#oc_pick:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
  }
#oc_pick .fl{
  width:288px;
  }
#oc_pick .fl img{
  margin-bottom:10px;
  }



/*  info
-----------------------------------------------------------------------------*/
#info_cnt {
  width:540px;
  margin:15px auto 30px;
  }
#info_cnt ul{
  width:275px;
  margin-top:10px;
  padding:12px 0 9px;
  border:1px solid #dbdbdb;
  background:#f4f4f4;
  }
#info_cnt li{
  margin:0 15px 3px;
  padding-left:16px;
  background:url(../info/img/icon1.gif) no-repeat 0 4px;
  }
#info_step {
  width:565px;
  }
#info_step th{
  padding-right:20px;
  }
#info_step td{
  width:332px;
  font-size:10px;
  line-height: 14px;
  vertical-align:top;
  padding-top:10px;
 }
#info_step span{
  color:#bdee29;
 }
#info3_cnt {
  padding-top:10px;
  width:275px;
  float:left;
 }



