@charset "UTF-8";


/*--------------------------------------------------------------------
初期設定
--------------------------------------------------------------------*/


/* =============== 標準化 */

/* ------ framework */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, var, i, dl, dt, dd, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary,time, mark, audio, video
 {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; font-style:normal;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display:block;}
audio, canvas, video {display:inline-block;}
html {overflow-y:scroll;}
body {-webkit-text-size-adjust:100%;}

/* ------ block elements */
ul {margin:0; padding:0; list-style-type:none;}
ol {margin:0; padding:0 0 0 2em;}
p {margin:0 0 .6em;}

/* ------ inline elements */
a {color:#000;outline:none; background:transparent;}
a:hover img {filter:alpha(opacity=80); opacity:.80;}
small {font-size:80%;}
.small {font-size:85%;}
sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup {top:-.5em;}
sub {bottom:-.25em;}

/* ------ form */
button, input, select, textarea {font-family:inherit; font-size:100%; margin:0;}
button, input {line-height:normal;}
button, select {text-transform:none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button; cursor:pointer;}
button[disabled], html input[disabled] {cursor:default;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box; padding:0;}
input[type="search"] {-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
textarea {overflow:auto; vertical-align:top;}

/* ------ table */
table {border-collapse:collapse; border-spacing:0;}
caption {text-align:left;}

/* ------ img */
img {border:0; vertical-align:bottom;}
.ie7 img {-ms-interpolation-mode:bicubic;}

/* ------ WebFont */
@font-face {
  font-family:'arrow';
  src:url('../fonts/cicle_gordita-webfont.eot');
  src:url('../fonts/cicle_gordita-webfont.eot?#iefix') format('embedded-opentype'),
      url('../fonts/cicle_gordita-webfont.woff2') format('woff2'),
      url('../fonts/cicle_gordita-webfont.woff') format('woff'),
      url('../fonts/cicle_gordita-webfont.ttf') format('truetype'),
      url('../fonts/cicle_gordita-webfont.svg#ciclegordita') format('svg');
  font-weight:normal;
  font-style:normal;
}

/* ------ box-sizing 
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} */



/* =============== 共通利用 */

/* ------ 配置 */
.clear {clear:both;}
.center {text-align:center;}
.textRight {text-align:right;}
.fltR {float:right;}
.fltL {float:left;}
.spaced {margin:25px 0;}
.semiSpaced {margin:10px 0;}
.first {margin-top:0!important;}
.spOnly {display:none;}
.inBlk {display:inline-block;}
.btm1 {margin-bottom:1em;}
.btm2 {margin-bottom:2em;}
.btm3 {margin-bottom:3em;}
.top1 {margin-top:1em;}
.top15 {margin-top:1.5em;}
.top2 {margin-top:2em;}
.indent {text-indent:1em;}

/* ------ テキスト装飾 */
.note {font-size:85%; line-height:1.5; margin:.6em 0 1em; color:#555;}
.bold {font-weight:bold;}
.it {font-style:italic;}
.em1 {font-size:108%;}
.em2 {font-size:116%;}
.sml {font-size:85%;}
.red {color:#e36;}
.nowrap {white-space:nowrap;}

/* ------ ul, ol, dl */
.square {margin:0; padding:0 0 0 1.5em; list-style-type:square;}
.disc {margin:0; padding:0 0 0 1.5em; list-style-type:disc;}
.spaced li {margin:.6em 0;}
.spaced dt {margin-top:1.2em;}
.spaced dt:first-child {margin-top:0;} 
.spaced dd {margin-top:.6em;}
.semiSpaced li {margin:.3em 0;}
.semiSpaced dt {margin:.6em 0 .3em;}
.col2, .col3 {overflow:hidden; zoom:1;}
.col2 li {width:49%; float:left;}
.col3 li {width:33%; float:left;}

/* ------ table.bordered */
.bordered {margin-bottom:.5em;}
.bordered th, .bordered td {padding:.4em .7em; border:1px #ccc solid;}
.bordered th {background:#f2f2f2;}
.full {width:100%;}
.almostFull {width:98%; margin-left:1%; margin-right:1%;}

/* ------ .tableLike  */
.tableLike {margin:1em .3em; overflow:hidden;}
.tableLike dt {margin-top:-1px; padding-top:.4em;}
.tableLike dd {margin-top:-1.5em; padding:0 0 .4em 7em;}

/* ------ .tableLike2 イベントで使用  */
.tableLike2 {margin:1em .3em; overflow:hidden;}
.tableLike2 dt {margin-top:-1px; padding-top:.25em;}
.tableLike2 dd {margin-top:-1.5em; padding:0 0 .25em 7em;}

/* ///// スマホ対応 ///// */ 
@media screen and (max-width:768px) {
  .tableLike2 dt {margin:0 0 2px; padding:.3em .5em; background:#e8f4fd;}
  .tableLike2 dd {margin:0 0 .8em; padding:0;}
  .tableLike2 dd dt {margin:10px 0 2px ; border-bottom:2px solid #96c8ee; background:#fff; font-weight:bold;}
  img {max-width:100%; height:auto;}
  .spHide {display:none;}
  .spInBlk,
  .spOnly {display:inline-block;}
}



/*--------------------------------------------------------------------
基本レイアウト
--------------------------------------------------------------------*/


/* =============== 全体 */
body {background:url(../../images/common/bg.gif) top left repeat-x #fff; font:13.5px/1.5 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; *font-size:small; *font:x-small; color:#000;}
.ie6 body {text-align:center;}
.ie6 header, .ie6 #main, .ie6 footer, .content {text-align:left;}

/* =============== ヘッダ */
header {z-index:0;background:url(../../images/common/bg_img.jpg) top right no-repeat; height:152px; width:100%; position:absolute; top:0; right:0;}
header p,header div {display:none;}

/* =============== メイン */
#main {width:1000px; margin:0 auto; position:relative;}
#main:after {content:""; display:block; clear:both;}

/* サイド */
#main .side {position:absolute; top:20px; left:0; width:245px; text-align:center; background:#fff; box-shadow:0 0 6px -50px rgba(0,0,0,0.1);,1px 0 4px 2px rgba(0,0,0,0.1); border-radius:5px; margin:20px 0 0; padding-top:47px; z-index:100;}
#main .content {width:700px; margin-left:295px; padding-top:80px;}
.side nav ul {padding:6px; margin:1.8em auto 0; text-align:left;}
.side nav li a {display:block; text-decoration:none; padding:1.4em 1.1em 1.4em 1.3em; background:#f3f3f1; margin-top:5px; position:relative; font-weight:600;}
.side nav li a:after {position:absolute; content:""; top:50%; right:13px; width:4px; height:7px; margin-top:-3px; background:url(../../images/common/icon_arrow.png); background-size:4px 7px; }
.side nav li a:hover,
.side nav li.select a {background:#e6e6e0;}

/* =============== フッタ */
footer {width:1000px; margin:0 auto; padding:6em 0 2em; clear:both;}
footer address {display:block; margin-left:300px; font-size:11px;}

/* =============== カスタム要素 */
.pageTitle {font-size:100%; margin-bottom:80px;}
.mincho_tit {font-size:190%; font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight:normal; margin:0 0 1em; color:#222; line-height:1.4;}
.mincho_tit2 {font-size:140%; font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight:normal; margin:0 0 1.2em; color:#222; line-height:1.3; padding-top:.8em;}
.secTitle2 { margin:2.5em 0 .6em; color:#006633; padding:.7em .1em; border-bottom:1px solid #d6d4ce;}
.secTitle3 {font-size:108%; color:#333; margin:2.5em 0 1.2em; padding:5px 14px; border-bottom:1px solid #dbdbdb; box-shadow:0 4px rgba(204,204,204,0.1); background:url(../../images/common/tit_bg.gif) no-repeat 2px 50%;}
.loadingBg {background:url(../img/bx_loader.gif) no-repeat 50% 50%;}

.pdfare {width:300px; margin:2em auto; text-align:center;}
.pdfare img {margin-bottom:1em; border:1px #eee solid;}
.pdfare span,
a.pdf {display:inline-block; padding-right:20px; background:url(../../images/pdf_icon.png) no-repeat right center; text-decoration:underline;}

.linkbtn {display:block; width:254px; margin:2em auto; padding:1.2em 0; background-color:#1abc9c; border-radius:5px; -webkit-transition:none; transition:none; box-shadow:0 4px 0 #0e8c73;
  text-align:center; font-size:16px; font-weight:bold; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,.3); text-decoration:none;}
.boldright {font-weight:bold; text-align:right;}

.btn_green a {display:inline-block; padding:9px 16px 9px 12px; background:#36725d; color:#fff; text-decoration:none; font-size:11.5px;}
.btn_green a:after {content:"\003e"; padding-left:10px;}
.btn_green a:hover, 
.content .fltL .btn_green a:hover {background:#0d6144; text-decoration:none;}
span.btn_green a {display:inline-block; padding:4px 8px; margin-left:1em; background:#36725d; color:#fff; text-decoration:none; font-size:11px;}
span.btn_green a:after {content:"\003e"; padding-left:20px;}

.content_nav {margin:-20px 0 3em; border:1px solid #ccc; padding:.7em 1em; font-size:13px;}
.content_nav li {display:inline-block; margin-right:11px;}
.content_nav li a {color:#024db4; text-decoration:none; padding-left:11px; position:relative;}
.content_nav li a:before {content:""; display:block; height:7px; width:7px; background:#c9d4d2; position:absolute; top:6px; left:0;}
.content_nav li a:hover {text-decoration:underline;}

.voice_img {float:left; margin:0 2.5em 1.5em 0; width:200px;}
.voice_img img {padding:4px; border:solid #ccc 1px;}
.voice_img dd {margin-top:1em; text-align:center; font-size:90%;}
.voice_img dd span {font-size:150%; font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight:normal; display:block; margin-top:0;}

.reportImg_hr {overflow:hidden; zoom:1; margin:.8em 0; padding:0 1px;}
.reportImg_hr li {position:relative; width:210px; float:left; margin:0 9px 2.5em; border:1px # solid;}
.reportImg_hr img {width:200px; padding:4px; border:1px #ccc solid;}
.reportImg_hr span {position:absolute; bottom:-2em; left:0; width:100%; text-align:center; font-size:90%;}

/*--------------------------------------------------------------------
ページ個別
--------------------------------------------------------------------*/


/* =============== トップページ */
#topbody header {z-index:0; background:url(../../images/topbg.jpg) top center no-repeat; height:400px; width:100%; position:absolute; top:0; left:0;}
#topbody #main .content {padding-top:445px;}
body#topbody {background:#fff url(../../images/common/bg-top.gif) top left repeat-x;}
#yuuki_tit {margin:1em 0 1.5em;}
.content .fltL {width:300px;}
.content .fltR {width:340px; font-size:13px;}
.content .fltR a, 
.content .fltL a {text-decoration:none;}
.content .fltR a:hover, .content .fltL a:hover {text-decoration:underline;}
.content .fltR h2 {position:relative;}
.content .fltR h2 span {position:absolute; bottom:5px; right:3px;}
.content .fltR h2 a {font-weight:normal; font-size:11px; color:#024db4;}

/* =============== 部門 */
.gaiyo_dl {margin-bottom:1.5em;}
.gaiyo_dl dt {font-weight:bold; font-size:108%; color:#006633;}
.ovlist li {width:300px; display:inline-block; margin-right:1em;}
.ovlist li a {display:block; text-decoration:none; color:#007052; padding:15px 20px; border:1px solid #b0c7c1; background:#ffffff;
  background:-webkit-linear-gradient(top,  #ffffff 33%,#d7efe8 100%);
  background:linear-gradient(to bottom,  #ffffff 33%,#d7efe8 100%);}
.ovlist li a:hover {background:#e8f8f4;}

/* =============== お知らせ */
.reportTitle {border:3px #007052 double; margin-bottom:1em; padding:.1em .6em; font-size:131%; font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color:#007052;}


/* ///// スマホ対応 ///// */ 
@media screen and (max-width:768px) {

  .content .fltR a {text-decoration:underline;}
  body#topbody,body {background:none;}
  header {position:relative; background:none; height:100px; /*border-bottom:1px solid #ccc;*/}
  header p {display:block; position:absolute; top:25px; left:50%; margin-left:-86px;}
  header div {display:block; position:absolute; top:10px; right:10px;}
  #main {width:100%; /*margin-top:101px;*/}
  .content .fltL,
  .content .fltR {float:none; width:100%;}
  #main .content {width:93%; margin:0 auto; padding:0;}
  .secTitle2 {padding:1em 0;}

  #topbody header { background:none; height:90px;/* border-bottom:1px solid #ccc;*/}
  #topbody #main {margin-top:90px;}
  #topbody #main .content { padding-top:0;}
  #topbody #main .content .spOnly img {width:100%; marin-bottom:.5em;}
  .pageTitle {background:#016946; color:#fff; padding:.7em 0; text-align:center; margin:0 0 10px;}
  .pageTitle img {height:24px;}
  .content_nav {margin:0 0 1.5em; border:0; padding:0;}
  .content_nav:after { content:""; display:block; clear:both;}
  .content_nav li {margin:1%;width:47%; font-size:95%; border:1px solid #ccc; float:left; background:#ffffff;
    background:-webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
    background:linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);}
  .content_nav li a {display:block; padding:.8em .6em;}
  .content_nav li a:before {display:none;}
  .tableLike {margin:1em 0em;}

  .voice_img {float:none; width:100%; text-align:center;}
  .ovlist {text-align:center;}
  .ovlist li {width:100%; padding:1em 0; margin:0; display:inline;}
  .ovlist li a {margin-bottom:.5em;}
  #main .side {width:100%; height:100%; display:none; position:absolute; top:0; left:0; padding:0; background-color:rgba(51,51,51,0.6); margin:0; box-shadow:0 0 0 -50px rgba(0,0,0,0.1), 0 0 0 0 rgba(0,0,0,0.1); border-radius:0;}
  #main .side p {display:none;}
  .side nav li a {margin:0;border-bottom:1px solid #ccc;border-top:1px solid #fff;}
  .side nav ul {margin:0 auto; height:100%; padding:0;border-top:1px solid #ccc;}
  .mincho_tit {font-size:175%; margin-bottom:.7em;}
  span.btn_green { float:right;}
  span.btn_green a { padding:.8em; margin:1em 0 0; background:#555;}
  p.btm2:after { content:""; display:block; clear:both;}
  #yuuki_tit {text-align:center; margin:1em 0 .8em;}
  #yuuki_tit img {width:90%;}
  .content .fltL .btn_green {margin:1em 0;}
  .content footer {padding:5em 0 1.3em;}
  .boldright {text-align:left;}
}