/*charse*/

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,select option {
	margin: 0;
	padding: 0;
	font-size: 16px;
}
H1,H3,H4,H5,H6,ADDRESS {
font-size: 100%;
font-style: normal;
font-weight: normal;
}
H2{
font-size:110%;
font-style: normal;
font-weight: normal;
}

IMG {
border: 0;
}
TABLE,TH,{
text-align: left;
}
TD,{
text-align:justify;
}
UL {
list-style: none outside none;
}
OL {
list-style: decimal outside none;
margin: 3 0 0 0em;
padding: 0 0 0 3em;
line-height:1.5;
}
FIELDSET {
border: none;
margin: 0px;
padding: 0px;
}
label{
	cursor:pointer;
}
/* *********************************
001: 基本レイアウト
*********************************** */

body {
	color: #333;	/*全体の文字色*/
	margin: 0px;
	padding: 0px;
	font: 16px/2.3 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";	/*文字サイズ、行間、フォント指定*/
	background-color: #FFF;	/*背景色*/
	/*font-weight: bold;*/
	/*font-style: italic;*/
}
/* ヘッダー領域
=================================== */


/* ヘッダー領域設定（各ページ） */
#header {
width: 850px;
margin-bottom:12px;
}
#head{
	height:24px;
	background-color:#122f8d;
}
#head UL{
float:right;
}
#head LI{
color:#ffffff;
float: left;
padding:2px 10px;
font-size:10px;
background-image : url(../news/2011/foot_list_mark.gif);
background-repeat:no-repeat;
background-position:0 5px;
}
#head LI A{
color:#ffffff;
text-decoration:none;
}
#head LI A:HOVER{
text-decoration:underline;
}
/* コンテンツ領域
=================================== */

/* メインコンテンツ領域設定（各ページ） */
#page {
	background-color:#FFFFFF;
	margin: auto;
	width:850px;
}
/* メインコンテンツ領域位置補正用（各ページ） */
#contents {
clear:both;
width: 829px;
margin:0 5px 0 5px;
padding: 0;
}

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

/* フッター用領域設定（各ページ） */
#foot {
background-color:#202B3C;
clear:both;
margin-top:30px;
padding:6px 11px 0 11px;
width: 850px;
}
/* フッター1用領域設定（各ページ） */
#foot1 {
background-color:#fff;
clear:both;
margin-top:30px;
padding:6px 11px 0 11px;
width: 860px;
height:300px;
}
/* *********************************
002: ヘッダー
*********************************** */

/* タイトルテキスト英語表記 */
#header P.title_en{
font-weight:bold;
margin:-3px 0 0 12px;
}
/* タイトル回りこみ指定 */
#header .left{
float:left;
}
#header .left IMG{
margin-right:12px;
}
/* 【防衛省・自衛隊】ロゴ表示位置指定 */
#header .right{
float:right;
padding-right:12px;
padding-top:21px;
}
/* *********************************
003: メインコンテンツ
*********************************** */

/* *********************************
005: フッター
*********************************** */
/* フッター1用
=================================== */
#foot1 .link_box{
line-height:1.4em;
float:left;
width:200px;
margin:10px 11px 20px 0;
padding:0;
}

#foot1 .link_box H6{
color:#ffffff;
font-weight:bold;
background-color:#9cdf6a;
text-align:center;
margin-bottom:10px;
padding:3px 0;
}

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

#foot UL{
float:right;
}
#foot LI{
color:#ffffff;
float: left;
padding:2px 8px;
font-size:10px;
background-image : url(../news/2011/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;
}
#foot1 .link_box{
line-height:1.4em;
float:left;
width:200px;
margin:10px 11px 20px 0;
padding:0;
}


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

#foot ADDRESS{
color:#FFFFFF;
line-height:1.3;
font-size:0.75rem;
padding:8px 0 8px;
}

/* *********************************
/* 006: タイトル
*********************************** */

/* 各地方協力本部・ヘッダー用見出し
=================================== */
H1{
	/*font-size:180%;
	font-weight:bold;*/
/*	margin:0 0 0 10px;*/
	background-color: #3f3a39;
}
/* コンテンツ用テキスト用大見出し
　（緑色テキスト）
　　※画像・テキスト併用可
=================================== */

H2{
	clear:both;
	/*color:#6b9e3f;*/
	font-size:1.25rem;
	padding:0.5rem 1rem 0.5rem 1rem;
	border-top:2px solid #202B3C;
	border-bottom:1px solid #999;
	font-weight: bold;
	/*letter-spacing: 0.1em;	*//*文字間隔を少し広めにとる設定*/
	line-height:1.25;
	margin-bottom:0.8rem;
	background: linear-gradient(#FFF, #e6e6e6);
}
/* コンテンツ用テキスト用中見出し
=================================== */

H3{
clear:both;
padding-top:2px;
padding-left:0.8rem;
padding-bottom:2px;
margin-top:5px;
margin-bottom:5px;
/*font-size:103%;*/
font-size:1.125rem;
font-weight:600;
background-color: #FFFFBB;
border-left:solid 8px #202B3C;
/*border-bottom:solid 1px #122f8d;*/
line-height:1.5;
}
H4{
clear:both;
color:#ffffff;
padding-top:2px;
padding-left:15px;
padding-bottom:1px;
margin-top:10px;
font-size:110%;
font-weight:bold;
background-color:#122f8d;
letter-spacing:0.1em;
}
H5{
clear:both;
color:#7fa761;
padding-top:2px;
padding-left:17px;
padding-bottom:2px;
margin-top:10px;
margin-bottom:10px;
font-size:110%;
font-weight:bold;
border:1px solid #7fa761;
}
/* *********************************
/* 007: リンクテキスト
*********************************** */
#foot1 A {
color:#fff;
}
#foot A {
color:#fff;
}
#foot A:HOVER {
text-decoration:underline;
}
#content_index A {
color:#628349;
}
#content_index A:HOVER {
text-decoration:none;
}
#content_2nd A {
color:#628349;
}
#content_2nd A:HOVER {
text-decoration:none;
}
/* *********************************
/* 008: テキスト
*********************************** */

P{
text-indent: 0em;
padding: 0 0.5em 0 0.8em;
margin-top:0.5em;
margin-bottom:0.3em;
line-height:1.4;
}
#small{
font-size:90%;
t-indent: 0em;
padding: 0 0 0 1.5em;
margin-top:5px;
line-height:1.4;
}
#page_top{
font-size:80%;
clear:both;
text-align:right;
margin:14px 0px 10px 0px;
}


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

/* 左側 */
.float_left{
float:left;
margin-right:15px;
font-size:90%;
color:#000000;
}
/* 右側 */
.float_right{
float:right;
margin-left:15px;
font-size:90%;
color:#000000;
}

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


.mailform input, .mailform textarea, .mailform select {
	font-size: 1.3em;
	padding: 3px;
	border-color:#888;		/*線の幅、線種、色*/
	padding: 5px;
	margin-left: 5px;
	margin-bottom:10px;
	letter-spacing: 0.1em;	/*文字間隔を少し広めにとる設定*/
}
.mailform input, .mailform table tr td input, .mailform select {
	margin:0 0.5rem 0 1rem;
	padding:0.2rem 0.5rem;
	font-size:1rem;
}

.mailform select option {
	font-size:1rem;
}
.mailform table tr td input{
	margin:0 0.5rem 0 0.2rem;
}

.mailform table {
	margin: 0.8rem 0;
	font-size: 1rem;	/*文字サイズ*/
	background: #FFF;	/*背景色*/
	border-collapse:collapse;
	border-spacing: 0;
	width:100%;
}
.mailform table,
.mailform table td,
.mailform table th{
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
}
.mailform table td,
.mailform table th{
	padding: 0.8rem 1rem;
	line-height: 1.6;
}
.mailform table th{
	text-align: left;
	font-weight: normal;
	background: #eee;
}
.mailform table th {
	width: 14rem;
}
.mailform table td {
	/*width: 70%;*/
}

.mailform table td input,
.mailform table td textarea{
	clear:both;
	margin: 0 0;
}

#submit{
	text-align:center;
	margin:0; 
}

.mailform hr {
	margin: 4px 0 10px 0;
}

h6 {
clear:both;
padding-top:2px;
padding-left:8px;
padding-bottom:1px;
margin-top:10px;
margin-bottom:5px;
font-size:100%;
background-color:#f5f7f2;
border-left:solid 8px #122f8d;
border-bottom:solid 1px #122f8d;
line-height:1.5;
letter-spacing:0.1em;
	}
	
/*input {
	border:double;　/*inputタグの枠線に関する事項
}*/

select {
	border-width: 2px;
	border-style: groove;
}
input[type="text"].small {
	width:5rem;
}
textarea {
	width:90%;
	box-sizing:border-box;
}

/* 応募フォームのチェックボックスについて↓ */

/* チェックボックス全体 */
.checknox-wrap {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  user-select: none;
}

/* デフォルトチェックボックス非表示 */
.checknox-wrap input {
  display: none;
}

/* チェックボックスのスタイル */
.checknox-wrap .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background: #CCC;
  box-sizing: border-box;
}

/* チェックマーク作成 */
.checknox-wrap .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: 2px solid #FFF;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* チェック時のスタイル */
.checknox-wrap input:checked + .checkmark {
  background-color: #0070bd;
}

/* チェック時 チェックマーク表示 */
.checknox-wrap input:checked + .checkmark:after {
  display: block;
}

/* 装飾 */

body {
  margin: auto;
}


@media screen and (max-width:800px) {
#page,#header,#contents,#foot,#foot1 {
	width:auto;
}
input[type="text"] {
	/*width:98%;*/
	max-width:15rem;
}

/*img {
	width:100%;
}*/
#header {
	font-size:0;
}
#header .right{
	float:none;
	text-align:center;
	padding:0;
	visibility:hidden;
	height:0;
}
#header .left{
	float:none;
	text-align:center;
	margin-bottom:0;
}
#header {
	margin:0;
}
#head {
	visibility:hidden;
}
div#head {
	height:0;}
#head ul li {
	padding:0;
}
#head ul li a{
	font-size:0;
}
#page {
	margin: 0 8px;
}

/* checkbox */
input[type="checkbox"] {
	display:none;
}
input[type="checkbox"] + label {
	padding-left:20px;
	position:relative;
	margin-right:20px;
}
input[type="checkbox"] + label::before {
	content:"";
	display:block;
	position:absolute;
	top:3px;
	left:0;
	width:15px;
	height:15px;
	border:1px solid #999;
	/*border-radius:4px;*/
}
input[type="checkbox"]:checked + label {
	color:#036;
}
input[type="checkbox"]:checked + label::after{
	content:"";
	display:block;
	position:absolute;
	top:-2px;
	left:5px;
	width:7px;
	height:14px;
	transform: rotate(40deg);
	border-bottom:3px solid #090;
	border-right:3px solid #090;
}

/* radio */
input[type="radio"] {
	display:none;
}
input[type="radio"] + label {
	padding-left:20px;
	position:relative;
	margin-right:20px;
}
input[type="radio"] + label::before {
	content:"";
	display:block;
	position:absolute;
	top:2px;
	left:0;
	width:15px;
	height:15px;
	border:1px solid #999;
	border-radius:50%;
}
input[type="radio"]:checked + label {
	color:#036;
}
input[type="radio"]:checked + label::after {
	content:"";
	display:block;
	position:absolute;
	top:5px;
	left:3px;
	width:11px;
	height:11px;
	background:#090;
	border-radius:50%;
}

input[type="checkbox"] + label{
	margin-left:0.5em;
}
input[type="radio"] + label{
	margin-left:1.0em;
}
}