@charset "UTF-8";

/* halogenHeater */


h1,h2,h3,h4{
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

img{
	margin: 0;
	padding: 0;
}

/* MAIN
--------------------------------------------------------------*/
#MAIN{
	background-image: none;
	padding-left: 1px;
	padding-right: 1px;
	width: 746px;
}

/* BODY
--------------------------------------------------------------*/
#BODY{
	background-image: none;
	padding-top: 0;
	padding-left: 0;
	padding-right: 23px;
}

/* SIDEBAR
--------------------------------------------------------------*/
#SIDEBAR{
	background: url(/images/tw/special_feature/opm/2nd_body_bg.gif) repeat-x 1px top;
	padding: 0;
	width: 169px;
	height: 813px;
	margin:0;
}

/* sectionH1
--------------------------------------------------------------*/
#MAIN.sectionH1{}
#MAIN.sectionH1 h1{
	margin: 20px 0 20px;
}
#MAIN.sectionH1 p{
	font-size:95%;
	margin: 0 0 25px;
}
#MAIN.sectionH1 img{
	vertical-align: bottom;
}

#MAIN.sectionH1 .sectionB{
	background: url(/images/tw/special_feature/opm/index_back_01.gif) no-repeat left top;
	padding:18px 0 0 0;
	height:100%;
}

/* plugin */
#MAIN.sectionH1 .plugin{
	background-color:#f2f2f2;
	border: 1px solid #dddddd;
	margin: 0 23px 40px;
	padding: 12px 10px;
}
#MAIN.sectionH1 .plugin p{
	margin: 0;
}
#MAIN.sectionH1 .plugin a{
	float: left;
	padding: 0 10px 0 0;
}


/* SIDEBAR */
#MAIN.sectionH1 #SIDEBAR.sectionH2{
	margin: 0;
	padding: 8px 0 0;
}
#MAIN.sectionH1 #SIDEBAR.sectionH2 ul{
	background-color: #dededc;
	padding: 14px 0 0;
	margin: 0 0 0 4px;
}
#MAIN.sectionH1 #SIDEBAR.sectionH2 ul.first-child{
	background: none;
	padding: 0;
	margin: 0 0 0 4px;
}
#MAIN.sectionH1 #SIDEBAR.sectionH2 ul li{
	background: none;
	margin: 0 0 1px;
	padding: 0;
}


/* sectionH2_2nd
--------------------------------------------------------------*/

#MAIN.sectionH1 .sectionH2_2nd{
	margin: 0 0 40px;
}

#MAIN.sectionH1 .sectionH2_2nd h2{
	margin: 0 0 20px;
}

#MAIN.sectionH1 .sectionH2_2nd p{
	padding: 0 15px;
	line-height: 1.7em;
}

#MAIN.sectionH1 .sectionH2_2nd .sectionH3{
	padding: 20px 10px 0;
}
#MAIN.sectionH1 .sectionH2_2nd .sectionH3.first-child{
	padding: 0 10px;
}
#MAIN.sectionH1 .sectionH2_2nd .sectionH3 h3{
	border-left: 5px solid #028C73;
	background:#EBEBEB;
	color: #028C73;
	font-size:95%;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 4px 0 2px 5px;
}

#MAIN.sectionH1 .sectionH2_2nd .sectionH3 h3.section_ctg1{
	background: url(/images/tw/special_feature/opm/2nd_03_01.gif) no-repeat right 2px #EBEBEB;
}

#MAIN.sectionH1 .sectionH2_2nd .sectionH3 h3.section_ctg3{
	background: url(/images/tw/special_feature/opm/2nd_03_03.gif) no-repeat right 2px #EBEBEB;
}

#MAIN.sectionH1 .sectionH2_2nd .sectionH3 h3.section_ctg4{
	background: url(/images/tw/special_feature/opm/2nd_03_04.gif) no-repeat right 2px #EBEBEB;
}


#MAIN.sectionH1 .sectionH2_2nd .sectionH3 p{
	margin: 0;
	padding: 0;
}

#MAIN.sectionH1 p.sectionp{
	margin: 0 0 33px;
	padding: 0;
	width:534px;
	line-height: 1.7em;
}

#MAIN.sectionH1 .sectionH2_2nd .sectionH3 ul{
	margin: 0;
	padding: 0;
}
#MAIN.sectionH1 .sectionH2_2nd .sectionH3 ul li{
	margin: 0;
	padding: 0;
	line-height: 1.7em;
	font-size:95%;
}

#MAIN.sectionH1 .sectionH2_2nd h4{
	margin:0 0 2px 59px;
	padding:0;
}


#MAIN.sectionH1 .sectionH6{
	background: url(/images/tw/special_feature/opm/2nd_back_02.gif) no-repeat left top;
	margin: 0;
	padding: 48px 0 30px 0;
	height:8em;
}

#MAIN.sectionH1 .sectionH6 h2{
	margin: 0 0 15px;
	padding: 0;
}

#MAIN.sectionH1 .sectionH6 p{
	margin: 0 0 5px 10px;
	padding: 0;
	line-height:1.7em;
}

/* contactArea */


/* sectionH4
--------------------------------------------------------------*/
#MAIN.sectionH1 .sectionH2 .sectionH3 .sectionH4{
}


/* indexPage
--------------------------------------------------------------*/
#MAIN.sectionH1.indexPage{
	background-image: none;
}

/* tltArea */
#MAIN.sectionH1.indexPage .tltArea{
	margin: 0;
}
#MAIN.sectionH1.indexPage .tltArea h1{
	margin: 0;
}

/* sectionH2
--------------------------------------------------------------*/
#MAIN.sectionH1.indexPage .sectionB .sectionH2{
	padding: 0 21px;
	margin: 0;
}
#MAIN.sectionH1.indexPage .sectionB .sectionH2 h2{
	margin: 0 0 5px;
}

#MAIN.sectionH1.indexPage .sectionB .sectionH2 .sectionH3{
	float: left;
	margin: 10px 0 0;
	padding: 0;
	width: 344px;
}
#MAIN.sectionH1.indexPage .sectionB .sectionH2 .sectionH3.first-child{
	margin-left: 7px;
}

#MAIN.sectionH1.indexPage .sectionB .sectionH2 .sectionH3 h3{
	margin: 0;
	padding: 0;
}

#MAIN.sectionH1.indexPage .sectionB .sectionH2 .sectionH3 p{
	font-size:95%;
	height: 5em;
	padding: 0 15px 10px;
	margin:10px 0 0;
	line-height: 1.7em;
}

#MAIN.sectionH1.indexPage .sectionB .sectionH2 .sectionH3 p a{
	white-space:nowrap;
	border-right:solid 1px #555 !important;
	padding-right:0.8em;
}

#MAIN.sectionH1.indexPage .sectionB .sectionH2 .sectionH3 p a:last-child{
	border-right:none !important;
}

#MAIN.sectionH1.indexPage .sectionB .sectionH2 .sectionH3 .sectionH4{
	background-color: #ebebeb;
	padding: 10px 0 14px 10px;
	_padding: 14px 0 14px 10px;
	margin: 0 10px 5px;
}

#MAIN.sectionH1.indexPage .sectionB .sectionH2 .sectionH3 .sectionH4 p{
	background :none;
	line-height: 1.7em;
	padding: 0;
	margin: 0;
	height: 3.5em;
}

#MAIN.sectionH1.indexPage .sectionH2.op2{
	background: url(/images/tw/special_feature/opm/index_back_02.gif) no-repeat left top;
	margin: 25px 0 0;
	padding: 47px 0 0;
	height:100%;
}

#MAIN.sectionH1.indexPage .sectionH2.op2 h2{
	margin: 0 0 0 22px;
	padding: 0;
}

/* opm2-x500 */
#MAIN.sectionH1.indexPage .sectionH2.op2 .sectionH5{
	margin:12px 0 0;
}

#MAIN.sectionH1.indexPage .sectionH2.op2 .sectionH5 h3{
	float:left;
	margin: 0;
	padding: 0;
}

#MAIN.sectionH1.indexPage .sectionH2.op2 h4{
	margin: 0 0 18px 179px;
	padding: 0;
}

#MAIN.sectionH1.indexPage .sectionH2.op2 .sectionH5 ul{
	overflow: hidden;
	margin:0 0 0 3px;
	width:538px;
	padding:24px 0 0;
}
#MAIN.sectionH1.indexPage .sectionH2.op2 .sectionH5 ul li{
	float: left;
	padding: 0!important;
}

#MAIN.sectionH1.indexPage .sectionH2.op3{
	background: url(/images/tw/special_feature/opm/index_back_02.gif) no-repeat left top;
	margin: 0;
	padding: 50px 0 0;
	height:100%;
	
}

/* 展示会情報 */
#MAIN.sectionH1.indexPage .sectionH2.op3 .sectionH3{
	width:675px;
	margin: 0 0 0 35px;
	padding: 0;
	border:solid 1px #C5C5C5;
}
#MAIN.sectionH1.indexPage .sectionH2.op3 .sectionH3 div.sub{
	background: url(/images/tw/special_feature/opm/index_back_04.gif) left top repeat;
	border:solid 1px #FFF;
	padding:14px 14px 30px 14px;
	
}

#MAIN.sectionH1.indexPage .sectionH2.op3 .sectionH3 h2{
	margin: 0;
	padding: 0;
}

#MAIN.sectionH1.indexPage .sectionH2.op3 .sectionH3 .sectionH4{
	margin: 0 0 10px;
	padding: 0;
}

#MAIN.sectionH1.indexPage .sectionH2.op3 .sectionH3 .line{
	background: url(/images/tw/special_feature/opm/index_op3_line.gif) no-repeat left 60%;
	padding: 1px;
	margin: 0 0 0 7px;
}

#MAIN.sectionH1.indexPage .sectionH2.op3 .sectionH3 .sectionH4 a{
	background: url(/images/tw/special_feature/opm/index_H3_bg.gif) no-repeat left 5px;
	padding: 0 0 0 13px;
	margin: 0 35px 0 6px;
	font-size:95%;
	float:left;
	height:2em;
	line-height:1.8em;
	width:180px;
	
}

#MAIN.sectionH1.indexPage .sectionH2.op3 .sectionH3 .sectionH4 p{
	height:2em;
	line-height:1.8em;
	margin: 0;
	padding: 0;
}
/* 展示会ここまで */


/* トップページ  デモ機 */
#MAIN.sectionH1.indexPage .sectionH2.op3{
	margin-bottom: 20px;
	float:left;
}

#MAIN.sectionH1.indexPage .sectionH2.op3 .informationBox{
	margin: 20px 0 0 34px;
	_margin: 20px 0 0 17px;
	padding:14px 14px 20px 14px;
	border:solid 1px #C5C5C5;
	float:left;
	width:649px;
}

#MAIN.sectionH1.indexPage .sectionH2.op3 .informationBox h2{
	margin: 0 0 15px;
	padding: 0;
	clear:both ;
	width:auto;
}

#MAIN.sectionH1.indexPage .sectionH2.op3 .informationBox p{
	margin: 0 0 0 5px;
	padding: 0;
	line-height:1.7em;
	float:left;
	width:auto;
}


#MAIN.sectionH1.indexPage .sectionH2.op3 .informationBox div.toInformation{
	width:227px;
	float:right;
}



/*デモ機 */
#MAIN.sectionH1 .informationBox{
	margin: 0 0 20px 0;
	padding:14px 14px 20px 14px;
	border:solid 1px #C5C5C5;
	float:left;
	width:510px;
}

#MAIN.sectionH1 .informationBox h2{
	margin: 0 0 15px;
	padding: 0;
	clear:both ;
	width:auto;
}

#MAIN.sectionH1 .informationBox p{
	margin: 0 0 0 5px;
	padding: 0;
	line-height:1.7em;
	float:left;
	width:auto;
}

#MAIN.sectionH1 .informationBox  div.toInformation{
	width:227px;
	float:right;
}


/* facebox popup 共通設定 */
#popup01,#popup02,#popup03,#popup04{
	display:none;
}

#popup0101 h3,#popup0102 h3,#popup0103 h3,#popup02 h3,#popup03 h3,#popup04 h3{
	margin: 0;
	padding: 0;
}

/* 切り替えタブリンク */
p.contextList{
	margin:1em;
	text-align:center;
	font-size:95%;
}


#popup0101 .section_poptop,#popup0102 .section_poptop,#popup0103 .section_poptop{
	padding:10px 0 0;
	margin: 0 10px 0;
	border-bottom: 1px solid #999999;
}

#popup0101 .section_poptop p,#popup0102 .section_poptop p,#popup0103 .section_poptop p{
	font-size:100%;
	line-height:1.7em;
	padding:10px 0;
	margin: 0 0 0 15px;
}

#popup0101 .section_pop01,#popup0102 .section_pop01,#popup0103 .section_pop01{
	background: url(/images/tw/special_feature/opm/popup_line.gif) no-repeat left bottom;
	margin: 15px 0 0 30px;
	padding: 0 0 10px 0;
}


#popup0101 .popimg,#popup0102 .popimg,#popup0103 .popimg{
	width:630px;
	height:210px;
	padding:0 0 10px 10px;
	margin:15px 0 0 30px;
	background: url(/images/tw/special_feature/opm/popup_line.gif) no-repeat left bottom;
}



#popup0101 .popimg img,#popup0102 .popimg img,#popup0103 .popimg img,#popup0101 .popimg03_02 img{
	float:left;
	padding:0;
	margin:0;
}

#popup0101 img.r,#popup0102 img.r,#popup0103 img.r{
	margin:0 0 0 40px;
}

#popup01 strong{
	font-weight:bold;
	font-size:95%;
	line-height:2.5em;
}

#popup0101 .section_pop01 p,#popup0102 .section_pop01 p,#popup0103 .section_pop01 p{
	font-size:100%;
	margin: 0 30px 0 0;
	padding: 0 0 10px;
}

/* トップページ */

.popupImg{
	width:480px;
	display:none;
}

.popupImg p{
	text-align:center;
}




/******************************* レンズ一覧 #popup02 *******************************/
/* 見出し部分 */
#popup02 .section_poptop{
	padding:10px 0 0;
	margin: 0 10px 0;
	border-bottom: 1px solid #999999;
}

#popup02 .section_poptop p{
	font-size:100%;
	line-height:1.7em;
	padding:10px 0;
	margin: 0 0 0 15px;
}


/* 本文 */
#popup02 .section_pop01{
	background: url(/images/tw/special_feature/opm/popup_line.gif) no-repeat left bottom;
	margin:0 0 15px 0;
	padding:15px 20px;
}

	#popup02 .section_pop01 table{
		background:none;
		font-size:100%;
		padding:0;
		border: 1px solid #999999;
		
		width:520px;
	}

	#popup02 .section_pop01 table td{
		background:none;
		padding:5px;
		margin:0;
		border-left: 1px solid #999999;
		border-bottom: 1px solid #999999;
	}

	#popup02 .section_pop01 table td.title.l{
		background-color:#c4c4c4;
		font-weight:bold;
		width:190px;
	}

	#popup02 .section_pop01 table td.title.c{
		background-color:#c4c4c4;
		font-weight:bold;
		width:330px;
	}

	#popup02 .section_pop01 table td.title.r{
		background-color:#c4c4c4;
		font-weight:bold;
		width:100px;
	}

	#popup02 .section_pop01 table td.del{
		border-left: none;
		width:90px;
	}

/******************************* フィルター一覧 #popup03 *******************************/
/* 見出し部分 */
#popup03 .section_poptop{
	padding:10px 0 0;
	margin: 0 10px 0;
	border-bottom: 1px solid #999999;
}


#popup03 .section_poptop p{
	font-size:100%;
	line-height:1.7em;
	padding:10px 0;
	margin: 0 0 0 15px;
}

#popup03 .section_pop01{
	background: url(/images/tw/special_feature/opm/popup_line.gif) no-repeat left bottom;
	margin: 15px 0 0 30px;
	padding: 0 0 10px 0;
}

/* 本文 */
#popup03 .section_pop01 table{
	background:none;
	font-size:100%;
	padding:0;
	border: 1px solid #999999;

	width:520px;
	margin:20px;
}


#popup03 .section_pop01 table td{
	background:none;
	padding:5px;
	margin:0;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

#popup03 .section_pop01 table td.title.l{
	background-color:#c4c4c4;
	font-weight:bold;
	width:190px;
}
#popup03 .section_pop01 table td.title.l{
	width:250px;
}




#popup03 .section_pop01 table td.title.r{
	background-color:#c4c4c4;
	font-weight:bold;
	width:100px;
}

#popup03 .section_pop01 table td.title.r{
	width:250px;
}



#popup03 .section_pop01 table td.del{
	width:100px;
}

/******************************* ファイバーミラー #popup04 *******************************/
/* 見出し部分 */
#popup04 .section_poptop{
	padding:10px 0 0;
	margin: 0 10px 0;
	border-bottom: 1px solid #999999;
}


#popup04 .section_poptop p{
	font-size:100%;
	line-height:1.7em;
	padding:10px 0;
	margin: 0 0 0 15px;
}


/* 本文 */
#popup04 .section_pop01{
	background: url(/images/tw/special_feature/opm/popup_line.gif) no-repeat left bottom;
	margin:0 0 0 20px;
	padding: 15px 0 0 0;
}

	#popup04 .section_pop01 table{
		background:none;
		font-size:100%;
		padding:0;
		margin:20px;
		border: 1px solid #999999;

		width:550px;
	}

	#popup04 .section_pop01 table td{
		background:none;
		padding:5px;
		margin:0;
		border-left: 1px solid #999999;
		border-bottom: 1px solid #999999;
	}


	#popup04 .section_pop01 table td.title.l{
		background-color:#c4c4c4;
		font-weight:bold;
		width:190px;
	}


	#popup04 .section_pop01 table td.title.l{
		width:200px;
	}

	#popup04 .section_pop01 table td.title.c{
		background-color:#c4c4c4;
		font-weight:bold;
		width:330px;
	}

	#popup04 .section_pop01 table td.title.c{
		width:300px;
	}


	#popup04 .section_pop01 table td.title.r{
		background-color:#c4c4c4;
		font-weight:bold;
		width:100px;
	}

	#popup04 .section_pop01 table td.title.r{
		width:120px;
	}

	#popup04 .section_pop01 table td.del{
		border-left: none;
		width:90px;
	}

	#popup04 .section_pop01 table td.del{
		width:130px;
	}


/*画像部分*/
#popup04 .popimg{
	padding:15px 15px 0 25px;
}

#popup04 .popimg img{
	margin-right:15px;
}



/************************* 構成ポップアップ 共通 popupModel **************************/
.popUpModel{
	display:none;
	width:680px;
}

.popUpModel h3{
	margin: 0;
	padding: 0;
}

.popUpModel table{
	margin:0 0 20px 0;
}

.popUpModel .section_poptop{
	padding:10px 0 0;
	margin: 0 10px 0;
	border-bottom: 1px solid #999999;
}

.popUpModel .section_poptop p{
	font-size:100%;
	line-height:1.7em;
	padding:10px 0;
	margin:15px 0 0 0;
}

.popUpModel .popimg{
	clear:both;
	padding:0 0 10px 0;
	margin:0 0 0 30px;
	background: url(/images/tw/special_feature/opm/popup_line.gif) no-repeat left bottom;
}

.popUpModel .popimg img{
	margin-right:20px;
}

.popUpModel .popimg img.end{
	margin-right:0;
	background:none;
}


.popUpModel .popimg table{
	border-collapse:collapse;
}
.popUpModel .popimg table td{
	padding:0;
	margin:0;
}
.popUpModel .popimg table td img{
	padding:0;
	margin:0;
}