/******************************************************/
/* 共通設定 */
/******************************************************/
*{font-size:100%;word-break:break-all;}
body{
margin:0;
font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
padding-bottom: 0;
}

img{border:0;}
a:link{color:#0066CC;}
.guidance{
margin:0;
padding:0;
width:1px;
height:1px;
overflow:hidden;
left:-9999em;
position:absolute;
}

/******************************************************/
/* 最小幅の設定 #wrapper */
/******************************************************/
/*20090115修正（追加）*/
#wrapper{
margin:0;
width:100%;
}

/******************************************************/
/* ヘッダー #header */
/******************************************************/
div#header *{
margin:0;
padding:0;
list-style:none;
}
div#header{
margin:0 20px 0 20px;
font-size:75%;
padding-bottom:10px;
}
div#header.new{
padding:5px 0 10px 0;
}

div#header a{text-decoration:none;}
div#header a:hover{text-decoration:underline;}

div#header h1,
div#header p{
float:left;
width:55px;
margin-top:10px;
}
div#header.new h1,
div#header.new p{
width:auto;
}

div#header div#headerMain{
float:right;
margin-top:5px;
width:455px;
}
div#header.new div#headerMain{
width: auto;
}
div#header.new div#headerMain #gsearchBox {
background: #E1EEF0;
padding: 3px 10px 10px 10px;
}
div#header div#headerMain div#headerNavi{
min-height:31px;
height:auto !important;
height:31px;
text-align:right;
}
div#header.new div#headerMain div#headerNavi{
min-height: auto;
margin-bottom: 2px;
text-align:left;
}
div#header.new div#headerMain div#gsearchBox .pcArea{
display: block;
}
div#header.new div#headerMain div#gsearchBox .spArea{
display: none;
text-align: right;
}
div#header div#headerMain div#headerNavi ul{
display:inline;
background:url(/common/img/images_com_line_01.gif) right top repeat-y;
}
div#header div#headerMain div#headerNavi ul li{
display:inline;
background:url(/common/img/images_com_line_01.gif) left top repeat-y;
padding:0 8px 0 11px;
white-space:nowrap;
}
div#header.new div#headerMain div#gsearchBox ul{
display:inline;
}
div#header.new div#headerMain div#gsearchBox ul li{
display:inline;
padding:0 8px 0 11px;
white-space:nowrap;
}
div#header.new div#headerMain div#gsearchBox ul li img{
vertical-align: bottom;
}
div#header div#headerMain div#headerNavi ul#headerNoscript li,
div#header.new div#headerMain div#gsearchBox ul#headerNoscript li{background:none;}

div#header div#headerMain p#noscript{
float:none;
width:100%;
margin:0 0 5px 0;
text-align:right;
}

div#header div#headerMain div#headerInner{
width:480px;
float:right;
}
div#header.new div#headerMain div#headerInner{
align-items:flex-end;
width: auto;
}
div#header.new div#headerMain div#headerInner .headerBtn ul{
display: flex;
margin-bottom: 10px;
}
div#header.new div#headerMain div#headerInner .headerBtn ul li{
margin-right: 15px;
}
div#header.new div#headerMain div#headerInner .headerBtn ul a{
display: block;
padding: 5px 10px;
background: #eee;
}
div#header.new div#headerMain div#headerInner .headerBtn ul a::before{
display: inline-block;
content: ">";
padding-right: 5px;
}
/* 文字サイズの変更 ******************************************/
.lang {
overflow: hidden;
display: inline-block;
margin-top: 5px;
margin-bottom: 7px; }
.lang li {
display: block;
float: left; }
.lang li span {
color: #004aa6; }
.lang li + li {
margin-left: .6em; }
div#header.new div#headerMain div#headerInner .wrap_fontsize {
margin-right: 15px;
margin-bottom: 10px;
}
.fontsize {
overflow: hidden;
float: right;
font-weight: bold;
display: flex;
height: 38px; }
div#header.new .fontsize{
height: auto;
display: flex;
align-items: flex-end;
}
.fontsize dt {
line-height: 1.3125em;
font-size: 0.875em;
display: inline-block;
vertical-align: 18%; }
.wrap_fontsize {
width: 200px;
display: inline-block;
float: left;
}
div#header.new .wrap_fontsize {
width: auto;
float: none;
display: block;
}
.wrap_fontsize .fontsize #font,
.wrap_fontsize .fontsize #fontS,
.wrap_fontsize .fontsize #fontM,
.wrap_fontsize .fontsize #fontL {
margin-top: auto;
}

.wrap_fontsize .fontsize #fontS,
.wrap_fontsize .fontsize #fontM,
.wrap_fontsize .fontsize #fontL {
display: inline-block;
vertical-align: baseline;
padding-left: 10px; }
#fontS span, #fontS button,
#fontM span,
#fontM button,
#fontL span,
#fontL button {
display: table-cell;
border-radius: 5px;
text-align: center;
vertical-align: middle;
font-weight: bold; }
#fontS button,
#fontM button,
#fontL button {
background-color: #e1eef0; }
#fontS span,
#fontS button:hover,
#fontM span,
#fontM button:hover,
#fontL span,
#fontL button:hover {
background-color: #004aa6;
color: #ffffff; }

#fontS {
font-size: 0.75em; }
#fontS span, #fontS button {
width: 16px;
height: 16px; }

#fontM span,
#fontM button {
width: 20px;
height: 20px; }

#fontL {
font-size: 1em; }
#fontL span,
#fontL button {
width: 24px;
height: 24px; }

/* サイト内検索 ******************************************/
div#header div#headerMain div#headerInner form{
float:right;
width:268px;
background:#EEEEEE;
padding:6px 0 6px 6px;
}
div#header.new div#headerMain div#headerInner form input[type="text"],
div#header div#headerMain div#headerInner form input[type="text"] {
background: #FFF;
border: 1px solid #ccc;
width: 220px;
padding: 4px 2px;
}
div#header.new div#headerMain div#headerInner form input[type="text"] {
padding: 0;
}
div#header.new div#headerMain div#headerInner form#cse-search-box input[type="text"]:placeholder-shown,
div#header div#headerMain div#headerInner form input[type="text"]:placeholder-shown {
background: url(https://www.google.com/cse/images/google_custom_search_smwide.gif) #FFF no-repeat 5px 3px;
}
/* IE6以下 Hack */
* html body div#header div#headerMain div#headerInner form{width:274px;}

div#header div#headerMain div#headerInner form label{
display:block;
position:absolute;
width:1px;
height:1px;
text-indent:-9999px;
}

div#header div#headerMain div#headerInner form input#qt{
width:136px;
float:left;
margin-right:6px;
height:17px;
border:1px solid #ADADAD;
}
/* IE6以下 Hack */
* html body div#header div#headerMain div#headerInner form input#qt{height:19px;}

div#header div#headerMain div#headerInner form input#headerSubmit{
float:left;
margin-right:6px;
}
div#header div#headerMain div#headerInner form a{
display:block;
width:52px;
height:19px;
float:left;
background:url(/common/img/images_header_btn_02.gif) left top no-repeat;
text-indent:-9999px;
overflow:hidden;
}

/* clear ******************************************/
div#header div#headerMain div#headerInner form,
div#header div#headerMain div#headerInner,
div#header{display: inline-block;}

div#header.new div#headerMain div#headerInner {
display: flex;
}

div#header div#headerMain div#headerInner form:after,
div#header div#headerMain div#headerInner:after,
div#header:after{
content:".";
display: block;
height: 0;
visibility:hidden;
clear: both;
}
/* Hides MacIE5 \*/
* html div#header div#headerMain div#headerInner form,
* html div#header div#headerMain div#headerInner,
* html div#header{height:1%;}

div#header div#headerMain div#headerInner form,
div#header div#headerMain div#headerInner,
div#header{display:block;}
div#header.new .menu-btn {
display: none;
}
/* Hides MacIE5 */


/* サイト内検索（テーブルレイアウト） ******************************************/
div#header div#headerMain form *{
border-collapse:collapse;
border-spacing:0;
}
div#header div#headerMain form table{
float:right;
width:274px;
height:31px !important;
background:#EEEEEE;
}

div#header div#headerMain form table td{
height:31px;
}
div#header div#headerMain form table td.searchText{
width:146px;
}
div#header div#headerMain form table td.searchBtn{
width:64px;
}
div#header div#headerMain form table td.searchDetail{
width:58px;
}

div#header div#headerMain form table label{
display:block;
position:absolute;
width:1px;
height:1px;
text-indent:-9999px;
}

div#header div#headerMain form table input#qt{
width:136px;
float:left;
margin-left:6px;
border:1px solid #ADADAD;
}
/* IE6以下 Hack */
* html body div#header div#headerMain form table input#qt{width:138px;}

div#header div#headerMain form table input#headerSubmit{
width:59px;
float:left;
}

div#header div#headerMain form table a{
display:block;
width:52px;
height:19px;
float:left;
background:url(/common/img/images_header_btn_02.gif) left top no-repeat;
text-indent:-9999px;
overflow:hidden;
}
/* IE6以下 Hack */
* html body div#header div#headerMain form table a{}

/* clear ******************************************/
div#header div#headerMain form,
div#header{display: inline-block;}

div#header div#headerMain form:after,
div#header:after{
content:".";
display: block;
height: 0;
visibility:hidden;
clear: both;
}
/* Hides MacIE5 \*/
* html div#header div#headerMain form,
* html div#header{height:1%;}

div#header div#headerMain form,
div#header{display:block;}
/* Hides MacIE5 */


/******************************************************/
/* ヘッダーメニュー #headerMenu */
/******************************************************/
ul#headerMenu *{
margin:0;
padding:0;
list-style:none;
width:100%;
}
ul#headerMenu{
margin:0 21px 7px 20px;
position:relative;
height:37px;
background:url(/common/img/images_header_menu_10.gif) center top repeat-x;
}

ul#headerMenu li{
height:37px;
position:absolute;
border-left:1px solid #ffffff;
line-height:3000%;
/* overflow:hidden; */
}
ul#headerMenu li#headerMenu1{width:16%;left:0;border-left:0;}
ul#headerMenu li#headerMenu2{width:11%;left:16%;}
ul#headerMenu li#headerMenu3{width:15%;left:27%;}
ul#headerMenu li#headerMenu4{width:11%;left:41.5%;}
ul#headerMenu li#headerMenu5{width:13%;left:52%;}
ul#headerMenu li#headerMenu6{width:6%;left:65%;}
ul#headerMenu li#headerMenu7{width:14%;left:71%;}
ul#headerMenu li#headerMenu8{width:9%;left:85%;}
ul#headerMenu li#headerMenu9{width:6%;left:94%;}

ul#headerMenu li a{
display:block;
height:37px;
text-decoration:none;
font-size:70%;
overflow:hidden;
}
ul#headerMenu li#headerMenu1 a{background:url(/common/img/images_header_menu_01new.gif) center top repeat-x;}
ul#headerMenu li#headerMenu2 a{background:url(/common/img/images_header_menu_02new.gif) center top repeat-x;}
ul#headerMenu li#headerMenu3 a{background:url(/common/img/images_header_menu_03.gif) center top repeat-x;}
ul#headerMenu li#headerMenu4 a{background:url(/common/img/images_header_menu_04.gif) center top repeat-x;}
ul#headerMenu li#headerMenu5 a{background:url(/common/img/images_header_menu_05new.gif) center top repeat-x;}
ul#headerMenu li#headerMenu6 a{background:url(/common/img/images_header_menu_06.gif) center top repeat-x;}
ul#headerMenu li#headerMenu7 a{background:url(/common/img/images_header_menu_07.gif) center top repeat-x;}
ul#headerMenu li#headerMenu8 a{background:url(/common/img/images_header_menu_08.gif) center top repeat-x;}
ul#headerMenu li#headerMenu9 a{background:url(/common/img/images_header_menu_09.gif) center top repeat-x;}
ul#headerMenu li a:hover{background-position:center bottom !important;}
/* IE6以下 Hack */
* html body ul#headerMenu li a:hover{background-position:center -37px !important;}


/******************************************************/
/* パンクズ　breadCrumbs */
/******************************************************/
#breadCrumbs{
margin:0 20px 0 20px;
padding:0 0 0 7px;
font-size:80%;
}
p#breadCrumbs{margin-bottom:5px;}
dl#breadCrumbs{
padding-bottom:5px;
}
dl#breadCrumbs dt{
margin:0;
padding:0;
width:1px;
height:1px;
overflow:hidden;
left:-9999em;
position:absolute;
}
dl#breadCrumbs dd{
margin:0;
padding:0;
}
#breadCrumbs a{text-decoration:none;}
#breadCrumbs a:hover{text-decoration:underline;}


/******************************************************/
/* コンテンツ #contents */
/******************************************************/
div#contents{
margin:0 20px 5px 20px;
}

/* タイトル(contentsTitle) ******************************************/
#contentsTitle{
width:100%;
border-top:1px solid #D7D7D7;
}

/* 1カラム(baseColumn1) ******************************************/
.baseColumn1 div#contentsInner{
width:100%;
float:left;
position:relative;
z-index:1;
/*border-top:1px solid #D7D7D7;*/
}
.baseColumn1 div#contentsMain{
width:100%;
}
.baseColumn1 div#contentsMain.style{
border-top:1px solid #D7D7D7;
padding:20px 10px;
box-sizing: border-box;
}


/* 2カラム(baseColumn2) ******************************************/
.baseColumn2 div#contentsInner{
width:100%;
float:left;
margin-right:-230px;
position:relative;
z-index:1;
}
.baseColumn2 div#contentsMain{margin:0 250px 0 0;}


.baseColumn2 div#contentsRight{
width:230px;
float:left;
position:relative;
z-index:2;
}

/*20090318修正（追加）*/
.baseColumn2 .contentsInner{width:100%;border-collapse:collapse;}
.baseColumn2 .contentsInner td{margin:0;padding:0;vertical-align:top;}

.baseColumn2 .contentsInner .contentsMain{float: left; width: 100%; margin-right: -230px;}
.baseColumn2 .contentsInner .contentsMain div#contentsMain{margin:0 230px 0 0;}

.baseColumn2 .contentsInner .contentsSpace{width:20px;}

.baseColumn2 .contentsInner .contentsRight{float: right; width:230px;}
.baseColumn2 .contentsInner .contentsRight div#contentsRight{
width:230px;
float:none;
position:static;
z-index:2;
}


/* 3カラムトップページ(baseIndex) ******************************************/
.baseIndex div#contentsLeft{
width:216px;
float:left;
margin-right:-216px;
position:relative;
z-index:2;
}
.baseIndex div#contentsInner{
width:100%;
float:left;
margin-right:-178px;
position:relative;
z-index:1;
}
.baseIndex div#contentsMain{margin:0 188px 0 226px;}
.baseIndex div#contentsRight{
width:178px;
float:left;
position:relative;
z-index:2;
}

/* clear ******************************************/
div#contents{display: inline-block;}

div#contents:after{
content:".";
display: block;
height: 0;
visibility:hidden;
clear: both;
}
/* Hides MacIE5 \*/
* html div#contents{height:1%;}

div#contents{display:block;}
/* Hides MacIE5 */



/******************************************************/
/* フッターガイダンス #footerGuidance */
/******************************************************/
#footerGuidance *{
margin:0;
padding:0;
list-style:none;
}

#footerGuidance{margin:25px 30px 15px 30px;}
#footerGuidance p{
margin:0;
padding:0;
}
#footerGuidance p.author{
border-top:1px solid #E1E1E1;
padding:10px 10px 30px 10px;
}
#footerGuidance li.pageTop{
float:right;
background:url(/common/img/images_com_arrow_02.gif) 0 0.2em no-repeat;
padding-left:16px;
font-size:95%;
line-height:110%;
}
#footerGuidance li.pageHome{
float:right;
margin-right:20px;
background:url(/common/img/images_com_arrow_01.gif) 0 0.2em no-repeat;
padding-left:16px;
font-size:95%;
line-height:110%;
}
#footerGuidance a:hover{text-decoration:none;}

/* clear ******************************************/
div#footerGuidance{display: inline-block;}

div#footerGuidance:after{
content:".";
display: block;
height: 0;
visibility:hidden;
clear: both;
}
/* Hides MacIE5 \*/
* html div#footerGuidance{height:1%;}

div#footerGuidance{display:block;}
/* Hides MacIE5 */


/******************************************************/
/* フッター #footer */
/******************************************************/
div#footer *{
margin:0;
padding:0;
list-style:none;
}
.area_footer div#footer *{
margin: auto;
}
div#footer{
margin:0 20px 0 20px;
font-size:75%;
border-top:1px solid #DADADA;
}

div#footer a{text-decoration:none;}
div#footer a:hover{text-decoration:underline;}

div#footer ul{
width:100%;
padding:7px 0 8px 0;
background:url(/common/img/images_com_line_02.gif) left bottom repeat-x;
}
div#footer ul li{
float:left;
background:url(/common/img/images_com_line_01.gif) left top repeat-y;
padding:0 8px 0 10px;
white-space:nowrap;
}
div#footer ul li.footerFirst{background:none;}

div#footer dl{padding:7px 0 8px 10px;}
div#footer dl dt{
float:left;
padding:0 10px 0 0;
}
div#footer dl dd{
float:left;
padding-right:10px;
white-space:nowrap;
}

/* clear ******************************************/
div#footer dl,
div#footer ul{display: inline-block;}

div#footer dl:after,
div#footer ul:after{
content:".";
display: block;
height: 0;
visibility:hidden;
clear: both;
}
/* Hides MacIE5 \*/
* html div#footer dl,
* html div#footer ul{height:1%;}

div#footer dl,
div#footer ul{display:block;}
/* Hides MacIE5 */


/******************************************************/
/* コピーライト #copyright */
/******************************************************/
p#copyright{
margin:0 20px 20px 20px;
padding:7px 0 0 11px;
font-size:75%;
color:#5E5E5E;
border-top:1px solid #DADADA;
}

/******************************************************/
/* 印刷用 20141113 */
/******************************************************/
@media print{
div#headerMain, #headerMenu, #breadCrumbs, #footerGuidance ul, #footer, div#footerMenu{display:none;}
#footerGuidance p.author, div p.registration {text-align: right; padding-bottom: 0px;}
}

.area_footer {
padding: 0 0 20px;
position: relative;
background: #F5F5F5;
}

.area_footer .footer {
font-size: 0.8125em;
margin: 0 20px; }

.area_footer div#footer,
.area_footer div#footer ul,
.area_footer div#footer ul li{
background: none;
}
.area_footer div#footer {
border-top: none;
}

/* div.footer_links
--------------------------------------*/
.area_footer .footer_links {
font-size: 0.875em;
background-color: #efefef; }
.area_footer .footer_links .links_list {
padding: 40px 0; }
.area_footer .footer_links .links_list.first {
padding-top: 0; }
.area_footer .footer_links .links_list.first, .area_footer .footer_links .links_list.second {
font-weight: bold;
border-bottom: 1px solid #cccccc; }
.area_footer .footer_links .links_list.third {
margin: 0 auto;
text-align: left; }
.area_footer .footer_links .links_list.third .links_index {
display: table;
float: left;
min-width: 240px;
margin-bottom: 20px; }
.area_footer .footer_links .links_list.third .links_index span {
display: inline-block;
font-weight: bold; }
@media (max-width: 690px) {
.area_footer .footer_links .links_list.third {
width: 320px; }
}
.area_footer .footer_links .block_type02 {
width: 320px;
height: 95px; }
.area_footer .footer_links .block_type02 a {
padding: 10px 14px; }
.area_footer .footer_links .block_type02 .block_img {
width: 75px;
height: 75px;
text-align: center; }
.area_footer .footer_links .block_type02 .block_img img {
max-width: 75px;
width: auto;
max-height: 75px;
height: auto;
vertical-align: middle; }
.area_footer .footer_links .block_type02 .block_text {
padding-left: .8em; }

/* div.footer_utility
--------------------------------------*/
.area_footer .footer_utility {
border-bottom: 1px solid #dadada;
font-size: 86%;
margin: 25px 0 5px;
padding-top: 15px !important; }
@media (max-width: 690px) {
.area_footer .footer_utility {
padding: 5px 0 !important;
}
.area_footer .footer_utility .inner {
padding-left: 0;
padding-right: 0;
}
.area_footer div#footer ul {
padding: 0;
}
.area_footer div#footer ul li {
float: none;
}
.area_footer div#footer a {
padding: 10px 0 !important;
}
.area_footer div#footer dl {
padding: 8px 10px 0 10px !important;
line-height: 1;
}
}

.area_footer .footer_utility a:link,
.area_footer .footer_utility a:visited {
text-decoration: none; }

.area_footer .footer_utility a:hover,
.area_footer .footer_utility a:active {
text-decoration: underline; }

.area_footer .footer_utility ul {
border-bottom: 1px dotted #c2c2c2;
list-style: none;
margin: 0 auto;
padding: 5px 10px; }

.area_footer .footer_utility li {
border-left: 1px dotted #aeaeae;
display: inline;
margin: 0 0.5em 0 0;
padding: 0 0 0 0.8em;
line-height: 1.2; }

.area_footer .footer_utility li.pseudo-first-child {
border: none;
padding: 0; }

.area_footer .footer_utility dl {
margin: 0;
padding: 5px 10px; }

.area_footer .footer_utility dt,
.area_footer .footer_utility dd {
display: inline;
margin: 0 10px 0 0; }

/* div.footer_copyright
--------------------------------------*/
.area_footer .footer_copyright {
font-size: 86%;
padding: 0 10px !important;
margin-top: 5px !important;
display: block; }

@media (max-width: 690px) {
.area_footer .area_footer {
padding-bottom: 10px; }
.area_footer .footer {
margin: 0; }
.area_footer .footer_utility {
border-bottom-style: dashed;
}
.area_footer .footer_utility ul {
padding: 0;
border: none; }
.area_footer .footer_utility li {
display: block;
margin-right: 0;
padding-left: 0;
border-left: none;
border-bottom: 1px dashed #c7c7c7; }
.area_footer .footer_utility li.pseudo-first-child {
border-bottom: 1px dashed #c7c7c7; }
.area_footer .footer_utility li a {
display: block;
width: auto;
height: auto;
margin-left: 5px;
padding: 10px 15px 10px 10px;
text-decoration: none; }
.area_footer .footer_utility .foot_navi li {
background: #cccccc; }
.area_footer .footer_utility .foot_navi li a {
background: #ffffff;
font-size: 120%; }
.area_footer .footer_utility .foot_navi li:nth-child(6),
.area_footer .footer_utility .foot_navi li:nth-child(7),
.area_footer .footer_utility .foot_navi li:nth-child(8),
.area_footer .footer_utility .foot_navi li:nth-child(9),
.area_footer .footer_utility .foot_navi li:nth-child(10) {
background: #4fb6cc; }
.area_footer .footer_utility dt,
.area_footer .footer_utility dd {
display: block; }

}

.bold {
font-weight: bold;
}

div#contentsMain ul.navAnc {
letter-spacing: -.4em;
border: 1px solid #E0E0E0;
background: #EBF1FB;
padding: 0 0 20px 20px;
margin-left:30px !important;
}
div#contentsMain ul.navAnc li {
display: inline-block;
letter-spacing: normal;
vertical-align: top;
margin: 20px 20px 0 0;
font-weight: bold;
}

ruby rt {
font-size:50%;
}

div#contentsMain ul.bannerBlue {
display: flex;
flex-wrap: wrap;
margin-left: 30px;
}
div#contentsMain .bannerBlue li {
margin: 0 20px 20px 0;
list-style: none;
background: #DBEEF4;
text-align: center;
font-size: 1.7rem;
font-weight: bold;
line-height: 1.1;
align-items: center;
display: flex;
box-shadow: 3px 3px 3px rgba(50,50,50,0.3);
}
div#contentsMain .bannerBlue li a {
color: #376092;
display: block;
text-decoration: none;
padding: 10px 20px;
width: 100%;
}

@media (max-width: 1019px) {
div#header.new button {
-webkit-appearance: button;
border-radius: 0;
margin: 0;
background-color: #FFF;
border: none;
}
}

#searchbox input[type="submit"],
#cse-search-box input[type="submit"] {
-webkit-appearance: button;
border-radius: 2px;
margin: 0;
background-color: #fefefe;
border: 1px solid #aaa;
color: #222;
}
.prbFjprbtm {
background: url(/common/img/search_box_icon.jpg) no-repeat scroll left center;
border: medium none;
height: 23px;
width: 23px;
margin: 0 2px;
padding: 0 5px;
cursor: pointer;
}