
@charset "UTF-8";

@import "../../css/drive_porter.css";


/***********************************
 
高速道路の交通安全川柳

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


.l-cont-body {
	width: 1000px;
	margin: 0 auto;
}

.section {
	margin-top: 20px;
	margin-bottom: 20px;
}


div#header_senryu ul {
	display: flex;
	justify-content: center;
	margin: 1em 0;
	gap: 1em;
}

div#header_senryu ul li a {
	width:300px;
	height:80px;
	display:inline-block;
	overflow:hidden;
	transition: unset;
}
div#header_senryu ul li#pmenu_outline a {
	background:url('../img/menu_01outline.png') top left no-repeat;
}
div#header_senryu ul li#pmenu_policy a {
	background:url('../img/menu_02policy.png') top left no-repeat;
}
div#header_senryu ul li#pmenu_apply a {
	background:url('../img/menu_04apply.png') top left no-repeat;
}
div#header_senryu ul li#pmenu_apply a[target="_blank"]::after {
	display: none;
}


div#header_senryu ul li.on a,
div#header_senryu ul li a:hover {
	background-position: bottom left!important;
}
div#header_senryu ul li a span {
	display: none;
}

.ttlModh01{
	color:#333;
	background-color:#fff;
	border:solid 2px #aaa;
}
.ttlMod02 {
	border-bottom: 2px #3399cc solid;
	margin-bottom: 10px;
	font-weight: 600;
}
.ttlModh01 .bgG{
	padding:10px 10px 10px 5px;
	border:2px solid #fff;
	background-color:#efefef;
}
.ttlModh01 .fxy{
	font-size: .1.5em;
	font-weight: 600;
	margin-left:5px;
	padding-left:5px;
	border-left:solid 5px #3399cc;
}
ol li ul.liDot01 li,
.liDot01 li {
	padding-left: 12px;
	padding-bottom: 12px;
	background: url('../img/icn_dot_01.gif') no-repeat 4px 0.6em;
}
.tcRed01 {
	color: #FF3333;
}

.section .lower {
	padding: 10px 0;
	padding-left: 10px;
	padding-right: 10px;
}
.lb15 {
	margin-top: 15px!important;
}.mgl15 {
	margin-left: 15px!important;
}

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

/* table

******************************************************************************************** */
/*page_outline*/
main table th, main table td { border: none; }
#page_outline { width: 950px; margin: 0 auto; }

#page_outline table{border:solid 1px #336699;border-collapse: separate;border-spacing: 0;border-spacing:0;}

#page_outline table tr th{padding:5px;color:#fff;font-weight:600;border-top:solid 1px #fff;text-align:center;white-space:nowrap;}

#page_outline table tr th.leftLine{border-left:solid 1px #fff;}

#page_outline table tr td{padding:5px;border-top:solid 1px #336699;}
#page_outline table tr td h3{font-weight:600;}

#page_outline table tr td.leftLine{border-left:dotted 1px #336699;}

#page_outline dl{margin:0 0 0 1em;}

#page_outline dl dt {clear: left;float: left;padding: 0;white-space: nowrap;}

#page_outline dl dd {padding: 0 0 0 6.5em;}

.thbg01{
	background-color:#336699;
}

.thbg02{
	background-color:#3399cc;
}

.thbg03{
	background-color:#66ccff;
}

/* ----------------------------------------------- */

/* for Sp --------------------*/
@media screen and ( max-width:768px) {

	.l-cont-body{
		width:100%;
	}


	#header_senryu ul{
		flex-direction:column;
	}

	#header_senryu ul > li{
		text-align:center;
	}

	#page_outline{
		width:100%;
	}
}

