/*================================================================================
This is "product.css". last update 03/2008
================================================================================*/
#Product .boxL {
	background-color: #2857A5;
}

#Product .boxR {
	background-color: #4DADD6;
}


#Product .BarArea {	
	background-image: url(/common/images/pr_tle_bg.jpg);
}


#Product h4.IconSquare {
	margin-top: 0px;
}

#Product .IconSquare {
	background-image: url(/common/images/pr_tle01.gif);
}

#Product .IconSquare2 {
	background-image: url(/common/images/pr_tle02.gif);
}

#Product .IconLink {
	background-image: url(/common/images/pr_icon_link.gif);
}

/*  revers to top  */
#Product .AnchorTop {
	margin: 10px 0px;
	padding: 0 0 0 15px;
	background: url(/common/images/icon_pr_link_up.gif) no-repeat 0px 3px;
	_background: url(/common/images/icon_pr_link_up.gif) no-repeat 0px 2px;
}




#Product #topTitle {
	border-top: 2px solid #315CA3;
	background-color: #DDE5F3;
	padding: 4px 8px;
}


#Product .topUnderLine {
	border-color: #00ACFF;
}

#Product .titleLineUnder {
	border-bottom: 1px solid #4DADD6;
}



/* Layout
-----------------------------------------------*/
#Product #lc01 .Contents {
	width: 290px;
}

#Product #lc01 p {
	margin: 4px 15px;
}

#Product .numberSearch {
	margin: 10px 0px;
	padding: 3px;
	border-top: 2px solid #AAB9DA;
	border-bottom: 2px solid #AAB9DA;
}

#Product .numberSearch img {
	vertical-align: middle;
}



/* Product Index */
#Product #IndexList {
	margin-top: 10px;
}

#Product #IndexList ul li.left {
	width: 190px;
	float: left;
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
	margin-bottom: 6px;
}

#Product #IndexList ul li.right {
	width: 190px;
	float: right;
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
	margin-bottom: 6px;
}
#Product #IndexList ul li.right:after {
	clear: both;
}

#Product #IndexList ul li a {
	text-decoration: none;
}


#Product #IndexList ul li .btnBody {
	display: block;
	width: 188px;
	_width: 190px;
	height: 72px;
	border: 1px solid #999;
	border-bottom: 1px dotted #999;
}
#Product #IndexList ul li .btnBody .name {
	display: block;
	padding: 12px 4px 6px 4px;
	color: #003366;
}

#Product #IndexList ul li h6.subName {
	clear: both;
	padding: 2px 4px;
	text-align: right;
	color: #FFF;
	background-color: #2857A5;
}


/*--------------------------------------------------------------------------------
from "layout.css".
--------------------------------------------------------------------------------*/
#Product .ReadArea .ImgArea {
	width: 180px;
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
}

#Product .ReadArea .TextArea {
	width: 200px;
	float: right;
}

#Product .ReadArea .ImgArea li {
	float: left;
	margin: 0px;
	padding: 0px;
}

#Product .ReadArea .ImgAreaB {
	width: 180px;
	display: block;
	float: right;
	margin: 0px;
	padding: 0px;
}

#Product .ReadArea .ImgAreaB img {
	margin-top: 3px;
	border: 1px solid #8695B6;
}

#Product .ReadArea .TextAreaB {
	width: 200px;
	float: left;
}


/* Product Lineup
---------------------------------------------*/
#Product dl dt.group {
	border-top: 1px solid #315CA3;
	background-color: #DDE5F3;
	padding: 2px 6px 4px 6px;
}

#Product dl dd {
	padding: 2px 4px;
	margin-bottom: 8px;
}



/* Series List / Recommend List
-----------------------------------------------*/
#Product .seriesList {
	display: block;
	border: 1px solid #2857A5;
	margin: 10px 0px 0px 0px;
	padding: 5px;
}
#Product .RecomendList {
	margin: 10px 0px 0px 0px;
	padding: 5px;
}

#Product .seriesList .textArea,
#Product .RecomendList .textArea {
	float: left;
	width: 270px;
}
#Product .seriesList .imgArea,
#Product .RecomendList .imgArea {
	float: right;
	width: 100px;
	padding: 0px;
	margin: 0px;
}

#Product .seriesList .imgArea img,
#Product .RecomendList .imgArea img, 
#Product .ReadArea .imgArea .image {
	border: 1px solid #8695B6;
}

#Product .seriesList .name,
#Product .RecomendList .name {
	padding: 2px 6px;
	background-color: #DEE5F5;
}

#Product .seriesList li,
#Product .RecomendList li {
	margin: 0px 4px;
}

#Product .seriesList li.IconLink,
#Product .RecomendList li.IconLink {
	background-position: 0px center;
}



#Product .RecomendIcon {
	width: 140px;
	_width: 120px;
	white-space: nowrap;
	margin: 10px auto;
	padding: 2px 4px;
	border: 2px solid #BECFE1;
	background-color: #DEE5F5;
}

#Product .RecomendIcon img {
	vertical-align: middle;
	margin: 2px 6px 2px 2px;
}



/* Side Menu Headers - new product navigation color - update 03/2008
-----------------------------------------------*/
#Product .sideMenu01,
#Product .sideMenu01a,
#Product .sideMenu02,
#Product .sideMenu02a,
#Product .sideMenu03,
#Product .sideMenu04,
#Product .sideMenu05, {
	clear: both;
	display: block;
	margin-bottom: 2px;
	position: relative;
}
#Product .sideMenu01 .tle01 {
	border-top: solid 2px #2857A5;
	background-color: #DBE3F0;
	padding: 4px;
	margin-top:5px;
}
#Product .sideMenu01a .tle01 {
	border-top: solid 2px #D99C0F;
	background-color: #EDE0B2;
	padding: 4px;
}
#Product .sideMenu02 .tle02 {
	border-top: solid 2px #2857A5;
	background-color: #DBE3F0;
	padding: 4px;
	margin-top:5px;
}
#Product .sideMenu02a .tle02 {
	border-top: solid 2px #2857A5;
	background-color: #DBE3F0;
	padding: 4px;
}

#Product .sideMenu03 .tle03 {
	border-top: solid 2px #796D5B;
	background-color: #DAD5B3;
	padding: 4px;
}
#Product .sideMenu04 .tle01 {
	border-top: solid 2px #96C23F;
	background-color: #CADCAB;
	padding: 4px;
}
#Product .sideMenu05 .tle01 {
	border-top: solid 2px #917A94;
	background-color: #BF8BB5;
	padding: 4px;
}


#Product h5 .top {
	display: block;
	border-left: solid 3px #E7EDF5;
	color: #333333;
	font-weight: bold;
	padding-left: 4px;
}

#Product .sideMenu01 .SubLink,
#Product .sideMenu01a .SubLink,
#Product .sideMenu02 .SubLink,
#Product .sideMenu02a .SubLink,
#Product .sideMenu03 .SubLink {
	position: absolute;
	right: 5px;
	top: 6px;
}
/* Side Menu body color - new product navigation color - update 03/2008
-----------------------------------------------*/
#Product .Data {
	padding-top: 2px;
	border-bottom: 1px solid #FFFFFF;
	background-color: #F5F9FC;
}
#Product .Data01 {
	padding: 4px 0px;
	border-bottom: 1px solid #FFFFFF;
	background-color: #F5F9FC;
	}
#Product .Data01a {
	padding: 4px 0px;
	border-bottom: 1px solid #FFFFFF;
	background-color: #F6EFD5;
	}
#Product .Data02 {
	padding: 4px 0px;
	border-bottom: 1px solid #FFFFFF;
	background-color: #F5F9FC;
	}
#Product .Data02a {
	padding: 4px 0px;
	border-bottom: 1px solid #FFFFFF;
	background-color: #E3EDD1;
	}
#Product .Data03 {
	padding: 4px 0px;
	border-bottom: 1px solid #FFFFFF;
	background-color: #DDC1D8;
	}
#Product .Data ul,
#Product .Data02 ul {
	margin-bottom: 6px;
}

#Product .Data ul li,
#Product .Data02 ul li {
	margin: 2px 6px;
}

#Product .Data .LineBottom {
	padding-bottom: 4px;
	border-bottom: 2px solid #D8DBC8;
}

#Product .Data .LineBottom .date {
	padding: 2px 4px;
	border-bottom: 1px dashed #999;
}

#Product .Data .LineBottom .content {
	padding: 2px 4px;
}



#Product #KeyFeatures li{
	margin-top: 0px;
}


/* Series Download Contents
-----------------------------------------------*/
#Product #Download .contentON {
	display: block;
	float: left;
	width: 82px;
	margin-right: 2px;
	padding-top: 6px;
	text-align: center;
	background-color: #D7E8F3;
}

#Product #Download .contentOFF {
	display: block;
	float: left;
	width: 82px;
	margin-right: 2px;
	padding-top: 6px;
	text-align: center;
	background-color: #E5E5E5;
}

#Product #Download .btn {
	margin: 3px 0px;
}

#Product #Download img {
	margin-right: 4px;
	vertical-align: middle;
}




#Product .FaqList {
	margin: 0 0 50px 0;
	padding: 0;
}


/* dl / dt / dd
-----------------------------------------------*/
#Product #FAQ dl {
	clear: both;
	margin-bottom: 30px;
}
#Product #FAQ dd {
	margin-left: 11px;
}


/* RelationLinkArea
---------------------------------------------*/
#Product .RelationLinkArea {
	padding: 16px 32px;
	background-color: #E8F4FA;
}



/* Agency
-----------------------------------------------*/

#Product span.Agency01 {
	color: #CDDBF2;
}

#Product span.Agency02 {
	color: #C8E7F5;
}

#Product span.Agency03 {
	color: #DDDFE6;
}

#Product span.Agency04 {
	color: #DDD7C0;
}

#Product span.Agency05 {
	color: #F2F2B7;
}

#Product div.Agency01 {
	clear: both;
	display: block;
	width: 100%;
	margin-top: 5px;
	padding: 6px;
	background-color: #CDDBF2;
}

#Product div.Agency02 {
	clear: both;
	display: block;
	width: 100%;
	margin-top: 5px;
	padding: 6px;
	background-color: #C8E7F5;
}

#Product div.Agency03 {
	clear: both;
	display: block;
	width: 100%;
	margin-top: 5px;
	padding: 6px;
	background-color: #DDDFE6;
}

#Product div.Agency04 {
	clear: both;
	display: block;
	width: 100%;
	margin-top: 5px;
	padding: 6px;
	background-color: #DDD7C0;
}

#Product div.Agency05 {
	clear: both;
	display: block;
	width: 100%;
	margin-top: 5px;
	padding: 6px;
	background-color: #F2F2B7;
}

#Product #ExampleList {
	border: 1px solid #CCC;
	padding: 8px;
}

#Product .AgencySearchArea {
	display: block;
	border-top: 1px solid #4DADD6;
	border-bottom: 1px solid #4DADD6;
	padding: 10px 0px;
}

#Product .AgencySearchResaltArea {
	display: block;
	border-bottom: 1px dotted #999;
	border-top: 1px dotted #999;
	margin: 10px 0px;
	padding: 10px 0px;
}

#Product .AgencySearchArea form {
	text-align: right;
}

#Product .AgencySearchResaltArea h3 {
	float: left;
}

#Product .AgencySearchResaltArea img {
	margin: 2px;
	float: right;
}

#Product .AgencyList {
	display: block;
	margin: 10px;
}

#Product .AgencyList p {
	margin-bottom: 10px;
}

/*
-----------------------------------------------
[19]: clear element
-----------------------------------------------*/
/* clear element
-----------------------------------------------*/
#Product #Content:after,
#Product #Content:after,
#Product #FAQ .FaqList:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}



/* new Series Pages class
-----------------------------------------------*/
#mc2 {
	display: block;
	float: right;
	width: 576px;
}

#mc2 #lc01 {
	width: 400px;
}


.lineTitle {
	padding: 3px 6px 5px 6px;
	background-color: #D7E9F5;
}

.floatTitle {
	float: left;
}

.floatDL {
	float: right;
	margin-right: 20px;
	_margin-right: 3px;
}
.txtRight .floatDL {
	margin-right: 6px;
	_margin-right: 0px;
	margin-bottom: 2px;
	_margin-bottom: 0px;
}

.lineTitle .floatDL {
	margin-right: 0px;
}


.floatDL li {
	float: left;
	margin: 0px;
	padding: 1px 2px;
	_padding: 1px 4px;
	white-space: nowrap;
}


.fileType, .fileSize, .fileIcon {
	width: 52px;
	_width: 56px;
	text-align: center;
}

.fileType, .fileSize {
	border-right: 1px solid #CCC;
}

.fileIcon img {
	margin-top: 2px;
}

#ddimagetabs ul#ddimagetabs{
	margin: 0px;
	padding: 0px;
	width: 400px;
}

#ddimagetabs li {
	float: left;
	margin: 0px;
	width: 100px;
}

#ddimagetabs a {
	display: inline;
	text-decoration: none;
	color: white;
}