@charset "utf-8";

.ul_company01 {
	overflow: hidden;
	margin: 15px 3.13% 0;
}
	.ul_company01 li {
		float: left;
		margin: 0 10px 10px 0;
		border: 1px #ccc solid;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
		.ul_company01 li a {
			display: block;
			height: 27px;
			line-height: 27px;
			padding: 0 10px;
			font-size: 86%;
		}
			.ul_company01 li a span {
				padding-right: 11px;
				background: url(/common/img/ico_arrow_down01.png) right center no-repeat;
				background-size: 6px 5px;
			
			}


.ul_company02 { margin: 0 3.13%;}
	.ul_company02 li {
		padding: 8px 0;
		border-bottom: 1px #ccc dotted;
	}
		.dl_company01 { 
			overflow: hidden;
			font-size: 86%;
		}
			.dl_company01 > dt {
				float: left;
				width: 24%;
				padding-right: 10px;
				color: #2a90d0;
			}
				.dl_company01 > dt > span { white-space: nowrap;}
			.dl_company01 > dd { overflow: hidden;}
				.dl_company01 > dd .ttl01 { 
					display: inline-block;
					background-color: #fef3aa;
				}
				.dl_company01 > dd .img01 { margin: 5px 0;}
				.dl_company01 > dd .img02 { display: none;}
				.dl_company01 > dd .img03 { margin-top: 5px;}
					.dl_company01 > dd .img03.type01 { margin-bottom: 12px;}
				.dl_company01 > dd .boxIn01 {
					margin-bottom: 12px;
					padding-bottom: 15px;
					background: url(/common/img/bg_line_dot02.png) left bottom repeat-x;
					background-size: 2px 1px;
				}
					.dl_company01 > dd > dl { font-size: 92%;}
						.dl_company01 > dd > dl > dt {}
						.dl_company01 > dd > dl > dd {}
							.dl_company01 > dd > dl > dd > span { 
								display: block;
								margin: 3px 0;
								font-size: 91%;
							}

.ul_company02.type01 { margin: 0px;}
	.ul_company02.type01 dt { font-weight: bold;} 
	.ul_company02.type01 dd > span { 
		display: block;
		font-size: 84%;
		color: #666;
	}
		
/* ----------------------------------------------------------
				PC style
---------------------------------------------------------- */
@media only print, screen and (min-width: 768px) {

.ul_company01 {
	width: 860px;
	margin: 23px auto 0;
}
	.ul_company01 li {
		margin-right: 20px;
		border: 1px #999 solid;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
		.ul_company01 li a {
			height: 36px;
			line-height: 36px;
			padding: 0 20px;
			font-size: 108%;
		}
			.ul_company01 li a span {
				padding-right: 22px;
				background: url(/common/img/ico_arrow_down01.png) right center no-repeat;
			}
				.ul_company01 li:hover { 
					background-color: #2a90d0;
					border: 1px #2a90d0 solid;
				}
					.ul_company01 li:hover a { color: #fff;}
						.ul_company01 li:hover a span { background: url(/common/img/ico_arrow_down01_on.png) right center no-repeat;} 

.ul_company02 { margin: 0 18px;}
	.ul_company02 li {
		padding: 15px 0;
		border-bottom: none;
		background: url(/common/img/bg_line_dot01.png) left bottom repeat-x;
		background-size: 4px 1px;
		line-height: 2;
	}
		.dl_company01 { font-size: 100%;}
			.dl_company01 dt {
				width: 170px;
				padding-right: 15px;
			}
			.dl_company01 dd {}
				.dl_company01 > dd .ttl01 {}
				.dl_company01 > dd .img01 { display: none;}
				.dl_company01 > dd .img02 { 
					display: block;
					margin: 12px 0;
				}
				.dl_company01 > dd .img03 { margin-top: 10px;}
					.dl_company01 > dd .img03.type01 { margin-bottom: 25px;}
				.dl_company01 > dd .boxIn01 {
					margin-bottom: 25px;
					padding-bottom: 30px;
					border-bottom: none;
					background: url(/common/img/bg_line_dot01.png) left bottom repeat-x;
					background-size: 4px 1px;
				}
					.dl_company01 > dd > dl { font-size: 100%;}
						.dl_company01 > dd > dl > dt {}
						.dl_company01 > dd > dl > dd {}
							.dl_company01 > dd > dl > dd > span { 
								margin: 10px 0;
								font-size: 86%;
							}

.ul_company02.type01 dd > span { font-size: 86%;}

}