@charset 'UTF-8';

/*
----------
exhibition template
----------
*/

.bullet_link,
.bullet_link_wrap > * { background: url(/fa/shared/img/module/bullet_link.gif) no-repeat 0 5px; padding: 0 0 0 11px; line-height: 1.5; }

.main.exhibition { margin-top: 40px; }
.exhibition .main_visual { text-align: center; }
.exhibition .exhibition_section { margin-top: 32px; }
.exhibition .section_title { font-size: 128.5%; font-weight: bold; margin-bottom: 1em; padding-bottom: 2px; border-bottom: 1px solid #ccc; }
.exhibition .section_title > * { font-weight: bold; }
.exhibition .section_title span { padding-left: 7px; border-left: 4px solid #e60000; }
.exhibition .column_wrap { margin-top: 24px; }
.exhibition .column_item { float: left; padding: 8px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.exhibition .column_item *:first-child { margin-top: 0; }
.exhibition .column_grid_1 { width: 8.33%; }
.exhibition .column_grid_2 { width: 16.66%; }
.exhibition .column_grid_3 { width: 24.99%; }
.exhibition .column_grid_4 { width: 33.33%; }
.exhibition .column_grid_5 { width: 41.66%; }
.exhibition .column_grid_6 { width: 49.99%; }
.exhibition .column_grid_7 { width: 58.33%; }
.exhibition .column_grid_8 { width: 66.66%; }
.exhibition .column_grid_9 { width: 74.99%; }
.exhibition .column_grid_10 { width: 83.33%; }
.exhibition .column_grid_11 { width: 91.66%; }
.exhibition .column_img img { width: 100%; height: auto; }
.exhibition .column_title { font-weight: bold; }
.exhibition .column_item p { margin-top: 0; margin-bottom: 8px; }
@media only screen and (max-width: 640px) {
	.main.exhibition { margin-top: 20px; }
	.exhibition .exhibition_section { margin-top: 24px; }
	.exhibition .main_visual img,
	.exhibition .efactory_img01 img { width: 100%; height: auto; }
	.exhibition .column_wrap { margin-top: 16px; }
	.exhibition .column_item { width: 100%; float: none; padding-left: 0; padding-right: 0; }
}
/*
----------
exhibition individual
----------
*/

/*index.html*/
h1.mel_heading-type1 { background:url(/fa/shared/img/module/h_type1_col1.gif) no-repeat; color: #fff; font-size: 95%; font-weight: bold; padding: 8px 0 6px 25px; margin-bottom: 15px; }

/*index2.html*/
.headline .hl_main { margin-top: 0; }
#facompass_info { margin: 30px 0 15px; padding: 2.57em 60px 2.5em; text-align: center; background-color: #fff; border: 1px solid #fad4d4; }
#facompass_info .facompass_info_txt {  font-size: 128.57%; font-weight: bold; color: #cc0001;}
#facompass_info .extbutton { display: inline-block; width: 100%; max-width: 476px; margin: 20px auto 0; padding: 16px 10px 19px; color: #fff; background-color: #595959; font-weight: bold; font-size: 114.28%; }
#facompass_info .extbutton .arw { background: url(/fa/compass/exhibition/2015/dms_mtec_2015/img/arw_white.png) no-repeat left 0.45em; padding-left: 12px; }


.exhibition_section, {
	padding:0 14px;
}

.plist .column_item.column_grid_4 {
	margin-bottom:2%;
	padding-right:0;
	padding-left:0;
}

.plist .column_item.column_grid_4 {
	width:287px!important;
}

.plist .column_item.middle {
	margin-left:44px;
	margin-right:44px;
}


.column_item.column_grid_4 {
	margin-bottom:30px;
}

.sec_box {
margin: 30px 0px;
padding: 0px 30px;
background-color:#fafafa;
border: 1px solid #bebcbc;
}

.sec_box h2 {
margin-top:30px;
font-size: 142.8%;
font-weight: bold;
background:none!important;
border:none!important;
}

.sec_box .ex_details {
margin-top: 1.25em;
}

.sec_box .ex_details dt, .semi_dl dt {
position: absolute;
padding-top: 0.35em;
font-weight: bold;
}

.sec_box .ex_details dd, .semi_dl dd {
    padding-left: 8em;
    display: block;
    padding-top: 0.35em;
    padding-left: 10em;
}

.sec_box .ex_details dd:before, .semi_dl dd:before {
display: inline-block;
content: ":";
width: 0.75em;
margin-left: -0.75em;
font-weight: bold;
}

.column_item .pt_box {
	margin-top:2%;
}

.column_item .pt_box h4 {
	margin:15px 0 0 0!important;
	font-weight:bold;
}

.column_item .pt_box ul {
	margin:5px 0!important;
}

li.nolink {
	background:none!important;
	padding-left:1.2em!important;
	text-indent:-0.6em;
	margin-left:-0.3em
}

li.nolink:before {
	display:inline-block;
	content:"・";
}

p.note {
    font-size: 86%;
    margin-top: 0px;
}

.access { margin:30px auto 0 auto; }
.access a { width: 350px; margin: 0 auto; }
.access a:hover span { text-decoration: underline; }

p.f_regist {
	text-align:center;
	margin:2% 0;
}

.button {
    display: block;
    font-size: 85.7%;
    font-weight: bold;
    padding: 10px 10px 8px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    text-align: center;
}
.ex_button { display: inline-block; padding: 0.75em 50px; background-color: #fff; border: 1px solid #b3b3b3; font-weight: bold; text-align: center; }
.icon_blank { margin-left: 5px; }
.section_title { margin-bottom: 1em; padding-bottom: 2px; border-bottom: 1px solid #ccc; font-size: 128.5%; font-weight: bold; }
.section_title span { padding-left: 7px; border-left: 4px solid #e60000; }

#catalog { margin-top: 20px; padding: 35px 50px 40px; background: #ffedee; text-align: center; }
#catalog .head { font-size: 171.4%; font-weight: bold; text-align: center; line-height: 1.3; }
#catalog .head:before { content: ""; display: block; margin-top: 0.6em; margin-bottom: -0.6em; border-top: 1px solid #d9d9d9; }
#catalog .head span { display: inline-block; min-height: 27px; background: url(../img/bg_catalog.png) #ffedee no-repeat 10px top; padding: 0 10px 0 40px; }
#catalog .bold { margin-top: 12px; }
#catalog .ex_button { width: 618px; margin: 22px auto 0; padding: 15px 10px 13px; border: 1px solid #B2B2B2; font-size: 114.3%; }
#catalog .ex_button .arw { padding-left: 12px; background: url(../img/arw.png) no-repeat left 0.45em; }
#catalog .ex_button:hover .arw { text-decoration: underline; }

#mailnews { background: #f5f5f5; padding: 32px 50px 37px; border-top: 1px solid #e0e0e0; }
#mailnews .head { font-size: 171.4%; font-weight: bold; text-align: center; line-height: 1.3; }
#mailnews .head:before { content: ""; display: block; margin-top: 0.6em; margin-bottom: -0.6em; border-top: 1px solid #d9d9d9; }
#mailnews .head span { display: inline-block; min-height: 27px; padding: 0 10px 0 45px; background: url(../img/bg_mailnews.png) #f5f5f5 no-repeat 10px top; }
#mailnews .head + p { margin: 15px 0 30px; text-align: center; }
#mailnews #member { float: left; width: 405px; }
#mailnews #member .label { margin-bottom: 15px; font-size: 142.9%; font-weight: bold; text-align: center; color:#e58a2e; }
#mailnews #member .ex_button { background-color: #f29130; color: #FFF; border: 0; }
#mailnews #regist { float: right; width: 405px; }
#mailnews #regist .label { font-size: 142.9%; font-weight: bold; text-align: center; color:#0d4b9e; margin-bottom: 15px; }
#mailnews #regist .ex_button { background-color: #0d4b9e; color: #FFF; border: 0; }
#mailnews #regist .link { margin-top: 10px; text-align: center; font-weight: bold; }
#mailnews .text { margin-bottom: 18px; }
#mailnews .ex_button { font-size: 128.6%; display: table-cell; vertical-align: middle; width: 415px; line-height: 1; padding: 13px 10px 12px; }
#mailnews .ex_button:hover { opacity: 0.8; filter: alpha(opacity=80); }
#mailnews .ex_button small {font-size: 66.7%; }
#mailnews .ex_button .arw { display: inline-block; padding-left: 12px; background: url(../img/arw_white.png) no-repeat 0 0.35em; }
#mailnews .link .arw { display: inline-block; padding-left: 12px; background: url(../img/arw.png) no-repeat 0 0.45em; }

.arw { background: url("../img/arw.png") no-repeat scroll left 0.35em transparent; padding-left: 12px; }


#popup { width: 640px; margin: 0 auto; font-size: 87.5%; }
#popup .close { background-color: #f2f2f2; padding: 25px 0 20px; margin-bottom: 50px; }
#popup .close a { display: block; width: 238px; border: 1px solid #b3b3b3; background-color: #fff; padding: 8px 0 6px; font-size: 85.7%; font-weight: bold; margin: 0 auto; color: #333; text-align: center; text-decoration: none; cursor: pointer; }
#popup .close span:before { content:"×"; }
#popup .close a:hover { text-decoration: underline; }
#popup #accessmap .head_mtech { background-color: #e60012; color: #fff; font-size: 128.6%; font-weight: bold; text-align: center; padding: 40px 0 35px; }
#popup #accessmap .head_dms { background-color: #e60012; color: #fff; font-size: 128.6%; font-weight: bold; text-align: center; padding: 40px 0 35px; }
#popup #accessmap #map01 { background-color: #f2f2f2; text-align: center; padding: 40px 30px; }
#popup #accessmap #map02 { background-color: #d9d9d9; text-align: center; padding: 40px 30px; }
#popup #accessmap #map02 img { margin: 0 0 0 -10px; }

#popup #products{ background-color: #f2f2f2; }
#popup #products #products_head { display: table; padding: 25px 30px; width: 580px; height: 54px; color: #fff; font-weight: bold; }
#popup #products #products_head .new { display: table-cell; vertical-align: top; width: 50px; }
#popup #products #products_head .new span { display: block; min-height: 20px; text-align: center; font-weight: bold; background: #ffd900; font-size: 85.7%; color: #333; padding: 15px 5px 12px; }
#popup #products #products_head .comingsoon { display: table-cell; vertical-align: top; width: 50px; }
#popup #products #products_head .comingsoon span { display: block; min-height: 30px; text-align: center; font-weight: bold; background: #fff; font-size: 85.7%; color: #218d1b; padding: 10px 8px 8px; line-height: 1.2; }
#popup #products #products_head .name { display: table-cell; padding-left: 10px; width: 400px; }
#popup #products #products_head em { font-size: 128.6%; }
#popup #products #products_head.sol01 { background: url(../products/img/bg_sol01_pc.png) #218d1b no-repeat 500px 25px;}
#popup #products #products_head.sol02 { background: url(../products/img/bg_sol02_pc.png) #218d1b no-repeat 500px 25px;}
#popup #products #products_head.sol03 { background: url(../products/img/bg_sol03_pc.png) #218d1b no-repeat 500px 25px;}
#popup #products .section { padding:0 30px; margin-top: 28px; }
#popup #products .section .head { font-weight: bold; margin-bottom: 5px; }
#popup #products .section .note { font-size: 85.7%; }
#popup #products #lead .head { color: #33a02c; font-size: 114.3%; }
#popup #products #lead .text { float: left; width: 320px; }
#popup #products #lead .img { float: right; position: relative; }
#popup #products #lead .img .product { border: 1px solid #d1d1d1; width: 238px; }
#popup #products #lead .img .pickup { position: absolute; top: -20px; right: -20px; }
#popup #products #lead .img .pickup img { width: 82px; }
#popup #products #linkarea { margin-top: 30px; padding: 30px; background-color: #D9D9D9; }
#popup #products #linkarea ul li { float: left; width: 287px; margin-bottom: 5px; margin-left: 6px; }
#popup #products #linkarea ul.single li { float: none; width: 100%; margin-bottom: 0; margin-left: 0; }
#popup #products #linkarea ul li.odd { margin-left: 0; }
#popup #products #linkarea ul li span { display: inline-block; min-height: 19px; }
#popup #products #linkarea ul li.feature span { background: url(../products/img/bg_feature.png) no-repeat left top; padding-left: 25px; }
#popup #products #linkarea ul li.spec span { background: url(../products/img/bg_spec.png) no-repeat left top; padding-left: 26px; }
#popup #products #linkarea ul li.download span { background: url(../products/img/bg_download.png) no-repeat left top; padding-left: 28px; }
#popup #products #linkarea ul li.catalog span { background: url(../products/img/bg_catalog.png) no-repeat left top; padding-left: 25px; }
#popup #products #linkarea ul li a { display: block; padding: 10px; background-color: #33a02c; color: #FFF; font-weight: bold; text-align: center; }
#popup #products #linkarea ul li a:hover { opacity: 0.8; filter: alpha(opacity=80); text-decoration: none; }
#popup #products #linkarea .note { font-size: 85.7%; margin-top: 5px; }
#popup #products .info { text-align: center; font-weight: bold; color: #218d1b; }

#popup #qr { background-color: #f2f2f2; }
#popup #qr .head { background-color: #218d1b; padding: 25px 30px; width: 580px; color: #fff; font-weight: bold; font-size: 128.6%; text-align: center; }
#popup #qr .image { padding: 30px 0; text-align: center; }
#popup #qr .text { background-color: #d9d9d9; padding: 30px; }
#popup #qr .text .bold { margin-bottom: 10px; }




@media screen and (max-width: 640px) {

.exhibition_section {
	padding:0;
}

.column_wrap.plist {
	padding:0 8px;
}

.plist .column_item.column_grid_4 {
	width:100%!important;
}

.plist .column_item.column_grid_4.middle {
    margin-left: 0px;
    margin-right: 0px;
}

.pc_icon {
    display: inline;
    padding-left: 3px;
    vertical-align: baseline !important;
}

.access a { width: auto; }
.access a span { background: url(../img/arw_2x.png) no-repeat left 0.3em; background-size: 8px auto; }
.access img {vertical-align:top!important;}
#catalog { padding: 40px 20px; }
#catalog .head span { background-image: url(../img/bg_catalog_2x.png); background-size: 24px auto; }
#catalog .ex_button,
#solution .ex_button { font-size: 100%; width: 93% }
#catalog .ex_button .arw { background-image: url(../img/arw_2x.png); background-size: 8px auto; }

#mailnews { padding: 40px 20px; }
#mailnews .head span { background-image: url(../img/bg_mailnews_2x.png); background-size: 27px auto; }
#mailnews .head + p { text-align: center; margin-bottom: 25px; }
#mailnews #member { float: none; width:auto; margin-bottom: 30px; }
#mailnews #member .label { font-size: 128.6%; margin-bottom: 15px; }
#mailnews #regist { float: none; width:auto; }
#mailnews #regist .label { font-size: 128.6%; margin-bottom: 15px; }
#mailnews .text { margin-bottom: 10px; }
#mailnews .ex_button { display: block; font-size: 100%; width: 93%; height:auto; }
#mailnews .ex_button small {font-size: 78.6%; }
#mailnews .ex_button .arw { background-image: url(../img/arw_white_2x.png); background-size: 8px auto; }

#popup { width: auto; position: relative; }
	#popup .close { margin-bottom: 0; }
	#popup .closebtn { position: absolute; top: 0; right: 0; }
	#popup #accessmap .head { font-size: 114.3%; padding: 30px 0; }
	#popup #accessmap #map01,
	#popup #accessmap #map02 { padding: 40px 10px; }
	#popup #accessmap #map02 img { margin: 0 auto; }
	#popup #accessmap img { max-width: 100%; }
	#popup #products #products_head { padding: 30px 20px 40px; box-sizing: border-box; width: 100%;  height: auto!important; }
	#popup #products #products_head.sol01 { background: url(../products/img/bg_sol01_sp.png) #218d1b no-repeat 93.7% 90%; background-size: 50px auto; }
	#popup #products #products_head.sol02 { background: url(../products/img/bg_sol02_sp.png) #218d1b no-repeat 93.7% 90%; background-size: 50px auto; }
	#popup #products #products_head.sol03 { background: url(../products/img/bg_sol03_sp.png) #218d1b no-repeat 93.7% 90%; background-size: 50px auto; }
	#popup #products .section { padding:0 20px; margin-top: 25px; }
	#popup #products #products_head .new { width: 4.1em;  }
	#popup #products #products_head .new span { width: 3.1em; min-height: 0; padding: 1.3em 0.5em; }
	#popup #products #products_head .comingsoon { width: 4.1em;  }
	#popup #products #products_head .comingsoon span { width: 2.6em; min-height: 0; padding: 0.8em 0.8em; }
	#popup #products #products_head .name { width: auto; }
	#popup #products #lead .text { width: auto; float: none; display: table-cell; }
	#popup #products #lead .img { float: none; margin-bottom: 30px;  }
	#popup #products #lead .img .product {  width: auto; max-width: 100%; }
	#popup #products #linkarea { padding: 20px; }
	#popup #products #linkarea ul li { float: none; width: 100%; margin-bottom: 2px; margin-left: 0; }
	#popup #products #linkarea ul li span { min-height: 20px; }
	#popup #products #linkarea ul li.feature span { background: url(../products/img/bg_feature_2x.png) no-repeat left top; background-size: 17px auto; }
	#popup #products #linkarea ul li.spec span { background: url(../products/img/bg_spec_2x.png) no-repeat left top; background-size: 21px auto; }
	#popup #products #linkarea ul li.download span { background: url(../products/img/bg_download_2x.png) no-repeat left top; background-size: 21px auto; }
	#popup #products #linkarea ul li.catalog span { background: url(../products/img/bg_catalog_2x.png) no-repeat left top; background-size: 21px auto; }


.sec_box {
margin: 20px 0px;
padding: 0px 15px;
}


}