@charset "utf-8";


/* -- for dropdown menu --*/

#all {
	position: relative;
	z-index: 1;
}

#all #gmenu {
	position: relative;
	z-index: 3;
}

#all #site_index{
	position: relative;
	z-index: 2;
}

/* --- */

/* find */


#finds {
	position: relative;
	z-index: 0;
	clear: right;
	float: none;
}

#finds #product {
	position: absolute;
	z-index: 1;
	left: 16px;
	top: 82px;
}
#finds #help {
	position: absolute;
	z-index: 1;
	top: 25px;
	left: 386px;
}


#finds #industry {
	position: absolute;
	z-index: 1;
	left: 16px;
	top: 375px;
}

#finds #product #product_title,
#finds #industry #industry_title
 {
	position: absolute;
	z-index: 2;
	left: 15px;
	top: 19px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #0099CC;
	padding-left: 10px;
	font-size: 16px;
}

#finds #industry #industry_title {
	top: 25px;
}

#finds #product #product_caption {
	position: absolute;
	z-index: 3;
	left: 309px;
	top: 129px;
	width: 200px;
	font-size: 16px;
}

#finds #product #product_1 {
	position: absolute;
	z-index: 2;
	left: 179px;
	top: 92px;
	height: 116px;
	width: 135px;
	text-indent: -9999px;
}

#finds #product #product_2 {
	position: absolute;
	z-index: 2;
	left: 354px;
	top: 7px;
	height: 113px;
	width: 136px;
	text-indent: -9999px;
}

#finds #product #product_3 {
	position: absolute;
	z-index: 2;
	left: 343px;
	top: 158px;
	height: 117px;
	width: 147px;
	text-indent: -9999px;
}

#finds #product #product_1 a {
	height: 116px;
	width: 135px;
	display: block;
	background-image: url(../../img/site_index/finds/products_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
} 

#finds #product #product_1 a:hover {
	background-image: url(../../img/site_index/finds/products_1_hover.jpg);
} 


#finds #product #product_2 a {
	height: 113px;
	width: 136px;
	display: block;
	background-image: url(../../img/site_index/finds/products_2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
} 

#finds #product #product_2 a:hover {
	background-image: url(../../img/site_index/finds/products_2_hover.jpg);
} 


#finds #product #product_3 a {
	height: 117px;
	width: 147px;
	display: block;
	background-image: url(../../img/site_index/finds/products_3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
} 

#finds #product #product_3 a:hover {
	background-image: url(../../img/site_index/finds/products_3_hover.jpg);
} 


#finds #product #product_1_list {
	position: absolute;
	z-index: 2;
	left: 10px;
	top: 55px;
	height: 220px;
	overflow: auto;
	width: 173px;
	font-size: 15px;
}

#finds #product #product_2_list {
	position: absolute;
	z-index: 2;
	left: 509px;
	top: 12px;
	height: 127px;
	overflow: auto;
	width: 229px;
	font-size: 14px;
}

#finds #product #product_3_list {
	position: absolute;
	z-index: 2;
	left: 510px;
	top: 150px;
	height: 127px;
	overflow: auto;
	width: 229px;
	font-size: 14px;
}

#finds #product #product_1_list a,
#finds #product #product_2_list a,
#finds #product #product_3_list a {
	background-image: url(../../img/mark/square_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
}

#finds #product #product_1_list a:hover,
#finds #product #product_2_list a:hover,
#finds #product #product_3_list a:hover {
	background-image: url(../../img/mark/square_arrow_on.gif);
}


#finds #product #product_1_list li,
#finds #product #product_2_list li,
#finds #product #product_3_list li {
	font-size: 0.7em;
	margin-left: 10px;
	list-style-type: none;
}


#finds #industry #industry_list {
	position: absolute;
	z-index: 2;
	left: 29px;
	top: 60px;
	height: 129px;
	overflow: auto;
	width: 550px;
	font-size: 16px;
}

#finds #industry #industry_list ul {
	font-size: 1em;
	line-height: 2em;
}

#finds #industry #industry_list li {
	float: left;
	margin-right: 20px;
	list-style-type: none;
	white-space: nowrap;
}

#finds #industry #industry_list a {
	background-image: url(../../img/mark/square_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
	font-weight: bold;
}

#finds #industry #industry_list a:hover {
	background-image: url(../../img/mark/square_arrow_on.gif);
}


/* find end */

#site_index {
	clear: both;
	width: 785px;
	margin-left: 10px;
}


/*--- key visual --------------------*/

#key_visual_parents {
	margin-top: 10px;
	margin-bottom: 5px;
}

#key_visual {
	height: 232px;
	overflow: hidden;
	float: left;
	width: 584px;

}


/*--- selection_menu --------------------*/
#selection_menu {
	background-color: #e4e8eb;
	padding-bottom: 2px;
	width: 185px;
	margin-left: 593px;
	_margin-left: 590px;
	padding-right: 2px;
	padding-left: 2px;
}

#selection_menu img {
	margin-top: 2px;
}


/*--- tab ---------------------------*/
/*
#tab_area {
	width: 783px;
	height: 300px;
	margin: 5px 0 0 0;
	background: lightblue;
}

ul#tab{
	margin: 0;
	padding: 0;
	height: 51px;
}
ul#tab li{
	float:left;
	list-style-type:none;
}

.tabContentsGroup {
	height: 248px;
	border-left: 1px solid #ADBBC8;
	border-right: 1px solid #ADBBC8;
	border-bottom: 1px solid #ADBBC8;
}

.tabContentsGroup .content {
}
*/

/*--- left column ------------------------*/
#content {
	float: left;
	width: 546px;
	margin-top: 10px;
	margin-bottom: 20px;
/*	font-size: 0.8em;*/
	font-size: 80%;
}

h1 {
	width: 544px;
	height: 22px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
/*	font-size: 1em;*/
	font-size: 100%;
}
h1 a {
	display: block;
	width: 544px;
	height: 22px;
	background-position: no-repeat;
}
#whats_new h1 a {
	background-image: url(../../img/site_index/h1_whats_new.jpg);
}
#whats_new h1 a:hover {
	background-image: url(../../img/site_index/h1_whats_new_on.jpg);
}
#event_and_news h1 a {
	background-image: url(../../img/site_index/h1_event_and_news.jpg);
}
#event_and_news h1 a:hover {
	background-image: url(../../img/site_index/h1_event_and_news_on.jpg);
}
#seminar h1 a {
	background-image: url(../../img/site_index/h1_seminar.jpg);
}
#seminar h1 a:hover {
	background-image: url(../../img/site_index/h1_seminar_on.jpg);
}

#seminar ul {
	width: 527px;
	border: 1px solid #BBBEC3;
	border-top: none;
	margin-bottom: 12px;
	padding: 8px 7px;
	background: #FFFFFF;
}

#whats_new dl, #event_and_news dl {
	width: 527px;
	border-left: 1px solid #BBBEC3;
	border-right: 1px solid #BBBEC3;
	margin-bottom: 0px;
	padding: 8px 7px;
	background: #FFFFFF;
}

#whats_new dl dt,
#event_and_news dl dt {
	margin-right: -13em; /* IEバグ対応 2011.07.29 */
	float: left;
	clear: both;
	width: 7em;
	line-height: 1.5em;
}

#whats_new dl dd,
#event_and_news dl dd {
	margin-left: 0;
	padding-left: 7em;
	padding-bottom: 0.2em;
	line-height: 1.5em;
}

#global_01 #all #site_index #content #event_and_news .url,
#global_01 #all #site_index #content #event_and_news .url {
	_background-position: 3px 0px;
	_padding-left: 22px;
	_padding-right: 0px;
}
#global_01 #all #site_index #content #event_and_news .url:hover,
#global_01 #all #site_index #content #event_and_news .url:hover {
	_background-position: 3px 0px;
	_padding-left: 22px;
	_padding-right: 0px;
}

#seminar ul {
	width: 524px;
	padding-left: 10px;
}

#seminar ul li {
	list-style: none;
	background: url(../../img/site_index/listmark.gif) no-repeat 0px 3px;
	padding-left: 10px;
	padding-bottom: 0.4em;
}

#seminar ul li a {
	padding-right: 5px;
}

#seminar ul li img {
	padding-left: 0.3em;
	vertical-align: top;
}

#whats_new p, #event_and_news p {
	padding: 2px 7px;
	margin-bottom: 12px;
/*	font-size: 0.9em;*/
	font-size: 90%;
	text-align: right;
	border-left: 1px solid #BBBEC3;
	border-right: 1px solid #BBBEC3;
	border-bottom: 1px solid #BBBEC3;
	width: 527px;
	background-image: url(../../img/site_index/bg_backnumber.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#whats_new p a, #event_and_news p a {
	background-image: url(../../img/mark/arrow3.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
	color: #555555;
}
#whats_new p a:hover, #event_and_news p a:hover {
	background-image: url(../../img/mark/arrow3_on.gif);
	color: #035C85;
}


/*--- right column ------------------*/
#sidebar {
	width: 230px;
	margin-left: 550px;
	margin-top: 10px;
	margin-bottom: 50px;
}

/* pickup */
#pickup {
	width: 230px;
	background-image: url(../../img/site_index/sidebar/pickup/picup_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#pickup .head {
	height: 21px;
	text-indent: -9999px;
}

#pickup .body {
	padding-top: 1px;
	padding-bottom: 6px;
	height: 102px;
	padding-left: 3px;
	padding-right: 3px;
	background-image: url(../../img/site_index/sidebar/pickup/foot.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#pickup .body img {
	margin: 0 0 0 2px;
	padding: 0;
}

#pickup .body .hermit { display:none; }

#pickup .foot {
	height: 5px;
	background: url(../../img/site_index/sidebar/pickup/foot.jpg) no-repeat;
}


/* JFE-TEC News */
#jfe-tec_news {
	width: 230px;
	margin-top: 6px;
}

#jfe-tec_news .head {
	height: 34px;
	background: url(../../img/site_index/sidebar/jfe-tec_news/head.jpg) no-repeat;
}

#jfe-tec_news h2 {
	position: relative;
	left: 11px;
	top: 10px;
}

#jfe-tec_news h2 a {
	width: 205px;
	height: 16px;
	text-indent: -9999px;
	display:block;
}

#jfe-tec_news .body {
	background: url(../../img/site_index/sidebar/jfe-tec_news/body.jpg) repeat-y;
	padding-left: 8px;
}

#jfe-tec_news .body .front_cover {
	float: left;
	width: 70px;
	height: 110px;
	margin-left: 6px;
	_margin-left: 2px;
}

#jfe-tec_news .body .front_cover a:hover {
	position: relative;
	top: 1px;
	left: 1px;
}

#jfe-tec_news .body p {
	padding-bottom: 0.3em;
	line-height: 1.2em;
	/*font-size: 0.8em;*/
	font-size: 80%;
	color: #555555;
}

#jfe-tec_news .body p a {
	color: #555555;
}

#jfe-tec_news .body ul {
	margin-left: 86px;
	width: 120px;
	list-style: none;
}

#jfe-tec_news .body ul li {
	padding-bottom: 0.3em;
	line-height: 1.2em;
}

#jfe-tec_news .body ul li a {
	padding-left: 10px;
	background: url(../../img/mark/simple_arrow.gif) no-repeat 0px 3px;
	/*font-size: 0.8em;*/
	font-size: 80%;
	color: #555555;
}
#jfe-tec_news .body ul li a:hover {
	background: url(../../img/mark/simple_arrow_on.gif) no-repeat 0px 3px;
	color: #D01A25;
}

#jfe-tec_news .foot {
	height: 6px;
	background: url(../../img/site_index/sidebar/jfe-tec_news/foot.jpg) no-repeat;
}

/* Event News */
#event_news {
	width: 230px;
	margin-top: 0px;
}

#event_news .head {
	height: 34px;
	background: url(../../img/site_index/sidebar/event/head.jpg) no-repeat;
}

#event_news h2 {
	position: relative;
	left: 11px;
	top: 10px;
}

#event_news h2 a {
	width: 205px;
	height: 16px;
	text-indent: -9999px;
	display:block;
}

#event_news .body {
	background: url(../../img/site_index/sidebar/event/body.jpg) repeat-y;
	padding-left: 8px;
}

#event_news .body img {
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
}

#event_news .body p {
	margin-right: 10px;
	margin-left: 10px;
	line-height: 1.3em;
}

#event_news .body p a {
	padding-left: 10px;
	background: url(../../img/mark/simple_arrow.gif) no-repeat 0px 3px;
	/*font-size: 0.8em;*/
	font-size: 80%;
	color: #555555;
}

#event_news .body p a:hover {
	background: url(../../img/mark/simple_arrow_on.gif) no-repeat 0px 3px;
	color: #D01A25;
}

/*
#event_news .body ul {
	margin-left: 10px;
	list-style: none;
	margin-right: 15px;
}

#event_news .body ul li {
	padding-bottom: 0.3em;
	line-height: 1.3em;
}

#event_news .body ul li a {
	padding-left: 10px;
	background: url(../../img/mark/simple_arrow.gif) no-repeat 0px 3px;
	font-size: 0.8em;
	color: #555555;
}
#event_news .body ul li a:hover {
	background: url(../../img/mark/simple_arrow_on.gif) no-repeat 0px 3px;
	color: #D01A25;
}
*/

#event_news .foot {
	height: 6px;
	background: url(../../img/site_index/sidebar/event/foot.jpg) no-repeat;
}



/* banner */
#banner {
	width: 230px;
	margin-top: 6px;
}

#banner .head {
	height: 4px;
	background: url(../../img/site_index/sidebar/banner/head.jpg) no-repeat left bottom;
}

#banner .body {
	background: url(../../img/site_index/sidebar/banner/body.jpg) repeat-y #FFF;
}

#banner .body img {
	margin: 0;
	padding-left: 3px;
	padding-bottom: 2px;
}

/*
	.banner1 {
		position: relative;
		display: block;
		width: 222px;
		height: 76px;
		background: url(../../img/site_index/sidebar/banner/banner1.jpg) 0 0 no-repeat;
	}

	.banner1_hover {
		position: absolute; top: 0; left: 0;
		display: none;
		width: 222px;
		height: 76px;
		background: url(../../img/site_index/sidebar/banner/banner1.jpg) 0 -76px no-repeat;
	}

	.banner2 {
		display: block;
		width: 222px;
		height: 76px;
		position: relative;
		background: url(../../img/site_index/sidebar/banner/banner2.jpg) 0 0 no-repeat;
	}

	.banner2_hover {
		display: none;
		width: 222px;
		height: 76px;
		position: absolute; top: 0; left: 0;
		background: url(../../img/site_index/sidebar/banner/banner2.jpg) 0 -76px no-repeat;
	}
*/


#banner .foot {
	height: 4px;
	background: url(../../img/site_index/sidebar/banner/foot.jpg) no-repeat;
}

/*customer*/
#customer {
	width: 230px;
	_margin-top:-10px;
	margin-bottom:10px;
	_margin-bottom:0px;
/*	margin-top: 6px;*/
}
#customer .body p {
	font-size: 12px;
	line-height: 120%;
	margin-top: 2px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 6px;
}


#customer .head {
	height: 4px;
	background: url(../../img/site_index/sidebar/banner/head.jpg) no-repeat left bottom;
}

#customer .body {
	background: url(../../img/site_index/sidebar/banner/body.jpg) repeat-y #FFF;
}

#customer .body img {
	margin: 0;
	padding-left: 3px;
	padding-bottom: 2px;
}

/*
	.banner1 {
		position: relative;
		display: block;
		width: 222px;
		height: 76px;
		background: url(../../img/site_index/sidebar/banner/banner1.jpg) 0 0 no-repeat;
	}

	.banner1_hover {
		position: absolute; top: 0; left: 0;
		display: none;
		width: 222px;
		height: 76px;
		background: url(../../img/site_index/sidebar/banner/banner1.jpg) 0 -76px no-repeat;
	}

	.banner2 {
		display: block;
		width: 222px;
		height: 76px;
		position: relative;
		background: url(../../img/site_index/sidebar/banner/banner2.jpg) 0 0 no-repeat;
	}

	.banner2_hover {
		display: none;
		width: 222px;
		height: 76px;
		position: absolute; top: 0; left: 0;
		background: url(../../img/site_index/sidebar/banner/banner2.jpg) 0 -76px no-repeat;
	}
*/



#customer .foot {
	height: 4px;
	background: url(../../img/site_index/sidebar/banner/foot.jpg) no-repeat left top;
}

table {
}

table td,
table td ul,
table td img {
	margin: 0;
	padding: 0;
}

table td {
	height: 30px;
	overflow: hidden;
}

table td ul,
table td ul li {
	height: 0;
	overflow: hidden;
}

#campaign {
	width: 580px;
	height: 28px;
	margin: 0;
	padding: 0 0 0 100px;
	vertical-align: middle;
	background-image: url(../../campaign/img/top_news_ticker_dt_bg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 12px;
	overflow: hidden;
}

#news_ticker {
	width: 450px;
	float: left;
}

#news_ticker li {
	list-style-type: none;
}

#news_ticker img {
/*	margin-top: -5px;*/
}

#attention {
	text-align:center;
}
