@charset "UTF-8";
/**
 * responsive_base.css
 * レスポンシブ ヘッダー・フッター用スタイル
 *
 */
/*--------------------------------------------------------
    PC/SP共通スタイル
--------------------------------------------------------*/
.displayskip {
  display: none;
}

.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.img-responsive-max {
  width: 100%;
  height: auto;
}

.img-responsive {
  max-width: 100%;
  height: auto;
}


html {
  color: #000;
  background: #FFF;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset,
img {
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

ol,
ul {
  list-style: none;
}

caption,
th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  /*font-weight:normal;*/
}

q:before,
q:after {
  content: '';
}

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

/* to preserve line-height and selector appearance */
sup {
  vertical-align: text-top;
}

sub {
  vertical-align: baseline;
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

/*to enable resizing for IE*/
input,
textarea,
select {
  *font-size: 100%;
}

/*because legend doesn't inherit in IE */
legend {
  color: #000;
}

h1,
h2,
h3,
h4,
h5,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  background-image: none;
  color: #333333;
  font-size: 14px;
  letter-spacing: 0;
}

body,
body td,
body th {
  font-family:"Meiryo", "メイリオ",  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

table {
  font-size: inherit;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  body {
    line-height: 1.7;
  }
}
a {
  color: #395F9D;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

/* =================================================
    SP用ベーススタイル
================================================= */
@media only screen and (max-width: 767px) {
  html, body {
    line-height: 1.5;
    font-size: 14px;
    font-family: "HraKakuProN-W6", "HelveticaNeue";
  }

  .sp-only {
    display: block !important;
  }

  .pc-only {
    display: none !important;
  }

  div,
  section {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }

  .container {
    width: 93.75%;
    margin: 0 auto;
  }

  #main {
    z-index: 1;
    background: #ffffff;
  }

  a {
    -webkit-tap-highlight-color: transparent;
    color: #395f9d;
    /* デフォルトリンクカラー */
  }
  a:visited {
    color: #660099;
    /* 訪問済リンクカラー */
  }

  
}



/* =================================================
PC用ベーススタイル
================================================= */
@media print, screen and (min-width: 768px) {
  body {
    min-width: 1280px;
    overflow-x: hidden;
  }

  /* PDFファイル */
  a[href$=".pdf"],
  a.outpdf {
    padding-right: 18px;
    background: url(../images/icon_pdf_s.gif) no-repeat center right;
  }

  /* EXCELファイル */
  a[href$=".xls"],
  a[href$=".xlsx"],
  a.outexcel {
    padding-right: 18px;
    background: url(../images/icon_xls_s.gif) no-repeat center right;
  }

  /* Wordファイル */
  a[href$=".doc"],
  a[href$=".docx"],
  a.outword {
    padding-right: 18px;
    background: url(../images/icon_doc_s.gif) no-repeat center right;
  }

  /* PowePointファイル */
  a[href$=".ppt"],
  a[href$=".pptx"],
  a.outpowerpoint {
    padding-right: 18px;
    background: url(../images/icon_ppt_s.gif) no-repeat center right;
  }

  /* マージン */
  .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;
  }

  .mT35 {
    margin-top: 35px !important;
  }

  .mT40 {
    margin-top: 40px !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;
  }

  .mB100 {
    margin-bottom: 100px !important;
  }

  .mR5 {
    margin-right: 5px !important;
  }

  .mR10 {
    margin-right: 10px !important;
  }

  .mR15 {
    margin-right: 15px !important;
  }

  .mR20 {
    margin-right: 20px !important;
  }

  .mR25 {
    margin-right: 25px !important;
  }

  .mR30 {
    margin-right: 30px !important;
  }

  .mR35 {
    margin-right: 35px !important;
  }

  .mR40 {
    margin-right: 40px !important;
  }

  .mL5 {
    margin-left: 5px !important;
  }

  .mL10 {
    margin-left: 10px !important;
  }

  .mL15 {
    margin-left: 15px !important;
  }

  .mL20 {
    margin-left: 20px !important;
  }

  .mL25 {
    margin-left: 25px !important;
  }

  .mL30 {
    margin-left: 30px !important;
  }

  .mL35 {
    margin-left: 35px !important;
  }

  .mL40 {
    margin-left: 40px !important;
  }

  .mg_r10 {
    margin-right: 10px;
  }

  .mg_b10 {
    margin-bottom: 10px !important;
  }

  .mg_b20 {
    margin-bottom: 20px !important;
  }

  .mg_r0 {
    margin-right: 0 !important;
  }

  /* パディング */
  .pdT5 {
    padding-top: 5px !important;
  }

  .pdT10 {
    padding-top: 10px !important;
  }

  .pdT15 {
    padding-top: 15px !important;
  }

  .pdT20 {
    padding-top: 20px !important;
  }

  .pdT25 {
    padding-top: 25px !important;
  }

  .pdT30 {
    padding-top: 30px !important;
  }

  .pdB5 {
    padding-bottom: 5px !important;
  }

  .pdB10 {
    padding-bottom: 10px !important;
  }

  .pdB15 {
    padding-bottom: 15px !important;
  }

  .pdB20 {
    padding-bottom: 20px !important;
  }

  .pdB25 {
    padding-bottom: 25px !important;
  }

  .pdB30 {
    padding-bottom: 30px !important;
  }

  .pdR5 {
    padding-right: 5px !important;
  }

  .pdR10 {
    padding-right: 10px !important;
  }

  .pdR15 {
    padding-right: 15px !important;
  }

  .pdR20 {
    padding-right: 20px !important;
  }

  .pdR25 {
    padding-right: 25px !important;
  }

  .pdR30 {
    padding-right: 30px !important;
  }

  .pdL5 {
    padding-left: 5px !important;
  }

  .pdL10 {
    padding-left: 10px !important;
  }

  .pdL15 {
    padding-left: 15px !important;
  }

  .pdL20 {
    padding-left: 20px !important;
  }

  .pdL25 {
    padding-left: 25px !important;
  }

  .pdL30 {
    padding-left: 30px !important;
  }

  .pd_t10 {
    padding-top: 10px;
  }

  .pd_b15 {
    padding-bottom: 15px;
  }

  .pd_l0 {
    padding-left: 0 !important;
  }

  /* 文字間設定 */
  .lsP01 {
    letter-spacing: 0.1em !important;
  }

  .lsP02 {
    letter-spacing: 0.2em !important;
  }

  .lsP03 {
    letter-spacing: 0.3em !important;
  }

  .lsP04 {
    letter-spacing: 0.4em !important;
  }

  .lsP05 {
    letter-spacing: 0.5em !important;
  }

  .lsM01 {
    letter-spacing: -0.1em !important;
  }

  .lsM02 {
    letter-spacing: -0.2em !important;
  }

  .lsNormal {
    letter-spacing: normal !important;
  }

  /* 行間設定 */
  .lHeight10 {
    line-height: 1.0 !important;
  }

  .lHeight11 {
    line-height: 1.1 !important;
  }

  .lHeight12 {
    line-height: 1.2 !important;
  }

  .lHeight13 {
    line-height: 1.3 !important;
  }

  .lHeight14 {
    line-height: 1.4 !important;
  }

  .lHeight15 {
    line-height: 1.5 !important;
  }

  .lHeight16 {
    line-height: 1.6 !important;
  }

  .lHeight17 {
    line-height: 1.7 !important;
  }

  .lHeight18 {
    line-height: 1.8 !important;
  }

  .lHeight19 {
    line-height: 1.9 !important;
  }

  .lHeight20 {
    line-height: 2.0 !important;
  }

  .lHeight21 {
    line-height: 2.1 !important;
  }

  .lHeight22 {
    line-height: 2.2 !important;
  }

  .lHeight23 {
    line-height: 2.3 !important;
  }

  .lHeight24 {
    line-height: 2.4 !important;
  }

  .lHeight25 {
    line-height: 2.5 !important;
  }

  /* フォントサイズ設定 ベースフォントサイズ14pxからの相対値で算出 */
  .fs10 {
    font-size: 71.4% !important;
  }

  /* font-size:10px */
  .fs11 {
    font-size: 78.6% !important;
  }

  /* font-size:11px */
  .fs12 {
    font-size: 85.7% !important;
  }

  /* font-size:12px */
  .fs13 {
    font-size: 92.9% !important;
  }

  /* font-size:13px */
  .fs14 {
    font-size: 100% !important;
  }

  /* font-size:14px */
  .fs15 {
    font-size: 107.1% !important;
  }

  /* font-size:15px */
  .fs16 {
    font-size: 114.3% !important;
  }

  /* font-size:16px */
  .fs17 {
    font-size: 121.4% !important;
  }

  /* font-size:17px */
  .fs18 {
    font-size: 128.6% !important;
  }

  /* font-size:18px */
  .fs19 {
    font-size: 135.7% !important;
  }

  /* font-size:19px */
  .fs20 {
    font-size: 142.9% !important;
  }

  /* font-size:20px */
  /* 文字装飾設定 */
  .italic {
    font-style: italic;
  }

  .small-caps {
    font-variant: small-caps;
  }

  .bold,
  .textbold {
    font-weight: bold;
  }

  .overline {
    text-decoration: overline;
  }

  .underline {
    text-decoration: underline;
  }

  
  .sky {color:#0098f0;}
  .orange {color:#ff4e00;}


  .underline {
    text-decoration: underline;
  }

  .italic {
    font-style: italic;
  }

  .textbold {
    font-weight: bold;
  }

  img {
    margin: 0;
    padding: 0;
    border: 0;
  }

  /*TABLE設定*/
  .tablebasic {
    /*テーブルに黒い枠線を表示させる*/
    border-collapse: collapse;
  }

  .tablebasic, tablebasic td, .tablebasic th {
    border-collapse: collapse;
    border-spacing: 0;
  }

  .tablebasic td, .tablebasic th {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #333;
  }

  .table-none td, .table-none th {
    /*入れ子のテーブルから枠線を消す*/
    border: none;
  }

  /*右コンテンツ-２カラム用*/
  #rightContent {
    float: right;
    width: 764px;
  }

  /*３カラム用*/
  #LeftCon {
    float: left;
    width: 568px;
  }

  #rightCon {
    float: right;
    width: 176px;
  }

  .sp-only {
    display: none !important;
  }

  .pc-only {
    display: block !important;
  }

  .container {
    width: 960px;
    margin: 0 auto;
  }
  .container:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
  }



  /* ================================================
  ●１０. ページトップ　
  ================================================*/
  #fixedTop {
    right: 10px;
    bottom: 10px;
    width: 46px;
    height: 46px;
    display: none;
    background: url(/share/images2016/btn_pagetop.png) no-repeat left top;
    position: fixed;
    z-index: 9999;
    border-radius: 5px;
    -webkit-transform: translateZ(0);
  }

  #fixedTop:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.7;
  }
}
/* =================================================
    SP用ヘッダースタイル
================================================= */
@media only screen and (max-width: 767px) {
  #header {
    background: #FFF;
    width: 100%;
	top:0;
	left:0;
  }

  #logo {
    width: 120px;
    margin: 10px 10px 7px 10px;
  }
  
}
/* =================================================
PC用ヘッダー
================================================= */
@media print, screen and (min-width: 768px) {
  #header {
    background: #fff;
    width: 100%;
    position: relative;
    z-index: 10000;
  }

  #header img {
  margin:20px 20px 18px 20px;  
  }

  #header ul, #header li {
    list-style: none;
  }

  #header #upperContent {
    width: 1220px;
    margin: 0 auto;
    background: #fff;
    text-align: left;
  }

  #header #headerLogo {
    float: left;
    margin: 0;
    padding: 0;
  }
  

  



  .fixed {
    position: fixed;
    top: 0;
    z-index: 1;
    border-bottom: 1px solid #666;
  }


}
/* =================================================
SP$BMQ%Y!<%9%9%?%$%k(B
================================================= */
@media only screen and (max-width: 767px) {



}
/* =================================================
PC用フッタースタイル
================================================= */
@media print, screen and (min-width: 768px) {

}

.img-responsive {
  max-width: 100%;
  height: auto;
}

.img-responsive-max {
  width: 100% !important;
  height: auto;
}



@media print, screen and (min-width: 768px) {

}



/*SPなど*/
@media screen and (max-width:1280px){

	body {
	    background-size: auto 34px;
	    font-size: medium;
	    padding: 0;
	}

	.wrapper-width {
	    margin: 0 auto;
	    width: 100%;
	}
		

	#header {
	    margin: 0px auto;
	    max-width: inherit;
	}

	#header img {
	    width: 170px;
	    height: auto;
	}
	


}