@charset "Shift_JIS";

/* INDEX
共通基本設定
デザインスタイル設定
ぱんくずリンク設定
肩口小リンク設定
メニューリンク設定
タイトル・見出し・基本文字設定
基本枠設定
*/

/*
===================================================
共通基本設定
===================================================
*/

/* --- 全称セレクタでリセット --- */
* {
  margin: 0px;
  padding: 0px;
  font-style : normal;
  font-weight : normal;
}

/* --- Firefox Opera 画像ずれ対応 --- */
img { vertical-align: bottom; }

/* --- 基本 ハイパーテキストリンク --- */
a {
  /* --- text-decoration: underline; --- */
  text-decoration: none;
}
a:link {
  color: #8080c0;
}
a:visited {
  color: #8080c0;
}
a:hover,a:active {
  color: #804040;
  /* --- text-decoration: underline; --- */
}

/* --- 廻り込み解除 --- */
.float_end{
  clear : both;
}
.float_end_h{
  clear : both;
  height : 12px;
}

/*
===================================================
デザインスタイル設定
===================================================
*/

/* --- ボディスタイル --- */
body{
  width : 100%;
  margin: 0px 0px 0px 0px;

  color: #333333;
  background : #eeeeee;


  background-image : url(../img/base.gif);
  background-position : center top;

	overflow-y:scroll;

  /* 画像
  background-repeat : repeat-x;
  background-attachment : fixed;

  */
}

/* --- コンテナー（全体枠） --- */
#container{
  width: 781px;
  margin: 0px auto;
  padding: 0px;

  text-align: left;

  border: 0px;
}


/* --- ヘッダー（上部枠） --- */
#header{
  width: 779px;
  height : 85px;
  margin: 0px;
  padding: 0px;
  text-align: left;

  background : #ffffff;
  border-left : 1px solid #0e1680;
  border-right : 1px solid #0e1680;

  background-image : url(../img/head.jpg);
  background-repeat : no-repeat;

}
#header .lvew{
  float:left;
  width: 300px;
  height : 30px;
  margin: 55px 0px 0px 0px;

  text-align: left;

  /*
  background-image : url(../img/smlhed.gif);
  background-repeat : no-repeat;
  */

}
#header .rvew{
  float:left;
  width: 479px;
  height : 30px;
  margin: 55px 0px 0px 0px;

  text-align: right;
}

/* --- ビジュアルイメージ --- */
#visual0{
  display: none;
}
#visual1{
  display: none;

}
#visual2{
  display: none;

  width: 624px;
  height : 200px;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;

  text-align: left;
  background : #ffffff;

  background-image : url(../img/visu.jpg);
  background-repeat : no-repeat;
  background-position : center top;

}

/* --- メイン枠 --- */
#main{
  width:779px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;

  text-align: left;
  background: #ffffff;

  border-left : 1px solid #0e1680;
  border-right : 1px solid #0e1680;

  /*
  background-image : url(../img/contents_bs.gif);
  background-repeat : repeat-y;
  background-position : center center;
  */
}

/* --- メニュー枠 --- */
#menu{
  float:left;
  width:155px;
  /*height:380px;*/
  margin: 0px 0px 30px 0px;
  padding: 0px 0px 0px 0px;

  text-align: right;
  background: #ffffff;

  /*border-top : 1px solid #faa809;*/
  /*border-bottom : 1px solid #faa809;*/

}
#menu .m_head{
  /*display: none;*/

  width:155px;
  height:30px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;

  background-color:#9c0006;

  background-image : url(../img/m_head.gif);
  background-repeat : no-repeat;

}
#menu .m_space{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;

  text-align: left;

  /*
  background-image : url(../img/contents_bs.gif);
  background-repeat : repeat-y;
  background-position : center center;
  */

}
#menu .m_foot{
  /*display: none;*/

  width:155px;
  height:35px;
  margin: 0px 0px 10px 0px;

  background-image : url(../img/menu_foot.gif);
  background-repeat : no-repeat;
  background-position : right bottom;

}

/* --- コンテンツ枠 --- */
#contents{
  float:left;
  width:624px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
#contents .c_head{
  /*display: none;*/
  /*width:624px;*/
  height:30px;
  margin: 0px 0px 18px 0px;
  padding: 0px 0px 0px 20px;

  color: #ffffff;
  font-size: 100%;
  font-weight : bold;
  line-height: 30px;

  font-family : sans-serif,Arial;

  background-image : url(../img/c_head.gif);
  background-repeat : no-repeat;
  background-position : left top;


}
#contents .c_space{
  margin: 0px 20px 30px 20px;
  padding: 0px 0px 0px 0px;

  width:584px;

  /*
  background-image : url(../img/contents_bs.gif);
  background-repeat : repeat-y;
  background-position : center center;
  */

}
#contents .c_foot{
  display: none;
  width:624px;
  height:30px;
  margin: 0px 0px 0px 0px;
}

/* --- フッター枠 --- */
.footer {
  clear: both;
  height : 30px;
  margin: 0px 0px 20px 0px;
  padding: 10px 20px 15px 20px;
  line-height:18px;
  text-align: right;
  background-color:#0e1680;
  color:#fff;
  font-size:13px;
  xtext-shadow: 0.5px 0.5px 10px #efefef;
  text-shadow: 0.5px 0.5px 5px #333;
}

/* --- フッター文字 --- */
.footer span{
  display: none;
  color: #ffffff;
  font-size: 80%;
}
.office {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.office a {
	line-height:18px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
}
/*
===================================================
パンくずリンク設定
===================================================
*/

/* --- パンくずリスト枠 --- */
#pankuzu{
  font-size: 80%;
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
}

/* --- 文字タイプ --- */
#pankuzu li{
  display:inline;
  list-style:none;
  margin: 0px 5px 0px 0px;
  text-align: left;
}
#pankuzu span{
  /*display:none;*/
}

#pankuzu .hitpk{
  color: #804040;
}

/*
===================================================
肩口小リンク設定
===================================================
*/

/* --- ショルダーリスト枠 --- */
#shoulder{
  font-size: 80%;
  margin: 10px 10px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/* --- 文字タイプ --- */
#shoulder li{
  display:inline;
  list-style:none;
  margin: 0px 0px 0px 5px;
  color: #ffc062;
  text-align: left;
}
#shoulder span{
  /*display:none;*/
}

#shoulder .hitsh{
  color: #ff8600;
}

#shoulder a:link {
  color: #ffffff;
  /* --- text-decoration: underline; --- */
  text-decoration: none;
}
#shoulder a:visited {
  color: #ffffff;
  /* --- text-decoration: underline; --- */
  text-decoration: none;
}
#shoulder a:hover,a:active {
  color: #ff0000;
  /* --- text-decoration: underline; --- */
  text-decoration: none;
}

/* --- 画像タイプ --- */

/*

#shoulder span{
  display:none;
}
#shoulder a{
  display:block;
  width:85px;
  height:20px;
}
#shoulder div{
  display:block;
  width:85px;
  height:20px;
}

#shoulder a.s00{
  /*background: #eeeeee;*/
  /* background-image:url(../img/sml01.gif); */
}
#shoulder a:hover.s00{
  /* background: #aaaaaa; */
  /* background-position:0px -22px;
}
#shoulder div.s00{
  /* background: #000000; */
  background-image:url(../img/sml01.gif);
  background-position:0px -44px;
}
*/


/*
===================================================
メニューリンク設定
===================================================
*/

/* --- ページトップに戻る（スペース） --- */
#pagetop{
  margin: 10px 0px 0px 0px;
  font-size: 80%;
  text-align: right;
}

/* --- リンクリスト枠 --- */
#list{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font-size: 90%;
}
#list li{
  width:155px;
  float:left;
  list-style:none;
  text-align: left;
}

/* --- リスト間スペース --- */
#list .lsps{
  margin: 0px 0px 0px 0px;
}

/* --- リストボタン枠 --- */
#list a{
  display:block;
  height:39px;
  line-height: 30px;
}
#list div{
  display:block;
  height:39px;
  line-height: 30px;
}

/* --- リンク文字表示 --- */
#list span{
  display:none;
  margin: 0px 0px 0px 25px;
  font-weight : bold;
}

#list a:link {
  color: #926642;
  /* --- text-decoration: underline; --- */
  text-decoration: none;
}
#list a:visited {
  color: #926642;
  /* --- text-decoration: underline; --- */
  text-decoration: none;
}
#list a:hover,a:active {
  color: #ffffff;
  /* --- text-decoration: underline; --- */
  text-decoration: none;
}

/* --- リンクボタン（文字タイプ） --- */
#list a.nml{
  /* background: #eeeeee; */
  background-image:url(../img/btn.jpg);
}
#list a:hover.nml{
  /* background: #aaaaaa; */
  background-position:0px -41px; */
}
#list div.nml{
  color: #ffff00;
  /* background: #000000; */

  background-image:url(../img/btn.jpg);
  background-position:0px -82px;

}

/* --- リンクボタン（画像タイプ） --- */
#list a.b00{
  /* background: #eeeeee; */
  background-image:url(../img/b00.jpg);
}
#list a:hover.b00{
  /* background: #aaaaaa; */
  background-position:0px -41px;
}
#list div.b00{
  /* background: #000000; */
  background-image:url(../img/b00.jpg);
  background-position:0px -82px;
}

#list a.b01{
  /* background: #eeeeee; */
  background-image:url(../img/b01.jpg);
}
#list a:hover.b01{
  /* background: #aaaaaa; */
  background-position:0px -41px;
}
#list div.b01{
  /* background: #000000; */
  background-image:url(../img/b01.jpg);
  background-position:0px -82px;
}

#list a.b02{
  /* background: #eeeeee; */
  background-image:url(../img/b02.jpg);
}
#list a:hover.b02{
  /* background: #aaaaaa; */
  background-position:0px -41px;
}
#list div.b02{
  /* background: #000000; */
  background-image:url(../img/b02.jpg);
  background-position:0px -82px;
}

#list a.b03{
  /* background: #eeeeee; */
  background-image:url(../img/b03.jpg);
}
#list a:hover.b03{
  /* background: #aaaaaa; */
  background-position:0px -41px;
}
#list div.b03{
  /* background: #000000; */
  background-image:url(../img/b03.jpg);
  background-position:0px -82px;
}

#list a.b04{
  /* background: #eeeeee; */
  background-image:url(../img/b04.jpg);
}
#list a:hover.b04{
  /* background: #aaaaaa; */
  background-position:0px -41px;
}
#list div.b04{
  /* background: #000000; */
  background-image:url(../img/b04.jpg);
  background-position:0px -82px;
}

#list a.b05{
  /* background: #eeeeee; */
  background-image:url(../img/b05.jpg);
}
#list a:hover.b05{
  /* background: #aaaaaa; */
  background-position:0px -41px;
}
#list div.b05{
  /* background: #000000; */
  background-image:url(../img/b05.jpg);
  background-position:0px -82px;
}
#list a.b07{
  /* background: #eeeeee; */
  background-image:url(../img/b07.jpg);
}
#list a:hover.b07{
  /* background: #aaaaaa; */
  background-position:0px -41px;
}
#list div.b07{
  /* background: #000000; */
  background-image:url(../img/b07.jpg);
  background-position:0px -82px;
}
.kiCo { clear: both; padding-top: 10px; background: #0e1680;}
.kiCo p { margin-left: 10px;}
.kiCo a { color: #fff; font-size: 13px;}

/*
===================================================
タイトル・見出し・基本文字設定
===================================================
*/

/* --- タイトル文字 --- */
h1 {
  display: none;
  margin: 0px 0px 0px 10px;
  color: #000000;
  font-size: 120%;
  font-weight: bold;
  font-family: Arial,Helvetica,sans-serif;
}

/* --- 大見出し --- */
h2{
  margin: 0px 0px 15px 0px;
  padding: 0px 0px 0px 10px;
  height : 25px;

  text-align: left;
  font-size : 90%;
  line-height: 25px;
  font-weight : bold;
  color: #ffffff;

  border-right : 5px solid #1423e1;

  /* background:#f8f3f5; */

  background-image : url(../img/midasi_a.jpg);
  background-repeat : no-repeat;
  background-position : left center;

}

/* --- 中見出し --- */
h3{
  margin: 0px 5px 0px 5px;
  padding : 0px 0px 0px 10px;
  height : 25px;

  text-align: left;
  font-size : 80%;
  line-height: 25px;
  font-weight : bold;
  color: #ffffff;

  background-image : url(../img/midasi_b.gif);
  background-repeat : no-repeat;
  background-position : left center;

}

/* --- 小見出し --- */
h4{
  margin: 0px 0px 15px 0px;
  padding : 5px 5px 5px 5px;
  font-size : 80%;
  font-weight : bold;
  color: #693e54;

  background:#f8f3f5;
  border-width : 1px 5px 1px 5px;
  border-style : solid;
  border-color : #b09ea7;

  /*
  background-image : url(../img/h4base.gif);
  background-position : center center;
  */
}

/* --- 極小見出し --- */
h5{
  margin: 0px 0px 10px 0px;
  padding : 5px 0px 5px 0px;
  font-size : 80%;
  font-weight : bold;
  color: #693e54;

  border-width : 1px 0px 1px 0px;
  border-style : solid;
  border-color : #cccccc;
}

/* --- 極太文字 --- */
.bfont1{
  margin: 0px 0px 5px 0px;
  color : #000000;
  font-size : 90%;
  line-height: 120%;
  font-weight : bold;
}

/* --- 太文字 --- */
.bfont2{
  margin: 0px 0px 5px 0px;
  color : #5050ff;
  font-size : 80%;
  line-height: 120%;
  font-weight : bold;
}

/* --- 通常文字 --- */
.nmlfont{
  font-size: 80%;
  line-height: 150%;
  margin: 0px 0px 10px 0px;
}

#vwlnk{
  color: #ff6400;
  margin: 0px 0px 15px 0px;
  font-size: 80%;
}


/* --- 通常文字2 --- */
.plnmes{
  margin: 0px 5px 20px 5px;
  font-size: 80%;
  line-height: 150%;

}

.plnmes span{
	color: #006633;
}


.plmmds{
  padding : 2px 5px 2px 5px;
  margin: 0px 0px 10px 0px;
  font-size: 80%;
  font-weight : bold;

  height : 50px;
  line-height: 22px;

  background : #ffffbb;
  color: #990000;

  border-top : 1px solid #ff9600;
  border-left : 5px solid #ff9600;
  border-right : 1px solid #ff9600;
  border-bottom : 1px solid #ff9600;

}

ol{

  margin: 0px 0px 0px 35px;

}

.circle {
	color:#006633;
}


/*
===================================================
基本枠設定
===================================================
*/

#nml_waku{

  margin: 0px 5px 10px 5px;
  padding: 20px;
  border-top : 1px solid #cccccc;
  border-left : 1px solid #cccccc;
  border-right : 1px solid #cccccc;
  border-bottom : 1px solid #cccccc;

}

/*
===================================================
トップバック
===================================================
*/

.pgtop{
  text-align : right;
  margin: 10px 0px 10px 0px;
}

@media print {

  body{
    width: 100%;
    margin: 0px 20px 0px 20px;

    color: #666666;
    background : #ffffff;

  }

  #container{
    margin: 0px 0px 0px 0px;
  }

  #header {display:none; }


  #main{

    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;

    width : 100%;
    border : 0px;

    text-align: left;
    background: #ffffff;
  }


  #menu {display:none; }

  #contents{
    width: 100%;
  }

  #contents .c_head{display:none; }

  #contents .c_space{
    width : 100%;
    margin: 20px 0px 30px 0px;
    padding: 0px 0px 0px 0px;

  }
  #contents .c_foot{display:none; }
  .footer {
    display:none; 
  }

  h2{
    margin: 0px 0px 20px 0px;
    padding: 5px;

    text-align: left;
    font-size : 100%;
    line-height: 25px;
    font-weight : bold;
    color: #ffffff;

    background:#0000ff;

  }

/* --- 中見出し --- */
  h3{

    color: #000000;


  }

  .pgtop{display:none;}

  #vwlnk{display:none;}

  .plnmes{
    margin: 0px 5px 20px 5px;
    font-size: 80%;
    line-height: 150%;
    font-family : serif;
  }

  .plmmds{

    font-family : sans-serif;
  }

  .plnmes span{

    color: #ff0000;
    font-family : sans-serif;
  }


}


.bold_red {
	font-weight:bold;
	color:#FF0000;
	font-size: 15px;
}
.bold_green {
	color: #006633;
	font-weight:bold;
	font-size: 15px;
}
.proposal {
	font-size: 14px;
	line-height: 25px;
}
.bold_blue {
	font-size: 14px;
	font-weight: bold;
	color: #000099;
}
.bold_black {
	font-size: 15px;
	font-weight: bold;
	color: #000000;
}
.bold_blue_large {
	font-size: 15px;
	font-weight: bold;
	color: #000066;
}

.info_box {
	background-color: #ffc;
	border:1px solid #ff9600;
	border-left:5px solid #ff9600;
	color: #990000;
	width:100%;
}
.info_box th , td{
	font-weight:bold;
	padding:5px;
}
.inquiry th{
	width:70px;
	padding:0px 0px 0px 2px;
}
.suggestion th{
	width:75px;
}


/*
  padding : 2px 5px 2px 5px;
  margin: 0px 0px 10px 0px;
  font-size: 80%;
  font-weight : bold;

  height : 50px;
  line-height: 22px;

  background : #ffffbb;
  color: #990000;
  */





:root {
--white: #fff;
--cc1: #0e1680;
--cc2: #0d19cf;
--cc3: #e50008;
}
.baseBtn { width: fit-content; margin: 0 auto;}
.baseBtn t.span { position: relative;}
.baseBtn a { overflow: hidden; position: relative; z-index: 1000; display: block; padding: 0.9rem 0.9rem; font-size: 1.0rem; text-align: center; transition: all 0.3s; border-radius: 0.3rem; box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);}
.baseBtn a,
.baseBtn a:hover { text-decoration: none !important;}
.baseBtn a:hover { transform: translateY(-5px); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2);}

.baseBtn.pdf { margin: 30px auto 0;}
.baseBtn.pdf a { color: var(--cc3) !important; font-size: 1.0rem; font-weight: bold; text-decoration: underline !important; background: var(--white); border: 1px solid var(--cc1);}
.baseBtn.pdf a { border: 1px solid var(--cc1);}
.baseBtn.pdf a:hover { color: var(--cc2) !important; background: var(--white) !important; border: 1px solid var(--cc2) !important;}