@charset "UTF-8";

/* ****************************************************
Title: base.css
***************************************************** */
a:link    {color:#0085B2; text-decoration:underline;}
a:visited {color:#0085B2; }
a:hover   {color:#0085B2; text-decoration:none;}
a:active  { color:#0085B2;  }

h1 {  }



/* # body
---------------------------------------------------------------------------- */
body { background:#fff; font-size:110%;-webkit-text-size-adjust: 100%;}


/* # header
---------------------------------------------------------------------------- */
#header {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}

#header #h_logo  {margin-right:auto; padding:5px 0 0 10px;}

#header #nav ul {display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	font-size:80%;}
	
#header #nav ul li a { display:block;padding:1.65em 2.3em; text-decoration:none; color:#444;}
#header #nav ul li.contact a {background:#1492C6;color:#fff;padding:0.97em 3em;}
#header #nav ul li a:hover,
#header #nav ul li.current a {border-bottom: solid 3px #1492C6;}
#header #nav ul li.contact a:hover {background:#1492C6; border-bottom:none;}
#header #nav ul li.contact a span {padding-top: 1.6em;
background: url(../img/common/mail.png) no-repeat top center;
display:block;}

#header #nav ul li.english a{ display:block; background: url(../img/common/eng.png) no-repeat 13% 50% ;padding: 1.65em 2.3em 1.65em 2.5em;}



/* # pageBody
---------------------------------------------------------------------------- */
#pagebody {
}

.second {margin:80px 0 150px;}
.btn a img:hover {opacity:0.8;}

/* =============================
 #h2
==============================*/
.bar {background: url(../img/common/barbg.jpg) repeat-x top left;width:100%;text-align:center; margin-bottom:50px;}

.sbar {
	text-align:center;
	color:#D63566;
	margin-bottom:1em;
}
.sbar span {display:block;}
.sbar .en {font-size:230%; font-weight:bold; padding-top:5px;}
.sbar .ja {font-size:105%; line-height:1;}


/* # content
---------------------------------------------------------------------------- */



/* # footer
---------------------------------------------------------------------------- */
#footer {
	width: 100%;
	padding: 3em 0 1em;
	background:#F4F5F8;
}

#footer .f_wrap {width:900px;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; margin:0 auto;}
#footer .f_wrap .f_logo {margin-right: auto;}
#footer .f_wrap nav ul {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;align-items:center;width:570px; font-size:80%; flex-wrap:wrap;}
#footer .f_wrap nav ul li {width:25%; margin-bottom:20px;}
#footer .f_wrap nav ul li:last-child {width:30%;}
#footer .f_wrap nav ul li a{padding-left: 1em; background: url(../img/common/arrow.png) no-repeat left center; display:block; text-decoration:none; color:#444;}
#footer .f_wrap nav ul li a:hover {text-decoration:underline;}
#footer .address {text-align:center;margin-top: 3em; color:#333333; font-size:90%;}
#footer .f_wrap nav ul li.english a:before { content:"";padding-left:25px; background: url(../img/common/eng.png) no-repeat 13% 50% ;}

/* # lNavi
---------------------------------------------------------------------------- */
#f_nav {
}



/* その他
---------------------------------------------------------------------------- */
.bold{font-weight:bold;}
.red {color:red;}
.yellow{color:#FFFFBF;}
.gray {color:#555;}
.fl {float:left;}
.fr {float:right;}
.stxt {font-size:80%;}
.sstxt {font-size:75%;}
.mtxt {font-size:115%;}
.mltxt {font-size:125%;}
.ltxt {font-size:150%;}
.w1000 {width:1000px; margin: 0 auto;}
.w100{width:100%;}
.dc {display:block; text-align:center;}
.ma {margin-left: auto; margin-right: auto;}
.flex {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
.jc_sb {-webkit-justify-content:space-between;justify-content:space-between;}
.jc_sa {-webkit-justify-content:space-around;justify-content:space-around;}
.jc_ce {-webkit-justify-content:center;justify-content:center;}
.fl_wp {flex-wrap:-webkit-wrap; flex-wrap:-moz-wrap;flex-wrap:-ms-wrap;flex-wrap:wrap;}
.ai_ce{-webkit-align-items: center;  align-items: center;}
.txtc {text-align:center;}
.pc_none {display:none;}





/* ----------------------------------------
  マージン設定
---------------------------------------- */
.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;}
.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;}
.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}
.mb65{margin-bottom:65px !important;}
.mb70{margin-bottom:70px !important;}
.mb75{margin-bottom:75px !important;}
.mb80{margin-bottom:80px !important;}
.mb85{margin-bottom:85px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}



/* clearfix
---------------------------------------------------------------------------- */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*
behavior: url(/css/pie/PIE.htc); 
*/