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

* {
  margin: 0;
  padding: 0;
}

html {
  height:100%;
  font-family:meiryo,メイリオ,"Hiragino Kaku Gothic Pro","MS UI Gothic",Arial,Osaka,Sans-serif;
  overflow:scroll;
  font-size:14px;
}

body{
  background:url(../images_v2/common/body_bg.png) no-repeat center top #fff;
  -webkit-background-size: cover;
  background-size: cover;
  border-top:5px solid #afdfea;
  background-attachment: fixed;
}

h1,h2,h3,h4,h5,h6,form,p,ul,ol,li,table,tr,th,td,dl,dd,dt{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 {font-weight:bold;}

img{border:none; vertical-align:top;}

li{list-style:none;}

* html h1,
* html h2,
* html h3,
* html h4,
* html h5,
* html table{font-size:100%;}
address{font-style:normal;}

table {padding:0;}
th,td {border-collapse:collapse; padding:0; margin:0;}


/* common module
------------------------------------------------------ */

.clear{
  height:0px;
  clear:both;
}
* html .clear{
  overflow:hidden;
}

.alt {
  position:absolute;
  top:-5000px;
  left:-999px;
}
.floatleft{float:left;}
.floatright{float:right;}
.clearleft{clear:left;}
.clearright{clear:right;}
.clearboth{clear:both;}

.align_right{text-align:right!important;}
.align_center{text-align:center!important;}
.align_left{text-align:left!important;}


.mT0{margin-top:0px!important;}
.mT5{margin-top:5px!important;}
.mT10{margin-top:10px!important;}
.mT15{margin-top:15px!important;}
.mT20{margin-top:20px!important;}
.mT30{margin-top:30px!important;}

.mL0{margin-left:0px!important;}
.mL5{margin-left:5px!important;}
.mL10{margin-left:10px!important;}
.mL15{margin-left:15px!important;}
.mL20{margin-left:20px!important;}
.mL30{margin-left:30px!important;}

.mR0{margin-right:0px!important;}
.mR5{margin-right:5px!important;}
.mR10{margin-right:10px!important;}
.mR15{margin-right:15px!important;}
.mR20{margin-right:20px!important;}
.mR30{margin-right:30px!important;}

.mB0{margin-bottom:0px!important;}
.mB5{margin-bottom:5px!important;}
.mB10{margin-bottom:10px!important;}
.mB15{margin-bottom:15px!important;}
.mB20{margin-bottom:20px!important;}
.mB30{margin-bottom:30px!important;}

.pT40{padding-top:40px !important;}
.pB20{padding-bottom:20px !important;}

/* FONT -------------------------- */

.size10{font-size:10px!important;}
.size12{font-size:12px!important;}
.size14{font-size:12px!important;}
.size16{font-size:16px!important;}

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

.brack{color:#000000!important;}
.red{color:#FF0000!important;}

/* LINK -------------------------- */

a{color:#18a2c2; cursor:pointer;}
a:hover{text-decoration: none;}

/* -------------------------- */

p{text-align:left;}

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

.vb{
  vertical-align:bottom;
}

.bNone{
  border:none !important;
}

.AdNone{
  display:none;
}

.hidden{
  overflow:hidden;
}

.clearfix {width:100%;}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
 }

.ov:hover{
  opacity: .8;
}

/* -------------------------- */

#wrapper{
  width:954px;
  height:auto;
  margin:0 auto;
}

header{
  position:relative;
  margin:0 0 10px;
  padding: 30px 0 20px;
}

header h1, header .h1{
  height: 60px;
}

header .btnCon{
  width:133px;
  height:44px;
  position:absolute;
  right:2px;
  top:0;
}

header p{
  background:url(../images_v2/common/lang_ico.png) no-repeat left 3px;
  padding:0 0 0 15px;
  font-size:14px;
  width:80px;
  position:absolute;
  top:95px;
  right:0;
  text-align:right;
}

header p.langEn{
  width:70px;
}

header p a{
  text-decoration:none;
  color: #4f6180;
  font-weight: bold;
}

header p a:hover{
  opacity:0.8;
}

nav{
  margin:0 0 15px;
  -webkit-box-shadow: 0px 2px 3px 0px #9ed6e5;
  -moz-box-shadow: 0px 2px 3px 0px #9ed6e5;
  box-shadow: 0px 2px 3px 0px #9ed6e5;
  border-radius: 6px;
}

nav > ul{
  display: flex;
  justify-content: flex-start;
}

nav > ul > li{
  flex-basis: 164px;
  width: 164px;
  height: 52px;
  background: linear-gradient(to bottom, #fff 0%, #c8eaec 50%, #dff7f9 50%, #e4f8f9 100%);
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  position: relative;
}

nav > ul > li:first-child{
  border-radius: 5px 0 0 5px;
  overflow: hidden;
}

nav > ul > li:first-child a{
  border-left: none;
}

nav > ul > li:last-child{
  border-radius: 0 5px 5px 0;
  overflow: hidden;
}

nav > ul > li:last-child a{
  border-right: none;
}

nav > ul > li > a{
  height: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  color: #222222;
  text-decoration: none;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #9ed6e5;
  overflow: hidden;
  font-weight: bold;
}

nav > ul > li:hover, nav > ul > li.on{
  /*background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c8eaec), color-stop(0.50, #dff7f9), color-stop(0.50, #e4f8f9), color-stop(0.00, #fff));
  background: -webkit-linear-gradient(top,#fff 0%, #c8eaec 50%, #dff7f9 50%, #e4f8f9 100%);
  background: -moz-linear-gradient(top,#fff 0%, #c8eaec 50%, #dff7f9 50%, #e4f8f9 100%);
  background: -o-linear-gradient(top,#fff 0%, #c8eaec 50%, #dff7f9 50%, #e4f8f9 100%);
  background: -ms-linear-gradient(top,#fff 0%, #c8eaec 50%, #dff7f9 50%, #e4f8f9 100%);*/
  background: linear-gradient(to bottom,#fff 0%, #97cdd0 50%, #c3e8ea 50%, #97cdd0 100%);
}

nav li > ul {
  opacity: .8;
  position: absolute;
  width: 159px;
  top: 100%;
  left: 0;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: .5s;
  border-top: 1px solid #9ed6e5;
}

nav li:hover > ul{
  visibility: visible;
  opacity: 1;
}

nav li > ul > li{
  background: #e1eaec;
  border-bottom: 1px solid #9ed6e5;
}
nav li > ul > li:last-child{
  border-bottom: none;
}
nav li > ul > li a{
  display: block;
  position: relative;
  padding: 10px 15px;
  color: #000;
  font-size: 13px;
  text-decoration: none;
  font-weight: normal;
}
nav li > ul > li a:hover{
  text-decoration: underline;
}
nav li > ul > li a:after{
  content: "";
  width: 6px;
  height: 6px;
  border-right: 1px solid #4f6180;
  border-bottom: 1px solid #4f6180;
  transform: rotate(-45deg);
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 10px;
}
nav li > ul > li.on{
  color: #4f6180;
  font-weight: bold;
}

#pankuz{
  margin: 5px 0 10px;
}

#pankuz .breadcrumb{
  font-size:12px;
  letter-spacing: -0.4em;
}

#pankuz .breadcrumb div{
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
}

#pankuz .breadcrumb div:before{
  content: ">";
  padding: 0 8px;
}

#pankuz .breadcrumb div:first-child:before{
  content: "";
  padding: 0;
}

#footer{
  padding:30px 0;
  clear:both;
  text-align: center;
}

#footer small{
  padding: 15px;
  font-size: 10px;
  color: #56412d;
  display: block;
  background: #fefefc;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(82,66,52,0.3);
  -moz-box-shadow: 0px 0px 3px 0px rgba(82,66,52,0.3);
  box-shadow: 0px 0px 3px 0px rgba(82,66,52,0.3);
 }

#imgArea{
  width:950px;
  height:295px;
  margin:0 auto;
  position:relative;
  display:block;
}

#imgArea .inImg{
  width:327px;
  position:absolute;
  bottom:0;
  left:10px;
  z-index:10;
}

#mainImg{
  margin: 0 auto;
  width: 950px;
  height: 298px;
  text-align: left;
  overflow: hidden;
  position: relative;
  z-index:1;
}

#home #contents{
  position: relative;
  overflow: visible;
}

#home #contents #left{
  position: absolute;
  width:327px;
  top: -47px;
  left: 15px;
  z-index: 999;
}

#home #contents #left .gaiyou{
  background: #fff;
  border-radius: 15px 10px;
  margin-bottom: 15px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(82,66,52,0.3);
  -moz-box-shadow: 0px 0px 3px 0px rgba(82,66,52,0.3);
  box-shadow: 0px 0px 3px 0px rgba(82,66,52,0.3);
}

#home #contents #left p{
  border-top: 1px solid #e3e1e0;
  line-height:2;
  padding: 20px 25px;
}

#home #contents #left .homeBnr{
  text-align: center;
}


#home #contents #right{
  width:580px;
  float:right;
  margin-top: 20px;
  border-radius: 15px 10px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(82,66,52,0.3);
  -moz-box-shadow: 0px 0px 3px 0px rgba(82,66,52,0.3);
  box-shadow: 0px 0px 3px 0px rgba(82,66,52,0.3);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e1eaec), color-stop(0.30, #fff));
  background: -webkit-linear-gradient(top, #fff 30%, #e1eaec 100%);
  background: -moz-linear-gradient(top, #fff 30%, #e1eaec 100%);
  background: -o-linear-gradient(top, #fff 30%, #e1eaec 100%);
  background: -ms-linear-gradient(top, #fff 30%, #e1eaec 100%);
  background: linear-gradient(to bottom, #fff 30%, #e1eaec 100%);
  min-height: 322px;
  position: relative;
}


#home #contents #right h2{
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-size: 16px;
  background: url(../images_v2/home/h2_bg.png) no-repeat left  bottom;
  padding: 10px 15px 15px;
}

#home #contents #right h2 span{
  background: url(../images_v2/home/news_ico.png) no-repeat left 5px;
  padding: 5px 5px 5px 30px;
}

#home #contents #right .newsBtn{
  position:absolute;
  top:5px;
  right:30px;
}

#home #contents #right ul{
  padding: 0 20px;
}

#home #contents #right li{
  padding: 10px 10px 10px 25px;
  border-bottom: 1px dotted #cccec6;
  overflow: hidden;
}

#home #contents #right li span{
  font-size: 12px;
  padding-right: 20px;
}

#home #contents #right li a{
  display: block;
  float: right;
  width: 415px;
}

article{
  width:100%;
  height:auto;
  background: #fefefb;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(82,66,52,0.3);
  -moz-box-shadow: 0px 0px 3px 0px rgba(82,66,52,0.3);
  box-shadow: 0px 0px 3px 0px rgba(82,66,52,0.3);
  overflow: hidden;
}

article h1{
  background: url(../images_v2/home/pagetitle.png) no-repeat center top;
  -webkit-background-size: cover;
  background-size: cover;
  height: 104px;
  line-height: 104px;
  padding-left: 50px;
}

article .entry{
  padding: 40px 50px;
}

article .entry p{
  margin-bottom: 20px;
  line-height: 1.8;
}

article .entry *:last-child{
  margin-bottom: 0 !important;
}
article .h2{
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 15px;
}

article .commonH2{
  background: #fbf2e1 url(../images_v2/home/midashi_bg.gif) no-repeat;
  padding: 5px 0 5px 15px;
  font-size:16px;
  border:1px solid #e1d5bf;
  margin-bottom: 20px;
}

article dl{
  border-bottom: 1px dotted #999;
  margin: 0 0 15px;
  padding: 0 10px 10px;
}

article dt{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}

article dd{
  margin-bottom: 10px;
}

article td img {
  width: 180px;
  border: 1px dotted #CCC;
}


.rightCol{
  width:212px;
  float:right;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(82,66,52,0.3);
  -moz-box-shadow: 0px 0px 3px 0px rgba(82,66,52,0.3);
  box-shadow: 0px 0px 3px 0px rgba(82,66,52,0.3);
  background: #fefefb;
  overflow: hidden;
}

.rightCol ul li a{
  display: block;
  padding: 15px 15px 15px 30px;
  position: relative;
  text-decoration: none;
}

.rightCol ul li a:hover{
  text-decoration: underline;
}

.rightCol ul li a:after{
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border-right: 1px solid #4f6180;
  border-bottom: 1px solid #4f6180;
  transform: rotate(-45deg);
}

.rightCol ul li{
  border-bottom: 1px dotted #ccc;
}

.rightCol ul li:last-child{
  border-bottom: none;
}

#second .newsList li{
  padding: 15px 10px;
  border-bottom: 1px dotted #ccc;
}

#second .newsList li span{
  padding-right: 20px;
}


.ico_pdf{
  background: url(../images_v2/common/ico_pdf.gif) no-repeat left top;
  -webkit-background-size: contain;
  background-size: contain;
  padding-left: 35px;
}

.readLast{
    width: 605px;
    height: auto;
    margin: 0 auto;
    padding: 5px 0 0 15px;
}


/* english---------------------------------*/

.english nav > ul > li > a{
  font-size: 15px;
}