@charset "UTF-8";

/*----------------------------------------
	txtarea
----------------------------------------*/

.txtarea {
	margin: 0 0 30px 0;
}

.txtarea p {
	margin-bottom: 10px;
}


/*----------------------------------------
	panくず
----------------------------------------*/

.pan {
	clear: both;
	width:1021px;
	margin: -30px auto 30px auto;
	font-size:85%;
}

.pan li {
	float: left;
	margin-right:5px;
	list-style: none;
	white-space:nowrap;
}

.pan li a {
	padding-right: 5px;
}

/*----------------------------------------
	table
----------------------------------------*/

.table_list01 {
	border-collapse:collapse;
	border: 1px solid #cccccc;
}

.table_list01 th {
	padding: 10px;
	border: 1px solid #cccccc;
	background-color: #d9eff5;
	text-align: left;
}

.table_list01 td {
	padding: 10px 15px;
	border: 1px solid #cccccc;
}

.table_list01 .error_txt {
	margin: 5px 0 0 0;
	color: #d80000;
	font-size:93%;
}

.table_list_spec {
	border-collapse:collapse;
	border: 1px solid #cccccc;
}

.table_list_spec th {
	padding: 0 10px;
	border: 1px solid #cccccc;
	background-color: #d9eff5;
	text-align: left;
	white-space: nowrap;
}

.table_list_spec td {
	padding: 0 15px;
	border: 1px solid #cccccc;
	white-space: nowrap;
}

.table_list_spec .error_txt {
	margin: 5px 0 0 0;
	color: #d80000;
	font-size:93%;
}


/*----------------------------------------
	リスト
----------------------------------------*/

.list_icon01 {
	margin: 0 10px;
}

.list_icon01 li {
	padding-left: 15px;
	list-style: none;
	background: url(../../img/dz1/common/icon_maru01.gif) 0 5px no-repeat;
	float: left;
	margin-right: 15px;
	white-space: nowrap;
}


/*----------------------------------------
	フォーム
----------------------------------------*/

.form300 {
	width:294px;
	padding:3px;
}

.form400 {
	width:394px;
	padding:3px;
}


.form_btn {
	margin-top: 25px;
	padding-top: 20px;
	border-top: 1px dotted #c2c2c2;
	text-align: center;
}

.form_btn p {
	margin: 10px 0;
}

.form_btn input,
.form_btn a {
	cursor:pointer;
	margin: 0 3px;
	padding: 10px 60px;
	font-size:100%;
	font-weight: bold;
	border-radius: 3px;
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */
	-moz-border-radius: 3px; /* Firefox用 */
}

.form_btn a:link,
.form_btn a:visited,
.form_btn a:hover,
.form_btn a:active {
	margin-top: 10px;
	text-decoration: none;
}

.form_btn .btn_blk{
	color: #ffffff;
	border: 1px solid #333333 !important;
	background: #575757; /* Old browsers */
	background: -moz-linear-gradient(top,  #575757 0%, #343434 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575757), color-stop(100%,#343434)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #575757 0%,#343434 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #575757 0%,#343434 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #575757 0%,#343434 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #575757 0%,#343434 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#343434',GradientType=0 ); /* IE6-9 */
}

.form_btn a:link.btn_blk,
.form_btn a:visited.btn_blk ,
.form_btn a:hover.btn_blk ,
.form_btn a:active.btn_blk  {
	color: #ffffff;
}

.form_btn .btn_gry{
	color: #333333;
	border: 1px solid #d3d2d2 !important;
	background: #f3f3f3; /* Old browsers */
	background: -moz-linear-gradient(top,  #f3f3f3 0%, #d3d2d2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#d3d2d2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f3f3f3 0%,#d3d2d2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f3f3f3 0%,#d3d2d2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f3f3f3 0%,#d3d2d2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f3f3f3 0%,#d3d2d2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#d3d2d2',GradientType=0 ); /* IE6-9 */
}

.form_thanks {
	padding: 20px 0;
	text-align: center;
}


.form_thanks h5{
	margin-bottom: 15px;
	font-size: 123.1%;
	color: #1697bd;
}

/*iframe*/

.contact_frame {
	width:100%;
	height: 1100px;
	border:0;
}

/*----------------------------------------
	pager
----------------------------------------*/

.pager {
	clear: both;
	width: 100%;
	margin: 30px auto 0 auto;
	text-align:center;
}

.pager li {
	display:inline;
}

.pager li a {
	display:inline-block;
	margin:0 1px 10px 1px;
	padding: 5px 9px;
	color: #444444;
	border: 1px #d4d4d4 solid;
	position:relative;
	*display: inline;
	*zoom: 1;
}

.pager li a:link,
.pager li a:visited {
	text-decoration: none;
}

.pager li a:hover,
.pager li a:active {
	background-color:#d4d4d4;
	color: #444444;
	text-decoration: none;
}

.pager li span {
	display:inline-block;
	margin:0 1px 10px 1px;
	padding: 5px 9px;
	background: #d4d4d4;
	color: #444444;
	border: 1px #d4d4d4 solid;
	position:relative;
}



/*----------------------------------------
	新着
----------------------------------------*/

.news_view {
	margin:  0 10px;
}


.news_view .news_day {
	margin-bottom: 10px;
	text-align: right;
	font-size:93%;
	font-weight: bold;
}

.news_view .ph {
	float: right;
	margin: 0 0 15px 20px;
}

.news_view p {
	margin-bottom: 15px;
}

/*----------------------------------------
	営業所一覧 & 取扱い機械情報
----------------------------------------*/

.col1_block {
	margin-bottom: 15px;
	padding: 4px;
	background-color: #f4f4f4;
	border: 1px solid #d8d8d8;
	border-radius: 5px;
	-webkit-border-radius: 5px; /* Safari,Google Chrome用 */
	-moz-border-radius: 5px; /* Firefox用 */
}

.col1_block .col1_block_bg {
	padding: 13px 10px;
	background-color: #ffffff;
}

.col1_block h4 {
	margin-bottom: 10px;
	padding-bottom: 7px;
	font-size:108%;
	border-bottom: 1px dotted #c2c2c2;
}

.col1_block h4 a {
	display:block;
	padding-left: 26px;
	background:url(../../img/dz1/common/col1_block_icon.gif) left 0 no-repeat;
}

.col1_block h4 a:link,
.col1_block h4 a:visited {
	color: #444444;
	text-decoration: none;
}

.col1_block h4 a:hover,
.col1_block h4 a:active {
	color: #18a2ca;
	text-decoration: none;
}

.col1_block ul {
	float: left;
	width: 300px;
	margin: 0 10px;
}

.col1_block ul li{
	float: left;
	margin: 0 20px 3px 0;
	padding-left: 14px;
	width: 266px;
	background:url(../../img/dz1/common/icon_arrow01.gif) left 5px no-repeat;
	list-style: none;
}


/*----------------------------------------
	営業所詳細
----------------------------------------*/

#gmap {
	width:100%;
	height: 400px;
	margin-bottom: 30px;
}



/*----------------------------------------
	保有機械情報
----------------------------------------*/

.col2_block {
	clear: both;
	width:690px;
	margin: 0 0 30px -20px;
}

.col2_block .col2_box {
	float: left;
	width:325px;
	margin: 0 0 15px 20px;
	_display:inline;
	border-bottom: 2px solid #ebebeb;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

.col2_block .col2_box .col2_ttl {
	padding: 8px 10px;
	border: 1px solid #b8e0ed;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	background: #e1f8ff; /* Old browsers */
	background: -moz-linear-gradient(top,  #e1f8ff 0%, #e1f8ff 50%, #d7f5ff 50%, #d0f4ff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1f8ff), color-stop(50%,#e1f8ff), color-stop(50%,#d7f5ff), color-stop(100%,#d0f4ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e1f8ff 0%,#e1f8ff 50%,#d7f5ff 50%,#d0f4ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e1f8ff 0%,#e1f8ff 50%,#d7f5ff 50%,#d0f4ff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e1f8ff 0%,#e1f8ff 50%,#d7f5ff 50%,#d0f4ff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e1f8ff 0%,#e1f8ff 50%,#d7f5ff 50%,#d0f4ff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1f8ff', endColorstr='#d0f4ff',GradientType=0 ); /* IE6-9 */
}


.col2_block .col2_box .col2_ttl h4 {
	padding: 0 0 0 12px;
	background:url(../../img/dz1/common/col2_ttl_bg.gif) left center no-repeat;
}


.col2_block .col2_box ul {
	padding: 13px 22px;
	border-top: 2px solid #ededed;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

.col2_block .col2_box ul li{
	margin-bottom:3px;
	padding-left: 14px;
	list-style: none;
	background:url(../../img/dz1/common/icon_arrow01.gif) left 5px no-repeat;
}

.col2_block .col2_box ul li:last-child{
	margin-bottom:0;
}



/*----------------------------------------
	保有機械情報 詳細
----------------------------------------*/

#item_slide {
	width:650px;
	margin: 0 auto 40px auto;
}

#item_slide li {
	list-style: none;
}

#item_slide #ph_main {
	width:650px;
	height: 450px;
	margin-bottom: 10px;
	overflow: hidden;
	position:relative;
}

#item_slide #ph_main li {
	width:650px;
	height: 450px;
	position:absolute;
	top:0;
	left:0;
}

#item_slide #ph_thumb {
	width:650px;
}

#item_slide #ph_thumb ul {
	width:660px;
	margin-left: -10px;
}

#item_slide #ph_thumb li {
	float: left;
	width:210px;
	margin-left: 10px;
	/display:inline;
}


/*----------------------------------------
	TOPページ
----------------------------------------*/

.greeting_block {
	clear: both;
	margin: 0 15px 30px 15px;
}

.greeting_block .ph {
	float:right;
	margin: 0 0 10px 15px;
}

.greeting_block .ph img {
	border: 5px solid #e6e6e6;
}

/*----------------------------------------
	Genericページ
----------------------------------------*/

.generic_img {
	display: inline-block;
	background-color: #e6e6e6;
	background-position: center center;
	background-repeat: no-repeat;
	height: 175px;
	width:100%;
	border: 1px solid #e6e6e6;
	background-size: contain;
}