/* CSS Document */

@import url("base.css");
@import url("common.css");
/*@import url("font.css");*/
/*見出し*/
h1 {
	float:left;
}

h2.topics {
	background-image:url(../common/img/bt_topics.gif);
	background-repeat:repeat-x;
	margin-top: 12px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #c1cad1;
	border-bottom-color: #c1cad1;
	font-size:10px;
	height: 32px;
	background-position: center;
	width: 680px;
}
h2.topics a.allview{
	float:right;
	padding-top: 0.75em;
	padding-right: 1em;
	font-size: 90%;
}
/*monthly-box*/
#press{
	width:250px;
	float: right;
	position: absolute;
	left: 428px;
	visibility: hidden;
}
#press .monthly-box .gray-box {
	background-color: #f2f2f2;
	padding: 7px 12px 12px;
}
#press .monthly-box .monthly-title {
	text-align: center;
	color: #FFFFFF;
	background-color: #999999;
	padding-top: 6px;
	padding-bottom: 6px;
}

#press .monthly-box .monthly-title a {
	color:#FFFFFF;
}
#press .monthly-box .monthly-dtl {
	background-color: #FFFFFF;
	padding: 7px 10px 10px;
	text-align: center;
}
#press .monthly-box .year {
	text-align: center;
	position: relative;
	width: 100%;
	font-size: 110%;
	padding-bottom: 14px;
}
#press .monthly-box .year .prev,
#press .monthly-box .year .next {
	position: absolute;
	top: 2px;
	font-size: 90%;
}
#press .monthly-box .year .prev {
	left: 0px;
}
#press .monthly-box .year .next {
	right: 0px;
}
#press .monthly-box table {
	width: 164px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	vertical-align: middle;
}
#press .monthly-box table td {
	padding-top: 6px;
	padding-bottom: 6px;
}
/*トピックス*/
dl.news {
	width:680px;
	border-bottom:1px solid #c8cdd1;
	background-color:#eff6fb;
	padding-top:0.5em;
	color:#666666;
	/* height: 350px; */
	height: 150px;
	overflow: scroll;
}

dl.long {
	height: 350px;
}

dl.news dt {
	clear: left;
	float: left;
	width: 10em;
	padding-left: 5px;
	border-left-width: 8px solid #ccc;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0.8em;
	margin-left: 0em;
}

dl.news dd {
	padding-bottom:0.5em;
	margin-bottom: 0.8em;
	margin-left: 9.5em;
	border-bottom: 1px dashed #cacfd3;
}

/*メニュー分野別*/
#bunyaMenu {
	width:171px;
	float:left;
	height: 350px;
	background-image: url(../common/img/bg_product.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #EFF6FB;
	
}
#bunyaMenu li{
	margin-top:10px;
	margin-left: 10px;
}
/*メニュー分野別*/
#jigyouMenu {
	width:171px;
	float:left;
	height: 350px;
	background-image: url(../common/img/bg_business.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #EFF6FB;
	
}
#jigyouMenu li{
	margin-top:10px;
	margin-left: 10px;
}



/*トピックス分野別*/
dl.newsbunya {
	width:509px;
	border-bottom:1px solid #c8cdd1;
	background-color:#eff6fb;
	padding-top:0.5em;
	color:#666666;
	height: 350px;
	overflow: scroll;
	float: right;
	margin-right: 13px;
}
dl.newsbunya dt {
	clear: left;
	float: left;
	width: 10em;
	padding-left: 5px;
	border-left-width: 8px solid #ccc;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0.8em;
	margin-left: 0em;
}

dl.newsbunya dd {
	padding-bottom:0.5em;
	margin-bottom: 0.8em;
	margin-left: 9.5em;
	border-bottom: 1px dashed #cacfd3;
}


/*新着JEITA規格・検索*/
#NewAndSarch {
	width: 846px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#NewAndSarch:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #NewAndSarch {
    height: 1em;
    overflow: visible;
}
/**/

#NewAndSarch .kikaku {
	float: left;
	width: 500px;
	height: 40px;
    color: #333333;
	margin: 0;
	padding: 0;
	position: relative;
}
#NewAndSarch .kikaku a.join {
	position: absolute;
	top: 10px;
	left: 0;
}
#NewAndSarch .kikaku a.news {
	position: absolute;
	top: 5px;
	left: 410px;
}
#NewAndSarch .kikaku p {
    color: #333333;
	font-size: 90%;
	margin: 0;
	padding: 15px 0 0;
}

#NewAndSarch .kikaku p a {
    color: #FF3333;
}
#NewAndSarch .kikaku p a:hover {
    text-decoration: none;
}

#NewAndSarch form {
	float: right;
	display: block;
	margin: 0;
	width: 280px;
	height: 32px;
	padding: 10px 5px 0 0;
	text-align: right;
	vertical-align: middle;
}

table#headformbox td {
 padding-left: 5px;
}

/* top banner */
div.banner001 {
 margin: 5px 0 0 0;
}
div.banner001 a {
 display: block;
 width: 153px;
 height: 38px;
 text-indent: -9999px;
}
.banner001 a {
 background: url(../common/topbanner/ceatec_enter_ja.gif) no-repeat top left;
}
.banner001 a:hover {
 background: url(../common/topbanner/ceatec_enter_ja_on.gif) no-repeat top left;
}

/* Localized */