@charset "utf-8";

/*＿＿＿base＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

p,li,dt,dd,th,td,figcaption {
  font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 150%;
  color: #333;
}

body a:link,
body a:visited {
  color: #008080;
  text-decoration: underline;
}

body a:hover,
body a:active {
  color: #008080;
  text-decoration: none;
}

a:hover img,
input:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.80;
  opacity: 0.80;
}

img {
  border: 0;
}

ul li {
  list-style: none;
}

ol li {
  list-style-position: outside;
}

.clearfix {
  overflow: hidden;
  zoom: 1;
}

body {
  background-color: #FFF;
  text-align: center;
  padding: 0;
}

.wrapper {
  background-color: #E6E7E2;
  min-width: 960px;
  padding: 15px 0 40px;
}

.container {
  margin: 0 auto;
  text-align: left;
  width: 960px;
  padding: 20px 0 0;
  overflow: hidden;
  zoom: 1;
}

.main {
  width: 630px;
  float: right;
  overflow: hidden;
  zoom: 1;
}

.white-base {
  background-color: #FFF;
  overflow: hidden;
  zoom: 1;
}

.white-inner {
  padding: 0 20px 20px 20px;
  overflow: hidden;
  zoom: 1;
}

.sub {
  width: 303px;
  float: left;
  overflow: hidden;
  zoom: 1;
}

/*＿＿＿header＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

header {
  min-width: 960px;
  height: 174px;
  background: url(../images/base/header_bg.jpg) repeat-x 0 0;
  overflow: hidden;
  zoom: 1;
  padding: 0;
  margin: 0;
}

header h1.logo,
header p.logo a {
  float: left;
  display: block;
  width: 280px;
  height: 54px;
  padding: 0;
  margin: 0;
  text-indent: -9999px;
  background: url(../images/base/logo.gif) no-repeat 0 0;
}

header .header01 {
  overflow: hidden;
  zoom: 1;
  text-align: left;
  width: 960px;
  height: 26px;
  padding: 8px 0 0 0;
  margin: 0 auto;
}

header .header01 p {
  float: left;
  background: url(../images/base/icon_home.gif) no-repeat 0 50%;
  padding: 0 0 0 15px;
  font-size: 12px;
  width: 200px;
}

header .header01 ul {
  overflow: hidden;
  zoom: 1;
  float: right;
  width: 400px;
}

header .header01 ul li {
  float: right;
  background: url(../images/base/icon01.gif) no-repeat 0 50%;
  padding: 0 0 0 15px;
  margin: 0 0 0 20px;
  font-size: 12px;
}

header p a,
header ul li a {
  color: #333!important;
}

header .header02 {
  overflow: hidden;
  zoom: 1;
  text-align: left;
  width: 960px;
  height: 68px;
  padding: 15px 0 0 0;
  margin: 0 auto;
}

header .header02 .header02-right {
  overflow: hidden;
  zoom: 1;
  width: 500px;
  float: right;
}

header .header02 .header02-right p {
  overflow: hidden;
  zoom: 1;
  margin: 0 0 5px;
}

header .header02 .header02-right p span {
  float: right;
  display: inline-block;
  text-align: right;
  background: url(../images/base/icon01.gif) no-repeat 0 50%;
  padding: 0 0 0 15px;
  font-size: 12px;
}

.font-select {
  float: right;
  width: 150px;
  margin: 0 0 0 15px;
  background: url(../images/base/f_size.gif) no-repeat 0 3px;
  overflow: hidden;
  zoom: 1;
}

#fontSize {
  overflow :hidden;
  zoom: 1;
  padding: 3px 0 0 0;
  float: right;
}

#fontSize li {
  display: inline;
  float: left;
  margin: 0;
  line-height: 0;
}

.box-search {
  float: right;
  width: 218px;
  padding: 0;
}

.box-search .search-area {
  width: 170px;
  height: 16px;
  padding: 2px;
  margin: 0;
  float: left;
}

.box-search .search {
  float: right;
  width: 36px;
  border: 0 none;
  padding: 0;
  margin: 0;
}

/*＿＿＿nav＿＿＿*/

header nav {
  width: 960px;
  margin: 0 auto;
}

header nav ul {
  overflow :hidden;
  zoom: 1;
}

header nav ul li {
  display: inline;
}

header nav ul li a {
  float: left;
  display: block;
  overflow: hidden;
  height: 0!important;
  height/**/: 0px;
  padding: 54px 0 0 0;
  margin: 0;
  background-image:url("../images/base/g_nav.jpg");
  background-repeat:no-repeat;
 }

header nav ul li.home a { background-position: 0 0; width: 100px; }
header nav ul li.about a { background-position: -100px 0; width: 116px; }
header nav ul li.research a { background-position: -216px 0; width: 77px; }
header nav ul li.education-training a { background-position: -293px 0; width: 182px; }
header nav ul li.classroom a { background-position: -475px 0; width: 108px; }
header nav ul li.news a { background-position: -583px 0; width: 105px; }
header nav ul li.graduate a { background-position: -688px 0; width: 138px; }
header nav ul li.inquiry a { background-position: -826px 0; width: 134px; }

header nav ul li.home a:hover,.home header nav ul li.home a { background-position: 0 -54px; }
header nav ul li.about a:hover,.about header nav ul li.about a { background-position: -100px -54px; }
header nav ul li.research a:hover,.research header nav ul li.research a { background-position: -216px -54px; }
header nav ul li.education-training a:hover,.education-training header nav ul li.education-training a { background-position: -293px -54px; }
header nav ul li.classroom a:hover,.classroom header nav ul li.classroom a { background-position: -475px -54px; }
header nav ul li.news a:hover,.news header nav ul li.news a { background-position: -583px -54px; }
header nav ul li.graduate a:hover,.graduate header nav ul li.graduate a { background-position: -688px -54px; }
header nav ul li.inquiry a:hover,.inquiry header nav ul li.inquiry a { background-position: -826px -54px; }

/*＿＿＿footer＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

footer {
  padding: 0 0 50px;
  text-align: center;
  min-width: 960px;
  background: url(../images/base/footer_bg.jpg) repeat-x 0 0;
}

footer .footer-inner {
  width: 960px;
  margin: 0 auto;
}

footer p.pagetop {
  overflow: hidden;
  zoom: 1;
  text-indent: -9999px;
}

footer p.pagetop a {
  display: block;
  float: right;
  background: url(../images/base/pagetop.jpg) no-repeat 0 0;
  margin: 0 0 0 auto;
  height: 24px;
  width: 153px;
}

footer nav ul {
  overflow: hidden;
  padding: 10px 0 30px 0;
}

footer nav ul li {
  display: inline;
  margin: 0 6px;
  font-size: 12px;
}

footer nav ul li a {
  color: #FFF!important;
}

footer ul.footer-nav {
  overflow: hidden;
  padding: 0 0 20px 0;
}

footer ul.footer-nav li {
  display: inline;
  margin: 0 18px;
  font-size: 11px;
}

.adless {
  font-size: 11px;
}

/*＿＿＿sub＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

.s-nav {
  background: url(../images/base/side_bg01.gif) repeat-y 0 0;
}

.s-nav aside {
  display: none;
}

.s-nav .s-nav-inner {
  background: url(../images/base/side_bg01_foot.gif) no-repeat 0 100%;
  padding: 0 0 13px;
}

.s-nav nav {
  background: url(../images/base/side_bg01_head.jpg) no-repeat 0 0;
  padding: 39px 12px 0 10px;
}

.s-nav nav p.s-nav-inq {
  background: url(../images/base/side_bg02.gif) no-repeat 0 100%;
  padding: 15px;
}

.s-nav nav p.s-nav-inq b {
  display: block;
  margin: 0 0 5px;
  font-size: 116%;
}

.s-nav nav p.s-nav-inq span {
  font-size: 88%;
  line-height: 1.2;
  display: inline;
}

.s-nav01 {
  background: url(../images/base/side_bg02.gif) no-repeat 0 100%;
  padding: 15px 15px 8px;
  margin: 0 0 8px;
}

.s-nav01 dl {
  margin: 0 0 20px;
}

.s-nav01 dl.st-rss {
  margin: 0;
}

.s-nav01 dt {
  text-indent: -9999px;
  border-bottom: 1px solid #CCC;
  height: 22px;
  background-position: 0 0;
  background-repeat: no-repeat;
}

.s-nav01 dl.st-rss dd {
  padding: 10px 0;
}

.s-nav01 dd ul li {
  border-bottom: 1px dotted #CCC;
}

.s-nav01 dd ul li a {
  display: block;
  zoom: 1;
  background: url(../images/base/icon03.gif) no-repeat 0 12px;
  padding: 6px 0 6px 10px;
}

.s-nav01 dl.st-entry dt { background-image: url(../images/base/s_nav_title01.gif);}
.s-nav01 dl.st-cate dt { background-image: url(../images/base/s_nav_title02.gif);}
.s-nav01 dl.st-rss dt { background-image: url(../images/base/s_nav_title03.gif);}

.s-nav02 {
  background: url(../images/base/side_bg02.gif) no-repeat 0 100%;
  padding: 1px 0 2px;
}

.s-nav02 dl {
  background-color:#F5F5F5;
  margin: 0 2px 1px 1px;
}

.s-nav02 dl dt {
  font-size: 116%;
}

.s-nav02 dl dt a,
.s-nav02 dl dt span {
  display: block;
  zoom: 1;
  font-weight: bold;
  background: url(../images/base/side_icon01.gif) no-repeat 10px 50%;
  padding: 8px 15px 8px 25px;
}

.s-nav02 dl dt a:hover,
.s-nav02 dl dt a.active,
.sn01 .s-nav02 dl dt a.sn01,
.sn03 .s-nav02 dl dt a.sn03 {
  background: #00B5C8 url(../images/base/side_icon01_on.gif) no-repeat 10px 50%!important;
  color: #FFF!important;
}

.s-nav02 dl dd ul li {
  padding: 1px 0 0 0;
  zoom: 1;
}

.s-nav02 dl dd ul li a {
  display: block;
  zoom: 1;
  background: url(../images/base/side_icon02.gif) no-repeat 30px 11px;
  padding: 7px 15px 7px 40px;
}

.s-nav02 dl dd ul li a:hover,
.s-nav02 dl dd ul li a.active,
.sn02-01 .s-nav02 dl dd ul li a.sn02-01,
.sn02-02 .s-nav02 dl dd ul li a.sn02-02,
.sn02-03 .s-nav02 dl dd ul li a.sn02-03,
.sn02-04 .s-nav02 dl dd ul li a.sn02-04,
.sn02-05 .s-nav02 dl dd ul li a.sn02-05,
.sn03-01 .s-nav02 dl dd ul li a.sn03-01,
.sn03-02 .s-nav02 dl dd ul li a.sn03-02,
.sn03-03 .s-nav02 dl dd ul li a.sn03-03,
.sn04-01 .s-nav02 dl dd ul li a.sn04-01,
.sn04-02 .s-nav02 dl dd ul li a.sn04-02,
.sn04-03 .s-nav02 dl dd ul li a.sn04-03 {
  background: #00B5C8 url(../images/base/side_icon02_on.gif) no-repeat 30px 11px;
  color: #FFF!important;
}



/*＿＿＿pan＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

ol.pan {
  overflow: hidden;
  zoom: 1;
  width: 960px;
  margin: 0 auto;
}

ol.pan li {
  font-size: 76%;
  list-style: none;
  float: left;
  background: url(../images/base/icon_pan.gif) no-repeat 0 50%;
  padding: 0 0 0 10px;
  margin: 0 10px 0 0;
}

ol.pan li.begin {
  background: none;
  padding: 0;
}

/*＿＿＿list＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

ul.disc li {
  list-style: disc;
  margin: 0 0 0 20px;
}


/*＿＿＿table＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

table {
  border-collapse: collapse;
}

.table01 {
  border: 1px solid #00A5BB;
  width: 100%;
}

.table01 th {
  background-color: #CCEDF1;
  vertical-align: top;
  text-align: left;
  padding: 10px 15px;
  border: 1px solid #00A5BB;
}

.table01 td {
  vertical-align: top;
  text-align: left;
  padding: 10px 15px;
  border: 1px solid #00A5BB;
}



/*＿＿＿head-line＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

h1 {
  color: #FFF;
  background: url(../images/base/h1_bg.jpg) no-repeat 0 0;
  font-size: 20px;
  padding: 18px 20px 35px;
}

h2 {
  border-left: 10px solid #00A5BA;
  background-color: #FAF9F6;
  padding: 10px 10px;
  font-size: 134%;
  margin: 0 0 20px;
}

h3 {
}



/*＿＿＿box＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

.box01 {
  overflow: hidden;
  zoom: 1;
  margin: 0 0 10px 0;
}

.box02 {
  overflow: hidden;
  zoom: 1;
  margin: 0 0 20px 0;
}

.box03 {
  overflow: hidden;
  zoom: 1;
  margin: 0 0 30px 0;
}

.box04 {
  overflow: hidden;
  zoom: 1;
  margin: 0 0 40px 0;
}

.box05 {
  overflow: hidden;
  zoom: 1;
  margin: 0 0 50px 0;
}

.box06 {
  overflow: hidden;
  zoom: 1;
  margin: 0 0 60px 0;
}

/*＿＿＿font color,bg color＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

.red {
  color: #FF0000;
}

/*＿＿＿form＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

input,
select,
textarea {
  vertical-align: middle;
  border: 1px solid;
  border-color: #999;
}

input,
textarea {
  padding: 2px;
}

input[type="text"]:focus,
textarea:focus {
  background: #F9F9F9;
}

input.radio,input.checkbox {
  border: 0 none;
  padding: 0;
}

.table01 td input {
  height: 20px;
}

.table01 td select {
  height: 20px;
}

.form-btn {
  text-align: center;
  padding: 20px 0 0;
}

.form-btn input {
  border: 0 none;
  padding: 0;
  margin: 0;
  background: none;
}

/*＿＿＿size,icon,other＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

.blk {
  display: block;
}

.vm {
  vertical-align: middle!important;
}

.normal {
  font-weight: normal!important;
}

.none {
  display: none!important;
}

.noborder {
  border:0 none!important;
}

.left {
  text-align: left!important;
}

.right {
  text-align: right!important;
}

.center {
  text-align: center!important;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.ph-left {
  float: left;
  margin: 0 25px 10px 0;
}

.ph-right {
  float: right;
  margin: 0 0 10px 25px;
}

.pad0 {
  padding: 0!important;
}

.mar0 {
  margin: 0!important;
}

.large {
  font-size: 134%;
}

.mb5 {margin-bottom: 5px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb15 {margin-bottom: 15px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb25 {margin-bottom: 25px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb35 {margin-bottom: 35px!important;}
.mb40 {margin-bottom: 40px!important;}
.mb45 {margin-bottom: 45px!important;}
.mb50 {margin-bottom: 50px!important;}
.mb60 {margin-bottom: 60px!important;}
.mb70 {margin-bottom: 70px!important;}
.mb80 {margin-bottom: 80px!important;}
.mb90 {margin-bottom: 90px!important;}
.mb100 {margin-bottom: 100px!important;}

.mt5 {margin-top: 5px!important;}
.mt10 {margin-top: 10px!important;}
.mt15 {margin-top: 15px!important;}
.mt20 {margin-top: 20px!important;}
.mt25 {margin-top: 25px!important;}
.mt30 {margin-top: 30px!important;}
.mt40 {margin-top: 40px!important;}
.mt50 {margin-top: 50px!important;}
.mt60 {margin-top: 60px!important;}
.mt70 {margin-top: 70px!important;}
.mt80 {margin-top: 80px!important;}
.mt90 {margin-top: 90px!important;}
.mt100 {margin-top: 100px!important;}
.mt180 {margin-top: 180px!important;}

.w3 {width: 3%;}
.w5 {width: 5%;}
.w8 {width: 8%;}
.w10 {width: 10%;}
.w12 {width: 12%;}
.w14 {width: 14%;}
.w15 {width: 15%;}
.w17 {width: 17%;}
.w18 {width: 18%;}
.w19 {width: 19%;}
.w20 {width: 20%;}
.w22 {width: 22%;}
.w24 {width: 24%;}
.w25 {width: 25%;}
.w28 {width: 28%;}
.w30 {width: 30%;}
.w33 {width: 33%;}
.w35 {width: 35%;}
.w40 {width: 40%;}
.w45 {width: 45%;}
.w50 {width: 50%;}
.w60 {width: 60%;}
.w70 {width: 70%;}
.w80 {width: 80%;}
.w90 {width: 90%;}

.wp50 {width: 50px;}
.wp60 {width: 60px;}
.wp70 {width: 70px;}
.wp80 {width: 80px;}
.wp90 {width: 90px;}
.wp100 {width: 100px;}
.wp150 {width: 150px;}
.wp161 {width: 161px;}
.wp200 {width: 200px;}
.wp250 {width: 250px;}
.wp300 {width: 300px;}
.wp322 {width: 322px;}
.wp350 {width: 350px;}
.wp400 {width: 400px;}
.wp450 {width: 450px;}
.wp500 {width: 500px;}
.wp600 {width: 600px;}
.wp700 {width: 700px;}
.wp800 {width: 800px;}

.wp350hp150 {
  width: 350px;
  height: 150px;
}

/*＿＿＿page styles＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

/*＿＿＿＿＿＿＿home＿＿＿＿＿＿＿*/

.home-title01 {
  background: url(../images/home/title01.jpg) no-repeat 0 0;
  width: 630px;
  height: 34px;
  text-indent: -9999px;
  display: block;
  margin: 0 0 20px;
}

.home .box04 dl dd a {
  display: block;
  background: url(../images/base/icon02.gif) no-repeat 0 50%;
  padding: 0 0 0 15px;
  margin: 0 0 10px;
  font-size: 116%;
  font-weight: bold;
}

.home-thumb01 {
  width: 298px;
  float: left;
  display: inline;
  margin: 0 20px 0 0;
}

.home-thumb02 {
  width: 146px;
  float: left;
  display: inline;
}

.home-thumb03 {
  width: 146px;
  float: right;
  display: inline;
}

.home-news dt {
  overflow: hidden;
  zoom: 1;
  background: url(../images/home/title02.jpg) no-repeat 0 0;
  width: 630px;
  height: 30px;
  padding: 3px 0 0 0;
}

.home-news dt strong {
  display: none;
}

.home-news dt img {
  float: right;
}

.home-news .see img {
  margin-right: 6px;
}

.home-news dd ul li,
.news-list li {
  border-bottom: 1px dotted #999;
  padding: 5px 0;
}

.home-news dd ul li span,
.news-list li span {
  font-weight: bold;
  font-size: 76%;
  display: block;
}


/*＿＿＿＿＿＿＿news＿＿＿＿＿＿＿*/

.page-nav {
  text-align: center;
  border: 1px solid #CCC;
  padding: 6px;
}

.news h2 {
  margin: 0 0 10px;
}

.date {
  margin: 0 0 15px;
  font-weight: bold;
  font-size: 76%;
}

.entry-ph {
  float: right;
  width: 250px;
  margin: 0 0 10px 20px;
  font-size: 76%;
}

.entry-ph img {
  margin: 0 0 3px;
}