﻿@charset "utf-8";


#main_container,

#footer {

	margin-left: 216px; /* 左メニュー分の余白 */

	background-color: #F2F2F2;

}
.f_box_div {
	position: relative;
	height:100%;
}


/* 汎用パーツ */

.detail {

	position: relative;

}

.detail:after {

	content: "> 詳しく見る";

	width: 94px;

	height: 28px;

	display: block;

	background-color: #104e04;

	color: #FFFFFF;

	font-size: 13px;

	position: absolute;

	bottom: 0;

	right: 0;

	text-align: center;

	line-height: 28px;

}

/* パンくずリスト */

#breadcrumbs {

	padding-top: 50px;

	margin: 0 0 10px 38px;

	color: #FFFFFF;

}

#breadcrumbs a {

	color: #FFFFFF;

}



/* タイトル */

.h1mode {

	font-size: 226%;

	color: #FFFFFF;

	padding: 0 0 15px 38px;

}



#main_header {

	background-color: #3eb134;

	padding-right:38px;

	line-height:normal;

}



/* 汎用リスト */



.list_type1 li {

	float: left;

	margin-left: 1px;

}

.list_type1 li:hover {

	opacity: 0.8;

}





/* ヘッダ */

.header {

	width: 216px;

	box-shadow: 3px 0px 10px -1px rgba(0, 0, 0, 0.8);

	/*position: fixed;*/

	position:absolute;

	z-index: 1000;

	background-color: #FFFFFF;

	height:100%;
}


.header .logo{

	padding: 22px 46px 15px 50px;

}



.header p.nexco{

	font-size: 69.230769%; /* 9px */

	text-align: center;

	margin-bottom: /*2*/0px;

}



/* グローバルナビ */
.glovalnavi_area {
	background-color:#fff;
	width:216px;
	padding-top:20px;
}

ul.globalnavi {

	background-color: #FFFFFF;

/*	margin-bottom: 30px;*/

}

ul.globalnavi li {

	/*line-height: 44px;*/
	min-height:44px;
	text-align: right;

	padding-right: 1em;


}

ul.globalnavi li:hover {

	cursor: pointer;

	background-color: #3eb134;

	color: #FFFFFF;

}

ul.globalnavi li:hover ul.globalnavi_2nd {

	display: block;

	cursor: auto;

}

ul.globalnavi li a {
	box-sizing:border-box;
	padding-top:1em;
	padding-bottom:1em;
	color: #555555;
	text-decoration: none;
	display: block;

}

ul.globalnavi li:hover a {

	color: #FFFFFF;

}



ul.globalnavi li ul.globalnavi_2nd {

	display: none;
	position: absolute;

	z-index: 9999;

	box-sizing: border-box;

	left: 216px;

	top: 0;

	width: 256px;

	background-color: #3eb134;

	background-color: rgba(62,177,52,0.95);

	padding-top: 200px;
	height:100vh;
	/*min-height:100%;*/
}

ul.globalnavi li ul.globalnavi_2nd li {

	text-align: left;
	padding: 0;

}

ul.globalnavi li ul.globalnavi_2nd li:hover {

	background-color: #318c29;

	background-color: #104e04;

}



ul.globalnavi li ul.globalnavi_2nd li a {

	color: #FFFFFF;

	text-decoration: none;

	padding-left: 2em;

	display: block;

	

}



ul.globalnavi li.globalnavi_csr ul.globalnavi_2nd {

	width: 480px;

}

ul.globalnavi li.globalnavi_csr ul.globalnavi_2nd li {

	/*line-height: 35px;*/
	min-height:35px;

}

ul.globalnavi li.globalnavi_bids ul.globalnavi_2nd {

	width: 360px;

}





/* 検索 */

.header .search {

	text-align: right;

	line-height: 44px;

/*	margin-bottom: 30px;*/

}

.header .search a img {

	padding: 12px 5px;

}

.header .search a {

	text-decoration: none;

	color: #555555;

	padding-right: 1em;

}

.header .search a:hover {

	opacity: 0.8;

}

/* サブナビ */

ul.subnavi {

	border-top: 1px solid #e4e4e4;

	overflow:hidden;

/*	padding-top: 30px;*/

	padding-top: 15px;

/*	margin-bottom: 30px;*/

	margin-bottom: 15px;

}

ul.subnavi li {

	line-height: 30px;

	text-align: right;

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

}

ul.subnavi li:hover a {

	background-color: #3eb134;

	color: #FFFFFF;

}

ul.subnavi li a {

	padding-right: 1em;

	color: #555555;

	text-decoration: none;

	display: block;

}



/* SNSリンク */

ul.social {

	width: 105px;

	margin-left: 93px;

	margin-bottom: 21px;
	margin-top: 10px;
}

ul.social li {

	display: inline-block;





    font-size: 0;

    line-height: 0;

    margin: 0;

    padding: 0;

    text-align: center;

    width: 30px;







}

/*ul.social li:first-child {

	margin-right: 3px;

}*/

ul.social li:hover {

	opacity: 0.8;

}

ul.social li a img{ width:30px;}





/* ドラぷらバナー */

/*p.drivieplaza{

	text-align: center;

	margin-bottom:20px;

}

p.drivieplaza a:hover {

	opacity: 0.8;

}*/





/* ドラぷら右メニュー */
/*header {
	position:relative;
}*/
.driveplaza_menu {
	background-color: #FFFFFF;
	position: fixed;
	top: 0px/*43*/;
	margin-left: 1280px;
	/*z-index: 1000;*/
	z-index:1;
	box-shadow: 3px 0px 10px -1px rgba(0, 0, 0, 0.8);
	width: 215px;
}
/*firefox*/
@-moz-document url-prefix() {
	.header, .driveplaza_menu {
		box-shadow: 3px 0px 10px -3px rgba(0, 0, 0, 0.8);
	}
}

.driveplaza_menu .menu_off {
	width: 215px/*172*/;
	/*width:auto;
	box-sizing:border-box;*/
	display: none;
}

.driveplaza_open {
	float: left;
	cursor: pointer;
	/*margin-top:15px;*/
	display:none;
}
.driveplaza_open img {
	padding: 14px 11px 13px 10px;
}
.driveplaza_logo {
	float: left;
	border-left: 1px solid #E4E4E4;
	margin: 8px 0 6px;
	padding: 0 5px 0 5px;
}
.driveplaza_logo a:hover {
	opacity: 0.8;
}
/*.driveplaza_menu .menu_on {
	position: relative;

}*/
.driveplaza_logo2 {
	padding: 30px 63px 31px 63px;
}

.driveplaza_menu .menu_on {
	display: block;
	background-color: #FFFFFF;
	/*position: fixed;
	top: 44px;
	right: 0px;*/
	width:215px;
	height:auto;
	/*min-height:361px;
	margin-left: -84px;*/
}

.driveplaza_close {
	/*position: absolute;
	top: 43px;
	right: 256px;
	cursor: pointer;
	background-color: #FFFFFF;
	box-shadow: -5px 3px 6px -3px rgba(0, 0, 0, 0.6);*/
	display:block;
	float: left;
	cursor: pointer;
	margin-top:0;
}
.driveplaza_close img {
	padding: 14px 11px 13px 10px;
}
.driveplaza_logo2 a:hover {
	opacity: 0.8;
}
.driveplaza_navi {
	border-top: 1px solid #E4E4E4;
	/*display: none;*/
}
.driveplaza_navi li {
	box-sizing:border-box;
	/*line-height*/min-height: 45px;
	line-height:inherit;
	border-bottom: 1px solid #E4E4E4;
	/*text-indent*/padding: 15px 4px 16px 55px;
	text-align:left;
	background-position: 20px center;
	background-repeat: no-repeat;
}
.driveplaza_navi li:first-child {
	background-image: url(/images/common/m_driveplaza01.gif);
}
.driveplaza_navi li:first-child + li {
	background-image: url(/images/common/m_driveplaza02.gif);
}
.driveplaza_navi li:first-child + li + li {
	background-image: url(/images/common/m_driveplaza03.gif);
}
.driveplaza_navi li:first-child + li + li + li {
	background-image: url(/images/common/m_driveplaza04.gif);
}
.driveplaza_navi li:first-child + li + li + li + li {
	background-image: url(/images/common/m_driveplaza05.gif);
}
.driveplaza_navi li:first-child + li + li + li + li + li {
	background-image: url(/images/common/m_driveplaza06.gif);
}
.driveplaza_navi li:first-child + li + li + li + li + li + li {
	background-image: url(/images/common/m_driveplaza07.gif);
}
.driveplaza_navi li:first-child + li + li + li + li + li + li + li {
	background-image: url(/images/common/m_driveplaza08.gif);
}
.driveplaza_navi li a {
	text-decoration: none;
	color: #555555;
	display: block;
}
.driveplaza_navi li:hover {
	opacity: 0.8;
}




#pagebody{

	padding: 40px;

}



#content {

	padding: 40px;

	min-height:1500px;

	line-height: 1.7;

	background-color: #FFFFFF;

}



#content .text_area {

	padding: 30px 217px; width: 550px; background-color: #FFFFFF;

}







/* フッタ */

#footer {

	padding-top: 50px;

}

#footer .gototop {

	position: fixed;

	bottom: 0;

	margin-left: 984px;

	z-index: 1000/*10000*/;

	opacity: 0.8;

}

#footer .gototop:hover {

	opacity: 1;

}



#footer ul {

	margin-left: 40px;

	padding-bottom: 50px;

	font-size:90%;

}

#footer ul li {

	float: left;

	margin-right: 2em;

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

	background-repeat: no-repeat;

	background-position: left center;

	text-indent: 1em;

}

#footer ul li a {

	color: #555555;

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

	text-decoration: none;

}

#footer ul li a:hover {

	text-decoration: underline;

}

/* スマホ用 */

.header_sp {

	display: none;

}

.driveplaza_navi_sp {

	display: none;

}



/******************************************************************************************* */



/* 005: Hシリーズ



******************************************************************************************** */



.h2mode{clear: both; color:#3eb134; font-size:187%; line-height: 1.2em; margin: 0 0 16px 0; }

.h3mode{clear: both; border-left: #3eb134 solid 6px; font-size:120%; margin: 0 0 16px 0; padding: 6px 0 6px 12px;}

.h4mode{clear: both; background-color: #f6f6f6; font-size:107%; margin: 0 0 16px 0; padding: 6px 0 6px 6px }

.h5mode{clear: both; background:url(/images/common/icon_h5.png) 0 0.9em no-repeat; border-bottom: #333 dotted 1px; font-size:inherit; margin: 0 0 16px 0; padding: 6px 0 2px 16px }

.h6mode{margin: 0 0 7px 0;}

.h6mode .main_text{font-weight: bold;color:#377d1a;background:url(/images/common/img_dot_g.gif) left 0.45em no-repeat;margin: 0 ;padding:0 0 0 10px;}







/******************************************************************************************* */



/* 006: リンクテキスト



******************************************************************************************** */

a:link,.news a:link,.news_blank a:link{color: #3c9d0d;text-decoration: underline;}

a:hover,.news a:hover,.news_blank a:hover{color: #006633;text-decoration: underline;}

a:visited,.news a:visited,.news_blank a:visited{text-decoration: underline;}

.news a:link,.news_blank a:link,.news a:visited,.news_blank a:visited{text-decoration: none;}

a.imagelink:hover img{filter:alpha(opacity=60);opacity:0.6;}



/******************************************************************************************* */



/* 007: テキスト



******************************************************************************************** */

.indent {text-indent: 1em;}

.indent1 {margin: 0 0 0 1em;}

.indent2 {margin: 0 0 0 2em;}

.indent3 {margin: 0 0 0 3em;}

.green {color: #379d0c;}

.red {color: #ff0137;}

.white {color: #ffffff;}

.fontS{font-size:80%;}

.fontM{font-size:100%;}

.fontL{font-size:120%;}

.fontLL{font-size:150%;}



/*新着用テキスト*/

.new{padding:1px;color:#fff;background-color:#C00;font-weight:bold;}

strong{font-weight:bold;}



/* 画像キャプション */

.imgCaption{display:block;font-size:90%;line-height:1.3;padding:0.5em;}



/* キャプションの幅を画像に合わせる */



figure {

    display: table;

    width: 160px; /* minimum width */

    *width: auto; /* for IE7 and below */

}



/* キャプションを左寄せ */



figcaption {

	text-align:left;

	font-size:90%;

	line-height:1.3;

	padding:0.5em;

}



/* sup sub */

sup {

	vertical-align: top;

	font-size:75%;

}

sub {

	vertical-align: bottom;

	font-size:75%;

}



/******************************************************************************************* */



/* 008: 汎用ボックス



******************************************************************************************** */

.box0 {clear: both;padding: 0;}

.box7 {clear: both;padding: 0 0 7px 0;}

.box15 {clear: both;padding: 0 0 15px 0;}

.box30 {clear: both;padding: 0 0 30px 0;}

.box0_green {border: solid #3a811c 2px;clear: both;padding: 5px 10px;margin: 0;}

.box7_green {border: solid #3a811c 2px;clear: both;padding: 5px 10px;margin: 0 0 7px 0;}

.box15_green {border: solid #3a811c 2px;clear: both;padding: 5px 10px;margin: 0 0 15px 0;}

.box15_red {border: solid #ff0000 2px;clear: both;padding: 5px 10px;margin: 0 0 15px 0;}

.box15_red2 {border: solid #ff0000 2px;clear: both;padding: 5px 10px;margin: 0 0 15px 0;width:300px;text-align:center;font-weight: bold;color: #ff0000;}

.box0_gray {border: solid #b7b7b6 2px;clear: both;padding: 5px 10px;margin: 0;}

.box7_gray {border: solid #b7b7b6 2px;clear: both;padding: 5px 10px;margin: 0 0 7px 0;}

.box15_gray {border: solid #b7b7b6 2px;clear: both;padding: 5px 10px;margin: 0 0 15px 0;}

.box0_gray1px {border: solid #b7b7b6 1px;clear: both;padding: 5px 10px;margin: 0;}

.box7_gray1px {border: solid #b7b7b6 1px;clear: both;padding: 5px 10px;margin: 0 0 7px 0;}

.box15_gray1px {border: solid #b7b7b6 1px;clear: both;padding: 5px 10px;margin: 0 0 15px 0;}

.box15_borderdot{border-bottom:1px dotted #8d8d8d;margin-bottom:15px;}

.box7_borderdot{border-bottom:1px dotted #8d8d8d;clear: both;padding: 0 0 7px 0;}

.box15_nc{padding: 0 0 15px 0;}

.box7_nc{padding: 0 0 7px 0;}



/******************************************************************************************* */



/* 009: テーブル



******************************************************************************************** */



/* 横組 */

.table01,.table02,.table03,.table04 {border: 1px solid #ccc;border-collapse: separate;border-spacing: 0;width: 900px;}



.table01_header,

.table01_header_right,.table01_header_combi,

.table01_header_right_combi{

	background: #e2eedd;

	border-right: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	padding: 5px;

	text-align: center;

	vertical-align:middle;

}



.table01_cell,

.table01_cellb,

.table01_cell_right,

.table01_cell_rightb,

.table01_cell_bottom,

.table01_cell_right_bottom,

.table02_cell,

.table02_cell_right,

.table02_header,

.table02_header_right,

.table02_cell_bottom,

.table02_cell_right_bottom {

	border-bottom: 1px solid #ccc;

	border-right: 1px solid #ccc;

	padding: 5px;

	text-align: center;

	vertical-align:middle;

}



.table01_cellc {

	border-bottom: 2px solid #ccc;

	border-right: 1px solid #ccc;

	padding: 5px;

	text-align: center;

	vertical-align:middle;

}



.table01_cell_rightc{

	border-bottom: 2px solid #ccc;

	border-right:none;

	padding: 5px;

	text-align: center;

	vertical-align:middle;

}



.table01_header_right,

.table01_header_right_combi,

.table01_cell_right,

.table01_cell_rightb,

.table01_cell_right_bottom,

.table02_cell_right,

.table02_header_right,

.table02_cell_right_bottom{

	border-right:none;

}



.table01_cell_bottom,

.table01_cell_right_bottom,

.table02_cell_bottom,

.table02_cell_right_bottom{

	border-bottom:none;

}



/* 縦組 */

.table03_header,

.table03_header_bottom,

.table03_header_right_bottom {

	background: #ffffd9;

	border-bottom: 1px solid #ccc;

	border-right: 1px solid #ccc;

	padding: 5px;

	white-space: nowrap;

}



.table03_header_bottom{border-bottom:none;}

.table03_header_right_bottom{border-bottom:none;border-right:none;}

.table03_cell,

.table03_cell_b,

.table03_cell_bottom{

	border-bottom: 1px solid #ccc;

	border-right: 1px solid #ccc;

	padding: 5px;

}

.table03_cell_b{text-align: center;}

.table03_cell_bottom{border-bottom:none;}

.table03_cell_right {border-bottom: 1px solid #ccc;padding: 5px;}

.table03_cell_right_bottom {padding: 5px;}

.table04_header {border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;padding: 5px;white-space: nowrap;}

.table04_header_bottom {

	border-right: 1px solid #ccc;

	padding: 5px;

	white-space: nowrap;

}

.table04_cell {

	border-bottom: 1px solid #ccc;

	border-right: 1px solid #ccc;

	padding: 5px;

}



.table04_cell_right {

	border-bottom: 1px solid #ccc;

	padding: 5px;

}



.table04_cell_bottom {

	border-right: 1px solid #ccc;

	padding: 5px;

}



.table04_cell_bottom_right {

	padding: 5px;

}



.table05_cell {

	border-bottom: 1px solid #ccc;

	border-right: 1px solid #ccc;

	padding: 5px;

}



.table_default {

	border: 1px solid #ccc;

	border-collapse: separate;

	border-spacing: 0;

}



.table_default_header {

	background: #e2eedd;

	border-right: 1px solid #ccc;

	padding: 5px;

	text-align: center;

}



.table_default_header_combi {

	background: #e2eedd;

	border-bottom: 1px solid #ccc;

	border-right: 1px solid #ccc;

	padding: 5px;

	text-align: center;

}



.table_default_header_right {

	background: #e2eedd;

	padding: 5px;

	text-align: center;

}



.table_default_header_right_combi {

	background: #e2eedd;

	border-bottom: 1px solid #ccc;

	padding: 5px;

	text-align: center;

}



.table_default_cell {

	border-bottom: 1px solid #ccc;

	border-right: 1px solid #ccc;

	padding: 5px;

	text-align: center;

}



.table_default_cell_right {

	border-bottom: 1px solid #ccc;

	padding: 5px;

	text-align: center;

}



.table_default_cell_bottom {

	border-right: 1px solid #ccc;

	padding: 5px;

	text-align: center;

}



.table_default_cell_right_bottom {

	padding: 5px;

	text-align: center;

}



/* セル関連 */

.cell_gray{background-color: #f5f5f5;}

.cell_left {text-align: left;}

.cell_right {text-align: right;}

.cell_nowrap {white-space: nowrap;}

.cell_center {text-align: center;}

/*網掛け*/
.completed {
	position:absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width:auto;height:auto; text-shadow:0px 0px 6px #696969; color:#fff; background-color: rgba( 157, 157, 157, 0.55 );font-size:200%;
}
.cmp_center {
	height:100%; width:100%; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;
}


/******************************************************************************************* */



/* 011: コンテンツボタン



******************************************************************************************** */

/*.btn_center {margin: auto 7px;}*/



/******************************************************************************************* */



/* 012: リスト、アイコン付きリスト



******************************************************************************************** */

.arrow_icon,

.arrow_icon_box7,

.arrow_icon_box15{

	/*background: url(/images/common/icon_arrow.gif) no-repeat 0 5px;*/

	/*background: url(/images/common/icon_arrow.png) no-repeat 0 5px; 151115修正*/

	background: url(/images/common/icon_square_right.png) no-repeat left center;

	margin: 0;

	padding: 0 0 0 18px;

	min-height:15px;

	height: auto !important;

	height: 15px;

}

.arrow_icon_w{

	background: url(/images/common/icon_arrow_w.png) no-repeat left center;

	margin: 0;

	padding: 0 0 0 15px;

	min-height:15px;

	height: auto !important;

	height: 15px;

}



.arrowSquare_icon,

.arrowSquare_icon_box7,

.arrowSquare_icon_box15{

	background: url(/images/common/icon_arrow_square.gif) no-repeat 0px 0.1em;

	margin: 0;

	padding: 0 0 0 18px;/*151115修正*/

	min-height:15px;

	height: auto !important;

	height: 15px;

}



.link_icon,

.link_icon_box7,

.link_icon_box15{

	background: url(/images/common/arrow_greenright.gif) no-repeat 3px 0.4em;/*151115修正*/

	margin: 0;

	padding: 0 0 0 15px;/*151115修正*/

	min-height:15px;

	height: auto !important;

	height: 15px;

}



ul.link_icon_x li {

	background: url(/images/common/arrow_greenright.gif) no-repeat 3px 0.4em;/*151115修正*/

	display: inline;

	margin: 0;

	padding: 0 5px 0 15px;/*151115修正*/

	min-height:15px;

	height: auto !important;

	height: 15px;

	

}ul.link_icon_xhalf li {

	width:410px;

	background: url(/images/common/arrow_greenright.gif) no-repeat 3px 0.4em;/*151115修正*/

	float:left;

	margin: 0;

	padding: 0 5px 0 15px;/*151115修正*/

	min-height:15px;

	height: auto !important;

	height: 15px;

}



ul.circle_icon_xhalf li {

	width:410px;

	background: url(/images/common/icon_circle.gif) no-repeat 3px 0.4em;

	float:left;

	margin: 0;

	padding: 0 5px 0 15px;

	min-height:15px;

	height: auto !important;

	height: 15px;

}



ul.circle_icon li {

	background: url(/images/common/icon_circle.gif) no-repeat 3px 0.4em;

	margin: 0;

	padding: 0 0 0 13px;

	min-height:15px;

	height: auto !important;

	height: 15px;

}



ul.circle_icon2 li {

	background: url(/images/common/icon_circle.gif) no-repeat 3px 0.4em;

	margin: 0 0 7px 0;

	padding: 0 0 0 13px;

	min-height:15px;

	height: auto !important;

	height: 15px;

}



ul.circle_iconL li,

p.circle_iconL,

div.circle_iconL,

h3.circle_iconL,h4.circle_iconL,h5.circle_iconL,h6.circle_iconL {

	background: url(/images/common/img_dot_g.gif) no-repeat 0 0.5em;

	margin: 0;

	padding: 0 0 0 13px;

	min-height:15px;

	height: auto !important;

	height: 15px;

}



ul.kome_icon > li,

ul.kome_icon_box7 > li,

ul.kome_icon_box15 > li{

	background: url(/images/common/icon_kome.gif) no-repeat 0 0.4em !important;

	margin: 0;

	padding: 0 0 0 13px;

	min-height:15px;

	height: auto !important;

	height: 15px;

}



ul li.news_icon,ul li.news_icon_box7{

	background: url(/images/common/arrow_greenright.gif) no-repeat 3px 0.4em;

	border-bottom: 1px dotted #8d8d8d;

	margin: 5px 0 0 0;padding: 0 0 5px 13px;

	min-height:15px;

	height: auto !important;

	height: 15px;

}



ul li.no_icon {

	border-bottom: 1px dotted #8d8d8d;

	margin: 0;

	padding: 5px 0 5px 13px;

}



.ul_indent {padding: 0 0 0 13px;}

.ul_textindent li{text-indent:-20px;margin-left:20px;}



.textindent{text-indent:-1em;margin-left:1em;}.arrow_icon_box7,

.link_icon_box7,

ul.kome_icon_box7 li,

.arrowSquare_icon_box7,

ul li.news_icon_box7{margin-bottom:7px;}



.arrow_icon_box15,

.link_icon_box15,

ul.kome_icon_box15 li,

.arrowSquare_icon_box15{margin-bottom:15px;}



dl.news dt {

	clear: left;

	float: left;

	margin: 0;

	padding: 5px 0 5px 0px;

	min-height:15px;

	height: auto !important;

	height: 15px;

}



dl.news dd {

	border-bottom: 1px dotted #8d8d8d;

	padding: 5px 0 5px 6em;

	margin: 0;

	background: url(/images/common/arrow_greenright.gif) no-repeat 5.4em 0.8em;

}



dl.dl_default dt,

dl.dl_defaultsp dt {

	clear: left;

	float: left;

	padding: 0;

	white-space: nowrap;

}



dl.dl_default dd,

dl.dl_defaultsp dd {padding: 0 0 0 7em;}

dl.dl_nendolist { margin-bottom:15px; }



/*年月日のリスト*/

dl.news_ymd dt.link{

	clear: left;

	float: left;

	padding: 5px 0 5px 0;

}



dl.news_ymd dd {

	border-bottom: 1px dotted #8d8d8d;

	padding: 5px 0 5px 11em;

	background: url(/images/common/arrow_greenright.gif) no-repeat 10.4em 0.8em;

}



.square_anime{

	background: url(/images/common/old/icon_anime.gif) no-repeat left center;

	padding-left:1.0em;

}



.icon,.icon_pdf {margin: 5px 2px 0 1px;}



.icon_new {margin: 0px 2px 0 1px;}



/*モバイルアイコン*/

li.mobile_icon{

	background: url(/images/common/old/icon_mobile.gif) no-repeat left center;

	margin: 0;

	padding-left:1.0em;

}



/*ページ内リンクアイコン*/

ul.inner_link li{

	display: -moz-inline-box;

	display: inline-block;

	margin:0 15px 0 0;

	/*background:url(/images/common/icon_arrowDown.gif) center left no-repeat; 151115修正*/

	background:url(/images/common/icon_square_down.png) 0 0.4em no-repeat;

	padding: 0 0 0 15px;/*151115修正*/	

	min-height:15px;

	height: auto !important;

	height: 15px;

}



ul.inner_link2 li{

	display: -moz-inline-box;

	display: inline-block;

	margin:0 15px 0 0;

	/*background:url(/images/common/icon_arrowDown.gif) center left no-repeat; 151115修正*/

	background:url(/images/common/icon_square_right.png) 0 0.4em no-repeat;

	padding: 0 0 0 15px;/*151115修正*/	

	min-height:15px;

	height: auto !important;

	height: 15px;

}







/******************************************************************************************* */



/* 013: 汎用ALIGN



******************************************************************************************** */

.center {text-align:center; /*width: 900px;*/}

.right {text-align:right; /*width: 900px;*/}

.right2 {text-align: right;width: 870px;}

.center_nowidth {text-align: center;}

.right_nowidth {text-align: right;}

.image_right0,.image_rightsp0{float:right;padding:0px 0px 10px 10px;}

.image_left0,.image_leftsp0{float:left;padding:0px 10px 0px 10px;}

.image_right,.image_rightsp{float:right;padding:10px 0px 10px 10px;}

.image_left,.image_leftsp{float:left;padding:10px 10px 0px 10px;}

.clear_b{clear:both;}

.pageback {clear: left;float: left;margin: 30px 0 0 0;width: 289px;}

.pagenext {clear: right;float: right;margin: 30px 0 0 0;text-align: right;width: 289px;}

.pagetop {clear: right;float: right;margin: 30px 0 0 0;text-align: right;width: 289px;}

.player_banner {float: left;margin: 20px 0 20px 0;width: 125px;}

/* PDF  */

.player_text{ margin:7px 0;}



/*ポップアップ画面用PDF*/

.box_pdf2{padding:0;margin: 30px 0 10px 0;width:100%;}

.player_banner2 {float: left;padding:0 10px 0 10px;}

.player_text2 {padding:0;}



/* 関連リンク */

.related_links dl {

	margin: 0 40px;

}

.related_links dl dt {

	background-color: #FFFFFF;

	width: 122px;

	line-height: 43px;

	text-align: center;

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

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

	background-repeat: no-repeat;

	background-position: top center;

	background-size: 100% 3px;

}

.related_links dl dd {

	background-color: #FFFFFF;

	line-height: 200%;

	padding: 15px 40px 40px 40px;

}

.related_links dl dd p {

	border-bottom: 1px solid #E4E4E4;

}

.related_links dl dd p a {

	color: #555555;

	text-decoration: none;

}

.related_links dl dd p a:hover {

	text-decoration: underline;

}



/*レスポンシブ*/

.only_pcb{display:block;}

.only_spi{display:inline;}

.only_spb,.only_spi{display:none;}



/******************************************************************************************* */



/* 014: CLEARFIX



******************************************************************************************** */

/*.clearfix:after{clear: both;content:".";display: block;height: 0;visibility: hidden;}

.clearfix{display: inline-block;}*/

/* Hides from IE-mac \*/

/*html .clearfix{height: 1%;}

.clearfix{display: block;}*/

.cf:after,

.cf:before,

.clearfix:after,

.clearfix:before{content:"";display:table}

.cf:after,.clearfix:after{clear:both}





/******************************************************************************************* */



/* 015: POP UP



******************************************************************************************** */

#header_pop .logo_txt {

	display:table;

}

#header_pop .logo{

	padding: 20px;

	/*float:left;*/

	width:120px;

	display:table-cell;

}



#header_pop .logo img{width:120px;}



#header_pop p.nexco{

	font-size: 90%;

	/*float:left;*/

	display:table-cell;

	vertical-align:middle;

}


/******************************************************************************************* */



/* 016: ナンバリング背景



******************************************************************************************** */


.numbering02 {
	background-color: #49853B;  /* 背景色の指定 */
	border-radius: 5px;      /* 角丸の指定 */
	color: #ffffff;
	font-weight: bold;
	padding:1px 10px 0 10px;
	margin: 0 2px 0 3px;
	white-space:nowrap;
}

.numbering03 {
	background-color: #49853B;  /* 背景色の指定 */
	border-radius: 5px;      /* 角丸の指定 */
	color: #ffffff;
	font-weight: bold;
	padding:1px 5px 0 5px;
	margin: 0 2px 0 3px;
	white-space:nowrap;
}

/*国道*/
.numbering_b {
    background-color: #00b050;
    border-radius: 0 0 50% 50%;
    color: #ffffff;
    padding: 1px 5px 0 5px;
    margin: 0 3px 0 3px;
    white-space: nowrap;
}

/**********PC/スマホ　切り替え対応************/
#switch {
	box-sizing:border-box;
	padding:0.5em 1.0em;
	font-size:200%;
	height:95px;
}
#switch div {
	display:table;
	width:80%;
	margin:0 auto;
}
.switch_sp {
	width:50%;
	font-weight:bold;
	padding:15px;
	border:solid #CCC 2px;
	background-color:#CCC;
	display:table-cell;
	border-radius:35px 0 0 35px;
}

.switch_pc {
	width:50%;
	font-weight:bold;
	padding:15px;
	border:solid #CCC 2px;
	display:table-cell;
	border-radius:0 35px 35px 0;
}
.smpv video {
	width:300px;
}


/* 緊急のお知らせ */
#attention_wrapper {
	position: fixed;
	bottom: 0;
	z-index: 1000;
	width: 100%;
	margin-bottom: 0;
	text-align:left;
}
#attention_box {
	position: relative;
	max-width: 1280px;
	margin: 0 auto 0 0;
}
#attention_label{
	box-sizing: border-box;
	padding:0 10px;
	line-height:2.2em;
	background-color:#C00;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	position: absolute;
	top: -38px;
	white-space:nowrap;
	width:auto;
}

#attention_label:hover{text-decoration:underline;}

#attention_low {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1000;
}

.attention_otherinfo {
	padding: 0.5em 1em;
	background-color: #fff;
	border: 2px solid #c00;
	word-wrap:break-word;
	overflow-wrap: break-word;
}
.attention_otherinfo {
	display:block;
}

.attention_otherinfo ul li,
.emc_page 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,
.emc_page ul li strong {
	font-weight: bold;
}

.attention_otherinfo ul li a,
.emc_page ul li a {
	color: #c00;
}

.attention_otherinfo ul li a:hover,
.emc_page ul li a:hover {
	color: #600;
}

.attention_otherinfo table.table01,
.emc_page 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,
.emc_page table.table01 td,
.emc_page 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,
.emc_page table.table01 .table01_header {
	background: #e2eedd !important;
}
#attention_low #levsec dl {

	display:table;

	border-bottom: 1px solid #E4E4E4;

	width: 100%;

}
#attention_low #levsec dl dt, #attention_low #levsec dl dd {

	line-height: 43px;

	display:table-cell;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}
#attention_low #levsec dl dt {

	width: 70px;

	text-align: center;

}

/*WOVN用*/
#language_box p {
	margin:0 8px 0 30px;
	width:auto;
	line-height:33px;
	word-break: break-all;
	float:left;
}
#wovn-languages {
  display: none;
  position: relative;
  text-align:left;
}


#wovn-languages ul {
	/*display: inline-block;*/
	display: none;
    border: solid #bbb 1px;
    width: /*146*/100px;
    left: 0px;
    top: 0px;
    background: #fff;
	cursor:pointer;
	z-index:10000;
	margin-left:/*20*/102px;
}

#wselectbox{
	margin-left:/*20*/102px;
	width: /*130*/84px;
	padding: 8px;
	cursor:pointer;
	border: solid #bbb 1px;
	background:url(/images/common/wovn_langarrow_up.gif) right center no-repeat;
	text-align:left !important;
}

/*.wactive{background:url(/images/common/wovn_langarrow_down.gif) right center no-repeat !important;}*/

#wovn-languages ul li {
    border-bottom: solid #bbb 1px;
    padding: 8px;
    display: block;
	width: /*130*/84px;
}
#wovn-languages ul li.first-child{border-top:none;}
#wovn-languages ul li.last-child {
    border: none;

}



#wovn-languages ul li:hover,
#wovn-languages ul li.selected {
        color: #666;
        background: #eee;
}

.show_wovn{display:none;}
/*WOVN用*/


/**********PC/スマホ　切り替え end************/


@media only screen and (min-width:641px)
{
/*PC/スマホ　切り替え*/
.switch_sp {
	color:#fff;
}

}
@media only screen and (max-width:1610px)
{
/* ドラぷら右メニュー */
.driveplaza_menu {
	right: 0px;
	margin-left:0;
}
}

@media only screen and (max-width:1300px)
{
#footer .gototop {
	right: 0px;
	margin-left:0;
}
}

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

{

body {

	width: 640px;

	font-size:28px;

	line-height:1.4;

	word-break:break-all;

	font-family: Helvetica;/* Android Chome バグ */

}



/* 画像 */





.header {

	width: 100%; height: auto; position: static; box-shadow: none;

}

.header .logo {

	display: none;

}

.header p.nexco {

	display: none;

}

.glovalnavi_area {

	display: none;
	width:100%;
	padding-top:0;
}

ul.globalnavi {

	border-top-color: rgb(228, 228, 228); border-top-width: 1px; border-top-style: solid;

}

ul.globalnavi li:hover ul.globalnavi_2nd {

	display: none;

}

ul.globalnavi li {

	padding: 0px; text-align: center; border-bottom-color: rgb(228, 228, 228); border-bottom-width: 1px; border-bottom-style: solid;
	min-height:60px;
	line-height:44px;

}

ul.globalnavi li a{ padding:10px 0;}

.search {

	display: none;

}

ul.subnavi {

	padding: 0px; border-top-color: currentColor; border-top-width: medium; border-top-style: none;

}

ul.subnavi li {

	text-align: center; line-height: 44px; font-size: 100%; border-bottom-color: rgb(228, 228, 228); border-bottom-width: 1px; border-bottom-style: solid;
	min-height:60px;

}

ul.subnavi li a {

	padding:10px 0px;

}

ul.social {

	margin: 0px auto; padding-bottom: 20px;

}

ul.social{ width:240px; text-align:center;}

ul.social li{ width:68px; display:inline-block;}

ul.social li:first-child { margin-right: 0;}

ul.social li a img{ width:100%;}



ol li{/*text-indext:-0.5em;margin-left:2em;*/}



p.driveplaza {
	display: none;
}

div.driveplaza_menu {
	display:none;
}

.driveplaza_navi_sp {
	border-top-color: rgb(228, 228, 228); border-top-width: 1px; border-top-style: solid;
}
.driveplaza_navi_sp li {
	text-align: center; line-height: 44px; border-bottom-color: rgb(228, 228, 228); border-bottom-width: 1px; border-bottom-style: solid;
	padding:10px 0;
}
.driveplaza_navi_sp li a {
	color: rgb(85, 85, 85); text-decoration: none;
}
.driveplaza_navi_sp li:hover {
	color: rgb(255, 255, 255); background-color: rgb(62, 177, 52);
}
.driveplaza_navi_sp li:hover a {
	color: rgb(255, 255, 255);
}

.bnrslide {

	overflow: hidden;

}



/**/

#main_container {

	margin-left: 0px;

}

#footer {

	margin-left: 0px;

}



#main_header{

	padding-right:20px;

}

.header_sp {

	display: block;

}

.header_sp p.menu_sp {

	float: left; cursor: pointer;

}

.header_sp p.menu_sp img {

	padding: 42px 40px;

}

.header_sp p.driveplaza_sp {

	/*float: right; */cursor: pointer;

}

.header_sp p.driveplaza_sp img {

	padding: 43px 20px;

}

.header_sp p.logo_sp {

	text-align: center;

}

/*.header_sp p.logo_sp a img {

   padding: 10px; width: 150px;

}*/



/**/

#main_container {

	position: relative;

}

#footer {

	padding-top: 20px;

}

#footer ul {

	margin: 0px; padding-bottom: 110px;

}

#footer ul li {

	background: none; margin: 0px; text-align: center; line-height: 2; float: none;

}

#footer .gototop {

	width: 100%; height: 90px; bottom: 0px; margin-left: 0px; position: absolute; opacity: 0.8;

}

#footer .gototop a {

	background-position: center; width: 100%; height: 90px; display: block; background-image: url("/images/common/b_gototop_sp.png"); background-repeat: no-repeat; background-color: rgb(194, 194, 194);

}

#footer .gototop img {

	display: none;

}



/* テーブル */

table{ font-size:90%;}

.table01,.table02,.table03,.table04{width:100%;}

.cell_nowrap {white-space: normal;}



/* バンクズ */

#breadcrumbs {

	padding-top: 10px;

	font-size:60%;

	margin: 0 0 0 20px;

}



/* リスト */

.list_type1{ margin:0 auto;}

.list_type1 li {

	padding: 1px; width: 50%; margin-left: 0px; box-sizing: border-box;

}

.list_type1 li img {width: 100%;}







/* アイコンの調節 */



ul.circle_icon_xhalf li{ width:90%;list-style:disc; background:none; margin:0 0 0 35px; padding:0;}



ul.circle_iconL li, p.circle_iconL, div.circle_iconL, h3.circle_iconL, h4.circle_iconL, h5.circle_iconL, h6.circle_iconL{ background-position:0 0.7em;}



ul.circle_icon li,ul.circle_icon2 li{ list-style:disc; background:none; margin:0 0 0 35px; padding:0; }



ul.kome_icon > li, ul.kome_icon_box7 > li, ul.kome_icon_box15 > li{ list-style:none;background-size:20px !important; padding:0 0 0 40px !important; background-position:0 0.45em !important;}





.arrow_icon,.arrow_icon_box7,.arrow_icon_box15,.arrow_icon_w{ background-position:0 0.5em; background-size:18px auto; padding: 0 0 0 25px;}



a.arrow_icon,

a.arrow_icon_box7,

a.arrow_icon_box15{ background-position:0 0.3em;}





ul.inner_link li{ background-position:0 0.5em; background-size:18px auto; padding: 0 0 0 25px;}/* ページ内アイコン */



ul.inner_link2 li{background-position:0 0.5em; background-size:18px auto; padding: 0 0 0 25px;}/* 右矢印アイコン */





.link_icon,.link_icon_box7,.link_icon_box15{background-position:0 0.7em;}



.link_icon img,.link_icon_box7 img,.link_icon_box15 img{height:20px;margin: 0.5em 0 0 0;}



ul li.news_icon, ul li.news_icon_box7{background-position:0 0.65em;}



ul.link_icon_xhalf li{background-position:3px 0.6em;}





/* ニュース年月日 */

dl.news_ymd dt.link{ float:none; padding:5px 0 0 0;}

dl.news_ymd dd{ float:none; padding: 0;}





/*新着用テキスト*/

.new{ font-size:80%;}





.main_visual p.image img {

	width: 100%;

}



#pagebody{padding: 20px;}



#content {

	padding: 20px;
	min-height:100%;
}

#content .image img {

	width: 100%;

}

#content .text_area {

	padding: 30px 1em; width: 100%; box-sizing: border-box;

}



/* Hタグ */

.h1mode{ padding:10px; font-size:135%;}

.h2mode{ font-size:125%;}

.h3mode{ font-size:115%;}





.related_links dl {

	margin: 0px 20px;

}



/*↓パーツのスタイル*/



.center {width:100%;}

.right {width:100%;}

.right2 {width: 100%;}



.image_rightsp0,

.image_leftsp0,

.image_leftsp,

.image_rightsp{float:none;padding:10px 0px;display:block;}



.of_scroll{width:100%;overflow:scroll;}

.of_scroll table{height:100%;width:1500px;}

.of_scroll img{width:auto !important;height:100%;}



.of_max img{max-width:100%;}



.only_pcb,.only_pci{display:none !important;}



.only_spb{display:block;}

.only_spi{display:inline;}

.no_float{float:none !important;}



.related_links dl {

	margin: 0 20px;

}

.related_links dl dt{ width: 6em; padding:5px;}



dl.dl_defaultsp dt{

	clear:both;

	float:none;

	padding:0;

	white-space:normal;

}

dl.dl_defaultsp dd {padding: 0 0 0 1em;}


/**********PC/スマホ　切り替え************/
#switch {
	font-size:80%;
	height:auto;
}
#switch div {
	width:80%;
}
.switch_sp {
	background-color:#fff;
}
.switch_pc {
	background-color:#ccc;
	color:#fff;
}
/**********PC/スマホ　切り替え end************/

/*iconがおおきくなってしまうため、移動*/

.icon,.icon_pdf{margin: 0.5em 3px 0 0; height: 20px !important;}

/*緊急情報低*/
#attention_low{z-index:1500 !important;}

#attention_low #levsec dl dt, #attention_low #levsec dl dd
{ padding:10px 5px 10px 0;}
#attention_low #levsec dl dt{
	width:25%;
}
#attention_low #levsec dl dt, #attention_low #levsec dl dd
{ vertical-align:top;}
#attention_label{
	font-size:110%;
	top: -55px;
}
#attention_low .attention_otherinfo {
	display:none;
}

/*WOVN*/
#headMenu {display:table;margin:0 0 0 auto;width:80%;}
#headMenu>div, #headMenu>.driveplaza_sp {display:table-cell;}
#headMenu a img {
    padding: 10px;
    width: 150px;
}
#language_box {width:auto;margin:0;padding:0 8px 8px 8px;}
#language_box p {
	float:none;
	margin:0;
	padding-bottom:8px;
	width:auto;
	line-height:1.0em;
	text-align:right;
	/*margin:0 0 0 175px;
	width:140px;
	line-height:71px;*/
}
#wovn-languages ul {
    width: 180px;
	margin:0 0 0 auto;
}

#wselectbox{
	margin:0 0 0 auto;
    width: 150px;
    padding: 15px;
}

#wovn-languages ul li {
    padding: 15px;
	width: 150px;
}




.show_wovn{display:none !important;}
/*WOVN*/

}

.en_wovn{display:none;}
.chs_wovn{display:none;}
.cht_wovn{display:none;}
.th_wovn{display:none;}
.ko_wovn{display:none;}
