@charset "utf-8";

/* (C)JFE-STEEL */
/* atuita.css  */


/* --BOX--*/

#docs {
	clear: left;
	float: left;
	width: 750px;
	background-image: url(//www.jfe-steel.co.jp/img/common/common_bg.gif);
	background-repeat: repeat-y;
}

#docs #docs-c {
	clear: left;
	float: left;
	width: 740px;
	padding-top: 8px;
	padding-left: 10px;
}

#docs #docs-c #contents {
	clear: left;
	float: left;
	width: 560px;
	margin-right: 10px;
	font-size: 14px;
	color: #292019;
}


/* --localmenu--*/
#lmenu {
	float: left;
	width: 160px;
}

#lmenu #local {
	background-image: url(../atuita/img/common/menu01_bg.gif);
	_background-image: none;
}

#ver1, #ver2, #ver3, #ver4 {
	margin: 0;
	padding: 0;

}

#ver1 #local #promenu, #ver3 #local #promenu, #ver4 #local #promenu,
#ver1 #local #tecmenu, #ver2 #local #tecmenu, #ver4 #local #tecmenu,
#ver1 #local #appmenu, #ver2 #local #appmenu, #ver3 #local #appmenu {
	display: none;
}

#ver2 #low0 #local #promenu #prolow1,
#ver2 #low0 #local #promenu #prolow2,
#ver2 #low0 #local #promenu #prolow3,
#ver2 #low0 #local #promenu #prolow4,
#ver2 #low1 #local #promenu #prolow2,
#ver2 #low1 #local #promenu #prolow3,
#ver2 #low1 #local #promenu #prolow4,
#ver2 #low2 #local #promenu #prolow1,
#ver2 #low2 #local #promenu #prolow3,
#ver2 #low2 #local #promenu #prolow4,
#ver2 #low3 #local #promenu #prolow1,
#ver2 #low3 #local #promenu #prolow2,
#ver2 #low3 #local #promenu #prolow4,
#ver2 #low4 #local #promenu #prolow1,
#ver2 #low4 #local #promenu #prolow2,
#ver2 #low4 #local #promenu #prolow3 {
	display: none;
}

#ver2 #local .lowline1,
#ver3 #local .lowline2,
#ver4 #local .lowline3 {
	display: none;
}

/* menu1 */
#lmenu #local .pro,
#lmenu #local .tec,
#lmenu #local .app,
#lmenu #local .top {
	background-image: url(../atuita/img/common/menu01_06.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin: 0px;
	padding-top: 2px;
	_padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#lmenu #local .pro {
	background-image: url(../atuita/img/common/menu01_01.gif);
	_padding-top: 2px;
}

#lmenu #local .pro a,
#lmenu #local .tec a,
#lmenu #local .app a,
#lmenu #local .top a {
	color: #292019;
	font-size: 12px;
	text-decoration: none;
	display:block;
	background-image: url(../atuita/img/common/menu01_02.gif);
	background-repeat: no-repeat;
	padding-top: 6px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 11px;
	margin: 0px;
}


#lmenu #local .pro a:hover,
#lmenu #local .tec a:hover,
#lmenu #local .app a:hover,
#lmenu #local .top a:hover {
	color: #292019;
	font-size: 12px;
	text-decoration: none;
	display:block;
	background-image: url(../atuita/img/common/menu01_05.gif);
	background-repeat: no-repeat;
	padding-top: 6px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 11px;
	margin: 0px;
}

#lmenu #local .lowline,
#lmenu #local .lowline1,
#lmenu #local .lowline2,
#lmenu #local .lowline3 {
	background-image: url(../atuita/img/common/menu01_03.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 2px;
	font-size: 0;
}

#lmenu #local .lowline4 {
	background-image: url(../atuita/img/common/menu01_03.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 2px;
	font-size: 0;
}

/* menu2 */
#ver2 #local #promenu,
#ver3 #local #tecmenu,
#ver4 #local #appmenu {
	background-image: url(../atuita/img/common/menu02_bg.gif);
	_background-image: none;
}

#local #promenu .menu002,
#local #tecmenu .menu002,
#local #appmenu .menu002 {
	background-image: url(../atuita/img/common/menu02_02.gif);
	background-position: bottom right;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}

#local #promenu .menu002 a,
#local #tecmenu .menu002 a,
#local #appmenu .menu002 a {
	background-image: url(../atuita/img/common/menu02_01.gif);
	background-repeat: no-repeat;
	color: #292019;
	font-size: 12px;
	text-decoration: none;
	display:block;
	margin: 0px;
	padding-top: 6px;
	padding-right: 2px;
	padding-bottom: 6px;
	padding-left: 26px;
}

#local #promenu .menu002 a:hover,
#local #tecmenu .menu002 a:hover,
#local #appmenu .menu002 a:hover {
	background-image: url(../atuita/img/common/menu02_04.gif);
	background-repeat: no-repeat;
	color: #292019;
	font-size: 12px;
	text-decoration: none;
	display:block;
	margin: 0px;
	padding-top: 6px;
	padding-right: 2px;
	padding-bottom: 6px;
	padding-left: 26px;
}

/* menu3 */
#local #promenu #prolow1,
#local #promenu #prolow2,
#local #promenu #prolow3,
#local #promenu #prolow4 {
	background-image: url(../atuita/img/common/menu03-bg.gif);
	background-repeat: repeat-y;
	padding-left: 25px;
	padding-bottom: 1px;
}

#local #promenu #prolow1 .menu003,
#local #promenu #prolow2 .menu003,
#local #promenu #prolow3 .menu003,
#local #promenu #prolow4 .menu003 {
	background-image: url(../atuita/img/common/menu03-line.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 1px;
}

#local #promenu #prolow1 .menu003 a,
#local #promenu #prolow2 .menu003 a,
#local #promenu #prolow3 .menu003 a,
#local #promenu #prolow4 .menu003 a {
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
	display:block;
	background-image: url(../atuita/img/common/menu03-1.gif);
	background-repeat: no-repeat;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
}

#local #promenu #prolow1 .menu003 a:hover,
#local #promenu #prolow2 .menu003 a:hover,
#local #promenu #prolow3 .menu003 a:hover,
#local #promenu #prolow4 .menu003 a:hover {
	color: #FF8835;
	font-size: 12px;
	text-decoration: none;
	display:block;
	background-image: url(../atuita/img/common/menu03-1.gif);
	background-repeat: no-repeat;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
}

.i {
	font-style: italic;
}
/* --localmenu end--*/

/* --menu banner--*/
#lmenu #banner {
	margin-top: 20px;
}

#banner img {
	margin-bottom: 5px;
}

/* --breadcrumb--*/
#breadcrumb {
	color: #292019;
	background-color: #EFEEED;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
}


#breadcrumb strong {
	font-weight: normal;
	font-size: 0.7em;
}

#breadcrumb strong a {
	color: #062787;
	text-decoration: none;
}

#breadcrumb strong a:hover {
	color: #FF8835;
	text-decoration: underline;
}

/* --contents--*/
h1 {
	font-size: 20px;
	color: #76716C;
	background-repeat: no-repeat;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 17px;
	padding-right: 0px;
	padding-bottom: 17px;
	padding-left: 30px;
	background-image: url(../atuita/img/common/h1-00.jpg);
}

.products {
	background-image: url(../atuita/img/common/h1-01.jpg);
}

.technology {
	background-image: url(../atuita/img/common/h1-02.jpg);
}

.applications {
	background-image: url(../atuita/img/common/h1-03.jpg);
}


#atuita {
	margin: 10px;
	background-image: url(../atuita/img/common/h2-02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#atuita p {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	line-height: 20px;
}

#atuita .ind {
	text-indent: 1em;
}

#atuita .space30 {
	margin-top: 30px;
	margin-bottom: 30px;
}

#atuita .spacetop10 {
	margin-top: 10px;
}

#atuita .spacetop40 {
	margin-top: 40px;
}

#atuita .spacetop50 {
	margin-top:50px;
}

#atuita .spacebot10 {
	margin-bottom: 10px;
}

#atuita .spacebot15 {
	margin-bottom: 15px;
}

#atuita .spacebot30 {
	margin-bottom: 30px;
}

#atuita .spacebot40 {
	margin-bottom: 40px;
}

#atuita .spacebot50 {
	margin-bottom: 50px;
}

#atuita .spacelef05 {
	margin-left: 5px;
}

#atuita .spacelef10 {
	margin-left: 10px;
}

#atuita .spacelef15 {
	margin-left: 15px;
}

#atuita .spacelef30 {
	margin-left: 30px;
}

#atuita .spacerig15 {
	margin-right: 15px;
}

#atuita h2 {
	font-size: 16px;
	color: #292019;
	background-image: url(../atuita/img/common/h2-01.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0px;
	padding-top: 5px;
	_padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 6px;
	_padding-bottom: 5px;
	padding-left: 15px;
	line-height: 1em;
}

#atuita .h2pro {
	font-size: 16px;
	color: #292019;
	background-image: url(../atuita/img/common/h2.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 6px;
	_padding-bottom: 7px;
	padding-left: 20px;
}

#atuita h3 {
	font-size: 14px;
	color: #FF8835;
	background-image: url(../atuita/img/common/arrow-02.gif);
	background-repeat: no-repeat;
	margin-top: 30px;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-left: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 22px;
}

#atuita h4,
#atuita .relation {
	font-size: 12px;
	color: #FF8835;
	background-image: url(../atuita/img/common/arrow-04.gif);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 22px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 16px;
}

#atuita .relation {
	background-image: url(../atuita/img/common/arrow-05.gif);
}

#atuita ul {
	list-style-type: none;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding: 0px;
}

#atuita li {
	color: #292019;
	background-image: url(../atuita/img/common/arrow-07.gif);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

#atuita .prolist li {
	background-image: url(../atuita/img/common/arrow-01.gif);
}

#atuita .non li {
	background-image: none;
	padding-left: 0px;
}

#atuita li a {
	color: #292019;
	text-decoration: underline;
}

#atuita li a:hover {
	color: #FF8835;
	text-decoration: none;
}

#atuita .table,
#atuita .table2 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

#atuita .table table {
	border: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #292019;
	width: 100%;
}

#atuita .table2 table {
	border: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #292019;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #292019;
}

#atuita .table th,
#atuita .table2 th {
	font-size: 11px;
	color: #292019;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	border-bottom-width:3px;
	border-bottom-style: double;
	border-bottom-color: #292019;
}

#atuita .table .noline {
	border-bottom-color: #FFFFFF;
}

#atuita .table em {
	font-weight: normal;
	font-style: normal;
}

#atuita .table td,
#atuita .table2 td {
	font-size: 11px;
	color: #292019;
	text-align: center;
	padding-top: 4px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #292019;
}

#atuita .table2 th,
#atuita .table2 td {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #292019;
}

#atuita .table .text {
	text-align: left;
	line-height: 16px;
}

#atuita .table .nowrap {
	white-space: nowrap;
}

#atuita .table .st,
#atuita .table2 .st {
	font-weight: bold;
	color: #062787;
	background-color: #F8F5F3;
	white-space: nowrap;
	padding-top: 15px;
	padding-bottom: 15px;
}

#atuita .table .st2,
#atuita .table2 .st2 {
	font-weight: bold;
	color: #062787;
	background-color: #F8F5F3;
	white-space: nowrap;
	padding-top: 6px;
	padding-bottom: 4px;
}

#atuita .table .bgorange,
#atuita .table2 .bgorange {
	background-color: #FFF4EE;
}

#atuita .table .bgorange1,
#atuita .table2 .bgorange1 {
	background-color: #FFDDCA;
}

#atuita .table2 .bgorange2 {
	background-color: #FFC5A6;
}

#atuita .bggray,
#atuita .table .bggray {
	background-color: #F8F5F3;
}

#atuita .table .alignleft {
	text-align: left;
}

#atuita .table .alignright {
	text-align: right;
}

#atuita .table .top10 {
	padding-top: 10px;
}

#atuita .table .point {
	float: right;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}

#atuita .table .point p {
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}

#atuita .table .tableharf1,
#atuita .tableharf1 {
	float: left;
	width: 55%;
	margin-right: 5px;
}

#atuita .table .tableharf2,
#atuita .tableharf2 {
	float: left;
	width: 40%;
	padding-left: 5px;
}

#atuita .h4waku {
	margin-top: 0px;
	margin-bottom: 20px;
	margin-right: 0px;
	margin-left: 35px;
	padding: 0px;
}

#atuita .no, #atuita .no table, #atuita .no td {
	border: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	text-align: left;
}

#atuita .no img {
	border: 0px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#atuita .list {
	margin: 0px;
}

#atuita .list dt {
	float: left;
	width: 20%;
	margin-bottom: 7px;
}

#atuita .list dd {
	margin-bottom: 7px;
}

#atuita .attention {
	font-size: 14px;
	color: #292019;
	background-image: url(../atuita/img/common/arrow-03.gif);
	background-repeat: no-repeat;
	margin: 10px;
	padding-left: 25px;
	border: 1px solid #292019;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	line-height: 18px;
}

#atuita .catalogtitle {
	color: #292019;
	background-image: url(../atuita/img/common/catalog_title.gif);
	background-repeat: no-repeat;
	display:block;
	margin-top: 50px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 9px;
	padding-left: 10px;
}

#atuita .catalog {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}

#atuita .catalog li {
	font-size: 12px;
	background-image: url(../atuita/img/common/arrow-06.gif);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 15px;
}

#atuita .catalog li a {
	color: #0000FF;
	text-decoration: none;
}

#atuita .catalog li a:hover {
	color: #FF8835;
	text-decoration: underline;
}

#atuita .catalog .pdf {
	background-image: url(//www.jfe-steel.co.jp/img/common/pdficon_small2.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 15px;
	padding-bottom:2px;
}

#atuita .fortec1 {
	background-color: #F8F5F3;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

#atuita .fortec1 li {
	background-image: url(../atuita/img/common/arrow-08.gif);
}

/* --index--*/
#top {
	margin: 0px;
	padding: 0px;
}

#top .flash {
	margin: 0px;
	padding: 0px;
	border: 1px solid #292019;
	height: 248px;
	width: 558px;
}

#top .topics,
#top .giho {
	width: 560px;
	background-image: url(../atuita/img/index-05.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#top .topics .title,
#top .giho .title {
	font-weight: bold;
	color: #292019;
	font-size: 13px;
	text-indent: -999px;
	background-image: url(../atuita/img/index-01.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	_padding-bottom: 2px;
	padding-left: 210px;
}

#top .giho .title {
	background-image: url(../atuita/img/index-02.gif);
}

#top .topics .title p,
#top .giho .title p {
	margin: 0px;
	padding: 0px;
}

#top .topics .title img,
#top .giho .title img {
	float: right;
	margin-top: 1px;
	margin-right: 10px;
}

#top .topics .detail,
#top .giho .detail {
	width: 560px;
	background-image: url(../atuita/img/index-04.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#top .topics .detail dl,
#top .giho .detail dl {
	width: 560px;
	margin: 0px;
	padding: 0px;
}

#top .topics .detail dt,
#top .giho .detail dt {
	clear: left;
	float: left;
	width: 13%;
	font-size: 12px;
	color: #FF8835;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #FF8835;
}

#top .giho .detail dt {
	color: #062787;
	border-left-color: #062787;
	width: 10%;
}

#top .topics .detail dd,
#top .giho .detail dd {
	float: left;
	width: 80%;
	font-size: 12px;
	color: #292019;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

#top .giho .detail dd {
	width: 86%;
}
#top .topics .detail dd a,
#top .giho .detail dd a {
	color: #292019;
	text-decoration: underline;
}

#top .topics .detail dd a:hover,
#top .giho .detail dd a:hover {
	color: #FF8835;
	text-decoration: none;
}

/* --topics giho--*/
#topics,
#giho {
	margin: 0px;
	padding: 0px;
}

#topics dl,
#giho dl {
	margin-top: 15px;
	margin-left: 10px;
}

#topics dt,
#giho dt {
	font-size: 12px;
	color: #FF8835;
	font-weight: bold;
	background-image: url(../atuita/img/common/arrow-05.gif);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	padding-left: 15px;
}

#giho dt {
	background-image: url(../atuita/img/common/arrow-04.gif);
	color: #062787;
}

#topics dd,
#giho dd {
	margin-bottom: 20px;
}

#topics dd a,
#giho dd a {
	color: #292019;
	text-decoration: underline;
}

#topics dd a:hover,
#giho dd a:hover {
	color: #FF8835;
	text-decoration: none;
}

/* --productstop--*/
#atuita .detail1, #atuita .detail2, #atuita .detail3,
#atuita .detail4, #atuita .detail5, #atuita .detail6 {
	height: 100px;
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0px;
}

#atuita .detail1 {
	background-image: url(../atuita/img/k00.jpg);
	height: 165px;
}

#atuita .detail2 {
	background-image: url(../atuita/img/yo00.jpg);
	height: 220px;
}

#atuita .detail3 {
	background-image: url(../atuita/img/te00.jpg);
}

#atuita .detail4 {
	background-image: url(../atuita/img/ma00.jpg);
	height: 75px;
}

#atuita .detail5 {
	background-image: url(../atuita/img/tai00.jpg);
	height: 105px;
}

#atuita .detail6 {
	background-image: url(../atuita/img/ot00.jpg);
}

/* --Commonness--*/
.cr {
	clear: both;
}

sup {
	vertical-align: top;
}

sub {
	vertical-align: bottom;
}

.bold {
	font-weight: bold;
}

.caption {
	font-size: 11px;
	text-align: right;
}

.forange {
	color: #FF8835;
}

.centering {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.alignleft {
	text-align: left;
}

.alignright {
	text-align: right;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.f08h09 {
	font-size: 10px;
	line-height: 11px;
}

.f09h10 {
	font-size: 12px;
	line-height: 13px;
}

.f10h11 {
	font-size: 12px;
	line-height: 14px;
}

.h16 {
	line-height: 20px;
}

.w200 {
	width: 200px;
}

.w290 {
	width: 290px;
}

.w300 {
	width: 300px;
}

.w500 {
	width: 500px;
}

.border1 {
	border: 1px solid #292019;
}

.nobr {
	white-space: nowrap;
}