@charset "utf-8";
/* CSS Document */

/* main visual */
#main_visual{
	margin-bottom: 65px;
}


/* content1 */
#content1 h3{
	margin-bottom: 36px;
}

#content1 .left_box{
	width: 470px;
	float: left;
	margin-bottom: 80px;
	padding-left: 25px;
}
#content1 dl{
	display: table;
	border-collapse: collapse;
	width: 470px;
	box-sizing: border-box;
	border: 1px solid #DDD;
	border-top: none;
	font-size: 14px;
	color: #333;
}

#content1 dl:first-child{
	border-top: 1px solid #DDD;
}

#content1 dt{
	display: table-cell;
	width: 150px;
	box-sizing: border-box;
	border-right: 1px solid #DDD;
	background-color: #EEE;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
}

#content1 dd{
	display: table-cell;
	width: 320px;
	box-sizing: border-box;
	line-height: 1.6em;
	padding: 14px;
}

#content1 dd a{
	color: #0000D8;
}

#content1 dd a:hover{
	color: orange;
}

#content1 .right_box{
	width: 420px;
	float: right;
	padding-right: 35px;
}

#content1 .right_box img:first-child{
	margin-bottom: 26px;
}


/* content2 */
#content2{
	margin-bottom: 70px;
}

#content2 h3{
	margin-bottom: 45px;	
}

#content2 .left_box{
	width: 470px;
	float: left;
	padding-left: 25px;
}

#content2 .left_box .gmap{
	margin: 26px auto 0;
	width: 260px;
}

#content2 .left_box .gmap a{
	display: block;
}

#content2 .left_box .gmap a img{
	-webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
}

#content2 .left_box .gmap a:hover img{
	opacity:0.75;
	filter:alpha(opacity=75);
	-ms-filter: “alpha( opacity=75 )”;
}

#content2 .right_box{
	width: 470px;
	float: right;
	padding-right: 25px;
	position: relative;
}
#content2 .right_box ul{
	color: #211813;
	font-size: 22px;
	font-weight: bold;
	position: absolute;
	left: 115px;
	top: 120px;
}
#content2 .right_box ul li{
	margin-bottom: 15px;
	line-height: 1em;
}


/* content3 */
#content3{
	margin-bottom: 75px;
}

#content3 h3{
	margin-bottom: 40px;
}

#content3 #history{
	position: relative;
	width: 950px;
	background: url(../images/company/bg_history.gif) repeat-y;
	margin: 0 auto;
	color: #333;
	padding-bottom: 36px;
}

#content3 #history h4{
	padding: 33px 0 28px 24px;
}

#content3 #history .pick_up{
	position: absolute;
	width: 580px;
	top: 10px;
	right: 10px;
}

#content3 #history .pick_up li{
	float: left;
	padding-left: 2px;
}

#content3 #history .left_box{
	width: 410px;
	box-sizing: border-box;
	margin-left: 62px;
	float: left;
}

#content3 #history .right_box{
	width: 410px;
	box-sizing: border-box;
	float: left;
	margin-top: 94px;
}

#content3 #history .left_box li,
#content3 #history .right_box li{
	display: table;
}

#content3 #history .left_box li.line,
#content3 #history .right_box li.line{
	height: 19px;
	width: 335px;
	margin: 0 auto;
	border-left: 1px solid #E57F00;
}

#content3 #history .left_box li h5,
#content3 #history .right_box li h5{
	display: table-cell;
	width: 76px;
}

#content3 #history .left_box li p,
#content3 #history .right_box li p{
	display: table-cell;
	width: 334px;
	box-sizing: border-box;
	padding-left: 15px;
	vertical-align: middle;
	line-height: 1.5em;
	letter-spacing: -0.05em;
}