@charset "shift_jis";
/**************************************


common


***************************************/

/* 		Mars finder1
		サイト内検索
-------------------------------*/
@import url(//c.marsflag.com/lib/fonts/font-awesome/4.6.3/css/font-awesome.css);



/*			common
-------------------------------*/
#breadcrumb {
	background: #EEEEEE;
}
#breadcrumb p {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	font-size:93%;
	padding:15px 10px 5px;
}
#contents, #contents2{
	width: 960px;
	margin: 0px auto 50px;
	background: #FFFFFF url(/common/img_c/content_bg.png) no-repeat left top;
	padding: 20px 0px 10px;
}
.Box960 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 0px auto;
	padding: 20px 0px 10px;
}
#right_content, #right_content2 {
	width: 182px;
	float: right;
}
#left_content, #left_content2 {
	width: 760px;
	float: left;
}
div.fcr{
	color: red;
	margin-bottom: 15px;
 	border: 1px solid red;
 	padding: 15px;
}
.useronly{
	font-size: 0.85em;
	color: #555;
}

.attention{
	font-size: 0.85em;
	padding: 7px 15px;
	color:#777;
	border-top: 3px solid #ddd;
}

/* 画像回り込み
----------------------------------------------------------- */
.imgR {
	float: right;
	margin: 4px 0px 12px 20px;
}
.imgL {
	float: left;
	margin: 3px 20px 12px 0px;
}

/*			icon style
-------------------------------*/
/* pdf要素
----------------------------------------------------------- */
.pdf{ 
	background: url(/common/img_c/arrow_p.gif) no-repeat left 0.1em !important;
	padding-left:17px;
}
.circle_gray{
	background: url(/common/img_c/ico_circle_gray.png) no-repeat 0 50%; 
	padding-left:16px !important;
}

/* dot要素
----------------------------------------------------------- */
.dot{ 
	background: url(/common/img_c/arrow_circle.gif) no-repeat left 0.5em !important;
	padding-left:1em;
}
.gray-dot{
    background: url(/common/img_c/list_img_gray.gif) no-repeat left 0.43em;
    padding-left: 10px;
}

/*			link style
-------------------------------*/

/* 一覧要素
----------------------------------------------------------- */
.arrow_list {
	background: url(/common/img_c/arrow_list.gif) no-repeat right center !important;
	padding-right: 18px;
}
ul.circle{
	margin-left: 2em !important;
	*margin-left: 0 !important;
	*padding-left: 2em !important;

}
ul.circle li{
	list-style-type:disc !important;
	list-style-position: outside !important;
	vertical-align: middle;
}


/* movie要素
----------------------------------------------------------- */
.arrow_movie {
	background: url(/common/img_c/arrow_m.gif) no-repeat left 0.1em !important;
	padding-left: 17px;
}
.arrow_movie.start {
	background: url(/common/img_c/arrow_m_start.gif) no-repeat left 0.1em !important;
	padding-left: 26px;
}
.arrow_movie.stop {
	background: url(/common/img_c/arrow_m_stop.gif) no-repeat left 0.1em !important;
	padding-left: 26px;
}

/* ユーザー限定要素
----------------------------------------------------------- */
.arrow_lock {
	background: url(/common/img_c/arrow_lock.gif) no-repeat left  0.1em !important;
	padding-left: 17px;
}

/* 通常要素
----------------------------------------------------------- */
.arrow_n {
	background: url(/common/img_c/arrow_n.gif) no-repeat left 0.38em !important;
	padding-left: 17px;
}
#contents a,
#main_contents a,
* html #contents_right a.arrow_n,
#contents_right a.arrow_n,
* html #contents_right a.htmlanc,
#box_news a.arrow_n,
* html #box_news a.arrow_n,
.contentBox a,
.contentBox2 a{ 
	background: url(/common/img_c/arrow_n.gif) no-repeat left 0.38em;
	padding-left:17px;
}

.lh12 a{
	background-position: left 0.2em !important;
}

/* pdf要素
----------------------------------------------------------- */

a.pdf,
* html a.pdf{ 
	background: url(/common/img_c/arrow_p.gif) no-repeat left 0.1em !important;
	padding-left:17px;
}

/* 外部リンク要素
----------------------------------------------------------- */
#right_navi a.external,
#left_content a.external,
#right_content a.external,
#right_content2 a.external{
	background: url(/common/img_c/arrow_o.gif) no-repeat 1px 0.38em;
	padding-left: 17px;
}
* html #left_content a.external	{ 
	background: url(/common/img_c/arrow_o.gif) no-repeat 1px 0.38em;
	padding-left:16px;  
}
#box_news a.external { 
	background: url(/common/img_c/arrow_o.gif) no-repeat 1px 0.38em;
	padding-left:16px;  
}
* html #box_news a.external	{ 
	background: url(/common/img_c/arrow_o.gif) no-repeat 1px 0.38em;
	padding-left:16px;  
}

/* 戻る要素
----------------------------------------------------------- */
a.arrow_pre,
* html a.arrow_pre{ 
	background: url(/common/img_c/arrow_pre.gif) no-repeat left 0.38em !important;
	padding-left:17px;
}


/* ページ内リンクメニュー要素
----------------------------------------------------------- */
a.arrow_dow,
* html a.arrow_dow{ 
	background: url(/common/img_c/arrow_dow.gif) no-repeat left 0.38em !important;
	padding-left:17px;
}

/* IE-6要素
----------------------------------------------------------- */
* html #box_news a,
* html #left_content a{
	behavior: expression(
	this.className += this.getAttribute("href").match(/^http.*/) && (!this.getAttribute("href").match("jsol-cae.acc-test.jp")) ? " external" : "",
	this.className += this.getAttribute("href").match(/\.html$/) ? " html" : "",
	this.className += this.getAttribute("href").match(/\.pdf$/) ? " pdf" : "",
	this.className += this.getAttribute("href").match(/ *.html#$/) ? " htmlanc" : "", 
	this.style.behavior = "none"
	);
}
/* リンクアイコンなし
----------------------------------------------------------- */
.no_arrow_n,
.arrow_le {
	background-image: none  !important;
	padding-left: 0px !important;
}

/* リンクボックス
----------------------------------------------------------- */
.boxlink{
	cursor: pointer;
}

/* リンクボタン
----------------------------------------------------------- */
a.btn{
	color:#fff;
	background: none !important;
}
a.btn span{
	display: block;
	background: url(/common/img_c/arrow_n.gif) no-repeat #3590D9;
	width: 120px;
	height: 20px;
	padding: 2px 0 0;
	text-align: center;
	font-size: 12px;
	text-align: center;
}

a.btn2{
	color:#fff;
	background: none !important;
}
a.btn2 span{
	display: block;
	margin: auto;
	background: url(/common/img_c/arrow_n.gif) no-repeat #3590D9;
	width: 240px;
	height: 30px;
	padding: 12px 0 0;
	text-align: center;
	font-size: 12px;
	text-align: center;
	overflow: hidden;
}


/* 同意ボタン
----------------------------------------------------------- */
#agr_btn a{
	display: inline-block;
	width: 100px;
	padding: 5px 0;
	background: #ecf4fa;
	border: 1px solid #ddd;
	
}


/* ページ下部お問い合わせ
----------------------------------------------------------- */
#left_content #box_contact_botom {
	border: 1px solid #DDD;
	padding: 10px 15px 8px 40px;
	margin-top: 35px;
	margin-right: 5px;
	margin-left: 5px;
}
#left_content #box_contact_botom .contact_ttl {
	float: left;
	margin-top: 30px;
}
#left_content #box_contact_botom p {
	float: left;
	margin-left: 25px;
}
#left_content #box_contact_botom .tel {
	margin-top: 6px;
}
#left_content #box_contact_botom .btn_contact2 {
	margin-top: 6px;
}
#left_content #box_contact_botom p a {
	background: none;
	padding: 0px;
}
/* gnavi
-----------------------------------------------------------*/ 
#megamenu0{
	display: block;
	width: 158px;
	height: 50px;
}
#megamenu1,
#megamenu2,
#megamenu3,
#megamenu4,
#megamenu5{
	display: block;
	width: 159px;
	height: 50px;
}


/* tab_navi
----------------------------------------------------------- */
#main_contents .tab_navi li {
	float: left;
	margin: 0px 0px 0px 7px;
	min-width: 100px;
	width: auto !important;
	width: 110px;
	text-align:center;
}
#main_contents ul.tab_navi {
	border-bottom: 1px solid #3590D9;
	margin: 20px 0px 30px;
	background: url(/common/img_c/tab_bg.gif) repeat-x left bottom;
	overflow: visible;
	white-space: nowrap;
}
#main_contents .tab_navi li a {
	display: block;
	background: none;
	padding: 7px 7px 5px 7px;
	background-color: #ECF4FA;
	font-size: 13px;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: none;
	border-left: 1px solid #DDD;
	color: #3590D9;
}
#main_contents .tab_navi li a:hover {
	display: block;
	background-color: #ECF4FA;
	
}
#main_contents .tab_navi li.arrow_ex a { 
	background: url(/common/img_c/arrow_o.gif) no-repeat 7px center;
	background-color:#ECF4FA;
	padding-left:22px;
}
#main_contents .tab_navi li.on a{
    background-color: #FFFFFF !important;
    border-color: #3590D9 #3590D9 #FFFFFF !important;
    border-style: solid !important;
    border-width: 1px 1px 2px !important;
    font-weight: bold !important;
    margin-bottom: -2px !important;
}

/*	tab_navi_bottom ボトム用ナビ
--------------------------------------*/
#main_contents .tab_navi_bottom li {
	float: left;
	margin: 0px 0px 0px 7px;
	min-width: 100px;
	width: auto !important;
	width: 110px;
	text-align:center;
}
#main_contents ul.tab_navi_bottom {
	border-top: 1px solid #3590D9;
	margin: 20px 0px 30px;
	background: url(/common/img_c/tab_bottom_bg.gif) repeat-x left top;
	overflow: visible;
	white-space: nowrap;
}
#main_contents .tab_navi_bottom li a {
	display: block;
	background: none;
	padding: 7px 7px 5px 7px;
	background-color: #ECF4FA;
	font-size: 13px;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-top: none;
	border-left: 1px solid #DDD;
	color: #3590D9;
}
#main_contents .tab_navi_bottom li a:hover {
	display: block;
	background-color: #ECF4FA;
	
}
#main_contents .tab_navi_bottom li.on a{
    background-color: #FFFFFF !important;
    border-color: #FFFFFF #3590D9 #3590D9 !important;
    border-style: solid !important;
    border-width: 2px 1px 1px !important;
    font-weight: bold !important;
    margin-top: -2px !important;
}

/*	tab_navi カタログダウンロード
-------------------------------*/
.struct #main_contents .tab_navi li.tab_navi1 a,
.seisangijyutsu #main_contents .tab_navi li.tab_navi2 a,
.electronic #main_contents .tab_navi li.tab_navi3 a,
.material #main_contents .tab_navi li.tab_navi4 a,
#dl.tool #main_contents .tab_navi li.tab_navi5 a {
	background-color:#FFFFFF;
	border-top: 1px solid #3590D9;
	border-right: 1px solid #3590D9;
	border-bottom: 2px solid #FFFFFF;
	border-left: 1px solid #3590D9;
	margin-bottom:-2px;
	font-weight: bold;
}

/*	tab_navi セミナー・イベント
-------------------------------*/
.taiken #main_contents .tab_navi li.tab_navi1 a,
.training #main_contents .tab_navi li.tab_navi2 a,
.advanced #main_contents .tab_navi li.tab_navi3 a,
.solution #main_contents .tab_navi li.tab_navi4 a {
	background-color:#FFFFFF;
	border-top: 1px solid #3590D9;
	border-right: 1px solid #3590D9;
	border-bottom: 2px solid #FFFFFF;
	border-left: 1px solid #3590D9;
	margin-bottom:-2px;
	font-weight: bold;
}

#main_contents ul.tabNav li a.active {
	background-color:#FFFFFF;
	border-top: 1px solid #3590D9;
	border-right: 1px solid #3590D9;
	border-bottom: 2px solid #FFFFFF;
	border-left: 1px solid #3590D9;
	margin-bottom:-2px;
	font-weight: bold;
	
}

/*	tab_navi ソリューション
-------------------------------*/
.summary #main_contents .tab_navi li.tab_navi1 a,
.product #main_contents .tab_navi li.tab_navi2 a,
.news #main_contents .tab_navi li.tab_navi3 a {
	background-color: #FFFFFF;
	border-top: 1px solid #3590D9;
	border-right: 1px solid #3590D9;
	border-bottom: 2px solid #FFFFFF;
	border-left: 1px solid #3590D9;
	margin-bottom: -2px;
	font-weight: bold;
}

/* コンテンツ
----------------------------------------------------------- */
.box50 {float: left;width: 50px;margin-right: 20px;}
.box70 {
	float: left;
	width: 70px;
	margin-right: 20px;
}
.box80 {float: left;width: 80px;margin-right: 20px;}
.box100 {float: left;width: 100px;margin-right: 20px;}
.box130 {float: left;width: 130px;margin-right: 20px;}
.box150 {float: left;width: 150px;margin-right: 20px;}
.box200 {float: left;width: 200px;margin-right: 20px;}
.box220r {float: right;width: 220px;margin-left: 0px;}
.box220l {float: left;width: 220px;margin-right: 0px}
.box220 {float: left;width: 220px;margin-right: 0px}
.box300r {float: right;width: 300px;margin-left: 20px;}
.box300l {float: left;width: 300px;margin-right: 20px}
.box300 {float: left;width: 300px;margin-right: 0px}
.box300m {width: 300px;margin: 0 auto;}
.box310 {float: left;width: 310px;margin-right: 0px;}
.box310l {float: left;width: 310px;margin-right: 20px;}
.box310r {float: right;width: 310px;margin-left: 20px;}
.box320 {float: left;width: 320px;margin-right: 0px;}
.box320l {float: left;width: 320px;margin-right: 20px;}
.box320r {float: right;width: 320px;margin-left: 20px;}
.box325 {float: left;width: 325px;margin-right: 0px;}
.box325l {float: left;width: 325px;margin-right: 20px;}
.box325r {float: right;width: 325px;margin-left: 20px;}
.box325m {width: 325px;margin: 0 auto;}
.box330l {float: left;width: 330px;margin-right: 20px}
.box330 {float: left;width: 330px;margin-right: 0px}
.box330r {float: right;width: 330px;margin-left: 20px;}
.box340l {float: left;width: 340px;margin-right: 20px}
.box340 {float: left;width: 340px;margin-right: 0px}
.box340r {float: right;width: 340px;margin-left: 20px;}
.box420l {float: left;width: 420px;margin-right: 20px}
.box420 {float: left;width: 420px;margin-right: 0px}
.box420r {float: right;width: 420px;margin-left: 20px;}
.box958 {width: 958px; margin: 0 auto;}

#main_contents h1 {
	margin-bottom: 20px;
	border-bottom: 3px solid #3590D9;
}
h1 span{
	border: 0 none;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
#main_contents h2 {
	font-size: 138.5%;
	font-weight: bold;
	color: #555555;
	line-height: 1.4em;
	margin-bottom: 15px;
	background: url(/common/img_c/h2_bg.png) repeat-x left top;
	height: 36px;
	border-top: none;
	border-right: 1px solid #DDDDDD;
	border-bottom: none;
	border-left: 5px solid #3590D9;
	padding: 14px 12px 0px;
}
#main_contents h3 {
	background: #FFF;
	font-size: 123.1%;
	font-weight: bold;
	line-height: 1.4em;
	min-height: 23px;
	margin-bottom: 15px;
	display: block;
	margin-top: 30px;
	color: #444;
	border: 1px solid #DDDDDD;
	padding: 9px 14px 5px;
}
#main_contents h4 {
	font-size: 116%;
	font-weight: bold;
	color: #3590D9;
	border-bottom: 1px dotted #CCC;
	line-height: 1.4em;
	margin-bottom: 15px;
	padding: 5px 0 0 0;
}
#main_contents p {
	margin-bottom: 10px;
}
#main_contents p.d {
	margin-bottom: 0px;
}
#main_contents p.read {
	font-size: 108%;
}
#main_contents p.caption {
	font-size: 85%;
	line-height: 1.5em;
	margin-top: 3px;
}
#main_contents .fixed_right {
	position: relative;
}
#main_contents .fixed_right p {
	position: absolute;
	top: 16px;
	right: 13px;
}

#main_contents .fixed_right_h1 {
	position: relative;
}
#main_contents .fixed_right_h1 p {
	position: absolute;
	top: 13px;
	right: 0px;
}
#main_contents .fixed_right_h3 {
	position: relative;
}
#main_contents .fixed_right_h3 p {
	position: absolute;
	top: 9px;
	_top: 40px;
	right: 13px;
}

#main_contents .contentBox {
	padding: 0 15px 20px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #CCC;
}
#main_contents .contentBox2 {
	padding: 0px 15px 20px;
	margin-bottom: 15px;
}
#main_contents .contentBox3 {
	padding-top: 15px;
	border-top: 1px dotted #CCC;
	margin-bottom: 15px;
	padding-bottom: 20px;
}

#main_contents .noEvent{
	padding:20px 15px 30px;
}
#main_contents .main_image {
	margin-bottom: 30px;
}
#main_contents h5 {
	font-size: 108%;
	font-weight: bold;
	color: #3590D9;
	background: url(/common/img_c/list_img_wh.gif) no-repeat left center;
	padding-left: 10px;
	margin-bottom: 3px;
}
#main_contents .note_ttl {
	background: #eee;
	border-style: none;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 15px;
	padding-right: 15px;
	color: #333;
	font-size: 14px;
}
#main_contents .other_box {
	background: url(/common/img_c/blue_bg.png) no-repeat left top;
	padding: 20px 30px 12px;
}
#main_contents {
	background-image: 
		url(/common/img_c/content_bg3_bottom.jpg),
		url(/common/img_c/content_bg3.jpg);
	background-repeat: 
		no-repeat,
		repeat-y;
	background-position: 
		bottom,
		right bottom;
	padding: 0px 30px 30px;
}

#main_contents2, #main_contents3 {
	padding: 0px 30px 30px;
}

/*			引用
-------------------------------*/
#main_contents blockquote {
	font-family: Meiryo,'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐゴシック',serif;
	font-style: italic;
	padding: 15px;
	margin-bottom: 13px;
}
#main_contents q {
	font-family: Meiryo,'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐゴシック',serif;
	font-style: italic;
	padding:0 5px 0 2px;
}
#main_contents #cited{
	font-size: 12px;
	background: #EEEEEE;
	padding: 22px 30px 20px;
}
#main_contents #cited cite,
#main_contents #cited q{
	font-family: 'Times New Roman','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐゴシック',serif;
}

/*			バックナンバー
-------------------------------*/
.back_number_list li{
	float: left;
	widows: 100px;
	padding-right: 20px;
}
.back_number_list li.last{
	padding-right: 0;
}

/* 			詳細ページ
-------------------------------*/
#main_contents.detail h3{
	border:none;
	border-bottom:1px dotted #aaa;
	padding:0 15px 10px;
	clear:both;
	text-align: center;
}

#main_contents.detail .date{
	width: 100%;
	text-align: right;
}
#main_contents.detail table th{
	width: 110px;
	padding: 10px 15px!important;
}
#main_contents.detail table td{
	padding: 10px 15px!important;
}
#main_contents.detail table td dt{
	font-weight: bold;
}
#main_contents.detail .def_List{
	margin-bottom: 30px;
}
#main_contents.detail .def_List dt{
	margin:10px 0 5px;
	font-size:14px;
}
#main_contents.detail .def_List dd{
	margin-bottom:15px;
	padding:0 15px;
}
#main_contents.detail .def_List dd dt{
	border-bottom: 1px #ccc dotted;
	margin:14px 0 7px;
	padding: 0;
}
#main_contents.detail .def_List dd dd{
	padding: 0 15px;

}
#main_contents.detail .def_List ul.ml{
	margin-left:1em;
}
#main_contents.detail .def_List ul li{
	/*margin-bottom: 0 !important;*/
}
#main_contents.detail dd dt{
	font-size:12px!important;
}

/* 			簡易フォーム
-------------------------------*/
#user_assessment_form,
#user_assessment_form_end{
	margin-top: 50px;
	padding: 30px;
	border: 1px solid #ddd;
	background: #ecf3f9;
}

#user_assessment_form dl{
	padding-bottom: 20px;
}
#user_assessment_form dd input{
	margin: 10px 0 0 20px;
}
#user_assessment_form textarea{
	width: 630px;
	height: 50px;
	margin-top: 5px;
}
#user_assessment_form ul{
	margin-top: 20px;
}
#user_assessment_form li{
	line-height: 1em !important;
}

/*ページ内リンクボックス
-------------------------------*/
.inner_linkBox{
	padding: 10px 15px 5px;
	margin-bottom: 30px;
}
.inner_linkBox2{
	padding: 15px 30px;
	margin: 30px 0 0;
	background: #f7f7f7;
}
.inner_linkBox li,
.inner_linkBox2 li{
	float: left;
}

.inner_linkBox li span,
.inner_linkBox2 li span{
	margin-right: 15px;
	padding-right: 15px;
	border-right: 1px solid #ddd;
}
.inner_linkBox li.last span,
.inner_linkBox2 li.last span{
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}
.inner_link{
	background: none !important;
	display: block;
}

/* 		ssl_error
-------------------------------*/
.ssl_error dt:hover{
	text-decoration: underline;
	color: #33CCFF !important;
}

/* 		modal window
-------------------------------*/
.modal-content {
    position:fixed;
    display:none;
    z-index:60;
    margin:0;
    padding:15px 60px 0;
    border:2px solid #aaa;
	border-radius: 6px;  
    background:#fff;
}
.modal-overlay {
    z-index:50;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75); /*IE11用*/
}
html>/**/body .modal-overlay{
	background-color/***/:#000\9; /*IE8用*/
}
body:not(:target) .modal-overlay{
	background-color:rgba(0,0,0,0.75); /*IE9,10用*/
}
.modal-close {
	background: url(/common/img_c/btn_close.gif) no-repeat right bottom !important;
	display: block;
	text-decoration: none;
	width: 27px;
	height:27px;
	float:right;
	margin:-32px -50px 10px;
}
.modal-close:hover {
	opacity:0.7 ;
	cursor:pointer;
}
.modal-open {
	background-image: none !important;
	padding-left:0  !important;
}
.modal-open:hover {
    cursor:pointer;
}

/* 		Mars finder2
		サイト内検索
-------------------------------*/
#header .mf_finder_searchBox_items > button, .mf_finder_searchBox_items > button > select, .mf_finder_searchBox_items > button input, .mf_finder_searchBox_items > div, .mf_finder_searchBox_items > div > select, .mf_finder_searchBox_items > div input, .mf_finder_searchBox_items > label, .mf_finder_searchBox_items > label > select, .mf_finder_searchBox_items > label input {
    margin: 0;
}
#header .mf_finder_searchBox_items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 1rem 0;
}
#header .mf_finder_searchBox * {
    box-sizing: border-box;
}
#header .mf_finder_searchBox_query_wrap {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
#header .mf_finder_searchBox * {
    box-sizing: border-box;
}
#header .mf_finder_searchBox_query_input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-height: 34px;
    height: 100%;
    margin: 0;
    width: 100%;
    font-size: 1rem;
    border: 1px solid #ddd;
    border-radius: 0;
    padding: .5rem;
}
#header .mf_finder_searchBox_misc {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}
#header .mf_finder_searchBox_submit {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 16px;
    background-color: #222;
    border: none;
    border-radius: 0 3px 3px 0;
    color: #eee;
    padding: 0 .75rem;
}


#header .mf_finder_searchBox_submit span {
    margin-left: .35rem;
    margin-right: .35rem;
}



#header .mf_finder_searchBox_selects,
#header .mf_finder_searchBox_doctype{
	display:none;
}
#header #search-contents{
	float:right;
}

#header .mf_finder_searchBox_items{
	padding:5px 0 0;
}
#header .mf_finder_searchBox_query_input{
	min-height:22px;
	height:22px;
	padding:0 5px;
	width:160px;
	font-size:12px;
	border-radius:4px 0 0 4px;
}
#header .mf_finder_searchBox_submit{
	padding:0 10px 0;
	font-size:13px;
	cursor:pointer;
	position:relative;
}
#header .mf_finder_searchBox_submit::before{
    content: "\F002";
    font-family: FontAwesome;
	top: 50%;
	left:50%;
	margin-top:-8px;
	margin-left:-8px;
	position: absolute;
}

#header .mf_finder_searchBox_suggest_items {
 position:absolute;
 margin:0;
 width:100%;
 background-color:rgba(0,0,0,.8);
 list-style-type:none;
 padding:0 1px 1px;
 border-width:0 1px 1px;
 border-color:silver;
 border-style:solid;
 z-index:5
}
#header .mf_finder_searchBox_query_wrap ul li {
 float:none
}
#header .mf_finder_searchBox_suggest_item {
 border-top:1px dotted silver
}
#header .mf_finder_searchBox_suggest_item:first-child {
 border-top:none
}
#header .mf_finder_searchBox_suggest_item a {
 display:inline-block;
 width:100%;
 padding:2px;
 text-decoration:none;
 color:#fff
}
#header .mf_finder_searchBox_suggest_item_cur {
 background-color:rgba(80,80,80,.8)
}

#wrapper .mf_finder_searchBox{
	margin-top: 30px;
}
#wrapper .mf_finder_searchBox_form{
	padding:15px 0;
	width: 960px; margin: 0 auto;
}
#wrapper .mf_finder_organic_header_wrapper{
	width: 960px;
	margin: 30px auto 0;
}
#wrapper .mf_finder_organic_docs{
	width: 960px;
	margin: 0 auto 30px;
}

#wrapper .mf_finder_searchBox_doctype_select{
	font-size: 1.2em;
}

.mf_finder_searchBox_links{
	overflow: hidden;
}
.mf_finder_searchBox_links .mf_finder_searchBox_category,
.mf_finder_searchBox_links .mf_finder_searchBox_imgsize,
.mf_finder_searchBox_links .mf_finder_searchBox_pagemax,
.mf_finder_searchBox_links .mf_finder_searchBox_sort{
	padding: 10px 10px 0;
}
.mf_finder_searchBox_sort{
	width: 35%;
	float: left;
	border-right: 1px solid #ddd;
}
.mf_finder_searchBox_pagemax{
	width: 65%;
	float: right;
}

#wrapper .mf_finder_searchBox_query_input{
	height:auto !important;
	min-height:auto !important;
	padding: 5px 0 5px 10px;
	font-size: 1.2em;
}
#wrapper .mf_finder_organic_doc_url span{
	font-size: 1.3em;
}

#wrapper .mf_finder_organic_doc_body_wrapper{
	margin-top: 5px;
}

#wrapper .mf_finder_pager_items{
	margin: 30px 0;
}
#wrapper .mf_finder_pager_items li{
	list-style: none;
	margin-left: 5px;
}
#wrapper .mf_finder_organic_header_wrapper{
	padding: 15px 0;
	border-top: 1px solid #ddd ;
	border-bottom: 1px solid #ddd ;
}

.mf_finder_organic_doc_contents{
	margin-left:30px;
}
.mf_gui_img_frame{
	min-width:202px !important;
}
.mf_gui_img_frame img{
	display:block;
	margin:0 auto;
}

html:lang(ja) .mf_finder_searchBox .mf_finder_searchBox_query_input, html :lang(ja) .mf_finder_searchBox .mf_finder_searchBox_query_input, html:lang(ja-JP) .mf_finder_searchBox .mf_finder_searchBox_query_input, html :lang(ja-JP) .mf_finder_searchBox .mf_finder_searchBox_query_input,
html .mf_finder_searchBox .mf_finder_searchBox_query_input{
	background-image: none !important;
}

/*非表示対応*/
.mf_finder_organic_doc_zoom,
.mf_finder_logo{
	display: none;
}

/*日本語表示
.my-lang .mf_finder_organic_doc:nth-child(n+4) {
    display: none;
}*/


/* 	Form 確認画面
-------------------------------*/
#FormContents td.col6 div{
	word-wrap:anywhere;
	width: 500px;
}