@charset "utf-8";
/* CSS Document */

/*main_image*/
.main_imgWrap{width:100%; background-image:url(../images/sub/service/header_bg.gif);  height:379px;}
.main_img{
			width:1000px; 
			 height:379px;
			margin:0 auto;
			padding-top:94px;
			position:relative;
		}
/*.main_img li{
				position:fixed; 
				z-index:0 
			}*/

.main_img .nav{
				color:#fff;
				position:absolute;
				top:350px;
				right:5px;	
			}
.main_img .nav span{color:#bebebe}



/*right_con-sub(機能説明)*/

.img{
		float:right; 
		width:383px;
	}
.img1{
		float:left; 
		width:383px;
	}
.img2{
		clear:both;
		width:383px;
	}
.tx1{
		text-align:center; 
		font-size:17px; 
		font-weight:bold;
		margin-top:5px;
		line-height:1.8em;
		color:#4b4b4b;
	}
.tx2{
		text-align:center;
		font-size:14px;
		color:#797878;
	}
.btn{
		margin:10px 0 30px 130px;
		font-size:14px;
	}
.btn a{
		text-align:center;
		padding:5px 30px;
		border:1px solid #b8b8b8;
		line-height:2.5em;
		
		transition:all 0.3s ease-in-out;
				-webkit-transition:all 0.3s ease-in-out;
				-moz-transition:all 0.3s ease-in-out;
				-o-transition:all 0.3s ease-in-out;
				-ms-transition:all 0.3s ease-in-out;
			}
.btn a:hover{
				background-color:#90c4c3;
				color:#fff;
				text-decoration:underline;
			}
			
/*sub(気象庁緊急地震速報)*/

#right_con ul{margin-top:10px;}
#right_con ul .tt0{margin-bottom:5px; line-height:2.5em;}
#right_con .link{margin-top:40px;}
#right_con .link a:hover{text-decoration:underline;}
#bottom_con .line{
					width:1000px;
				 	height:2px; 
					background-image:url(../images/sub/service/line.gif);
					 background-repeat:repeat-x;
					 margin-bottom:40px;
				}

#bottom_con .p{
					width:487px;
					height:311px;
					background-color:#fff;
					float:left;
			}
#bottom_con .s{
					width:487px;
					height:311px;
					background-color:#fff;
					float:right;
					margin-bottom:35px;
			}
#bottom_con .hd{
					width:487px;
					height:46px;
					background-color:#90c4c3;
					text-align:center;
					font-size:12px;
					color:#fff;
					padding-top:16px;
					
				}
#bottom_con .hd span{
						font-size:16px;
						font-weight:bold;
					
					}
#bottom_con .hd2{
					width:1000px;
					height:39px;
					background-color:#ababab;
					text-align:center;
					font-size:18px;
					color:#fff;
					padding-top:23px;
					font-weight:bold;
				}
#bottom_con .g_img{
						margin:21px 129px;
				}
#bottom_con .d_line{
						width:455px;
						height:1px;
						background-image:url(../images/sub/service/dotted_line.gif);
						background-repeat:repeat-x;
						margin:0 15px 13px;

				}
#bottom_con .text{
						margin:0 15px;
						line-height:1.8em;
						color:#666;
				}
#bottom_con .text2{
						margin:10px 30px;
						line-height:1.8em;
						color:#666;
				}
#bottom_con .b{
				clear:both;
				width:1000px;
				height:231px;
				background-color:#fff;
				
			}





/*sub(気象庁訓練報・自主訓練)*/
.top .t_img{
				float:left;
				width:358px;
				margin-bottom:40px;
				
			}
.top .tt{
			float:right;
			width:407px;
		}

.center{clear:both;}				
.center .tt{
				float:left;
				width:266px;
			}
.center .t_img{
				float:right;
				width:250px;
				margin-bottom:40px;
			}
.center .t_img2{ float:right}

.bottom{clear:both;}
.bottom .t_img{
					float:left;
					width:443px;
			}
.bottom .tt{
				float:right;
				width:323px;
			}


.tt1{
		font-size:16px;
		font-weight:bold;
		margin-top:10px;
		margin-bottom:25px;
		color:#444;
	}
.tt2{
		color:#585858;
		line-height:1.8em;
	}



/*sub(気象庁キャンセル報)*/
.top02{margin-bottom:30px;}
.top02 .image{
				float:left;
			}
.top02 ul{	
			margin-left:549px;
			height:257px;
			border:1px solid #c4c4c4;
		}
		
.top02 ul .ttt1{
					font-size:15px;
					font-weight:bold;
					color:#74b0af;
					margin:0 10px;
					padding:20px 0 10px;
					border-bottom:1px solid #c4c4c4;
				}
.top02 ul .ttt2{
					margin:0 10px;
					padding:10px 0 10px;
					line-height:1.8em;
				}
.top02 p{clear:both; color:#6e6e6e;}
.top02 p a{color:#6e6e6e;}
.top02 p a:hover{text-decoration:underline;}

.bottom02{clear:both;}
.bottom02 .image{
			float:left;
				
		}
.bottom02 ul{
			margin-left:549px;
			height:257px;
			border:1px solid #c4c4c4;
		}
.bottom02 ul .ttt1{
					font-size:15px;
					font-weight:bold;
					color:#74b0af;
					margin:0 10px;
					padding:20px 0 10px;
					border-bottom:1px solid #c4c4c4;
				}
.bottom02 ul .ttt2{
					margin:0 10px;
					padding:10px 0 10px;
					line-height:1.8em;
				}
.bottom02 p{clear:both;color:#6e6e6e;}

/*sub(日ごろの準備)*/
.text03 li{margin-bottom:20px;}
p a:hover{text-decoration:underline;}
p{color:#727272;}






#bottom_con h5{
				width:1000px;
				height:50px;
				font-size:16px;
				font-weight:bold;
				text-align:center;
				background-color:#90c4c3;
				color:#fff;
				line-height:50px;
				margin-bottom:5px;
			}

.tleft table{float:left;}
.tleft table td{
				 border:1px solid #c7c7c7;
				 padding:15px; 
				}

.tright table{margin-bottom:5px;}
.tright table td{
					border-top:1px solid #c7c7c7;
					border-right:1px solid #c7c7c7;
					border-bottom:1px solid #c7c7c7; 
					padding:15px;
				}

table .title{
				background-color:#dae3f8;
				text-align:center;
				width:200px;
			}
table .title img{margin:15px 0;}
table .title strong{ 
						font-size:18px;  
						font-weight:bold; 
						color:#333;
					}
table .checkbox{
					float:left; 
					margin:0 15px 0 5px}
table .check_t{line-height:1.2em;}

.bottom table{
				height:374px; 
				text-align:center; 
				margin:15px 0 30px; 
				float:left; 
				border:2px solid #fff;
			}
.bottom td{width:261px; }
.bottom .b1{
				background-image:url(../images/sub/service/bg_01.gif); 
				background-repeat:no-repeat; 
				margin-right:20px;
			}
.bottom .t1 img{padding-top:15px;}

.bottom .b1_2{
				background-image:url(../images/sub/service/bg_02.gif); 
				background-repeat:no-repeat;
				margin-right:20px;
			}
.bottom .t1_2 img{padding-top:15px;}

.bottom .b1_3{
				background-image:url(../images/sub/service/bg_03.gif);
				background-repeat:no-repeat;
			}
.bottom .t1_3 img{padding-top:15px;}

.bottom .t2{
				font-size:18px;
				line-height:1.5em;
				font-weight:bold;
			}
.bottom .t3 td{padding:0 20px 5px 20px;}
.bottom  .bottom_text {
						clear:both; 
						border:2px solid #fff;
						padding:10px;
						line-height:1.8em;
					}