@charset "UTF-8";

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

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

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

.pan {
	width:94%;
	margin: -20px auto 30px auto;
}

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

.form300,
.form400 {
	width:98%;
	padding:1%;
}

.form_btn input{
	width:90%;
	margin: 5px 0;
	padding: 12px 5%;
}

select {
	width:100%;
}

.form_thanks {
	margin: 0 3%;
	padding: 20px 0 30px 0;
}

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

.pager {
	width: 96%;
}

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

.news_view {
	margin: 0 3%;
}

.news_view .ph {
	float: none;
	width:94%;
	margin: 0 auto 15px auto;
	text-align: center;
}

.news_view .ph img {
	max-width:100%;
	height: auto;
}

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

.col1_block {
	margin: 0 3% 15px 3%;
	padding: 1%;
}

.col1_block h4 {
	border-bottom: 1px solid #cccccc;
}

.col1_block ul {
	width:100%;
	margin:-5px 0 0 0;
}

.col1_block ul li {
	float: none;
	margin: 0;
	padding:0;
	background: none;
	white-space:inherit;
}

.col1_block ul li a {
	display:block;
	padding:10px 5% 10px 0;
	border-bottom: 1px dotted #c2c2c2;
	text-decoration: none;
	background:url(../../../img/dz1/common/sp_arrow01.png) right center no-repeat;
	background-size: 9px auto; 
	-webkit-background-size: 9px auto; /* Safari,Google Chrome用 */
	-moz-background-size: 9px auto; /* Firefox用 */
	-o-background-size: 9px auto; /* Opera用 */
}


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

#gmap {
	width:94%;
	height: 300px;
	margin: 0 3% 30px 3%;
}


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

.col2_block {
	width:94%;
	margin: 0 auto 30px auto;
}

.col2_block .col2_box {
	float: none;
	width:100%;
	margin: 0 auto 15px auto;
}

.col2_block .col2_box .col2_ttl {
	padding: 8px 2%;
}

.col2_block .col2_box .col2_ttl span {
	display:block;
	padding:3px 0;
	cursor:pointer;
	background:url(../../../img/dz1/common/col2_open.png) right center no-repeat;
	background-size: 22px auto; 
	-webkit-background-size: 22px auto; /* Safari,Google Chrome用 */
	-moz-background-size: 22px auto; /* Firefox用 */
	-o-background-size: 22px auto; /* Opera用 */
}

.col2_block .col2_box .col2_ttl h4.close span {
	background:url(../../../img/dz1/common/col2_close.png) right center no-repeat                                !important;
	background-size: 22px auto !important; 
	-webkit-background-size: 22px auto !important; /* Safari,Google Chrome用 */
	-moz-background-size: 22px auto !important; /* Firefox用 */
	-o-background-size: 22px auto !important; /* Opera用 */
}

.col2_block .col2_box ul {
	padding: 13px 2%;
	display:none;
}


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

#item_slide {
	width:310px;
}

#item_slide #ph_main {
	width:310px;
	height: 215px;
	margin: 0 auto 10px auto;
}

#item_slide #ph_main li,
#item_slide #ph_main li img {
	width:310px;
	height: 215px;
}

#item_slide #ph_thumb {
	width:310px;
}


#item_slide #ph_thumb ul {
	width:318px;
	margin-left: -8px;
}

#item_slide #ph_thumb li {
	width:98px;
	margin-left: 8px;
}

#item_slide #ph_thumb li img {
	width:98px;
	height: auto;
}


/*----------------------------------------
	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%;
}




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

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

.greeting_block .ph {
	float:none;
	margin: 0 0 15px 0;
	text-align: center;
}