/***** base CSS *****/

/* webレイアウト 意味は？
html {
	height:100%;
}
*/
body {
	/* margin 上、右、下、左の順*/
	margin:0px 0px 0px 0px;
	/* padding 上、右、下、左の順*/
	padding:0px 0px 0px 0px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background-color:#E9E9E9;
	text-align:center; /* IE5.Xへの対応『レイアウトブック』P.45 */
}

p {
	/* padding 上、右、下、左の順*/
	padding:0px 15px 0px 15px;
	font-size:12px;
	color:#666666;
	line-height:200%;
	text-align:justify; /* 早ワザ大全 P.040 */
	text-justify:inter-ideograph;
}
/*タイトル */
h1 {
	/* margin 上、右、下、左の順*/
	margin:0px 0px 0px 0px;
	font-size:14px;
	border-bottom:#33CC00 solid;
	color:#666666;
}

/* パンくずリスト */
h2 {
	font-size:0.7em;
	color:#666666;	
}

/* キーワード */
h3 {
	/* padding 上、右、下、左の順*/
	padding:0px 15px 0px 15px;
	font-size:10px;
	color:#CCCCCC;
}

/* サブタイトル */
h4 {
	clear:both;
	color:#666666;
	font-size: 13px;
	border-left: 4px solid;
	border-bottom: 1px dotted;
	/* margin 上、右、下、左の順*/
	margin:15px 0px 15px 0px;
	/* padding 上、右、下、左の順*/
	padding:3px 0px 3px 10px;
	line-height:140%;
}

a {
	text-decoration:none;
}

a img {
	border-style:none;
}

.txtright {
	text-align:right;
}

.txtcol1 { /* 『スタイルシートの知識と技』P.070 */
	color:#FF0000; /* RED */
	padding-left:2.2em;
	text-indent:-1em;
}

/* Q&A Questionマーカー */
.qestion {
	/* padding 上、右、下、左の順*/
	padding:0px 0px 10px 0px;
	background-image:url(../images/qa_q.gif);
	background-repeat:no-repeat;
	padding-left:1.5em;
}

/* Q&A Answerマーカー */
.answer {
	/* padding 上、右、下、左の順*/
	padding:0px 0px 10px 0px;
	background-image:url(../images/qa_a.gif);
	background-repeat:no-repeat;
	padding-left:1.5em;
}

#container {
	width:780px;
	/* margin 上、右、下、左の順*/
	margin:0px auto 0px auto; /* 中央揃え『レイアウトブック』P.44 */
	background-image:url(../images/bg_container.jpg);
	background-repeat:repeat-y;
	position:relative;
}

#header {
	/* padding 上、右、下、左の順*/
	padding:10px 0px 0px 10px;
	height:70px;
}

#header #logo a {
	/* margin 上、右、下、左の順*/
	margin:0px 0px 0px 10px;
	display:block;
	background-image:url(../images/logo_astmilcorp.jpg);
	width:161px;
	height:50px;
	text-indent:-50000em;
	float:left;
}

#header #contact a {
	/* margin 上、右、下、左の順*/
	margin:30px 0px 0px 210px;
	display:block;
	background-image:url(../images/header_contact.jpg);
	width:100px;
	height:20px;
	text-indent:-50000em;
	float:left;
}

#header #sitemap a {
	/* margin 上、右、下、左の順*/
	margin:30px 0px 0px 15px;
	display:block;
	background-image:url(../images/header_sitemap.jpg);
	width:100px;
	height:20px;
	text-indent:-50000em;
	float:left;
}

#header img {
	/* padding 上、右、下、左の順*/
	padding:0px 20px 0px 0px;
	float:right;
}

#globalnav {
	width:720px;
	position:absolute;
	top:80px;
	left:20px;
	/* margin 上、右、下、左の順*/
	margin:0px 0px 0px 10px;
}

#globalnav h2 {
	margin:0px;
}

/*--- 「HOME」タブの設定 START --*/
#navhome-main a {
	display:block;
	/* margin 上、右、下、左の順*/
	margin:0px 0px 0px 0px;
	width:130px;
	height:54px;
	background-image:url(../images/nav01home.gif);
	text-indent:-50000em;
}

#navhome-main a:hover {
	background-image:url(../images/nav01home.gif);
	background-position:left bottom; /* ロールオーバー時に画像を下にずらす JavaScriptを使用しない */
}
/*--- 「HOME」タブの設定 END --*/

/*--- 「サービス一覧」タブの設定 START --*/
#navservices-main a {
	display:block;
	width:130px;
	height:54px;
	background-image:url(../images/nav02services.gif);
	text-indent:-50000em;
}

#navservices-main a:hover {
	background-image:url(../images/nav02services.gif);
	background-position:left bottom; /* ロールオーバー時に画像を下にずらす JavaScriptを使用しない */
}
/*--- 「サービス一覧」タブの設定 END --*/

/*--- 「世界が注目するベトナム」タブの設定 START --*/
#navvietnam-main a {
	display:block;
	width:130px;
	height:54px;
	background-image:url(../images/nav03vietnam.gif);
	text-indent:-50000em;
}

#navvietnam-main a:hover {
	background-image:url(../images/nav03vietnam.gif);
	background-position:left bottom; /* ロールオーバー時に画像を下にずらす JavaScriptを使用しない */
}
/*--- 「世界が注目するベトナム」タブの設定 END --*/

/*--- 「企業情報」タブの設定 START --*/
#navcompany-main a {
	display:block;
	width:130px;
	height:54px;
	background-image:url(../images/nav04company.gif);
	text-indent:-50000em;
}

#navcompany-main a:hover {
	background-image:url(../images/nav04company.gif);
	background-position:left bottom; /* ロールオーバー時に画像を下にずらす JavaScriptを使用しない */
}
/*--- 「企業情報」タブの設定 END --*/

/*--- 「採用情報」タブの設定 START --*/
#navrecruit-main a {
	display:block;
	width:130px;
	height:54px;
	background-image:url(../images/nav05recruit.gif);
	text-indent:-50000em;
}

#navrecruit-main a:hover {
	background-image:url(../images/nav05recruit.gif);
	background-position:left bottom; /* ロールオーバー時に画像を下にずらす JavaScriptを使用しない */
}
/*--- 「採用情報」タブの設定 END --*/

/*--- タブの共通設定 ---*/
#home #globalnav #navhome-main a,
#services #globalnav #navservices-main a,
#vietnam #globalnav #navvietnam-main a,
#company #globalnav #navcompany-main a,
#recruit #globalnav #navrecruit-main a {
	background-position:left bottom; /* 現在いるページはロールオーバー時と同じ画像 サブページのidも上位層のページidに合わせる*/
}

/*--- メニュー全般（サブ含む）の設定 START ---*/
.menu {
	width:130px;
	float:left;
}

.menubase-edge {
	width:15px;
	height:54px;
	float:left;
	background-image:url(../images/nav_under_edge.gif);
}

.menubase-edge ul {
	list-style-type:none;
}

.menubase-mid {
	width:10px;
	height:54px;
	float:left;
	background-image:url(../images/nav_under_mid.gif);
}

.menubase-mid ul {
	list-style-type:none;
}
	
.menu ul {
	text-align:left;
	margin:0px;
	padding:0px;
	list-style-type:none;
	font-size:11px;
	display:none;
/*	visibility:hidden; */
}
.menu li {
	background-color:##FFFFFF;
	border-top:none;
	border-right:solid 1px #999999;
	border-bottom:solid 1px #999999;
	border-left:solid 1px #999999;
	line-height:100%;
}
.menu li a {
	display:block;
	margin:0px;
	/* padding 上、右、下、左の順*/
	padding:8px 8px 8px 8px;
	color:#666666;
	background-color:#FFF;
	text-decoration:none;
}
.menu li a:hover {
	background-color:#33CC00;
	color:#FF0;
}

/*--- サブメニューの設定 END ---*/

#content-home {
	/* margin 上、右、下、左の順*/
	margin:65px 10px 0px 10px;
	/* padding 上、右、下、左の順*/
	padding:0px 10px 0px 10px;
	text-align:left;
}

#content-home p {
	/* padding 上、右、下、左の順*/
	padding:0px 5px 0px 5px;
	line-height:160%;	
}

#content-home a {
	/* margin 上、右、下、左の順*/
	margin:15px 0px 0px 0px;
	color:#33CC00;
	font-size:13px;
}

#content-home a:hover {
	color:#FFFFFF;
	background-color:#33CC00;
}

#content-home a:active {
	color:#FFFFFF;
	background-color:#00FFFF; /* aqua */
}

/* パンくずリスト */
#breadcrumbs {
	clear:both;
	text-align:left;
	/* margin 上、右、下、左の順*/
	margin:65px 0px 0px 30px;
	/* padding 上、右、下、左の順*/
	padding:0px 0px 0px 10px;
}

#breadcrumbs a {
	color:#33CC00;
	text-decoration:none;
}

#breadcrumbs a:hover {
	color:#FFFFFF;
	background-color:#33CC00;
}

#breadcrumbs a:active {
	color:#FFFFFF;
	background-color:#00FFFF; /* aqua */
}

#content {
	/* margin 上、右、下、左の順*/
	margin:0px 10px 0px 10px;
	/* padding 上、右、下、左の順*/
	padding:0px 10px 0px 10px;
	text-align:left;
}

#content a img {
	border-style:none;
}

#main-home {
	width:700px;
	height:284px;
	/* margin 上、右、下、左の順*/
	margin:0px 10px 20px 20px;
	/* padding 上、右、下、左の順*/
	padding:10px 10px 0px 10px;
	background-image:url(../images/home_sample01.jpg);
	background-repeat:no-repeat;
}

#main-home ul {
	/* margin 上、右、下、左の順*/
	margin:90px 0px 0px 370px;
	list-style:none;
}

#main-home li {
	/* margin 上、右、下、左の順*/
	margin:0px 0px 0px 0px;
	/* padding 上、右、下、左の順*/
	padding:10px 10px 10px 20px;
	background:url(../images/ArrowGreen16x16.png) no-repeat left center;
}

#main-home li a {
	/* padding 上、右、下、左の順*/
	padding:10px 10px 10px 10px;
}

#topic1 {
	/* margin 上、右、下、左の順*/
	margin:0px 0px 0px 20px;
	float:left;
	width:300px;
	height:280px;
	background-color:#F5F5F5;
}

#topic1 ul {
	/* margin 上、右、下、左の順*/
	margin:0px 0px 0px 20px;
	padding:0px;
	color:#666666;
	font-size:12px;
	line-height:180%;
}

#topic1 li {
	/* padding 上、右、下、左の順*/
	padding:0px 5px 0px 0px;
}

#topic2 {
	/* margin 上、右、下、左の順*/
	margin:0px 0px 0px 10px;
	float:left;
	width:190px;
	height:280px;
	background-color:#F5F5F5;
}

#topic3 {
	/* margin 上、右、下、左の順*/
	margin:0px 0px 0px 10px;
	float:left;
	width:190px;
	height:280px;
	background-color:#F5F5F5;
}

#main {
	/* margin 上、右、下、左の順*/
	margin:0px 10px 30px 10px;
	/* padding 上、右、下、左の順*/
	padding:10px 10px 0px 10px;
	float:right;
	width:520px;
}

#main a {
	color:#33CC00;
	font-size:14px;
}

#main a:hover {
	color:#FFFFFF;
	background-color:#33CC00;
}

#main a:active {
	color:#FFFFFF;
	background-color:#00FFFF; /* aqua */
}

/* テーブル全体 『差がつくWEBデザインの技』P.014 */
#main table {
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	background:#FFFFFF;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
}
html>body table { border-collapse:separate }

/* ヘッダセル 『差がつくWEBデザインの技』P.014 */
#main th {
	/* padding 上、右、下、左の順*/
	padding:10px 10px 10px 10px;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background:#F0FFFF; /* azure */
	font-size:12px;
	color:#666666;
}

/* データセル 『差がつくWEBデザインの技』P.014 */
#main td {
	/* padding 上、右、下、左の順*/
	padding:10px 10px 10px 10px;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	font-size:12px;
	color:#666666;
}

/* Google Mpas */
#map_canvas {
	width:500px;
	height:500px;
}

/* 写真 右上に配置 */
.pic1 {
	float:right;
	/* margin 上、右、下、左の順*/
/*	margin:0px 0px 0px 0x; */
	/* padding 上、右、下、左の順*/
	padding:0px 0px 15px 15px;
	clear:both;
}

/* 写真 左上に配置 */
.pic2 {
	float:left;
	/* margin 上、右、下、左の順*/
	margin:0px 0px 0px 0x;
	/* padding 上、右、下、左の順*/
	padding:0px 15px 15px 0px;
	clear:both;
}

/* 署名 右に配置 */
.sign {
	float:right;
	/* padding 上、右、下、左の順*/
	padding:10px 0px 0px 0px;
	text-align:right;
}

#sidenav {
	/* margin 上、右、下、左の順*/
	margin:0px 0px 0px 0x;
	/* padding 上、右、下、左の順*/
	padding:25px 0px 0px 0px;
	width:180px;
}

#sidenav ul {
	/* margin 上、右、下、左の順*/
	margin:0px 0px 0px 0x;
	/* padding 上、右、下、左の順*/
	padding:0px 0px 0px 0px;
	font-size:11px;
	color:#666666;
	list-style:none;
}

#sidenav li {
/*	list-style-image:url(../images/ArrowGreen16x16.png);
	list-style-position:center; */
	/* padding 上、右、下、左の順*/
	padding:0px 0px 0px 10px;
	text-indent:1em;
	line-height:300%;
}

#sidenav .sublist li {
	/* margin 上、右、下、左の順*/
	margin:0px 0px 0px 0x;
	/* padding 上、右、下、左の順*/
	padding:0px 0px 0px 20px;
	list-style-image:none;
}


#sidenav .sublist li a {
	background-color:#FFC;
}

#sidenav li a { /* 『スタイルシートの知識と技 P.030』、『差がつくWEBデザインの技』P.014 */
	display:block;
	background-color:#CFC;
	color:#666666;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}

#sidenav li a:link {
}

#sidenav li a:hover {
	color:#FFFFFF;
	background-color:#33CC00;
}

#sidenav li a:active {
	color:#FFFFFF;
	background-color:#00FFFF; /* aqua */
}

#sidenav table {
	/* margin 上、右、下、左の順*/
	margin:0px 0px 0px 25px;
	width:120px;
	text-align:center;
}

#sidenav table a {
	/* margin 上、右、下、左の順*/
	margin:15px 0px 0px 0px;
	color:#33CC00;
	font-size:14px;
}

#sidenav td a:hover {
	color:#FFFFFF;
	background-color:#33CC00;
}

#sidenav td a:active {
	color:#FFFFFF;
	background-color:#00FFFF; /* aqua */
}
	
#sidenav #offshore th a{
	width:120px;
	height:160px;
	display:block;
	background-image:url(../images/sidnav_manual_offshore.jpg);
}

#sidenav #engineer th a{
	width:120px;
	height:160px;
	display:block;
	background-image:url(../images/sidnav_manual_engineer.jpg);
}

#banner {
	clear:both;	
	/* margin 上、右、下、左の順*/
	margin:50px 0px 0px 0x;
	/* padding 上、右、下、左の順*/
	padding:0px 0px 0px 30px;
}

#banner ul {
	/* padding 上、右、下、左の順*/
	padding:30px 0px 60px 0px;
}

#banner li {
	float:left;
	list-style:none;
}

#footer {
	clear:both;
	width:760px;
	border-top:3px solid #33CC00;
	/* margin 上、右、下、左の順*/
	margin:30px 0px 0px 10px;
	/* padding 上、右、下、左の順*/
	padding:0px 0px 0px 0px;
}

#footer li {
	/* margin 上、右、下、左の順*/
	margin:0px 0px 0px 20x;
	/* padding 上、右、下、左の順*/
	padding:0px 20px 0px 0px;
	color:#666666;
	font-size:12px;
	float:left;
	list-style:none;
}

#footer li a {
	color:#666666;
	text-decoration:none;
}

#footer li a:hover {
	color:#FFFFFF;
	background-color:#33CC00;
}

#footer li a:active {
	color:#FFFFFF;
	background-color:#00FFFF; /* aqua */
}

#footer #nexgate {
	clear:both;
}

#footer #nexgate p {
	text-align:center;
}

#footer #geotrust {
	/* margin 上、右、下、左の順*/
	margin:0px 20px 0px 0px;
	float:right;
}

address {
	clear:both;
	/* margin 上、右、下、左の順*/
	margin:0px 10px 0px 10px;
	background-color:#33CC00;
	font-style:normal;
	text-align:center;
	font-size:10px;
	color:#FFFFFF;
	padding:2px;
}
address a{
	color:#FFFFFF;
	text-decoration:none;
}