@charset "UTF-8";
/*鋼構造出版用 css*/

a:link { color: #444; text-decoration: underline;}
a:visited { color: #444; text-decoration:underline;} 
a:active { color:#444; text-decoration: underline;} 
a:hover { color: #111; text-decoration: underline;} 

a.headerlink:link { color: #555; text-decoration: none}
a.headerlink:visited { color: #555; text-decoration: none} 
a.headerlink:active { color:#666; text-decoration: underline} 
a.headerlink:hover { color: #333; text-decoration: underline} 

a.f-link:link { color: #EAE9E9; text-decoration: none;}
a.f-link:visited { color: #EAE9E9; text-decoration: none;} 
a.f-link:active { color:#EAE9E9; text-decoration: none;} 
a.f-link:hover { color: #EAE9E9; text-decoration: none;} 

a.splink:link { color: #ff9900; text-decoration: none}
a.splink:visited { color: #ff9900; text-decoration: none} 
a.splink:active { color:#ff9900; text-decoration: underline} 
a.splink:hover { color: #ff9900; text-decoration: underline} 

html{
    height: 100%;
	}


body {
	color: #444;
	font-size: 75%;
	margin: 0;
	height: auto;
	font-family: sans-serif;
	background: #EAE9E9;
	}

p,dt,dd {
	line-height: 1.5em;
	}

img
	{
		border:none;
	}

ul
	{
		list-style:none;
		margin:0;
		padding:0;
		line-height: 1.5;
	}

li
	{
		margin:0 0 0 10px;
		padding: 0 0 0 15px;
		background: url(http://122.1.242.10/img/list.gif) 0 0.35em no-repeat;
	}

#wrapper {
	width: 800px;
	margin: 0px auto;
	background: url(http://122.1.242.10/img/back.gif) repeat-y;
	}

#menu {
	width: 740px;
	height: 40px;
	margin: 0px 30px 0px 30px;
	background:url(http://122.1.242.10/img/menu_back.jpg) no-repeat;
	}

#content {
	width: 740px;
	height: 100%;
	line-height: 1.5em;
	margin: 10px 30px 20px 30px;
	}

#header {
	height: 282px;
	font-size: 78%;
	font-weight: 400;
	margin: 0px 30px 1px 30px;
	background: url(http://122.1.242.10/img/top.jpg) no-repeat;
	}

#header2 {
	height: 75px;
	font-size: 78%;
	font-weight: 400;
	margin: 0px 30px 1px 30px;
	background: url(http://122.1.242.10/img/top2.jpg) no-repeat;
	}

.top-left,
.top-right {
	float: left;
	width: 370px;
	}

.top-right {
	text-align: right;
	margin: 10px 0 0 0;
	}

.top-left {
	text-align: left;
	}



h2#cont-head {
	height: 42px;
	margin: 0;
	font-size: 100%;
	color: #333;
	padding: 10px 5px 0px 12px;
	background: url(http://122.1.242.10/img/h2-back.gif) no-repeat;
	}

h2#cont-head img {
	float : right;
	margin-top: -5px;
	}

h3 {
	font-size: 100%;
	font-weight: 600;
	color: #666;
	}

h4 {
	font-size: 120%;
	font-weight: 600;
	color: #ff9900;
	margin: 2px 0 0 0;
	}

h5 {
	font-size: 120%;
	font-weight: 600;
	color: #00AFDE;
	margin: 2px 0 0 0;
	}

.t-orange {
	font-size: 100%;
	font-weight: 600;
	color: #ff9900;
	margin: 0px 0 0 0;
	padding:0px;
	}

#primary,
#secondary {
	float: left;
	height: 100%;
	min-height:100%;
	}

#primary {
	width: 550px;
	margin: 0 0 30px 0;
	border: 0px solid #ECECEC;
	}

#secondary {
	width: 190px;
	height: auto;
	border: 0px solid #ECECEC;
	}

.side {
	height:100%;
	min-height:100%;
	margin: 0 0 20px 16px;
	border: 1px solid #B4B4B4;
	}

.section {
	margin: 0px 10px 20px 10px;
	}

.section2 {
	height: auto;
	margin: 1px;
	}

.section h2 {
	margin-bottom: 6px;
	}

#copyright {
	clear: both;
	width: 100%; /* for WinIE6,7 */
	height: 35px;
	padding-top: 18px;
	font-size: 85%;
	text-align: center;
	background: #EAE9E9 url(http://122.1.242.10/img/copyright_bg.gif) no-repeat;
	}

hr.style1 {
	border-style: dotted none none none; 
	border-top-width: 2px; 
	border-top-color: #ddd; 
	clear: both;
	height: 2px; 
	margin: 0px 2px 10px 2px;
    }

.textbox1{
	float: left;
	margin-left: 10px;
	}

.halfbox{
	float: left;
	width: 260px;
	margin: 0 4px 5px 4px;
	}

table.ta1{
		border: 1px #ccc solid;
		border-collapse:collapse;
	}
table.ta2{
		border-collapse:collapse;
	}

td.tc1{
		border: 1px #ccc solid;
		padding: 5px;
		width: 120px;
		background-color: #F4F5F8;
	}
td.tc2{
		border: 1px #ccc solid;
		padding: 5px;
		width: 400px;
	}

/*媒体紹介グラフ用*/
td.tc3{
		border: 1px #ccc solid;
		padding: 5px;
		width: 190px;
		background-color: #F4F5F8;
	}
td.tc4{
		border: 1px #ccc solid;
		padding: 5px;
		width: 80px;
	}

td.tc5{
		border: 1px #ccc solid;
		padding: 5px;
		width: 250px;
	}

td.tc6{
		border: 1px #ccc solid;
		padding: 5px;
		width: 520px;
	}

td.tc7{
		padding: 0px 0px 0px 5px;
		margin-right: 2px;
		width: 70px;
		vertical-align: top;
	}
td.tc8{
		padding: 0px;
		width: 466px;
	}



.gotop{
		margin: 10px 0;
		text-align: right;
	}

#imgl
	{
		float: left;
		padding:0;
		margin: 0 10px 0px 0;
	}

#imgr
	{
		float: right;
		padding: 0 0 3px 5px;
		margin:0;
	}

#imgm
	{
		vertical-align: middle;
		margin:0 3px 0 0px;
	}

#imgb
	{
		margin-bottom:5px;
	}
	
#imgbook
	{
		float: right;
		padding: 0;
		margin:0 0 5px 5px;
		border: 1px solid #999;
	}	
	
#f-link
	{
		clear:both;
		right: 0;
		width:100px ;
		text-align: left;
		margin: 0px;
		font-size:1px;
		color: #EAE9E9;
	}

#splink
	{
		color: #ff9900;
	}