/* 全体
------------------------------------------------------------ */
.sca	{
	width: 742px;
	margin: 0;
	padding: 0;
}

/* Vol毎のタイトル */
.sca-ttl		 { 
	font-size: 14px; 
	font-family: "Arial san-serif"; 
	font-weight: bold; 
	background: url("../steelcanage/images/ttl-back.gif") no-repeat; 
	text-indent: 20px; 
	margin: 0; 
	padding-top: 5px; 
	width: 742px; 
	height: 56px;
	color: #fff;
	line-height: 1.2em;
}

.sca h1	 { 
	color: #fff; 
	font-size: 20px; 
	font-weight: bold; 
	text-indent: 30px; 
	line-height: 1.5em;
	margin: 0; 
	padding: 0; 
	width: 742px;
}

/* メニュー
------------------------------------------------------------ */
.sca-menu		  { 
	color: #000; 
	font-size: 11px; 
	background-color: #f0e5dc; 
	margin: 0; 
	padding: 20px 0; 
	width: 200px; 
	border-right: 1px solid #360;
}

.sca-menu-navi		 { 
	margin-top: 20px; 
	padding: 0 15px; 
	width: 170px; 
}

.sca-menu-navi ul	{ 
	color: #360; 
	font-size: 16px; 
	font-family: san-serif; 
	font-weight: bold; 
	background: url("../steelcanage/images/point.gif") no-repeat; 
	text-align: left; 
	text-indent: 20px; 
	list-style:  none;
	margin: 0; 
	padding: 3px 0 10px; 
	border-top: 1px solid #360;
}

.sca-menu-navi li	{ 
	color: #000; 
	text-indent: 0;
	font-size: 13px; 
	font-family: san-serif; 
	line-height: 1.4em;
	margin-top: 5px; 
	padding-left: 10px;
}

.sca-menu-navi li	a	 { 
	text-decoration: none;
	color: #333;
}

.sca-menu-navi li	a:hover	 { 
	text-decoration: underline;
}

/* 記事
------------------------------------------------------------ */
td.sca-cont	{
	width: 542px;
	height: auto;
	margin: 0;
	padding: 0;
	vertical-align: top;
	color: #000;
}

td.sca-cont	{font-size: medium;}
*html td.sca-cont	{font-size: small;}

td.sca-cont img.left	 { 
	float: left; 
	border-top: 10px solid #fff; 
	border-right: 10px solid #fff; 
	border-bottom: 10px solid #fff;
}

td.sca-cont img.right	 { 
	float: right; 
	border-top: 10px solid #fff; 
	border-left: 10px solid #fff; 
	border-bottom: 10px solid #fff;
}

/* 記事背景　ECO TALK */
.sca-cont-eco	{
	margin-bottom: 10px;
	padding: 60px 0 20px 20px;
	color: #000;
	line-height: 1.3em;
	background: url('../steelcanage/images/sub-ttl-eco.gif') no-repeat;
}

.sca-cont-eco h2	{
	margin-top: 10px;
	margin-bottom: 3px;
	padding-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3em;
	color: #003;
	border-bottom: #003 1px solid;
}

.sca-cont-eco h3	{
	margin-bottom: 20px;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	color: #003;
}

/* 記事背景　MAIN REPORT */
.sca-cont-main	{
	margin-bottom: 10px;
	line-height: 1.3em;
}

.sca-cont-main h2	{
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-size: 30px;
	font-weight: 900;
	line-height: 1.3em;
	border-bottom: #999 1px solid;
}

.sca-cont-main h2.sub	{
	margin: 0;
	padding: 0;
	font-size: 30px;
	font-weight: 900;
	line-height: 1.3em;
	border-bottom: 0px;
}

.sca-cont-main h2.subtop	{
	margin: 0;
	padding: 0;
	font-size: 30px;
	font-weight: 900;
	line-height: 1.3em;
	border-bottom: #999 1px solid;
}

.sca-cont-main h3	{
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	font: #036;
	border-left: #036 15px solid;
}

.sca-cont-main h3.line		{
	margin: 0 0 10px;
	padding: 0 0 10px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2em;
	border-bottom: #000 1px solid;
	border-left-width: 0px;
}

.sca-cont-main h4	{
	margin-top: 10px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.3em;
}

.sca-cont-main h4.top	{
	margin: 0;
	padding: 0;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.3em;
}

.sca-cont-main-ex	{
	margin-bottom: 20px;
	padding: 5px 25px 20px;
	font-size: 20px;
	line-height: 1.3em;
	border: #036 1px dotted;
}

.sca-cont-main-ex	{font-size: medium;}
*html .sca-cont-main-ex	{font-size: small;}

.sca-cont-main-ex h3	{
	margin-bottom: 10px;
	padding: 3px 10px;
	font-weight: bold;
	color: #fff;
	background-color: #036;
}

.sca-cont-main-ex h3	{font-size: small;}
*html .sca-cont-main-ex h3	{font-size: small;}

.sca-cont-main-ex h4	{
	margin: 0;
	padding-bottom: 30px;
	font-size: large;
	border-bottom: 0;
}

/* 記事背景　HISTORY */
.sca-cont-history	{
	margin-bottom: 10px;
	padding: 60px 0 20px 15px;
	color: #000000;
	line-height: 1.8em;
	background: url('../steelcanage/images/sub-ttl-history.jpg') no-repeat;
}

.sca-cont-history h2	{
	margin: 20px 0;
	padding-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
	color: #009;
	line-height: 1.3em;
	border-bottom: #009 1px solid;
}

.sca-cont-history h2.sub	{
	margin: 30px 0 0;
	padding-bottom: 0;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3em;
	border: 0px;
}

.sca-cont-history h3	{
	margin: 5px 0 10px;
	padding: 0 0 10px;
	font-size: 16px;
	font-weight: bold;
	border-bottom: #000 1px solid;
}

/* 記事背景　CLOSE UP */
.sca-cont-close	{
	margin-bottom: 10px;
	line-height: 1.3em;
}

.sca-cont-close h2	{
	margin: 0;
	padding-bottom: 10px;
	font-size: 30px;
	font-weight: 900;
	line-height: 1.3em;
	border-bottom: #999 1px solid;
}

.sca-cont-close h4	{
	margin: 10px 0 10px;
	padding: 0;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.3em;
}

/* 記事背景　MY ANGLE */
.sca-cont-angle		{margin-bottom: 10px;}

.sca-cont-angle h2	{
	margin-top: 60px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 26px;
	font-weight: 900;
	color: #fff;
	line-height: 1.3em;
	border-bottom: #360 1px solid;
}

.sca-cont-angle h2.sub	{
	margin: 30px 0 0;
	padding: 0;
	font-size: 26px;
	font-weight: 900;
	color: #fff;
	line-height: 1.3em;
	border-bottom: 0px;
}

.sca-cont-angle h3	{
	margin-top: 10px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	line-height: 1.3em;
	border-bottom: #903 1px solid;
}

.sca-cont-angle-prof		{
	width: 120px;
	float: right;
	background-color: #fff;
	margin: 10px 0 10px 10px;
	padding: 10px;
	font-size: 12px;
	color: #000;
	line-height: 1.3em;
	text-align: center;
	border: #000 1px solid;
}

.sca-cont-angle-prof2		{
	margin: 0 0 10px;
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	line-height: 1.3em;
}

.sca-cont-angle-prof2 font.name4	{font-size: 16px;line-height: 1.8em;}

.name1	{
	margin: 20px 0 0;
	padding: 0;
	font-size: 16px;
}

.name2	{
	margin: -15px 0 20px;
	padding: 0 0 10px;
	font-size: 20px;
	font-weight: bold;
	text-indent: 15px;
	border-bottom: #000000 1px solid;
	border-left: #000000 10px solid;
}

/* 記事背景　OVERSEAS REPORT */
.sca-cont-over	{
	margin-bottom: 10px;
	padding: 0 0 20px 8px;
	color: #000000;
	line-height: 1.8em;
	background-color: #6597c1;
	border-top: #a90a02 30px solid;
	}
	
.sca-cont-over h2		{
	margin: 0 0 10px 0;
	padding: 30px 0 10px 0;
	font-size: 26px;
	font-weight: 900;
	color: #ffffff;
	line-height: 1.3em;
	border-top: #a90a02 1px solid;
	border-bottom: #ffffff 1px solid;
}

/* 記事背景　HAND IN HAND */
.sca-cont-hand, .sca-cont-hand2	{
	margin-bottom: 10px;
	padding: 60px 0 20px 15px;
	color: #000000;
	line-height: 1.8em;
}

.sca-cont-hand	{background: url('../steelcanage/images/sub-ttl-hand.gif') repeat-x;}
.sca-cont-hand2	{background: url('../steelcanage/images/sub-ttl-hand2.gif') repeat-x;}

.sca-cont-hand h2, .sca-cont-hand2 h2		{
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 26px;
	font-weight: 900;
	color: #360;
	line-height: 1.3em;
	border-bottom: #999 1px solid;
}

.sca-cont-hand h2.sub	{
	margin-bottom: 10px;
	padding: 0;
	font-size: 26px;
	font-weight: 900;
	line-height: 1.3em;
	border-bottom: 0px;
}

.sca-cont-hand h3		{
	margin: 0;
	padding-bottom: 10px;
	font-size: 18px;
	font-weight: 600;
	color: #360;
	line-height: 1.3em;
	border-bottom: #360 1px dotted;
}

/* 記事背景　TOPICS */
.sca-cont-topic	{
	margin-bottom: 10px;
	padding: 75px 0 20px 40px;
	color: #000000;
	line-height: 1.8em;
	background: url('../steelcanage/images/sub-ttl-topics.gif') no-repeat;
}

.sca-cont-topic h2	{
	margin: 10px 0 10px;
	font-size: 16px;
	font-weight: bold;
	color: #009933;
	border-left: #d88064 60px solid;
	text-indent: 10px;
}

/* リード */
.lead	{
	margin: 10px 0 20px;
	padding-bottom: 15px;
	line-height: 1.3em;
	border-bottom: #999 1px dotted;
}

.lead-m	{
	margin: 0;
	padding-bottom: 20px;
	color: #900;
	line-height: 1.3em;
	border-bottom: #900 1px solid;
}

.lead-300	 { 
	line-height: 1.3em; 
	display: block; 
	width: 300px;
	padding: 15px 0 10px;
	margin: 10px 0 20px;
}

.lead-300under	{
	margin: 0 0 10px;
	padding: 0;
	border-bottom: #999 1px dotted;
}

.lead-r300	 { 
	line-height: 1.3em; 
	display: block; 
	padding: 15px 230px 10px 0;
	margin-bottom: 10px;
	border-bottom: #999 1px dotted;
}

/* 小見出し */
.komidashi-y		 { 
	color: #c30; 
	font-size: 110%; 
	font-weight: bold; 
	line-height: 1.3em; 
	text-indent: 13px; 
	display: block; 
	margin: 10px 0; 
	border-left: 10px solid #c30;
}

.komidashi-green		 { 
	color: #063; 
	font-size: 110%; 
	font-weight: bold; 
	line-height: 1.3em; 
	text-indent: 13px; 
	display: block; 
	margin: 10px 0; 
	border-left: 10px solid #063;
}

.komidashi-r		 { 
	color: #600; 
	font-size: 110%; 
	font-weight: bold; 
	line-height: 1.3em; 
	text-indent: 13px; 
	display: block; 
	margin: 10px 0; 
	border-left: 10px solid #600;
}

.komidashi-r2		 { 
	color: #300; 
	font-size: 110%; 
	font-weight: bold; 
	line-height: 1.3em; 
	text-indent: 13px; 
	display: block; 
	margin: 10px 0; 
	border-left: 10px solid #300;
}

.komidashi-b		  { 
	color: #039; 
	font-weight: bold; 
	font-size: 110%; 
	line-height: 1.3em; 
	text-indent: 13px; 
	display: block; 
	margin: 10px 0; 
	border-left: 10px solid #039;
}

/* はしら */
.sca-cont-hashira	{
	margin-bottom: 5px;
	padding-bottom: 8px;
	float: right;
	font-weight: bold;
	font-size:120%;
	border-bottom: #333 2px dotted;
}

.clear	{clear: both;}

/* プロフィール */
.sca-cont-profile	{
	margin: 20px 0 10px;
	padding: 10px 20px;
	color: #000000;
	line-height: 1.3em;
	border-bottom: #999 1px dotted;
	border-top: #999 1px dotted;
}

.sca-cont-profile	{font-size: small;}
*html .sca-cont-profile	{font-size: x-small;}


/* インフォメーション */
.sca-cont-info	{
	margin: 30px 0 10px;
	padding: 10px 20px;
	color: #000000;
	line-height: 1.5em;
	border-bottom: #999 1px solid;
	border-top: #999 1px solid;
}

.sca-cont-info	{font-size: small;}
*html .sca-cont-info		{font-size: x-small;}

.sca-cont-info h3	{
	margin: 0 0 10px;
	padding: 0 0 10px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: #f90 2px solid;
}

/* トピックス */
.sca-cont-topics	{
	margin: 30px 0 10px;
	padding: 10px 20px;
	color: #000;
	line-height: 1.4em;
	border: #033 2px dotted;
}

.sca-cont-topics	{font-size: medium;}
*html .sca-cont-topics		{font-size: small;}

.sca-cont-topics h4	{
	margin: 0 0 10px;
	padding: 0 0 10px;
	color: #033;
	font-size: 16px;
	font-weight: bold;
	border-bottom: #033 1px solid;
}

/* トピックス2 */
.sca-cont-topics2	{
	margin: 30px 0 10px;
	padding: 15px;
	color: #000;
	line-height: 1.4em;
	border: #999 1px solid;
}

.sca-cont-topics2	{font-size: medium;}
*html .sca-cont-topics2		{font-size: small;}

.sca-cont-topics2 h4	{
	margin: 0 0 15px;
	padding:10px 0; 
	color: #000;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background-color: #069;
}

/* 上、次へ
------------------------------------------------------------ */
.gotop  {
	height:18px;
	margin-top: 10px;
	padding: 0;
	text-align: right;
}

.gotop a  {text-decoration: none; color: #666;}
.gotop a:hover {text-decoration: underline;}

/* 前へ
------------------------------------------------------------ */
.goprev  {
	height:18px;
	margin-top: 10px;
	padding: 0;
	float: left;
}

.goprev  { font-size: small; }
*html .goprev  {font-size: x-small; }

.goprev a  {text-decoration: none; color: #666;}
.goprev a:hover {text-decoration: underline;}

/* 特別フォントなど共通
------------------------------------------------------------ */
font.small		{font-size: small;line-height: 1.3em;}
*html font.small	{font-size: x-small;}

.txt	{line-height: 1.5em;}

/* ページ展開
------------------------------------------------------------ */
.page-view   { 
	text-align: center; 
	margin-top: 10px; 
	margin-bottom: 10px; 
	padding: 0 30px; 
	clear: both;
}

.page-view a  {text-decoration: none; color: #036;}
.page-view a:hover {text-decoration: underline;}

.gotop, .page-view, .goprev  { font-size: small; }
*html .gotop, .page-view, .goprev {font-size: x-small; }

/* キャプション付きイメージ
------------------------------------------------------------ */
.img-cap-r, .img-cap-l	{
	padding: 0;
	font-size: 0.8em;
	line-height: 1.2em;
	color: #333;
	width: 200px;
	}
.img-cap-r	{
	margin: 5px 0 10px 15px;
	float: right;
	}
.img-cap-l	{
	margin: 5px 15px 10px 0;
	float: left;
	}

/* 他イメージ
------------------------------------------------------------ */
img.read	{margin: 5px 0 0 75px; padding: 0; border: 0;}