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

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

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

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

/* *********************************
000: リセット用
001: 基本レイアウト
002: ヘッダー
003: メインコンテンツ
004: ナビゲーション830
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;
	font-size: 14px;
}

h1,h2,h3,h4,h5,h6,address {
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
}

img {
	border: 0;
}

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;
	background-image:url(../images/bg_2.png);

/*background-image:url(../images/nenga_201m.gif);
*/
/*background-image:url(../images/bg_nordic02_red.gif);*/

}



/*IE8以下html5対策用*/
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{
display:block;
}
/*IE8以下html5対策用ここまで*/


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


/* ヘッダー領域設定（各ページ） */
#top_header {
	border-top:18px solid #099;
	height: auto;
	width: 980px;
	margin-bottom:12px;
}/* ↑レスポンシブに対応しないページ用 */

#header {
	border-top:18px solid #099;
	height: auto;
	max-width: 980px;
	width:100%;
	margin-bottom:12px;
}


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

/* メインコンテンツ領域設定（各ページ） */
#top_page {
	background-color:#ffffff;
	margin: auto;
	text-align:left;
	width:980px;
	font-size:18px;
	overflow:hidden;/*heightを戻す*/
}/* ↑レスポンシブに対応しないページ用 */


#page {
	background-color:#ffffff;
	margin:auto;
	text-align:left;
	max-width:980px;
	width:100%;
	font-size:18px;
}


/* メインコンテンツ領域位置補正用（各ページ） */
#top_contents {
	clear:both;
	width: 969px;
	margin:0 11px 0 10px;
	padding: 0;
	overflow:hidden;/*heightを戻す*/

}


#contents {
	clear:both;
	max-width: 969px;
	width:100%;
	margin:0 11px 0 10px;
	padding: 0;
}



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

/* ヴィジュアルエリア用位置設定（トップページ） */

#content_index {
/*	float:right;
*//*	width: 729px;
*/	color:#009999;
	padding-left:20px;
}

#content_index dt {
	color:#3f3a39;
}

#content_index h2 {
	margin:20px 10px 10px 0;
	color:#009999;
	font:bold 20px Verdana, Geneva, sans-serif;
}



#content_index_5 {
	float:right;
	width: 825px;
}

.small {
	font-size:12px;
	color:#006600;
}

.comic {
	text-align:center;
	background-color:#FFFF99;
	padding:10px;
	margin:10px 0;
	width:190px;

}
.call {
	padding:5px;
	margin:10px 0;
	border:solid 1px #009966;
	width:660px;
	
}



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


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

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

/* フッター用領域設定（topページ） */
#foot {
	background-color:#099;
	clear:both;
	height:55px;
	width:970px;
	padding:5px;
	text-align:center;
}

/*くいこみ防止のスペース*/
#bottom_space{
	height:20px;
	clear:both;
	width:820px;
}

/* フッター用領域設定（各ページ） */

#footer_1{
	height:50px;
	width:829px;
	text-align:center;
	padding-top:20px;
	font-style:italic;
}

#footer_2_1{
	height:50px;
	width:400px;
	text-align:right;
	padding-top:20px;
	font-style:italic;
	float:left;

}

#footer_2_2{
	height:50px;
	width:400px;
	text-align:left;
	padding-top:20px;
	font-style:italic;
	float:right;

}
/* フッター用領域設定（各ページ）h27.2より */
#footer{
	text-align:center;
	padding-bottom:20px;
	padding-top:20px;
	clear:both;

}

#footer a{
	border-right:1px dashed #339900;
	padding-right:10px;
	margin-right:10px;
}

#footer a:last-child{
		border-right:1px dashed #ffffff;
}



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

002: ヘッダー

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


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

/* タイトル回りこみ指定 */
#top_header .left{
	float:left;
	padding-top:21px;
	padding-bottom:5px;
}

#header .left{
	float:left;
	padding-top:21px;
	padding-left:5px;
	padding-bottom:5px;
}

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

#header .right{
	float:right;
	padding-right:12px;
	padding-top:21px;
	padding-bottom:5px;
}

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

003: メインコンテンツ

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



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

004: サイドメニュー

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


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

#navi ul{
	width:198px;
	padding-left:0px;
	font-size:16px;
}

#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:0;
}



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

#navi li.nesting li a{
	display:block;
	padding-left:30px;
	padding-top:5px;
	_padding-top:5px;/* IE6対策 */
	background : url(navi_bg_02.gif);
	background-repeat:no-repeat;
	background-position:8px top;
	height:28px;
	width:188px;
	font-size:16px;
	_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:30px;
	padding-top:5px;
	_padding-top:5px;/* IE6対策 */
	background : url(navi_bg_02_on.gif);
	background-repeat:no-repeat;
	background-position:8px top;
	height:28px;
	width:188px;
	font-size:16px;
	
	_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:30px;
	padding-top:2px;
	_padding-top:5px;/* IE6対策 */
	background : url(navi_bg_02_on.gif);
	background-repeat:no-repeat;
	background-position:10px top;
	height:28px;
		width:188px;

	_height:12px;/* IE6対策 */
}

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


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

005: フッター

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

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


#foot{
	clear:both;
	margin:auto;
	padding:auto;
	height:80px;
	width:auto;
}

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

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

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

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

#foot address{
	color:#FFFFFF;
	line-height:1.5em;
	font-size:90%;
}


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

/* 006: タイトル

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

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


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

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

h2 a,h2 a:link,h2 a:visited,h2 a:hover,h2 a:active{
	clear:both;
	color:#999999;
	font-size:14px;
	padding:0 0 5px 3px;
	margin-right:10px;

}



/* コンテンツ用テキスト用中見出し
=================================== */
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 #099;
	margin-right:10px;
}


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

/* 007: リンクテキスト

*********************************** */
a {
	color:#0000FF;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a:visited {
	color: #800080;
	font-weight: bold;
}



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

/* 008: テキスト

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

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

.little{
	font-size:10px;
}

.bold{
	font-weight:bold;
}

.jisage{
	margin:0px 0px 0px -10px;
}

.red{
	color:#FF0000;
}

.green{
	color:#009933;
}

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

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

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


.clearfix:after{
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}


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

/* 009: リスト

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



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

/* 010: テーブル

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



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

/* 011: バナー

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

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


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

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

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

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

/*【本部長の部屋】
===========================
*/
.aisatu{
	font-size:18px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.prof{
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.right{
	text-align:right;
}


.honbutyo_h2{
	clear:both;
	color:#6b9e3f;
	font-size:150%;
	padding:0 0 0 3px;
	margin-top:40px;
	border-bottom:1px solid #cfcfcf;
	
}


#honbutyo_title{
	width:950px;
	text-align:center;
	margin: 0px;
	padding-bottom: 15px;
	}
	

#column .one_column{
	width:850px;
	margin-left:15px;
	margin-right:15px;
	line-height: 1.5em;
	margin-bottom: 20px;
}

.one_column h4{
	font-size:16px;
	font-weight:bold;
	border-bottom:solid 2px #999999;
	text-align:left;
	margin-top:7px;
}

.honbun{
	padding:0;
	margin:10px 0 0 0;
	text-align:left;
}
/*　---　斎藤本部長コラム
#tyushaku{
	font-size:14px;
	text-align:left;
	margin-bottom:20px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

#namae{
	align:right;
}
	
caption {
	font-size: 18px;
	color: #FFF;
	height: 30px;
	background-color: #006;
	line-height: 1.5em;
	font-family: "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif, "ＭＳ Ｐ明朝";
	font-style: italic;
}

#hukumu{
	font-size:18px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-style:italic;
	line-height:1.4;
	padding:20px;
	}

---　斎藤本部長コラムここまで*/

caption.bn{
	font-size: 18px;
	color: #FFF;
	height: 30px;
	background-color: #006;
	line-height: 1.5em;
	font-family: "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif, "ＭＳ Ｐ明朝";
	font-style: italic;
}

#mokuji{
	background-color: #FFC;
	margin: 20px auto;
	padding: 10px auto;
	font-size: 12px;
	border:#006 1px;
}

#mokuji td {
	height: 20px;
	padding-left: 3px;
	border:solid 1px #006;
		line-height: 1.5em;

}

#mokuji th {
	background-color: #006;
	color: #FFF;
	height: 20px;
	line-height: 1.5em;
	border:solid 1px #006;
	padding:0;
}

.h2_txt {
	display: block;
	margin-left: 17px;
	margin-right: 17px;
}

#modoru {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	color: #666;
	text-align: center;
	height: 30px;
	width: 850px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

iframe{
	padding-left:15px;
	margin-left:15px;
}

/*本部長の部屋ここまで */



/* 各ページ下部問合せ先 H27.2～ */
#inquiry{
	max-width:320px;
	height:auto;
	border:solid 1px #009933;
	padding:10px;
	margin:20px 5px 20px 0px;
	float:right;
	width:100%;
}

#inquiry dt{
	margin-left:10px;
	font-weight:bold;
}


#inquiry dd{
	text-align:right;
	margin-right:2em;
	margin-top:5px;
}




/* 地本topics用 H25.10～ */
#topics_page {
	margin: auto;
	width:829px;
	font-size: 14px;
	line-height:1.5em;
	text-align:center;
	padding-bottom:30px;
}

#topics_page td {
	font-size: 14px;
	line-height:150%;
	text-align:left;
}

/* 地本topics用 H27.1～ */
#topics{
	width:850px;
	margin:auto;
	max-width:90%;
	height:auto;
}

#topics #tantou{
	text-align:right;
	padding:20px 20px 30px 0;

}

#tittle{
		max-width:500px;
		width:90%;
		height:auto;
		margin:auto;
		margin-bottom:15px;
margin-top:15px;
padding:auto;
padding-top:15px;
padding-bottom:15px;
text-align:center;
}

#main_tittle{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic";
	font-size:20px;
	/*padding-bottom:5px;*/
	
}


#sub_tittle {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic";
	font-size:16px;
	line-height:1.5em;
}



/* 地本topics用 H27.1～ここまで */



/* topics,yobiji等写真用 H27.8～ */
.y_1,.y_2_1,.y_2_2{
	text-align:center;
	margin:10px 0px 5px 0px;
	vertical-align:top;
}

.y_1 img{
	margin:3px;
}

.y2_wrap{
	width:700px;
	margin:auto;
	padding-bottom:10px;
	max-width:100%;
	height:auto;
	text-align:center;

}

.y_2_1{
	margin:auto;
	padding:5px;
	width:340px;
	float:left;
	max-width:100%;
	height:auto;
	text-align:center;

}

.y_2_2{
	margin:auto;
	padding:5px;
	width:340px;
	float:left;
	max-width:100%;
	height:auto;
	text-align:center;
}

@media only screen and (max-width:768px){
	.y_2_1{
		float:none;
		width:96%;
	}
	
	.y_2_2{
		float:none;
		width:96%;
	}
}



.caption{
	font:bold 9pt "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	text-align:center;
	display:block;
	margin-bottom:2px;
}

	 
/* 予備自訓練風景用 H27.1～ */

#yobiji_contents {
	clear:both;
	width: 969px;
	margin:0 11px 0 10px;
	padding:0;
}

#yobiji_contents p {
	margin: auto;
	width:900px;
}


#yobiji_contents h4{
	font:180% "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	color:#006600;
	text-align:center;
	margin-top:40px;
}

#yobiji_contents h5{
	font:bold 120% "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	color:#999900;
	text-align:center;
	margin-top:20px;

}


/* 予備自訓練風景用 H27.1～ここまで */


/* ＯＢ用 H28.6～ */
#ob_contents {
	width: 969px;
	max-width:90%;
	margin:0 11px 0 20px;
	padding:0;
}



#o_prf_photo {
	 float:left;
	 margin-right:20px;
}


#ob_contents img:not(#o_prf_data){
	max-width:100%;
	height:auto;
}


#o_prf_data{
	float:left;
	padding-top:20px;
}


#o_prf_photo img{
box-shadow:15px 15px 10px #999999;
}












#ob_contents dl{
	margin-left:2em;
}

#ob_contents dt{
	width:250px;
	font-weight:bold;
	border-left:solid 10px #ff9900;
	border-bottom:dashed 1px #ff9900;
	text-indent:5px;

}

#ob_contents dd{
	margin-left:1em;
	margin-top:2px;
	margin-bottom:1.5em;
	line-height:1.5em;
}



#ob_contents #message{
	margin:10px;
	padding-top:100px;
	margin-bottom:30px;
	background-image:url(../ob/images/4.png);
	background-repeat:no-repeat;
	background-position:right top;
	height:auto;
	width:800px;
	max-width:96%;
}

#ob_contents p{
	margin:5px 0 10px 20px;
}

#ob_contents .koumoku{
	border-bottom:dashed 1px #ff9900;
	width:800px;
	max-width:100%;
	font-weight:bold;
	padding-bottom:2px;

}

@media only screen and (max-width:768px){
	#o_prf_data,#o_prf_photo{
		margin-top:20px;
		float:none;
}

}


/* ＯＢ用 H28.6～ここまで */


/*　企業主H27.2～　*/

#kigyou{
	width:850px;
	margin:auto;
	max-width:90%;
	height:auto;
}


#kigyou img:not(#k_prf_data){
	max-width:100%;
	height:auto;
}

#k_prf_photo{
	float:left;
	margin-right:20px;
}

#k_prf_photo img{
box-shadow:15px 15px 10px #999999;
}


#k_prf_data{
	
	float:left;
	width:310px;
	height:auto;

}

.k_little{
	font:bold 14px  "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

#simei{
	font:bold 24px  "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	width:210px;
	text-align:left;
	margin:auto;
}

#shamei{
	font:bold 18px "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	color:#060;
}


#k_message{
	width:800px;
	max-width:90%;
	height:auto;
	margin:10px;
}


#k_message .koumoku{
	border-bottom:dashed 1px #060;
	width:850px;
	max-width:100%;
	font-weight:bold;
	padding-top:15px;
	height:auto;
}

#k_message p{
	margin-left:10px;
}
.bg_over {
	background-image: url(../kigyou/images/img/tb02.gif);
}
.bg_right {
	background-image: url(../kigyou/images/img/tb04.gif);

}
.bg_under {
	background-image: url(../kigyou/images/img/tb06.gif);

}
.bg_left {
	background-image: url(../kigyou/images/img/tb08.gif);

}
.center_td {
	padding: 10px;
}

@media only screen and (max-width:768px){
	#k_prf_photo,#k_prf_data{
		float:none;
		margin-top:20px;
}
}

	
/*　企業主H27.2～ここまで　*/


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

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

/*スライドショー */
/* .viewer
------------------------- */
.viewer {
margin: 0;
width: 100%;
position: relative;
overflow: hidden;
}
.viewer ul {
width: 100%;
overflow: hidden;
position: relative;
}
.viewer ul li {
top: 0;
left: 0;
width: 100%;
position: absolute;
}
.viewer ul li img {
width: 100%;
}
/* sideNavi
------------------------- */
.viewer .btnPrev,
.viewer .btnNext {
margin-top: -25px;
top: 50%;
width: 50px;
height: 50px;
position: absolute;
z-index: 101;
}
.viewer .btnPrev {
left: 10px;
background: #ccc url(../images/1.png) no-repeat center center;
}
.viewer .btnNext {
right: 10px;
background: #ccc url(../images/2.png) no-repeat center center;
}
/* =======================================
ClearFixElements
======================================= */
.viewer ul:after {
content: ".";
height: 0;
clear: both;
display: block;
visibility: hidden;
}
.viewer ul {
display: inline-block;
overflow: hidden;
}
/*スライドショーここで終わり */



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

.news_info {
	margin: 0 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;
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
	}

.news_info dd{
	padding-bottom:20px;
	padding-left:8px;
	padding-right:20px;
	color:#009999;
}

.news_info dd a{
	color:#009999;
}

.news_info li a{
	color:#009999;
}


.news_info li {
	list-style-type:disc;
	margin-left:2em;
}


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

.new_box{
	background : #eeffee;
	float: center;
	margin: 0px;
	padding: 5px;
	height: 300px;
	width: 670px;
	overflow: auto;
}


/* 【トップページ】
自衛官募集・採用情報
=================================== */
.bosyu_t{
	border-collapse:collapse;
}

.bosyu_t th{
	background-color:#009999;
	color:#FFFFFF;
	height:20px;
	border:solid 1px #CCCCCC;

}

.bosyu_t td{
	text-align:center;
	border:solid 1px #CCCCCC;
}

.syumoku{
	color:#FF3300;
	font-weight:bold;
	font-size:14px;
	margin:0 0 5px 5px;
	text-align:left;
	display:block;
}


/*トップイメージ下にボックス表示するとき*/
.top_bottom{
	padding: 5px;
	margin: auto;
	margin-top:20px;
		width:670px;/*550px*/

	height:auto;
	font-size:16px;
	line-height:1.5em;
	text-align:center;
	border:dotted 2px #009900;
}
.top_bottom_3{
	padding: 5px;
	margin: 10px 0px 20px 50px;
	margin-top:20px;
		width:550px;

	height:auto;
	font-size:16px;
	line-height:1.5em;
	text-align:center;
	border:dotted 2px #009900;
}

.top_bottom_2{
	padding: 5px;
	margin: 10px 0px 20px 10px;
		width:310px;/*550px*/
float:left;

	height:auto;
	font-size:16px;
	line-height:1.5em;
	text-align:center;
	border:dotted 2px #009900;
}

/*=================================== */


/*父兄の声*/

.kojin{
	border-left:solid 2px #099;
	border-bottom:solid 1px #099;
	width:870px;
	margin-bottom:20px;
	margin-left:20px;
	box-shadow:15px 15px 10px gray;
}

.hukei{
	font:120% Arial, Helvetica, sans-serif;
	color:#099;
	font-weight:bold;
	height:auto;
	text-align:left;
	padding:10px 50px;

}

.hukei_1{
	font:120% Arial, Helvetica, sans-serif;
	color:#099;
	font-weight:bold;
	height:auto;
	text-align:left;

}

.hukei_2{
	background-color:#099;
	font:120% Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	height:30px;
	width:850px;
	padding-left:20px;
	line-height:2em;
}

.message{
	display:table-cell;
	width:680px;
	padding:10px 0 20px 50px;
}

.message_r{
	display:table-cell;
	width:200px;
	height:200px;
	vertical-align:bottom;
	text-align:center;
}
/*父兄の声ここまで*/