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

/* 自社在庫・独自ネットワーク */
.main_area .large_order_container {
	display: table;
	border-collapse: collapse;
	width: 690px;
	border-top: 5px solid #004390;
	margin:20px auto;
}
.main_area .large_order_container p.large_order_img {
	float:left;
}
.main_area .large_order_container .large_order_txt {
	overflow: auto;
	margin-left: 230px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	height:230px;
}
.main_area .large_order_container .large_order_txt h5 {
	margin:0 25px;
	padding: 35px 0 12px;
	border-bottom: 1px dotted #ccc;
}
.main_area .large_order_container .large_order_txt p {
	margin:20px 25px 0;
}


/* 大量調達サーチ検索 */
#searchCriteriaSurround {
	background-color:#7ac9fa;
	margin:20px auto;
    padding:30px;
}
#searchCriteriaSurround div.searchCriteria {
  background:#7ac9fa url(/contents/shop/marutsu/img/common/large_order_images3.png) no-repeat left bottom;
  height:71px;
  padding: 25px 0 0;
}
input#searchCriteria {
	width:420px;
	border:3px solid #000;
	border-radius: 6px;
	height:30px;
	vertical-align:bottom;
    margin: 3px 0 0 85px;
}
input#searchButton {
	background: #333 url(/contents/shop/marutsu/img/common/icon_search_18_white.png) no-repeat 20px center;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	height: 30px;
	width: 124px;
	border: 0;
	padding-left: 18px;
	box-shadow: 0 0 12px 0 rgba(0,0,0,0.9) inset;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	margin-left:-10px;
}
input#searchButton:hover {
	background-color: #111;
}

.searchCriteria .alert_msg.attention {
    margin: 5px 0 0 85px;
}

/* 見積り */
a.estimatesBtn {
	background-image: none !important;
	background-color:#004390 !important;
	width:100%;
	display:inline-block;
	* display:inline;
	* zoom:1;
	height:82px !important;
	padding:26px 28px !important;
	margin-bottom:20px;
}
a.estimatesBtn:hover {
	opacity: 0.80;
	-moz-opacity: 0.80; /* Firefox */
	filter: alpha(opacity=80); /* IE6/7 */
	-ms-filter: "alpha(opacity=80)"; /* IE8 */ 
}


/* ボタン */
.about_btn_form {
background: #000;
color: #fff;
border: 1px solid #000;
padding: 2px 8px;
font-size: 1.3em;
font-weight: bold;
padding: 0px 28px;
height: 48px;
width:300px;
margin:0 auto;
}

.about_btn_form:hover {
	background: #333;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.5) inset;
	text-decoration: none;
}

.about_btn_form p {
	line-height:48px;
}

.about_btn_form p a {
	color:#000;
	text-decoration:none;
}

.cnt_inner {
margin: 0 0 30px 0px;
background-color: #f8f9fa;
border: 1px solid #dbdcde;
padding: 15px 25px;
width: 691px;
}


/*--------------------------------------------
 静的ページ 幅固定用修正
--------------------------------------------*/
.contents .main_contents {
	width: 1021px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 20px;
}
.contents .main_contents .main_area {
	width: 691px;
}

.main_contents .side_area {
	margin-top: 0;
}
.main_contents .side_area .side_menu {
	width: 260px;
}
/* ボタン */
.about_btn_form p a {
	color: #fff;
}
@media (max-width: 600px){
	body {
		font-size: 14px !important;
	}
	.contents {
		padding-top: 30px !important;
	}
	.contents .main_contents {
		padding: 0 20px !important;
	}
	.contents .main_contents .main_contents_inner {
		display: flex !important;
		display:-webkit-box !important;
		display:-webkit-flex !important;
		display:-ms-box !important;
		display:-ms-flexbox !important;
	}
	.contents .main_contents .main_area {
		width: 691px !important;
	}
	.contents .main_contents .side_area {
		min-width: 290px !important;
		width: 290px !important;
		margin-top: 0 !important;
	}
}