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

/*==========================================================
general
===========================================================*/
* {
  margin: 0;
  padding: 0;
  font-style: normal;
}

.small {
  font-size: 67%;
}
a {
  /*color: #6e90b3;*/
  color: #2b5d90;
  cursor: pointer;
  outline: none;
}
img, img:focus { outline: none; }
a:hover, a:focus {
  color: #dd0000;
  text-decoration: underline;
}
a:hover img,
a:focus img{
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.red { color: #fc3929; }
.text_red { color: #ee0000; }
.text_blue { color: #0000CC; }
.text_green { color: #060; }
.text_bg { background-color: #FC9; }

.visible-pc { display: block; }
.visible-sp { display: none; }

.child {
  display: none;
}
.english{
  background:#000;
}
hr { border: none; }
.unnan #wrapper {
  background: url(../img/bg.jpg) repeat;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  letter-spacing: 0.7px;
  border-bottom: 1px solid #ffa622;
  position: relative;
  z-index: 2;
}
/*---表作成KIT用z-index変更---*/
#wcv_sys_edit_pageeditarea_wrap #wrapper {
  z-index: 1;
}
/*#pages #wrapper {
  background: url(../img/bg_blue.jpg) repeat;
}*/
.unnan .bgColor{
  margin: 0 auto;
  max-width: 85%;
  background: #f9f5ef;
}

hr.dragon {
  height: 53px;
  background-image: url(../img/side_dragon.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  border: none;
  border-bottom: 3px double #eadfc9;
}
hr.dot { border-top: 1px dotted #777; }
hr.line { border-top: 1px solid #777; }


/*==========================================================
header
===========================================================*/
.unnan #header {
  /*background-image: url(../img/header/header_bird.png), url(../img/header/header_dragon.png), url(../img/header/bg_header.jpg), url(../img/bg_color.jpg), url(../img/bg.jpg);
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat;
  background-position: left top, right top, center, center, left top;
  background-size: auto, auto, 80% 100%, 85% 100%, auto;*/
  background-color: #fff;
  background-image: url(../img/header/header_bird.png), url(../img/header/header_dragon.png);
  background-repeat: no-repeat, no-repeat;
  background-position: left top, right top;
  background-size: auto, auto;
  /*height: 126px;*/
  border-bottom: 1px solid #ffa622;
}
.unnan #navigation {
  margin: 0 auto;
  max-width: 850px;
  height: auto;
  overflow: hidden;
  padding-top: 10px;
  font-size: 66%;
}
html>/**/body .logoArea {
   display: inline-block;
   vertical-align: top;
   display /***/: inline9;
   zoom: 1;
}
.logoArea h1 {
  margin:0 15px -32768px 0;
  display: inline-block;
}
.logoArea > .jump {
  margin: 0 10px;
  vertical-align: top;
  display: inline-block;
}
.logoArea > .jump li {
  margin-top: 5px;
}
.logoArea > .jump li a{
  padding: 5px;
  padding-left: 0;
  vertical-align: top;
  text-decoration: underline;
}
.logoArea > .jump li img {
  padding-right: 5px;
}

	
.headerNavi{
  display: inline-block;
  float: right;
  margin: 10px 0;
}
.headerNavi ul li {
  display:inline-block;
  text-align: center;
  margin: 10px;
}
.headerNavi ul li:last-child {
  margin-right: 0;
}
.unnan .headerNavi ul li a {
  padding-top: 5px;
  display: inline-block;
}
.headerNavi ul li img{
  margin: 0 3px;
}

.unnan #globalNavi {
  margin: 0 auto;
  max-width: 960px;
  padding-top: 30px;
}
.unnan #globalNavi > ul {
  padding-left: 0;
}
.unnan #globalNavi > ul > li {
  display: inline-block;
  padding: 4px 2.235%;
  text-align: center;
  position: relative;
  margin-left: -0.5em;
}
.unnan #globalNavi > ul > li:not(:last-child):after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: 3px;
  height: 25px;
  background-color: #fc3929;
  z-index: 10;
}
.unnan #globalNavi > ul > li > a {
  color: #000;
  /*text-shadow: 0 0 3px #fff;*/
  position: static;
  display: block;
  transition: .3s;
}
.unnan #globalNavi ul li:hover,
.unnan #globalNavi > ul > li > a:focus {
  background-color: #2b5d90;
}
.unnan #globalNavi ul li:hover a,
.unnan #globalNavi ul li a:focus,
.unnan #globalNavi ul li a:active {
  opacity: 1;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
}

/*-----------------mega menu-----------------*/
.megaMenu {
  position: absolute;
  top: 25px;
  left: 0;
  background: #fff;
  width: 960px;
  padding: 25px;
  text-align: left;
  border: 1px solid #ccc;
  border-top: 3px solid #fc3929;
  z-index: 10;
  display: none;
}
.mega2 {
  left: -153px;
}
.mega3 {
  left: -305px;
}
.mega4 {
  left: -473px;
}
.mega5 {
  left: -658px;
}
.mega6 {
  left: -844px;
}
.megaMenu ul li {
  display: inline-block;
  margin: 10px 0;
  width: 32.67%;
  background-color: #fc3929;
  text-align: left;
}
.megaMenu ul li > a {
  display: block;
  padding: 10px 40px;
  color: #fff;
  font-weight: bold;
}
.megaMenu ul li > a:hover,
.megaMenu ul li > a:focus {
  color: #d00 !important;
  background-color: #fff !important;
  border: 1px solid #fc3929;
}

.unnan #globalNavi > ul > li:hover .megaMenu,
.unnan #globalNavi > ul > li .megaMenu.focused {
  display: block;
}


/*==========================================================
main
===========================================================*/
.unnan .main {
  margin: 0 auto;
  border-top: 2px solid #fc3929;
}
.unnan .contents {
  margin: 0 auto;
  width: 93%;
}
h1.pagetitle {
  height: 65px;
  vertical-align: middle;
}

h2.headline {
  font-size: 135%;
  line-height: 1.7;
  position: relative;
  border-bottom: 1px solid #ffa622;
}
h2.headline::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  /*z-index: 2;*/
  content: '';
  width: 30%;
  height: 3px;
  background-color: #fc3929;
}
h2.headline_blue {
  font-size: 135%;
  line-height: 1.7;
  position: relative;
  border-bottom: 1px solid #eadfc9;
}
h2.headline_blue::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  /*z-index: 2;*/
  content: '';
  width: 30%;
  height: 3px;
  background-color: #2b5d90;
}
h2.headline > img, h2.headline_blue > img {
  width: 28px;
  height: auto;
  padding-right: 5px;
}

h2.headline a, h2.headline_blue a {
  position: absolute;
  text-align: right;
  bottom: 0;
  right: 0;
  width: 100%;
}
h2.headline a > img, h2.headline_blue a > img {
  width: 15px;
  height: auto;
  padding-right: 3px;
}

.sideMenu > h3.headline {
  font-size: 120%;
}


/*==========================================================
footer
===========================================================*/
#footer {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  background: #fff;
  background-image: url(../img/footer/footer_dragon.png), url(../img/footer/footer_river.png), url(../img/footer/bg_footer.png);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: left bottom, right bottom, center;
  background-size: auto, auto, cover;
  border-top: 3px solid #fc3929;
}

#footer .contents {
  margin: 0 auto;
  padding-top: 20px;
  max-width: 960px;
  line-height: 1.5;
  position: relative;
}

.pagetop {
  position: absolute;  
  text-align: center;
  background: #fc3929;
  padding: 8px;
  width: 200px;
  top: -40px;
  right: 0;
  border-radius: 3px;
  z-index: 100;
}
.pagetop a { color: #fff; }

.mininavi { float: right; }
.mininavi img { margin-right: 5px; }
.mininavi li {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}
.mininavi li a {
  font-size: 90%;
  text-decoration: underline;
}
.mininavi p {
  margin-top: 20px;
  padding: 15px 10px;
  background: #fff;
  border: 1px solid #6e90b3;
  border-radius: 2px;
  text-align: center;
}
.address, .telephone {
  margin-bottom: 15px;
  font-size: 95%;
}
.address h2 {
  font-size: 120%;
  font-weight: bolder;
  font-family: Meiryo, sans-serif;
}
.telephone p:first-child {
  font-size: 85%;
}
.telephone p > strong {
  font-size: 150%;
  font-weight: bolder; 
  font-family: "Comic Sans MS", cursive;
  padding: 0 5px;
}
.telephone p img {
  width: 20px;
}

#footerNavi {
  margin: 30px 0;
}
#footerNavi ul.menu {
  text-align: center;
  padding: 15px 0;
  border-top: 1px solid #eadfc9;
  border-bottom: 1px solid #eadfc9;
}
#footerNavi li {
  display: inline-block;
  font-size: 90%;
  padding: 0 10px;
  color: #6e90b3;
}
#footerNavi ul.menu > li:not(:last-child){
  border-right: 1px solid #eadfc9;
}
#footerNavi ul.banner {
  text-align: center;
  padding: 15px 0;
  border: none;
}

#copyright {
  font-size: 80%;
  text-align: center;
  padding-bottom: 20px;
  overflow: hidden;
}

/*==========================================================
top
===========================================================*/


/*==========================================================
banner
===========================================================*/
ul.banner li {
  width: 225px;
  height: 50px;
  margin: 0 5px;
  padding-top: 15px;
  display: inline-block;
  background: #bbb;
  color: #555;
}
ul.banner li:first-child {
  margin-left: 0;
}
ul.banner li:last-child {
  margin-right: 0;
}

/*==========================================================
googlesearch
===========================================================*/
.cse .gsc-control-cse, .gsc-control-cse{
    padding:4px 10px 0 10px!important;
}
.gsc-search-button input[type=image]{
    min-width: 14px!important; 
    width: 14px!important;
    height: 14px!important;
    margin-left: 2px!important;
    padding: 0!important;
    margin: 0 0 -2px!important;
    border: #888 5px solid!important;
    font-size: 11px!important;
    background-color: #888!important;
    background-image: none!important;
    filter: none!important;
    box-sizing: content-box!important;
}
table.gsc-search-box, table#gs_id50 {
  margin-top: 0;
  border: none;
}
.gsc-search-box th, .gsc-search-box td {
	border: none;
	padding: 0;
}

/*==========================================================
helper
===========================================================*/
.w960 { width: 960px; }
.mt5 { margin-top: 5px; }
.mb5 { margin-bottom: 5px; }
.mr5 { margin-right: 5px; }
.ml5 { margin-left: 5px; }
.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }
.mr10 { margin-right: 10px; }
.ml10 { margin-left: 10px; }
.nmt10 { margin-top: -10px; }
.mt20 { margin-top: 20px; }
.mb20 { margin-bottom: 20px; }
.mr20 { margin-right: 20px; }
.ml20 { margin-left: 20px; }
.nmt20 { margin-top: -20px; }
.pt5 { padding-top: 5px; }
.pb5 { padding-bottom: 5px; }
.pr5 { padding-right: 5px; }
.pl5 { padding-left: 5px; }
.pt10 { padding-top: 10px; }
.pb10 { padding-bottom: 10px; }
.pr10 { padding-right: 10px; }
.pl10 { padding-left: 10px; }

.fl { float: left; }
.fr { float: right; }
.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }

.minh50 { min-height: 50px; }
.minh60 { min-height: 60px; }
.minh70 { min-height: 70px; }
.minh80 { min-height: 80px; }
.minh90 { min-height: 90px; }
.minh100 { min-height: 100px; }