@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Roboto+Condensed:wght@700&family=Roboto:wght@700&display=swap');

/* ↓ デフォルトセッティング
================================== */

/* - - - - - - - - - - - - - - - - -
* 共通カラー番号
ブルー : #0E3962
レッド : #D70A30
ボーダー : #E4E4E4
- - - - - - - - - - - - - - - - - */

body {
	font-size: 14px;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	line-height: 160%;
	color: #0F0F0F;
	word-wrap: break-word;
	word-break: break-all;
	-webkit-backface-visibility: hidden;/*chrome1pxのチラつきを防ぐ*/
	backface-visibility: hidden;
}

a {
    color:#103861;
    text-decoration:none;
    /*font-weight: bold;*/
	-webkit-transition:  0.2s ease-in-out;
	-moz-transition:  0.2s ease-in-out;
	-o-transition:  0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

a:hover {
	color:#D7092F;
	text-decoration: underline;
}

::-moz-selection { color: #fff;  background: #0E3962; }
::selection      { color: #fff;  background: #0E3962; }

.search_box input[type='image']:hover {
/*	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";*/
}

.wrap {
	width: 960px;
	margin: 0 auto;
}

div#contents {
	/* Firefox
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 96%, #ECECEC 100%); */
	/* Chrom と Safari
	background: -webkit-gradient(linear, left 96%, left bottom, from(rgba(255,255,255,0)), to(#ECECEC)); */
	/* IE10以上
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 96%, #ECECEC 100%); */
	/* 共通
	background: linear-gradient(top, rgba(255,255,255,0) 96%, #ECECEC 100%); */
	background-color: #fff;
}

.bg {
	/* Firefox */
	background: -moz-linear-gradient(top, #F8F8F8 0px, rgba(255,255,255,0) 46px);
	/* Chrom と Safari */
	background: -webkit-gradient(linear, 0 0, 0 46, from(#F8F8F8), to(rgba(255,255,255,0)));
	/* IE10以上 */
	background: -ms-linear-gradient(top, #F8F8F8 0px, rgba(255,255,255,0) 46px);
	/* 共通 */
	background: linear-gradient(top, #F8F8F8 0px, rgba(255,255,255,0) 46px);
	margin: 2px 1px 0;
	border-radius: 4px 4px 0 0;
}

.ttl {
	background: url("/media_images/cmn/ttl_bg.gif") top no-repeat;
	min-height: 30px;
	font-size: 28px;
	font-weight: normal;
	color: #303046;
	line-height: 120%;
}

.ttl_sub {
	background: url("/media_images/cmn/ttl_sub_bg.gif") left top no-repeat;
	height: 21px;
	padding-left: 16px;
	margin: 5px 0 15px;
	font-size: 20px;
	color: #303046;
}

.ttl_sub span.tsm {
	font-size: 10px;
	font-weight: normal;
}

.ttl_sub_dyna {
	margin: 5px 0 15px;
	font-size: 20px;
	color: #303046;
}

.ttl_sub_dyna span{
	word-wrap: break-word;
	display:block;
	background: url("/media_images/cmn/ttl_sub_bg.gif") left top no-repeat;
	padding-left: 16px;
}


.ttl_txt {
	background-color: #E9E7EB;
	color: #303046;
/*	height: 25px;*/
	line-height: 25px;
	padding: 0 8px;
	border-radius: 4px;
	font-weight: normal;
	margin-bottom: 15px;
}

.column_inner {
	margin: 0 20px;
	padding: 25px 15px;
	border-bottom: 1px solid #E4E4E4;
}

/*.column_inner:last-child {
	padding-bottom: 40px;
}*/

.img_keyvisual {
	text-align: center;
	margin-top: 30px;
}

.txt_keyvisual {
	width: 650px;
	margin: 10px auto 0;
}

/*青い四角の中に三角のアイコン*/
.ico_blue > a, .ico_blue_s > a {
	color: #0E3962;
	font-weight: bold;
}
.ico_blue > a {
	background: url("/media_images/cmn/ico/ico_square_off.png") left 25% no-repeat;
	padding-left: 22px;
	font-size: 16px;
	line-height: 20px;
}
.ico_blue_s > a {
	background: url("/media_images/cmn/ico/ico_square_sml_off.png") left no-repeat;
	padding-left: 18px;
	font-size: 12px;
	height: 15px;
	line-height: 15px;
	vertical-align: top;
	display: block;
}

.ico_blue > a:hover {
	background: url("/media_images/cmn/ico/ico_square_on.png") left 25% no-repeat;
}
.ico_blue_s > a:hover {
	background: url("/media_images/cmn/ico/ico_square_sml_on.png") left no-repeat;
}
.ico_blue > a img {
	vertical-align: top;
}
.ico_blue > a:hover, .ico_blue_s > a:hover {
	color: #D70A30;
}

/*機器アイコン*/
.ico_rental{
	background: url("/media_images/cmn/ico/ico_rental.png") left top no-repeat;
	padding-left: 56px;
	min-height:18px;
}

.ico_used{
	background: url("/media_images/cmn/ico/ico_used.png") left top no-repeat;
	padding-left: 56px;
	min-height:18px;
}
.ico_newproduct{
	background: url("/media_images/cmn/ico/ico_newproduct.png") left top no-repeat;
	padding-left: 56px;
	min-height:18px;
}

/*青い三角のアイコン*/
.ico_blue02 {
	font-weight: bold;
	background: url("/media_images/cmn/ico/ico_blue_arrow_off.png") 9px 4px no-repeat;
	padding-left: 23px;
	line-height: 20px;
	/*margin-bottom: 12px !important;*/
}
#column1 .ico_blue02, #column2 .ico_blue02 {
	display: inline-block;
}
ul.small_ctgry {
	margin-bottom: 20px;
}

ul.small_ctgry li {
	background: url("/media_images/cmn/ico/ico_circle_blue_off.png") 12px 5px no-repeat;
	padding-left: 23px;
	font-size: 12px;
	margin-bottom: 4px !important;
}
.ico_blue_set a {
	background: url("/media_images/cmn/ico/ico_blue_arrow_off.png") left 25% no-repeat;
	padding-left: 11px;
	display: block;
}

/*赤い三角のアイコン*/
.ico_red a,
.ico_set a {
	background: url("/media_images/cmn/ico/ico_triangle.png") left 6px no-repeat;
	padding-left: 9px;
	display: block;
}
.ico_red_sdw {
	background: url("/media_images/cmn/ico/ico_triangle_shadow.png") left 6px no-repeat;
	padding-left: 9px;
	display: block;
}
.ico_red a, .ico_red_sdw a {
	font-size: 12px;
}

.radius {
	border-radius: 4px;
}

/*p img, div img { vertical-align: bottom; }*/

.img_caption {
	word-wrap: break-word;
	text-align: center;
	font-size: 12px;
	margin-top: 3px;
}

/*ボタンのホバー処理用*/
.hvr {
	display:inline-block;
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: center top;
}

/*アイコン　pdf*/
.ico_pdf{
	background: url(/media_images/cmn/ico/ico_pdf.png) no-repeat right 2px;
	padding: 0 17px 0 0;
}
.inline_img {
    vertical-align: middle;
    margin-left: 4px;
}

/* ↓ Header
================================== */
section#head_wrap { border-top: 8px solid #0E3962; border-bottom: 1px solid #fff; width: 100%;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 60%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 60%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */


 box-shadow:0px 3px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow:0px 3px 5px 0px rgba(0,0,0,0.1);
-webkit-box-shadow:0px 3px 5px 0px rgba(0,0,0,0.1);
position: relative;
z-index: 100;
}
header { padding-top: 15px; /*color: #103861;*/ font-size: 11px; line-height: 1em; }
#hdr_l {float: left;width: 357px;height: 95px;}
#hdr_l h1 { margin-top: 3px; line-height: 1.5; }
#hdr_l p#header_tag { margin-top: 3px; line-height: 1.5; }
#hdr_l p#header_logo { margin-top: 15px; }
#hdr_c { float: left; width: 169px; height: 74px; text-align: right; padding-top:6px; }
#hdr_r {float: right;width: 590px;height: 95px;}
#hdr_r ul.top {float: left;width: auto;}
#hdr_r ul.top li {float: left;margin: 6px 7px 0 0;font-size: 11px;}
#hdr_r ul.top li a { line-height: 14px; background-position: left 2px; color: #103861; }
#hdr_r ul.below { float: right; }
#hdr_r ul.below li { float: right; margin-left: 3px; position: relative; }
#hdr_r ul.below li input { vertical-align: top; }
#hdr_r ul.below li input[type='text'] { background: url(/media_images/cmn/top/bg_header_search_top.png) no-repeat left top; color: #929292; border: 0; width: 132px; height: 28px; line-height: 28px; margin:0; padding: 0 4px; font-size: 12px; }
#hdr_r ul.below li input[type='image'] { border: 0; margin: 0; }
#hdr_r ul.below li div.header_tooltip { background: url(/media_images/cmn/arrow_header_search.png) no-repeat 94px top; padding-top: 10px; display: none; position: absolute; top: 28px; left: -36px; z-index: 101; }
#hdr_r ul.below li div.header_tooltip p { background-color: #FFFFFF; width: 220px; padding: 4px 0; text-align: center; font-size: 12px; line-height:14px; border: 2px solid #E50000; border-radius: 4px; }
#hdr_r_t { margin-bottom: 10px; }
#hdr_r_b p { float: left; }
#hdr_r_b ul.below { margin-top: 13px; }
#hdr_r_b ul.below li { margin-left: 7px; }


/* ↓ ナビ */
#gnavi {
	clear: both;
	width: 100%;
	margin-top: 12px;
	height: 44px;
}

#gnavi > ul {
	position: relative;
}
#gnavi > ul > li {
	/*position: relative;*/
	z-index: 100;
	float: left;
	display: inline-block;
	zoom:1;
}
#gnavi > ul > li > a {
	display: block;
	height: 38px;
	position: relative;
	z-index: 5;
	text-align: center;
	text-decoration: none;
	color: #333;
	font-weight: bold;
	font-size: 110%;
	line-height: 125%;
}

#gnavi span {
	padding-top: 10px;
	display: block;
}

#gnavi li#nav2,
#gnavi li#nav3{
	margin: 0 0 0 0;
}

#gnavi li span span{
	font-size: 80%;
	display: inline;
	margin-right: 3px;
}




#gnavi > ul > li.current > a,
#gnavi > ul > li.gn_select > a,
#gnavi > ul > li > a:hover {
	border-bottom: 6px solid #D70A30;
	/*color: #333;*/
}

/* ↓ ナビの左右ボーダー */
#gnavi > ul > li:first-child > a:before,
#gnavi > ul > li > a:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	background: url("/media_images/cmn/nav_bdr.gif") left top repeat-y;
	height: 38px;
	width: 2px;
}

#gnavi > ul > li > a:before {left: 0;}
#gnavi > ul > li > a:after {right: 0;}

#gnavi > ul > li > a > img {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -15px;
}

#gnavi > ul > li > a > img:hover {
	opacity: 1;
}

/* ↓ ナビの位置設定 */
#gnavi > ul > li#nav1 > a {width: 160px;}
#gnavi > ul > li#nav1 > a > img {margin-left: -31px;}
#gnavi > ul > li#nav2 > a {width: 160px;}
#gnavi > ul > li#nav2 > a > img {margin-left: -18px;}
#gnavi > ul > li#nav3 > a {width: 160px;}
#gnavi > ul > li#nav3 > a > img {margin-left: -18px;}
#gnavi > ul > li#nav4 > a {width: 160px;}
#gnavi > ul > li#nav4 > a > img {margin-left: -72px;}
#gnavi > ul > li#nav5 > a {width: 160px; font-size: 94%; line-height: 140%;}
#gnavi li#nav5 span {padding-top: 0!important;}

#gnavi > ul > li#nav5 > a > img {margin-left: -91px;}
#gnavi > ul > li#nav6 > a {width: 160px;}
#gnavi > ul > li#nav6 > a > img {margin-left: -91px;}

/* メガドロップ */
#gnavi > ul > li div.child {
	display: none;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	background: url("/media_images/cmn/spacer.gif") repeat left top;
	padding-top: 25px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 200;
}
#gnavi > ul > li#nav1 div.child {
	left: 7px;
	right: 0;
}

#gnavi > ul > li#nav1 div.child dt span {
	display: block;
	font-weight: normal;
	background: none!important;
	margin: 0 0 -7px -7px;!important;
	padding: 0!important;
	font-size: 80%;
}


#gnavi > ul > li#nav2 div.child {
	left:  145px !important;
	right: 0 !important;
}

#gnavi > ul > li#nav4 div.child {
	left:  288px !important;
	right: 0 !important;
}

#gnavi > ul > li div.child div.child_box {
	display: inline-block;
	background-color: #fff;
	width: auto;
	padding: 20px 20px 15px 20px;
	position: relative;
	box-sizing: border-box;
}
#gnavi > ul > li#nav2 div.child_box { left: 0px !important; }

#gnavi > ul > li#nav4 div.child_box { left: 0px !important; }

#gnavi > ul > li div.child_box .arrow { position: absolute; top: -15px; }
#gnavi > ul > li#nav1 div.child_box .arrow { left: 60px; }
#gnavi > ul > li#nav2 div.child_box .arrow { left: 88px; }
#gnavi > ul > li#nav4 div.child_box .arrow { right: 200px; }

#gnavi > ul > li div.child_box dl dt {
	color: #3e3e3e;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 6px;
}
#gnavi > ul > li div.child_box dl dt a,
#gnavi > ul > li div.child_box dl dt span {
	color: #103861;
	background: url("/media_images/cmn/ico/ico_square_off.png") left 1px no-repeat;
	padding-left: 24px;
}
#gnavi > ul > li div.child_box dl dt a:hover {
	color: #d7092f;
	background-image: url("/media_images/cmn/ico/ico_square_on.png");
}
#gnavi > ul > li div.child_box dl dt a img {
	vertical-align: middle;
}
#gnavi > ul > li div.child_box dl dd {
/*	float: left;*/
	margin: 0 20px 1px 2px;
	font-size: 12px;
}
#gnavi > ul > li div.child_box dl dd a {
	color: #103861;
	background: url(/media_images/cmn/ico/ico_triangle.png) left 6px no-repeat;
	padding-left: 9px;
	display: block;
}
#gnavi > ul > li div.child_box dl dd a:hover {
	color: #d7092f;
}

#gnavi dl {
}
#gnavi dl + dl {
	margin-top: 6px;
	padding-top: 4px;
/* 	border-top: 1px dotted #4e4655; */
}


.child_box .clumn01,
.child_box .clumn02,
.child_box .clumn03{
	float: left!important;
}
	.child_box .clumn01{
		width: 250px;
	}
	.child_box .clumn02{
		width: 290px;
	}

/*clear*/
.clear:after,
.child_box:after{
	display:block;content:"";clear:both;overflow:hidden;
}




/* メガドロップ用、背景暗転 */
#main_body { position: relative; }
#bg_plus {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	background-color: #000;
}

/* 左ナビ　メガメニュー */
#lnavi { position: relative; z-index: 10; }
#l_mg_menu > div {
display: none;
position: absolute;
left: 225px;
z-index: 50;
zoom:1;
background: url(/media_images/cmn/left_nav/lnv_dmenu_arrow_left.png) no-repeat left 12px;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
padding-left: 13px;
}

/*#l_mg_menu > div:before {
background: url(/media_images/cmn/left_nav/lnv_dmenu_arrow_left.png) no-repeat left top;
content: '';
display: block;
width: 15px;
height: 30px;
margin-top: 12px;
margin-left: -14px;
z-index: 60;
}*/

button.btn_close_gmenu {
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 60;
	background: url(/media_images/cmn/left_nav/btn_dmenu_close.png) no-repeat left top;
	width: 26px;
	height: 26px;
	border: 0;
	cursor: pointer;
}

#l_mg_menu > div > div.inner {
background-color: #fff;
border: 1px solid #103861;
border-radius: 5px;
font-size: 12px;
width: 677px;
padding: 20px;
box-shadow: 2px 3px 4px #999;
}

#l_mg_menu > div > div.inner dl dd ul li {
	float:left;
	width:33%;
 }

#lnv01_child { top: 48px; }

#lnv02_child { top: 90px; }

#lnv03_child { top: 129px; }

#lnv04_child { top: 167px; }

#lnavi #l_mg_menu .sub_ttl {
    font-size: 14px;
    font-weight: bold;
}
#head_wrap.fixed {
	position: fixed!important;
	top: 0!important;
	z-index: 9999!important;
}

/* グラディエントバー */
#head_wrap{
	position: relative;
	border:none!important;
}
	#head_wrap .gbar{
		position: absolute;
		bottom:0;
		left:0;
		width: 100%;
		background: #541d87; /* Old browsers */
		background: -moz-linear-gradient(left, #541d87 0%, #21abdf 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #541d87 0%,#21abdf 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #541d87 0%,#21abdf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#541d87', endColorstr='#21abdf',GradientType=1 ); /* IE6-9 */
		height: 6px;
	}

/* ↓ パンくず
================================== */
section#breadcrumbs {
	clear: both;
	width: 100%;
	background: url("/media_images/cmn/breadcrumbs_bg.png") repeat-x left top #DEDCE2;
/*	background: url("/media_images/cmn/breadcrumbs_bg.png") repeat-x left top;*/
	height: 30px;
	font-size: 11px;
	line-height: 30px;
	margin: 0 0 15px 0;
}

section#breadcrumbs li {
	display: inline-block;
	zoom: 1;
	margin-right: 6px;
}

section#breadcrumbs li:before {
	content: "＞";
	margin-right: 10px;
}

section#breadcrumbs li:first-child:before {
	content: "";
	margin-right: 0px;
}

section#breadcrumbs a {
	font-weight: bold;
}


/* ↓ 左カラム
================================== */
aside {
	width: 238px;
	/*box-sizing: border-box;*/
	float: left;
	background-color: #fff;
	border-left: 1px solid #E4E4E4;
	border-right: 1px solid #E4E4E4;
	margin-bottom: 30px;
}

aside section.side_block {
	background-color: #F0EEF1;
	border-top: 1px solid #E4E4E4;
	border-bottom: 1px solid #E4E4E4;
	margin-top: 15px;
}

aside section.side_block:first-child {
	margin-top: 0px;
}

aside section.side_block .aside_ttl {
	margin: 15px 0 12px 12px;
}

aside section.side_block .sb_inner {
	padding: 15px 0px 15px 10px;
	margin: 0px 3px 3px;
	/*background-color: #fff;*/
	border-radius: 4px;
	box-shadow: 2px 2px 2px #ccc;
	/* Firefox */
	background: -moz-linear-gradient(-25deg,  rgba(254,255,255,1) 80%, rgba(243,246,248,1) 100%);
	/* Chrom と Safari */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(80%,rgba(254,255,255,1)), color-stop(100%,rgba(243,246,248,1)));
	/* IE10以上 */
	background: -ms-linear-gradient(-25deg,  rgba(254,255,255,1) 80%,rgba(243,246,248,1) 100%);
	/* 共通 */
	background: linear-gradient(155deg,  rgba(254,255,255,1) 80%,rgba(243,246,248,1) 100%);
}

aside section.side_block ul.sb_list  li {
	margin-bottom: 20px;
}

aside section.side_block ul.sb_list  li:last-child {
	margin-bottom: 0px;
}

aside section.side_block ul.sb_list li a {
	background: url("/media_images/cmn/ico/ico_square_off.png") left top no-repeat;
	padding-left: 22px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
}

aside section.side_block ul.sb_list li a:hover {
	background: url("/media_images/cmn/ico/ico_square_on.png") no-repeat;
}

aside section.side_block .ico_set {
	font-size: 12px;
}

aside section.side_block .ctgry_ttl {
	margin-bottom: 15px;
}

aside section.side_block .ctgry_ttl a {
	display: block;
	font-size: 14px;
}

aside section.side_block .ctgry_sub_ttl {
	margin-bottom: 10px;
	padding-right: 10px;
	font-size: 13px;
	font-weight: bold;
}

aside section.side_block li {
	font-weight: normal;
	margin-bottom: 6px;
}

aside section.side_block li a {
	display: block;
	line-height: 160%;
}

aside section.side_block li input[type="checkbox"] {
	vertical-align: middle;
}

aside section.side_block li label {
	color: #0E3962;
	font-size: 12px;
	transition: 0.2s ease-in-out;
}

aside section.side_block li label:hover {
	color: #D70A30;
	text-decoration: underline;
	cursor: pointer;
}

aside section.side_block .input_price {
	width: 65px;
	margin: 0 5px;
}

aside section.side_block .input_keyword {
	width: 190px;
	margin: 0 5px;
	padding-left: 4px;
}

aside section.side_block .input_submit {
	display: block;
	cursor: pointer;
	font-size: 13px;
	font-weight: bold;
	text-shadow: 1px 1px #FFF;
	color: #0E3962;
	margin: 20px 0px 10px 4px;
	width: 200px;
	border: 1px solid #ccc;
	border-radius: 2px;
	padding: 10px 0;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #ccc 100%);
	background: -webkit-gradient(linear, 0 0%, 0 100%, from(rgba(255,255,255,0)), to(#ccc));
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, #ccc 100%);
	background: linear-gradient(top, rgba(255,255,255,0) 0%, #ccc 100%);
}

aside section.side_block .input_submit:hover {
	opacity: 0.7;
}

aside section.side_block p.see_all {
	text-align: right;
	display: block;
	font-size: 11px;
	margin-right: 10px;
}

aside section.side_block p.see_all {
	color: #0E3962;
	text-align: right;
}

aside section.side_block p.see_all span {
	color: #0E3962;
}

aside section.side_block p.see_all span:hover {
	color: #D70A30;
	cursor: pointer;
}

aside section.side_block ul.more_list {
	display: none;
}




#page_prev {
	height: 40px;
	padding-top: 15px;
	border-top: 1px solid #E4E4E4;
}

#page_prev {
	text-align: center;
}


/* ↓ 1カラム
================================== */
div#column1 {
	border: 1px solid #E4E4E4;
	box-sizing: border-box;
}

div#column1 .bg {
	border-bottom: 1px solid #E4E4E4;
	padding: 35px 40px 35px;
}

div#column1 .bg:last-child {
	border-bottom: 0;
}


div#column1 .ttl {
	background-position: left top;
	padding: 0 0 0 16px;
	margin: 0 0 15px;
}


/* ↓ 右カラム
================================== */
div#column2 {
	width: 718px;
	/*box-sizing: border-box;*/
	border: 1px solid #E4E4E4;
	float: left;
	margin-left: -1px;
}

div#column2 .bg {
	padding: 30px 0 0;
}

div#column2 .ttl {
	background-position: 15px top;
	padding: 0px 0 20px 31px;
	margin: 0 20px;
	border-bottom: 1px solid #E4E4E4;
}

div#column2 h1.ttl2 {
    background-position: 15px top;
    padding: 0px 0 15px 31px;  margin: 0 20px;
    border-bottom: none;
}
div.ttl2_lead {
    width: 650px;
    margin: 0 auto 0;
    border-bottom:1px solid #ccc;
    padding-bottom: 20px;
}

/* ↓ Footer
================================== */
footer {

	width: 100%;
	background-color: #0E3962;
	clear: both;
	font-size: 12px;
	/*margin-top: -1px;*/
}

footer address{
	text-align: center;
	background: #fff;
	color: #000;
	padding-top:20px!important;
}

footer address img{
	margin-bottom: 10px;
}

footer a {
	color: #fff;
}

	footer a:hover{
		text-decoration: none;
	}

footer#foot_bdr:before {
	content: "";
	display: block;
	background: url("/media_images/cmn/footer_bdr.jpg") repeat-x left top;
	height: 8px;
	width: 100%;
}

div#foot_wrap {
	color: #fff;
}

#foot_upper {
	/*margin-bottom:15px;*/
	display: table;
}

footer > #foot_wrap > #foot_upper > section {
	display: table-cell;
	border-left: 1px solid #1D3F67;
	box-sizing: border-box;
	padding-top: 20px;
}

footer section#foot_list1 {width: 190px;}
footer section#foot_list2 {width: 190px;}
footer section#foot_list3 {width: 436px;}
footer section#foot_list4 {width: 143px;}

footer section p.footer_ttl01 {
	margin-bottom: 6px;
	padding: 0 0 6px 6px;
	border-bottom: 2px solid #1D3F67;
	font-size: 120%;
	color:#f7e33e;
}

footer section p.link_btn{
	text-indent:-20px;
	margin-left: 25px;
	line-height: 130%;
}


	footer section p.link_btn a{
		background: url("/media_images/cmn/ico/ico_square_off_s.png") no-repeat left 2px;
		padding-left: 25px;
	}


footer section .foot_inner {
	padding: 6px;
}

footer section p.footer_ttl02 {
	margin-bottom: 6px;
	padding: 1px 0 0 5px;
	border-radius: 2px;
	font-size: 110%;
	background: #2E456C;
}

.smf80 {
	font-size: 80%!important;
}
.smf90 {
	font-size: 90%!important;
}


footer section p.footer_ttl02 a{
	background: url("/media_images/cmn/ico/ico_square_off_s.png") no-repeat left 2px #2E456C;
	padding: 0 0 0 25px;
	display: block;
}

footer section ul.ico_set {
	margin: 0px 0px 20px 5px;
	font-size: 12px;
	line-height: 1.45em;
}

footer section ul.ico_set li {
	margin-bottom: 2px;
}

footer section .fl3_left {
	float: left;
	width: 52%;
}

footer section .fl3_right {
	float: right;
	width: 46%;
}

footer section#foot_list4 {
	padding-top: 10px;
	border-right: 1px solid #1D3F67;
}

#foot_under {
	clear: both;
	width: 100%;
	background-color: #2e456c;
	padding: 6px 0;
	font-size: 11px;
}

#foot_under ul {
	text-align: center;
}

#foot_under li {
	display: inline-block;
	zoom: 1;
	margin: 0 12px;
}

footer address {
	text-align: center;
	font-style: normal;
	padding: 10px 0;
}

footer#foot_bdr p span {
	font-size: 80%;
	display: block;
	line-height: 170%;
}

footer section h1 {
	margin-bottom: 6px;
	padding-left: 6px;
	border-bottom: 2px solid #1D3F67;
}

footer section h2 {
	margin-bottom: 6px;
	background-color: #2E456C;
	height: 17px;
	padding: 1px;
	border-radius: 2px;
}

/* ↓ ページング
================================== */
#paging {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	padding: 30px 0;
	clear: both;
}


#paging li {
	display: inline-block;
	vertical-align: top;
	margin: 0 6px;
}

#paging a {
	color: #8F8F8F;
}

#paging a:hover {
	color: #D7092F;
}

#paging li.active {
	color: #D7092F;
}


/* ↓ ページトップ
================================== */
#pagetop {
    position: fixed;
    bottom: 10px;
    right: 30px;
}

#pagetop img {
	-ms-filter: "alpha(opacity=50)";
	opacity:0.5;
	-webkit-transition:  0.2s ease-in-out;
	-moz-transition:  0.2s ease-in-out;
	-o-transition:  0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

#pagetop img:hover {
	-ms-filter: "alpha(opacity=100)";
	opacity:1;
}


/* ↓ 検索エリア共通スタイル
================================== */
.search_box {
	background: url(/media_images/cmn/bg_search_box.png) repeat-x left top;
	height: 38px;
	padding: 5px;
	border-radius: 4px;
}
.search_box input[type='text'] {
	float: left;
	height: 38px;
	line-height: 38px;
	margin: 0;
	padding: 0 8px;
	border: 0;
	outline:none;
	color: #929292;
	font-size: 14px;
}
.search_box input[type='image'] {
	height: 38px;
	margin: 0;
	-webkit-transition:  0.2s ease-in-out;
	-moz-transition:  0.2s ease-in-out;
	-o-transition:  0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}


/* ↓ 下層ページの下部お問い合わせ共通スタイル
================================== */
#contact {
	width: 627px;
	margin: 28px auto 0px;
	padding: 17px 17px 80px;
	background: url(/media_images/cmn/bg_contact.png) no-repeat left top;
}

#contact #contact_inner {
	/* Firefox */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 80%, #F0F0F0 100%);
	/* Chrom と Safari */
	background: -webkit-gradient(linear, 0 80%, 0 100%, from(rgba(255,255,255,1)), to(#F0F0F0));
	/* IE10以上 */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 80%, #F0F0F0 100%);
	/* 共通 */
	background: linear-gradient(top, rgba(255,255,255,1) 80%, #F0F0F0 100%);
	border: 1px solid #CDCDCD;
	padding: 14px 0 8px;
	box-sizing: border-box;
}

#contact #contact_inner p.info_ttl01 {
	border-bottom: 1px solid #CDCDCD;
	margin: 0px 17px 8px;
	padding-bottom: 3px;
}

#contact #contact_inner p.info_ttl02 {
	border-right: 1px solid #CDCDCD;
	margin: 0px 0px 6px 17px;
	width: 380px;
	float: left;
}

#contact #contact_inner .ci_right {
	float: right;
	margin-right: 17px;
}

#contact #contact_inner p.info_ttl03 {
	margin: 0px 0px 4px 0px;
}

#contact #contact_inner .contact_under {
	clear: both;
	padding: 10px 0px 0px 17px;
	border-top: 1px solid #CDCDCD;
}

#contact #contact_inner h1 {
	border-bottom: 1px solid #CDCDCD;
	margin: 0px 17px 8px;
	padding-bottom: 3px;
}

#contact #contact_inner h2 {
	border-right: 1px solid #CDCDCD;
	margin: 0px 0px 6px 17px;
	width: 380px;
	float: left;
}

#contact #contact_inner h3 {
	margin: 0px 0px 4px 0px;
}


/*詳細表示 モーダルウィンドウ*/

.modal_contents .inline {
	width: 460px;
	overflow: hidden;
	/* padding: 0 20px; */
	margin: 20px auto 0;
}

.modal_contents .inline input{
	border:solid 1px #CCCCCC;
	border-radius:3px;
	behavior: url("/orx_js/cmn/PIE.htc");
	padding: 5px;
}
.modal_contents .inline input[type=image] {
	border: none;
	padding: 0;
}

.modal_contents .inline input#company,
.modal_contents .inline input#name,
.modal_contents .inline input#email{
	width: 95%;
	height:1.4em;
}

.modal_contents .inline select#area{/*地域選択モーダル*/
	width:200px;
	margin:0 auto 30px;
	padding:10px;
}

.modal_contents .inline span.line_red{
	text-decoration:underline;
	color:red;
}

.img_box {
	margin-bottom: 20px;
}
.img_box img {
	vertical-align: bottom;
}
.img_box .fL, .img_box .fR {
	width: 313px;
}

.sitemap_box {
	margin-bottom: 20px;
}

.sitemap_box .fL, .sitemap_box .fR {
	width: 428px;
}

.txt_line a{
	text-decoration: underline;
}

.txt_line a:hover{
	text-decoration: none;
}

#hdr_l h1 {
    font-weight: normal;
}
/* 「お問い合わせはこちら」ボタン
================================== */
a.btn_mintxt {
	display: block;
	width: 150px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	font-size: 12px;
	border: 1px solid #0e3962;
	border-radius: 3px;
	background-color: #536287;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	cursor: pointer;
}

a.btn_mintxt:hover {
	text-decoration: none;
	border: 1px solid #bb1d3f;
	background-color: #de524a;
	color: #fff;
}


/* dtddテーブル
================================== */
dl.tbl01 {
	border-top:1px solid #ccc;
	min-width: 310px;
}
dl.tbl01 dt {
	width: 120px;
	padding: 5px;
	clear:both;
	float:left;
	border-bottom:1px solid #ccc;
}
dl.tbl01 dd {
	width: 170px;
	padding: 5px;
	border-bottom:1px solid #ccc;
	float: left;
}
.pl16 {padding-left:16px;}

input::placeholder {
   color: #333;
}

/* IE */
input:-ms-input-placeholder {
   color: #333;
}

/* Edge */
input::-ms-input-placeholder {
   color: #333;
}




/* renewal 2022 base
================================== */
#header,
#content,
#footer{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	line-height: 1.6;
}
#header *,
#content *,
#footer *{
	box-sizing: border-box;
}
#header a,
#content a,
#footer a{
	text-decoration:none;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
	color: #333333;
}
#header img,
#content img,
#footer img{
	max-width: 100%;
}
#header .inner{
	margin: 0 auto;
	max-width: 1366px;
}
#content .inner,
#footer .inner{
	margin: 0 auto;
	max-width: 1280px;
}
@media only screen and (min-width:769px){
	#header .inner{
		padding: 0 40px;
	}
	#content .inner,
	#footer .inner{
		padding: 0 40px;
	}
}

/* renewal 2022 header
================================== */
#header {
	position: sticky;
	top: 0;
	display: flex;
	align-items: center;
	background-color: #ffffff;
	border-bottom: 8px solid;
	border-image: linear-gradient(to right, #D3003F 0%, #9B1956 50%, #263E8E 100%);
	border-image-slice: 1;
	padding: 0;
	z-index: 9999;
}
#header > .inner{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
@media only screen and (min-width: 1241px){
	#header {
		padding: 18px 0 8px;
	}
}
@media only screen and (min-width:769px){
	#header .header_logo{
		width: 315px;
	}
}

#header .header_bottom_btn{
	display: flex;
}
#header .header_bottom_btn a{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #B95500;
	border-radius: 3px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;	/* Bold */
}
#header .header_bottom_btn a:hover{
	background-color: rgba(185, 85, 0, .6);
}
#header .header_bottom_btn a > span{
	display: flex;
	align-items: center;
	background-repeat: no-repeat;
	padding-left: 35px;
	height: 40px;
}
#header .header_bottom_btn .cart a > span{
	background-image: url(/images/renewal_2022/cmn/icon_cart.svg);
}
#header .header_bottom_btn .mail a > span{
	background-image: url(/images/renewal_2022/cmn/icon_mail.svg);
}
@media only screen and (min-width: 1241px){
	#header .header_bottom_btn .mail a > span{
		-ms-background-position-y: 12px;
	}
}
@media only screen and (min-width: 1367px){
	#header .header_bottom_menu li{
		margin-right: 30px;
	}
	#header .header_bottom_btn{
		padding-right: 10px;
	}
}
@media only screen and (max-width: 1366px) and (min-width: 1241px){
	#header > .inner{
		padding-right: 15px;
	}
	#header .header_bottom_menu li{
		margin-right: 10px;
	}
}
@media only screen and (min-width: 1241px){
	#header .header_top{
		display: flex;
		justify-content: flex-end;
		align-items: center;
		margin-top: 3px;
		margin-bottom: 10px;
	}
	#header .header_top_menu{
		display: flex;
		font-size: 12px;
	}
	#header .header_top_menu li{
		margin-right: 20px;
	}
	#header .header_top_menu a{
		color: #808080;
	}
	#header .header_top_menu a:hover{
		color: #B5CDE2;
	}
	#header .header_top_search .searchBox{
		border: 1px solid #D5D5D5;
		border-radius: 12.5px;
		padding: 0 15px;
		width: 150px;
		height: 25px;
		font-size: 12px;
	}
	#header .header_top_search input{
		font-family: inherit;
		vertical-align: middle;
	}
	#header .header_top_search input[type=image]{
		transition: opacity .3s ease-in-out;
		margin-left: 3px;
		width: 48px;
	}
	#header .header_top_search input[type=image]:hover{
		opacity: .6;
	}
	#header .header_top_phone{
		margin-left: 30px;
		text-align: center;
	}
	#header .header_top_phone_free{
		width: 197px;
		line-height: 0;
	}
	#header .header_top_phone_ip{
		font-size: 12px;
		line-height: 1;
	}
	#header .header_top_open{
		border-left: 1px solid #D3D3D3;
		margin-left: 10px;
		padding-left: 10px;
		font-size: 12px;
	}
	#header .header_bottom{
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	#header .header_bottom_menu{
		display: flex;
		font-size: 15px;
		font-weight: 700;	/* Bold */
	}
	#header .header_bottom_menu li a{
		position: relative;
		display: block;
		height: 26px;
	}
	#header .header_bottom_menu li a::after{
		transition: .3s ease-in-out;
		content: "";
		position: absolute;
		width: 40%;
		height: 8px;
		left: 0;
		right: 0;
		margin: auto;
		background-color: #ffffff;
		display: block;
		top: 41px;
		opacity: 0;
	}
	#header.open .header_bottom_menu a.header_bottom_menu_dropdown,
	#header .header_bottom_menu li a:hover{
		color: #B5CDE2;
	}
	#header .header_bottom_menu li a:hover::after{
		opacity: .55;
	}
	#header .header_bottom_btn li{
		margin-left: 5px;
	}
	#header .header_bottom_btn a{
		width: 160px;
	}
	#header .header_bottom_btn a > span{
		background-position: 0 center;
		background-size: 26px auto;
	}
	#header .header_bottom_btn .spmenu{
		display: none;
	}
}

#header .header_dropdown{
	position: absolute;
	left: 0;
	right: 0;
	background-color: #ffffff;
	z-index: 1;
	pointer-events: none;
	opacity: 0;
	transition: opacity .3s ease-in-out;
	display: none;
}
#header.open .header_dropdown{
	pointer-events: all;
	opacity: 1;
	display: block;
}
#header .header_dropdown_head{
	font-weight: 700;	/* Bold */
	color: #003366;
}
@media only screen and (min-width:1241px){
#header .header_dropdown_head.ict:after {
        position: absolute;
        top: 11%;
        right: 56%;
        width: 1.6rem;
        height: 1.6rem;
        transform: translateY(-50%);
        content: "";
        background: url(/images/renewal_2022/cmn/icon_angle_right.svg) no-repeat right center;
        background-size: 8px auto;
        padding-right: 20px;
}
}
@media only screen and (max-width: 1240px) {
    #header .header_dropdown_head.ict {
        position: relative; 
    }
    #header .header_dropdown_head.ict:after {
        position: absolute;
        right: 3.8vw;
        top: 50%;
        transform: translateY(-50%); 
        display: block;
        width: 1.6rem;
        height: 1.6rem;
        content: "";
        background: url(/images/renewal_2022/cmn/icon_angle_right.svg) no-repeat center center;
        background-size: 11px auto;
        padding-right: 20px;
        pointer-events: none;
    }
}
#header .header_dropdown_head.ict a{
        color: #003366;
}
#header .header_dropdown_menu{
	font-size: 14px;
}
#header .header_dropdown_menu a{
	display: block;
}
#header .header_dropdown_menu a:hover{
	background-color: #D9E9F7;
}
#header .header_dropdown_title{
	font-weight: 700;	/* Bold */
}
@media only screen and (min-width: 1241px){
	#header .header_dropdown{
		top: 128px;
	}
	#header .header_dropdown .inner{
		position: relative;
	}
	#header .header_dropdown_close{
		position: absolute;
		right: 20px;
		top: 20px;
	}
	#header .header_dropdown_close a{
		background-color: #333333;
		display: flex;
		border-radius: 50%;
		padding: 12px;
		width: 40px;
		height: 40px;
	}
	#header .header_dropdown_close a:hover{
		transform: rotate(90deg);
	}
	#header .header_dropdown_row{
		display: flex;
		justify-content: center;
		padding: 40px 0;
	}
	#header .header_dropdown_col{
		margin: 0 20px;
		width: 28.8%;
	}
	#header .header_dropdown_head{
		border-bottom: 1px solid #003366;
		margin-bottom: 15px;
		padding-bottom: 5px;
		font-size: 20px;
	}
	#header .header_dropdown_menu > ul{
		display: block !important;
	}
	#header .header_dropdown_menu > ul > li a{
		padding: 0 30px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	#header .header_dropdown_menu > ul > ul > li a{
		padding: 0 30px 0 50px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	#header .header_dropdown_menu > ul > li a.text_wrap{
		white-space: unset;
	}
	#header .header_dropdown_menu > ul > li > ul a{
		padding-left: 50px;
	}
	#header .header_dropdown_title{
		margin-top: 3px;
	}
	#header .header_dropdown_title a{
		padding: 0 10px;
	}
}


/* renewal 2022 footer
================================== */
#footer {
	background-color: transparent;
}
#footer address{
	font-size: 12px;
	font-style: normal;
	text-align: center;
}
#footer address img{
	margin: 0;
}

#footer .foot_banner ul{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#footer .foot_banner ul li{
	margin: 10px;
	width: 282px;
	line-height: 0;
}

#footer .foot_bottom a:hover{
	text-decoration: underline;
}
#footer .foot_bottom ul{
	font-size: 14px;
}

@media only screen and (min-width: 1241px){
	#footer .foot_banner{
		margin: 50px 0;
	}

	#footer .foot_menu{
		border-top: 1px solid #D5D5D5;
		padding-top: 20px;
	}
	#footer .foot_menu a:hover{
		text-decoration: underline;
	}
	#footer .foot_menu_row{
		display: flex;
		justify-content: space-between;
	}
	#footer .foot_menu_col{
		width: 24%;
	}
	#footer .foot_menu_box{
		margin-top: 40px;
		font-weight: 700;	/* Bold */
	}
	#footer .foot_menu_box ul{
		margin-top: 10px;
		font-size: 12px;
	}
	#footer .foot_menu_box ul li + li{
		margin-top: 5px;
	}
	#footer .foot_menu_box .note{
		display: block;
		font-weight: 400;
	}
	#footer .foot_menu_head{
		font-size: 14px;
		color: #003366;
	}
	#footer .foot_menu_head a{
		background: url(/images/renewal_2022/cmn/icon_angle_right.svg) no-repeat right center;
		background-size: 8px auto;
		padding-right: 20px;
		color: #003366;
	}
}
@media only screen and (min-width: 769px){
	#footer {
		margin-top: 70px;
	}
	#footer address{
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		margin: 0 0 20px;
	}

	#footer .foot_bottom{
		margin-top: 70px;
	}
	#footer .foot_bottom ul{
		display: flex;
		flex-wrap: wrap;
	}
	#footer .foot_bottom ul li{
		margin: 10px 20px 0 0;
	}
}