@charset "UTF-8";



/*allreset*/
body,div,form,hr,img,br,a,h1,h2,h3,h4,h5,h6,span,p,dl,dt,dd,ul,li,ol,table,td,th,tr,tbody,caption,b,em,strong,i,font,big,small,embed,object,map,frame,frameset,iframe,select,option,address,button   { color: #000; text-indent: 0px; list-style-type: none; margin: 0px; padding: 0px; border: none 0px;background-color: transparent;font-size: 100%;font-family:'Apple TP','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',verdana,sans-serif;text-decoration: none;font-weight: normal;font-style: normal;font-variant: normal;line-height: 100%;box-sizing: border-box;}
html {min-width:960px;border-bottom: 5px solid #2a638e;}
img {display: block}
*{ outline: none;}
body {min-width:960px;}

.mincho {font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;}


.imgright {float: right;margin-bottom: 20px;margin-left: 20px;}
.imgleft {float: left;margin-right: 10px;margin-bottom: 10px;}
.imgcenter {margin-right: auto;margin-left: auto;}
.imgright40 {float: right;margin-left:40px;}
.imgleft40 {float: left;margin-right: 40px;}


.txtright {text-align: right;}
.txtleft {text-align: left;}
.txtcenter {text-align: center;}


/*hover*/
a.hover {
opacity:1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-moz-opacity:1;
-khtml-opacity: 1;
transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;display: block;}
a.hover:hover  {
opacity:0.50;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
-moz-opacity:0.50;
-khtml-opacity: 0.50;
transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;display: block;}

/*hover2*/
a.hover2,a.hover2 img,button.hover2 {
opacity:1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-moz-opacity:1;
-khtml-opacity: 1;
transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;display: block;}
a.hover2:hover ,a.hover2 img:hover,button.hover2:hover {
opacity:0.50;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
-moz-opacity:0.50;
-khtml-opacity: 0.50;
transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;display: block;cursor:pointer;}

/*hover3*/
a.hover3 {
opacity:1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-moz-opacity:1;
-khtml-opacity: 1;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;display: block;background-color: #fff;}
a.hover3:hover  {
opacity:1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-moz-opacity:1;
-khtml-opacity: 1;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;display: block;background-color: #e2f2f7;color: #333!important;}

a.bhov,a.bhov:hover  {
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;}

.nopc {display: none!important;}

/*structure*/
div.div960 {width: 960px;margin-right: auto;margin-left: auto;}



/*contents*/



/*header*/
header.header {}
div.header {}

h1.h1head {text-align: right;width: 100%;background-color: #2a638e;padding: 5px;}
h1.h1head  a {text-align: right;color: #fff;font-size: 10px;}

div.headclm {display:flex; justify-content: space-between;padding-top: 25px;padding-bottom: 25px;}

h1 a.h1rogo {display: block;width: 300px;height: 60px;text-indent: -9999px;background: url(../img/rogo_yamaguchi.svg) no-repeat 0 0;}
/*a.h1rogo img {width: 300px;height: auto;}*/

div.datebtn {width: 320px;}
p.headate {color: #333;font-size: 20px;text-align: center;margin-bottom: 5px;}
p.headate b {color: #333;font-size: 30px;}

ul.heabtn {
display:flex; 
justify-content: space-around;
	}
ul.heabtn li {width: 150px;}
/*ul.heabtn li a {background-color: #fff;display: block;border: 2px solid #2a638e;width: 100%;text-align: center;padding-top: 5px;padding-bottom: 5px;border-radius:50px;color: #333;font-size: 16px;font-weight: bold;}*/
/*ul.heabtn li a:hover {background-color: #e2f2f7;}*/

/*div.wether {
display:flex; 
justify-content: space-between;}

dl.wether {margin-left: 15px;}
dl.wether dt {color: #333;font-size: 14px;text-align: center;margin-bottom: 5px;}
dl.wether dd.wicon {color: #333;text-align: center;margin-bottom: 5px;}
dl.wether dd.wicon img {margin-right: auto;margin-left: auto;width: 25px;height: 25px;}
dl.wether dd {color: #333;font-size: 16px;text-align: center;}
dl.wether dd i {font-size: 16px;color: #c00;}
dl.wether dd b {font-size: 16px;color: #00c;}*/

div.wether {width: 260px;height: 70px;}
div.wether img {width: 100%;}


/*headtabmenu*/
section.headtabmenu {width: 100%;border-bottom: 3px solid #2a638e;border-top: 3px solid #2a638e;margin-bottom: 10px;}
div.headtabmenu {}

ul.headtab {
display:flex; 
justify-content: space-around;}
ul.headtab li {width: 100%;}
ul.headtab li a {background-color: #fff;
background: linear-gradient(to right, #fff, #efefef);width: 100%;padding-top: 10px;display: block;text-align: center;padding-bottom: 10px;color: #333;font-size: 14px;}
ul.headtab li a:hover {background-color: #ddd;background-image: none;}
ul.headtab li.tabnow a {
	background:none;
	background-color: #2a638e;color: #fff;}
ul.headtab li.tabnow a:hover {cursor:default;}





section.headsublist {margin-bottom: 50px;}
div.headsublist {}
div.headsub {width: 960px;margin-right: auto;margin-left: auto;}

ul.headsub {
display:flex; 
justify-content: flex-start;}
ul.headsub li {border-left: 1px solid #ccc;}
ul.headsub li:last-child  {border-right: 1px solid #ccc;}

ul.headsub li a {display: block;padding-right: 10px;padding-left: 10px;color: #333;font-size: 14px;}
ul.headsub li a:hover {text-decoration: underline;}

ul.headsub li.subnow a {font-weight: bold;}
ul.headsub li.subnow a:hover  {text-decoration: none;cursor:default;}



/*headad*/
section.headad {margin-bottom: 50px;}
div.headad {width: 960px;margin-right: auto;margin-left: auto;}
div.headad img {width: 729px;height: auto;margin-right: auto;margin-left: auto;}


/*clmall*/
section.clmall {margin-bottom: 50px;}
div.clmall {margin-right: auto;margin-left: auto;
  display: flex;
  justify-content: space-between;width: 960px;}
div.clmain {width: 600px;}
div.clmside {width: 300px;}


/*topnews*/
/*div.topnews { display: flex;
  justify-content: space-between;width: 580px;margin-bottom: 50px;margin-right: 10px;margin-left: 10px;}*/

div.topnews { width: 600px;margin-bottom: 50px;overflow: hidden;}


h2.h2top {color: #333;font-size: 20px;font-weight: bold;
background-color: #fff;
background: linear-gradient(to top, #fafafa, #eee);padding: 10px;margin-bottom: 15px;width: 600px;overflow: hidden;}
h2.h2top i {float: right;text-decoration: underline;}
h2.h2top i a {color: #333;font-size: 12px;}

img.tnimg {width: 180px;float: right;margin-left: 20px;}

h3.tnh3 {margin-bottom: 0.5em;}
h3.tnh3 a {color: #333;font-weight: bold;line-height: 1.5em;font-size: 22px;}
h3.tnh3 a:before {content:'》'}
h3.tnh3 a i {font-weight: normal;font-style: normal;color: #333;font-size: 12px;margin-left: 0.5em;}
h3.tnh3 a:hover {text-decoration: underline;}
p.tnp {color: #333;font-size: 15px;line-height: 1.5em;/*float: right;width: 400px;*/}

h3.tnh32 {margin-bottom: 0.5em;}
h3.tnh32 a {color: #333;font-weight: bold;line-height: 1.5em;font-size: 18px;}
h3.tnh32 a:before {content:'》'}
h3.tnh32 a i {font-weight: normal;font-style: normal;color: #333;font-size: 12px;margin-left: 0.5em;}
h3.tnh32 a:hover {text-decoration: underline;}
p.tnp {color: #333;font-size: 15px;line-height: 1.5em;/*float: right;width: 400px;*/}


/*mynews*/
div.mynews {background-color: #faf6ed;padding: 20px 20px 10px;margin-bottom: 50px;}

div.mnhead { display: flex;
  justify-content: flex-start;border-bottom: 3px solid #2a638e;margin-bottom: 15px;}

h2.h2mn {color: #333;font-size: 20px;font-weight: bold;margin-right: 20px;margin-top: 5px;}

ul.mntab { display: flex;
  justify-content: space-between;width: 415px;}
ul.mntab li {width:calc(100% / 5);
background-color: #999;display: block;color: #fff;font-size: 18px;text-align: center;margin-left: 5px;
border-radius:5px 5px 0px 0px ;padding: 5px;}

ul.mntab li:hover {cursor:pointer;}
ul.mntab li.active  {background-color: #2a638e;cursor:default;}
ul.mntab li.active:hover  {}


div.mnlist {  transition: .3s;}
div.mnlist ul.show {  transition: .3s;}
div.mnlist ul { transition: .3s;}
div.mnlist ul li {padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #666;}
div.mnlist ul li a {color: #333;font-size: 20px;font-weight: bold;position: relative;padding-left: 30px;}
div.mnlist ul li a:hover {text-decoration: underline;}


div.mnlist ul li:nth-child(1) a:before {content:'1';margin-right: 10px;color: #2a638e;font-size: 30px;font-weight: bold;position: absolute;left: 0;}
div.mnlist ul li:nth-child(2) a:before {content:'2';margin-right: 10px;color: #4c769e;font-size: 30px;font-weight: bold;position: absolute;left: 0;}
div.mnlist ul li:nth-child(3) a:before {content:'3';margin-right: 10px;color: #6b8baf;font-size: 30px;font-weight: bold;position: absolute;left: 0;}
div.mnlist ul li:nth-child(4) a:before {content:'4';margin-right: 10px;color: #9fa0a0;font-size: 30px;font-weight: bold;position: absolute;left: 0;}
div.mnlist ul li:nth-child(5) a:before {content:'5';margin-right: 10px;color: #b5b5b6;font-size: 30px;font-weight: bold;position: absolute;left: 0;}

/*nextnews*/
div.nextnews {margin-bottom: 50px;}
div.nncolmn { width: 600px;margin-bottom: 15px;overflow: hidden;}

ul.tnlist {}
ul.tnlist li {margin-bottom: 0.75em;}
ul.tnlist li a {color: #333;font-size: 15px;font-weight: bold;}
ul.tnlist li a i {color: #333;font-size: 12px;margin-left: 0.5em;}
ul.tnlist li a:before {content:'》'}
ul.tnlist li a:hover {text-decoration: underline;}
img.nnimg {width: 180px;margin-right: 20px;float: left;}

/*searchform*/
form.kijisearch {border: 2px solid #2a638e;display: block;background-color: #efefef;width: 100%;margin-bottom: 15px;}
input.searchtxt {width: 220px;color: #333;font-size: 18px;padding: 10px;border-right: 1px solid #2a638e;border-top-style: none;border-bottom-style: none;border-left-style: none;background-color: #fff;}
button.searchbtn {text-align: center;color: #2a638e;font-size: 18px;font-weight: bold;background-color: #efefef;width: 45px;display: inline-block;padding-top: 10px;}
input.searchtxt:focus {background-color: #eefeff;}
button.searchbtn:hover {cursor:pointer;}
.use_icon{
  display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;color: #333;}


/*sidebtn01*/
div.sidebtn01 {margin-bottom: 45px;}
ul.sb01 {width: 300px;margin-right: auto;margin-left: auto;}
ul.sb01 li {margin-bottom: 10px;}
ul.sb01 li a {}
ul.sb01 li a img {width: 100%;height: auto;}

/*sidead*/
div.sidead {width: 300px;margin-bottom: 35px;}
div.sidead a {}
div.sidead a img {width: 100%;height: auto;}
div.sidead01 {}
div.sidead02 {}




/*sidelink01*/
div.sidelink01 {margin-bottom: 35px;}
ul.sl01 {}
ul.sl01 li {border-bottom: 1px solid #ccc;overflow: hidden;}
ul.sl01 li:last-child {border-bottom-style: none;}

ul.sl01 a {padding-top: 15px;padding-bottom: 15px;display: block;color: #333;font-size: 12px;line-height: 1.25em;}
ul.sl01 a img {width: 140px;height: auto;float: left;margin-right: 15px;}
ul.sl01 a i {width: 145px;float: right;display: block;color: #333;font-size: 12px;line-height: 1.25em;padding-bottom: 15px;}


/*sidelink02*/
div.sidelink02 {margin-bottom: 50px;}
ul.sl02 {}
ul.sl02 li {border-top: 1px solid #ccc;border-right: 1px solid #ccc;border-left: 1px solid #ccc;overflow: hidden; position: relative;}
ul.sl02 li:last-child {border-bottom: 1px solid #ccc;}
ul.sl02 a {padding: 10px;display: block;color: #333;font-size: 12px;line-height: 1.25em; }
ul.sl02 a img {width: 140px;height: auto;float: left;


  position: absolute;
  top: 50%;
  transform: translateY(-50%) ;
  -webkit- transform: translateY(-50%) ;
}


ul.sl02 a i {display: block;color: #333;font-size: 12px;line-height: 1.25em;float: right;width: 130px;padding-bottom: 10px;}

/*accrank*/
div.accrank {margin-bottom: 50px;}
h2.ach2 {color: #2a638e;font-size: 20px;text-align: center;font-weight: bold;padding-top: 10px;padding-bottom: 10px;border-top: 2px solid #2a638e;border-bottom: 2px solid #2a638e;}

ol.aclist {  counter-reset: my-counter;}
ol.aclist li {padding-top: 15px;padding-bottom: 15px;border-bottom: 1px solid #2a638e;
  padding-left: 30px;
  position: relative;
}

ol.aclist li:nth-child(1) {background: url(../img/icon_side1.svg) no-repeat left center;background-size:25px 25px;}
ol.aclist li:nth-child(2) {background: url(../img/icon_side2.svg) no-repeat left center;background-size:25px 25px;}
ol.aclist li:nth-child(3) {background: url(../img/icon_side3.svg) no-repeat left center;background-size:25px 25px;}
ol.aclist li:nth-child(4) {background: url(../img/icon_side4.svg) no-repeat left center;background-size:25px 25px;}
ol.aclist li:nth-child(5) {background: url(../img/icon_side5.svg) no-repeat left center;background-size:25px 25px;}

h2.ach2 img {margin-right: auto;margin-left: auto;height: 20px;}

/*ol.aclist li:before {
	  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #2a638e;
  color: #fff;
  display: block;
  float: left;
  line-height: 20px;
  margin-left: -30px;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 50%;font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
  
  ol.aclist li:before {
	  position: absolute;
  top: 50%;
 
  transform: translateY(-50%) ;
  -webkit- transform: translateY(-50%);
	}*/
  
  
ol.aclist li a {color: #333;font-size: 18px;line-height: 1.5em;display: block;font-weight: bold;}
ol.aclist li a:hover {text-decoration: underline;}


/*topics*/
div.topics {margin-bottom: 50px;}
h2.topic2 {color: #2a638e;font-size: 20px;text-align: center;font-weight: bold;padding-top: 5px;padding-bottom: 5px;border-top: 2px solid #2a638e;border-bottom: 2px solid #2a638e;}
h2.topic2 img {margin-right: auto;margin-left: auto;height: 30px;}

ul.topiclist {}
ul.topiclist li {border-bottom: 1px solid #2a638e;}
ul.topiclist li a {color: #333;font-size: 22px;line-height: 1.5em;padding: 10px;display: block;font-weight: bold;}
ul.topiclist li a:before {content:'▶';color: #999;font-size: 20px;}
ul.topiclist li a:hover {text-decoration: underline;}
/*gototop*/
section.gototop {width: 960px;margin-right: auto;margin-left: auto;overflow: hidden;}
div.gototop a {display: block;color: #fff;font-size: 13px;width: 10em;text-align: center;float: right;border-top: 1px solid #ccc;border-right: 1px solid #ccc;border-left: 1px solid #ccc;
border-radius:0px 0px 5px 5px;padding-top: 10px;padding-bottom: 10px;background-color: #2a638e;margin-top: -1px;}
div.gototop a:hover {background-color: #789ec6;}

/*footad*/
section.footad {margin-bottom: 50px;border-top: 1px solid #ccc;}
div.footad {width: 960px;margin-right: auto;margin-left: auto;}
div.footad a {}
div.footad a img {width: 100%;}

div.pr {margin-bottom: 25px;text-align: center;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;display: inline-block;
border-radius:0px 0px 8px 8px ;color: #333;font-size: 13px;letter-spacing: 0.2em;padding: 2px 10px 2px 13px;}



/*footer*/
footer.footer {border-top: 3px solid #2a638e;background-color: #efefef;padding-bottom: 25px;}
div.footer {width: 960px;margin-right: auto;margin-left: auto;}

div.footrogo {overflow: hidden;position: relative;margin-bottom: 25px;}
div.footrogo img {width: 200px;height: auto;float: left;margin-right: 10px;}
p.copyright {color: #333;font-size: 12px;
  position: absolute;bottom: 0;left: 210px;}

/*footlink*/
div.footlink {
display:flex; 
justify-content: space-between;}
dl.footlink {}
dl.footlink dt {color: #333;font-size: 18px;font-weight: bold;border-left: 6px solid #2a638e;padding-left: 5px;margin-left: -3px;padding-bottom: 5px;}
dl.footlink dd {border-left: 1px solid #999;padding: 5px;}
dl.footlink dd a {color: #333;font-size: 15px;}
dl.footlink dd a:hover {text-decoration: underline;}

/*footbanner*/
section.footbanner {background-color: #fff;padding-top: 25px;padding-bottom: 25px;}
div.footbanner {width: 960px;margin-right: auto;margin-left: auto;}

ul.ftbanner {display:flex; justify-content: center;width: 960px;justify-content: space-between;}
ul.ftbanner li {}
ul.ftbanner li a {}
ul.ftbanner li a img {}
.fb01 {width: 260px;height: 40px;}
.fb02 {width: 150px;height: 40px;}
.fb03 {width: 180px;height: 40px;margin-top: 7px;}

div.nextclm {overflow: hidden;padding-top: 25px;padding-bottom: 25px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;width: 600px;margin-bottom: 25px;}

div.nnphoto {float: right;max-width: 50%;padding-bottom: 20px;padding-left: 20px;text-align:center;}

div.nnphoto img {width: 100%;height: auto;}
div.nnphoto span {color: #333;font-size: 12px;line-height: 1.5em;background-color: #efefef;padding: 5px;display: inline-block;text-align:left;}
p.nnbody {color: #333;font-size: 15px;line-height: 1.75em;}

h2.h2nntitle {color: #333;font-size: 20px;font-weight: bold;line-height: 1.5em;margin-bottom: 1em;}
h2.h2nntitle i {color: #333;font-size: 15px;font-weight: normal;font-style: normal;margin-left: 0.5em;margin-bottom: 1em;}

div.nextad01 {padding-top: 25px;padding-bottom: 25px;}
ul.nextad01 {display:flex; justify-content: space-between;}
ul.nextad01 li {width: 290px;}
ul.nextad01 li a {}
ul.nextad01 li a img {width: 100%;height: auto;}

div.pagetop {width: 960px;margin-right: auto;margin-left: auto;position: relative;}
div.pagetop a {border-left: 1px solid #2a638e;border-right: 1px solid #2a638e;border-top: 1px solid #2a638e;position: absolute;right: 0;bottom: 0;padding: 5px 10px;
border-radius:0px 0px 5px 5px ;font-size: 15px;color: #fff;background-color: #2a638e;}
div.pagetop a:hover{background-color: #789ec6;}


/*tab01*/
.headtab {
}
.headtab li {
}
.headtab li.active {
}
 
.hslist ul {
}
.hslist ul.show {
}


/*tab02*/
.mntab {

}
.mntab li {
  transition: .3s;
}
.mntab li.active {

}
 
.mnlist ul {
  display: none;
}
.mnlist ul.show {
  display: block;
}






















/* エコー追記 */
.area {
    display: none;
}

h2.h2-loginh2 {color: #0a385b;font-size: 20px;font-weight: bold;border-bottom: 1px solid #0a385b;padding-bottom: 5px;background: url(../img/i_loginh2.png) no-repeat left 0;background-size:20px auto; text-indent: 25px;
}
/*member*/
form.mem-login {color: #333;font-size: 15px;line-height: 3em;display: inline;width: 500px;margin-right: auto;margin-left: auto;text-align: center;}
div.mem-account {padding-top: 30px;}
form.mem-login input[type="text"],form.mem-login input[type="password"] {padding: 5px;margin: 0;border: 1px solid #ccc;color: #333;font-size: 15px;width: 100px;}

input.login-btn {height: 35px;width: 150px;color: #fff;font-size: 13px;border: 1px solid #1a72b9;background: #1a72b9 url(../img/i_login.png) no-repeat 35px 5px;background-size:18px auto;text-indent: 15px;display: block;margin-right: auto;margin-left: auto;}
input.edit-btn {height: 35px;width: 150px;color: #fff;font-size: 13px;border: 1px solid #1a72b9;background: #1a72b9 none 0;background-size:18px auto;display: block;margin-right: auto;margin-left: auto;}
input.login-btn:hover,input.edit-btn:hover {cursor:pointer;}
input.login-btn:active,input.edit-btn:active {cursor:pointer;background-color: #0a4a8d;}
input.mem-id,input.mem-pwd  {width: 220px!important;}
input.mem-id::placeholder,input.mem-pwd::placeholder{
    font-size: 0.7em;
}

ul.mymenu {width: 500px;margin-right: auto;margin-left: auto;margin-top: 30px;}
ul.mymenu li {margin-bottom: 15px;}
ul.mymenu li a {display: block;background-color: #ddd;color: #333;font-size: 20px;position: relative;padding: 20px 20px 20px 30px;}
ul.mymenu li a:before {content:'▶';color: #333;font-size: 10px;position: absolute;left: 15px;}

div.btn-regist a{height: 35px;width: 150px;color: #fff;font-size: 13px;margin-left: 10px;padding-top: 10px;border: 1px solid #f39800;background: #f39800 url(../img/i_login.png) no-repeat 20px center;background-size:18px auto;text-indent: 15px;display: block;margin-right: auto;margin-left: auto;}
div.btn-regist:hover {cursor:pointer;}
div.btn-regist:active {cursor:pointer;background-color: #0a4a8d;}

span.subtitle {
    color: inherit;
    font:inherit;
    line-height: 1em;
    font-size:0.8em;
}
span.subtitle:before {
    display: block;
    content: "";
}
.search-contents {
    background-color: lightcyan;
    color: gray;
    font-weight: bold;
    line-height: 1.5em;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 3px 10px;
}
.category {
    color: inherit;
    font:inherit;
    font-size:0.8em;
}
.show-more {
    float: right;
    font-size: 1.0em;
    margin-bottom: 10px;
    margin-top: 10px;
}
.show-more a {color: #0a385b;font-weight:bold;}
.show-more a:hover {color: #00a3da;text-decoration: underline;}

ul.news-tag {overflow: hidden;background: url(../img/i_tag.png) no-repeat left center;background-size:20px auto;padding-top: 5px;padding-bottom: 5px;padding-left: 25px;margin-bottom: 10px;}
ul.news-tag li {color: #333;font-size: 12px;float: left;margin-right: 10px;}
ul.news-tag li a {color: #666;font-size: 10px;background-color: #efefef;padding: 3px;border: 1px solid #ddd;}
ul.news-tag li a:hover {background-color: #ddd;}

ul.news-tag li a:hover {}

h2.h2-newslist {color: #0a385b;font-size: 20px;font-weight: bold;border-bottom: 1px solid #0a385b;padding-bottom: 5px;background: url(../img/i_list.png) no-repeat left 0;background-size:20px auto;text-indent: 25px;}

/*pager*/
div.pager {text-align: center;margin-top: 50px;width: 630px;margin-right: auto;margin-left: auto;}
ul.pager {overflow: hidden;display: inline-block;margin-left: -20px;} 
ul.pager li {float: left;margin-left: 8px;text-align: center;}
ul.pager li a {color: #00479d;font-size: 15px;display: block;border: 1px solid #ccc;padding: 10px 8px;border-radius:3px;}
ul.pager li a:hover {background-color: #efefef;}
ul.pager li.now a {cursor:default;background-color: #ddd;}
ul.pager li:first-child {margin-right: 20px;}
ul.pager li:last-child {margin-left: 40px;}

p.entnumber {color: #333;font-size: 13px;text-align: left;width: 730px;margin: 10px auto;}

p.news-desc {color: #333;font-size: 15px;line-height: 1.5em;margin-bottom: 10px;}
p.news-desc img {float: right;margin-left: 20px;max-width: 120px;height: auto;}


div.member-only {
    text-align:center;
}

div.member-only div.btncenter {
    width:300px;
    margin-left:auto;
    margin-right:auto;
}

div.member-only p.warning{color:#333;font-weight: bold;margin:15px;}
div.picture_container{display:inline-block;width:150px;text-align:center;}
div.photo_order a {background-color: #fff;display: block;border: 2px solid #2a638e;width: 100%;text-align: center;padding-top: 5px;padding-bottom: 5px;border-radius:50px;color: #333;font-size: 14px;}

table.info {
    border:1px gray solid;
    margin-top:1em;
	border-collapse:collapse;
	width:95%;
}

table.info th {
    background-color:lightgreen;
    padding-left:1em;
    padding-right:1em;
    padding-top:0.2em;
}

table.info td {
    padding-left:1em;
    padding-right:1em;
    padding-top:0.3em;
    padding-bottom:0.3em;
}

h2.h2-jornal {color: #0a385b;font-size: 20px;font-weight: bold;border-bottom: 1px solid #0a385b;padding-bottom: 5px;background: url(../img/i_date.png) no-repeat left 0;background-size:20px auto; text-indent: 25px;overflow: hidden;margin-bottom: 20px;}

h2.h2-jornal span {float: right;}
h2.h2-jornal a {color: #00479d;font-size: 15px;}
h2.h2-jornal a:hover {color: #00a3da;text-decoration: underline;}
div.today {float: left;width: 600px;margin-left: 30px;}
div.backnumber {float: left;width: 600px;margin-left: 30px;}
ul.db-jornal {margin-bottom: 20px;overflow: hidden;margin-left: -50px;}
ul.db-jornal li {float: left;height: auto;text-align: center;margin-bottom: 20px;line-height: 0;margin-left: 50px;}
ul.db-jornal li a {color: #00479d;font-size: 15px;display: block;}
ul.db-jornal li a:hover {color: #00a3da;}
h2.h2-search-date {color: #0a385b;font-size: 20px;font-weight: bold;border-bottom: 1px solid #0a385b;padding-bottom: 5px;margin-top: 10px;background: url(../img/i_saerch01.png) no-repeat left 0;background-size:20px auto;text-indent: 25px;}

/*fisherycalendar*/
table.fisherycalendar {width: 100%;border-top: 1px solid #ddd;border-left: 1px solid #ddd;margin-bottom: 20px;}
table.fisherycalendar caption {color: #333;font-size: 12px;text-align: center;margin-bottom: 5px;font-weight: bold;}
table.fisherycalendar th {color: #333;font-size: 16px;padding: 5px;text-align: center;vertical-align: middle;background-color: #efefef;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
table.fisherycalendar td {color: #333;font-size: 12px;padding: 5px;text-align: center;vertical-align: middle;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
table.fisherycalendar td.sun {color: red;}
table.fisherycalendar td.sat {color: blue;}

h2.h2-today {color: #0a385b;font-size: 20px;font-weight: bold;border-bottom: 1px solid #0a385b;padding-bottom: 5px;background: url(../img/i_date.png) no-repeat left 0;background-size:20px auto; text-indent: 25px;overflow: hidden;margin-bottom: 20px;}
h2.h2-today span {float: right;}
h2.h2-today a {color: #00479d;font-size: 15px;}
h2.h2-today a:hover {color: #00a3da;text-decoration: underline;}

h2.h2-common {color: #0a385b;font-size: 20px;font-weight: bold;border-bottom: 1px solid #0a385b;padding-bottom: 5px;overflow: hidden;margin-bottom: 20px;}
h2.h2-common span {float: right;}
h2.h2-common a {color: #00479d;font-size: 15px;}
h2.h2-common a:hover {color: #00a3da;text-decoration: underline;}

h2.h2-mypage {color: #0a385b;font-size: 20px;font-weight: bold;border-bottom: 1px solid #0a385b;padding-bottom: 5px;background: url(../img/i_mypageb.png) no-repeat left 0;background-size:20px auto; text-indent: 25px;
}
ul.mymenu {width: 500px;margin-right: auto;margin-left: auto;margin-top: 30px;}
ul.mymenu li {margin-bottom: 15px;}
ul.mymenu li a {display: block;background-color: #ddd;color: #333;font-size: 20px;position: relative;padding: 20px 20px 20px 30px;}
ul.mymenu li a:before {content:'▶';color: #333;font-size: 10px;position: absolute;left: 15px;}
/*mem-edit*/
mem-edit.mem-edit {}
table.mem-edit {margin-top: 30px;margin-bottom: 15px;}
table.mem-edit th {padding: 15px;color: #333;font-size: 13px;text-align: left;vertical-align: top;border-bottom: 1px dotted #ccc;}
table.mem-edit td {padding: 15px;color: #333;font-size: 13px;text-align: left;border-bottom: 1px dotted #ccc;}
.mem-edit-s {width: 100px;padding: 5px;color: #333;font-size: 13px;}
.mem-edit-m {width: 200px;padding: 5px;color: #333;font-size: 13px;}
.mem-edit-l {width: 300px;padding: 5px;color: #333;font-size: 13px;}

.mem-edit-check {}
textarea.mem-edit-area {width: 300px;height: 300px;color: #333;font-size: 13px;padding: 5px;border: 1px solid #ccc;line-height: 1.5em;}

ul.mypage-s {}
ul.mypage-s li {margin-bottom: 10px;}
ul.mypage-s li a {color: #00479d;font-size: 15px;position: relative;padding-left: 10px;}
ul.mypage-s li a:before {content:'▶';color: #00479d;font-size: 10px;position: absolute;left: 0;}
ul.mypage-s li a:hover {color: #00a3da;}

ul.news-click {overflow: hidden;margin: 10px;}
ul.news-click li {float: left;margin-right: 20px;}
li.news-click01 a {background: url(../img/i_next.png) no-repeat left center;background-size:15px auto;}
li.news-click02 a {background: url(../img/i_paper.png) no-repeat left center;background-size:15px auto;}
li.news-click03 a {background: url(../img/i_fav.png) no-repeat left center;background-size:15px auto;}
li.news-click04 a {background: url(../img/i_delete.png) no-repeat left center;background-size:15px auto;}

ul.news-click li a {color: #00479d;font-size: 12px;padding-left: 17px;}
ul.news-click.detail li a {font-size: 16px;}
ul.news-click li a:hover {text-decoration: underline;color: #00a3da;}

ul.news-time {overflow: hidden;margin-bottom: 4px;}
ul.news-time li {color: #666;font-size: 12px;float: left;margin-right: 20px;padding-top:2px;}

.img-entry {margin-bottom: 10px; }

/*photoorder*/
photoorder.photoorder {}
table.photoorder {margin-top: 30px;margin-bottom: 15px;}
table.photoorder th {padding: 15px;color: #333;font-size: 13px;text-align: left;vertical-align: top;border-bottom: 1px dotted #ccc;}
table.photoorder td {padding: 15px;color: #333;font-size: 13px;text-align: left;border-bottom: 1px dotted #ccc;}
.photoorder-s {width: 100px;padding: 5px;color: #333;font-size: 13px;}
.photoorder-m {width: 200px;padding: 5px;color: #333;font-size: 13px;}
.photoorder-l {width: 300px;padding: 5px;color: #333;font-size: 13px;}

.photoorder-check {}
textarea.photoorder-area {width: 300px;height: 300px;color: #333;font-size: 13px;padding: 5px;border: 1px solid #ccc;line-height: 1.5em;}

/*word-edit*/
word-edit.word-edit {}
table.word-edit {margin-top: 30px;margin-bottom: 15px;}
table.word-edit th {width:70px;padding: 15px;color: #333;font-size: 13px;text-align: left;vertical-align: middle;border-bottom: 1px dotted #ccc;}
table.word-edit td {padding: 15px;color: #333;font-size: 13px;text-align: left;border-bottom: 1px dotted #ccc;}
.word-edit-s {width: 80px;padding: 5px;color: #333;font-size: 13px;}
.word-edit-m {width: 250px;padding: 5px;color: #333;font-size: 13px;}
.word-edit-l {width: 500px;padding: 5px;color: #333;font-size: 13px;}

/*word-list*/
word-list.word-list {}
table.word-list {margin-top: 30px;margin-bottom: 15px;width:95%;}
table.word-list th {width:150px;padding: 15px;color: #333;font-size: 13px;text-align: left;vertical-align: middle;border-bottom: 1px dotted #ccc;}
table.word-list td {padding: 15px;color: #333;font-size: 13px;text-align: left;border-bottom: 1px dotted #ccc;}
.word-list-del {float: right;font-weight:bold;font-size:18px;}

div.btn-mo02 a {float: left;display: block;width: 125px;height: 30px;margin-left: 10px;color: #fff;font-size: 13px;padding-top: 10px;background: #f39800 url(../img/i_data.png) no-repeat 20px center;background-size:18px auto;text-indent: 30px;}

div.btn-mo01 a {float: left;display: block;width: 125px;height: 30px;margin-left: 10px;padding-top: 10px;color: #fff;font-size: 13px;background: #00a0c1 url(../img/i_login.png) no-repeat 20px center;background-size:18px auto;text-indent: 30px;}

.apply-title {
    background: #215d9c none repeat scroll 0 0;
    color: white;
    font-size: 1.7em;
    line-height: 2em;
    text-align: center;
    margin-bottom:10px;
    width:70%;
    margin-right:auto;
    margin-left:auto;
}

.apply-panel {
    background: #effcf4 none repeat scroll 0 0;
    float: left;
    margin: 6px;
    padding: 10px;
    text-align: center;
    width: 250px;
}

.apply-panel img {
    width:100%;
}

.apply-panel-container {
    width:60%;
    margin:auto;
}

.apply-link {
    background: blue none repeat scroll 0 0;
    color: white;
    font-size: 1.3em;
    height: 48px;
    margin: 5px auto;
    width: 180px;
    border-radius: 8px;
    padding:20px;
}

.apply-label {
    background: white none repeat scroll 0 0;
    font-size: 1.3em;
    line-height: 1.8em;
    margin: 5px auto 10px;
    width: 170px;
    font-weight:bold;
}

.apply-desc {
    padding: 3px 20px;
    width:75%;
    margin: 10px auto;
}


.apply-link > a {
    color: white;
}

.trial-apply-link {
    background: #215d9c none repeat scroll 0 0;
    color: white;
    font-size: 1.7em;
    line-height: 2em;
    text-align: center;
    margin-bottom:10px;
    width:80%;
    margin-right:auto;
    margin-left:auto;
}

.trial-apply-link2 {
    background: red none repeat scroll 0 0;
    color: white;
    font-size: 1.7em;
    line-height: 2em;
    text-align: center;
    margin-bottom:10px;
    width:80%;
    margin-right:auto;
    margin-left:auto;
}

.apply-label2 {
    background: steelblue none repeat scroll 0 0;
    line-height: 1.8em;
    border-radius:8px;
    padding:5px 10px;
    color:white;
}
.renewal-intro > p {
    margin-bottom: 10px;
}

.func-intro-title {
    color: darkblue;
    font-size: 1.5em;
    margin: 10px;
    text-align: center;
}

.func-intro-desc {
    font-size: 1.1em;
    margin: 10px auto 30px;;
    width: 60%;
}

.renewal-intro {
    border: 3px solid gray;
    font-size: 1.5em;
    margin: 10px 80px 40px;
    padding: 20px 40px;
}


.img-block {
    height: 200px;
    padding: 30px 0;
}

.apply-panel .price {
    height: 3em;
}


.trial-apply-link > a {
    color: white;
}

.trial-apply-link2 > a {
    color: white;
}
/*clearfix*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
div.apply-contents {width: 1000px;margin-right: auto;margin-left: auto;padding-bottom: 100px;}
.header-r {float: right;font-size: 12px;font-weight: normal;font-style: normal;}
a.header-r:hover {text-decoration: underline;}

.heading2 {
    font-weight:bold;
    border-left:solid brown 5px;
    padding-left:5px;
    line-height:1.1em;
    padding-top:3px;
}

/*today*/

div.today {}
table.today {width: 600px;margin-bottom: 50px;}
table.today th {color: #333;font-size: 13px;background-color: #efefef;padding: 10px;}
table.today td {color: #333;font-size: 13px;padding: 20px 10px;border-bottom: 1px solid #ccc;}
table.today td a {color: #00479d;}
table.today td a:hover {text-decoration: underline;color: #00a3da;}
table.today td a:before {content:'▶';font-size: 10px;margin-right: 3px;}
table.today th.today-page {
    min-width: 30px;
}
table.today th.today-pdf {
    min-width: 70px;
}
.today-fav {
    min-width: 70px;
}

/*backnumber*/
div.bnlink {text-align: center;width: 600px;margin: 30px auto 20px;}
ul.bnlink {overflow: hidden;text-align: center;margin-right: auto;margin-left: auto;display: inline-block;}
ul.bnlink li {float: left;text-align: center;display: inline;color: #333;font-size: 20px;font-weight: bold;margin-right: 10px;margin-left: 10px;}
ul.bnlink li a {color: #00479d;font-size: 15px;font-weight: normal;font-style: normal;}
ul.bnlink li a:hover {text-decoration: underline;color: #00a3da;}

dl.bnlist {overflow: hidden;border-bottom: 1px dotted #ccc;padding-top: 1em;margin-right: auto;margin-left: auto;width: 600px;}
dl.bnlist dt {float: left;width: 3em;text-align: right;margin-right: 2em;margin-bottom: 3.5em;}
dl.bnlist dd {float: left;text-align: center;padding-bottom: 1em;}
dl.bnlist dd a {color: #00479d;margin-right: 1.8em;}
dl.bnlist dd a:hover {text-decoration: underline;color: #00a3da;}

div.banner-pc {margin-bottom: 20px; }

div.myword-link {
    border: 1px solid gray;
    padding: 10px 20px;
}

div.myword-link-description {
    border: 1px solid gray;
    margin-top: 20px;
    padding: 10px 20px;
}
div.myword-link > a:hover {
    text-decoration:underline;
}
div.nodata {width:80%;margin-right:auto;margin-left:auto;}

div.sokuho {overflow: hidden;margin-bottom:15px;}
div.sokuho span {color: #c00;border: 1px solid #c00;padding: 5px 10px;font-weight: bold;font-size: 30px;float: left;margin-right: 10px;margin-bottom:10px;}
div.sokuho h3 {line-height: 1.25em;}
div.sokuho h3 a {margin-top: 5px;}
div.sokuho h3 a:hover {text-decoration: underline;color: #00a3da;}

div.faq-unit {border-bottom: 1px dotted #ccc;padding-top: 4px;padding-bottom: 4px;overflow: hidden;}
h3.faq-title a {font-size: 18px;font-weight: bold;margin-bottom: 7px;display: inline-block;line-height: 1.25em;}
h3.faq-title a:hover {text-decoration: underline;color: #00a3da;}

div.btn-head02 button {float: left;display: block;width: 150px;height: 30px;margin-left: 10px;padding-top: 0px;color: #fff;font-size: 13px;background: #00a0c1 url(../img/i_login.png) no-repeat 20px center;background-size:18px auto;text-indent: 40px;}

div.btn-head06 button {float: left;display: block;width: 150px;height: 30px;margin-left: 10px;padding-top: 0px;color: #fff;font-size: 13px;background: #00a0c1 url(../img/i_logout.png) no-repeat 15px center;background-size:18px auto;text-indent: 40px;}

div.multiconfirm-btn {margin-left: auto;margin-right: auto;width:340px;}

/*shousai*/
form.search-shosai {margin-top: 20px;margin-bottom:30p;}

form.search-shosai input[type="text"] {padding: 5px;margin: 0;border: 1px solid #ccc;color: #333;font-size: 15px;width: 100px;}

form.search-shosai div {color: #333;font-size: 13px;}
div.search-all {float: left;margin-bottom: 20px;margin-right: 50px;margin-top: 7px;}
div.search-term {margin-bottom: 20px;margin-right: 50px;display: block;}
div.search-category {float: left;margin-bottom: 20px;margin-right: 50px;}
div.search-fish {margin-bottom: 20px;margin-right: 50px;}
div.search-keywords {margin-bottom: 20px;margin-right: 50px;}

.search-select {
	 -webkit-appearance:none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+0,e5e5e5+100 */
background: #f2f2f2; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f2f2 0%, #e5e5e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f2f2f2 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f2f2f2 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e5e5e5',GradientType=0 );border: 1px solid #ccc;color: #333;font-size: 13px;border-radius:3px;padding: 7px;}

input.search-keywords {width: 450px!important;}

input.search-btn {height: 30px;width: 100px;color: #fff;font-size: 13px;border: 1px solid #1a72b9;background: #1a72b9 url(../img/i_search00.png) no-repeat 20px center;background-size:18px auto;text-indent: 15px;display: block;margin-right: auto;margin-left: auto;}
input.search-btn:hover {cursor:pointer;}
input.search-btn:active {cursor:pointer;background-color: #0a4a8d;}

i.members-only { color: mediumturquoise !important; font-size: 18px !important;}
.nnbody a {color:darkviolet;font-size:1.1em;}
.nnbody a:visited {color:darkgray;font-size:1.1em;}