@charset "UTF-8";

/*-----------------------------------

	mainvisual

-----------------------------------*/

.mainvisual {
	margin: 0 0 15px;
	overflow: hidden;
	min-width: 950px;
}

.bx-viewport {
	overflow: visible !important;
}


/*-----------------------------------

	panel_menu

-----------------------------------*/

.panel_menu_wrap {
	background: #F7F7F7;
	border-top: 2px solid #B3BAC0;
	border-bottom: 1px solid #ddd;
}

.panel_menu_wrap .inner {
	border-top: 2px solid #616D77;
	padding: 25px 0 35px;
	margin: -2px auto 0;
}

.panel_menu {
	width: 426px;
	padding: 0 16px;
	float: left;
	border-left: 1px solid #ddd;
	text-align: center;
}

.panel_menu:first-child {
	border: none;
}

.panel_menu li {
	float: left;
}



/*-----------------------------------

	information

-----------------------------------*/

.news_tab {
	float: right;
}

.news_tab li:first-child {
	border-radius: 4px 0 0 4px;
	-pie-border-radius: 4px 0 0 4px;
}

.news_tab li:first-child a:hover {
	border-radius: 4px 0 0 4px;
	-pie-border-radius: 4px 0 0 4px;
}

.news_tab li {
	width: 90px;
	line-height: 30px;
	background: #e6e6e6;
	box-sizing: border-box;
	border-right: 1px solid #fff;
	text-align: center;
	font-size: 11px;
	float: left;
}

.news_tab a {
	text-decoration: none;
	display: block;
}

.news_tab a:hover,
.news_tab .current {
	background: #a5acb2;
	color: #fff;
	
}

.news_tab .last,
.news_tab .last a:hover {
	border-radius: 0 4px 4px 0;
	-pie-border-radius: 0 4px 4px 0;
}

.information {
	padding: 0 0 35px;
}

.base_title {
	margin: 35px 0 35px -15px;
	font-size: 20px;
}

.info_title {
	display: inline-block;
	line-height: 31px;
}

.info_contents dt {
	width: 180px;
	float: left;
}

.info_contents .tag_base {
	float: right;
	display: inline-block;
	margin: 2px 0;
}

.info_contents dd {
	padding: 0 0 15px 200px;
	margin: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.information_press {
	background: #FFF;
	border-top: 1px solid #ddd;
}



/*-----------------------------------

	products_intro

-----------------------------------*/

.products_intro .inner {
	width: 950px;
}

.case_list {
	width: 975px;
	overflow: hidden;
	margin: 20px auto 50px;
}

.case_list li {
	width: 300px;
	border: 1px solid #eee;
	border-radius: 4px;
	-pie-border-radius: 4px;
	font-size: 12px;
	float: left;
	box-sizing: border-box;
	overflow: hidden;
	padding: 10px;
	margin: 0 25px 0 0;
}

.case_list .company_logo {
	display: table-cell;
	vertical-align: middle;
	height: 100px;
	width: 278px;
	text-align: center;
	border-bottom: 1px solid #eee;
}

.case_list .case_title {
	color: #D90049;
	font-size: 1.4rem;
	display: block;
	font-weight: bold;
	margin: 10px 0;
}

.case_menu_area {
	background: #f7f7f7;
	padding: 20px 0;
	margin: 60px auto;
}

.case_menu_wrap {
	width: 780px;
	margin: 0 auto;
}

.case_menu {
	overflow: hidden;
	text-align: center;
	width: auto;
}

.case_menu li {
	margin: 0 60px;
	display: inline-block;
}