@charset "UTF-8";
/* CSS Document */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

/* 全ての要素に対する余白初期値設定 */
body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,
table,th,td,strong,img{
	margin:0;
	padding:0;
	font-size:100%;
	border:0;
}

/* デフォルト文字設定 */
body{
	color:#333333;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size:90%;
	*font-size:small;
	line-height:1.6;
	letter-spacing:0;
	background-color:#FFFFFF;
}

/* リストマーカーを非表示 */
ul,ol{list-style-type:none;}

/* テーブルセルのボーダーの設定 */ 
table{border-collapse:collapse; border-spacing:0;}

/* 画像とフォームパーツの上下位置をテキストの真ん中に */
img{vertical-align:middle;}

/* デフォルトリンク色の設定 */
a:link{color:#3399CC; text-decoration:none;}
a:visited{color:#3399CC; text-decoration:none;}
a:hover{color:#E20A11; text-decoration:none;}
a:active{color:#E20A11; text-decoration:none;}

#container{
width:960px;
margin:0 auto;
padding:10px 0;
text-align:left;
background-color:#FFFFFF;
overflow:hidden; 
-moz-box-shadow: 0 0 5px 5px #D8D8D8;
-webkit-box-shadow: 0 0 5px 5px #D8D8D8;
box-shadow: 0 0 5px 5px #D8D8D8;
border:1px #d3d3d3 solid;
}

#logo{float:left; margin-left:20px; margin-bottom:10px;}

#h-navi{float:right; font-weight:bold; margin-right:20px; padding-top:5px;}
#h-navi li{display:inline; margin-left:10px; padding-left:10px; border-left:1px solid #333333;}
#h-navi li:first-child{border:none;}

#g-navi-container{clear:both; width:960px; height:40px;}
#g-navi li{display:inline;}
#g-navi li a{float:left; height:0; padding-top:40px; background-image:url(../images/g-navi.gif); text-indent:-9999px;}

#g-navi-01 a{background-position:0 0; width:120px;}
#g-navi-02 a{background-position:-120px 0; width:120px;}
#g-navi-03 a{background-position:-240px 0; width:120px;}
#g-navi-04 a{background-position:-360px 0; width:120px;}
#g-navi-05 a{background-position:-480px 0; width:120px;}
#g-navi-06 a{background-position:-600px 0; width:120px;}
#g-navi-07 a{background-position:-720px 0; width:120px;}
#g-navi-08 a{background-position:-840px 0; width:120px;}

#g-navi-01 a:hover{background-position:0 -40px;}
#g-navi-02 a:hover{background-position:-120px -40px;}
#g-navi-03 a:hover{background-position:-240px -40px;}
#g-navi-04 a:hover{background-position:-360px -40px;}
#g-navi-05 a:hover{background-position:-480px -40px;}
#g-navi-06 a:hover{background-position:-600px -40px;}
#g-navi-07 a:hover{background-position:-720px -40px;}
#g-navi-08 a:hover{background-position:-840px -40px;}

#body-01 #g-navi-01 a{background-position:0 -40px;}
#body-02 #g-navi-02 a{background-position:-120px -40px;}
#body-03 #g-navi-03 a{background-position:-240px -40px;}
#body-04 #g-navi-04 a{background-position:-360px -40px;}
#body-05 #g-navi-05 a{background-position:-480px -40px;}
#body-06 #g-navi-06 a{background-position:-600px -40px;}
#body-07 #g-navi-07 a{background-position:-720px -40px;}
#body-08 #g-navi-08 a{background-position:-840px -40px;}

#topicpath{margin:20px 30px; font-size:90%;}  
#topicpath li{display:inline;}  
#topicpath li a{padding-right:15px; background:url(../images/topicpath.png) no-repeat right center;  text-decoration:underline;}

#contents-area{width:900px; margin:0 auto;}
#main-contents{float:left; width:640px;}

#main-contents p{text-indent:1em; margin-bottom:1em;}
#main-contents h2{margin-bottom:10px;}

#local-nav{float:right; width:210px;}
#local-nav h2{border:1px #d3d3d3 solid; padding:15px 10px; background-color:#EDEDED;}
#nav-local li{border:1px #d3d3d3 solid; padding:10px; margin:1px 0; display:block;}
#nav-local li a{display:block;}
.local-nav2{font-size:80%;}

h1.page-title{clear:both; font-size:120%; border-bottom:3px #999999 solid; margin:10px 0;}
h1.page-title2{clear:both; font-size:120%; border-bottom:3px #999999 solid; margin:60px 0 10px;}
#president{float:right; margin-left:20px; margin-bottom:20px;}

.back{clear:both; text-align:right; padding-top:20px;}

footer p{clear:both; text-align:right; margin-top:30px; padding-top:10px; padding-right:20px;}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}

* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* HOME */
#body-01{}
.top1{clear:both; width:900px; margin:20px 30px;}
.top1 h2{width:500px; font-size:120%; border-bottom:2px #999999 solid; margin-bottom:10px;}
.top2{float:left; width:500px; margin-bottom:30px; font-size: 90%;}
.top2 dl{width:500px;}
.top2 dt{float:left; clear:left; width:90px; font-weight:bold; color:#339966; margin-bottom: 10px;}
.top2 dd{float:left; width:390px; margin-left:20px; margin-bottom: 10px;}
.top3{float:right; width:350px; margin-bottom:20px;}
.top3 h3{width:350px; border-bottom:2px #3399CC solid; margin-bottom:10px;}
.top4{float:left; width:280px;}
.top4 h3{width:280px; border-bottom:2px #3399CC solid; margin-bottom:10px;}
.top4 p{font-size:80%;}
.top5{width:280px;}
.top6{float:left; margin-right:10px; margin-bottom:30px;}
.top7{float:left; width:280px; margin-left:30px;}
.top7 h3{width:280px; border-bottom:2px #3399CC solid; margin-bottom:10px;}
.top7 p{font-size:80%;}

/* 社長挨拶 */
#message1{font-weight:bold; text-align:right; padding:2em 0;}

/* 東京製綱と環境 */
#environment1{margin:10px 0;}
.environment2{clear:both; width:640px;}
.environment3{float:left; width:360px;}
.environment4{float:right; width:260px; padding-left:20px; padding-top:14px;}
.environment5{list-style-type:decimal; list-style-position:outside; margin-left:2em;}
.environment6{clear:both; width:640px;}
.environment6 dt{float:left; width:80px; color:#000066; font-weight:bold;}
.environment6 dd{float:right; width:560px;}

/* 弊社製品群 */
.products1{clear:both; width:900px;}
.products1 h2{width:425px; border-bottom:3px #999999 solid; margin:10px 0;}
.products1 p{float:left;}
.products1 a{font-weight:bold; text-decoration:underline;}
.products2{float:left; width:425px;}
.products3{float:right; width:425px;}
.products4{float:right;}

/* 製造 */
sub{font-size:70%;}
.production1{margin-bottom:10px;}
.production2{margin:10px 70px 10px 120px;}
#production3{color:#3070B8;}
#production4{color:#009943;}
#body-06 table{width:640px; border:4px solid #CCCCCC; border-collapse:collapse; border-spacing:0; margin-bottom:20px;} 
#body-06 table th{padding:5px; background:#66B5B6; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; vertical-align:top; color:#FFFFFF; text-align:center; letter-spacing:1px; vertical-align:top; font-weight:bold;}
#body-06 table td{padding:5px; background:#FFFFFF; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; vertical-align:top;}
.production5{width:640px;}
.production5 ul{list-style-type:disc; list-style-position:outside; margin-left:2em;}
.production6{width:40px;}
.production7{width:160px;}
.production8{text-align:center;}
.production9{font-weight: bold; margin: 1em 0;}

/* 開発 */
#body-06 h2 a:link{text-decoration:underline;}
.develop1{float:left; width:530px; margin-bottom:2em;}
.develop1 h2{color:#3399CC;}
.develop1 a{text-decoration: underline;}
.develop2{float:right; margin-left:10px; margin-bottom:2em;}
.develop3{color:#005BAB; font-weight:bold;}
.develop3-2{text-align:right;}
.develop4{margin-left:50px; margin-bottom:20px;}
.develop5{width:540px; margin:0 50px;}
.develop6{float:left; font-size:80%;}
.develop6-2{height:100px;}
.develop7{float:right; font-size:80%;}
.develop8{margin:10px 125px;}
.develop9{margin:10px 294px;}
.develop10{margin:10px 75px;}
.develop11{float:left; font-size:80%; margin-left:38px;}
.develop12{float:left; font-size:80%; margin-left:100px;}
.develop13{color:#E20A11;}
.develop14{margin-bottom:30px;}

/* 行動 */
.action1{width:640px;}
.action1 p{text-align:center; margin-right:1em;}
.action2{float:left; width:200px;}
.action3{float:left; width:200px; margin-left:20px;}

/* 東京製綱グループ */
.group1{margin-left:90px; margin-bottom:10px;}

/* サイトマップ */
#sitemap1{color:#E20A11;}
.sitemap2{margin-left:2em; border-bottom:1px #999999 dashed; margin-bottom:2px;}
.sitemap3{margin-left:5em; border-bottom:1px #999999 dashed; margin-bottom:1px;}
.sitemap4{border-bottom:1px #999999 solid; margin-bottom:1em;}
#body-09{line-height:2;}