﻿@charset "utf-8";
/***************************************
lowcontrast.css
背景色:#AAAAAA;
文字色:#333333;
***************************************/
body{background-color:#AAAAAA;color:#333333;}

a,
header .page_control form.search input#search_txt ,
header .page_control form.search input#search_txt:focus ,
header .page_control form.search input.search_bt ,
header nav{color:#333333;}

#jump a:focus,
header .page_control form.search input#search_txt ,
header .page_control form.search input#search_txt:focus ,
header .page_control form.search input.search_bt ,
header nav,
.contents article ul li:before,
.contents article table th ,
.contents article .image_box figure ,
.contents nav dl dt{background-color:#AAAAAA;}

a{color:#000085;}
a:visited{color:#850000;}
a:hover{color:#3a3a3a;}
a:active{color:#004500;}



/**/
header
{ background: #aaa;}

.header_title
{ background: #ccc;}


footer,
.contents .recommend dl,
.subtop .contents h1,
.subtop .section h2
{ background-color: #aaa;}


div.locus,
.txtbox h3,
.acrobat,
.contents .form_section h2,
.info_section .section_wrap,
footer .nav,
.news dd:nth-of-type(even),
.life_event h2,
.life_event ul,
.subtop .section,
.subtop.gikai .category h2
{ background-color: #ccc;}



/* BORDER
footer .nav li,
.contents nav dl a:before,
.contents .info_section h2,
.subtop .contents h1 .main_title,
.subtop .section li
{ border-color: #fff;}
 */

.menu_list li,
.form_section .section_wrap
{ border-color: #666;}


.header_title { box-shadow: 0px 0px 0px 2px #eee;}

.top .sec_03 .photomenu_title {text-shadow: none;}


/* link ================*/
#menu li dt a.border_wh,
#menu li dt a.border_wh:visited,
#menu li dt a.border_wh:hover,
#menu li dt a.border_wh:focus,
#menu li dl:hover dt a.border_wh,
#menu li dl.focus dt a.border_wh,
#menu ul.sub_category li a,
#menu ul.sub_category li a:visited,
a.link_text,
a.link_text:visited
{ color: #333;}

a.link_text:hover,
a.link_text:focus
{ color: #333;}


#menu ul.sub_category li a,
footer .inquiry a,
.contents nav dl a,
.subtop .menu_section a.more,
.life_event a,
.text_banner a,
.subtop.gikai .category a
{ background-color: #aaa;}


footer .inquiry a:hover,
footer .inquiry a:focus,
.contents nav dl a:hover,
.contents nav dl a:focus,
.subtop .menu_section a.more:hover,
.subtop .menu_section a.more:focus,
.subtop .section h2 .category_name:hover,
.subtop .section h2 .category_name:focus,
.text_banner a:hover,
.text_banner a:focus,
.subtop.gikai .category a:hover,
.subtop.gikai .category a:focus
{ background-color: #ccc;}


.subtop .section h2,
.text_banner a
{ box-shadow: inset 0px 0px 0px 6px #ccc;}


footer .reread_link a { background-color: rgba(192,192,192,0.7);}
footer .reread_link a:hover,
footer .reread_link a:focus { background-color: rgba(192,192,192,1);}


#menu li dl dt a.border_wh:hover,
#menu li dl dt a.border_wh:focus,
#menu li dl.focus dt a.border_wh,
#menu ul.sub_category li a:hover,
#menu ul.sub_category li a:focus
{ color: #fff;}



/* G NAV */
#menu > li > a,
#menu > li dt a { background: #aaa; box-shadow: inset 0px 0px 0px 6px #332F20;}
#menu ul.sub_category li a:hover,
#menu ul.sub_category li a:focus { background-color: #332F20;}




/* TOP #####################################*/
.top .page_control,
.top .sec_02 .wrap
{ background-color: rgba(204,204,204,0.6);}

.bg_mask:before,
.sec_08.bg_mask:after
{ background-color: #ccc;}

/*
.important h2 { color: #ff6666;}
*/

h2.title_col2 .j_title,
footer .nav
{ border-bottom-color: #999;}

/*
.top h2 img
{ background-color: #aaa; box-shadow: 0 0 0 4px #aaa;}

.top .isan h2 img { background: none; box-shadow: none;}
*/


.sec_01,
.sec_03,
.sec_04,
.sec_06,
.sec_07,
.sec_09,
.sec_11,
.sec_12,
.important,
.tabmenu .division,
.tabmenu .news dd:nth-of-type(odd),
.tabmenu .news dd:nth-of-type(even),
.tabmenu .menu a,
.sec_11 .wrap
{ background-color: #aaa;}

.sec_07 { position: relative;}
.sec_07 .wrap { position: relative; z-index: 10;}
.sec_07:before
{position: absolute; display: block; content: ""; top: 0%; bottom: 0%; left: 0%; right: 0%; background-color: #ccc; opacity: 0.6;}


.tabmenu .menu li.active a,
.tabmenu a.more,
.top .text_banner a,
.top .shisei .left_banner .photomenu_title,
.top .left_banner .photomenu_title,
.top .banner .photomenu_title,
.magazine_wrap,
.magazine_button a,
.top .sec_05 .banner .photomenu_title,
.kk_banner .more
{ background-color: #ccc; box-shadow: none;}


.top .banner a:hover .photomenu_title,
.top .banner a:focus .photomenu_title,
.top .left_banner a:hover .photomenu_title,
.top .left_banner a:focus .photomenu_title,
.top .text_banner a:hover,
.top .text_banner a:focus,
.top .magazine_button a:hover,
.top .magazine_button a:focus
{ background-color: #eee!important;} 


/**/
.top a.link_text,
.top .text_banner a,
.top .left_banner a,
.top_search .top_keyword a,
.top .sec_03 a .photomenu_title
{color:#000085;}

.top a.link_text:visited,
.top .text_banner a:visited,
.top .left_banner a:visited,
.top_search .top_keyword a:visited,
.top .sec_03 a:visited .photomenu_title
{color:#850000;}

.top a.link_text:hover,
.top .text_banner a:hover,
.top .left_banner a:hover,
.top_search .top_keyword a:hover,
.top .sec_03 a:hover .photomenu_title
{color:#3a3a3a;}

.top a.link_text:active,
.top .text_banner a:active,
.top .left_banner a:active,
.top_search .top_keyword a:active,
.top .sec_03 a:active .photomenu_title
{color:#004500;}

/*20231130追記*/
.top .important h2 {color: #800000;}
.top .important .news dd a {color: #800000;}
.top .sec_03 h2 {color: #800000;}
.saigai .header_title {background: #900;}
.saigai .article .contents .main_contents div.news h2 {color: #800000;border-bottom: 2px solid #800000;}
.saigai #UD dt, .saigai .search_txt, .saigai noscript {color: #000;}


/*************************************************
 レスポンシブ　1200 + 20 
**************************************************/
@media screen and (max-width:1220px) {

  .top .page_control { background-color: rgba(0,0,0,0.01);}

  .sec_08 .wrap.dual .dual_left { background-color: rgba(204,204,204,0.6);}

  .tabmenu .news dt:nth-of-type(odd) { background-color: transparent;}

}