@charset "UTF-8";

html{font-size:62.5%;}

@media screen and (max-width: 640px) {
	html {font-size: 77%;}
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,strong,pre,form,fieldset,input,p,hr,br,blockquote{
	margin:0;
	padding:0;
}

body{
	color:#333;
	font-size:10px;
	font-size:1rem;
	font-family:"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",YuGothic,"Yu Gothic","游ゴシック",Osaka,"ＭＳ Ｐゴシック",sans-serif;
	line-height:1.231;
	min-width:1080px;
	-webkit-text-size-adjust:100%;
}
@media screen and (max-width: 640px) {
	body {
		min-width: initial;
	}
	body::before {
		content: '';
		display: block;
		height: 60px;
	}
	.is_spnav_open {
		bottom: 0;
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
	}
}
/* inner section */
.inner{
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:1080px;
}

@media screen and (max-width: 640px) {
  .inner {
    width: auto;
  }
}

.clearfix:after{
	content:"";
	display:block;
	height:0;
	clear:both;
}

ul,ol{
	list-style:none;
}

input,textarea,select,button{
	border-radius:0;
}
@media screen and (max-width: 640px) {
	input,textarea,select,button {max-width: 100%;}
}

.touch input[type="text"],.touch input[type="password"],.touch input[type="button"],.touch textarea,.touch select,.touch button{
	-webkit-appearance:none;
}

textarea{
	font-size:10px;
	font-size:1rem;
}

img,object,embed,fieldset,iframe{
	border:0;
	vertical-align:bottom;
	outline:none;
}
@media screen and (max-width: 640px) {
	img {max-width: 100%; height: auto;}
}



em{
	font-style:normal;
}

hr{
	border:none;
	border-top:1px solid #666;
	height:1px;
	margin:30px 0;
}

div{
	font-size:13px;
	font-size:1.3rem;
}

/* Link */
a:link{
	color:#136CD8;
	text-decoration:underline;
}

a:visited{
	color:#136CD8;
}

a:hover{
	color:#f5a50a;
}

a:active{
	color:#f5a50a;
}

a img{
	border:none;
}

a:hover img{
	opacity:.5;
}

a.inactive{
	cursor:default;
}

a.inactive:hover img{
	opacity:1;
}

a:hover img.rollover{
	opacity:1;
}


p {font-size:13px; font-size:1.3rem; margin-bottom:1em; line-height:1.6; color:#575757;}
@media screen and (max-width: 640px) {
	p {font-size: 14px; word-break:break-all;}
}

h1 {border-bottom:3px solid #005096; color:#000; font-size:24px; font-size:2.4rem; margin-bottom:30px; margin-left:-30px; padding:30px 0 27px 30px; width:1020px;}
h1>a {background:url("/common2/img/ico_heading_h1_link.png") no-repeat right 50%; color:#000 !important; display:block; padding-right:50px; text-decoration:underline;}
h1>a:hover,h2>a:hover,h3>a:hover {opacity:0.5;}
.has_sidebar h1 {width:790px;}
@media screen and (max-width: 640px) {
	h1 {font-size: 20px; margin-left: -15px; margin-right: -15px; padding: 15px; width: auto;}
	.has_sidebar h1 {font-size: 16px; margin-left: -15px; margin-right: -15px; padding: 15px; width: auto;}
}

h2 {background-image:url("/common2/img/bgi_heading_h2.jpg"); background-repeat:no-repeat; background-position: 0 50%; color:#fff; font-size:17px; font-size:1.7rem; font-weight:bold; line-height:1.4em; margin:50px 0 15px 0; padding:5px 60px 5px 60px;}
.has_sidebar h2 {background-image:url("/common2/img/bgi_heading_h2_haveside.jpg"); background-color: #0B69C0; background-repeat:no-repeat; background-position: 0 50%;}
h2>a {background:url("/common2/img/ico_heading_h2_link.png") no-repeat right 50%; color:#fff !important; display:block; margin-right:-55px; padding-right:35px; text-decoration:underline;}
@media screen and (max-width: 640px) {
	h2 {font-size: 16px; margin:30px 0 15px 0; padding-right: 1rem;}
	h2>a {margin-right: 0;}
}

h3 {background:url("/common2/img/bgi_heading_h3.png") no-repeat 0 0.5em; color:#005096; font-size:16px; font-size:1.6rem; font-weight:bold; line-height:1.4em; margin:30px 0 10px 0; padding:0 0 0 30px;}
h3>a {background:url("/common2/img/ico_heading_h3_link.png") no-repeat right 50%; color:#005096 !important; display:block; text-decoration:underline;}
@media screen and (max-width: 640px) {
	h3 {font-size: 16px;}
}

h4 {border-bottom:1px solid #333; font-size:14px; font-size:1.4rem; font-weight:normal; line-height:1.4em; margin:20px 0 10px 0; padding-bottom:5px;}

h5 {font-size:13px; font-size:1.3rem; font-weight:bold;}


dt,dd{
	text-indent:0;
}


table{ font-size:13px; font-size:1.3rem; border-left:1px solid #ccc; border-top:1px solid #ccc; border-spacing:0; border-collapse:separate; margin-bottom:15px; width:100%;}
table > tbody > tr > th,
table > tbody > tr > td{ font-size:13px; font-size:1.3rem; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:10px; position:relative;}
table > tbody > tr > th{ background-color:#ebebeb; font-weight:normal; text-align:left; white-space:nowrap;}
table > tbody > tr > th.nowrap,
table > tbody > tr > td.nowrap{ white-space:nowrap;}
@media screen and (max-width: 640px) {
	table > tbody > tr > th,
	table > tbody > tr > td,
	table > tbody > tr > td dt,
	table > tbody > tr > td dd,
	table > tbody > tr > td li,
	table > tbody > tr > td p {font-size: 12px;}
	.sp-scroll {margin: 20px 0; overflow: auto; white-space: nowrap;}
	.sp-scroll::-webkit-scrollbar {height: 5px;}
	.sp-scroll::-webkit-scrollbar-track {background: #F1F1F1;}
	.sp-scroll::-webkit-scrollbar-thumb {background: #BCBCBC;}
	.sp-scroll table {margin-bottom: 5px;}
}


/* 背景画像として画像を設定する */
.bg_img{
	display:block;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}

/* header */
@media screen and (max-width: 640px) {
	#header {
		background: #fff;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 1000;
	}
}
#header a{
	text-decoration:none !important;
}
#header>.inner{
	font-size:12px;
	font-size:1.2rem;
}
#header>.inner{
	height:80px;
}
@media screen and (max-width: 640px) {
	#header > .inner {
		height: 60px;
	}
}
#btn_header_menu {
	background: #434343 url(/common2/img/btn_header_menu_open.png) no-repeat center;
	background-size: 16px 12px;
	display: none;
	height: 40px;
	overflow: hidden;
	position: absolute;
	right: 15px;
	text-indent: -9999px;
	top: 10px;
	width: 40px;
}
.is_spnav_open #btn_header_menu {
	background-image: url(/common2/img/btn_header_menu_close.png);
	background-size: 12px 12px;
}
@media screen and (max-width: 640px) {
	#btn_header_menu {
		display: block;
	}
}
#head_logo{
	display:block;
	background:url(/common2/img/img_head_logo.png) no-repeat 0 0;
	height:32px;
	left:0;
	position:absolute;
	top:23px;
	width:250px;
}
@media screen and (max-width: 640px) {
	#head_logo {
		background-image: url(/common2/img/img_head_logo_sp.png);
		background-size: cover;
		height: 27px;
		left: 15px;
		top: 17px;
		width: 215px;
	}
}
#ip_info{
	background:url(/common/img/img_via_ipv4.jpg) no-repeat 0 0;
	height:14px;
	overflow:hidden;
	position:absolute;
	right:155px;
	top:0;
	width:151px;
}
@media screen and (max-width: 640px) {
	#ip_info {
		display: none;
	}
}
#lang_selector{
	position:absolute;
	right:0;
	top:0;
}
@media screen and (max-width: 640px) {
	#lang_selector {
		display: none;
	}
}
#lang_selector>a{
	background-color:#005096;
	color:#fff;
	display:block;
	height:26px;
	line-height:26px;
	padding:0 10px;
	text-align:right;
	width:120px;
	font-size:12px;
	font-size:1.2rem;
}

#lang_selector>a:hover{
	color:#f5a50a;
}

#head_links{
	margin:0;
	position:absolute;
	right:160px;
	top:50px;
}
@media screen and (max-width: 640px) {
	#head_links {
		display: none;
	}
}
#head_links>li{
	float:left;
	margin:0;
}
#head_links>li:first-child{
	background-color:#005096;
}
#head_links>li>a{
	color:#333;
	display:block;
	font-size:11px;
	font-size:1.1rem;
	padding:3px 0 3px 10px;
}
#head_links>li>a:hover{
	color:#f5a50a;
}
#head_links>li:first-child>a{
	color:#fff;
	padding:3px 10px;
}
#head_links>li:first-child>a:hover{
	color:#f5a50a;
}
@media screen and (max-width: 640px) {
	#head_links_sp {
		background: #fff;
		border-top: solid 1px #ccc;
		padding-bottom: 100px;
	}
	#head_links_sp li {
		border-top: solid 1px #ccc !important;
	}
	#head_links_sp li:last-child {
		border-bottom: solid 1px #ccc !important;
	}
	#head_links_sp a {
		color: #434343 !important;
	}
	#head_links_sp a:hover {
		color: #fff !important;
	}
}
#head_form{
	background-color:#ccc;
	border-radius:10px;
	padding:0 10px;
	position:absolute;
	right:0;
	top:50px;
}
@media screen and (max-width: 640px) {
	#head_form {
		display: none;
	}
}
#head_form input#MT{
	background-color:transparent;
	border:none;
	font-size:11px;
	font-size:1.1rem;
	padding:1px 0;
	width:105px;
}
#head_form input.btn_submit{
	background:transparent url(/common2/img/ico_head_form_loupe.png) no-repeat right 50%;
	border:none;
	display:inline-block;
	overflow:hidden;
	text-indent:150%;
	white-space:nowrap;
	width:14px;
}

#global_nav{
	background:#343434;
	height:50px;
}
#global_nav >.inner{
	background:#434343;
}
#global_nav ul{
	margin:0;
	overflow:hidden;
	position:relative;
}
#global_nav ul>li{
	float:left;
	margin:0;
	overflow:hidden;
	position:relative;
}
#global_nav ul>li>a{
	background:#434343 url(/common2/img/bgi_globalnav.png) no-repeat 0 0;
	display:block;
	height:50px;
}
#global_nav ul>li.item_0>a{
	width:64px;
}
#global_nav ul>li.item_1>a{
	background-position:-64px 0;
	width:174px;
}
#global_nav ul>li.item_2>a{
	background-position:-238px 0;
	width:186px;
}
#global_nav ul>li.item_3>a{
	background-position:-424px 0;
	width:218px;
}
#global_nav ul>li.item_4>a{
	background-position:-642px 0;
	width:136px;
}
#global_nav ul>li.item_5>a{
	background-position:-778px 0;
	width:134px;
}
#global_nav ul>li.item_6>a{
	background-position:-912px 0;
	width:168px;
}
#global_nav ul>li>a:hover,
#global_nav ul>li.on>a{
	background-color:#005096;
}

#header .inner.noscript{
	border:1px solid #f00;
	height:auto;
	margin:10px auto;
	padding:10px;
}
#header .inner.noscript>p{
	margin:0;
	padding:0;
	font-size:11px;
	font-size:1.1rem;
	text-align:center;
}

/* 階層ラベル表示 */
#category-title {background:#005095; border-bottom:4px solid #097bc4; color:#fff; height:66px;}
#category-title >.inner {font-size:20px; font-size:2rem; font-weight:bold; line-height:66px; margin-bottom:0; margin-top:0; color:#fff;}
@media screen and (max-width: 640px) {
	#category-title {height: auto;}
	#category-title >.inner {font-size: 14px; line-height: 1; padding: 1em;}
}

/* コンテンツ領域 */
#content{
	background:url(/common2/img/bgi_content.jpg) repeat-x 0 0;
}

/* パンくず */
#breadcrumb{
	line-height:1.07;
	margin-bottom:0;
	margin-top:0;
	overflow:hidden;
	padding:10px 0;
}
@media screen and (max-width: 640px) {
	#breadcrumb {
		display:none;
		padding: 10px 1rem;
	}
}
#breadcrumb>li{
	background:url(/common2/img/ico_breadcrumb_arrow.gif) no-repeat 0 50%;
	display:inline;
	font-size:10px;
	font-size:1rem;
	margin:0;
	padding-left:13px;
	padding-right:3px;
}
#breadcrumb>li.current{
	background-image:url(/common2/img/ico_breadcrumb_current_arrow.gif);
}
#breadcrumb>li:first-child{
	background:none;
	padding-left:0;
}
#breadcrumb>li>a{
	text-decoration:underline;
}

/* コンテンツ領域内部 */
#content>div.inner{background:#fff; min-height:560px;}
@media screen and (max-width: 640px) {
	#content>div.inner{min-height: 0;}
}

#content>.inner.has_sidebar{
	overflow:hidden;
}

#pageBody{position:relative; padding:0 0 80px 30px; width:1020px;}
@media screen and (max-width: 640px) {
	#pageBody {padding: 0 15px 30px; width: auto;}
}

@media screen and (min-width: 641px) {
	.has_sidebar>#pageBody{
		float:left;
		width:790px;
	}
}

/* サイドバー */
@media screen and (min-width: 641px) {
	#sidebar{
		float:right;
		width:220px;
		padding-bottom:50px;
	}
}

@media screen and (max-width: 640px) {
	#sidebar{
		padding: 0 15px 15px;
	}
}

#sidebar>.sidebar_title {font-size:10px; font-size:1rem;}
#sidebar>.sidebar_title>a {background:#343434; color:#fff; display:block; font-size:15px; font-size:1.5rem; font-weight:bold; margin-bottom:1px; padding:15px; text-decoration:none;}
#sidebar>.sidebar_title>a:hover {background:#666;}
@media screen and (max-width: 640px) {
	#sidenav {display: none;}
	#sidebar>.sidebar_title>a {background: #434343; box-sizing: border-box; background-position: 95% center; border-radius: 4px; box-shadow: 0 1px 4px #aaa; color: #666; display: inline-block; width: auto; height: auto; padding: 1em 2em; font-size: 13px; text-align: center; text-decoration: none; width: 100%;}
	#sidebar>.sidebar_title>a::before {content:"◀"; font-size: 10px; padding-right: .8em;}
}

#sidenav>li{
	margin-bottom:1px;
}
#sidenav>li>a{
	background:#e1e1e1 url(/common2/img/ico_sidenav_arrow.png) no-repeat left 15px;
	border-left:3px solid #343434;
	color:#343434;
	display:block;
	font-size:13px;
	font-size:1.3rem;
	font-weight:bold;
	padding:12px 12px 12px 32px;
	text-decoration:none;
}
#sidenav>li>a:hover,
#sidenav>li.on>a{
	background-color:#cacaca;
}
#sidenav>li>ul{
	display:none;
}
#sidenav>li.on>ul{
	display:block;
}
#sidenav>li>ul>li>a,#sidenav>li>ul>li>span{
	background:#fff url(/common2/img/ico_sidenav_arrow.png) no-repeat 3px 13px;
	border-bottom:1px solid #ebebeb;
	display:block;
	font-size:12px;
	font-size:1.2rem;
	font-weight:bold;
	padding:10px 12px 10px 35px;
}

#sidenav>li>ul>li>a{
	color:#343434;
	text-decoration:none;
}

#sidenav>li>ul>li>a:hover,#sidenav>li>ul>li.on>a{
	background-color:#f7f7f7;
}

#sidenav>li.on>ul>li>ul{
	display:none;
}

#sidenav>li.on>ul>li.on>ul{
	display:block;
}

#sidenav>li>ul>li>ul>li>a{
	background:#fff url(/common2/img/ico_sidenav_arrow.png) no-repeat 23px 11px;
	border-bottom:1px solid #ebebeb;
	color:#343434;
	display:block;
	font-size:11px;
	font-size:1.1rem;
	font-weight:bold;
	padding:8px 12px 8px 55px;
	text-decoration:none;
}

#sidenav>li>ul>li>ul>li>a:hover,#sidenav>li>ul>li>ul>li.on>a{
	background-color:#f7f7f7;
}

#sidebnr{
	margin:30px 0 0;
}
#sidebnr>li{
	margin-top:10px;
}
#sidebnr>li:first-child{
	margin-top:0;
}
#sidebnr>li>a{
	display:block;
}
@media screen and (max-width: 640px) {
	#sidebar img {
		height: auto !important;
		width: 100%;
	}
}

/* 資料請求領域 */
#actionArea{
	background:url(/common2/img/bgi_actionarea.gif);
	height:300px;
}
@media screen and (max-width: 640px) {
	#actionArea {
		height: auto;
	}
}
#actionArea .actionAreaBtns{
	background:url(/common2/img/bgi_actionarea.png) no-repeat 50% 40px;
	margin:0 auto;
	overflow:hidden;
	padding-top:135px;
	position:relative;
	width:870px;
}
@media screen and (max-width: 640px) {
	#actionArea .actionAreaBtns {
		background-position: 50% 10%;
		background-size: 100%;
		padding-bottom: 15px;
		padding-top: 23%;
		width: auto;
	}
}
#actionArea .actionAreaBtns>li{
	float:left;
	margin-left:50px;
	padding-bottom:10px;
}
@media screen and (min-width: 641px) {
	#actionArea .actionAreaBtns>li:first-child{
		margin-left:0;
	}
}
@media screen and (max-width: 640px) {
	#actionArea .actionAreaBtns>li{
		float: none;
		margin: 0 15px;
		padding-bottom:10px;
	}
}
#actionArea .actionAreaBtns>li>a{
	background-color:#fff;
	border-radius:3px;
	-webkit-box-shadow:0 1px 5px #333;
	-moz-box-shadow:0 1px 5px #333;
	box-shadow:0 1px 5px #333;
	display:block;
	height:106px;
	overflow:hidden;
	position:relative;
	width:409px;
}
@media screen and (max-width: 640px) {
	#actionArea .actionAreaBtns>li>a{
		height: auto;
		width: auto;
	}
	#actionArea .actionAreaBtns>li>a>img{
		height: auto;
		width: 100%;
	}
}

/* ページトップへ */
@media screen and (max-width: 640px) {
	#toPageTop{
		display: none;
	}
}
#toPageTop>.inner{
	background:url(/common2/img/bgi_footer_topagetop.png) no-repeat right bottom;
	height:149px;
}
#toPageTop>.inner>a{
	background:url(/common2/img/btn_footer_topagetop.png) no-repeat 0 0;
	bottom:55px;
	display:block;
	height:30px;
	left:2px;
	position:absolute;
	width:230px;
}
#toPageTop>.inner>a:hover{
	background-position:0 100%;
}
#toPageTop>.inner>.ext_note{
	position:absolute;
	left:40px;
	bottom:10px;
}

/* フッターリンク */
#footLinks{
	background:#434343;
	color:#fff;
}
#footLinks>.inner{
	overflow:hidden;
	padding-bottom:15px;
	padding-top:20px;
	width:1000px;
}
@media screen and (max-width: 640px) {
	#footLinks>.inner{
		padding-bottom:15px;
		padding-top:20px;
		width: auto;
	}
}
#footLinks ul{
	list-style:outside disc;
	padding-left:0;
}
@media screen and (max-width: 640px) {
  #footLink_main {display: none;}
}
#footLinks ul>li{
	list-style-position:inside;
	margin-top:5px;
}
#footLinks ul>li>a{
	color:#fff;
	font-size:12px;
	font-size:1.2rem;
	text-decoration:none;
}
#footLinks ul>li>a:hover{
	color:#f5a50a;
}
#footLinks>.inner>ul{
	overflow:hidden;
	position:relative;
}
#footLinks>.inner>ul>li{
	padding:8px 0;
}
#footLinks>.inner>ul>li>a{
	font-size:13px;
	font-size:1.3rem;
}
#footLinks>.inner>ul>li>ul{
	margin-top:10px;
	overflow:hidden;
	padding-top:10px;
	position:relative;
	border-top:1px solid #999;
}
#footLinks>.inner>ul>li>ul>li>ul{
	padding-left:10px;
}
#footLink_advantage{
	float:left;
	width:146px;
}
#footLink_specialist{
	margin-left:168px;
	width:832px;
}
#footLink_service{
	clear:both;
	margin-left:168px;
	width:832px;
}
#footLink_specialist{
	padding-bottom:20px;
}
#footLink_specialist>ul{
}
#footLink_specialist>ul>li{
	float:left;
	padding-bottom:10px;
	width:208px;
}
#footLinks .fL_s_column{
	width: 208px;
	float:left;
	padding-top:10px;
	}
#footLinks .fL_s_column ul>li>ul{
	 padding-bottom: 20px;
	}
#footLinks .fL_s_column ul>li>ul>li{
	margin-left:8px;
	}
#footLinks #footLink_service{
	margin-left:168px;
	width:832px;
}
#footLinks #footLink_service .inner{
	border-top: 1px solid #999;
    margin-top: 10px;
	}
#footLinks .fL_s_column>ul>li>ul>li>a{
	font-size:11px;
	font-size:1.1rem;
}
#footLinks #footLink_others{
	border-bottom:1px solid #999;
	border-top:1px solid #999;
	margin-top:10px;
	overflow:hidden;
	clear:both;
}
@media screen and (max-width: 640px) {
	#footLinks #footLink_others {
		border: none;
		margin: 0 15px;
	}
}
#footLinks #footLink_others>li{
	float:left;
	list-style:none;
	margin:0 0 0 26px;
	padding:10px;
}
#footLinks #footLink_others>li:first-child{
	margin-left:0;
}
#footLinks #footLink_others>li>a{
	display:block;
	font-size:11.5px;
	font-size:1.15rem;
}
@media screen and (max-width: 640px) {
	#footLinks #footLink_others > li {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		width: 50%;
	}
	#footLinks #footLink_others > li:nth-child(odd) {
		clear: both;
		padding-right: 8px;
	}
	#footLinks #footLink_others > li:nth-child(even) {
		float: right;
		padding-left: 8px;
	}
	#footLinks #footLink_others>li>a{
		border-bottom: solid 1px #666;
		font-size: 12px;
		padding: 10px 3px;
	}
}
#footer_official_link{
	color:#fff;
	display:block;
	font-size:11px;
	font-size:1.1rem;
	margin:15px 0 0 0;
	text-align:center;
	text-decoration:none;
}
#footer_official_link:hover{
	color:#f5a50a;
}
@media screen and (max-width: 640px) {
	#footer_official_link{
		font-size: 9px;
		line-height: 1.67;
		margin:15px 0 0 0;
		padding: 0 15px;
	}
}

/* コピーライト */
#copyright{
	background:#343434;
	color:#fff;
	font-size:12px;
	font-size:1.2rem;
	height:53px;
	overflow:hidden;
}
@media screen and (max-width: 640px) {
	#copyright {
		height: auto;
	}
}
#copyright>.inner{
	margin-bottom:0;
	margin-top:0;
	padding-top:15px;
	text-align:center;
}
#copyright>p.inner{
	font-size:12px;
	font-size:1.2rem;
	color:#fff;
	line-height:1.231;
}
@media screen and (max-width: 640px) {
	#copyright>p.inner{
		font-size:8px;
		line-height: 1.67;
		padding: 15px;
	}
}
#floating_pagetop{
	bottom:0;
	display:none;
	position:fixed;
	right:0;
}
@media screen and (max-width: 640px) {
	#floating_pagetop {
		display: none !important;
	}
}
#floating_pagetop>a{
	background:url(/common2/img/btn_topagetop_floating.png) no-repeat 0 0;
	height:53px;
	width:53px;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

検索ボックス用

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#head_form{
	width:125px !important;
	padding:0 10px;
}
.mf_finder_searchBox_doctype,.mf_finder_searchBox_selects select,.mf_finder_header .mf_finder_searchBox_selects label{ display: none; }
html .mf_finder_header .mf_finder_searchBox,#head_form .mf_finder_searchBox{ background-color: #ccc; }
.mf_finder_searchBox_submit span,html .mf_finder_header .mf_finder_searchBox{ margin: 0; }
.mf_finder_searchBox_items_wrapper div{ font-size: 12px; }
html .mf_finder_header .mf_finder_searchBox .mf_finder_searchBox_query_input{
	background: none;
	background-color: #ccc;
	border: none;
	padding: 0 3px;
	font-size: 12px;
}
.mf_finder_searchBox_items{
	position: relative;
    padding: 0.30rem;
}
.mf_finder_header .mf_finder_searchBox_submit{
	background-color: #ccc;
	color: #222;
	font-size: 12px;
	padding: 0;
	position: absolute;
	right: -5px;
}
#head_form input{
	background-color: #ccc;
	border: none;
	background: none;
	outline: 0;
}

.mf_finder_organic_pager { margin-top:30px; }
.mf_finder_organic_doc:hover,.mf_finder_searchBox_submit:hover { cursor:pointer; }

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

20150723グローバルナビ修正

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#global_nav2{
	background:#343434;
	height:50px;
}
@media screen and (max-width: 640px) {
	#global_nav2{
		display: none;
		height: auto;
		z-index: 999;
	}
}
#global_nav2 .inner{
	background:#434343;
	position:relative;
}
@media screen and (max-width: 640px) {
	#global_nav2 .inner {
		max-height: calc(100vh - 60px);
		overflow-y: auto;
	}
}
#global_nav2 .inner>ul{
	margin:0 auto;
	width:1080px;
	overflow:visible;
	position:relative;
	zoom:1;
}
@media screen and (max-width: 640px) {
	#global_nav2 .inner>ul{
		width: auto;
	}
}
#global_nav2 .inner>ul:after{
	content:"";
	display:block;
	clear:both;
	overflow:hidden;
}

#global_nav2 .inner>ul>li{
	float:left;
	margin:0;
	overflow:visible;
	position:relative;
}
@media screen and (max-width: 640px) {
	#global_nav2 .inner > ul > li {
		float:none;
		border-top: solid 1px #fff;
	}
	#global_nav2 .inner > ul > li:first-child {
		border: none;
	}
}
#global_nav2 .inner>ul>li>a{
	background:#434343  url("/common2/img/bgi_globalnavNew.png") no-repeat 0 0;
	display:block;
	height:50px;
	width:170px;
}
@media screen and (max-width: 640px) {
	#global_nav2 .inner>ul>li>a{
		background: none;
		color: #fff;
		height: auto;
		padding: 15px;
		text-indent: 0;
		width: auto !important;
	}
	#global_nav2 .inner>ul>li>a::after {
		content: "\f105";
		display: block;
		font-family: 'FontAwesome';
		font-size: 27px;
		position: absolute;
		right: 15px;
		top: 50%;
		margin-top: -0.5em;
		line-height: 1;
		vertical-align: top;
	}
}
#global_nav2 ul>li.item_0>a{
	width:60px;
}
#global_nav2 ul>li.item_1>a{
	background-position:-60px 0;
}
#global_nav2 ul>li.item_2>a{
	background-position:-230px 0;
}
#global_nav2 ul>li.item_3>a{
	background-position:-400px 0;
}
#global_nav2 ul>li.item_4>a{
	background-position:-570px 0;
}
#global_nav2 ul>li.item_5>a{
	background-position:-740px 0;
}
#global_nav2 ul>li.item_6>a{
	background-position:-910px 0;
}
#global_nav2 .inner>ul>li>a:hover,
#global_nav2 .inner>ul>li.on>a,
#global_nav2 .inner>ul>li.open>a{
	background-color:#005096;
}
#global_nav2 .inner>ul>li.item_6>a,
#global_nav2 .inner>ul>li.item_6.on.open>a,
#global_nav2 .inner>ul>li.item_6.on>a:hover {
  background-color: #68b24b;
}
#global_nav2 .inner>ul>li.item_6.on>a {
	background-color:#005096;
}

/*メニュー下のコンテンツ領域*/
.sub_nav{
	display:none;
	position:absolute;
	z-index:100;
	left:0;top:50px;
/*	overflow:visible !important;*/
/*	background:rgba(0,80,149,0.9);*/;
}
@media screen and (max-width: 640px) {
	.sub_nav {
		display: none !important;
	}
}
#for-item_2.sub_nav{
	left:230px;
	width:170px;
}
#for-item_3.sub_nav{
	left:400px;
	width:370px;
}
#for-item_6.sub_nav{
  left: initial;
  left: auto;
  right: 0;
  width: 530px;
}


/*サブメニュー*/
.sub_nav>ol{
	z-index:100;
}
.sub_nav>ol>li{
	height:38px;
	overflow:visible !important;
}



#for-item_2>ol>li>a{
	display:block;
	width:170px;
	height:38px;
	background-color:rgba(0,80,149,0.9);
	background-image:url("/common2/img/bgi_subnav_specialist.png");
	background-repeat:no-repeat;
	background-position:0 0;
}
#for-item_2>ol>li.specialist_sub_2>a{background-position:0 -38px;}
#for-item_2>ol>li.specialist_sub_3>a{background-position:0 -76px;}
#for-item_2>ol>li.specialist_sub_4>a{background-position:0 -114px;}
#for-item_2>ol>li.specialist_sub_5>a{background-position:0 -152px;}
#for-item_2>ol>li.specialist_sub_6>a{background-position:0 -190px;}



#for-item_3>ol>li>a{
	display:block;
	width:170px;
	height:38px;
	background-color:rgba(0,80,149,0.9);
	background-image:url("/common2/img/bgi_subnav_service.png");
	background-repeat:no-repeat;
	background-position:0 0;
}
#for-item_3>ol>li.service_sub_2>a{background-position:0 -38px;}
#for-item_3>ol>li.service_sub_3>a{background-position:0 -76px;}
#for-item_3>ol>li.service_sub_4>a{background-position:0 -114px;}
#for-item_3>ol>li.service_sub_5>a{background-position:0 -152px;}
#for-item_3>ol>li.service_sub_6>a{background-position:0 -190px;}
#for-item_3>ol>li.service_sub_7>a{background-position:0 -228px;}
#for-item_3>ol>li.service_sub_8>a{background-position:0 -266px;}
#for-item_3>ol>li.service_sub_9>a{background-position:0 -304px;}
#for-item_3>ol>li.service_sub_10>a{background-position:0 -342px;}



#for-item_2>ol>li>a:hover,
#for-item_3>ol>li>a:hover{
	background-color:#005095;
;
}

.sub_nav li,
.sub_nav li a{
	color:#fff;
	position:relative;
}

#for-item_6 {
  background: rgba(104, 178, 75, .8);
  box-sizing: border-box;
  padding: 20px;

}

#for-item_6 .contact_main::after {
  clear: both;
  content: '';
  display: block;
  height: 1px;
  width: 100%;
}

#for-item_6 li {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 1px 1px rgba(0,0,0,.2);
}

#for-item_6 li:hover {opacity: .85;}
#for-item_6 a {color: #333;}

#for-item_6 .contact_main li {
  display: table;
  height: 65px;
  margin-top: 10px;
  width: 240px;
}

#for-item_6 .contact_main a {
  display: table-cell;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  padding-left: 15px;
  vertical-align: middle;
}

#for-item_6 .contact_main em {
  display: block;
  font-size: 16px;
}

#for-item_6 .contact_main li:nth-child(odd) {float: left;}
#for-item_6 .contact_main li:nth-child(even) {float: right;}
#for-item_6 .contact_main li:nth-child(-n+2) {margin-top: 0;}
#for-item_6 .contact_main li:nth-child(1) {background: #fff url("/common2/img/ico_contact_mail.png") no-repeat 189px center;}
#for-item_6 .contact_main li:nth-child(2) {background: #fff url("/common2/img/ico_contact_calc.png") no-repeat 188px center;}
#for-item_6 .contact_main li:nth-child(3) {background: #fff url("/common2/img/ico_contact_mouse.png") no-repeat 198px center;}
#for-item_6 .contact_main li:nth-child(4) {background: #fff url("/common2/img/ico_contact_file.png") no-repeat 187px center;}

#for-item_6 .contact_faq {margin:0 0 20px 0;}
#for-item_6 .contact_faq a {
  display: block;
  font-size: 18px;
  font-weight: bold;
  height: 65px;
  line-height: 65px;
  text-align: center;
}
#for-item_6 .contact_faq li {background: #fff url("/common2/img/ico_contact_faq.png") no-repeat 330px center;}

#for-item_6 .contact_sub {margin: 20px 0 0 0;}
#for-item_6 .contact_sub li:first-child {margin-bottom: 10px;}

#for-item_6 .contact_sub a {
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: 35px;
  line-height: 35px;
  text-align: center;
}

#for-item_6 .external {display: none;}

/*右はみだしメニュー*/
.sub_nav>ol>li>ol{
	display:none;
	z-index:1000;
	position:absolute;
	left:170px;
	top:0;
	background:rgba(22,75,125,0.8);
}

#for-item_3.sub_nav li ol{
	width:215px;
}
/* 長いサービス名対策 */
#for-item_3.sub_nav li.service_sub_6 ol{
	width:300px;
}

.sub_nav li ol li{
	height:38px;
}
.sub_nav li ol li a{
	display:block;
	padding:13px 10px 0 40px;
	height:25px;
	font-size:10px;
	font-size:1rem;
	white-space:nowrap;
	background:url(/common2/img/marker_subsub.png) no-repeat 18px center;
}
.sub_nav li ol li:first-child a{
	background:url(/common2/img/marker_subsub_first.png) no-repeat 0px center;
}
.sub_nav li ol li a:hover{
	background:#164b7d url(/common2/img/marker_subsub.png) no-repeat 18px center;;
}
.sub_nav li ol li:first-child a:hover{
	background:#164b7d url(/common2/img/marker_subsub_first.png) no-repeat 0px center;
}
#spnav_overlay {display: none;}
@media screen and (max-width: 640px) {
	.is_spnav_open #spnav_overlay {
		background-color: rgba(255,255,255,.5);
		bottom: 0;
		display: block;
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
	}
}

/* 動画レスポンシブ化 ※プレイヤーのver.V4 */
.ooyalaplayer-responsive .oo-player-container {min-width: 0;} /* ベンダー提供CSSを打ち消し */
.ooyalaplayer-responsive .oo-player {z-index: 1;} /* ベンダー提供CSSを打ち消し */
	/* For 2 Column*/
	.ooyalaplayer-responsive_col2-wrap {margin-right: -20px; margin-left: -20px;}
	.ooyalaplayer-responsive_col {float: left; width: 375px; padding: 20px;}
	@media screen and (max-width: 640px) {
		.ooyalaplayer-responsive_col2-wrap {margin-right: 0; margin-left: 0;}
		.ooyalaplayer-responsive_col {float: none; width: auto; padding: 0; margin-bottom: 20px;}
	}
    
/* 2018.12 SmartSTREAM ニューバージョン対応*/
.ooyalaplayer-responsive .oo-player-container {min-width: 0;} /* ベンダー提供CSSを打ち消し */
.ooyalaplayer-responsive .oo-player {z-index: 1;} /* ベンダー提供CSSを打ち消し */

.ooyalaplayer-responsive iframe { width:790px; height: 445px; }
	@media screen and (max-width: 640px) {
.ooyalaplayer-responsive iframe { width:375px; height:220px; }
}
/* For 2 Column*/
.ooyalaplayer-responsive_col2-wrap .ooyalaplayer-responsive_col,
.ooyalaplayer-responsive_col2-wrap .ooyalaplayer-responsive_col iframe { width: 375px; height:220px; }
@media screen and (max-width: 640px) {
.ooyalaplayer-responsive_col2-wrap .ooyalaplayer-responsive_col iframe { width: 375px; height:220px; }
}

