@charset "utf-8";
/* CSS Document */
/* 201702 */

img{vertical-align:top;
	vertical-align:bottom;}

.ftL{float:left;}
.ftR{float:right;}

.pdT5 {padding-top:5px;}
.pdT10{padding-top:10px;}
.pdT20{padding-top:20px;}
.pdT30{padding-top:30px;}
.pdT40{padding-top:40px;}
.pdT50{padding-top:50px;}

.mgR20{margin-right:20px;}

.mgB10{margin-bottom:10px;}
.mgB20{margin-bottom:20px;}
.mgB30{margin-bottom:30px;}
.mgB40{margin-bottom:40px;}
.mgB50{margin-bottom:50px;}

.mgL10{margin-left:10px;}
.mgL15{margin-left:15px;}

.txtC{text-align:center;}

.w712{width:712px;}
.w680{width:680px;}


/* ============================================================

 バイオメディカル 特集ページ作成

 ============================================================ */ 

/* 仕様　CSS調整*/
.miptec_support{
	float:right;
	width:728px;
	_width:754px;
}

.catalog{
    float:left;
	margin:0 0 20px 212px;
	padding-bottom: 10px;
	background: url('/ac/j/common/images/parts_01.gif') no-repeat scroll 0px center #FFF;
	height: 26px;
	width: 370px;
	padding: 2px 0px 0px 15px;
}
.catalog p{
font-family: "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-size: 15px;
color: #777059;
letter-spacing: 0.1em;
line-height: 170%;
}



/* --------------------------------------------------
 
   タイトルイメージ

-------------------------------------------------- */
#titleBox{}

#titleBox div.mainImg{
	position:relative;
	background:#f8f8f8;
	width:966px;
	height:270px;
}

#titleBox div.mainImg h2{
	display:inline;
	position:absolute;
	top:10px;
	left:25px;
}

#titleBox div.mainImg p.mainTxt{
	position:absolute;
	top:80px;
	left:30px;
	width:480px;
	color:#333;
	font-size:14px;
	line-height:120%;
}

#titleBox div.mainImg p.imgItem{
	position:absolute;
	top:25px;
	left:332px;
}


#titleBox div.mainImg p.imgItem_topplabtn{
	position:absolute;
	top:170px;
	left:28px;
}

#titleBox div.mainImg p.imgItem_toplsrbtn{
	position:absolute;
	top:170px;
	left:203px;
}

#titleBox div.mainImg p.imgItem_topclabtn{
	position:absolute;
	top:170px;
	left:378px;
}


#titleBox div.mainImg p.imgItem_topprobtn{
	position:absolute;
	top:210px;
	left:28px;
}

#titleBox div.mainImg p.imgItem_topappbtn{
	position:absolute;
	top:210px;
	left:203px;
}

#titleBox div.mainImg p.imgItem_topfaqbtn{
	position:absolute;
	top:210px;
	left:378px;
}




#titleBox div.mainImg div{
	position:absolute;
	border:#EEE 1px solid;
	width:383px;
	top:25px;
	right:25px;
}

#titleBox div.menuImg{
	background:#ddd;
	width:966px;
	height:90px;
}

#titleBox div.menuImg p.ftL{
	float:left;
	color:#333;
	font-size:15px;
	font-weight:bold;
	line-height:140%;
	padding:25px 0 0 20px;
}

#titleBox div.menuImg p.ftR{
	color:#333;
	font-size:15px;
	font-weight:bold;
	padding:20px 25px 0 0;
}
#titleBox div.menuImg p.ftR span{
	margin:0 10px;
	line-height:35px;
	vertical-align:middle;
	_vertical-align:-50%;
}



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

   コンテンツエリア

-------------------------------------------------- */
#welding{
	clear:both;
	padding-top:10px;
}


/******************* 左メニュー *******************/

/* ---- sub content --- */
#sub_content{
	float:left;
	width:212px;
}

#sub_content ul li{
	width:212px;
	background:url(/ac/j/fasys/special/biomedical/common/images/btn_sub.png) no-repeat left center;
	margin-bottom:4px;
}

#sub_content ul li.link_sub{
	width:200px;
	background:url(/ac/j/fasys/special/biomedical/common/images/btn_sub2.png) no-repeat left center;
	margin-bottom:4px;
	margin-left:12px;
}

#sub_content ul li.link_sub2{
	width:188px;
	background:url(/ac/j/fasys/special/biomedical/common/images/btn_sub3.png) no-repeat left center;
	margin-bottom:4px;
	margin-left:24px;
}

#sub_content ul li.link_sub3{
	width:176px;
	background:url(/ac/j/fasys/special/biomedical/common/images/btn_sub4.png) no-repeat left center;
	margin-bottom:4px;
	margin-left:24px;
}


#sub_content ul li:hover{
	/*cursor:pointer;*/
	background:url(/ac/j/fasys/special/biomedical/common/images/btn_sub_r.png) no-repeat left center;
}

#sub_content ul li.link_sub:hover{
	/*cursor:pointer;*/
	background:url(/ac/j/fasys/special/biomedical/common/images/btn_sub2_r.png) no-repeat left center;
}

#sub_content ul li.link_sub2:hover{
	/*cursor:pointer;*/
	background:url(/ac/j/fasys/special/biomedical/common/images/btn_sub3_r.png) no-repeat left center;
}

#sub_content ul li.link_sub3:hover{
	/*cursor:pointer;*/
	background:url(/ac/j/fasys/special/biomedical/common/images/btn_sub4_r.png) no-repeat left center;
}


#sub_content ul li span{
	display:block;
	background:url(/ac/j/fasys/special/biomedical/common/images/btn_sub_ic.gif) no-repeat left top;
	width:200px;
}

#sub_content ul li.link_sub span{
	display:block;
	background:url(/ac/j/fasys/special/biomedical/common/images/btn_sub2_ic.gif) no-repeat left top;
	width:188px;
}

#sub_content ul li.link_sub2 span{
	display:block;
	background:url(/ac/j/fasys/special/biomedical/common/images/btn_sub3_ic.gif) no-repeat left top;
	width:176px;
}

#sub_content ul li.link_sub3 span{
	display:block;
	background:url(/ac/j/fasys/special/biomedical/common/images/btn_sub4_ic.gif) no-repeat left top;
	width:164px;
}



#sub_content ul li a{
	display:block;
	padding:12px 27px 15px 10px;
	color:#333;
	font-size:14px;
	font-weight:bold;
	line-height:120%;
	_border:#CCC 1px solid;
	_width:100%;
	_height:100%;
}

#sub_content ul li.link_sub a{
	display:block;
	padding:12px 27px 15px 10px;
	color:#333;
	font-size:14px;
	font-weight:bold;
	line-height:120%;
	_border:#CCC 1px solid;
	_width:100%;
	_height:100%;
}

#sub_content ul li.link_sub2 a{
	display:block;
	padding:12px 27px 15px 10px;
	color:#333;
	font-size:14px;
	font-weight:bold;
	line-height:120%;
	_border:#CCC 1px solid;
	_width:100%;
	_height:100%;
}

#sub_content ul li.link_sub3 a{
	display:block;
	padding:12px 27px 15px 10px;
	color:#333;
	font-size:14px;
	font-weight:bold;
	line-height:120%;
	_border:#CCC 1px solid;
	_width:100%;
	_height:100%;
}




#sub_content ul li:hover a{
	border:#395ea6 1px solid;
	text-decoration:none;
	color:#FFF;
}

#sub_content ul li.link_sub:hover a{
	border:#395ea6 1px solid;
	text-decoration:none;
	color:#FFF;
}

#sub_content ul li.link_sub2:hover a{
	border:#395ea6 1px solid;
	text-decoration:none;
	color:#FFF;
}

#sub_content ul li.link_sub3:hover a{
	border:#395ea6 1px solid;
	text-decoration:none;
	color:#FFF;
}


#sub_content ul li.link_now{
	/*cursor:default;*/
	background:url(/ac/j/fasys/special/biomedical/common/images/btn_sub_r.png) no-repeat left center;
	margin-bottom:4px;
	padding-right:12px;
}

#sub_content ul li.link_now_sub{
	/*cursor:default;*/
	background:url(/ac/j/fasys/special/biomedical/common/images/btn_sub2_r.png) no-repeat left center;
	margin-bottom:4px;
	margin-left:12px;
	padding-right:12px;
}

#sub_content ul li.link_now_sub2{
	/*cursor:default;*/
	background:url(/ac/j/fasys/special/biomedical/common/images/btn_sub3_r.png) no-repeat left center;
	margin-bottom:4px;
	margin-left:24px;
	padding-right:12px;
}

#sub_content ul li.link_now_sub3{
	/*cursor:default;*/
	background:url(/ac/j/fasys/special/biomedical/common/images/btn_sub4_r.png) no-repeat left center;
	margin-bottom:4px;
	margin-left:24px;
	padding-right:12px;
}



#sub_content ul li.link_now span{
	display:block;
	padding:12px 27px 15px 10px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	line-height:120%;
}

#sub_content ul li.link_now_sub span{
	display:block;
	padding:12px 27px 15px 10px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	line-height:120%;
}

#sub_content ul li.link_now_sub2 span{
	display:block;
	padding:12px 27px 15px 10px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	line-height:120%;
}

#sub_content ul li.link_now_sub3 span{
	display:block;
	padding:12px 27px 15px 10px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	line-height:120%;
}



#sub_content ul li.link_now_sub span{
	display:block;
	background:url(/ac/j/fasys/special/biomedical/common/images/btn_sub2_ic.gif) no-repeat left top;
	width:188px;
}

#sub_content ul li.link_now_sub2 span{
	display:block;
	background:url(/ac/j/fasys/special/biomedical/common/images/btn_sub3_ic.gif) no-repeat left top;
	width:176px;
}

#sub_content ul li.link_now_sub3 span{
	display:block;
	background:url(/ac/j/fasys/special/biomedical/common/images/btn_sub4_ic.gif) no-repeat left top;
	width:164px;
}


/* ---- /sub content --- */





/******************* 右コンテンツ *******************/


#welding div.content_wrap{
	float:right;
	border:#CCC 1px solid;
	padding:20px;
	width:712px;
	_width:754px;
	margin-bottom:20px;
}

#welding div.content_wrap h3{
	clear:both;
	background:url(/ac/j/fasys/special/biomedical/common/images/list_head.png) no-repeat 0 1px;
	color:#333;
	font-size:20px;
	font-weight:bold;
	line-height:100%;
	padding-left:15px;
	margin-bottom:10px;
}

#welding div.content_wrap h3 span{
	font-size:12px;
	font-weight:bold;
	vertical-align:baseline;
	padding-left:20px;
}

#welding div.content_wrap h4{
	clear:both;
	color:#333;
	font-size:18px;
	font-weight:bold;
	line-height:100%;
	margin-bottom:10px;
}

#welding div.content_wrap h4.voc{
	color:#2c3eb9;
	width:100%;
	padding-bottom:2px;
	border-bottom:medium solid #ddd;
}

#welding div.content_wrap h4.ans{
	color:#d00;
	width:100%;
	padding-bottom:2px;
	border-bottom:
	medium solid #ddd;
}


#welding div.content_wrap p{
	color:#333;
	font-size:12px;
	line-height:140%;
}


/*  紫●のリスト
---------------------------------------- */
#welding div.content_wrap ul.pointList{
}

#welding div.content_wrap ul.pointList li{
	background:url(/ac/j/fasys/special/biomedical/common/images/list_icon.png) no-repeat 0 4px;
	padding:0 0 5px 15px;
	font-size:12px;
	line-height:140%;
}


/* ==================================================
   トップページ
================================================== */

/*  緑枠のリスト
---------------------------------------- */
#welding div.content_wrap dl.itemBox{
	background:url(/ac/j/fasys/special/biomedical/common/images/itembox_bg_top.png) no-repeat 0 25px;
	width:712px;
}

#welding div.content_wrap dl.itemBox dt{
	color:#333;
	font-size:15px;
	font-weight:bold;
	padding-bottom:30px;
}

#welding div.content_wrap dl.itemBox dd{
	_display:inline-block;
	background:url(/ac/j/fasys/special/biomedical/common/images/itembox_bg_bottom.png) no-repeat 0 bottom;
	padding:0 25px 25px 25px;
}

#welding div.content_wrap dl.itemBox div.ftL{
	display:inline-block;
	width:auto;
}

#welding div.content_wrap dl.itemBox div.ftL p{
	font-size:13px;
	line-height:140%;
}
#welding div.content_wrap dl.itemBox div.ftL p strong{
	font-size:15px;
	color:#F60;
}

#welding div.content_wrap dl.itemBox div.ftL ul.pointList{
	background:#FFF;
	width:224px;
	_width:240px;
	padding:8px 8px 3px 8px;
}


/*  開閉式のリスト
---------------------------------------- */
#welding div.content_wrap dl.accordion{
	padding-top:7px;
	width:712px;
}

#welding div.content_wrap dl.accordion dt{
	display:block;
	background:#EBEBEB url(/ac/j/fasys/special/biomedical/common/images/icon_close.png) no-repeat 9px center;
	padding:6px 6px 6px 32px;
	color:#6666CC;
	font-size:16px;
	font-weight:bold;
	cursor:pointer;
	_width:712px;
}
#welding div.content_wrap dl.accordion dt:hover{
	color:#9494DB;
	text-decoration:underline;
}

#welding div.content_wrap dl.accordion dt.open{
	background-image:url(/ac/j/fasys/special/biomedical/common/images/icon_open.png);
}

#welding div.content_wrap dl.accordion dd{
	_display:inline-block;
	border:#CCC 1px solid;
	padding:15px;

}


/*  交互色違いテーブル
---------------------------------------- */
#welding div.content_wrap table.evenTbl{
    border-collapse:collapse;
    border-spacing:0;
}

#welding div.content_wrap table.evenTbl th,
#welding div.content_wrap table.evenTbl td{
	padding:5px 8px;
	color:#333;
	font-size:12px;
	text-align:left;
}

#welding div.content_wrap table.evenTbl tr.even{
	background:#EAE6E5;
}


/* ==================================================
   導入プロセス
================================================== */

table.process_chart {
	width: 100%;
	border-spacing: 8px 8px;
}

table.process_chart td {
	padding: 6px;
}

table.process_chart td.title {
	background-color:#0dd;
}

table.process_chart td.description {
	background-color:#9ff;
}

table.process_chart td.decision {
	background-color:#c4c400;
}

table.process_chart td.arrow {
	vertical-align: middle;
}

table.process_chart td.title p.para,
table.process_chart td.decision p.para {
	font-weight:bold;
	text-align: center;
}

























/* ==================================================
   提案例
================================================== */
#welding div.content_wrap div.solBox{
	width:712px;
}

#welding div.content_wrap div.solBox div.ftL{
	width:220px;
}

#welding div.content_wrap div.solBox dl.caseList{
	padding-top:15px;
}

#welding div.content_wrap div.solBox dl.caseList dt{
	background:#F90;
	width:50px;
	color:#FFF;
	font-size:12px;
	padding:2px 0;
	text-align:center;
}

#welding div.content_wrap div.solBox dl.caseList dd{
	font-size:11px;
	line-height:130%;
	padding-top:5px;
}


/* ==================================================
   アプリケーション
================================================== */
div.application #welding div.content_wrap{
	background:url(/ac/j/fasys/special/biomedical/application/images/app_bg.png) no-repeat bottom right;
}

#welding div.content_wrap p.appTxt{
	font-size:13px;
	line-height:130%;
	margin-bottom:30px;
}

#welding div.content_wrap p.appTxt strong{
	color:#66C;
	font-size:20px;
	line-height:26px;
}

#welding div.content_wrap dl.appBox{
	position:relative;
}

#welding div.content_wrap dl.appBox dt{
	position:absolute;
	left:0;
	width:150px;
	height:110px;
	padding-top:3px;
	background-repeat:no-repeat;
	background-position:0 0;
	color:#66C;
	font-size:18px;
	font-weight:bold;
}

dl.appBox dt.case1{background-image:url(/ac/j/fasys/special/biomedical/application/images/case1_bg.png);}
dl.appBox dt.case2{background-image:url(/ac/j/fasys/special/biomedical/application/images/case2_bg.png);}
dl.appBox dt.case3{background-image:url(/ac/j/fasys/special/biomedical/application/images/case3_bg.png);}
dl.appBox dt.case4{background-image:url(/ac/j/fasys/special/biomedical/application/images/case4_bg.png);}

#welding div.content_wrap dl.appBox dd{
	padding:0 0 0 160px;
	margin-bottom:40px;
}
#welding div.content_wrap dl.appBox dt.last{
	width:712px;
}
#welding div.content_wrap dl.appBox dd.last{
	height:104px;
}


/* ==================================================
   製造プロセス
================================================== */
#welding div.content_wrap div.proBox{
	margin-bottom:40px;
}

#welding div.content_wrap div.proBox dl{
	position:relative;
	background-repeat:no-repeat;
	background-psition:0 0;
}

div.proBox dl.step1{background-image:url(/ac/j/fasys/special/biomedical/process/images/step1_bg.png);
					height:120px;}
div.proBox dl.step2{background-image:url(/ac/j/fasys/special/biomedical/process/images/step2_bg.png);
					height:240px;}
div.proBox dl.step3{background-image:url(/ac/j/fasys/special/biomedical/process/images/step3_bg.png);
					height:370px;}
div.proBox dl.step4{background-image:url(/ac/j/fasys/special/biomedical/process/images/step4_bg.png);
					height:130px;}

#welding div.content_wrap div.proBox dl dt{
	position:absolute;
	left:30px;
	width:105px;
	color:#66C;
	font-size:18px;
	font-weight:bold;
	padding-top:3px;
}

#welding div.content_wrap div.proBox dl dd{
	position:relative;
	width:570px;
	margin-left:142px;
	background-repeat:repeat-y;
	background-position:top right;
}

div.proBox dl.step1 dd,
div.proBox dl.step3 dd{background-image:url(/ac/j/fasys/special/biomedical/process/images/bg_001.png);}
div.proBox dl.step2 dd,
div.proBox dl.step4 dd{background-image:url(/ac/j/fasys/special/biomedical/process/images/bg_002.png);}

#welding div.content_wrap div.proBox dl dd p.stepTxt{
	position:absolute;
	left:30px;
	font-size:13px;
	font-weight:bold;
	line-height:140%;
}

#welding div.content_wrap div.proBox dl dd p.stepImg{
	padding-left:220px;
}

#welding div.content_wrap div.movieBox{
	position:relative;
	width:712px;
	height:254px;
	background:#F1EFF7;
}

#welding div.content_wrap div.movieBox dl{
	position:absolute;
	top:25px;
	left:20px;
	width:240px;
}
#welding div.content_wrap div.movieBox dl dt{
	color:#66C;
	font-size:18px;
	font-weight:bold;
}
#welding div.content_wrap div.movieBox dl dd{
	font-size:12px;
	line-height:150%;
	padding-top:10px;
}

#welding div.content_wrap div.movieBox div{
	position:absolute;
	top:20px;
	right:20px;
	width:383px;
}


/* ==================================================
   仕様
================================================== */

/*  グレー線の基本テーブル
-------------------------------------------------- */
#welding div.content_wrap table.specTbl{
    border:1px #999 solid;
    border-collapse:collapse;
    border-spacing:0;
}

#welding div.content_wrap table.specTbl thead th{
	border-bottom:1px #999 solid;
	border-left:1px #999 solid;   
    background:#D5D5D5;
	padding:4px 8px;
	color:#333;
	font-size:12px;
	line-height:120%;
	text-align:center;
}

#welding div.content_wrap table.specTbl tbody th{
	border-bottom:1px #999 solid;
	border-left:1px #999 solid;   
    background:#EFEFEF;
	padding:4px 8px;
	color:#333;
	font-size:12px;
	line-height:120%;
	text-align:left;
}

#welding div.content_wrap table.specTbl tbody td{
	border-bottom:1px #999 solid;
	border-left:1px #999 solid;
	padding:4px 8px;
	color:#333;
	font-size:12px;
	line-height:120%;
	vertical-align:middle;
	text-align:center;
}

#welding div.content_wrap table.specTbl span{
	font-size:11px;
	vertical-align:bottom;
}

#welding div.content_wrap table.specTbl td.unit{
	background:#EFEFEF;
}

#welding div.content_wrap div.ruleBox{
	width:712px;
	margin-bottom:40px;
}

#welding div.content_wrap div.ruleBox p span{
	padding:0 0.4em;
}

#welding div.content_wrap div.ruleBox p.ftL{
	width:270px;
}

#welding div.content_wrap div.ruleBox p.ftR{
	width:435px;
}

#welding div.content_wrap div.ruleBox table{
	margin-top:5px;
	_margin-top:7px;
	width:435px;
}
#welding div.content_wrap div.ruleBox table th,
#welding div.content_wrap div.ruleBox table td{
	padding:7px 8px 6px;
	_padding:6px 8px;
}



/*  適合表のセル塗り
-------------------------------------------------- */

.TableD .MainTableArea table td.bg_gray{
	background-color:#ccc;
}


.TableD .MainTableArea table td.bg_blue{
	background-color:#ccecff;
}


/*  お問い合わせエリア biomedical_inquiry.jsp
-------------------------------------------------- */

#inquiry_area{
	width:712px;
	background-color:#efefef;
	display:table;
	margin-bottom:20px;
}

#inquiry_area div.col{
	width:45%;
	padding:16px;
	display:table-cell;
	float:left;
}

#inquiry_area div.col p.title{
	font-size:14px;
	font-weight:bold;
	color:#0040c4;
}

#inquiry_area div.col p.tel{
	font-size:22px;
	font-weight:bold;
}

#inquiry_area div.col p.note{
	font-size:10px;
}