@charset "utf-8";

.e3_wrap p, .e3_wrap ul, .e3_wrap ol, .e3_wrap dl, .e3_wrap table{
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 1.5em;
}

.e3_wrap li{
	margin-bottom: 1.0em;
}

.e3_container{
	width:980px;
	margin:0 auto;
}

#top_title_1{
	height:60px;
	background:transparent url(/e3/img/201704/txt_title_1.png) center -5px no-repeat;
}

#top_title_2{
	height:50px;
	background:transparent url(/e3/img/201704/txt_title_2.png) center -5px no-repeat;
}

#top_title_3{
	height:55px;
	background:transparent url(/e3/img/201704/txt_title_3.png) center -5px no-repeat;
}

.tn_list{
	margin:2.0em 0 0em 0;
}

.tn_list:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.tn_list_l{
	float:left;
	width:320px;
}

.tn_list_r{
	float:right;
	width:660px;
}

.tn_list .item img{
	display:inline-block;
	margin-bottom:15px;
}

.tn_list .item .title{
	font-size: 16px;
	margin-bottom: 0.5em;
}

.tn_list ul{
	margin-bottom: 0;
}

.tn_list li{
	margin-bottom:0.1em;
}

.tn_list li a{
	font-size:12px;
}

.tn_list_l .item{
	margin-bottom:40px;
}

.tn_list_r .item{
	float:left;
	width:190px;
	margin:0 0 10px 30px;
}

.tn_list_r .item .title{
	font-size: 14px;
}

.tn_list_r ul{
	min-height:120px;
}

.case_recent{
	margin:0 0 4em 0px;
	padding:60px 110px 50px 110px;
	background:#fff url(/e3/img/201704/bgi_case_recent.png) 0 0 no-repeat;
	background-size: cover;
}

.case_recent h2{
	margin-bottom:50px;
}

.case_recent ul:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.case_recent .item{
	width: 223px;
	float: left;
	margin-right:29px;
}

.case_recent .item .title{
	margin-bottom: 5px;
}

.case_recent .item .title img{
	margin-bottom: 10px;
}
.case_recent li:last-child{
	margin-right:0px;
}


.lnav_h{
	background-color:#71a6ae;
	width:980px;
	margin-bottom: 0 !important;
	padding:0 110px;
}

.lnav_h:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.lnav_h li{
	float: left;
	margin: 0;
}

.lnav_h li a{
	display: block;
	float: left;
	width: 100%;
	height: 50px;
	line-height: 50px;
	border-right: 1px solid #b0d5da;
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
}

.lnav_h li a:hover{
	opacity:1 !important;
	transition-property: background-color, color;
	background-color:rgba(255,255,255,0.9);
	color: #71a6ae;
}

.lnav_h li:first-child a{
	border-left:1px solid #b0d5da;
}

.lnav_h .link_1 { width:5%; }
.lnav_h .link_2 { width:18%; }
.lnav_h .link_3 { width:25%; }
.lnav_h .link_4 { width:7%; }
.lnav_h .link_5 { width:18%; }
.lnav_h .link_6 { width:17%; }
.lnav_h .link_7 { width:10%; }

.slick-dots {
	position: absolute;
	bottom:0px;
	display: block;
	width: 100%;
	height:50px;
	margin-bottom:0 !important;
	padding: 0;
	list-style: none;
	text-align: center;
	background-color:rgba(58,144,154,0.8);
}

.slick-dots li {
	position: relative;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 10px;
	cursor: pointer;
}

.slick-dots li button{
	width: 16px;
	height: 16px;
	background-color: #fff;
	margin-top: 17px;
	border: none;
	border-radius: 50%;
	color: #FFF;
	font-size: 5px;
	cursor: pointer;
	transition-duration: 0.2s;
	transition-property:opacity;
}

.slick-dots li button:hover{
	opacity: 0.7;
}

.slick-active button{
	cursor:default !important;
	color: #5cc6d6 !important;
	background-color: #5cc6d6 !important;
}

.slick-active button:hover{
	opacity:1 !important;
}


.e3_top_intro{
	margin-bottom: 40px;
	padding:45px 0 30px 0;
	color: #130d0e;
	text-align: center;
	background:url(/e3/img/201704/bgi_intro.png) 0 0 no-repeat;
	background-size: cover;
}

.e3_wrap .topics{
	font-size:16px;
}

.topics dt, .topics dd{
	margin-bottom:1.5em;
	padding-bottom:1.0em;
	line-height:1.4;
	border-bottom:1px dotted #CCC;
}

.topics dt{
	clear:both;
	float:left;
	width:11em;
}

.topics dd{
	margin-left:11em;
}

.detail_category > ul > li {
	width: 24.5%;
	height: auto;
	font-size: 15px;
	line-height: 34px;
	display: inline-block;
	vertical-align: top;
	margin-top: 20px;
	margin-bottom: 50px;
	padding: 0;
}

.detail_category > ul > li > a {
	width: 80% !important;
	display: inline-block;
}

.detail_category h4 {
	margin-top: 15px;
	text-align: left;
	width: 80%;
	line-height: 1.6;
}

.detail_category > ul > li > hr {
	width: 80%;
	display: inline-block;
}

.detail_category img {
	width: 100%;
	border: solid 1px #C8C8C8;
}

.contents_l, .contents_r{
	padding-top:30px;
}

.contents_l{
	float: left;
	width: 200px;
}

.contents_l_in{
	padding:0 10px 0 0;
}

.contents_l_in p, .contents_l_in li{
	margin-bottom: 0;
}

.contents_r{
	float:right;
	width:780px;
}

.contents_r_in{
	padding:0 10px;
}

.contents_r_in_2{
	padding:0 20px;
}

.tab_nav li{
	float: left;
	height: 50px;
	margin-bottom: 0;
	line-height: 50px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}

.tab_nav li a{
	display: block;
	color: #FFF;
}

.tab_nav .c-ict{ width: 209px; background-color: #16a0ef; }
.tab_nav .s-ict{ width: 220px; background-color: #f6a900; }
.tab_nav .catalogue{ width: 104px; background-color: #70e094; }
.tab_nav .case{ width: 119px; background-color: #70e094; }
.tab_nav .contact{ width: 128px; background-color: #70e094; }

.tab_nav .s-ict a, .tab_nav .catalogue a, .tab_nav .case a, .tab_nav .contact a{ border-right: solid 1px #FFF; }

.e3_page_title{
	clear: both;
	font-size: 22px;
	font-weight: bold;
	padding:25px 20px 35px 20px ;
	background-color: #666;
	color: #FFF;
	border-bottom: 1px solid #FFF !important;
}

h3.news {
	background-color:#ececec!important;
	color:#333!important;
}

.page_c-ict .e3_page_title{ background-color: #16a0ef; }
.page_s-ict .e3_page_title{ background-color: #f6a900; }

ul.Cmenu {margin:16px 0!importantimportant;}
.Cmenu li {float: left; margin-right: 4px;}
.Cmenu li a {
	background:#eee url(../img/arrow_down.png)no-repeat;
	background-position: 8px 14px;
	padding:8px 8px 8px 22px;
	margin: 16px 0; 
	font-size: 87%;
}

ul.Cmenu-sub {margin:16px 0 0!important;}
.Cmenu-sub li {float: left; margin-right: 4px;}
.Cmenu-sub li a {
	background:#eee url(../img/arrow_down.png)no-repeat;
	background-position: 8px 14px;
	padding:8px 16px 8px 22px;
	margin: 8px 0 0!important; 
	font-size: 87%;
}

.check_point{
	float: left;
	width:225px;
	background:#ececec url(../img/ico_checked_blue.png) center 17px no-repeat;
	border-radius: 5px;
	margin-bottom: 1.5em;
	padding:72px 15px 20px 15px ;
}

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

.check_point .title{
	margin-bottom: 20px;
	color: #258fd6;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
}

.check_point p:last-child{
	margin-bottom:0px;
}

.page_s-ict .check_point{ background-image:url(../img/ico_checked_orange.png); }
.page_s-ict .check_point .title{ color: #f6a900; }


.check_point_2{
	background-color:#ececec;
	border-radius: 5px;
	margin-bottom:10px;
	padding:15px 15px;
}

.check_point_2 .title{
	display:table-cell;
	height:60px;
	padding:0 0 0 55px;
	vertical-align:middle;
	background:transparent url(../img/ico_checked_blue.png) left center no-repeat;
	color:#258fd6;
	font-size:20px;
	font-weight:bold;
	line-height:1.3;
}

.check_point_2 .title2{
	display:table-cell;
	height:60px;
	padding:0 0 0 55px;
	vertical-align:middle;
	background:transparent url(../img/ico_checked_orange.png) left center no-repeat;
	color:#f6a900;
	font-size:20px;
	font-weight:bold;
	line-height:1.3;
}

.check_point_2 .body{
	padding-top:5px;
}
.check_point_2 .body p{
	line-height:1.4;
}

.check_point_2 .body p:last-child{
	margin-bottom:0;
}


.e3_wrap .lnav_l1{
	margin-bottom:20px;
}

.lnav_l1{
	margin-top: 5px;
}
.lnav_l1 ul{
	margin-bottom:0px;
}

.lnav_l1 a{
	display:block;
	padding:12px 10px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4;
	color: #FFF;
	border-bottom: solid 1px #FFF;
	background-color: #CCC;
}

.lnav_l2 a{
	color: #299ad1;
	background-color: #ECECEC;
	padding:8px 10px 8px 15px;
	font-weight: normal;
}

li.here a {
	font-weight:bold;
	background-color:#aaa;
	color:#fff!important;
}


.lnav_l1 .item_green a{
	color: #FFF;
	background-color: #17d361;
}

.e3_wrap .title_1{
	border-top: solid 2px #105e8b;
	margin:40px 0 1em 0;
	padding:10px 15px;
	font-size: 18px;
	font-weight: bold;
	color:#3575a7;
	background-color: #ecf2f6;
}

.page_c-ict .title_1{
	border-top: solid 2px #105e8b;
	color:#3575a7;
	background-color: #ecf2f6;
}

.page_s-ict .title_1{
	border-top: solid 2px #f6a900;
	color:#f6a900;
	background-color: #f6f5ec;
}

.e3_wrap .title_2{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
	color: #FFF;
	margin:0 0 1em 0;
	padding:10px 15px;
	background-color:#666;
}

.page_c-ict .title_2{ background-color:#105e8b; }
.page_s-ict .title_2{ background-color:#e18f0e; }

.e3_wrap .title_3{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
	color:#105e8b;
}

.e3_wrap .title_4{
	font-size:20px;
	font-weight: bold;
	line-height: 1.4;
	color:#666;
}

.page_c-ict .title_4{ color:#48b2f9; }
.page_s-ict .title_4{ color:#f6a900; }

.e3_wrap .title_5{
	padding-left:20px;
	font-size:18px;
	font-weight:bold;
	line-height: 1.4;
	background:transparent url(../img/ico_square_black.png) left center no-repeat;
	margin-bottom:10px;
}

.e3_wrap .title_6{
	font-size:36px;
	color:#666;
	line-height:1.4;
	margin-bottom: 15px;
}

.page_c-ict .title_6{ color:#48b2f9; }
.page_s-ict .title_6{ color:#f6a900; }

.e3_wrap .title_7{
	font-size:18px;
	color:#1a1a1a;
	line-height:1.4;
	padding:8px 0 6px 22px;
	margin-bottom: 0px;
	border-bottom:4px solid #eee;
}


.bdb_gray{
	border-bottom: solid 1px #d1d3d3;
	margin-bottom:20px;
	padding-bottom:20px;
}

.bd_radius_gray{
	border: solid 1px #d1d3d3;
	margin-bottom:20px;
	padding:30px 20px;
	border-radius: 5px;
}

.ico_new{
	background-color:#F92221;
	padding:1px 0;
	color:#fff;
	font-size: 12px;
	font-weight:bold;
	width:6%;
	margin-left:10px;
	text-align:center;
}

.e3_wrap .txt_notice{
	font-size: 11px;
	line-height:1.3;
	color:#6c6c6d;
}

.e3_wrap .caption{
	font-size: 12px;
	line-height:1.3;
	color:#105e8b;
	margin-bottom: 0;
}

.btn_black{
	width: 582px;
	margin:0 auto;
	text-align: center;
	background-color: #2e2d2d;
}

.btn_black a{
	display: block;
	padding:15px 0;
	font-size: 18px;
	color: #FFF;
	line-height:1.2;
	text-decoration:none;
}

.btn_black img{
	vertical-align:middle;
}

.e3_contact{
	text-align:center;
	background:transparent url(/e3/com/img/bgi_to_contact.png) 0 0 no-repeat;
	margin-top:80px;
	padding:67px 0 70px 0;
}

.e3_contact p{
	margin-bottom: 0;
}

/*** 汎用クラス ここから ***/
.e3_wrap .fz_10{ font-size:10px; }
.e3_wrap .fz_11{ font-size:11px; }
.e3_wrap .fz_12{ font-size:12px; }
.e3_wrap .fz_13{ font-size:13px; }
.e3_wrap .fz_14{ font-size:14px; }
.e3_wrap .fz_15{ font-size:15px; }
.e3_wrap .fz_16{ font-size:16px; }
.e3_wrap .fz_17{ font-size:17px; }
.e3_wrap .fz_18{ font-size:18px; }
.e3_wrap .fz_19{ font-size:19px; }
.e3_wrap .fz_20{ font-size:20px; }
.e3_wrap .fz_21{ font-size:21px; }
.e3_wrap .fz_22{ font-size:22px; }
.e3_wrap .fz_23{ font-size:23px; }
.e3_wrap .fz_24{ font-size:24px; }
.e3_wrap .fz_32{ font-size:32px; }
.e3_wrap .fz_33{ font-size:33px; }
.e3_wrap .fz_34{ font-size:34px; }
.e3_wrap .fz_35{ font-size:35px; }
.e3_wrap .fz_36{ font-size:36px; }

.fw_b{
	font-weight:bold;
}
.c_white{ color:#FFF; }
.c_indigo{ color:#105e8b; }
.c_skyblue{ color:#48b2f9; }

.e3_wrap .lh_12{ line-height:1.2; }
.e3_wrap .lh_14{ line-height:1.4; }

.lts_1{ letter-spacing:1px; }

.bg_gray{
	background-color: #f1efef;
}

.bg_white{
	background-color: #FFF;
}

.bg_transparent{
	background-color:transparent;
}

.ta_r{
	text-align:right !important;
}

.ta_c{
	text-align:center !important;
}

.fl_l{
	float:left;
}

.fl_r{
	float:right;
}

.cl_b{
	clear:both;
}

.cl_fix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.link_img:hover{
	opacity:0.7;
}

.dl_notice{
	line-height:1.4;
	font-size:12px;
	color:#666666;
}

.dl_notice:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.dl_notice dt{
	clear:both;
	float:left;
	width:2.0em;
	margin:0px 0px 0.5em 0px;
}

.dl_notice dd{
	margin:0px 0px 0.5em 2.1em;
}

.link_list .item{
	float: left;
	width: 257px;
	min-height:350px;
}

.link_list .item.center{
	margin-left: 5px;
	margin-right: 4px;
}

.link_list .title{
	font-size: 15px;
	font-weight: bold;
	color:#48b2f9;
	margin-bottom:5px;
}

.link_list .title img{
	margin-bottom:10px;
}

.link_list ul{
	color:#777;
	font-size: 12px;
}

.link_list li{
	margin-bottom:0px;
}

.list_dot li{
	margin-left:1em;
	text-indent: -1em;
}

.list_dot li:before{
	content:'・';
}

.list_disc{
	margin-left: 1.5em;
}

.list_disc li{
	list-style: disc;
}

.box_shadow{box-shadow: 0px 4px 6px rgba(0,0,0,0.3);}

.mih_150{ min-height:150px; }
.mih_170{ min-height:170px; }
.mih_190{ min-height:190px; }
.mih_200{ min-height:200px; }
.mih_220{ min-height:220px; }
.mih_250{ min-height:250px; }
.mih_270{ min-height:270px; }
.mih_300{ min-height:300px; }
.mih_320{ min-height:320px; }

.w_20p{ width:20%; }
.w_25p{ width:25%; }
.w_30p{ width:30%; }
.w_33p{ width:33%; }
.w_34p{ width:34%; }
.w_35p{ width:35%; }
.w_40p{ width:40%; }
.w_45p{ width:45%; }
.w_50p{ width:50%; }
.w_55p{ width:55%; }
.w_60p{ width:60%; }
.w_65p{ width:65%; }
.w_70p{ width:70%; }
.w_75p{ width:75%; }
.w_80p{ width:80%; }
.w_85p{ width:85%; }

.no_background{
	background:none;
}

.no_border{
	border:none;
}

.e3_wrap .m0{ margin:0px; }

.e3_wrap .mt_0{ margin-top:0px; }
.e3_wrap .mt_5{ margin-top:5px; }
.e3_wrap .mt_10{ margin-top:10px; }
.e3_wrap .mt_15{ margin-top:15px; }
.e3_wrap .mt_20{ margin-top:20px; }
.e3_wrap .mt_25{ margin-top:25px; }
.e3_wrap .mt_30{ margin-top:30px; }
.e3_wrap .mt_35{ margin-top:35px; }
.e3_wrap .mt_40{ margin-top:40px; }
.e3_wrap .mt_50{ margin-top:50px; }
.e3_wrap .mt_80{ margin-top:80px; }

.e3_wrap .mr_0{ margin-right:0px; }
.e3_wrap .mr_5{ margin-right:5px; }
.e3_wrap .mr_7{ margin-right:7px; }
.e3_wrap .mr_8{ margin-right:8px; }
.e3_wrap .mr_10{ margin-right:10px; }
.e3_wrap .mr_15{ margin-right:15px; }
.e3_wrap .mr_20{ margin-right:20px; }
.e3_wrap .mr_25{ margin-right:25px; }
.e3_wrap .mr_30{ margin-right:30px; }
.e3_wrap .mr_35{ margin-right:35px; }
.e3_wrap .mr_40{ margin-right:40px; }
.e3_wrap .mr_50{ margin-right:50px; }

.e3_wrap .mb_0{ margin-bottom:0px; }
.e3_wrap .mb_5{ margin-bottom:5px; }
.e3_wrap .mb_10{ margin-bottom:10px; }
.e3_wrap .mb_15{ margin-bottom:15px; }
.e3_wrap .mb_20{ margin-bottom:20px; }
.e3_wrap .mb_25{ margin-bottom:25px; }
.e3_wrap .mb_30{ margin-bottom:30px; }
.e3_wrap .mb_35{ margin-bottom:35px; }
.e3_wrap .mb_40{ margin-bottom:40px; }
.e3_wrap .mb_50{ margin-bottom:50px; }
.e3_wrap .mb_70{ margin-bottom:70px; }
.e3_wrap .mb_80{ margin-bottom:80px; }
.e3_wrap .mb_90{ margin-bottom:90px; }
.e3_wrap .mb_130{ margin-bottom:130px; }

.e3_wrap .ml_0{ margin-left:0px; }
.e3_wrap .ml_5{ margin-left:5px; }
.e3_wrap .ml_10{ margin-left:10px; }
.e3_wrap .ml_15{ margin-left:15px; }
.e3_wrap .ml_20{ margin-left:20px; }
.e3_wrap .ml_25{ margin-left:25px; }
.e3_wrap .ml_30{ margin-left:30px; }
.e3_wrap .ml_35{ margin-left:35px; }
.e3_wrap .ml_40{ margin-left:40px; }
.e3_wrap .ml_50{ margin-left:50px; }
.e3_wrap .ml_80{ margin-left:80px; }
.e3_wrap .ml_100{ margin-left:100px; }
.e3_wrap .ml_130{ margin-left:130px; }


.e3_wrap .p0{ padding:0px; }

.e3_wrap .pt_0{ padding-top:0px; }
.e3_wrap .pt_5{ padding-top:5px; }
.e3_wrap .pt_10{ padding-top:10px; }
.e3_wrap .pt_15{ padding-top:15px; }
.e3_wrap .pt_20{ padding-top:20px; }
.e3_wrap .pt_25{ padding-top:25px; }
.e3_wrap .pt_30{ padding-top:30px; }
.e3_wrap .pt_35{ padding-top:35px; }
.e3_wrap .pt_40{ padding-top:40px; }
.e3_wrap .pt_50{ padding-top:50px; }
.e3_wrap .pt_80{ padding-top:80px; }
.e3_wrap .pt_250{ padding-top:250px; }

.e3_wrap .pr_0{ padding-right:0px; }
.e3_wrap .pr_5{ padding-right:5px; }
.e3_wrap .pr_10{ padding-right:10px; }
.e3_wrap .pr_15{ padding-right:15px; }
.e3_wrap .pr_20{ padding-right:20px; }
.e3_wrap .pr_25{ padding-right:25px; }
.e3_wrap .pr_30{ padding-right:30px; }
.e3_wrap .pr_35{ padding-right:35px; }
.e3_wrap .pr_40{ padding-right:40px; }
.e3_wrap .pr_50{ padding-right:50px; }

.e3_wrap .pb_0{ padding-bottom:0px; }
.e3_wrap .pb_5{ padding-bottom:5px; }
.e3_wrap .pb_10{ padding-bottom:10px; }
.e3_wrap .pb_15{ padding-bottom:15px; }
.e3_wrap .pb_20{ padding-bottom:20px; }
.e3_wrap .pb_25{ padding-bottom:25px; }
.e3_wrap .pb_30{ padding-bottom:30px; }
.e3_wrap .pb_35{ padding-bottom:35px; }
.e3_wrap .pb_40{ padding-bottom:40px; }
.e3_wrap .pb_50{ padding-bottom:50px; }
.e3_wrap .pb_60{ padding-bottom:60px; }
.e3_wrap .pb_70{ padding-bottom:70px; }
.e3_wrap .pb_80{ padding-bottom:80px; }
.e3_wrap .pb_100{ padding-bottom:100px; }

.e3_wrap .pl_0{ padding-left:0px; }
.e3_wrap .pl_5{ padding-left:5px; }
.e3_wrap .pl_10{ padding-left:10px; }
.e3_wrap .pl_15{ padding-left:15px; }
.e3_wrap .pl_20{ padding-left:20px; }
.e3_wrap .pl_25{ padding-left:25px; }
.e3_wrap .pl_30{ padding-left:30px; }
.e3_wrap .pl_35{ padding-left:35px; }
.e3_wrap .pl_40{ padding-left:40px; }
.e3_wrap .pl_50{ padding-left:50px; }
.e3_wrap .pl_55{ padding-left:55px; }
.e3_wrap .pl_85{ padding-left:85px; }

/*** 汎用クラス ここまで ***/


/*** 2017 08 追記 ***/

ul.normal {
	margin-left: 8px!important;
}
ul.normal li {
	list-style-type: disc!important;
	margin-left: 40px!important;
	margin-bottom: 8px!important;
	
}

ol.normal li {
	list-style-type: decimal!important;
	margin-left: 8px!important;
}

table.specs{
border-top: 1px solid #333;
	border-left: 1px solid #333;
}

table.specs th,
table.specs td {
	padding: 8px;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	text-align: left;
}

table.specs th.th0 {
	background-color: #759ab1;
	color: #fff;
}

table.specs th.th1{
	background-color: #c8ddec;
}

table.specs th.th2{
	background-color: #e7edf3;
}

.h3new {
	background-color: red;
	color: #fff;
	padding: 4px 8px;
	font-size: 14px!important;
	font-weight: bold;
}