@charset "utf-8";
@import url(common.css?p=20210109);

/********************************************************************************************************************************************************************
（共通設定）
********************************************************************************************************************************************************************/
*{}

body a{ color: #000; }
#wrapper{}

/* ページリンク　アンカーポイント */
.anc{ position: absolute; top: 0; }

hr.hr_style{ margin-bottom: 30px; border-top: 1px dotted #ccc; border-right: none; border-bottom: none; border-left: none; }

/********************************************************************************************************************************************************************
（ボタン類定義）
********************************************************************************************************************************************************************/
.btn_M{}
.btn_L{}



/********************************************************************************************************************************************************************
（表示BOX定義）
********************************************************************************************************************************************************************/
/* 汎用オレンジBOX */
.orangeBox{ padding: 5px 10px; background: #fbf3da; border: 1px solid #ffae00; }

/* 汎用ホワイトBOX */
.whiteBox{ padding: 5px 10px; background: #fff; border: 1px solid #ccc; }

/* 汎用グレーBOX */
.grayBox{ padding: 5px 10px; background: #f4f2f0; border: 1px solid #ccc; }



/********************************************************************************************************************************************************************
（ヘッダー設定）
********************************************************************************************************************************************************************/
header{ padding: 0 0 10px; background: #fff; }
#header_inner{ max-width: 1000px; margin: 0 auto; }
	h1{ margin-bottom: 5px; font-weight: normal; font-size: 11px; }
	#logo{ width: 150px; float: left; }

	#header_r{ float: right; }
	#header_r p{ text-align: center; }

	.btn_tel{ display: inline-block; padding: 3px 20px 3px 55px; color: #ef4f07; font-size: 24px; font-weight: bold;
		background-image: url(/img/icon_tel.png);
		background-repeat: no-repeat;
		background-size: 30px;
		background-position: 20px center;
	}
	.btn_tel:hover{ text-decoration: none; color: #ef4f07; }

	.btn_contact{ display: inline-block; padding: 0 35px 0 78px; border-radius: 5px; color: #fff; font-size: 18px;
		background-color: #ef4f07;
		background-image: url(/img/icon_email.png);
		background-repeat: no-repeat;
		background-size: 20px;
		background-position: 40px center;
	}
	.btn_contact:hover{ text-decoration: none; color: #fff; }


	#btn_spMenu.tcon{ display: none !important; }




/********************************************************************************************************************************************************************
（フッター設定）
********************************************************************************************************************************************************************/
footer{ padding: 10px 20px; background: #333; }
	#footer_inner *{ color: #fff; }
	#footer_inner{ max-width: 1000px; margin: 0 auto; }
	#footer_inner p#copy{ text-align: center; }


/********************************************************************************************************************************************************************
（ナビ設定）
********************************************************************************************************************************************************************/
nav#navi_top{ background: #05299b; }
nav#navi_top > ul{ max-width: 1000px; margin: 0 auto; }
nav#navi_top > ul li.li_navi_parent{ width: 25%; float: left; position: relative; }
nav#navi_top > ul li.li_navi_parent .active_arrow{ width: 8px; position: absolute; top: -4px; left: 0; right: 0; margin: auto; transform: rotate(-90deg); }

nav#navi_top > ul li.li_navi_parent > a{ display: block; padding: 10px 0; background: #05299b; text-align: center; text-decoration: none; font-size: 18px; font-weight: bold; color: #fff;
	-webkit-transition: 0.4s ;
	transition: 0.4s ;
}
nav#navi_top > ul li.li_navi_parent > a:hover, nav#navi_top > ul li.li_navi_parent > a.active{ background: #1e3ea5; }

nav#navi_top > ul li.li_navi_parent > a img{ width: 16px; margin: 0 10px 4px 0; vertical-align: middle; }

	p#close_menu{ display: none; }


	ul.ul_navi_child{ display: none; position: absolute; left: 0; z-index: 999; }
	ul.ul_navi_child li{ border-bottom: 1px dotted #fff; }
	ul.ul_navi_child li:last-child{ border-bottom: none; }
	ul.ul_navi_child li a{ display: block; padding: 8px 20px; background: #000; font-weight: bold; font-size: 14px; color: #fff; text-decoration: none;
		-moz-opacity: 0.8;
		opacity: 0.8;
	}

	ul.ul_navi_child li a:hover{ color: #f27239; }

/********************************************************************************************************************************************************************
（タイトル設定）
********************************************************************************************************************************************************************/
h2.h2_style{ margin-bottom: 20px; padding: 3px 20px; font-size: 22px; background: #ef4f07; border-left: 10px solid #f27239; color: #fff; font-weight: bold; }
h2.h2_left{ margin-bottom: 0; border-left: none; font-size: 18px; text-align: center; }
h3.h3_style{ margin-bottom: 20px; padding: 3px 20px; font-size: 20px; background: #333; border-left: 10px solid #777; color: #fff; font-weight: bold; position: relative; }
h4.h4_style{ margin-bottom: 20px; font-size: 18px; }


/********************************************************************************************************************************************************************
（コンテンツ部設定）
********************************************************************************************************************************************************************/
main{ background: #f3f3f3; }
#main_inner{ max-width: 1000px; margin: 0px auto; padding: 20px 0 50px; }


/********************************************************************************************************************************************************************
（左カラム設定）
********************************************************************************************************************************************************************/
#left_box{ width: 24%; float: left; }

#left_box .box{ margin-bottom: 10px; background: #fff; }

	/*　メニュー　*/
	#ul_left_menu{ padding-bottom: 5px; }
	#ul_left_menu li.li_left_parent{ padding-bottom: 8px; border-bottom: 1px dotted #ccc; }
	#ul_left_menu li.li_left_parent:last-child{ border-bottom: none; }
	#ul_left_menu li.li_left_parent > a{ display: block; padding: 12px 0 12px 35px; color: #333; font-weight: bold; font-size: 16px; text-decoration: none; line-height: 1em;
		background-repeat: no-repeat;
		background-position: 10px center;
		background-size: 16px;
	}
	#ul_left_menu li.li_left_parent > a:hover{ background-color: #f9f9f9; }

	#ul_left_menu li.li_left_parent a#leftMenu1{ background-image: url(/img/icon_house_b.png); }
	#ul_left_menu li.li_left_parent a#leftMenu2{ background-image: url(/img/icon_gear_b.png); }
	#ul_left_menu li.li_left_parent a#leftMenu3{ background-image: url(/img/icon_box_b.png); }
	#ul_left_menu li.li_left_parent a#leftMenu4{ background-image: url(/img/icon_company_b.png); }
	#ul_left_menu li.li_left_parent a#leftMenu5{ background-image: url(/img/icon_email_b.png); }
	#ul_left_menu li.li_left_parent a#leftMenu6{ background-image: url(/img/icon_privacy_b.png); }

	#ul_left_menu li.li_left_parent .ul_left_child{ margin-left: 30px; }
	#ul_left_menu li.li_left_parent .ul_left_child li{ margin-bottom: 4px; }
	#ul_left_menu li.li_left_parent .ul_left_child li a{ color: #555; text-decoration: none; }
	#ul_left_menu li.li_left_parent .ul_left_child li a:hover{ color: #000; }


	/*　バナー　*/
	#ul_ban{}
	#ul_ban li{ margin-bottom: 10px; }
	#ul_ban li:last-child{ margin-bottom: 0; }
	#ul_ban li a{ display: block; }


/********************************************************************************************************************************************************************
（右カラム設定）
********************************************************************************************************************************************************************/
#right_box{ width: 70%; padding: 10px 2% 80px; background: #fff; float: right; }

/* 共通設定事項 */
section.contents{ margin-bottom: 70px; }
section.contents:last-child{ margin-bottom: 0; }
section.contents .tbl_edit caption{ font-size: 18px; }


/********************************************************************************************************************************************************************
　（トップページ）
********************************************************************************************************************************************************************/
#slick_box{ background: #fff; }
	#slick{ max-width: 1000px; margin: 0 auto; }

.policy_text_top{ margin-bottom: 30px; padding: 30px 0;
	background: #05299b;
	background-image: url(/img/logo_bg.png);
	background-size: 200px;
	background-position: 20px 20px;
}
.policy_text_top p{ text-align: center; }
.policy_text_top .policy_jpn{ font-weight: bold; color: #fff;
	/*background: radial-gradient(ellipse at center, #eff1ff 10%, #000 100%);*/
	background: radial-gradient(ellipse at center, #fff 10%, #777 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
/*.policy_text_top #policy_eng{ font-size: 13px; color: #cdd4eb; }*/
#policy_jpn1{ font-size: 50px; }
#policy_jpn2{ font-size: 36px; }



#top_policy{ background-image: url(/img/img_back.png); background-size: cover; }
#top_policy table{ width: 250px; margin: 0 auto 50px; }
#top_policy table th{ font-size: 40px; text-align: left; font-weight: bold; color: #fff; }
#top_policy table td{ font-size: 18px; text-align: right; color: #eee; vertical-align: middle; }


/* 営業品目 */
#top_business ul{ width: 45%; padding: 10px 3%; background: #f7f7f7; float: left; }
#top_business ul li{}
#top_business p{ width: 40%; float: right; }


.policy_text{ margin: 50px 0; padding: 20px 0; border-top: 4px solid #333; border-bottom: 4px solid #333; color: #333; font-weight: bold; font-size: 40px; text-align: center; }
/*.policy_text{ padding: 5px 0; background: linear-gradient(to top left, #A5A5A5, #BABAC2, #E8E8E8, #A5A5A5, #BABAC2); color: #fff; text-shadow: 1px 1px 0 #333; font-weight: bold; font-size: 28px; text-align: center; }*/


.dl_company{ margin-bottom: 50px }
.dl_company dt{ margin-bottom: 5px; font-size: 20px; font-weight: bold; }
.dl_company dd{ margin-bottom: 30px; padding: 10px 20px; background: #f7f7f7; }
.dl_company dd p{ font-size: 15px; line-height: 2em; }


#PresidentBox{ text-align: right; }
	#President_l{ display: inline-block; width: 150px; margin-right: 20px; }
	#President_r{ display: inline-block; width: 300px; }


.tbl_overview{ width: 100%; margin-bottom: 50px; }
.tbl_overview th, .tbl_overview td{ padding: 25px 2%; }
.tbl_overview th{ width: 30%; border-top: 1px solid #333; border-bottom: 1px solid #333; vertical-align: middle; font-weight: bold; }
.tbl_overview td{ border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }

#ul_vendor li{ width: 50%; float: left; }
#ul_vendor li:first-child{ float: none; }


.tbl_history{ width: 100%; }
.tbl_history caption{ margin-bottom: 5px; font-size: 16px; font-weight: bold; }
.tbl_history th, .tbl_history td{ padding: 8px 2%; border: 1px solid #fff; }
.tbl_history th{ width: 30%; background: #f2f4fa; text-align: right; vertical-align: middle; font-weight: normal; }
.tbl_history td{ background: #fafafa; }





/********************************************************************************************************************************************************************
　（取扱製品）
********************************************************************************************************************************************************************/
.maker_logo{ margin-bottom: 30px; }
.maker_logo img{ height: 30px !important; }

.ul_product{}
.ul_product li{ width: 45%; margin: 0 10% 50px 0; float: left; }
.ul_product li:nth-child(2n){ margin-right: 0; }
.ul_product li .product_name{ margin-bottom: 2px; font-weight: bold; }
.ul_product li .product_img{}

.ul_product li .product_link{ margin-bottom: 10px; }
.ul_product li .product_link a{ display: inline-block; padding: 0 5px 0 10px; background: #ef4f07; border-radius: 7px; color: #fff; text-decoration: none; font-size: 10px; }


/********************************************************************************************************************************************************************
　（中古機械）
********************************************************************************************************************************************************************/
/* 一覧表示 */
.ul_used_machine{}
.ul_used_machine li{ margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc;  }
.ul_used_machine li:last-child{ margin-bottom: 0; padding-bottom: 0; border-bottom: none; }

.ul_used_machine li a{ display: block; padding-right: 5px; }
.ul_used_machine li a:hover{ background: #fdede6; }

.ul_used_machine li .used_machine_l{ width: 15%; float: left; }

.ul_used_machine li .used_machine_r{ width: 83%; float: right; }
.ul_used_machine li .used_machine_r .daytime{ line-height: 1em; }
.ul_used_machine li .used_machine_r .used_machine_name{ margin-bottom: 10px; font-size: 18px; line-height: 1em; }
.ul_used_machine li .used_machine_r .used_machine_text{}
/*.ul_used_machine li .used_machine_r .used_machine_text{}*/



/* 詳細表示 */
.ul_used_machine_image{ margin-top: 10px; }
.ul_used_machine_image li{ width: 200px; margin: 0 10px 10px 0; float: left; }


/********************************************************************************************************************************************************************
（プライバシーポリシー）
********************************************************************************************************************************************************************/
.privacy_box *{ font-size: 14px; }
.privacy_box dl{}
.privacy_box dl dt{ margin-bottom: 5px; font-weight: bold; }
.privacy_box dl dd{ margin-bottom: 25px; }



/********************************************************************************************************************************************************************
　（ページ名）
********************************************************************************************************************************************************************/
/*　箇所　*/