@charset "utf-8";



/* contents
--------------------------------------------------------------------------
01. Basic styles updated
02. Element Search
03. Element table
04. Element table
05. Element note
06. Download Button
07. Selecter
08. Data Filter
09. More Styles
--------------------------------------------------------------------------
*/


/* update history
--------------------------------------------------------------------------
04/28/2010 Adjustment of all css files.
--------------------------------------------------------------------------
*/
/* 00.Updated
----------------------------------------------------------------------- */

div#mainArea p{
	margin-bottom:9px;
	line-height:1.3;
}
/*div#mainArea li{
	margin-bottom:9px;
}
*/

div#mainArea p{
}
div#mainArea  div.linkListA01 ul.list li p{
	margin-bottom:0;
}


/* 01. Basic styles updated
----------------------------------------------------------------------- */

div.topicsListB01 p{
	margin-bottom:9px;
}
div.resultsNumberA01{
	position:relative;
}
div.sortTypeNavi{
	position:absolute;
	top:-3px;
	right:0;
}

/* 02. Element Search
----------------------------------------------------------------------- */

/*downloadSearch*/
/*A01*/
div#downloadSearchA01{
	position:relative;
	width:100%;
	margin-bottom:35px;
	padding:0;
}
div#downloadSearchA01 div.tabArea{
	clear:both;
	padding:10px 10px 10px;
	margin-bottom:5px;
	border:1px solid #dadada;
	background-color:#f2f2f2;
	zoom:1;
}
div#downloadSearchA01 div.tabArea p{
	margin-bottom:5px;
	line-height:1.4;
}
div#downloadSearchA01 div.tabArea p.title{
	margin:-2px 0 1px;
	font-size:1.3em;
	font-weight:bold;
}
div#downloadSearchA01 div.tabArea p.btn{
	clear:both;
	margin-top:10px;
	margin-bottom:0;
	text-align:right;
}
div#downloadSearchA01 div p input{
	vertical-align:middle;
}
div#downloadSearchA01 div p.inputParagraph{
	margin-bottom:0;
}
div#downloadSearchA01 div p.inputParagraph input.keywordBox{
	width:50%;
	margin-right:10px;
}
div#downloadSearchA01 div p.inputParagraph input.priceBox{
	width:20%;
	margin:0 10px;
}


/* 03. Element table
----------------------------------------------------------------------- */
/*table*/
/*EX01*/
div.tableEX01{
	padding:3px 0 22px;
}
div.tableEX01 table{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
div.tableEX01 table tr th{
	border-left:1px solid #b4b4b4;
	border-right:1px solid #b4b4b4;
	text-align:left;
	vertical-align:top;
}
div.tableEX01 table tr td{
	padding:5px;
	border-left:1px solid #b4b4b4;
	border-right:1px solid #b4b4b4;
	border-bottom:1px solid #b4b4b4;
	text-align:left;
	vertical-align:top;
}
div.tableEX01 table thead tr th{
	color:#fff;
	background-color:#bebebe;
}
div.tableEX01 table tr th.col{
	color:#4a4a4a;
	background-color:#f2f2f2;
	font-weight:normal;
}
div.tableEX01 table td a img{
	margin-right:4px;
}
div.tableEX01 table td a:hover{
	text-decoration:none;
}
div.tableEX01 table td a:hover span{
	text-decoration:underline;
}
div.tableEX01 table tr td.part{
	border-bottom:none;
}

/*EX02*/
div.tableEX02{
	padding:3px 0 22px;
}
div.tableEX02 table{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
div.tableEX02 table tr th{
	padding:5px 3px 5px;
	border-left:1px solid #b4b4b4;
	border-right:1px solid #b4b4b4;
	text-align:left;
	vertical-align:top;
}
div.tableEX02 table tr td{
	padding:5px;
	border:1px solid #b4b4b4;
	text-align:left;
	vertical-align:top;
}
div.tableEX02 table thead tr th{
	color:#fff;
	background-color:#bebebe;
}
div.tableEX02 table tr th.col{
	color:#4a4a4a;
	background-color:#f2f2f2;
	font-weight:normal;
}
div.tableEX02 .id{width:20px; text-align:center;}
div.tableEX02 .date{}
div.tableEX02 table td a img{
	margin-right:4px;
}
div.tableEX02 table td a:hover{
	text-decoration:none;
}
div.tableEX02 table td a:hover span{
	text-decoration:underline;
}

/* 04. Element table
----------------------------------------------------------------------- */
/*pageRelatedNaviEX01*/
div.pageRelatedNaviEX01{
	padding-bottom:15px;
}
div.pageRelatedNaviEX01 p a{
	display:block;
	padding:8px;
	border:1px solid #ccc; 
	text-align:center;
}
div.pageRelatedNaviEX01 p a:hover{
	background:#EFD3D7;
}

div.faqDateA01{
	width:100%;
	padding-bottom:25px;
}
div.faqDateA01 p.desc{
	width:100%;
}


/* 05. Element note
----------------------------------------------------------------------- */
/*EX01*/
div.noteEX01{
	width:100%;
	margin-bottom:25px;
/*	padding:3px 0 35px;*/
	line-height:1.4;
}
div.noteEX01 div.message{
	position:relative;
	padding:10px 10px 2px;
	border:1px solid #B3C7CE;
	background-color:#F1F6F9;
}
div.noteEX01 .title{
	width:100%;
	margin:-2px 0 1px;
	color:#5e5e5e;
	font-size:1.3em;
	font-weight:bold;
}
div.noteEX01 dl.list{
	width:100%;
}
div.noteEX01 dl.list dt{
	margin-bottom:3px;
}
div.noteEX01 dl.list dd.desc{
	margin-bottom:8px;
	padding-left:12px;
}
div.noteEX01 dl.list dd.desc a img{
	position:relative;
	margin:0 4px 0 -12px;
}
div.noteEX01 p{
	margin-bottom:8px;
}

div.noteEX01.last{
	margin-top:35px;
}
div.noteEX01 div.buttons{
	position:absolute;
	width:300px;
	top:8px;
	right:10px;
	text-align:right;
}
div.noteEX01 div.buttons input{
	padding-left:5px;
	padding-right:5px;
	margin-left:8px;
}
div.noteEX01.last{
	margin-bottom:35px;
}

/*EX02*/
div.noteEX02{
	width:100%;
	margin-bottom:25px;
/*	padding:3px 0 35px;*/
	line-height:1.4;
}
div.noteEX02 div.message{
	position:relative;
	padding:10px 10px 2px;
	border:1px solid #fecccb;
	background-color:#ffebec;
}
div.noteEX02 .title{
	width:100%;
	margin:-2px 0 1px;
	color:#5e5e5e;
	font-size:1.3em;
	font-weight:bold;
}
div.noteEX02 dl.list{
	width:100%;
}
div.noteEX02 dl.list dt{
	margin-bottom:10px;
}
div.noteEX02 dl.list dd.desc{
	margin-bottom:8px;
	padding-left:12px;
}
div.noteEX02 dl.list dd.desc a img{
	position:relative;
	margin:0 4px 0 -12px;
}
div.noteEX02 p{
	margin-bottom:4px;
}
div.noteEX02.last{
	margin-top:35px;
}
div.noteEX02 div.buttons{
	position:absolute;
	width:300px;
	top:8px;
	right:10px;
	text-align:right;
}
div.noteEX02 div.buttons input{
	padding-left:5px;
	padding-right:5px;
	margin-left:8px;
}
div.noteEX02.last{
	margin-bottom:35px;
}

/*EX03*/
div.noteEX03{
	width:100%;
	height:180px;
	overflow:auto;
	padding:3px 0 22px;
	margin-bottom:25px;
}
div.noteEX03 div.message{
	width:638px;
	padding:10px;
}
div.noteEX03 div.message2{
	zoom:100%;
}
div.noteEX03 div.message p.last{
	margin-bottom:0;
}


/* 06. Download Button
----------------------------------------------------------------------- */
/*downloadBtnArea*/
div.downloadBtnArea{
	width:100%;
	margin-bottom:35px;
}
ul#downloadBtns li{
	margin-bottom:5px;
	text-align:center;
}
ul#downloadBtns li a{
    display:-moz-inline-box;  
	display:inline-block;
	width:215px;
	padding:8px;
	margin:0 auto 0;
	background:#F0F0F0;
	border:1px solid #CFCFCF;
	color:#CFCFCF;
	zoom:1;
}
ul#downloadBtns li a:hover{
	color:#CFCFCF;
	cursor:text;
	text-decoration:none;
}
ul#downloadBtns li a.active{
	background:#f1f6f9;
	border:1px solid #b3c7ce;
	color:#66767C;
}
ul#downloadBtns li a.active span{
	background:transparent url(/common/images/extend/icon_downloads.gif) no-repeat 0 50% scroll;
	padding-left:20px;
}
ul#downloadBtns li a.active:hover{
	background:#C3D5DF;
	text-decoration:none;
	color:#FFFFFF;
	cursor:pointer;
}

/*button*/
div.buttonEX01{
	width:100%;
	padding:3px 0 9px;
}
div.buttonEX01 div.desc{
	width:100%;
	margin-bottom:12px;
	text-align:right;
}
div.buttonEX01 div.desc{
	text-align:center;
	padding:10px 0 10px;
}
div.buttonEX01 div.desc input{
	margin-left:10px;
	vertical-align:middle;
}

/* 07. Selecter
----------------------------------------------------------------------- */
div.selectorArea{
	position:absolute;
	display:none;
	width:420px;
	padding:14px 14px 4px 14px;
	background-color:#5E5A5A;
	z-index:9999;
}
div.selectorArea div.body{
	clear:both;
	padding-bottom:16px;
}
div.selectorArea p.heading{
	font-weight:bold;
	margin-bottom:0.2em;
	color:#ccc;
}
div.selectorArea li{
	display:inline;
	margin-right:10px;
	line-height:1.5;
}
div.selectorArea li a{
	padding-left:20px;
	background:transparent url(/common/images/common/arrow_right.gif) no-repeat 6px 50% scroll;
	color:#FFFFFF;
}


/* 08. Data Filter
----------------------------------------------------------------------- */

/* Basic code - don't modify */
.fNavi {display: block; margin: 0; padding: 0; position: relative; }
.fNavi li {display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
.fNavi a {display: block; }
.fNavi ul {display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html .fNavi ul {line-height: 0; } /* IE6 "fix" */
.fNavi ul a {zoom: 1; } /* IE6/7 fix */
.fNavi ul li {float: none; }

/* Essentials - configure this */
.fNavi ul{/*width: 120px;*/}

/* Everything else is theming */
.fNavi {height: 22px;}
.fNavi *:hover {background-color: none;}
.fNavi a {/*width:79px;*/ height: 16px; line-height: 1; color:#fff; text-decoration:none;}
.fNavi li.hover a {}
.fNavi ul {top: 22px; background:#F7F7F7; /*border-top:1px solid #ccc;*/ border-left:1px solid #ccc; border-right:1px solid #ccc;}
.fNavi ul li a {width: 105px; height:auto;  padding:3px 0 3px 3px; color:#4A4A4A;  background:#fff; font-weight:normal;}
.fNavi ul li.hover {background:#EFD3D7;}
.fNavi ul a.hover {background:#EFD3D7;}
.fNavi ul a {background:#F7F7F7;}
/* .fNavi ul a {border-bottom: none; } - I also needed this for IE6/7 */

/* icon */
.fNavi > li > a{
	background:transparent url(/common/images/extend/desc.gif) no-repeat 100% 4px scroll;
	border-top:1px solid #BEBEBE;
	border-left:1px solid #BEBEBE;
	border-right:1px solid #BEBEBE;
}
.fNavi > li.hover > a,
.fNavi > li > a:hover{
	color:#7f0416;
	background-color:#F7F7F7;
	background-image:url(/common/images/extend/desc_o.gif);
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
.fNavi ul li a,
.fNavi ul li.hover a,
.fNavi ul li a:hover{
	background:none;
/*	font-size:85%;*/
	line-height:1.3;
}

.fNavi ul li.current a{
	font-weight:bold;
}

.fNavi ul li.last a{
	border-top:1px solid #ccc; 
	border-bottom:1px solid #ccc; 
}

/* width*/
#fNavi1 > li > a{/* .language */
	width:87px;
	padding:3px
}
#fNavi2 > li > a{/* .type */
	width:74px;
	padding:3px
}

div.tableEX01 .language{width:83px;}
div.tableEX01 .type{width:80px;}
div.tableEX01 .size{width:65px;}
div.tableEX01 .date{width:80px;}

div.tableEX01 th.date{padding:4px 3px 3px;}
div.tableEX01 th.name{padding:4px 3px 3px;}
div.tableEX01 th.size{padding:4px 3px 3px;}



/* 09. More Styles
----------------------------------------------------------------------- */
/*listArea*/
div.listArea{
	width:100%;
	padding-bottom:9px;
}
div.listArea ul{
	width:100%;
}
div.listArea ul li{
	margin-left:0.2em;
	margin-bottom:8px;
	padding-left:1.6em;
	background:transparent url(/common/images/common/circle.gif) 0 0.3em no-repeat;
} 
div.listArea ol{
	width:100%;
}
div.listArea ol li{
	margin-left:1.8em;
	margin-bottom:8px;
	list-style-type:decimal;
}

/*LinkList*/
div.linkListEX01{
	width:671px;
	padding-bottom:10px;
}
div.linkListEX01 ul{
	padding-bottom:14px;
	zoom:100%;
}
div.linkListEX01 ul.list li{
	float:left;
	width:121px;
	margin-right:15px;
	text-align:left;
}
div.linkListEX01 ul.list li.last{
	margin-right:0;
}
div#mainArea div.linkListEX01 ul.list li p{
	margin-bottom:0;
}
div.linkListEX01 ul.list li p a{
	text-decoration:none;
}
* html body div.linkListEX01 ul.list li p a:hover{/*IE6 only*/
	text-decoration:underline;
}
div.linkListEX01 ul.list li p a:hover span{
	text-decoration:underline;
}
div.linkListEX01 ul.list li p a img{
	margin-right:4px;
	text-decoration:none;
}
div.linkListEX01 ul.list:after{
	display:block;
	clear:both;
	content:"";
}