/* *********************************
FileName: default.css
UpdatedBy: 20080205-14:00
*********************************** */

/* *********************************
特記事項：

・各ページの特殊レイアウトなどは
　【012: その他・各ページ専用レイアウト】へ記載する。

*********************************** */

/* *********************************
000: リセット用
001: 基本レイアウト
002: ヘッダー
003: メインコンテンツ
004: ナビゲーション
005: フッター
006: タイトル
007: リンクテキスト
008: テキスト
009: リスト
010: テーブル
011: バナー
012: その他・各ページ専用レイアウト
*********************************** */


/* *********************************

/* 000: リセット用

*********************************** */

body,div,pre,p,blockquote,form,fieldset,input,textarea,select,option,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,table,th,td,embed,object {
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6,address {
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
}
img {
	border: 0;
}
table,th,td {
	text-align: left;
}
ul {
	list-style: none outside none;
}
ol {
	list-style: decimal outside none;
	margin: 0;
	padding: 0 0 0 3em;
}
fieldset {
	border: none;
	margin: 0px;
	padding: 0px;
}
hr {
	display:none;
}


/* *********************************

001: 基本レイアウト

*********************************** */

body {
	margin: 0;
	padding: 0;
	text-align:center;
	font-size:80%;
	color:#3f3a39;
}

/* ヘッダー領域
=================================== */


/* ヘッダー領域設定（各ページ） */
#header {
	border-top:18px solid #80A660;
	height: 45px;
	width: 850px;
	margin-bottom:12px;
}


/* コンテンツ領域
=================================== */

/* メインコンテンツ領域設定（各ページ） */
#page {
	background-color:#FFFFFF;
	margin: auto;
	text-align:left;
	width:850px;
}

/* メインコンテンツ領域位置補正用（各ページ） */
#contents {
	clear:both;
	width: 829px;
	margin:0 11px 0 10px;
	padding: 0;
}



/* サイドメニュー用位置設定（各ページ） */
#navi {
	float:left;
	width: 166px;
	height:650px;
}

/* ヴィジュアルエリア用位置設定（トップページ） */
#content_index {
	float:left;
	width: 450px;
	margin-left:17px;
}

/* 右側バナー用位置設定（トップページ） */
#banner {
	float:right;
	width: 180px;
}


/* ヴィジュアルエリア用位置設定（第2階層以下のページ）*/
#content_2nd {
	float:left;
	width: 646px;
	margin-left:17px;
	margin-bottom:30px;
}

/* フッター領域
=================================== */

/* フッター用領域設定（各ページ） */
#foot {
	background-color:#80a660;
	clear:both;
	margin-top:30px;
	padding:6px 11px 0 11px;
	width: 828px;
	height:55px;
}


/* *********************************

002: ヘッダー

*********************************** */


/* タイトルテキスト英語表記 */
#header p.title_en{
	font-weight:bold;
	margin:-3px 0 0 12px;
}

/* タイトル回りこみ指定 */
#header .left{
	float:left;
}

/* 【防衛省・自衛隊】ロゴ表示位置指定 */
#header .right{
	float:right;
	padding-right:12px;
	padding-top:21px;
}


/* *********************************

003: メインコンテンツ

*********************************** */



/* *********************************

004: サイドメニュー

*********************************** */


/* メニュー基本設定
=================================== */

#navi ul{
	width:166px;
	padding-left:0px;
	font-size:11px;
}

#navi ul a {
	color:#3f3a39;
	text-decoration:none;
}

#navi ul a:hover {
	color:#3f3a39;
	text-decoration:none;
}


#navi li{
	list-style-type: none;
	padding-bottom:5px;
}


/* サイドメニュー入れ子用
=================================== */

#navi li.nesting li a{
	display:block;
	padding-left:33px;
	padding-top:4px;
	_padding-top:5px;/* IE6対策 */
	background:url(../common/navi_bg_02.gif);
	background-repeat:no-repeat;
	background-position:right top;
	height:13px;
	_height:12px;/* IE6対策 */

}

		/* IE7対策用 */
		*:first-child+html #navi li.nesting li a{
			padding-top:5px;
			height:12px;
		}


#navi li.nesting li a:hover{
	display:block;
	padding-left:33px;
	padding-top:4px;
	_padding-top:5px;/* IE6対策 */
	background:url(../common/navi_bg_02_on.gif);
	background-repeat:no-repeat;
	background-position:right top;
	height:13px;
	_height:12px;/* IE6対策 */

}

		/* IE7対策用 */
		*:first-child+html #navi li.nesting li a:hover{
			padding-top:5px;
			height:12px;
		}



/* 該当ページ表示中のメニュー装飾用 */
#navi li.nesting li.on{
	display:block;
	padding-left:33px;
	padding-top:4px;
	_padding-top:5px;/* IE6対策 */
	background:url(../common/navi_bg_02_on.gif);
	background-repeat:no-repeat;
	background-position:right top;
	height:13px;
	_height:12px;/* IE6対策 */
}

		/* IE7対策用 */
		*:first-child+html #navi li.nesting li.on{
			padding-top:5px;
			height:12px;
		}


/* *********************************

005: フッター

*********************************** */

/* フッターナビ3項目用
=================================== */

#foot ul{
	float:right;
}

#foot li{
	color:#ffffff;
	float: left;
	padding:2px 8px;
	font-size:80%;
	background-image:url(../common/foot_list_mark.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
}

#foot li a{
	color:#ffffff;
	text-decoration:none;
}

#foot li a:hover{
	text-decoration:underline;
}

/* 各地方協力本部情報の表示設定
=================================== */

#foot address{
	float:left;
	color:#FFFFFF;
	line-height:1.2;
	font-size:80%;
}


/* *********************************

/* 006: タイトル

*********************************** */

/* 各地方協力本部・ヘッダー用見出し
=================================== */
h1{
	font-size:180%;
	font-weight:bold;
	margin:10px 0 0 10px;
	color:#3f3a39;
}


/* コンテンツ用テキスト用大見出し
　（緑色テキスト）
　　※画像・テキスト併用可
=================================== */

h2{
	clear:both;
	color:#6b9e3f;
	font-size:120%;
	padding:0 0 5px 3px;
	border-bottom:1px solid #cfcfcf;
	
}


/* コンテンツ用テキスト用中見出し
=================================== */

h3{
	clear:both;
	padding-top:6px;
	padding-left:5px;
	padding-bottom:5px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:110%;
	font-weight:bold;
	background-color:#f5f7f2;
	border-left:solid 12px #7fa761;
}


/* *********************************

/* 007: リンクテキスト

*********************************** */

a {
	color:#3f3a39;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}


/* *********************************

/* 008: テキスト

*********************************** */

p{
	text-indent: 0em;
	padding-left: 0;
	margin-top:10px;
	line-height:1.4;
}


/* フロート（画像回りこみ）設定 
=================================== */

/* 左側 */
.float_left{
	float:left;
	margin-right:10px;
}

/* 右側 */
.float_right{
	float:right;
	margin-left:10px;
}


/* *********************************

/* 009: リスト

*********************************** */



/* *********************************

/* 010: テーブル

*********************************** */



/* *********************************

/* 011: バナー

*********************************** */

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


/* *********************************

/* 012: その他・各ページ専用レイアウト

*********************************** */

/* clear_fix用 */
br.blockend{
	clear:both;
	font-size:1px;
}



/* 【トップページ】
　　イメージ画像下部マージン
=================================== */

#contents .topimg{
	margin-bottom:20px;
}


/* 【トップページ】
　　新着情報 & 各地方協力本部のお知らせ用
=================================== */

.news_info {
	margin:10px 0 10px 0;
}

.news_info dl{
}

.news_info dt{
	background: url("../common/list_mark.gif") no-repeat 3px 2px;
	padding-left:14px;
	padding-bottom:5px;
}

.news_info dd{
	padding-bottom:20px;
	padding-left:8px;
}

.news_info ul{
}

.news_info li{
	background: url("../common/list_mark.gif") no-repeat 3px 2px;
	padding-left:14px;
	padding-bottom:14px;
}


/* 【自衛官になりたい】
　　自衛官キャリアコースページ
=================================== */

/* 資格・募集項目専用テーブル */
#content_2nd table.entry{
	width:646px;
	margin-bottom:20px;
	font-size:12px;
	line-height:1.4
}

#content_2nd table.entry th{
	background-color:#7db351;
	border-bottom:6px solid;
	border-color:#ffffff;
	padding:6px;
}

#content_2nd table.entry th.left{
	width:95px;
	border-right:6px solid;
	border-bottom:6px solid;
	border-color:#ffffff;
}

#content_2nd table.entry td{
	background-color:#c7deaa;
	border-bottom:6px solid;
	border-color:#ffffff;
	padding:6px;
}

#content_2nd table.entry td.left{
	width:95px;
	border-right:6px solid;
	border-bottom:6px solid;
	border-color:#ffffff;
}