@charset "utf-8";
@import url("base.css?ver1.1");

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

	トップページ
	#home

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

/*----------------------------------
	ヘッダ #header
----------------------------------*/
#header { position: relative; width: 100%; height: 300px; }
#header dl { position: relative; width: 1000px; margin: 0 auto; }
#header dd { font-weight: bold; line-height: 29px; font-size: 15px; left: 40px; bottom: 35px; position: absolute;}


/*----------------------------------
	コンテンツ
----------------------------------*/
html,body { height: 100%; background: #EBEFF1; }
#wrap { position: relative; width: 100%; background: url(../img/share/wrap_bg.jpg); background: #EBEFF1; }
#container{ padding: 0 0 40px; position: relative; width: 1000px; margin:0 auto; }
#container:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
#contents {position: relative;width: 1000px;}
#contents:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

#contents dl.report { font-size: 15px; color: black; margin-top: 10px; border-color: #BBBBBB; border-width: 1px; border-style: solid; float: left; background-color: white; height: auto; width: 720px; float: left; }
#contents dl.report dt.top_im { padding-bottom: 10px; float: left; padding-top: 20px;}
#contents dl.report dt.top_title { padding-top: 40px; line-height: 1.3em; font-weight: bold; font-size: 36px; padding-bottom: 20px;}
#contents dl.report dt.top_title_02 { padding-top: 40px; line-height: 1.3em; font-weight: bold; font-size: 36px; padding-bottom: 20px;}
#contents dl.report dt.top_title a { text-decoration: none; }
#contents dl.report dt.top_title a:hover { text-decoration: underline; }
#contents dl.report dt.top_copy { padding-left: 20px; font-size: 14px; clear: both; padding-right: 20px;}
#contents dl.report dt.report_title { width: 680px; padding-bottom: 20px; padding-top: 30px; }
#contents dl.report dt.report_title p {border-bottom-color: #CCCCCC; border-bottom-width: 5px; border-bottom-style: solid; padding-bottom: 10px; font-weight: bold; font-size: 24px; z-index:1; line-height: 1.3em; }
#contents dl.report .report_area {clear: both; padding-left: 20px; padding-right: 20px; float: left;}
#contents dl.report dt.prd_box_l{
	width: 300px;
	float: left;
}

#contents dl.report dt.prd_box_r{ width: 350px; float: right; }

#contents dl.report dt.prd_box_l ul li.series{padding-right: 20px; float: left; font-weight: bold; font-size: 24px;}
*contents dl.report dt.prd_box_l ul li.series{float: left;}
#contents dl.report dt.prd_box_l ul li.type{clear: both; padding-bottom: 30px; font-size: 13px; padding-top: 10px;}
#contents dl.report dt.prd_box_l ul li.detail{padding-right: 10px; float: left;}
#contents dl.report dt.prd_box_l ul li.buy{float: left;}
#contents dl.report .detail{padding-right: 10px; float: left;}
#contents dl.report .buy{float: left;}

#contents dl.report dt.detail_copy {padding-bottom: 10px; padding-top: 10px; font-size: 14px; clear: both;}
#contents dl.report dt.detail_copy_02 {padding-bottom: 10px; padding-top: 10px; font-size: 14px; clear: both; width: 550px;}
#contents dl.report dt.detail_copy_03 {padding-bottom: 10px; padding-top: 10px; font-size: 14px; width: 330px;}
#contents dl.report dt.detail_im {border-bottom-color: #BBBBBB; border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 10px; padding-top: 10px; clear: both; margin-bottom: 20px;}

/*----------------------------------
	サイドメニュー
----------------------------------*/

#contents dl.side{margin-top: 10px; width: 260px; float: right; }
#contents dl.side dt.title{padding-bottom: 5px; font-size: 24px;}
#contents dl.side dt.title a{text-decoration: none;}
#contents dl.side dt.title a:hover{text-decoration: underline;}
#contents dl.side ul{
	width: 260px;
	display: block;
	float: right;
	margin-bottom: 5px;
	margin-top: 5px;
	border-bottom-color: #BBBBBB;
	border-top-color: #BBBBBB;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-style: solid;
	border-top-width: 1px;
	padding-bottom: 5px;
	padding-top: 5px;
}
#contents dl.side ul a:hover ol{text-decoration: underline;}
#contents dl.side ul li{padding-right: 10px; float: left;}
#contents dl.side ul ol{float: left;}
*#contents dl.side ul ol{font-size: 13px; float: left;}
/*----------------------------------
	フッタ
----------------------------------*/
#footer { position: relative; width: 100%; padding: 10px 0; background: url() repeat-x 0 0; color: #333; }
#footer dl { position: relative; width: 1000px; margin: 0 auto; }
#footer .copyright { text-align: center; }
#footer dl:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
#footer .copyright { padding-top: 5px; float: left; width: 475px; text-align: left; }
#footer .fa_link { display: inline-block; padding-right: 30px; padding-top: 5px; background: url(../img/share/fa_arrow.png) no-repeat 185px 0; float: right; text-align: right; vertical-align: middle; height: 25px; }
#footer .fa_link a { text-decoration: none; }
#footer .fa_link a:link { text-decoration: none; }
#footer .fa_link a:hover {text-decoration: underline;}

/*----------------------------------
	その他
----------------------------------*/
/* target="_blank" */
a.blank { background: url("../img/share/ico_blank.gif") no-repeat right center; margin: 0 5px 0 0; padding-right: 15px; }

/* 詳細はこちら */
a.arrow_more { background: url("../img/share/arrow_more.gif") no-repeat right center; margin: 0 5px 0 0; padding: 1px 18px 1px 0; }

/* オプテックス・エフエー株式会社 */
a.extraLink { display: inline-block; background: url("../img/share/arrow_white.gif") no-repeat left center; padding: 0 0 0 20px; color: #fff; text-decoration: none; position: absolute; top: 0; left: 0; }

/* ページ先頭へ */
#pageTop { position: fixed; right: 5px; bottom: 80px; display: block; width: 30px; height: 30px; }
a.pageTop { display: block; width: 30px; height: 30px; }
a.pageTop:hover, a:hover.pageTop { text-decoration: underline; }

a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";	
	}
	
/*----------------------------------
	vol_02
----------------------------------*/
#contents dl.report dt.detail_im_02 {padding-top: 10px; clear: both; margin-bottom: 20px;}
#contents dl.report dt.end_border{clear: both; border-bottom-color: #BBBBBB; border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 10px; padding-top: 10px; margin-bottom: 20px;}	

/*----------------------------------
	vol_03
----------------------------------*/
.fiber_back{position: relative; height: 341px; width: 670px;}
.fiber_back span{font-weight: bold; left: 20px; top: 50px; position: absolute; color: #006dda; font-size: 20px;}
.fiber_back p{top: 100px; width: 260px; right: 20px; position: absolute;}
.fiber_appli_L{float: left; width: 322px;}
.fiber_appli_R{float: right; width: 322px;}
.fiber_appli_L .fiber_appli_Mtittle,.fiber_appli_R .fiber_appli_Mtittle{padding-top: 10px; padding-bottom: 10px; font-size: 18px; font-weight: bold;}
.fiber_appli_L .fiber_appli_Stittle,.fiber_appli_R .fiber_appli_Stittle{padding-bottom: 5px;}
.fiber_appli_L .fiber_appli_img,.fiber_appli_R .fiber_appli_img{border-color: #7f7f7f; border-width: 1px; border-style: solid;}
.fiber_appli_L .fiber_appli_copy,.fiber_appli_R .fiber_appli_copy{padding-bottom: 10px; line-height: 1.3em; font-size: 12px; padding-top: 5px;}