@charset "utf-8";

/*

########################################################

  product detail style

########################################################

*/


/* title style 01 */


div.ttlIndex{
	clear:both;
	width:100%;
	text-align:left;
	margin:15px 0 0 0;
	padding:0;
}


div.ttlSub2{
	width:100%;
	height:40px;
	margin:15px 0 0 0;
	padding:0;
	background:url(../img/img_bg_subttl2.gif) repeat-x left top;
	text-align:right;
}


div.ttlSub2 h3{
	float:left;
}


div.ttlSub2.ttlFt{
	text-align:right;
}


div#snapContainer h4{
	color:#8E2833;
	font-size:120%;
	font-weight:bold;
	margin-top:10px;
}


div#snapContainer h4.Icon{
	color:#8E2833;
	font-size:120%;
	font-weight:bold;
	margin-top:10px;
	background:url(../img/img_icon_ttlred.gif) no-repeat 0 50%;
	padding: 0 0 0 17px;
	position:relative;
}



/* blue table box */


div.BlueTbl{
	width:100%;
	height: auto;
	margin:10px 0 0 0;
	padding:0;
}


div.BlueTbl table{
	border-collapse: separate;
	width:100%;
	padding: 0;
	margin: 0;
}


div.BlueTbl table th{
	padding:5px 10px;
	background-color: #95AEBF;
	border-left:1px solid #C6D3DD;
	border-right:1px solid #7591A4;
	border-top:1px solid #C6D3DD;
	border-bottom:1px solid #7591A4;
	vertical-align:top;
	color:#FFFFFF;
	text-align:center;
}


div.BlueTbl table td{
	padding:5px;
	background-color: #ECECEC;
	border-left:1px solid #ffffff;
	border-right:1px solid #DEDEDE;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #DEDEDE;
	vertical-align:top;
}


div.BlueTbl table td.UP-DR200{
	padding:10px;
	background:url(../../connect/img/img_s_updr200.jpg) no-repeat 50% 50%;
	background-color: #ECECEC;
	border-left:1px solid #ffffff;
	border-right:1px solid #DEDEDE;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #DEDEDE;
	vertical-align:top;
}


div.BlueTbl table td.GG{
	padding:5px;
	background-color: #DEDEDE;
	border-left:1px solid #ffffff;
	border-right:1px solid #D1D1D1;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #D1D1D1;
	vertical-align:top;
	color:#666666;
	font-weight:bold;
}


div.BlueTbl table td a.Pdf{
	background:url(../img/img_icon_pdf.gif) no-repeat 0 50%;
	padding: 0 0 0 17px;
}


/* detail HalfBox */


div.AllBox{
	clear:both;
	width :100%;
	height:auto;
	margin :0;
	padding:0;
}


div.HalfBoxL{
	float:left;
	width :445px;
	height:auto;
	margin :10px 0 0 0;
	padding:0;
}


div.HalfBoxR{
	float:right;
	width :445px;
	height:auto;
	margin :10px 0 0 0;
	padding:0;
}


/* detail GrayBox */


div.GrayBox{
	background:#ECECEC;
	width:435px;
	height:20em;
	margin:0;
	padding:5px;
}


div.GrayBox02{
	background:#ECECEC;
	width:435px;
	height:auto;
	margin:0;
	padding:5px;
}


div.GrayBoxL{
	background:#ECECEC;
	width:445px;
	height:10em;
	margin:0 0 10px 0;
	padding:0;
}


div.GrayBoxHigh{
	height:13em;
}


div.TextBox{
	margin:0;
	padding:10px 0 0 10px;
	text-align:left;
	width:415px;
}


div.TextBox h3,
div.TextBox h5{
	color:#648CA3;
	font-weight:bold;
}


/* detail ContactBox */


div.ConBox{
	clear:both;
	width:100%;
	height: auto;
	margin:30px 0 0 0;
	padding:0;
	text-align:left;
	position:relative;
}


div.ConBoxL{
	width:343px;
	padding:0 0 5px 0;
	display:inline;
	float:left;
	border-top:1px solid #CCCCCC;
	background:url(../../img/bg_conbox_01_t.gif) repeat-y 0 0;
}


div.ConBoxR{
	width:543px;
	padding:0 0 5px 0;
	display:inline;
	float: right;
	border-top:1px solid #CCCCCC;
	background:url(../../img/bg_conbox_02_t.gif) repeat-y 0 0;
}


div.ConBoxIn01{
	width:333px;
	height:17em;
	margin:0 0 5px 5px;
	background: url(../../img/img_bg_contact01.jpg) no-repeat left top;
	position: relative;
	z-index:10;
}


div.ConBoxIn02{
	width:533px;
	height:17em;
	margin:0 0 5px 5px;
	background: url(../../img/img_bg_contact02.jpg) no-repeat left top;
	position: relative;
	z-index:10;
}


div.ConBoxIn02L{
	float:left;
	width:250px;
}


div.ConBoxIn02R{
	float:right;
	width:283px;
}


div.ConBoxBottom01{
	position:absolute;
	bottom:0;
	width:343px;
	height:100px;
	background:url(../../img/bg_conbox_01_b.gif) no-repeat left bottom;
	z-index:5;
}


div.ConBoxBottom02{
	position:absolute;
	bottom:0;
	width:543px;
	height:100px;
	background:url(../../img/bg_conbox_02_b.gif) no-repeat left bottom;
	z-index:5;
}


div.ConBoxIn01 dl,
div.ConBoxIn02 dl{
	margin:0 10px;
	padding:10px 0 0 0;
}


div.ConBoxIn01 dl dt,
div.ConBoxIn02 dl dt{
	color:#8E2833;
	font-weight:bold;
	font-size:120%;
}


div.ConBoxIn01 dl dd,
div.ConBoxIn02 dl dd{
	padding:5px 0 0 0;
}

/* gradation Box*/


div.GraBox{
	clear:both;
	width:100%;
	height: auto;
	margin:15px 0 0 0;
	padding:0;
	text-align:left;
	position:relative;
}


div.GraBoxL{
	width:443px;
	padding:0 0 5px 0;
	display:inline;
	float:left;
	border-top:1px solid #CCCCCC;
	background:url(../../img/bg_top4_01_m.gif) repeat-y 0 0;
}


div.GraBoxR{
	width:443px;
	padding:0 0 5px 0;
	display:inline;
	float: right;
	border-top:1px solid #CCCCCC;
	background:url(../../img/bg_top4_01_m.gif) repeat-y 0 0;
}


div.GraBoxIn{
	width:433px;
	height:auto;
	margin:0 0 5px 5px;
	background: url(../../img/bg_top4_01_t.gif) no-repeat left top;
	position: relative;
	z-index:10;
}


div.GraBoxIn dl{
	margin:0 10px;
	padding:10px 0 0 0;
}


div.GraBoxIn dl dt{
	color:#8E2833;
	font-weight:bold;
	font-size:120%;
}


div.GraBoxIn dl dd{
}

div.GraBoxIn ul.GraBoxLink{
	margin:0 10px;
	padding:0;
}


div.GraBoxIn ul.GraBoxLink li{
	display:inline;
	float:left;
	width:105px;
	padding:1px 0 1px 0;
	margin:5px 10px 0 106px;
	background-color:#93B000;
	border-bottom:1px solid #4D5C00;
	border-right:1px solid #4D5C00;
	border-top:1px solid #BACD5C;
	border-left:1px solid #BACD5C;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}


div.GraBoxIn ul.GraBoxLink li.GraBoxLinkLC{
	display:inline;
	float:left;
	width:105px;
	padding:1px 0 1px 0;
	margin:5px 10px 0 0;
	background-color:#6096B7;
	border-bottom:1px solid #324F60;
	border-right:1px solid #324F60;
	border-top:1px solid #99BCD1;
	border-left:1px solid #99BCD1;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}


div.GraBoxIn ul.GraBoxLink li a,
div.GraBoxIn ul.GraBoxLink li a:visited{
	color:#FFFFFF !important;
	text-decoration:none !important;
}


div.GraBoxIn ul.GraBoxLink li a:hover,
div.GraBoxIn ul.GraBoxLink li a:sctive{
	color:#FFFFFF !important;
	text-decoration:none !important;
}


div.GraBoxBottom{
	position:absolute;
	bottom:0;
	width:443px;
	height:100px;
	background:url(../../img/bg_top4_01_b.gif) no-repeat left bottom;
	z-index:5;
}


/* gradation Box Center*/


div.GraBoxCenter{
	width:100%;
	text-align:center;
}


div.GraBoxCenterIn{
	width :450px;
	height:auto;
	margin :10px auto 0px auto;
	padding:5px;
	border-collapse:collapse;
	border:1px solid #CCCCCC;
}


div.GraBoxC {
	width :440px;
	height:auto;
	margin :0;
	padding:5px;
	text-align:left;
	background-image:url(../img/img_bg_gra.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#E6E6E6;
}

	

div.GraBoxC dl{
	margin:0 10px;
	padding:5px 0 0 0;
}


div.GraBoxC dl dt{
	color:#8E2833;
	font-weight:bold;
	font-size:120%;
}


div.GraBoxC dl dd{
}

div.GraBoxC ul.GraBoxLink{
	margin:0 10px;
	padding:0;
}


div.GraBoxC ul.GraBoxLink li{
	/*display:inline;*/

	/*float:left;*/

	width:105px;
	padding:1px 0 1px 0;
	/*margin:5px 10px 0 100px;*/

	margin:5px 0 0 160px;
	background-color:#93B000;
	border-bottom:1px solid #4D5C00;
	border-right:1px solid #4D5C00;
	border-top:1px solid #BACD5C;
	border-left:1px solid #BACD5C;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}


div.GraBoxC ul.GraBoxLink li.GraBoxLinkLC{
	display:inline;
	float:left;
	width:105px;
	padding:1px 0 1px 0;
	margin:5px 10px 0 0;
	background-color:#6096B7;
	border-bottom:1px solid #324F60;
	border-right:1px solid #324F60;
	border-top:1px solid #99BCD1;
	border-left:1px solid #99BCD1;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}


div.GraBoxC ul.GraBoxLink li a,
div.GraBoxC ul.GraBoxLink li a:visited{
	color:#FFFFFF !important;
	text-decoration:none !important;
}


div.GraBoxC ul.GraBoxLink li a:hover,
div.GraBoxC ul.GraBoxLink li a:sctive{
	color:#FFFFFF !important;
	text-decoration:none !important;
}


/* detail FlashBox */

div#FlaBox{
	width :100%;
	height:450px;
	margin :15px 0 0 0;
	padding:0;
	background-color:#000000;
	text-align:center;
}
div#FlaBox02{
	width :990px;
	height:483px;
	margin :15px auto 0 auto;
	padding:0;
	text-align:center;
	position:absolute;
}


div#FlaBoxIn{
	width:700px;
	margin:0 auto;
}


div.FlaBoxS{
	width :445px;
	height:233px;
	margin :0;
	padding:0;
	background-color:#000000;
	text-align:left;
}

/* Footer */


div.pagingBox{
	width:100%;
	height:auto;
	margin:20px 0 0 0;
	padding:5px 0 5px 0;
	background:url(../img/img_bg_list.gif) repeat-x left top;
	background-color:#EAEAEA;
}


div.pagingBox p.pagingBack{
	float:left;
}


div.pagingBox p.pagingBack a{
	padding:0 0 0 20px;
	background:url(../img/img_icon_link.gif) no-repeat 5px center;
}


div.pagingBox p.pagingTop{
	float: right;
	margin:0 5px 0 0;
}


div.pagingBox p.pagingTop a{
	padding:0 0 0 15px;
	background:url(../img/img_icon_link.gif) no-repeat left center;
}

div.addLineTop{
	border-top:1px dotted #cccccc;
	margin:35px 0 0 0;
	padding:20px 0 0 0;
}

/* detail infomationBox02 */

div.infomationBox02{
	background:#FAFAFA;
	margin:15px 0;
	padding:5px 10px 10px 10px;
}

div.infomationBox02 h3,
div.infomationBox02 h4 a{
	font-weight:normal !important;
}

div.infomationBox02 dl dt{
	color:#339999;
	padding:0 0 0 12px;
	margin:10px 0 0 0;
	font-weight:bold;
	background:url(../img/icon06.gif) no-repeat left center;
}

div.infomationBox02 dl dd{
	margin:5px 0 0 12px;
}

div.infomationBox02 dl dd h4{
	font-size:100% !important;
	font-weight:bold;
	margin:5px 0 0 0;
}

div.infomationBox02 dl dd p,
div.infomationBox02 dl dd ul,
div.infomationBox02 dl dd ol{
	margin:5px 0 0 1em;
}

div.infomationBox02 dl dd li{
	margin:0 0 3px 0;
}

div.infomationBox02 .toggleDLBtn{
	cursor:pointer;
	margin:0 0 0 15px;
	padding:0 0 0 20px;
	background:url(../img/icon07.gif) no-repeat left center;
	position:relative;
	font-weight:normal !important;
	line-height:1 !important;
	text-decoration:underline;
	color:#008BCE !important;
}

div.infomationBox02 .toggleDLBtn#TGDLActive{
	cursor:pointer;
	margin:0 0 0 15px;
	padding:0 0 0 20px;
	background:url(../img/icon08.gif) no-repeat left center;
	font-weight:normal !important;
	line-height:1 !important;
	text-decoration:underline;
	color:#008BCE !important;
	position:relative;
}


/* footer 

div#includeFooter{
	height:35px;
	margin:0;
	*margin:0 0 -20px 0;
	background:url(../../2009/images/bg_footer.gif) repeat-x left top;
	font-size: 75%;
	min-width:950px;
	background-color:#e6e6e6;
}

div#includeFooterIn{
	width:950px;
	height:35px;
	margin:0 auto;
	position:relative;
}

div#includeFooterIn img{
	border:0;
}

div#includeFooterIn ul{
	position: absolute;
	top:14px;
	left:0;
	margin:0 !important;
	padding:0 !important;
}

div#includeFooterIn ul:after {
	content: "";
	display: block;
	clear: both;
}

div#includeFooterIn li{
	list-style-type:none;
}

div#includeFooterIn ul li#fnavi01{
	float:left;
	display:inline !important;
	margin:0 32px 0 0;
	padding:0 !important;
	border:none !important;
}

div#includeFooterIn ul li{
	float:left;
	display:inline !important;
	margin:0 12px 0 0;
	padding:0 12px 0 0;
	border-right:2px solid #ACACAC;
	line-height:1 !important;
}

div#includeFooterIn ul li#fnavi04{
	padding:0 !important;
	margin:0 !important;
	border:none !important;
	line-height:1 !important;
}

div#includeFooterIn address{
	position: absolute;
	top:14px;
	right:5px;
	display:block;
	width:171px;
	height:12px;
	margin:0 !important;
	padding:0 !important;
}

div#includeFooterIn a{
	margin:0;
        padding:0;
}*/

/* download table 03 */

div.downloadTB03{
	width:100%;
	height:auto;
	margin:20px 0;
}

div.downloadTB03 table{
	width:100%;
	height:auto;
	border-collapse:collapse;
}

div.downloadTB03 table thead th{
	font-weight:bold;
	padding:5px 10px;
	background-color: #95AEBF;
	border-left:1px solid #C6D3DD;
	border-right:1px solid #7591A4;
	border-top:1px solid #C6D3DD;
	border-bottom:5px solid #FFFFFF;
	vertical-align:top;
	color:#FFFFFF;
	text-align:center;
}

div.downloadTB03 table thead th img{
		vertical-align: middle;
}

div.downloadTB03 table tbody th{
	background:#DEDEDE url(../../../common/img/line01.gif) repeat-x left bottom !important;
	text-align:center;
	padding:10px;
	border-bottom:5px solid #FFFFFF;
}

div.downloadTB03 table tbody td{
	border-left:5px solid #FFFFFF;
	border-bottom:5px solid #FFFFFF;
	padding:5px;
	background: url(../../../common/img/line01.gif) repeat-x left bottom;
	text-align:center;
}

div.downloadTB03 table tbody th h5{
	color:#666666 !important;
	font-weight:bold !important;
	font-size:120% !important;
	line-height:1 !important;
}

div.downloadTB03 table thead th a,
div.downloadTB03 table tbody th a {
	text-decoration: none !important;
}

div.downloadTB03 table tbody th p,
div.downloadTB03 table tbody td p{
	margin:5px 0 0 0;
}

div.downloadTB03 table tbody th p img,
div.downloadTB03 table tbody td p img{
	margin:0 0 5px 0;
}

div.downloadTB03 table tbody tr.tdBG th,
div.downloadTB03 table tbody tr.tdBG td {
	background:#F5F5F5 url(../../../common/img/line01.gif) repeat-x left bottom;
	width:15%;
}