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


/*建築施工*/
.kaigai #main_vis
{
	background:url(../img/overseas/main_vis.png) no-repeat center center;
}

.kaigai #main_vis h3
{
	color:#960;
}

.overseas_box
{
	background:#eee;
	padding:10px;
	margin-bottom:30px;
}
.overseas_box h4
{
	text-align:center;
	font-size:1.2em;
}
.overseas_box dl
{
	background:#FFF;
	padding:5px;
	width:100%;
	margin-bottom:10px;
}

.overseas_box dt
{
	color:#3388CA;
	font-weight:bold;
	font-size:1em;
	margin-bottom:5px;
}

.overseas_box dd
{
	font-size:0.8em;
	line-height:140%;
	width:70%;
	float:left;
}

.overseas_box dd.photo
{
	float:right;
	width:26%;
}
.overseas_box dd.photo img
{
	width:100%;
}

@media screen and (min-width : 640px) and (max-width: 960px){
	

.overseas_box
{
	background:#eee;
	padding:20px !important;
}
.overseas_box div
{
	width:768px;
	margin:0 auto;
}
.overseas_box h4
{
	font-size:25px !important;
	line-height:25px;
	padding:15px 0 15px;
}
.overseas_box dl
{
	background:#FFF;
	padding:10px;
	margin:6px;
	width:45% !important;
	height:120px !important;
	margin-bottom:10px;
	float:left !important;
}


.overseas_box dt
{
	font-size:16px !important;
	line-height:25px !important;
}
.overseas_box dt .pc_view
{
	display:none;
}

.overseas_box dd
{
	font-size:12px !important;
	line-height:18px !important;
	height:95px !important;
	width:60% !important;
	float:left;
}

.overseas_box dd.photo
{
	text-align:center;
	height:146px !important;
	width:35% !important;
	float:right;
}
.overseas_box dd.photo img
{
	width:100%;
}
}
@media all and (min-width: 960px){
	

.overseas_box
{
	background:#eee;
	padding:20px !important;
}
.overseas_box div
{
	width:960px;
	margin:0 auto;
}
.overseas_box h4
{
	font-size:35px !important;
	line-height:35px;
	padding:15px 0 15px;
}
.overseas_box dl
{
	background:#FFF;
	padding:10px;
	margin-right:10px;
	width:210px !important;
	height:320px !important;
	margin-bottom:10px;
	float:left !important;
}


.overseas_box dt
{
	font-size:18px !important;
	line-height:25px !important;
	height:55px;
}

.overseas_box dd
{
	font-size:12px !important;
	line-height:18px !important;
	height:95px !important;
	width:100% !important;
	float:none;
}

.overseas_box dd.photo
{
	text-align:center;
	height:146px !important;
	float:none;
}
.overseas_box dd.photo img
{
	zoom:1;
}
}
@media print{
	

.overseas_box
{
	background:#eee;
	padding:20px !important;
}
.overseas_box div
{
	width:960px;
	margin:0 auto;
}
.overseas_box h4
{
	font-size:35px !important;
	line-height:35px;
	padding:15px 0 15px;
}
.overseas_box dl
{
	background:#FFF;
	padding:10px;
	margin-right:10px;
	width:210px !important;
	height:320px !important;
	margin-bottom:10px;
	float:left !important;
}


.overseas_box dt
{
	font-size:18px !important;
	line-height:25px !important;
	height:55px;
}

.overseas_box dd
{
	font-size:12px !important;
	line-height:18px !important;
	height:95px !important;
	width:100% !important;
	float:none;
}

.overseas_box dd.photo
{
	text-align:center;
	height:146px !important;
	float:none;
}
.overseas_box dd.photo img
{
	zoom:1;
}
}
.overseas_box:after,
.overseas_box dl:after,
{
    content: ""; 
    display: block; 
    clear: both;}


.overseas_box,
.overseas_box dl
{display: inline-table;  overflow:hidden; zoom:1;/*for IE 5.5-7*/}
/* Hides from IE-mac \*/


.overseas_box,
.overseas_box dl
{display: block;}
/* End hide from IE-mac */