@charset "UTF-8";

/*
  共通CSS
*/


/*
  #- 基本
*/
html {
	margin:0;
	padding:0;
	height: 100%;
	overflow-y: scroll;
	width:675px;
}

body {
	width:;
	background:white;
	margin:0;
	padding:0 20px;
	padding:0 0 0 20px;
	color: #333;
	font-size: 13px;
	line-height: 22px;
	text-align: left;
	
	/* ゴシック系 */
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	/* 明朝系 */
	/*font-family: 'ＭＳ Ｐ明朝','MS PMincho','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro',serif;*/
	overflow:hidden;
}

a {
	color:#0000cb;
	text-decoration: underline;
}
a:hover,
a:active {
	text-decoration: none;
}
a:hover img.link ,
input.link:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
a img.link ,
input.link {
	filter:alpha(opacity=99);
	-moz-opacity: 0.99;
	opacity: 0.99;
}
img {
	vertical-align: bottom;
	margin-bottom:10px;
}
table img {
	margin-bottom:0;
}
img[align="left"]{
	margin-right:10px;
}
img[align="right"]{
	margin-left:10px;
}
h1{
}
h2{
	clear:both;
	border-top:2px solid #006837;
	background:url("../img/h2-back.gif") no-repeat bottom left;
	color:#004e12;
	font-size:24px;
	line-height:28px;
	margin:0 0 5px -20px;
	padding:10px 0 20px 5px;
}
h3{
	clear:both;
	background:url("../img/h3-back.gif") no-repeat top left white;
	border:1px solid #8d8d8d;
	color:#004e12;
	font-size:17px;
	line-height:20px;
	margin:0 0 15px -20px;
	padding:8px 0 8px 15px;
}
h4{
	background:url("../img/h4-back.gif") no-repeat;
	color:#004e12;
	font-size:15px;
	line-height:18px;
	margin:0 0 10px 0;
	padding:0 20px;
}
h5{
	margin:0 0 5px;
	color:#004e12;
}
h6{
}
h1.title-img,
h2.title-img,
h3.title-img,
h4.title-img,
h5.title-img,
h6.title-img{
	margin-left:0;
	border:none;
	background:none;
	padding:0;
} 

table{
	border:#999999 solid 1px;
	border-collapse:collapse;
	text-align:left;
	vertical-align:top;
	margin:0 0 15px;
}
th{
	border:#999999 solid 1px;
	background:url("../img/th-back.gif") repeat-x top left #cbe0d6;
	font-weight:bold;
	padding:5px 15px;
	text-align:center;
}
td{
	border:#999999 solid 1px;
	background:white;
	padding:5px 15px;
}
table.noborder,
table.noborder th,
table.noborder td{
	background:none;
	border:none;
	padding:0;
}

ol{
	margin:0 0 15px 40px;
	padding:0;
}
ul{
	margin:0 0 15px 15px;
	padding:0;
	list-style:none;
}
ul li{
	list-style:none;
	background:url("../img/list-icon.gif") no-repeat left 4px;
	padding-left:18px;
}
table ol,
ol ol,
ul ol,
dl ol{
	margin:0 0 0 15px;
}
table ol li,
ol ol li,
ul ol li,
dl ol li{
	margin:0;
	padding:0;
}
table ul,
ol ul,
ul ul,
dl ul{
	margin:0 0 0 15px;
	padding:0;
	list-style:disc;
}
table ul li,
ol ul li,
ul ul li,
dl ul li{
	margin:0;
	padding:0;
	list-style:disc;
	background:none;
}

dl{
	margin:0 0 25px 15px;
	padding:0;
}
dl dt{
	font-weight:bold;
}
dl dd{
	margin-left:15px;
	margin-bottom:10px;
}
table dl{
	margin:0 0 0 15px;
}

/*
  #####- テキスト
*/
p {
	margin:0 0 10px;
}
strong {
	color:#b4262c;
}
.f12{
	font-size:12px;
}
.f11{
	font-size:11px;
}
.f10{
	font-size:10px;
}
.attention{
	color:#004E12;
}
strong.attention{
	color:#004E12;
	font-size:14px;
}
/*
  #- グローバルクラス設定
*/
/*
  ##- 位置
*/
.al-l {
	text-align: left;
}
.al-c {
	text-align: center;
}
.al-r {
	text-align: right;
}
.val-t {
	vertical-align: top;
}
.val-m {
	vertical-align: middle;
}
.val-b {
	vertical-align: bottom;
}

/*
  ##- フロート
*/
.fl-l {
	float: left;
	margin-right: 10px;
}

.fl-r {
	float: right;
	margin-left: 10px;
}

/* クリア */
.clr:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clr { display: inline-block; }
.clr { display: block; }

hr{
	border:none;
	border-top:1px dashed #333333;
	margin:20px 0;
}

/*
  ##- Javascript 補助用
*/
.rollover {}
.iepngfilter {}


/*
  #- アーカイブ
*/
#archive{
	
}
#archive table {
	width:100%;
	margin:5px auto;
	border:none;
	border-top:1px dashed #999999;
}
#archive table td {
	line-height:16px;
	padding:10px 0;
	border:none;
	border-bottom:1px dashed #999999;
}
#archive table td:first-child {
	width:100px;
	text-indent:18px;
	background:url("../img/information-icon.gif") no-repeat 7px 14px;
	border:none;
	border-bottom:1px dashed #999999;
}
#archive img{
	width:50px;
	height:auto;
}
/*
  #- 相談窓口のご案内
*/
#chiefofheadquarter{
}
#chiefofheadquarter .career{
	margin-top:15px;
}
/*
  #- 相談窓口のご案内
*/
#branch{
}
#branch table{
}
#branch table tr th:first-child,
#branch table tr td:first-child{
	width:100px;
}
#branch table tr th:last-child,
#branch table tr td:last-child{
	width:200px;
}
#branch summary{
	font-size:16px;
	font-weight:bold;
}
/*
  #- 自衛官の就職援護業務
*/
#veteran .veteran-table{
	width:600px;
	margin:0 auto 10px;
}
#veteran .veteran-table table{
	width:100%;
	margin:0;
}
#veteran .veteran-table p{
	margin:0;
}
#veteran .img-area{
	text-align:center;
	margin-bottom:15px;
}

/*
  #- 訓練日程
*/
#training table{
	width:635px;
}
#training table th{
	width:90px;
	padding:5px 0;
}
#training table td{
	width:135px;
	padding:5px 0;
	text-align:center;
}
#training table thead th,
#training table thead td{
	background:white;
}
#training table .izumo th,
#training table .izumo td{
	background:#9ce8f3;
}
#training table .yonago th,
#training table .yonago td{
	background:#f0ffaf;
}
#training table .kaita th,
#training table .kaita td{
	background:#ffeecd;
}
#training table .yamaguchi th,
#training table .yamaguchi td{
	background:#a8e9c5;
}
#training table .nihonbara th,
#training table .nihonbara td{
	background:#edc9e1;
}
#training table tr th.none,
#training table tr td.none{
	background:#dddddd;
}


#training table.first thead td{
	background:#9ce8f3;
}
#training table.second thead td{
	background:#f0ffaf;
}
#training table.third thead td{
	background:#ffeecd;
}
#training #yobijiho table thead th{
	background:#bcccb1;
}
#training #yobijiho table tbody th{
	background:#a5c6a7;
}

/*
  #- 安全保障協力
*/
#nationalsecurity .thumb-list{
	width:665px;
	margin-right:-10px;
}
#nationalsecurity .thumb-list .item{
	width:213px;
	margin:0 8px 8px 0;
	float:left;
}
/*
  #- 災害派遣活動
*/
#disasterrelief table{
	width:100%;
}
#disasterrelief table td:first-child{
	padding:5px 0;
	width:210px;
	text-align:center;
}
#disasterrelief table td:first-child img{
	max-width:200px;
}
/*
  #- 島根の自衛隊　活躍の軌跡
*/
#log table{
	width:100%;
}
#log table td:first-child{
	padding:5px 0;
	width:210px;
	text-align:center;
}
#log table td:first-child img{
	max-width:200px;
}

/*
  #- 募集制度の概要
*/
#summary .kankou li{
	background-image:url("../../recruit/img/recruit-icon01.gif");
	color:#0071b0
}
#summary .ku li{
	background-image:url("../../recruit/img/recruit-icon02.gif");
	color:#299fb6
}
#summary .boudai li{
	background-image:url("../../recruit/img/recruit-icon03.gif");
	color:#eb871e
}
#summary .bouidai li{
	background-image:url("../../recruit/img/recruit-icon04.gif");
	color:#ff97b5
}
#summary .kango li{
	background-image:url("../../recruit/img/recruit-icon05.gif");
	color:#ff73b5
}
#summary .seito li{
	background-image:url("../../recruit/img/recruit-icon06.gif");
	color:#9c71b9
}
#summary .so li{
	background-image:url("../../recruit/img/recruit-icon07.gif");
	color:#105a39
}
#summary .kankouho li{
	background-image:url("../../recruit/img/recruit-icon08.gif");
	color:#108039
}

/*
  #- サイトマップ
*/
#sitemap{
	background:none;
	border:none;
	overflow:hidden;
	margin:0;
	padding:0;
}
#sitemap dl{
	margin:0 35px 0 0;
}
#sitemap dl dt{
	clear:both;
	background:url("../img/h3-back.gif") no-repeat top left white;
	border:1px solid #8d8d8d;
	color:#004e12;
	font-size:17px;
	line-height:20px;
	margin:20px 0 15px;
	padding:8px 0 8px 15px;
}
#sitemap dl dt:first-child{
	margin-top:0;
}
#sitemap dl dd{
	background:url("../img/h4-back.gif") no-repeat 20px top;
	color:#004e12;
	font-size:15px;
	line-height:18px;
	margin:0 0 10px 0;
	padding:0 0 5px 40px;
}

/*
  #- イベント情報
*/
#event table{
	width:100%;
}
#event table th,
#event table td{
	padding:5px;
}
#event table .picture{
	width:120px;
}
#event table .picture img{
	max-width:120px;
	height:auto;
}
#event table .event{
	width:150px;
}
#event table .day{
	width:90px;
}
#event table .venue{
	width:100px;
}

/*
  #- このサイトについて
*/
#about{
	background:none;
	border:none;
	overflow:hidden;
	margin:0;
	padding:0;
}
#about dl{
	margin:0 35px 0 0;
}
#about dl dt{
	clear:both;
	background:url("../img/h3-back.gif") no-repeat top left white;
	border:1px solid #8d8d8d;
	color:#004e12;
	font-size:17px;
	line-height:20px;
	margin:20px 0 15px;
	padding:8px 0 8px 15px;
}
#about dl dt:first-child{
	margin-top:0;
}
#about dl dd{
}

/*
  #- このサイトについて
*/
#convention{
	
}
#convention table{
	width:100%;
}
#convention table th,
#convention table td{
	padding:5px;
}
#convention table .picture{
	width:120px;
}
#convention table  img{
	max-width:120px;
	height:auto;
}
#convention table .name{
	width:150px;
}
#convention table .day{
	width:90px;
}
#convention table .place{
	width:220px;
}
#convention table .place2{
	width:120px;
}
#convention table .remarks{
}

/*
  #- サイトマップ
*/
#links{
	background:none;
	border:none;
	overflow:hidden;
	margin:0;
	padding:0;
}
#links dl{
	margin:0 35px 0 0;
}
#links dl dt{
	clear:both;
	background:url("../img/h3-back.gif") no-repeat top left white;
	border:1px solid #8d8d8d;
	color:#004e12;
	font-size:17px;
	line-height:20px;
	margin:20px 0 15px;
	padding:8px 0 8px 15px;
}
#links dl dt:first-child{
	margin-top:0;
}
#links dl dd{
	background:url("../img/h4-back.gif") no-repeat 20px top;
	color:#004e12;
	font-size:15px;
	line-height:18px;
	margin:0 0 10px 0;
	padding:0 0 5px 40px;
}



/*	=====	151111 added	=====	*/
div.officer-head{
	background: transparent;
	border: none;
	padding: 10px;
	padding-top: 0;
}
div.officer-head img{
	border: none;
	margin: 0;
	max-height: 100px;
	width: auto;
}
td.officer-officer{
	text-align: center;
}
figure.officer-officer{
	margin: 0;
	margin-top: 10px;
}
figure.officer-officer:first-child{
	margin-top: 0;
}
figure.officer-officer img{
	max-height: 100px;
	width: auto;
}
body#officer img{	
	height: auto;
	max-width: 250px;
}

/*	=====	190320 added	=====	*/
/*
  #- 退職自衛官の雇用
*/
#job-application *{
	font-style: normal;
}
#job-application ol > li{
	margin: 2em 0;
}
#job-application ul{
	margin: 1em 0;
	margin-left: 2em;
}
#job-application ul li{
	margin-bottom: 0.25em;
}
#job-application address ul li{
	list-style: none;
}