
/*
#####フォントサイズチャート#####
10px=77%
11px=85%
12px=93%
13px=100%
14px=108%
15px=116%
16px=123.1%
17px=131%
18px=138.5%
19px=146.5%
20px=153.9%
21px=161.6%
22px=167%
*/


body{
  font:13px "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS PGothic",Meiryo,"Lucida Grande",sans-serif;
  *font-size:small;
  *font:x-small;
  line-height: 1.5em;
}
table,h1,h2,h3,h4{
  font-size:inherit;
  font:100%;
  font-weight: normal;
}

/* フォントサイズ設定ここまで */


/* ##### 共通 ##### */
body,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,div,table,tr,td{
  padding : 0px;
  margin : 0px;
}
ul,ol{
  list-style-type : none;
}
a,
a:visited{
  text-decoration: none;
  color: #006699;
}
a:hover{
  text-decoration: underline;
}
.clear{
  clear : both;
}
.clearfix:after{
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix{
  min-height: 1px;
}
* html .clearfix{
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* margin,padding */
.m05e{
  margin: 0.5em;
}
.m08e{
  margin: 0.8em;
}
.m1e{
  margin: 1em;
}
.m3e{
  margin: 3em;
}
.mt3{
  margin-top: 3px;
}
.mt05e{
  margin-top: 0.5em;
}
.mt1e{
  margin-top: 1em;
}
.mt2e{
  margin-top: 2em;
}
.mt3e{
  margin-top: 3em !important;
}
.ml1e{
  margin-left: 1em;
}
.ml2e{
  margin-left: 2em;
}
.ml3e{
  margin-left: 3em;
}
.mb1e{
  margin-bottom: 1em;
}
.mb2e{
  margin-bottom: 2em;
}
.pl1e{
  padding-left: 1em;
}


/* font,indent */
.f-bld{
  font-weight: bold;
}
.f-b2{
  font-size: 116%;
}
.f-b3{
  font-size: 123.1%;
}
.f-b3bld{
  font-size: 123.1%;
  font-weight: bold;
}
.f-s7{
  font-size: 65%;
}
.f_red{
  color: #cc3333;
}
.tx-r{
  text-align: right;
}
.tx-c{
  text-align: center;
}
.ast{
  text-indent: -1em;
  padding-left: 1em;
}
.tx-id1{
  text-indent: 1em;
}
.tx-u{
  text-decoration: underline;
}


/* table */
.tbl_line-g{
  border-collapse: collapse;
}
.tbl_line-g td,
.tbl_line-g th{
  border: 1px solid #bec7cc;
  padding: 0.3em 0.5em;
}
.tbl_line-g th{
  background-color: #e7ebed;
  text-align: center;
}


/* other */
.img-left{
  float: left;
  margin: 0 1em;
}
.img-right{
  float: right;
  margin: 0 1em;
}


/* button */
.bt_blue{
  display: block;
  margin: 1em;
  padding: 0.5em;
  text-align: center;
  border: 1px solid #2875a8;
  background: #ebf1f6; /* Old browsers */
  background: -moz-linear-gradient(top,  #ebf1f6 0%, #abd3ee 50%, #97c6e5 51%, #d5ebfb 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf1f6), color-stop(50%,#abd3ee), color-stop(51%,#97c6e5), color-stop(100%,#d5ebfb)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ebf1f6 0%,#abd3ee 50%,#97c6e5 51%,#d5ebfb 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ebf1f6 0%,#abd3ee 50%,#97c6e5 51%,#d5ebfb 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ebf1f6 0%,#abd3ee 50%,#97c6e5 51%,#d5ebfb 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ebf1f6 0%,#abd3ee 50%,#97c6e5 51%,#d5ebfb 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 ); /* IE6-9 */
}
.bt_orline-rd{
  height: 37px;
  line-height: 37px;
  display: inline-block;  
  *display: inline;  
  *zoom: 1; 
  padding: 0 1em;
  border: 1px solid #bec7cc;
  background-image: url(../images/sub_bt-obg.gif);
  background-repeat : repeat-x;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}


/* list */
ol.li_no{
  list-style-type: decimal;
  margin-left: 1.5em;
  padding-left: 0;
}

ul.li_sq,
ul.li_bluegr-rd{
  margin: 0;
}

ul.li_cl li{
  list-style-type: circle;
}

.li_sq li,
.li_sq dt{
  list-style-type: none;
  background-image: url(../images/icon_list1.gif);
  background-repeat : no-repeat;
  background-position : left 2px;
  padding-left: 16px;
  margin-bottom: 0.7em;
}
.li_sq dd li,
.li_sq dd dt{
  list-style-type: disc;
  background-image: none;
  padding: 0;
  margin: 0;
}


.li_bluegr-rd li{
  list-style-type: none;
  border: 1px solid #bec7cc;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: #e3f0f4; /* Old browsers */
  background: -moz-linear-gradient(top,  #feffff 0%, #e3f0f4 35%, #c9e2f3 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(35%,#e3f0f4), color-stop(100%,#c9e2f3)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #feffff 0%,#e3f0f4 35%,#c9e2f3 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #feffff 0%,#e3f0f4 35%,#c9e2f3 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #feffff 0%,#e3f0f4 35%,#c9e2f3 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #feffff 0%,#e3f0f4 35%,#c9e2f3 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#c9e2f3',GradientType=0 ); /* IE6-9 */
}


/* icon */
.ic_pdf{
  background-image: url(../images/icon_pdf.gif);
  background-repeat : no-repeat;
  background-position : left top;
  padding: 2px 0 2px 20px;
  min-height: 16px;
}


#wrap{
  text-align: center;
}
#container{
  margin: 0 auto;
  min-width: 900px;
  width: 69.231em;
  text-align: left;
}
/* IE用 */
* html #container{
  border-right: 900px solid #ffffff;
}
* html #ie-d{
  display:inline-block;
  position:relative;
  margin-right:-900px;
}


/* header */
#header{
  margin-top: 1em;
}


/* footer */
#footer-wrap{
  background-color: #AED6F1;
  margin-top: 3em;
  text-align: center;
}
#footer{
  margin: 0 auto;
  min-width: 900px;
  width: 69.231em;
  padding: 1em 0 3em 0;
}
#f_link{
  float: left;
  text-align: left;
}
#f_copyr{
  float: right;
  text-align: right;
  font-size: 93%;
}


/* ##### index ##### */
/* main */
#i_main-wrap{
  margin-top: 1em;
}
#i_main{
  float: left;
  width: 53em;
}
#i_side{
  float: right;
  width: 14.5em;
}
#i_image{
  width: 53em;
  height: 15em;
  background-image: url(../images/index_image.jpg);
  background-repeat : no-repeat;
  background-position : center;
  margin-bottom: 1em;
  background-size:contain;
}
#i_mbox1{
  float: left;
  width: 29.2em;
}
#i_mbox2{
  float: right;
  width: 21.5em;
}
#i_main-wrap h2,
.i_sbox2b{
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

.i_mboxt{
  height: 33px;
  margin-bottom: 3px;
  background-image: url(../images/index_mbox-tbg1.gif);
  background-repeat : repeat-x;
}
.i_mboxt h2{
  color: #ffffff;
  font-size: 123.1%;
  height: 33px;
  padding-left: 17px;
  background-image: url(../images/index_mbox-tbg2.gif);
  background-repeat : repeat-y;
  line-height: 33px;
}
#i_mbox1 .i_mboxc{
  padding: 1em;
}
#i_mbox1 .portr{
  float: right;
  margin: 0 0 0.3em 1em;
}
#i_mbox1 p{
  line-height: 1.9em;
}
#i_mbox2 .i_mboxc{
  padding: 1em 0;
}
#i_mbox2 p{
  padding: 0 1em;
}
.mboxc-bd{
  border-bottom: 1px dashed #669999;
  margin-bottom: 0.5em;
}

.mbox2_date{
  text-align: right;
  margin-bottom: 0.5em;
}


/* side box */
#i_sbox1,
#i_sbox4{
  background-image: url(../images/index_side-bg1.gif);
  padding: 5px;
}
#i_sbox1,
#i_sbox2,
#i_sbox3{
  margin-bottom: 1em;
}
#i_sbox1,
#i_sbox2{
  text-align: center;
}

.i_sboxt{
  text-align: center;
}
.i_sboxt h3{
  font-weight: bold;
  font-size: 100%;
}
.i_sboxt h2{
  font-size: 108%;
}

.i_sbox1b{
  display: inline;
  line-height: 2.5em;
  padding: 0.3em 1em;
  color: #ffffff;
  border: 1px solid #003366;
  background: #2875a8; /* Old browsers */
  background: -moz-linear-gradient(top,  #79b7e1 0%, #2875a8 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79b7e1), color-stop(100%,#2875a8)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #79b7e1 0%,#2875a8 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #79b7e1 0%,#2875a8 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #79b7e1 0%,#2875a8 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #79b7e1 0%,#2875a8 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79b7e1', endColorstr='#2875a8',GradientType=0 ); /* IE6-9 */
  /*background-blend-mode: multiply;*/
}
.i_sbox1b a,
#i_sbox2 h2 a{
  color: #ffffff;
}

#i_sbox2 h2,
#i_sbox3 h2{
  height: 34px;
  line-height: 34px;
  margin-bottom: 0.3em;
}
#i_sbox2 h2{
  background-image: url(../images/index_side2-tbg.gif);
  background-repeat : repeat-x;
  color: #ffffff;
}

#i_sbox2,
#i_sbox3{
  border: 1px solid #cccccc;
  padding-bottom: 0.5em;
}

#i_sbox2{
  background-image: url(../images/index_side-bg2.gif);
}

.i_sbox2b{
  display: inline;
  padding: 0.3em 1.5em;
  line-height: 3em;
  color: #993300;
  font-weight: bold;
  border: 1px solid #cc3333;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: #ecbe56; /* Old browsers */
  background: -moz-linear-gradient(top,  #f6b6aa 0%, #ecbe56 16%, #f6cd71 30%, #ffdb89 44%, #ecbe56 51%, #e8ae2b 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6b6aa), color-stop(16%,#ecbe56), color-stop(30%,#f6cd71), color-stop(44%,#ffdb89), color-stop(51%,#ecbe56), color-stop(100%,#e8ae2b)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f6b6aa 0%,#ecbe56 16%,#f6cd71 30%,#ffdb89 44%,#ecbe56 51%,#e8ae2b 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f6b6aa 0%,#ecbe56 16%,#f6cd71 30%,#ffdb89 44%,#ecbe56 51%,#e8ae2b 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f6b6aa 0%,#ecbe56 16%,#f6cd71 30%,#ffdb89 44%,#ecbe56 51%,#e8ae2b 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f6b6aa 0%,#ecbe56 16%,#f6cd71 30%,#ffdb89 44%,#ecbe56 51%,#e8ae2b 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6b6aa', endColorstr='#e8ae2b',GradientType=0 ); /* IE6-9 */
}
.i_sbox2b a{
  color: #993300;
}

#i_sbox2 p,
#i_sbox3 p,
#i_sbox4 p{
  font-size: 93%;
}

#i_sbox2 p{
  text-align: left;
  margin: 0 1em 0 2em;
  text-indent: -1em;
  line-height: 1.4em;
}
#i_sbox3 h2{
  background: #e9e9e9; /* Old browsers */
  background: -moz-linear-gradient(top,  #e9e9e9 0%, #d6d6d6 70%, #a0a0a0 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(70%,#d6d6d6), color-stop(100%,#a0a0a0)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #e9e9e9 0%,#d6d6d6 70%,#a0a0a0 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #e9e9e9 0%,#d6d6d6 70%,#a0a0a0 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #e9e9e9 0%,#d6d6d6 70%,#a0a0a0 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #e9e9e9 0%,#d6d6d6 70%,#a0a0a0 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#a0a0a0',GradientType=0 ); /* IE6-9 */
}

#i_sbox3 p,
#i_sbox4 p{
  margin: 0 1em;
}

#i_sbox4 p{
  margin-top: 0.5em;
}


/* ##### sub ##### */
/* menu */
#s_menu{
  width: 100%;
  height: 42px;
  background: #2875a8; /* Old browsers */
  background: -moz-linear-gradient(top,  #2875a8 0%, #3498db 30%, #3498db 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2875a8), color-stop(30%,#3498db), color-stop(100%,#3498db)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #2875a8 0%,#3498db 30%,#3498db 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #2875a8 0%,#3498db 30%,#3498db 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #2875a8 0%,#3498db 30%,#3498db 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #2875a8 0%,#3498db 30%,#3498db 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2875a8', endColorstr='#3498db',GradientType=0 ); /* IE6-9 */
}
#s_menu ul{
  text-align: center;
}
#s_menu li{
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 123.1%;
  display: -moz-inline-box;
  display: inline-block;
  /display: inline;
  /zoom: 1;
  overflow: hidden;
}
#s_menu a{
  color: #ffffff;
  height: 42px;
  padding: 0 2em;
  display: block;
}
#s_menu a:hover{
  text-decoration: none;
}
#s_menu li.now,
#s_menu a:hover{
  background-image: url(../images/sub_menu-nbg.png);
  background-repeat : no-repeat;
  background-position: bottom center;
}


/* main */
#path{
  margin: 10px;
}
#s_side{
  width: 16em;
  float: left;
}
#s_contents{
  width: 52em;
  float: right;
}
#s_side h2,
#s_contents h2,
#sh_contents h2{
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size: 153.9%;
}
#s_contents h3{
  font-size: 100%;
}

#s_side h2{
  background-color: #336699;
  color: #ffffff;
  text-align: center;
  padding: 0.8em 0;
}
#s_side h2 a{
  color: #ffffff;
}
#s_side li{
  text-align: center;
  line-height: 3em;
  border-bottom: 2px solid #99CCFF;
  font-size: 108%;
}
#s_side li li{
  font-size: 93%;
  text-align: center;
  line-height: 2.5em;
  border-top: 1px dashed #99CCFF;
  border-bottom: none;
  background-color: #ffffff;
}
#s_side li.now{
  background-image: url(../images/sub_smenu-nbg.gif);
}
#s_contents h2,
#sh_contents h2{
  border-bottom: 5px solid #c9e2f3;
  padding: 0.2em 0.5em;
}
.s_cont-box{
  margin: 1.5em;
}
.s_cont-box ul{
  list-style-type: disc;
  margin: 1em 2em;
}