@charset "UTF-8";
@media only screen and (max-device-width: 720px) {
	/*
	  共通CSS
	*/
	html {
		margin:0;
		padding:0;
		height: 100%;
		overflow-y: scroll;
		width:640px;
	}

	body {
		background:white;
		margin:0;
		padding:0 20px;
		color: #333;
		font-size: 26px;
		line-height: 30px;
		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 {
	  text-decoration: none;
	}
	a:hover,
	a:active {
	  text-decoration: underline;
	}
	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;
		max-width:600px;
		height:auto;
	}
	img[align="left"]{
		margin-right:10px;
		margin-bottom:10px;
	}
	img[align="right"]{
		margin-left:10px;
		margin-bottom:10px;
	}
	h1{
	}
	h2{
		font-size:40px;
		line-height:48px;
		margin:0 -20px 5px;
		padding:10px 0 20px 15px;
	}
	h3{
		background:url("../../img/smart/h3-back.gif") no-repeat top left white;
		font-size:32px;
		line-height:36px;
		margin:0 -20px 15px -20px;
		padding:8px 0 8px 20px;
	}
	h4{
		background-position:0 15px;
		font-size:26px;
		line-height:1.2em;
		padding:5px 24px;
		padding-right:10px;
		margin:0 0 5px;
	}
	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{
	} 

	table{
		border:#999999 solid 1px;
		border-collapse:collapse;
		text-align:left;
		vertical-align:top;
		margin:0 0 15px;
		width:100%;
	}
	th{
		border:#999999 solid 1px;
		font-weight:bold;
		padding:5px 15px;
		text-align:center;
	}
	td{
		border:#999999 solid 1px;
		background:white;
		padding:5px 15px;
		vertical-align:top;
	}
	table.noborder,
	table.noborder th,
	table.noborder td{
		background:none;
		border:none;
		padding:0;
	}

	ul{
	}
	ul li{
		line-height:1.6em;
		background-position:left 15px;
	}
	table ol,
	ol ol,
	ul ol,
	dl ol,
	table ul,
	ol ul,
	ul ul,
	dl ul{
		margin:0 0 0 40px;
	}

	/*
	  #####- テキスト
	*/
	p {
		margin:0 0 10px;
	}
	strong {
	}
	.f12{
		font-size:24px;
	}
	.f11{
		font-size:22px;
	}
	.f10{
		font-size:20px;
	}
	/*
	  #- グローバルクラス設定
	*/
	/*
	  ##- 位置
	*/
	.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; }


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


	/*
	  #- アーカイブ
	*/
	#archive{
		padding:0;
	}
	#archive {
		overflow:hidden;
		text-align:left;
	}
	#archive table {
		border:none;
		margin:5px;
		width:100%;
	}
	#archive table td {
		width:100%;
		border:none;
		line-height:32px;
		padding:5px 0;
		display:block;
	}
	#archive table td a {
		display:block;
	}
	#archive table td:first-child {
		width:180px;
		border:none;
		text-indent:12px;
		background:none;
		float:left;
	}
	#archive table td:last-child {
		width:100%;
		text-indent:12px;
		border-bottom:dashed 1px #d8d8d8;
		padding-bottom:10px;
		margin-bottom:5px;
		clear:both;
	}
	#archive img{
		width:100px;
	}
	/*
	  #- 相談窓口のご案内
	*/
	#chiefofheadquarter{
	}
	#chiefofheadquarter .career{
		margin-top:15px;
	}
	/*
	  #- 自衛官の就職援護業務
	*/
	#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:25px;
	}
	/*
	  #- 災害派遣活動
	*/
	#disasterrelief table.east{
		width:600px;
	}
	#disasterrelief table.thumb{
		width:600px;
	}
	#disasterrelief table.thumb td{
		padding:5px;
		border:none;
		line-height:1.2em;
	}
	#disasterrelief table.thumb td img{
		max-width:290px;
	}
	/*
	  #- 安全保障協力
	*/
	#nationalsecurity .thumb-list{
		width:610px;
		margin-right:-10px;
	}
	#nationalsecurity .thumb-list .item{
		width:194px;
		margin:0 9px 9px 0;
		float:left;
	}
	#nationalsecurity .thumb-list .item img{
		width:100%;
		height:auto;
	}
	/*
	  #- 訓練日程
	*/
	#training table{
		width:100%;
	}
	#training table th{
		padding:5px 0;
	}
	#training table td{
		width:100px;
		text-align:center;
		font-size:20px;
	}
	#training table thead th,
	#training table thead td{
		background:white;
	}
	/*
	  #- 試験日程
	*/
	#exam table{
		background:none;
		border:none;
		width:600px;
		overflow:hidden;
	}
	#exam table th{
		display:block;
		background:none;
		width:auto;
		border:none;
		text-align:left;
		border-bottom:1px solid #333333;
		padding:0 0 5px 10px;
		margin-bottom:15px;
	}
	#exam table td{
		display:block;
		width:auto;
		border:none;
		text-align:left;
		padding:0;
		margin-bottom:10px;
		margin-left:25px;
		line-height:1.6em;
	}
	#exam table td ol{
		list-style-position:inside;
		margin-left:0px;
	}
	#exam table td ol li{
		text-indent:-1em;
		padding-left:1em;
	}
	#exam table td ol li a{
		display:block;
		padding:10px 0;
	}
	#exam table td a.announcing{
		display:block;
	}
	/*
	  #- サイトマップ
	*/
	#sitemap{
		background:none;
		border:none;
		overflow:hidden;
		margin:0;
		padding:0 0 0 20px;
	}
	#sitemap dl{
		margin:0 35px 0 0;
	}
	#sitemap dl dt{
		clear:both;
		background:url("../../img/smart/h3-back.gif") no-repeat top left white;
		font-size:32px;
		line-height:36px;
		margin:20px -35px 15px -20px;
		padding:8px 0 8px 20px;
	}
	#sitemap dl dt:first-child{
		margin-top:0;
	}
	#sitemap dl dd{
		background-position:0 17px;
		font-size:26px;
		line-height:1.2em;
		padding:5px 24px;
		padding-right:10px;
		margin:0 0 5px;
	}
	#sitemap dl dd a{
		display:block;
		padding:5px 0;
	}
	/*
	  #- リンク一覧
	*/
	#links{
		background:none;
		border:none;
		overflow:hidden;
		margin:0;
		padding:0 0 0 20px;
	}
	#links dl{
		margin:0 35px 0 0;
	}
	#links dl dt{
		clear:both;
		background:url("../../img/smart/h3-back.gif") no-repeat top left white;
		font-size:32px;
		line-height:36px;
		margin:20px -35px 15px -20px;
		padding:8px 0 8px 20px;
	}
	#links dl dt:first-child{
		margin-top:0;
	}
	#links dl dd{
		background-position:0 17px;
		font-size:26px;
		line-height:1.2em;
		padding:5px 24px;
		padding-right:10px;
		margin:0 0 5px;
	}
	#links dl dd a{
		display:block;
		padding:5px 0;
	}
	/*
	  #- 島根の先輩自衛官
	*/
	#senior div{
		text-align:center;
	}
	#senior img{
		float:none;
		margin:0 auto 20px;
	}
	#senior table{
		clear:both;
		width:100%;
	}
	#senior table th {
		width:180px;
	}
	/*
	  #- 広報官の紹介
	*/
	#officer div{
		text-align:center;
	}
	#officer img{
		float:none;
		margin:0 auto 20px;
	}
	#officer table{
		clear:both;
		width:100%;
	}
	#officer table th {
		width:180px;
	}
	#officer h4{
		text-align:left;
	}
	/*
	  #- 広報官の紹介
	*/
	#bulletin ul{
		margin:0;
	}
	#bulletin ul li{
		border-bottom:1px solid #333333;
		margin:0;
		background:none;
		padding:0;
	}
	#bulletin ul li:first-child{
		border-top:1px solid #333333;
	}
	#bulletin ul li a{
		padding:15px 10px;
		display:block;
	}
	/*
	  #- 山陰地区合同企業説明会
	*/
	#convention .end-convention{
	}
	#convention .end-convention th:first-child,
	#convention .end-convention td:first-child{
		display:none;
	}
	#convention table .place,
	#convention table .place2{
		width:110px;
	}
	#convention table .day{
		width:140px;
	}
	/*
	  #- このサイトについて
	*/
	#about{
		background:none;
		border:none;
		overflow:hidden;
		margin:0;
		padding:0 0 0 20px;
	}
	#about dl{
		margin:0 35px 0 0;
	}
	#about dl dt{
		clear:both;
		background:url("../../img/smart/h3-back.gif") no-repeat top left white;
		font-size:32px;
		line-height:36px;
		margin:20px -35px 15px -20px;
		padding:8px 0 8px 20px;
	}
	#about dl dt:first-child{
		margin-top:0;
	}
	#about dl dd{
		margin:0;
		padding:0;
	}
	
	/*
	  #- イベント
	*/
	#event table th:first-child,
	#event table td:first-child{
		display:none;
	}
	#event table th,
	#event table td{
		width:25%;
	}
	#event table td ul,
	#event table td ul li{
		list-style:none;
		margin:0;
		padding:0;
		text-indent:none;
	}
	#event table td ul li{
		border-top:1px dotted #333333;
	}
	#event table td ul li:first-child{
		border-top:none;
	}
}