/* ====================================================================== */
/* 基本 */
/* ====================================================================== */
html {
    font-size: 62.5%;
}

body {
	background: #fff;
	color: #333;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1.6;
	-webkit-text-size-adjust: 100%;
    font-size: 13px;
    font-size: 1.3rem;
}

a {
    color: #333;
    text-decoration: none;
}

a:visited {
	color: #333;
}

a:hover {
	text-decoration: underline;
}

em {
	font-weight: bold;
}

strong {
	color: #dc0000;
}

.strong_b {
    font-size: 15px;
    font-size: 1.5rem;
	font-weight: bold;
}

select {
	height: 35px;
	line-height: 35px;
	min-width: 50%;
}

.underline {
    text-decoration: underline;
}

.underline:hover {
    text-decoration: none;
}

sup {
    font-size: 7px;
    font-size: 0.7rem;
    position: relative;
    top: -1px;
    font-weight: bold;
}

.center {
    text-align: center;
}

/* ====================================================================== */
/* contents */
/* ====================================================================== */
#contents {
    margin: 0 0 0 220px;
    min-width: 1020px;
}

#topic_path,
#page_title,
#page_title_02 {
    margin: 0 auto 20px;
    padding: 0 50px;
    width: 920px;
}

#contents_main_visual {
    z-index: -1;
}

/* パンくず
----------------------------------------------*/
#topic_path ul {
    padding: 35px 0 0;
    display: table;
}

#topic_path li {
    display: table-cell;
}

#topic_path li:after {
    content: ">";
    margin: 0 8px 0 0;
    padding: 0 0 0 8px;
}

#topic_path li.last:after {
    content: none;
}

/* ページタイトル
----------------------------------------------*/
#page_title_wrap {
    border-bottom: #dcdcdc solid 1px;
    margin: 0 0 50px;
}

#page_title h1,
#page_title_02 h1 {
    font-size: 30px;
    font-size: 3.0rem;
    font-weight: bold;
}

#page_title h1:before {
    content: "";
    border-left: #ff9b00 solid 5px;
    padding: 6px 10px 6px 0;
}

/* inner
----------------------------------------------*/
.inner {
    margin: 0 auto 0;
    padding: 0 0 50px;
    width: 920px;
    min-height: 350px;
}

/* ページ内タイトル
-------------------------------*/
/* テキストリンクがある場合 */
.title_txt_link {
    position: relative;
}

.title_txt_link .link_txt_o {
    bottom: 5px;
    right: 0;
    position: absolute;
}

.inner h2 {
    background: url(/ja/common/img/common/line_title_btm.gif) no-repeat left bottom;
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: bold;
    margin: 0 0 35px;
    padding: 0 0 5px;
}

.inner h3 {
    border-bottom: #dcdcdc solid 2px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    margin: 0 0 20px;
    padding: 0 0 5px;
}

.inner h4 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    margin: 0 0 20px;
}

/* テキスト
----------------------------------------------*/
.txt_notice {
    color: #333;
    padding: 0 0 0 1.2em;
    text-indent: -1.2em;
}

/* テキスト box型
----------------------------------------------*/
.comment_box {
    background: #f0f0f0;
    padding: 30px;
}

.comment_box h3 {
    border-bottom: none;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 0;
}

.comment_box p {
    line-height: 150%;
}

/* 番号 */
.comment_box .num {
  list-style: none;
  padding-left: 0;
  display: table;
}

.comment_box .num li:after {
  content: "";
  display: block;
  margin-bottom: 0.5em;
}
 
.comment_box .num li {
  counter-increment: table-ol;
  display: table-row;
}

.comment_box .num li:before {
  content: counter(table-ol) ".";
  display: table-cell;
  padding: 0 8px 0 0;
  text-align: left;
}
 
/* リンク
----------------------------------------------*/
/* オレンジ */
.link_txt_o:before {
    content: url(/ja/common/img/common/icon_arrow_o2.png);
    padding: 0 5px 0 0;
}

/* 白 */
.link_txt_w:before {
    content: url(/ja/common/img/common/icon_arrow_w2.png);
    padding: 0 5px 0 0;
}

/* グレー */
.link_txt_g:before {
    content: url(/ja/common/img/common/icon_arrow_g2.png);
    padding: 0 5px 0 0;
}

/* 別窓 */
.link_blank:after {
    content: url(/ja/common/img/common/icon_blank.png);
    padding: 0 1px 0 3px;
}

/* PDF */
.link_pdf:after {
    content: url(/ja/common/img/common/icon_pdf.png);
    padding: 0 1px 0 3px;
}

/* ボタンリンク */
.btn_link {
    background: #f59600;
    border: #f59600 solid 1px;
    color: #fff !important;
    display: block;
    padding: 8px 15px 5px 15px;
}

.btn_link span:before {
    content: url(/ja/common/img/common/icon_arrow_w2.png);
    padding: 0 5px 0 0;
    top: -1px;
    position: relative;
}

.btn_link:hover {
    background: #fff;
    border: #f59600 solid 1px;
    color: #f59600 !important;
    text-decoration: none;
}

.btn_link:hover span:before {
    content: url(/ja/common/img/common/icon_arrow_o2.png);
    padding: 0 5px 0 0;
    top: -1px;
    position: relative;
}

.template_btn {
    width: 125px;
}

/* 下層のindex, 写真と説明文
----------------------------------------------*/
/* 灰色のダミー（後々消す） */
.dummy_img {
    background: #dcdcdc;
}

.thumbnail_box .dummy_img {
    height: 180px;
}

.photo_box .dummy_img {
    height: 140px;
    margin: 0 0 15px;
}

.thumbnail_list,
.photo_list {
    overflow: hidden;
}

.thumbnail_box.last,
.photo_box.last {
    margin: 0;
}

/* 下層index */
.thumbnail_box {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: #dcdcdc solid 1px;
    float: left;
    margin: 0 20px 20px 0;
    width: 290px;
}

.thumbnail_about {
    padding: 20px 20px 0;
    text-align: center;
}

.thumbnail_box_inner .thumbnail_photo {
    border-bottom: #dcdcdc solid 1px;
}

.thumbnail_title {
    color: #f59600;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    margin: 0 0 10px;
}

.thumbnail_box {
    cursor: pointer;
}

.thumbnail_box:hover {
    overflow: hidden;
    border: #f59600 solid 2px;
}

.thumbnail_box:hover .thumbnail_box_inner {
    margin: -1px;
}

.thumbnail_title {
    margin: 0;
}

/* 写真と説明文 */
.photo_box {
    float: left;
    margin: 0 13px 0 0;
    width: 220px;
}

.photo_about dt {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    margin: 0 0 10px;
}

/* テーブル
----------------------------------------------*/
/* 共通 */
.table01,
.table02 {
    width: 100%;
    text-align: left;
}

.table01 th,
.table02 th,
.table01 td,
.table02 td {
    border: #dcdcdc solid 1px;
}

/* 普通 */
.table01 th {
    background: #55647d;
    color: #fff;
    font-weight: bold;
    width: 20%;
}

.table01 th,
.table01 td {
    padding: 10px 15px;
}

/* thが二つ */
.table02 th {
    background: #55647d;
    color: #fff;
    font-weight: bold;
    width: 20%;
}

.table02 th.table02_th02 {
    background: #f0f0f0;
    color: #333;
}

.table02 th,
.table02 td {
    padding: 10px 15px;
}

/* 上下共通 */
.table03,
.table04 {
    width: 100%;
    text-align: center;
}

.table03 th,
.table04 th {
    font-weight: bold;
}

.table03 th,
.table03 td,
.table04 th,
.table04 td {
    border: #dcdcdc solid 1px;
    padding: 10px 15px;
}

.table03 th,
.table04_th02 th {
    background: #f0f0f0;
    color: #333;
}

/* 上下 一番上 */
.table04_th01 th {
    background: #55647d;
    color: #fff;    
}

/* ローカルナビゲーション
----------------------------------------------*/
.local_nav {
    background: #55647d;
    padding: 30px;
}

.local_nav h3 a {
    color: #fff;
    text-decoration: none;
}

.local_nav h3 a:hover {
    text-decoration: underline;
}

.local_nav h3 {
    border-bottom: none;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0 0 25px;
    padding: 0;
}

.local_nav h4 {
    border-bottom: #6e788c solid 1px;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0 0 10px;
    padding: 0 0 5px;
}

.detail_page_name {
    display: table;
    margin: 0 0 25px;
}

.detail_page_name.last {
    margin: 0;
}

.detail_page_name li {
    display: table-cell;
    padding: 0 20px 0 0;
}

.detail_page_name li a {
    color: #fff;
}

/* ====================================================================== */
/* footer */
/* ====================================================================== */
#footer_wrap {
    min-width: 1020px;
}

#footer {
    background: #323c50;
    overflow: hidden;
}

#footer_link {
    float: left;
}

#footer_link ul {
    display: table;
    padding: 30px 0 30px 30px;
}

#footer_link ul li {
    display: table-cell;
    padding: 0 15px 0 0;
}

#footer_link ul li a {
    color: #fff;
}

#footer_link ul li:before {
    content: url(/ja/common/img/common/icon_arrow_w2.png);
    left: 0;
    position: relative;
    top: -1px;
    padding: 0 5px 0 0;
}

#footer_other {
    float: right;
    display: table;
}

#copyright {
    color: #fff;
    display: table-cell;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-size: 1.0rem;
    padding: 0 30px 0 0;
}

#page_top {
    background: #55647d;
    text-align: center;
    width: 80px;
}

#page_top a {
    display: block;
    padding: 30px 0;
}

#page_top:hover {
    background: #404c62;
}