@charset "utf-8";


/* ========================================================================== */
/* 08-02-01) トップページ専用 メイン画像等 CSS */
/* ========================================================================== */


.top_main{ margin-top:-12px;}


.slider-wrapper.theme-default{
width:100%; min-height:150px; z-index:10; margin:0px; 
overflow: hidden;}
#slider,
.slider-wrapper.theme-default::after { content: ""; display: block; clear: both;}

.top_main_flex {
  display: flex;
  height: 100%;
  max-width: 950px;
  height: 300px;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}

.top_main_flex_l { width: 650px; }
.top_main_flex_r {
height: 100%;
width: 300px;
position: relative;
box-sizing: border-box;
font-family: "Zen Kaku Gothic New", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
}

.top_main_flex_r_inner{
overflow: auto;
height: 100%;
box-sizing: border-box;
padding:3px 5px;
font-size: 1em; line-height: 1.5em;
}

.top_main_flex_r_inner::-webkit-scrollbar {
  width: 12px;
}
.top_main_flex_r_inner::-webkit-scrollbar-track {
  border-radius: 10px;
}
.top_main_flex_r_inner::-webkit-scrollbar-thumb {
  border-radius: 10px;
}
.slider-wrapper a{ pointer-events: none; }

.top_main_flex_r_inner > div{padding:0px 6px;  }

/* 配色 */
.top_main_flex_r  { background-color: #D0E4B9;}
.monitoring_title { background: #009978;}
.monitoring_title1{ background: #F3F1ED; color: #009978;
border-top: solid #76C588 1px;
border-bottom: solid #D3E6C5 1px;
}


.monitoring_title{
    text-align: left;
    color: #fff;
    padding:2px 5px 1px 5px!important;

    border-radius:2px 2px 0 0;
    font-size: 95%;
}
.monitoring_title1{
text-align: left;
font-weight: bold;
margin-top: -1px;
padding:3px 6px 0px 6px!important;
}
.monitoring_time{
    text-align: center;
    background-color: #fff; margin-bottom: 6px;
    border-radius:0 0 2px 2px ;
    padding:3px 5px 2px 5px!important;
}
.monitoring_flex{
    display: flex;
    align-items: center;
}
.monitoring_left{  width: 65%; box-sizing:border-box; }

.top_main_flex_r_inner .monitoring_contents,
.monitoring_contents .monitoring_left{  padding-left:0.75em; padding: 1px 6px; font-size: 0.98em;}
.monitoring_contents01 .monitoring_left{  padding-left:0.75em;}

.monitoring_contents div{ }
.monitoring_right{ width: 35%; box-sizing:border-box; }
.monitoring_contents{
    text-align: left;
    border-bottom: solid #D3E6C5 1px;
    background-color: #fff;
}

.scroll_bar {
    scrollbar-color: #209F73 #D0E4B9;
    scrollbar-width: thin;
}
.monitoring_contents01{
    text-align: left;
    background-color: #FEF1CF;
    font-size: 0.85em; line-height: 1.4em;
    margin: 5px 0 0 0;
padding: 5px 3px 4px 4px!important;
border-radius: 3px;

}
.monitoring_title2{
background: #E59221; color: #fff;
padding: 2px 8px 1px 6px;
border-radius: 2px;
margin-bottom: 3px;
}

.m_r_atai{ font-size: 11px;  margin-left: 5px;}

.scroll_bar::-webkit-scrollbar{
   width: 10px;
}
.scroll_bar::-webkit-scrollbar-track{
   background-color: #ccc;
}
.scroll_bar::-webkit-scrollbar-thumb{
   background-color: #17585d;
}
.monitoring_right_atai-開発中 .m_r_atai,
.monitoring_right_atai-調整中 .m_r_atai,
.monitoring_right_atai-計測中 .m_r_atai,
.monitoring_right_atai- .m_r_atai{ display: none; visibility: hidden;}



/* ----- トップページ 新着情報 スクロール表示 ------------------------- */
.top_scroll_aria{
	width:946px; _height:28px;
	margin:4px 0px 4px 0px; padding:1px;
	text-align:left;
	border:1px #CCCCCC solid;
	background-color:#F0F0F0;}


.top_scroll_aria img{
vertical-align:middle;}
MARQUEE.top_scroll{ width:820px; float:left; font-size:16px; line-height:18px; padding:4px 0px 0px 8px;}







@media print {
MARQUEE.top_scroll{ height:1em; overflow:hidden;
}
}

/* ========================================================================== */
/* 08-02-01) サブメイン トップページ専用 新着情報・お知らせ設定 CSS */
/* ========================================================================== */

/* ----- 新着情報 各種設定 ------------------------------------------------ */

/* 　新着情報 タイトル設定　 */

#wnew{
 padding:8px 0px 0px 6px; margin:0px 10px 0px 0px;
	min-height:285px;
}



#wnew ul { margin:0px 0px 0px 0px; padding:0px 0px 12px 0px;}
#wnew li{ padding:1px 0px 4px 16px; margin:0px 0px 6px 0px;
text-indent:0px;
	list-style-type: none;
  list-style: none outside none;
	border-bottom:2px #BCBCBC dotted;
	background-image: url(../img/wnew_arrow.gif);
	background-repeat: no-repeat;
	background-position:top left;
}

.wnew_title,body.bgcolor_white .wnew_title{ font-weight:bold; margin-top:6px;}
.wnew_title A:link,body.bgcolor_white .wnew_title A:link{text-decoration: none; COLOR: #003366;}
.wnew_title A:visited,body.bgcolor_white .wnew_title A:visited{text-decoration: none; COLOR: #400040;}
.wnew_title A:active,body.bgcolor_white .wnew_title A:active{text-decoration: underline; COLOR: #CC3300;}
.wnew_title A:hover,body.bgcolor_white .wnew_title A:hover{	text-decoration: underline; COLOR: #CC3300;}

#wnew li .com{ padding:1px 0px 4px 16px; margin:0px 0px 6px 0px;
text-indent:0px;
	list-style-type: none;
	line-height: 160%;
	font-size: 93%;
    list-style: none outside none;
	border-bottom:2px #BCBCBC dotted;
	background-image: url(../img/wnew_arrow.gif);
	background-repeat: no-repeat;
	background-position:top left;
}

.wnew_com{ font-size:90%; line-height:125%; margin-right:6px;}
.wnew_com A:link,body.bgcolor_white .wnew_com A:link{text-decoration: none; COLOR: #333;}
.wnew_com A:visited,body.bgcolor_white .wnew_com A:visited{text-decoration: none; COLOR: #666;}
.wnew_com A:active,body.bgcolor_white .wnew_com A:active{text-decoration: underline; COLOR: #CC3300;}
.wnew_com A:hover,body.bgcolor_white .wnew_com A:hover{	text-decoration: underline; COLOR: #CC3300;}


/* ----- お知らせ 各種設定 ------------------------------------------------ */
#top_info   {margin:1px 0px 20px 6px; padding:10px; border:3px #FF8D42 double;
background-color:#FFFFFF;}




/* 　新着情報 タイトル設定　 */

#wnew01{
 padding:8px 0px 0px 6px; margin:0px 10px 0px 0px;
	min-height:45px;
}



#wnew01 ul { margin:0px 0px 0px 0px; padding:0px 0px 12px 0px;}
#wnew01 li{ padding:1px 0px 4px 16px; margin:0px 0px 6px 0px;
text-indent:0px;
	list-style-type: none;
  list-style: none outside none;
	border-bottom:2px #BCBCBC dotted;
	background-image: url(../img/wnew_arrow.gif);
	background-repeat: no-repeat;
	background-position:top left;
}




/* ========================================================================== */
/* 08-02-01) サブメイン トップページ専用 トップページメニュー CSS */
/* ========================================================================== */

/* ----- トップページメニュー  ---------------------------------- */

#top_menu_navi{
	font-size:12px;
	line-height:16px;
	clear:both;
	_margin:0px 0px 16px 0px;
	padding:0px;
	height:95px;
	width:950px;
	text-align:right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#top_menu_navi ul{ text-align:right!important;
	list-style:none!important;
	margin:0px 0px 0px 0px; 
	padding:0px;
	text-align:left;
}


#top_menu_navi li{border:0px; float: left;
	margin:0px 0px 0px 0px; padding:0px;
}

#top_menu_navi a{border:0px;
	margin:0px; padding:0px;
}

#top_menu_navi span{border:0px;
	margin:0px; padding:0px;
}


.t_navi{ border:0px solid;
	background-image:url(../img/top_menu_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:95px;
	display:block;
}
 
.t_navi A:link  {margin:0px; padding:0px;}
.t_navi A:visited {margin:0px; padding:0px;}
.t_navi A:active  {margin:0px; padding:0px;}
.t_navi A:hover {margin:0px; padding:0px;}

.t_navi span { border:0px solid; margin:0px; padding:0px; display:none; font-size:12px; line-height:16px;}


.t_menu01{ width:318px; background-position:0px 0px;}
.t_menu01:hover{width:318px; background-position:0px -95px;}

.t_menu02{ width:315px; background-position:-318px 0px;}
.t_menu02:hover{width:315px; background-position:-318px -95px;}

.t_menu03{ width:317px; background-position:-633px 0px;}
.t_menu03:hover{width:317px; background-position:-633px -95px;}





/* ========================================================================== */
/* 08-02-01) ツイッター表示  CSS */
/* ========================================================================== */

.twitter_title{text-align:left; height:36px;

background: #40d9a3; /* Old browsers */
background: -moz-linear-gradient(top,  #40d9a3 0%, #29c18e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#40d9a3), color-stop(100%,#29c18e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #40d9a3 0%,#29c18e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #40d9a3 0%,#29c18e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #40d9a3 0%,#29c18e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #40d9a3 0%,#29c18e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40d9a3', endColorstr='#29c18e',GradientType=0 ); /* IE6-9 */

-moz-border-radius:6px 6px 0px 0px;
-webkit-border-radius:6px 6px 0px 0px;
border-radius:6px 6px 0px 0px;

}
.twitter_follow{ float:right; display:block; margin:8px 6px 0px 12px;}
.twitter_title01{ color:#FFF; float:left; font-size:14px; font-weight:bold;
display:block;
margin:8px 0px 0px 10px;}

.twitter_com{ padding:3px;
	border:1px #CCCCCC solid;
}



#contents #main_right ul.s_bottom_bunner li{ list-style:none; text-align:center; margin-bottom:6px;}