@charset "utf-8";
/* ===================================================================
	common.css
=================================================================== */

/*----------------------------------------------------
	共通
----------------------------------------------------*/


body,
td,
th,
input,
textarea {
	color: #435262;
	font-size: 12px;
	line-height: 1.5;
}

html.mac body,
html.mac td,
html.mac th,
html.mac input,
html.mac textarea {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, Tahoma, Verdana, Arial, sans-serif;
}

html.win body,
html.win td,
html.win th,
html.win input,
html.win textarea {
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', Osaka, Tahoma, Verdana, Arial, sans-serif;
}

a,
a:link,
a:visited,
a:active,
a:hover {
	color: #435262;
	text-decoration: none;
/*
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	opacity: .80;
*/
}

a:hover {
	text-decoration: none;
}
a:hover,
a:hover img,
.img_hover:hover {
/*
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	opacity: .80;
*/
}

img {
	vertical-align: bottom;
}
.img_ck {
	font-size: 1px;
	line-height: 0;
}

/* clearfix (micro) */
.clearfix:before,
.clearfix:after {
	content: ' ';
	display: table;
}
.clearfix:after {
	clear: both;
}
/* For IE 6/7 only */
.clearfix {
	*zoom: 1;
}
/*---------------------------------------------------------------------------*/

/* margin */
.mar_t0 {
	margin-top: 0 !important;
}
.mar_t5 {
	margin-top: 5px !important;
}
.mar_t10 {
	margin-top: 10px !important;
}
.mar_t15 {
	margin-top: 15px !important;
}
.mar_t20 {
	margin-top: 20px !important;
}
.mar_t25 {
	margin-top: 25px !important;
}
.mar_t30 {
	margin-top: 30px !important;
}
.mar_t35 {
	margin-top: 35px !important;
}
.mar_t40 {
	margin-top: 40px !important;
}
.mar_t45 {
	margin-top: 45px !important;
}
.mar_t50 {
	margin-top: 50px !important;
}

.mar_b0 {
	margin-bottom: 0 !important;
}
.mar_b5 {
	margin-bottom: 5px !important;
}
.mar_b10 {
	margin-bottom: 10px !important;
}
.mar_b15 {
	margin-bottom: 15px !important;
}
.mar_b20 {
	margin-bottom: 20px !important;
}
.mar_b25 {
	margin-bottom: 25px !important;
}
.mar_b30 {
	margin-bottom: 30px !important;
}
.mar_b35 {
	margin-bottom: 35px !important;
}
.mar_b40 {
	margin-bottom: 40px !important;
}
.mar_b45 {
	margin-bottom: 45px !important;
}
.mar_b50 {
	margin-bottom: 50px !important;
}

.mar_l0 {
	margin-left: 0 !important;
}
.mar_l5 {
	margin-left: 5px !important;
}
.mar_l10 {
	margin-left: 10px !important;
}
.mar_l15 {
	margin-left: 15px !important;
}
.mar_l20 {
	margin-left: 20px !important;
}
.mar_l25 {
	margin-left: 25px !important;
}
.mar_l30 {
	margin-left: 30px !important;
}
.mar_l35 {
	margin-left: 35px !important;
}
.mar_l40 {
	margin-left: 40px !important;
}
.mar_l45 {
	margin-left: 45px !important;
}
.mar_l50 {
	margin-left: 50px !important;
}

.mar_r0 {
	margin-right: 0 !important;
}
.mar_r5 {
	margin-right: 5px !important;
}
.mar_r10 {
	margin-right: 10px !important;
}
.mar_r15 {
	margin-right: 15px !important;
}
.mar_r20 {
	margin-right: 20px !important;
}
.mar_r25 {
	margin-right: 25px !important;
}
.mar_r30 {
	margin-right: 30px !important;
}
.mar_r35 {
	margin-right: 35px !important;
}
.mar_r40 {
	margin-right: 40px !important;
}
.mar_r45 {
	margin-right: 45px !important;
}
.mar_r50 {
	margin-right: 50px !important;
}

/* float */
.fl_l {
	float: left !important;
}
.fl_r {
	float: right !important;
}
.fl_n {
	float: none !important;
}

/* font color */
.f_c_red {
	color: #ff0000 !important;
}
.f_c_yellow {
	color: #ffff00 !important;
}
.f_c_blue {
	color: #0000ff !important;
}
.f_c_gray {
	color: #cccccc !important;
}
.f_c_gray_2 {
	color: #999999 !important;
}

.t_align_l {
	text-align: left !important;
}
.t_align_c {
	text-align: center !important;
}
.t_align_r {
	text-align: right !important;
}

.f_weight_bold {
	font-weight: bold !important;
}
.f_weight_normal {
	font-weight: normal !important;
}

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

.pc_non {
	display:none;
}

body {
	width:100%;
}

#loadiong {
	background-color:#fff;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100000;
}

#loadiong img {
	height:54px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	width:54px;
}

#container {
	display: none;
	margin: 0 auto;
	min-width: 1200px;
	overflow: hidden;
	width: 100%;
}

header {
	background-color:#fff;
	height:130px;
	position:relative;
	width:100%;
}

header .head_area {
	margin:0 auto;
	padding:14px 20px 15px;
	width:1160px;
}

header .gate02logo {
	float:left;
}

header .tool_area {
	float:right;
	padding-top:7px;
}

header .search_item {
	background-color:#e7f2f7;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin-right:15px;
	padding:5px 5px 5px 7px;
	vertical-align:middle;
	width:190px;
}

header .search_item input[type=text] {
	/* box-shadow */
	background-color:#e7f2f7;
	box-shadow:0;
	-webkit-box-shadow:0;
	-moz-box-shadow:0;
	border-radius: 0;
	-webkit-border-radius: 0;	/* Safari,Google Chrome用 */
	-moz-border-radius: 0;	/* Firefox用 */
	border:0;
	height:28px;
	margin:0;
	padding:0;
	vertical-align:middle;
	width:155px;
}

header .search_item input[type=image] {
	vertical-align:middle;
	padding:3px 5px 3px 5px;
}

header .tool_area .member_support {
	border:#435262 3px solid;
	box-sizing:border-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	font-weight:bold;
	margin-right:15px;
	vertical-align:middle;
	width:126px;
}


header .tool_area .member_support a {
	background:url(../images/icon_arrow_bk.png) no-repeat 89% center;
	display:block;
	text-align:center;
	padding:7px 5px 7px 0;
	transition:all 0.3s ease 0s;
}

header .tool_area .member_support a:hover {
	background:url(../images/icon_arrow_bk.png) no-repeat 95% center #e7f2f7;
}

header .tool_area .head_toik {
	box-sizing:border-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	font-weight:bold;
	margin-right:15px;
	vertical-align:middle;
	background: #0367a6;
	width:280px;
}
header .tool_area .head_toik  a {
	background:url(../images/icon_arrow_wh.png) no-repeat 89% center;
	display:block;
	text-align:center;
	padding:10px 5px 10px 0;
	color: white;
	transition:all 0.3s ease 0s;
}

header .tool_area .head_toik  a:hover {
	background:url(../images/icon_arrow_wh.png) no-repeat 95% center #4c83a6;
}

header .tool_area .contact_tel {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	font-size:10px;
	margin-right:10px;
	vertical-align:middle;
}

header .tool_area .contact_tel p {
	line-height:1;
	margin-top:4px;
}

header .tool_area .contact_tel small {
	font-size:9px;
}

header .tool_area .sns {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align:middle;
}

header .tool_area .sns li {
	height:33px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align:middle;
	margin:0 1px;
	width:33px;
}

header .tool_area .sns li img {
	height:33px;
	width:33px;
}

header nav {
	background-color:#435262;
	display:block;
	position:static;
	top:0;
	left:0;
	width:100%;
	z-index:10000;
}

header nav ul.main_navi {
	display:table;
	margin:0 auto;
	width:1200px;
}

header nav ul.main_navi > li {
	display:table-cell;
	vertical-align:top;
	font-weight:bold;
	position:relative;
	transition:all 0.3s ease 0s;
}

header nav ul.main_navi > li.curr {
	background-color:#37aeda;
}

header nav ul.main_navi > li.contact.curr {
	background-color:#435262;
}

header nav ul.main_navi > li > a,
header nav ul.main_navi > li > span > a {
	color:#fff;
	display:block;
	padding:18px 30px;
	text-align:center;
	transition:all 0.3s ease 0s;
	white-space:nowrap;
}

header nav ul.main_navi > li > a:hover,
header nav ul.main_navi > li > span > a:hover {
	background-color:#24a3d2;
}

header nav ul.main_navi > li > a > span,
header nav ul.main_navi > li > span > a > span {
	padding:0 10px;
}

header nav ul.main_navi > li > span > a.arrow span {
	background:url(../images/icon_arrow_wh2.png) no-repeat right center;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding:0 15px 0 5px;
	transition:all 0.1s ease 0s;
}

header nav ul.main_navi > li > span > a.arrow:hover span {
	background:url(../images/icon_arrow_wh2.png) no-repeat right 10px;
}

header nav ul.main_navi > li.active,
header nav ul.main_navi > li.active {
	background-color:#24a3d2;
}

header nav ul.main_navi > li.contact {
}

header nav ul.main_navi > li.contact > a {
	background-color:#fff;
	color:#435262;
	display:block;
	margin:10px;
	padding:8px 15px;
	text-align:center;
}

header nav ul.main_navi > li.contact > a:hover {
	background-color:#e7f2f7;
}

header nav ul.main_navi > li.contact.active {
	background-color:#435262;
}

header nav ul.main_navi > li.contact.active > a {
	background-color:#e7f2f7;
}

header nav ul.main_navi > li.contact.curr > a {
	background-color:#24a3d2;
	color:#fff;
}

header nav ul.main_navi > li.search_area .search_item {
	display:none;
}

header .sec_navi_area {
	position:fixed;
	top:130px;
	left:0;
	width:100%;
	z-index:10000;
}

header .sec_navi_area li {
	color:#fff;
	width:100%;
}

header .sec_navi_area li a {
	color:#fff;
}

header .sec_navi_area li.category {
	background-color:#24a3d2;
}

header .sec_navi_area .open_area {
	display:none;
}

header .sec_navi_area .category ul.navi {
	padding:33px 0 0;
	margin:0 auto;
	width:750px;
}

header .sec_navi_area .category ul.navi li {
	background:url(../images/line_navi_wh.png) no-repeat left center;
	float:left;
	margin-bottom:40px;
	text-align:center;
	width:150px;
}

header .sec_navi_area .category ul.navi li a {
	display:block;
}

header .sec_navi_area .category ul.navi li.last a {
	background:url(../images/line_navi_wh.png) no-repeat right center;
}

header .sec_navi_area .category .icon_area {
	line-height:45px;
	margin-bottom:15px;
}

header .sec_navi_area .category .icon_area img {
	vertical-align:middle;
}

header .sec_navi_area .category .text {
	background:url(../images/icon_arrow_wh.png) no-repeat 96% center;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding-right:15px;
	padding-left:5px;
	transition:all 0.3s ease 0s;
}

header .sec_navi_area .category a:hover .text {
	background:url(../images/icon_arrow_wh.png) no-repeat right center;
}

header .sec_navi_area li.business {
	background-color:#24a3d2;
}

header .sec_navi_area .business ul.navi {
	padding:40px 0 50px;
	margin:0 auto;
	width:730px;
}

header .sec_navi_area .business ul.navi li {
	background:url(../images/line_navi_wh.png) no-repeat left center;
	float:left;
	text-align:center;
	width:180px;
}

header .sec_navi_area .business ul.navi li a {
	display:block;
}

header .sec_navi_area .business ul.navi li.last a {
	background:url(../images/line_navi_wh.png) no-repeat right center;
}

header .sec_navi_area .business .icon_area {
	line-height:45px;
	margin-bottom:15px;
}

header .sec_navi_area .business .icon_area img {
	vertical-align:middle;
}

header .sec_navi_area .business .text {
	background:url(../images/icon_arrow_wh.png) no-repeat 97% center;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding-right:20px;
	transition:all 0.3s ease 0s;
}

header .sec_navi_area .business a:hover .text {
	background:url(../images/icon_arrow_wh.png) no-repeat right center;
}

header .sec_navi_area li.propose {
	background-color:#24a3d2;
}

header .sec_navi_area .propose ul.navi {
	padding:35px 0 20px;
	margin:0 auto;
	width:930px;
}

header .sec_navi_area .propose ul.navi li {
	background-color:#fff;
	float:left;
	font-size:13px;
	font-weight:bold;
	margin:0 15px 20px;
	text-align:center;
	width:280px;
}

header .sec_navi_area .propose ul.navi li a {
	display:block;
}

header .sec_navi_area .propose .icon_area {
}

header .sec_navi_area .propose .text {
	background:url(../images/icon_arrow_bl.png) no-repeat 97% center;
	color:#24a3d2;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	font-size:12px;
	line-height:30px;
	padding-right:20px;
	transition:all 0.3s ease 0s;
}

header .sec_navi_area .propose a:hover .text {
	background:url(../images/icon_arrow_bl.png) no-repeat right center;
}

header .sec_navi_area li.contact {
	background-color:#e7f2f7;
	color:#435262;
}

header .sec_navi_area li.contact .inner {
	margin:0 auto;
	padding:65px 0;
	width:900px;
}

header .sec_navi_area .contact .contact_tel {
	float:left;
	padding-top:10px;
	text-align:center;
	width:415px;
}

header .sec_navi_area .contact .contact_tel .contact_ttl {
	font-size:16px;
	font-weight:bold;
	margin-bottom:25px;
}

header .sec_navi_area .contact .contact_tel .tel {
	margin-bottom:15px;
}

header .sec_navi_area .contact .contact_tel .schedule {
	font-size:13px;
}

header .sec_navi_area .contact .contact_tel .schedule small {
	font-size:10px;
}

header .sec_navi_area .contact .contact_other {
	float:right;
	text-align:center;
	width:400px;
}

header .sec_navi_area .contact .contact_other .btn_area {
}

header .sec_navi_area .contact .contact_other .btn_area li {
	font-size:16px;
	margin-bottom:15px;
	text-align:center;
}

header .sec_navi_area .contact .contact_other .estimate {
}

header .sec_navi_area .contact .contact_other .estimate a {
	background:url(../images/icon_arrow_wh.png) no-repeat 95% center #eb5b4c;
	display:block;
	padding:20px;
	transition:all 0.3s ease 0s;
}

header .sec_navi_area .contact .contact_other .estimate a:hover {
	background:url(../images/icon_arrow_wh.png) no-repeat 98% center #eb5b4c;
}

header .sec_navi_area .contact .contact_other .materials {
}

header .sec_navi_area .contact .contact_other .materials a {
	background:url(../images/icon_arrow_wh.png) no-repeat 95% center #24a3d2;
	display:block;
	padding:20px;
	transition:all 0.3s ease 0s;
}

header .sec_navi_area .contact .contact_other .materials a:hover {
	background:url(../images/icon_arrow_wh.png) no-repeat 98% center #24a3d2;
}

/*---------------------------------------------------------------------------*/
header .contact_btn {
	display: none;
}
header .contact_pulldown {
	display: none;
}

@media screen and (max-width:767px){
	.sp_non {
		display:none;
	}
	
	.pc_non {
		display:block;
	}
	
	#container {
		margin:0 auto;
		min-width:320px;
		padding-top:45px;
		overflow:hidden;
		width:100%;
	}
	
	header {
		background-color:transparent;
		height:auto;
		min-width:320px;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		z-index:10000;
	}
	
	header .head_area {
		background-color:#fff;
		padding:0 0 0 2%;
		width:98%;
	}

	header .gate02logo {
		width:140px;
	}
	
	header .gate02logo img {
                margin-top:8px;
		height:auto;
		width:100%;
	}
	
	header .tool_area {
		padding-top:11px;
	}
	
	header .tool_area .search_item {
		display:none;
	}
	
	header .tool_area .member_support {
		display:none;
	}
	header .tool_area .head_toik {
		display:none;
	}
	
	header .tool_area .contact_tel {
		display:none;
	}
	
	header .tool_area .sns li {
		height:22px;
		width:22px;
	}
	
	header .tool_area .sns li img {
		height:22px;
		width:22px;
	}

	header nav {
		background-color:transparent;
		display:none;
	}
	
	header .menu_btn {
		background:url(../images/sp_menu_open.png) no-repeat left top #435262;
		background-size:45px 45px;
		float:right;
		height:45px;
		margin-left:10px;
		transition:all 0.3s ease 0s;
		width:45px;
	}

	header .menu_btn:hover {
		background:url(../images/sp_menu_open.png) no-repeat left top #24a3d2;
		background-size:45px 45px;
	}
	
	header .menu_btn.active {
		background:url(../images/sp_menu_close.png) no-repeat left top #24a3d2;
		background-size:45px 45px;
	}
	
	header .menu_btn img {
	}
	
	header .menu_btn.active {
	}
	
	header .menu_btn img {
		height:auto;
		width:100%;
	}

	header nav ul.main_navi {
		background-color:transparent;
		display:block;
		overflow-y:auto;
		-webkit-overflow-scrolling:touch;
		width:100%;
	}
	
	header nav ul.main_navi li {
		background-color:#435262 !important;
		display:block;
	}
	
	header nav ul.main_navi li.curr {
		background-color:#435262;
	}

	header nav ul.main_navi > li {
		border-bottom:#697581 1px solid;
	}
	
	header nav ul.main_navi li a {
		background:url(../images/icon_arrow_wh.png) no-repeat 95% center;
		color:#fff;
		display:block;
		font-weight:bold;
		padding:0.9em 5%;
		text-align:left;
	}
	
	header nav ul.main_navi li a.active {
		background:url(../images/icon_arrow_wh2.png) no-repeat 95% center;
		background-color:#435262;
	}
	
	header nav ul.main_navi li a:hover {
		background-color:#435262;
	}
	
	header nav ul.main_navi li.contact {
	}
	
	header nav ul.main_navi li a span {
		padding:0 0;
	}
	
	header nav ul.main_navi > li.search_area {
		background-color:#fff !important;
		padding:10px 0;
	}
	
	header nav ul.main_navi > li.search_area .search_item {
		display:block;
		margin:0 auto;
		width:80%;
	}
	
	header nav ul.main_navi > li.search_area .search_item a {
		background:none;
		display:inline;
		font-weight:bold;
		padding:0;
	}
	
	header nav ul.main_navi > li.search_area .search_item a.active {
		background:none;
	}
	
	header nav ul.main_navi > li.search_area .search_item a:hover {
		background:none;
	}
	
	
	header ul.category {
	}
	
	header ul.main_navi li .category li {
		background-color:#e7f2f7 !important;
		float:none;
		margin-bottom:0;
		width:100%;
	}
	
	header nav ul.main_navi .category li a {
		background:url(../images/icon_arrow_bk.png) no-repeat 95% center;
		border-bottom:#d0e5ee 1px solid;
		display:block;
	}
	
	header .category .icon_area {
		display: inline-block;
		/display: inline;
		/zoom: 1;
		line-height:1;
		vertical-align:middle;
		margin-bottom:0;
		width:10%;
	}
	
	header .category .icon_area img {
		height:auto;
		vertical-align:bottom;
		width:20px;
	}
	
	header .category .text {
		background:none;
		color:#435262;
		display: inline-block;
		/display: inline;
		/zoom: 1;
		padding-right:0;
		padding-left:0;
		vertical-align:middle;
		width:80%;
	}
	
	header .category a:hover .text {
		background:none;
	}
	
	header ul.business {
	}
	
	header ul.main_navi li .business li {
		background-color:#e7f2f7 !important;
		float:none;
		margin-bottom:0;
		width:100%;
	}
	
	header nav ul.main_navi .business li a {
		background:url(../images/icon_arrow_bk.png) no-repeat 95% center;
		border-bottom:#d0e5ee 1px solid;
		display:block;
	}
	
	header .business .icon_area {
		display: inline-block;
		/display: inline;
		/zoom: 1;
		line-height:1;
		vertical-align:middle;
		margin-bottom:0;
		width:10%;
	}
	
	header .business .icon_area img {
		height:auto;
		vertical-align:bottom;
		width:20px;
	}
	
	header .business .text {
		background:none;
		color:#435262;
		display: inline-block;
		/display: inline;
		/zoom: 1;
		padding-right:0;
		padding-left:0;
		vertical-align:middle;
		width:80%;
	}
	
	header .business a:hover .text {
		background:none;
	}
	
	header ul.propose {
	}
	
	header ul.main_navi li .propose li {
		background-color:#e7f2f7 !important;
		float:none;
		margin-bottom:0;
		width:100%;
	}
	
	header nav ul.main_navi .propose li a {
		background:url(../images/icon_arrow_bk.png) no-repeat 95% center;
		border-bottom:#d0e5ee 1px solid;
		display:block;
	}
	
	header .propose .icon_area {
		display: inline-block;
		/display: inline;
		/zoom: 1;
		line-height:1;
		vertical-align:middle;
		margin-bottom:0;
		width:10%;
	}
	
	header .propose .icon_area img {
		height:auto;
		vertical-align:bottom;
		width:20px;
	}
	
	header .propose .text {
		background:none;
		color:#435262;
		display: inline-block;
		/display: inline;
		/zoom: 1;
		padding-right:0;
		padding-left:0;
		vertical-align:middle;
		width:80%;
	}
	
	header .propose a:hover .text {
		background:none;
	}
	
	#container header ul li.contact {
		display:none;
	}

	/*---------------------------------------------------------------------------*/
	header .head_sec_area {
		border-bottom: 1px solid #dbeaf1;
		height: 44px;
	}
	header .head_sec_area .tool_area .sns {
		display: none;
	}
	header .head_sec_area .menu_btn {
		margin-left: 0;
	}
	header .contact_btn {
		border-left: 1px dotted #dbeaf1;
		box-sizing: border-box;
		color: #435262;
		display: block;
		float: right;
		font-size: 10px;
		font-weight:bold;
		height: 45px;
		padding: 15px 10px 0;
	}
	header .contact_btn span {
		background: url(../images/icon_arrow_bk2.png) right center no-repeat;
		background-size: 5px auto;
		padding: 0 10px 0 0;
	}
	header .contact_btn.bg_on {
		background: #dbeaf1;
	}
	header .contact_pulldown {
	}
	header .contact_pulldown .contact_area {
		background: #dbeaf1;
		padding: 35px 0 25px;
		text-align: center;
	}
	header .contact_pulldown .contact_area img {
		height: auto;
		width: 100%;
	}
	header .contact_pulldown .contact_area .contact_title {
		color: #435262;
		font-size: 12px;
		font-weight: bold;
		margin: 0 0 13px;
	}
	header .contact_pulldown .contact_area .contact_free_icon {
		margin: 0 auto 9px;
		width: 28px;
	}
	header .contact_pulldown .contact_area .contact_tel {
		margin: 0 auto 9px;
		width: 196px;
	}
	header .contact_pulldown .contact_area .contact_time {
		color: #344e6a;
		font-size: 10px;
		margin: 0 0 21px;
	}
	header .contact_pulldown .contact_area .btn_area {
	}
	header .contact_pulldown .contact_area .btn_area li {
		margin: 0 auto 9px;
		width: 85%;
	}
	header .contact_pulldown .contact_area .btn_area li.estimate {
		background: #eb5b4c;
	}
	header .contact_pulldown .contact_area .btn_area li.materials {
		background: #24a3d2;
	}
	header .contact_pulldown .contact_area .btn_area li a {
		background: url(../images/icon_arrow_wh.png) 97% center no-repeat;
		background-size: 3px auto;
		box-sizing: border-box;
		color: #ffffff;
		display: block;
		font-size: 12px;
		font-weight: bold;
		height: 35px;
		padding: 10px 0 0 15px;
		text-align: left;
	}

}

/*-searchbox--------------------------------------------------------------------------*/

.search_item .gsib_a {
	padding:2px;
}
.search_item .gsib_b {
	font-size:0;
	line-height:0;
}
.search_item .gsst_a {
	padding:6px 3px;
}
.search_item .cse .gsc-control-cse,
.search_item .gsc-control-cse {
	padding: 1em;
	width: auto;
}
.search_item .cse .gsc-control-wrapper-cse,
.search_item .gsc-control-wrapper-cse {
	width: 100%;
}
.cse .gsc-branding,
.gsc-branding {
	display: none;
}
/* Selector for entire element. */
.search_area .cse .gsc-control-cse,
.search_area .gsc-control-cse {
	background-color: #fff;
	border:0;
}
.cse .gsc-control-cse:after,
.gsc-control-cse:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.cse .gsc-resultsHeader,
.gsc-resultsHeader {
	border: block;
}
.search_item table.gsc-search-box {
	border-style : none;
	border-width : 0;
	border-spacing : 0 0;
	width : 100%;
	margin-bottom : 0;
}
table.gsc-search-box td.gsc-input {
	padding-right: 24px;
}

.search_item .gsc-search-box-tools .gsc-search-box .gsc-input {
	height:28px;
	padding-right: 0;
}

.search_item input.gsc-input {
	font-size: 13px;
	padding: 4px 9px;
	border: 0;
	width: 99%;
}

.search_item .gsc-input-box {
	border: 0;
	background: #fff;
}

.search_item .gsc-search-box .gsc-input>input:hover,
.search_item .gsc-input-box-hover {
	border:0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
/*  border: 1px solid #b9b9b9;
	border-top-color: #a0a0a0;
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);*/
	outline: none;
}
.search_item .gsc-search-box .gsc-input>input:focus,
.search_item .gsc-input-box-focus {
	border:0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
/*	border: 1px solid #4d90fe;
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.3);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.3);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.3);*/
	outline: none;
}

/* Search button */
.search_item .cse input.gsc-search-button,
.search_item input.gsc-search-button {
	font-family: inherit;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	padding: 0 8px;
	height: 29px;
	min-width: 54px;
	
	border:0;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	/*border: 1px solid #666666;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;*/
	
	background:#e7f2f7;
	/*border-color: #3079ed;
	background-color: #4d90fe;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
	background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
	background-image: linear-gradient(top,#4d90fe,#4787ed);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#4787ed');*/
}
.search_item input.gsc-search-button {
	margin-left:5px;
}
.search_item .cse input.gsc-search-button:hover,
.search_item input.gsc-search-button:hover {
	/*border-color: #2f5bb7;
	background-color: #357ae8;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));
	background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
	background-image: linear-gradient(top,#4d90fe,#357ae8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#357ae8');*/
}

.search_item .cse input.gsc-search-button:focus,
.search_item input.gsc-search-button:focus {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	/*box-shadow:inset 0 0 0 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.5);
	-moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.5);*/
}

.search_item .cse .gsc-search-button input.gsc-search-button-v2,
.search_item input.gsc-search-button-v2 {
	width: 17px;
	height: 18px;
	padding: 0;
	min-width: 17px;
	margin-top: 0;
/*	width: 13px;
	height: 13px;
	padding: 6px 27px;
	min-width: 13px;
	margin-top: 2px;*/
}

.gsc-refinementHeader {
	text-decoration: none;
	font-weight: bold;
	color: #666;
}

.gsc-refinementHeader.gsc-refinementhActive {
	text-decoration: none;
	color: #DD4B39;
}

.gsc-refinementHeader.gsc-refinementhInactive {
	text-decoration: none;
	cursor: pointer;
}

.gsc-refinementHeader.gsc-refinementhInactive>span:hover {
	text-decoration: underline;
}

.gsc-refinementhActive>span {
	border-bottom: 3px solid;
	padding-bottom: 2px;
}

.gsc-refinementsArea {
	margin-top: 0;
	padding-bottom: 4px;
	padding-top: 10px;
}

/* Foont size for refinements */
.gsc-tabsArea {
	font-size: 11px;
}
/* For searcher tabs */
.gsc-tabsArea > .gsc-tabHeader {
	height: 27px;
}
.gsc-tabsArea > div {
	height: 30px;
	overflow: auto;
}
/* No spacers needed for keneddy refinements */
.gsc-tabsArea .gs-spacer {
	display: none;
}
.gsc-tabsArea .gs-spacer-opera {
	display: none;
}
.gsc-tabsArea {
	margin-top: 12px;
	margin-bottom: 0;
	height: 29px;
	border-bottom: 1px solid #CCC;
}
/* Refinement tab properties */
.gsc-tabHeader {
	display: inline-block;
	padding: 0 8px 1px 8px;
	margin-right: 0px;
	margin-top: 0px;
	font-weight: bold;
	height: 27px;
	line-height: 27px;
	min-width: 54px;
	text-align: center;
}
/* Active refinement tab properties */
.gsc-tabHeader.gsc-tabhActive {
	border: 1px solid #ccc;
	border-bottom-color: #fff;
	color: #202020;
}
/* Inactive refinement tab properties */
.gsc-tabHeader.gsc-tabhInactive {
	background: #fff;
	color: #666;
	border-left: 0;
	border-right: 0;
	border-top: 0;
}
/* Inner wrapper for an image result */
.gsc-imageResult-column,
.gsc-imageResult-classic {
	padding: .25em;
	border: 1px solid #fff;
	margin-bottom: 1em;
}
/* Inner wrapper for a result */
.gsc-webResult.gsc-result {
	padding: .25em;
	border: 1px solid #fff;
	margin-bottom: 0;
}
/* Inner wrapper for a result */
.cse .gsc-webResult.gsc-result {
	border: 1px solid #fff;
	margin-bottom: 0;
}
/* Wrapper for a result. */
.gsc-webResult .gsc-result {
	padding: 10px 0 10px 0;
}
/* Result hover event styling */
.cse .gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result.gsc-promotion:hover,
.gsc-results .gsc-imageResult-classic:hover,
.gsc-results .gsc-imageResult-column:hover {
	border: 1px solid #fff;
}
.gs-web-image-box,
.gs-promotion-image-box {
	padding: 2px 0;
}
.gs-promotion-image-box img.gs-promotion-image {
	max-width: 50px;
}
.gs-promotion-image-box img.gs-promotion-image,
.gs-promotion-image-box {
	width: 50px;
}
.gs-web-image-box img.gs-image {
	max-width: 70px;
	max-height: 70px;
}

.gs-web-image-box-landscape img.gs-image {
	max-width: 70px;
	max-height: 50px;
}

.gs-web-image-box-portrait img.gs-image {
	max-width: 50px;
	max-height: 120px;
}

.gs-image-box.gs-web-image-box.gs-web-image-box-landscape {
	width: 80px;
}

.gs-image-box.gs-web-image-box.gs-web-image-box-portrait {
	width: 60px;
	height: 50px;
	overflow: hidden;
}

.gs-web-image-box {
	text-align: inherit;
}
.gs-promotion-image-box img.gs-promotion-image {
	border: 1px solid #ebebeb;
}
/*Promotion Settings*/
/* The entire promo */
.cse .gsc-webResult.gsc-result.gsc-promotion,
.gsc-webResult.gsc-result.gsc-promotion {
	background-color: #F6F6F6;
	margin-top: 5px;
	margin-bottom: 10px;
}
.gsc-result-info {
	margin-top: 0;
	margin-bottom: 0;
	padding: 8px;
	padding-bottom: 10px;
}
.gs-promotion-text-cell .gs-visibleUrl,
.gs-promotion-text-cell .gs-snippet {
	font-size: 13px;
}

.gsc-table-result,
.gsc-thumbnail-inside,
.gsc-url-top {
	padding-left: 8px;
	padding-right: 8px;
}

.gs-promotion-table {
	margin-left: 8px;
	margin-right: 8px;
}

.gs-promotion table {
	padding-left: 8px;
	padding-right: 8px;
}

table.gs-promotion-table-snippet-with-image{
	padding-left: 0;
	padding-right: 0;
}

.gs-promotion-text-cell {
	margin-left: 8px;
	margin-right: 8px;
}

.gs-promotion-text-cell-with-image {
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
}

/* Promotion links */
.cse .gs-promotion a.gs-title:link,
.gs-promotion a.gs-title:link,
.cse .gs-promotion a.gs-title:link *,
.gs-promotion a.gs-title:link *,
.cse .gs-promotion .gs-snippet a:link,
.gs-promotion .gs-snippet a:link {
	color: #15C;
}
.cse .gs-promotion a.gs-title:visited,
.gs-promotion a.gs-title:visited,
.cse .gs-promotion a.gs-title:visited *,
.gs-promotion a.gs-title:visited *,
.cse .gs-promotion .gs-snippet a:visited,
.gs-promotion .gs-snippet a:visited {
	color: #15C;
}
.cse .gs-promotion a.gs-title:hover,
.gs-promotion a.gs-title:hover,
.cse .gs-promotion a.gs-title:hover *,
.gs-promotion a.gs-title:hover *,
.cse .gs-promotion .gs-snippet a:hover,
.gs-promotion .gs-snippet a:hover {
	color: #15C;
}
.cse .gs-promotion a.gs-title:active,
.gs-promotion a.gs-title:active,
.cse .gs-promotion a.gs-title:active *,
.gs-promotion a.gs-title:active *,
.cse .gs-promotion .gs-snippet a:active,
.gs-promotion .gs-snippet a:active {
	color: #15C;
}
/* Promotion snippet */
.cse .gs-promotion .gs-snippet,
.gs-promotion .gs-snippet,
.cse .gs-promotion .gs-title .gs-promotion-title-right,
.gs-promotion .gs-title .gs-promotion-title-right,
.cse .gs-promotion .gs-title .gs-promotion-title-right *,
.gs-promotion .gs-title .gs-promotion-title-right * {
	color: #000;
}
/* Promotion url */
.cse .gs-promotion .gs-visibleUrl,
.gs-promotion .gs-visibleUrl {
	color: #093;
}
/* Style for auto-completion table
 * .gsc-completion-selected : styling for a suggested query which the user has moused-over
 * .gsc-completion-container : styling for the table which contains the completions
 */
.gsc-completion-selected {
	background: #EEE;
}

.gsc-completion-container {
	font-family: Arial, sans-serif;
	font-size: 16px;
	background: white;
	border: 1px solid #CCC;
	border-top-color: #D9D9D9;
	margin: 0;
}

.gsc-completion-title {
	color: #15C;
}
.gsc-completion-snippet {
	color: #000;
}

/* Full URL */
.gs-webResult div.gs-visibleUrl-short,
.gs-promotion div.gs-visibleUrl-short {
	display: none;
}
.gs-webResult div.gs-visibleUrl-long,
.gs-promotion div.gs-visibleUrl-long {
	display: block;
}

/* Keneddy shows url at the top of the snippet, after title */
.gsc-url-top {
	display: block;
}

.gsc-url-bottom {
	display: none;
}

/* Keneddy shows thumbnail inside the snippet, under title and url */
.gsc-thumbnail-left {
	display: none;
}

.gsc-thumbnail-inside {
	display: block;
}

.gsc-result .gs-title {
	height: 1.2em;
}

.gs-result .gs-title,
.gs-result .gs-title * {
	color: #15C;
}

.gs-result a.gs-visibleUrl,
.gs-result .gs-visibleUrl {
	color: #093;
	text-decoration: none;
	padding-bottom: 2px;
}

.gsc-results .gsc-cursor-box {
	margin: 10px;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
	text-decoration: none;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
	text-decoration: underline;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
	text-decoration: none;
	color: #DD4B39;
}

.gsc-preview-reviews,
.gsc-control-cse .gs-snippet,
.gsc-control-cse .gs-promotion em,
.gsc-control-cse .gs-snippet,
.gsc-control-cse .gs-promotion em {
	color: #333;
}

.gsc-control-cse-zh_CN .gs-snippet b,
.gsc-control-cse-zh_CN .gs-promotion em,
.gsc-control-cse-zh_TW .gs-snippet b,
.gsc-control-cse-zh_TW .gs-promotion em {
	color: #C03;
}

.gsc-snippet-metadata,
.gsc-role,
.gsc-tel,
.gsc-org,
.gsc-location,
.gsc-reviewer,
.gsc-author {
	color: #666;
}

.gsc-wrapper.gsc-thinWrapper {
	border-right: 1px solid #e9e9e9;
}

.gs-spelling a {
	color: #15C;
}

.gs-spelling {
	color: #333;
	padding-left: 7px;
	padding-right: 7px;
}

.gs-snippet {
	margin-top: 1px;
}

div.gsc-clear-button {
	background-image: url('//www.google.com/uds/css/v2/clear.png');
}

div.gsc-clear-button:hover {
	background-image: url('//www.google.com/uds/css/v2/clear-hover.png');
}

.gsc-preview-reviews ul {
	padding-left: 0;
	padding-right: 0;
}

.gsc-completion-container .gsc-completion-icon-cell {
	width: 42px;
	height: 42px;
	padding-right: 10px;
}

td.gsc-branding-text, td.gcsc-branding-text {
	color: #666;
}

.gcsc-branding {
	padding-top: 4px;
	padding-left: 8px;
	padding-right: 8px;
}

.gsc-adBlock {
	padding-bottom: 5px;
}

.gsc-table-cell-snippet-close,
.gsc-table-cell-snippet-open {
	padding-left: 0;
	padding-right: 0;
}

.gsc-selected-option-container {
	background-color: whiteSmoke;
	background-image: linear-gradient(top,whiteSmoke,#F1F1F1);
	background-image: -webkit-linear-gradient(top,whiteSmoke,#F1F1F1);
	background-image: -moz-linear-gradient(top,whiteSmoke,#F1F1F1);
	background-image: -ms-linear-gradient(top,whiteSmoke,#F1F1F1);
	background-image: -o-linear-gradient(top,whiteSmoke,#F1F1F1);
}

/* Facet box css */
.gsc-context-box {
	font-size: 83%;
	margin-top: 3px;
	border-collapse: collapse;
}

.gsc-context-box .gsc-col {
	padding:1px 0;
	white-space: nowrap;
	vertical-align: middle;
}

.gsc-context-box .gsc-facet-label {
	width: 65px;
	padding-left: 2px;
	text-decoration: underline;
	color: #0000cc;
	cursor: pointer;
}

.gsc-context-box .gsc-chart {
	width: 32em;
	padding: 3px;
	border-left: 1px solid #0000cc;
	border-right: 1px solid #0000cc;
}

.gsc-context-box .gsc-top {
	border-top: 1px solid #0000cc;
}

.gsc-context-box .gsc-bottom {
	border-bottom: 1px solid #0000cc;
}

.gsc-context-box .gsc-chart div {
	background: #0000cc;
	height: 9px;
}

.gsc-context-box .gsc-facet-result {
	color: #0000cc;
	width: 30px;
	text-align: right;
	padding-right: 5px;
}

/* Universal one box css. */
.gsc-usr-group-thumbnail {
	display: inline-block;
	max-width: 72px;
	max-height: 72px;
}
.gsc-usr-group-thumbnail img {
	max-height: 72px;
	overflow: hidden;
}
.gs-webResult .gs-title
.gs-title.gsc-usr-group-heading {
	color: #0000cc;
	cursor: pointer;
}
.gsc-usr-group {
	min-height: 100px;
	zoom: 1;
	display: block;
	line-height: 1.24;
	margin-top: -7px;
	margin-bottom: -7px;
	margin-left: 20px;
}
.gsc-usr-group-content {
	padding-top: 1px;
	padding-bottom: 3px;
}
.gsc-usr-group-content-thumbnail {
	display: inline-block;
	vertical-align: top;
}
.gsc-usr-group-head-result {
	display: inline-block;
	padding-left: 6px;
}
.gsc-usr-group-snippet {
	width: 100%;
	height: 3.6em;
	overflow: hidden;
}
.gsc-usr-group-content-results {
	font-size: 12px;
	padding-left: 1px;
	width: 80%;
	padding-top: 7px;
}
.gsc-usr-group-head-results {
	display:inline-block;
	font-size: 13px;
	padding-left: 6px;
	width: 80%;
}
.gs-webResult .gs-title
.gs-title.gsc-usr-group-all-results {
	font-size: 11px;
	line-height: 10px;
}
.gs-webResult .gs-title
.gs-title.gsc-usr-group-all-results
b {
	font-size: 14px;
	font-weight: 600;
}
.gs-webResult .gs-title
.gs-title.gsc-usr-group-heading
b {
	color: #0000cc;
}
.search_item form.gsc-search-box {
	font-size: 13px;
	margin-top : 0;
	margin-right : 0;
	margin-bottom : 0;
	margin-left : 0;
	width: 100%;
}

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

#f_banner_area {
	border-top:#24a3d2 17px solid;
	padding:40px 0 40px;
}

#f_banner_area .slide_area {
	margin:0 auto;
	width:1020px;
}

@media screen and (max-width:767px){
	#f_banner_area {
		height:0;
		margin:0;
		padding:0;
		visibility: hidden;
		overflow:hidden;
	}
}

/* slider
----------------------------------------------------*/
#f_banner_area .slide_area .bx-wrapper .bx-viewport {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	left: 0px;
	background: none;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
	background: none;
	border: none;
}
#f_banner_area .slide_area .bx-wrapper .bx-prev {
	background: url(../images/slide_prev_bl.png) left top no-repeat;
	left: -60px;
	transition:all 0.3s ease 0s;
}
#f_banner_area .slide_area .bx-wrapper .bx-prev:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#f_banner_area .slide_area .bx-wrapper .bx-next {
	background: url(../images/slide_next_bl.png) left top no-repeat;
	right: -60px;
	transition:all 0.3s ease 0s;
}
#f_banner_area .slide_area .bx-wrapper .bx-next:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#f_banner_area .slide_area .bx-wrapper .bx-controls-direction a {
	height:52px;
	top:45%;
	width:30px;
}

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

#info_area {
	border-top:#dbeaf1 1px solid;
	border-bottom:#dbeaf1 1px solid;
	padding:40px 0;
}

#info_area .service {
	text-align:center;
}

#info_area .service li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin:0 12px;
	vertical-align:middle;
}

#info_area .service li a {
	background:url(../images/icon_arrow_wh.png) no-repeat 95% center #24a3d2;
	display:block;
	height:54px;
	padding: 15px 15px;
	text-align:left;
	transition:all 0.3s ease 0s;
	width:252px;
}

#info_area .service li.news a {
	background:url(../images/icon_arrow_wh.png) no-repeat 95% center #435262;
	color:#fff;
}

#info_area .service li a:hover {
	background:url(../images/icon_arrow_wh.png) no-repeat 97% center #24a3d2;
}

#info_area .service li.news a:hover {
	background:url(../images/icon_arrow_wh.png) no-repeat 97% center #435262;
}

#info_area .service li .icon_area {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin-right:10px;
	vertical-align:middle;
}

#info_area .service li .text {
	color:#fff;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	font-size:12px;
	font-weight:bold;
	vertical-align:middle;
}

#info_area .service li.news .text {
	display:block;
	line-height:54px;
	text-align:center;
}

@media screen and (max-width:767px){
	
	#info_area{
		border:0;
		padding:0;
	}
	
	#info_area .service li {
		display:block;
		padding:0;
		margin:0;
		width:100%;
	}
	
	#info_area .service li a {
		padding: 17px 5%;
		height:auto;
		width:90%;
	}
	
	#info_area .service li .icon_area {
		display: inline-block;
		/display: inline;
		/zoom: 1;
		margin-right:3%;
		text-align:center;
		vertical-align:middle;
		width:10%;
	}
	
	#info_area .service li .icon_area img {
		height:auto;
		width:100%;
	}
	
	#info_area .service li .text {
		color:#fff;
		display: inline-block;
		/display: inline;
		/zoom: 1;
		font-size:14px;
		font-weight:bold;
		vertical-align:middle;
		width:80%;
	}
	
	#info_area .service li.news .text {
		line-height:2.5em;
		text-align:left;
		padding-left:14%;
	}

	/*----------------------------------------------------*/
	.foot_sec_area #info_area {
		display: none;
	}
}

#contact {
	padding:74px 0 54px;
	position:relative;
	background: #123577;
}

#contact h2 {
	background:url(../images/dot_ttl_bl.png) no-repeat center bottom;
	font-size:26px;
	font-weight:bold;
	margin-bottom:31px;
	padding-bottom:30px;
	text-align:center;
	color: #ffffff;
}

#contact h2 span {
	display:block;
	line-height:0;
	margin-top:8px;
	text-align:center;
}

#contact .tel {
	margin-bottom:15px;
	text-align:center;
}

#contact .schedule {
	font-size:13px;
	margin-bottom:40px;
	text-align:center;
	color: #ffffff;
}

#contact .schedule amall {
	font-size:10px;
}

#contact .contact_other {
	font-size:0;
	margin-bottom:20px;
	text-align:center;
}

#contact .contact_other li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	font-size:18px;
	font-weight:bold;
	margin:0 15px;
}

#contact .contact_other li a {
	display:block;
	color:#fff;
	padding:1.2em 0;
	transition:all 0.3s ease 0s;
	width:435px;
}

#contact .contact_other li.estimate {
}

#contact .contact_other li.estimate a {
	background:url(../images/icon_arrow_wh.png) no-repeat 95% center #eb5b4c;
}

#contact .contact_other li.estimate a:hover {
	background:url(../images/icon_arrow_wh.png) no-repeat 97% center #eb5b4c;
}

#contact .contact_other li.materials {
}

#contact .contact_other li.materials a {
	background:url(../images/icon_arrow_wh.png) no-repeat 95% center #24a3d2;
}

#contact .contact_other li.materials a:hover {
	background:url(../images/icon_arrow_wh.png) no-repeat 97% center #24a3d2;
}

#contact .office_list {
	font-size:13px;
	font-weight:bold;
	margin:0 auto;
	text-align:right;
	width:900px;
}

#contact .office_list a {
	background:url(../images/icon_arrow_wh.png) no-repeat 95% center;
	padding-right:20px;
	transition:all 0.3s ease 0s;
	color: #ffffff;
}

#contact .office_list a:hover {
	background:url(../images/icon_arrow_wh.png) no-repeat right center;
}

#contact .pagetop {
	position:absolute;
	bottom:0;
	right:0;
	text-align:right;
	z-index:10000;
}

footer {
}

footer dl dd a:hover {
	text-decoration:underline;
}

footer .f_navi_01 {
	background-color:#e7f2f7;
	padding:60px 0 15px;
	width:100%;
}

footer .f_navi_01 .inner {
	margin:0 auto;
	width:960px;
}

footer .f_navi_01 .menu_01 {
	float:left;
	margin-right:60px;
	width:280px;
}

footer .f_navi_01 .menu_02 {
	float:left;
	margin:0 auto;
	width:280px;
}

footer .f_navi_01 .menu_03 {
	float:right;
	margin:0 auto;
	width:280px;
}

footer .f_navi_01 dl {
	margin-bottom:46px;
}

footer .f_navi_01 dl dt {
	border-bottom:#b0bdc8 2px dotted;
	font-weight:bold;
	margin-bottom:15px;
	padding-bottom:5px;
}

footer .f_navi_01 dl dd {
	margin-bottom:4px;

}
footer .f_navi_01 dl dd.support_bottomline {
border-bottom: #b0bdc8 1px dotted;
padding-bottom:5px;
}
footer .f_navi_01 dl dd.support_link {
margin:10px 0 30px 0;
}
footer .f_navi_01 dl dd.support_link a{
text-decoration: underline;
}
footer .f_navi_01 dl dd.support_link a:hover{
text-decoration: none;
}
footer .f_navi_01 dl dd .title_img{
margin-top:15px;
}
footer .f_navi_01 dl dd .title_img img{
width:100%;
margin-bottom:5px;
}

footer .f_navi_02 {
	background-color:#333c46;
	color:#eee;
	padding:33px 0 50px;
	width:100%;
}

footer .f_navi_02 a {
	color:#eee;
}

footer .f_navi_02 .inner {
	margin:0 auto;
	width:965px;
}

footer .f_navi_02 .menu {
}

footer .f_navi_02 .menu dl {
	margin-bottom:26px;
}

footer .f_navi_02 .menu dl dt {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	font-weight:bold;
	width:150px;
}

footer .f_navi_02 .menu dl dd {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin-bottom:5px;
}

footer .f_navi_02 .menu dl dd {
	background:url(../images/icon_dot_wh.png) no-repeat left center;
	margin-right:15px;
	padding-left:15px;
}

footer .f_navi_02 .menu dl dd.head {
	margin-left:153px;
}

footer .english_btn {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin-top:48px;
	text-align:center;
	width:200px;
}

footer .english_btn a {
	background:url(../images/icon_arrow_sbk.png) no-repeat 92% center #e7f2f7;
	display:block;
	line-height:0;
	padding:10px 8px 10px 0;
	transition:all 0.3s ease 0s;
}

footer .english_btn a:hover {
	background:url(../images/icon_arrow_sbk.png) no-repeat 94% center #e7f2f7;
}

footer .logo_area {
	margin-top:-45px;
	margin-left:auto;
	text-align:right;
	width:420px;
}

footer .logo_area .copy {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	line-height:1;
	vertical-align:bottom;
	font-size:10px;
}

footer .logo_area .f_logo {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin-right:20px;
	vertical-align:bottom;
}

@media screen and (max-width:767px){
	.f_menu_area {
		background-color:#fff;
		padding:7% 6% 10% 6%;
	}
	
	.f_menu_area .main_navi {
	}
	
	.f_menu_area .main_navi > li {
		color:#fff;
		margin-bottom:1px;
	}
	
	.f_menu_area .main_navi > li > a {
		background:url(../images/icon_arrow_wh.png) no-repeat 95% center #435262;
		color:#fff;
		font-weight:bold;
		display:block;
		padding:0.7em 1em;
	}
	
	.f_menu_area .main_navi > li > a:hover {
		background:url(../images/icon_arrow_wh.png) no-repeat 95% center #435262;
	}
	
	.f_menu_area .main_navi > li > a.active {
		background:url(../images/icon_arrow_wh2.png) no-repeat 95% center #435262;
	}
	
	.f_menu_area .main_navi .category {
		background-color:#e7f2f7;
	}
	
	.f_menu_area .main_navi .category li {
		width:100%;
	}
	
	.f_menu_area .main_navi .category li a {
		background:url(../images/icon_arrow_bk.png) no-repeat 95% center;
		border-bottom:#d0e5ee 1px solid;
		display:block;
		font-weight:bold;
		padding:0.7em 1em;
	}
	
	.f_menu_area .main_navi .category .icon_area {
		display: inline-block;
		/display: inline;
		/zoom: 1;
		line-height:1;
		vertical-align:middle;
		width:10%;
	}
	
	.f_menu_area .main_navi .category .icon_area img {
		height:auto;
		width:20px;
	}
	
	.f_menu_area .main_navi .category .text {
		color:#435262;
		display: inline-block;
		/display: inline;
		/zoom: 1;
		vertical-align:middle;
		width:80%;
	}
	
	.f_menu_area .main_navi .business {
		background-color:#e7f2f7;
	}
	
	.f_menu_area .main_navi .business li {
		width:100%;
	}
	
	.f_menu_area .main_navi .business li a {
		background:url(../images/icon_arrow_bk.png) no-repeat 95% center;
		border-bottom:#d0e5ee 1px solid;
		display:block;
		font-weight:bold;
		padding:0.9em 5%;
	}
	
	.f_menu_area .main_navi .propose {
		background-color:#e7f2f7;
	}
	
	.f_menu_area .main_navi .propose li {
		width:100%;
	}
	
	.f_menu_area .main_navi .propose li a {
		background:url(../images/icon_arrow_bk.png) no-repeat 95% center;
		border-bottom:#d0e5ee 1px solid;
		display:block;
		font-weight:bold;
		padding:0.9em 5%;
	}
	
	.f_menu_area .member_support {
		margin-top:1.7em;
	}
	
	.f_menu_area .member_support p {
		font-size:10px;
		margin-bottom:1em;
	}
	
	.f_menu_area .member_support .btn {
		border:#435262 2px solid;
	}
	
	.f_menu_area .member_support .btn a {
		background:url(../images/icon_arrow_bk.png) no-repeat 95% center;
		display:block;
		padding:0.5em 1em;
	}
	
	footer .sns_area {
	}
	
	footer .sns_area ul {
		width:100%;
	}
	
	footer .sns_area ul li {
		float:left;
		text-align:center;
		width:50%;
	}
	
	footer .sns_area ul li.facebook {
		background-color:#3a5897;
	}
	
	footer .sns_area ul li.twitter {
		background-color:#68abdd;
	}
	
	footer .sns_area ul li a {
		display:block;
		padding:10px 0;
	}
	
	footer .sns_area ul li img {
		height:auto;
		width:21px;
	}
	
	footer .f_navi_02 {
		background-color:#333c46;
		color:#eee;
		padding:1.5em 0;
		width:100%;
	}
	
	footer .f_navi_02 a {
		color:#eee;
	}
	
	footer .f_navi_02 .inner {
		margin:0 auto;
		width:95%;
	}
	
	footer .f_navi_02 .menu {
	}
	
	footer .f_navi_02 .menu dl {
		margin-bottom:0;
	}
	
	footer .f_navi_02 .menu dl.sec {
		margin-bottom:1.5em;
	}
	
	footer .f_navi_02 .menu dl dt {
		display:block;
		font-weight:bold;
		margin-bottom:1em;
		width:100%;
	}
	
	footer .f_navi_02 .menu dl.sec dt {
		display:none;
	}
	
	footer .f_navi_02 .menu dl dd {
		display: inline-block;
		/display: inline;
		/zoom: 1;
		font-size:10px;
		margin-bottom:5px;
	}
	
	footer .f_navi_02 .menu dl dd {
		background:none;
		margin-right:10px;
		padding-left:0;
	}
	
	footer .f_navi_02 .menu dl dd {
		background:url(../images/icon_dot_gr.png) no-repeat left center;
		background-size:2px 2px;
		margin-right:5px;
		padding-left:12px;
	}
	
	footer .f_navi_02 .menu dl dd.head {
		background:none;
		padding-left:0;
		margin-left:0;
	}
	
	footer .english_btn {
		display: inline-block;
		/display: inline;
		/zoom: 1;
		margin-top:0;
		text-align:center;
		width:150px;
	}
	
	footer .english_btn a {
		background:url(../images/icon_arrow_sbk.png) no-repeat 92% center #e7f2f7;
		display:block;
		line-height:0;
		padding:10px 8px 10px 0;
		transition:all 0.3s ease 0s;
	}
	
	footer .english_btn img {
		width:110px;
	}
	
	footer .logo_area {
		margin-top:2em;
		margin-left:auto;
		text-align:center;
		width:100%;
	}
	
	footer .logo_area .copy {
		display: inline-block;
		/display: inline;
		/zoom: 1;
		vertical-align:bottom;
		font-size:9px;
	}
	
	footer .logo_area .f_logo {
		display: inline-block;
		/display: inline;
		/zoom: 1;
		margin-left:10px;
		vertical-align:bottom;
		width:57px;
	}
	
	footer .logo_area .f_logo img {
		height:auto;
		width:180%;
	}

	/*----------------------------------------------------*/
	.foot_sec_area .f_menu_area {
		border-top: 8px solid #24a3d2;
		padding: 0 6% 10%;
	}
	.foot_sec_area .main_navi {
		display: none;
	}
}


/*-----------------------footer Pマーク 一覧-----------------------------*/
.p_mark_box{
width: 650px;
	margin: 0;
	padding: 0;

      
}
.p_mark_leftinner{
width: 110px;
	margin: 0 10px 0 0;
	padding: 10px;
text-align: center;
	float: left;
background:white;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
}
.p_mark_rightinner{
width: 490px;
	margin: 0;
	padding: 15px 10px;
	float: right;
background:white;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
}		
p.p_banner1{
	margin: 5px 6px 0 0;
	padding: 0;
        float: left;
}
p.p_banner2{
	margin: 5px -5px 0 0;
	padding: 0;
        float: left;
}
p.p_banner3{
margin: 3px 0 0 0;
padding: 0;
float: left;
}

p.p_banner1 img{
width: 92%;
}
p.p_banner2 img{
width: 85%;
}
p.p_banner3 img{
width: 65%;
}

.clearboth {
clear: both;
}	
@media screen and (max-width:767px){

.p_mark_box{
width: 90%;
margin: 0 auto 20px auto;
padding: 0;

display:flex;
}
.p_mark_leftinner{
width: 40%;
	margin: 0 10px 0 0;
	padding: 10px 0;
	float: left;
        text-align: center;
        background:white;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
}
.p_mark_rightinner{
width: 55%;
	margin: 0;
	padding: 10px 0;
	float: left;
        background:white;
text-align: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
}		
p.p_banner1{
	margin: 0 15px 0 20px;
	padding: 0;
        float: none;
}
p.p_banner2{
	margin:  0 7px 0 0;
	padding: 0;
        float: none;
}
p.p_banner3{
margin: 0;
padding: 0;
float: none;
}

p.p_banner1 img{
width: 100%;
}
p.p_banner2 img{
width: 91%;
}
p.p_banner3 img{
width: 75%;
}

.clearboth {
clear: both;
}

}