@charset "utf-8";

/* 緊急のお知らせ */
/*名称変更のため、一時用意*/
#attention {padding: 1em;}
#attention .attention_otherinfo {
	padding: 0.5em 1em;
	background-color: #fff;
	border: 2px solid #c00;
	word-wrap:break-word;
	overflow-wrap: break-word;}
/*ここまで*/.attention_otherinfo ul li {
	background-image: url(/images/top/arrow_redright.gif);
	background-repeat: no-repeat;
	background-position: 6px 5px;
	padding-left: 30px;
	margin: 0.5em 0;
	line-height: 1.4;}
.attention_otherinfo ul li strong {
	font-weight: bold;}
.attention_otherinfo ul li a {
	color: #c00;}
.attention_otherinfo ul li a:hover {
	color: #600;}
.attention_otherinfo table.table01 {
	border-top: 1px solid #ccc !important;
	border-left: 1px solid #ccc !important;
	border-bottom:none !important;
	border-right:none !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	width: 100%;
	line-height:1.8em;
}
.attention_otherinfo table.table01 td,
.attention_otherinfo table.table01 th  {
	border-top:none !important;
	border-left:none !important;
	border-bottom: 1px solid #ccc !important;
	border-right: 1px solid #ccc !important;
	padding: 5px !important;
	text-align: center !important;
	vertical-align:middle !important;
}
.attention_otherinfo table.table01 .table01_header {
	background: #e2eedd !important;
}
/*退避終わり*/

#attention_high {padding: 1em; display:block !important;}
#attention_high .attention_otherinfo {
	padding: 0.5em 1em;
	background-color: #fff;
	border: 2px solid #c00;
	word-wrap:break-word;
	overflow-wrap: break-word;}
#attention_high div.dev_double{width:1000px;}
#attention_high div.dev_double div.first{float:left;width:499px;}
#attention_high div.dev_double div.second{float:right;width:499px;}
#attention_high div.dev_double div img {max-width:100%;}

/* スライド */
#timer_bg{overflow:hidden;}
.countpc {width:250px;height:50px;position:absolute;top:338px;left:800px;z-index:999;}
.count {position:absolute;top:0px;left:150px;z-index:999;}



.slide {

	position: relative;

}

.slide .mainTxt {
	background-color:transparent !important;
	width:auto;
	line-height:1.5em;
	position:absolute;
	top:35px;
	left:45px;
	z-index:999;
	color: #fff !important;
	font-size: 30px;
	font-weight: bold;
	/*text-shadow: 0 0 8px #000;*/
	text-shadow:black 1px 1px 2px, black -1px 1px 2px,
		    black 1px -1px 2px, black -1px -1px 2px;
	padding-right:10px;
	font-family: "ＭＳ 明朝", "MS UI Gothic", sans-serif;
}
.slide .mainTxt span {
	background-color:transparent !important;
	color: #fff !important;
}
.slide ul#slide li {

	height: 505px;

	background-repeat: no-repeat;

	text-indent: -9999px;

}

.slide ul#slide li .subTxt {
	display:block;
	position:absolute;
	right:10px;
	bottom:113px;
	background-color:transparent !important;
	color:#fff !important;
	text-indent:0;
	font-weight:bold;
	text-shadow:black 1px 1px 2px, black -1px 1px 2px,
		    black 1px -1px 2px, black -1px -1px 2px;
	padding-left:10px;
	text-align:right
}
.slide ul#slide li .subTxt * {
	background-color:transparent !important;
	color:#fff !important;
}
.slide ul#slide li a {
	height: 393px;
	width:/*1092px*/100%;
	display:block;
}

.slide ul#slide li.b01 {

	background-image: url(/images/top/bg_top03_pc.jpg);
	background-size:contain;
}

.slide ul#slide li.b02 {

	background-image: url(/images/top/bg_top01_pc.jpg);
	background-size:contain;
	display: none;
}

/*.slide ul#slide li.b03 {

	background-image: url(/images/top/bg_top03_pc.jpg);
	background-size:contain;
	display: none;

}

.slide ul#slide li.b04 {

	background-image: url(/images/top/bg_top04_pc.jpg);

	display: none;

}

.slide ul#slide li.b05 {

	background-image: url(/images/top/bg_top05_pc.jpg);

	display: none;

}*/
.slidelink {

	border-top: 1px solid #E4E4E4;

	position: absolute;

	z-index: 100;

	top: 394px;



}

.slidelink li {

	width: 532px;

	float: left;

	position: relative;

	z-index:/*1001*/101;

	background-image: url(/images/common/i_detail.gif);

	background-repeat: no-repeat;

	background-position: bottom right;

}

.slidelink li:first-child {

	border-right: 1px solid #E4E4E4;

	box-sizing: border-box;

}

.slidelink li img {

	float: left;

	border-right: 1px solid #E4E4E4;

}
.slidelink li.banner a {

	display:block;
	text-indent:100%;
	width:100%;
	height:110px;
	overflow: hidden;
	white-space:nowrap;
	background:url('/images/top/banner_syutoken.jpg') no-repeat;
	border-right: 1px solid #E4E4E4;

}.slidelink li span.title {

	display: block;

	font-size: 123.076923%; /* 16px */

	color: #FFFFFF;

	padding: 15px 0 10px 125px;

}

.slidelink li span.description {

	display: block;

	font-size: 92.307692%; /* 12px */

	color: #FFFFFF;

	padding: 0 0 0 125px;

}

.slidelink li a {

	width: 532px;

	height: 110px;

	color: #FFFFFF;

	text-decoration: none;

	display: block;

	top: 0;

	left: 0;

	z-index:/*1001*/101;

}
.slidelink li:hover {

	opacity: 0.8;
}
#banner_10th{margin: 0 auto;

	position: absolute;

	z-index: 100;

	bottom: 130px;

	right: 40px;

}
/* ご注意 */
#attention_area {

	background-color: #f2f2f2;

	padding: 22px 0 0 0;

	margin: 0 40px;

}
#attention_area .attention{

	background-image: url(/images/top/bg_attention2.gif);

	background-repeat: repeat-y;

	background-position:left top;

	width: 985px;

}
#attention_area .atop {

	background-image: url(/images/top/bg_attention1.gif);

	background-repeat: no-repeat;

	background-position: top;

}
#attention_area .abtm {

	background-image: url(/images/top/bg_attention1.gif);

	background-repeat: no-repeat;

	background-position: bottom;

}
#attention_area .attention ul {

	background-image: url(/images/top/i_attention.gif);

	background-repeat: no-repeat;

	background-position: 30px center;

	padding: 15px 15px 10px 0;

	box-sizing: border-box;

}
#attention_area .attention li {

	line-height:1.47;

	padding-left: 105px;

	margin-bottom: 5px;

	background-image: url(/images/common/arrow_attention.gif);

	background-repeat: no-repeat;

	background-position: 90px 5px;

}
#attention_area .attention li a {

	color: #555555;

	text-decoration: none;

	display:block;

}
#attention_area .attention li a:hover {

	text-decoration: underline;

}

#attention_area01 {
	padding: 22px 0 0 0;
	margin: 0 40px;

}

#attention_area01 .attention a {
	color: #555555;
	text-decoration: none;
	display:block;
}

#attention_area01 .attention{
border:4px solid #F33;
background-color: #fff;
padding:20px;
}

#attention_area01 .attention a:hover {
	text-decoration: underline;
}/* お客様への大切なお知らせ */

.importantnotice {

	background-color: #f2f2f2;

	padding: 22px 0;

}

.importantnotice dl {

	margin: 0 40px;

	border: 2px solid #51ad3c;

	background-color: #FFFFFF;

	padding: 19px 28px;

	position: relative;

}

.importantnotice dl dt {

	font-size: 138.4615384%; /* 18px */

	line-height:1.5;

	padding-left:40px;

	background-image: url(/images/common/i_info.gif);

	background-repeat: no-repeat;

	background-position: left center;

	margin-bottom: 10px;

}

.importantnotice dl dd.list {

	position: absolute;

	top: 14px;

	right: 39px;

	border-top: none;

	background-position: left center;

	padding-left: 15px;

}

.importantnotice dl dd.list a {

	color: #51AD3C;

	text-decoration: none;

	font-size: 116.666666%; /* 14px */

	display: block;

}

.importantnotice dl dd.list a:hover {

	text-decoration: underline;

}

.importantnotice dl dd {

	line-height: 2.13;

	border-top: 1px solid #E4E4E4;

	background-image: url(/images/common/arrow_greenright.gif);

	background-repeat: no-repeat;

	background-position: 12px 10px;

	padding-left: 40px;

}

.importantnotice dl dd.list + dd {

	border-top: none;

}

.importantnotice dl dd a {

	color: #555555;

	text-decoration: none;

}

.importantnotice dl dd a:hover {

	text-decoration: underline;

}

/*災害のお知らせ_20191023*/
.disasternotice {
	background-color: #f2f2f2;
	padding: 22px 0 0 0;
}

.disasternotice dl {
	margin: 0 40px;
	border: 2px solid #c00;
	background-color: #FFFFFF;
	padding: 19px 28px;
	position: relative;
}

.disasternotice dl dt {
	font-size: 138.4615384%; /* 18px */
	line-height:1.5;
/*	padding-left:40px;
	background-image: url(/images/common/i_info.gif);
	background-repeat: no-repeat;
	background-position: left center;*/
	margin-bottom: 10px;
}

.disasternotice dl dd.list {
	position: absolute;
	top: 14px;
	right: 39px;
	border-top: none;
	background-position: left center;
	padding-left: 15px;
}

.disasternotice dl dd.list a {
	color: #51AD3C;
	text-decoration: none;
	font-size: 116.666666%; /* 14px */
	display: block;
}

.disasternotice dl dd.list a:hover {
	text-decoration: underline;
}

.disasternotice dl dd {
	line-height: 2.13;
	border-top: 1px solid #E4E4E4;
	background-image: url(/images/common/arrow_greenright.gif);
	background-repeat: no-repeat;
	background-position: 12px 10px;
	padding-left: 40px;
}

.disasternotice dl dd.list + dd {
	border-top: none;
}

.disasternotice dl dd a {
	color: #555555;
	text-decoration: none;
}

.disasternotice dl dd a:hover {
	text-decoration: underline;
}

/* バナースライド */

.bnrslide {

	padding: 20px 0 22px 0;

	background-color: #FFFFFF;

}

.bnrslide ul {

	width: 924px;

	margin: 0 auto;

}

.bnrslide ul li {

	float: left;

	margin-right: 20px;

	margin-bottom: 20px;

}

.bnrslide ul li:first-child + li + li + li {

	margin-right: 0;

}
.news {

	padding: 22px 0 0 0;

}

.news_tab {

	margin: 0 40px 50px 40px;

	position: relative;

}

.news .tabs {

}

.news .tabs li {

	float: left;

	font-size: 107.69230%; /* 14px */

	line-height: 1.2em;
	min-height:53px;
	width:auto;

}

.news .tabs li.open {

	background-image: url(/images/common/bg_newstitle.gif);

	background-repeat: no-repeat;

	background-position: top center;

	background-size: 100% 3px;

	background-color: #FFFFFF;}
/*.news .tabs li.whats {max-width:97px;}
.news .tabs li.press {max-width:146px;}
.news .tabs li.newin {max-width:250px;}
.news .tabs li.group {max-width:243px;}
.news .tabs li.bidin {max-width:97px;}*/

.news .tabs li.rss{float:right;margin-right:10px;}

.news .tabs li a {

	color: #555555;

	text-decoration: none;

	padding: 18px 1.0em 10px 1.0em;

	display: block;
}

.news ul.links{padding-right:1em;
padding-top:10px;}

.news ul.links li {
float:right;
background: url(/images/common/arrow_news.gif) no-repeat left center;
text-indent: 15px;
font-size: 107.69230%;
}

.news ul.links li {display:none;}
.news ul.links li.open{display:block !important;}

/*.news .list {

	position: absolute;
	top: 575px;
	right: 1em;

	font-size: 107.69230%;
	background-image: url(/images/common/arrow_news.gif);

	background-repeat: no-repeat;

	background-position: left center;

	text-indent: 15px;

}*/
.news ul.links a{
	color: #555555;
	text-decoration: none;
}

.news ul.links a:hover{
	text-decoration: underline;
}
/******dl組み*******/

/*#updatesInfo_press,

#updatesInfo_newin,

#updatesInfo_bidin,

#updatesInfo_group {

	display: none;

}*/

.updatesInfo_tabBorder {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	padding: 15px 40px 40px;

	background-color: #FFFFFF;

	min-height:495px;

}
#updatesInfo_list > div {
	display:table;
	width:100%;
}
#updatesInfo_list p.list {
	display:table-caption;
}
.news dl {

	display:table-row;

	width: 100%;

}

.news dl dt, .news dl dd {

	line-height: 43px;

	display:table-cell;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;
	border-bottom: 1px solid #E4E4E4;
}

.news dl dt {
	min-width: 70px;
	text-align: center;
	white-space:nowrap;
}

.news dl dt + dd {
	text-align: center;
	min-width: 120px;
	white-space:nowrap;
}

.news dl dt + dd span {

	display: inline-block;

	color: #FFFFFF;

	font-size: 73.3333333%;

	line-height: 22px;

	min-width: 100px;

	text-align: center;

	letter-spacing: 2px;
	margin:0 10px;
}

/* 入札情報 */

dl.bidin span.bidin {

	background-color: #006496;

}

/* プレスリリース */

dl.press span.press {

	background-color: #fc9900;

}

/* お知らせ */

dl.newin span.newin {

	background-color: #104E04;

}

/* その他 */

dl.other span.other {

	background-color: #c3c3c3;

}

/* 本社 */

dl.headoffice span.headoffice {

	background-color: #429a21;

}

/* 北海道 */

dl.hokkaido span.hokkaido {

	background-color: #99cc00;

}

/* 東北 */

dl.tohoku span.tohoku {

	background-color: #cc6699;

}

/* 関東 */

dl.kanto span.kanto {

	background-color: #c14848;

}

/* 新潟 */

dl.niigata span.niigata {

	background-color: #7373b9;

}

.news dl dt + dd + dd {

	padding: 10px 0 10px 1em;

	line-height: 1.4em /*18px*/;

}
.news #updatesInfo_bidin dl dt + dd + dd {

	min-width:650px;

}

.news .updatesInfo_tabBorder dl dd a {

	color: #555555;

	text-decoration: none;

}
.news .updatesInfo_tabBorder dl dd a:hover {

	text-decoration: underline;

}
/****インフォバナー 関連リンク****/

#updatesInfo_other {

	margin:22px 0 0 45px;

}

#updatesInfo_other ul li {

	float:left;

	width:170px;

	margin:0 0 20px 20px;

}@media only screen and (max-width: 640px) {

.bnrslide ul {

	width:100%;

	margin: 0 auto;

}

.slide ul#slide li {

/*	height: 574px;*/
	height: 508px;

}
.slide ul#slide li a {
/*	height: 352px;*/
	height: 286px;
	width:100%;
}
.slide ul#slide li.b01 {

	background-image: url(/images/top/bg_top03_sp.jpg);
	background-size:contain;

}

.slide ul#slide li.b02 {

	background-image: url(/images/top/bg_top01_sp.jpg);
	background-size:contain;
}

/*.slide ul#slide li.b03 {

	background-image: url(/images/top/bg_top03_sp.jpg);
	background-size:contain;
}

.slide ul#slide li.b04 {

	background-image: url(/images/top/bg_top04_sp.jpg);

}

.slide ul#slide li.b05 {

	background-image: url(/images/top/bg_top05_sp.jpg);

}*/

.slide .mainTxt {
	top:10px;
	left:20px;

	font-family: "ＭＳ 明朝","ヒラギノ明朝 ProN W6", "MS UI Gothic", sans-serif;

}
.slide ul#slide li .subTxt {
	font-size:70%;
	bottom:223px;
}#banner_10th{

	bottom:240px;

	right:inherit;

	left:20px;
}
#banner_10th img {max-width:600px;}
.slidelink {

/*	top: 352px;*/
	top: 286px;

	border-top: none;

}

.slidelink li {

	width: 100%;

	max-width: 640px;

	border:1px solid #E4E4E4;

	box-sizing: border-box;

	font-size:90%;

}

.slidelink li:first-child {

	border-bottom: none;

}
/*ご注意*/

#attention_area {

	margin: 0 20px;

}
#attention_area .attention{

	background-image: url(/images/top/bg_attention3.gif);

	width: 600px;

}
#attention_area .attention ul {

	width: 600px;

}
#attention_area .attention li {

	background-position: 90px 15px;

}/* お客さまへの大切なお知らせ */

.importantnotice dl{margin: 0 20px;}
.importantnotice dl dt{font-size:120%;}
.importantnotice dl dd{

	line-height:1.5;

	padding:10px 5px 10px 40px;

	background-position: 12px 18px;

	background-size:10px auto;

	}

.importantnotice dl dd.list {

	top: auto;

	bottom: 0;

	font-size:80%;

	position:absolute;

}

.importantnotice dl dd a {

    color: #555555;

    text-decoration: none;

}
/*災害のお知らせ_20191023*/
.disasternotice dl{margin: 0 20px;}
.disasternotice dl dt{font-size:120%;}
.disasternotice dl dd{
	line-height:1.5;
	padding:10px 5px 10px 40px;
	background-position: 12px 18px;
	background-size:10px auto;
	}

.disasternotice dl dd.list {
	top: auto;
	bottom: 0;
	font-size:80%;
	position:absolute;
}

.disasternotice dl dd a {
    color: #555555;
    text-decoration: none;
}

.news .list { display:none !important; }/********dl組み*******/

.updatesInfo_tabBorder {padding:15px; font-size:90%;}

.news_tab { margin:0 20px; }

.news .tabs li.whats,
.news .tabs li.newin {
	max-width:initial;
}

.news .tabs li.press,
/*.news .tabs li.newin,*/
.news .tabs li.group,
.news .tabs li.bidin {

	display: none;

}

.news dl dt, .news dl dd
{ padding:10px 5px 10px 0;}

.news dl dt {

	width:25%;

}

.news dl dt + dd {

	font-size: 0;

	width: 10px;
	min-width: initial;

}

.news .updatesInfo_tabBorder dl dd a{

	line-height:1.5;

}

/* カラーバー */

.news dl dt, .news dl dd
{ vertical-align:top;}

.news dl dt + dd span{ display: block; height: 30px; line-height: 0; margin:8px 0 0 0;width: 5px;min-width: initial;}

.slidelink li.banner a {
	background-image:url('/images/top/banner_syutoken_smp.jpg');

}

/****インフォバナー 関連リンク****/

#updatesInfo_other {margin-left:25px;}

.slidelink li a,
.slidelink li{width:640px;}

/*緊急情報*/
#attention table, #attention .table01 {
	width:100% !important;
}
#attention_high div.dev_double{width:100%;}
#attention_high div.dev_double div.first,#attention_high div.dev_double div.second{float:none;width:100%;margin:0px;}
#attention_high img{ max-width:100% !important;height: auto !important;}
.news .rss_link{ font-size:100% !important;}
.news ul.links li{font-size:92% !important;padding-right:0 !important;}

/*カウンター*/
.countpc {top:0px !important;left:0px !important;}
}