/* color: #d93122(朱)　#2d5b76(ベース青)　*/

/* 画面レイアウト */
/* ============================================ */

*{
margin:0px;
padding:0px;
}

.contents{
width:1200px;
margin:0 auto;
}

@media screen and (max-width: 1200px) {
.contents{
width:100%;
}
}

.left_menu_pages{
width:260px;
height:90%;
float:left;
margin-right:20px;
margin-top:40px;
position: fixed;
background-color:#fff;
z-index: 1;
overflow: hidden scroll;
}

@media screen and (max-width: 1200px) {
.left_menu_pages{
display:none;
}
}

@media screen and (max-height: 800px) {
.left_menu_pages{

height:90%;
overflow:hidden scroll;
}
}



.contents_textarea{
width:890px;
margin-left:280px;
padding-left:10px;
padding-right:20px;
margin-top:60px;
color:#222;
float:left;
z-index: 0;
}

@media screen and (max-width: 1200px) {
.contents_textarea{
width:90%;
margin-left:3%;
margin-right:3%;
margin-top:40px;
}
}

.contents_textarea img{
width:90%;
}




.contents_textarea_no_menu{
width:1180px;
padding-left:10px;
padding-right:10px;
margin-top:60px;
color:#222;
float:left;
}

@media screen and (max-width: 1200px) {
.contents_textarea_no_menu{
width:90%;
margin-left:3%;
margin-right:3%;
margin-top:40px;
}
}




.clear{
clear:both;
}

.mobile_only{
display:none;
}

@media screen and (max-width: 1200px) {
.mobile_only{
display:inline;
}
}

A{
color:#d93122;
padding-left:3px;
padding-right:3px;
}

.anchor{
padding-top:50px;
margin-top:-50px;
}


.indent{
text-indent: 1rem;
}

ul {
  list-style-type:none;
}


/* ヘッダー */
/* ============================================ */

.top_header{
width:1200px;
}

@media screen and (max-width: 1200px) {
.top_header{
width:100%;
}
}

.header{
position: fixed;
width:1200px;
z-index: 3;
}

@media screen and (max-width: 1200px) {
.header{
width:1100%;
}

}

.header_line{
background-color:#2d5b76;
border-top:solid 10px #2d5b76;
border-bottom:solid 5px #d93122;
}

.header_meetingtitle{
color:#fff;
margin-left:20px;
float:left;
font-size:20px;
}


@media screen and (max-width: 1200px) {
.header_meetingtitle{
font-size:16px;
}
}

.header_meetingtitle A{
text-decoration:none;
color:#fff;
}

.header_buttons_frame{
float:right;
}

@media screen and (max-width: 1200px) {
.header_buttons_frame{
float:left;
}
}

.header_buttons{
display:block;
float:left;
border:solid 1px #fff;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
line-height:25px;
width:125px;
text-align:center;
}

.header_buttons A{
display:block;
width:100%;
text-decoration:none;
color:#fff;
}

@media screen and (max-width: 1200px) {
.header_buttons{
float:left;
margin-left:20px;
margin-right:0px;
margin-top:-10px;
font-size:14px;
width:80px;
}
}

.header_line_space{
height:10px;
background-color:#fff;
}





/* ページ装飾 */
/* ============================================ */

.page_title{
color:#2d5b76;
font-size:28px;
font-weight:bold;
border-bottom:solid 5px #d93122;
margin-top:30px;
}

@media screen and (max-width: 1200px) {
.page_title{
font-size:24px;
margin-top:60px;
}
}

h1{
color:#fff;
padding-left:30px;
background-color:#2d5b76;
padding-top:10px;
padding-bottom:8px;
font-size:24px;
margin-top:15px;
margin-bottom:20px;
}

@media screen and (max-width: 1200px) {
h1{
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
font-size:18px;
margin-top:0px;
}
}

h2{
border-top:solid 3px #2d5b76;
border-bottom:solid 3px #2d5b76;
margin-top:20px;
margin-bottom:20px;
padding-left:30px;
padding-top:8px;
color:#2d5b76;
}

@media screen and (max-width: 1200px) {
h2{
border-top:solid 2px #2d5b76;
border-bottom:solid 2px #2d5b76;
margin-top:10px;
margin-bottom:10px;
padding-left:5px;
padding-top:8px;
padding-bottom:8px;
font-size:16px;
}
}


h3{
border-left:solid 15px #2d5b76;
margin-top:20px;
margin-bottom:20px;
padding-left:20px;
color:#2d5b76;
}

@media screen and (max-width: 1200px) {
h3{
border-left:solid 10px #2d5b76;
margin-top:15px;
margin-bottom:15px;
padding-left:10px;
font-size:16px;
}
}


table{
border:solid 1px #666;
border-collapse: collapse;
margin-top:20px;
margin-bottom:20px;
}

table td{
border:solid 1px #666;
padding:8px;
}

.waku{
border:solid 3px #2d5b76;
padding:10px;
line-height:32px;
margin-top:15px;
margin-bottom:15px;
}


.link_button{
margin-top:10px;
margin-bottom:10px;
border:solid 2px #d93122;
width:50%;
}

.link_button A{
text-decoration:none;
display:block;
width:96%;
padding-left:2%;
padding-top:7px;
padding-bottom:7px;
padding-right:2%;
}

.link_button A:hover{
background-color:#d93122;
color:#fff;
}

.link_button_slim{
display:block;
width:550px;
color:#d93122;
line-height:40px;
margin-top:10px;
margin-bottom:10px;

}

.link_button_slim A{
display:block;
border:solid 2px #d93122;
border-left:solid 10px #d93122;
width:100%;
color:#d93122;
padding-left:10px;
}

.link_button_slim A:hover{
display:block;
color:#d93122;
border:solid 2px #d93122;
border-left:solid 10px #d93122;
background-color:#fff;
}



.no_link_button{
margin-top:10px;
margin-bottom:10px;
border:solid 2px #ccc;
width:50%;
text-align: center;
padding-top:7px;
padding-bottom:7px;
}

.tbl_waku{
margin-top:20px;
margin-bottom:20px;
}

.tbl_waku,.tbl_waku td{
border:solid 1px #666;
border-collapse: collapse;
padding:10px;
}

.tbl_td_80{
width:80px;
}


.tbl_td_100{
width:100px;
}

.tbl_td_120{
width:120px;
}


.tbl_td_150{
width:150px;
}

.tbl_td_200{
width:200px;
}

.tbl_td_250{
width:250px;
}

.tbl_td_500{
width:500px;
}

.tbl_td_900{
width:900px;
}


/* フッター */
/* ============================================ */

.footer_full{
padding-right:20px;
border-top:solid 3px #2d5b76;
padding-top:30px;
margin-bottom:60px;
margin-top:60px;
}

@media screen and (max-width: 1200px) {
.footer_full{
padding-right:0px;
border-top:solid 3px #2d5b76;
padding-top:30px;
margin-bottom:60px;
margin-top:60px;
}
}


.footer{
margin-top:60px;
margin-left:280px;
padding-left:10px;
padding-right:20px;
border-top:solid 3px #2d5b76;
padding-top:30px;
margin-bottom:60px;
width:890px;
float:left;
}

@media screen and (max-width: 1200px) {
.footer{
margin-top:30px;
margin-left:0px;
padding-left:1%;
padding-right:1%;
border-top:solid 3px #2d5b76;
padding-top:30px;
margin-bottom:60px;
width:98%;
float:left;
}
}


.footer_frame{
width:660px; /* 1アイテム(200px+margin 5+5+10)×3 */
margin:0 auto;
}

@media screen and (max-width: 1200px) {
.footer_frame{
width:100%;
margin:0 auto;
}

}

.footer_item{
display:block;
width:120px;
border-left:solid 10px #2d5b76;
float:left;
margin-left:5px;
margin-right:5px;
}

@media screen and (max-width: 1200px) {
.footer_item{
display:block;
width:200px;
border-left:solid 10px #2d5b76;
float:left;
margin-left:10px;
margin-right:5px;
margin-bottom:10px;
}
}

.footer_item A{
display:block;
widht:100%;
}

.footer_item_text{
margin-left:10px;
}

.sitemap{
display:none;
background-color:#2d5b76;
color:#999;
margin-top:60px;
padding-top:10px;
padding-bottom:10px;
}

.sitemap_frame{
margin-left:10px;
border-left:solid 5px #fff;
color:#fff;
width:200px;
padding-left:10px;
}

.sitemap_pageset{
margin:20px;
}

.sitemap_pagetitle{
font-weight:bold;
margin-bottom:10px;
}


.sitemap_pagetitle A{
color:#fff;
}

.sitemap_h1{
margin-left:10px;
font-size:13px;
}


.sitemap_h1 A{
margin-right:10px;
margin-bottom:7px;
color:#fff;
display: inline-block;
}


/* ==========================
  コンビーナページ　ヘッダーメニュー
========================== */

.header_menu{
margin-top:15px;

}

.header_menu A{
text-decoration:none;
height:10px;
border-left:solid 5px #d93122;
margin-left:10px;
line-height:30px;
margin-bottom:10px;

}

.header_menu A:hover{
text-decoration:underline;
}

.headermenu_h2 A{
font-size:12px;;
margin-left:3px;
border-style:none;
}


/* ==========================
  アコーディオンメニュー
========================== */

/* ※注意　menu.jsにも関連記述有り */

/* 左メニューのタイトル */

.left_menu_pages .top_title{
background-color:#2d5b76;
color:#fff;
font-size:20px;
font-weight:bold;
border-top:solid 8px #2d5b76;
border-bottom:solid 10px #d93122;
padding-left:15px;
margin-top:50px;
margin-bottom:10px;
}


.bl_accordion {

}

/* 左メニュー　基本 */
.bl_accordionTitle {
  font-size: 16px;
  border-top:solid 2px #2d5b76;
  border-bottom:solid 2px #2d5b76;
  border-right:solid 2px #2d5b76;
  border-left:solid 15px #2d5b76;
  margin-top:7px;
  margin-bottom:7px;
  margin-right:20px;
  line-height:40px;
  background-color: #fff;
  padding-left:15px;
  transition: 0.3s;
  cursor: pointer;
  position: relative;
}

/* 左メニュー　リンク無し */
.bl_accordionTitle_nolink {
  font-size: 16px;
  border-top:solid 2px #2d5b76;
  border-bottom:solid 2px #2d5b76;
  border-right:solid 2px #2d5b76;
  border-left:solid 15px #2d5b76;
  margin-top:7px;
  margin-bottom:7px;
  margin-right:20px;
  line-height:40px;
  background-color: #fff;
  padding-left:15px;
  transition: 0.3s;
  position: relative;
/*カーソルを出さない */
}

/* 左メニュー　テキストが長くて２行になる場合 */
.bl_accordionTitle_twolines {
  font-size: 16px;
  border-top:solid 2px #2d5b76;
  border-bottom:solid 2px #2d5b76;
  border-right:solid 2px #2d5b76;
  border-left:solid 15px #2d5b76;
  margin-top:7px;
  margin-bottom:7px;
  margin-right:20px;
  line-height:20px;　/* 40→20 */
  background-color: #fff;
  padding-left:15px;
  transition: 0.3s;
  cursor: pointer;
  position: relative;
}

/* 左メニュー　テキストが長くて２行になる場合のリンク無し */
.bl_accordionTitle_twolines_nolink {
  font-size: 16px;
  border-top:solid 2px #2d5b76;
  border-bottom:solid 2px #2d5b76;
  border-right:solid 2px #2d5b76;
  border-left:solid 15px #2d5b76;
  margin-top:7px;
  margin-bottom:7px;
  margin-right:20px;
  line-height:20px;
  background-color: #fff;
  padding-left:15px;
  transition: 0.3s;
  position: relative;
}

/* 左メニュー　リンク無しの文字色 */
.bl_accordionTitle_text{
color:#CCC;
}

/* 左メニュー　リンク有りの文字色 */
.bl_accordionTitle_text A{
color:#000;
text-decoration:none;
}


/* 左メニュー　リンク有りのマウスオンアクション */
.bl_accordionTitle_text A:hover{
color:#fff;
font-weight:bold;
text-decoration:underline;
}

/* ２行の左メニュー　リンク有りのマウスオンアクション */
.bl_accordionTitle_twolines_text A:hover{
color:#d93122;
font-weight:bold;
text-decoration:underline;
}

/* 左メニュー　閉じているときの矢印 */
.bl_accordionTitle::before {
  content: "";
  width: 10px;
  height: 10px;
  border-right: 4px solid #2d5b76;
  border-bottom: 4px solid #2d5b76;
  position: absolute;
  top: 10px;
  transform: rotate(45deg);
  right: 20px;
  transition: 0.3s;
}

/* ２行の左メニュー　閉じているときの矢印 */
.bl_accordionTitle_twolines::before {
  content: "";
  width: 10px;
  height: 10px;
  border-right: 4px solid #2d5b76;
  border-bottom: 4px solid #2d5b76;
  position: absolute;
  top: 10px;
  transform: rotate(45deg);
  right: 20px;
  transition: 0.3s;
}

/* 左メニュー　開いているときの矢印 */
.bl_accordionTitle.active::before {
  transform: rotate(225deg);
  top: 20px;
}

/* ２行の左メニュー　開いているときの矢印 */
.bl_accordionTitle_twolines.active::before {
  transform: rotate(225deg);
  top: 20px;
}

/* 左メニュー　マウスオンアクション 色変更*/
.bl_accordionTitle:hover .bl_accordionTitle_text A
{
  color: #d93122; 
}

/* ２行の左メニュー　マウスオンアクション 色変更*/
.bl_accordionTitle_twolines:hover .bl_accordionTitle_text A
{
  color: #d93122; 
}



/* 開いているときのh2タイトル */
.leftmenu_h2_link A{
text-decoration:none;
font-size:13px;
display:block;
width:200px;
padding-left:30px;
}

/* 開いているときのh2タイトル マウスオンアクション */
.leftmenu_h2_link A:hover{
text-decoration:underline;　/* アンダーバーを出す */
}

/* 開いているときのh2タイトル 英語 */
.leftmenu_h2_link_e A{
text-decoration:none;
font-size:13px;
display:block;
width:200px;
padding-left:30px;
}

/* 開いているときのh2タイトル 英語　マウスオンアクション */
.leftmenu_h2_link_e A:hover{
text-decoration:underline;　/* アンダーバーを出す */
}


.bl_accordionTitle:hover::before,
.bl_accordionTitle.active::before {
  border-right: 4px solid #2d5b76;
  border-bottom: 4px solid #2d5b76;
}

.bl_accordionTitle:hover,
.bl_accordionTitle.active{
  background-color: #fff;
  color: #d93122; 
}

.bl_accordionTitle_twolines:hover::before,
.bl_accordionTitle_twolines.active::before {
  border-right: 4px solid #2d5b76;
  border-bottom: 4px solid #2d5b76;
}

.bl_accordionTitle_twolines:hover,
.bl_accordionTitle_twolines.active{
  background-color: #fff;
  color: #d93122; 
}




/* 開いたときのボックス(h2エリア） */
.bl_accordionContent {
background-color:#fff;
  opacity: 0;
  height: 0;
  line-height: 0;
  transition: 0.3s;
}

.bl_accordionContent > * + * {
  margin-top: 0;
}


.bl_accordionContent.open {
padding-top:15px;
  opacity: 1;
  line-height: 16px;
  height: auto;
}

.bl_accordionContent.open > * + * {
  margin-top: 10px;
}

.bl_accordionContent.open img {
  height: auto;
}