@charset "Shift_JIS";

/* 共通部分 */

#m_center {
	width  : 950px  ;
	margin : 0 auto ;
}

.contents_head {
	font-size   : 1.8em  ;
	height      : 93px   ;
	padding-top : 35px   ;
	margin-bottom : 10px ;
	text-align  : center ;
	line-height : 120% !important ;
	border      : 2px solid #c3d251 ;
}

	.contents_head span {
		font-size : 0.6em ;
	}
	
.back_list {
	font-size : 0.8em ;
	text-align:right;
}

	.back_list a {
		color:#000;
		text-decoration:none;
	}
	
	.back_list a:hover {
		color:#a8c11d;
	}

.point_text {
	font-size     : 0.85em ;
	color         : #fff ;
	font-weight   : bold ;
	height        : 62px ;
	margin-bottom : 30px !important;
	padding       : 18px 0 0 170px ;
	background    : url(../images/img_point.png) no-repeat center top;
}

.flow_wrapper {
	margin-bottom : 40px ;	
}

.flow_block {
	width  : 910px ;
	margin : 0 auto ;
	font-size : 0.95em ;
	background:url(../images/icon_flow.png) no-repeat center bottom;
}

	.flow_block h2 {
		color          : #a8c01c ;
		font-size      : 1.55em  !important;
		text-align     : center  ;
		letter-spacing : 0.2em   ;
		padding        : 35px 0 15px 0 !important;
	}
	
	#flow_1 h2 {background:url(../images/head_flow_1.png) no-repeat left bottom;}
	#flow_2 h2 {background:url(../images/head_flow_2.png) no-repeat left bottom;}
	#flow_3 h2 {background:url(../images/head_flow_3.png) no-repeat left bottom;}
	#flow_4 h2 {background:url(../images/head_flow_4.png) no-repeat left bottom;}
	#flow_5 h2 {background:url(../images/head_flow_5.png) no-repeat left bottom;}
	#flow_6 h2 {background:url(../images/head_flow_6.png) no-repeat left bottom;}
	
	.flow_left {
		width   : 700px  ;
		float   : left   ;
		display : inline ;
	}
	
	.flow_right {
		width   : 160px  ;
		float   : right  ;
		display : inline ;
		margin-right : 20px ;
	}
	
	.flow_block p {
		margin-bottom : 20px !important ;
		padding-left  : 35px  ;
		background    : url(../images/icon_circle_green.png) no-repeat 12px 2px;
	}
	
	.flow_block ul li {
		margin       : 0 0 5px 0 !important;
		padding-left : 65px  !important;
		background   : url(../images/icon_check.png) no-repeat 35px 2px !important;
	}

.green {
	padding    : 12px !important;
	border     : 3px solid #c0cb4b ;
	background : #ffffd3 !important;
}

#call_box {
	width   : 660px;
	margin  : 0 auto 40px ;
	padding : 25px 30px 10px 30px ;
	border  : 3px solid #c0cb4b ;
	background:url(../images/img_densen.png) no-repeat 580px 80% ;
	background-color : #ffffd2 ;
}

	#call_box h2 , #call_box p{
		background:none;
	}
	
	#call_box h2 {
		text-align:center;
	}
	
	#call_box p {
		margin-bottom : 20px !important ;
		text-indent : -1em ;
		margin-left : 1em !important;
	}
	
	#call_box p span {
		color:#f00;	
	}


#info_box {
	margin-bottom : 25px ;
	padding       : 20px 100px ;
	background    : url(../images/bg_info.png) repeat ;
}

	#info_box h2 {
		text-align : center ;
		background : url(../images/spacer.gif) repeat !important ;
	}

	#info_box ul {
		margin  : 0 !important ;
		padding : 0 !important ;
	}
	
	#info_box li {
		width       : 220px ;
		float       : left;
		display     : inline;
		text-align  : center;
		line-height : 0;
		margin      : 0 15px !important;
		padding     : 0 !important;
	}

#pagetop {
	font-size  : 0.8em  ;
	text-align : right ;	
	margin-bottom  : 0 !important;
	padding-bottom : 0 !important;
	line-height    : 0 ;
}

	#pagetop a {
		color:#000;
		text-decoration:none;
		padding-left : 15px ;
		background : url(../images/icon_pagetop.png) no-repeat left center ;
	}
	
	#pagetop a:hover {
		color:#a8c11d;
	}


/* トップ */

#saigai_text {
	font-size   : 1.0em ;
	font-weight : bold ;
	text-align  : left ;
	padding     : 40px 150px ;
}

#saigai_nav {
	margin:0 13px !important;
}

#saigai_nav li {
	width : 205px ;
	float:left;
	display:inline;
	text-align:center;
	margin:0 13px 40px !important;
	padding:0 !important;
}


#cm_box {
	width   : 770px ;
	margin  : 0 auto 35px ;
	padding : 20px 15px ;
	border  : 5px solid #a8c11d ;	
}

	#cm_left {
		width : 176px ;
		float:left;
		display:inline;	
	}
	
	#cm_right {
		width : 566px ;
		float:right;
		display:inline;	
	}
	
		#cm_right h2 {
			margin-bottom:10px;
		}
		
		#cm_right p {
			font-size : 1.2em ;
			margin-bottom:0 !important;
		}

/* 地震のときの対処法 */

#earthqueke_head {
	background : url(../images/bg_earthquake_head.jpg) no-repeat left top ;	
}

#earthqueke_flow #flow_2 {
	background : none ;	
}

/* 台風のときの対処法 */

#typhoon_head {
	background : url(../images/bg_typhoon_head.jpg) no-repeat left top ;	
}

#typhoon_flow #flow_1 {
	padding-bottom : 50px ;
}

#typhoon_flow #flow_2 {
	padding-bottom : 50px ;
}

#typhoon_flow #flow_4 {
	background : none ;	
}

sup {
	color       : #f00 ;
	width       : 30px ;
	font-size   : 0.6em  ;
	font-weight : bold ;
	position    : relative ;
	top         : -5px ;
}


/* 災害時に活躍するアイテム */

#item_head {
	background : url(../images/bg_item_head.jpg) no-repeat left top ;	
}

#item_flow .flow_block {
	background : none ;
}

#item_flow #flow_3 .green {
	text-align : center ;
	margin     : 30px 20px 0 ;
}

#item_flow #flow_6 .green {
	margin-left : 20px ;
}




/* 突然電気が消えたら */

#teiden_head {
	background : url(../images/bg_teiden_head.jpg) no-repeat left top ;	
}

#teiden_box_A p , #teiden_box_B p , #teiden_box_A h2 {
	background:none;
}

#teiden_box_A {
	width      : 953px ;
	height     : 1184px ;
	margin     : 0 auto ;
	background : url(../images/bg_teiden_A.png) no-repeat ;	
}

	#teiden_box_A div {
		padding : 328px 0 0 675px !important;
	}
	
	#teiden_box_A h2 {
		font-size  : 12px ;
		margin-top : 3px ;
	}
	
	#teiden_box_A p {
		font-size  : 12px ;
		margin-top : 3px ;
		padding-right : 18px ;
	}
	
	#teiden_box_A .teiden_link {
		text-align:right;
		padding : 15px 15px 0 0;
	}
	
		#teiden_box_A .teiden_link a {
			color:#fff;
			text-decoration:none;
			padding : 6px 35px 4px 15px ;
			background:url(../images/icon_teiden_link.png) no-repeat 92% center;
			background-color:#a8c01c;
		}
		
		#teiden_box_A .teiden_link a:hover {
			background-color:#c3d250;
		}

#teiden_box_B {
	width      : 953px ;
	height     : 850px ;
	margin     : 0 auto 80px;
	position : relative ;
	background : url(../images/bg_teiden_B.png) no-repeat ;	
}

	#teiden_box_B p#btn_henkou {
		position : absolute ;
		top  : 827px !important;
		left : 122px !important;
	}

	#teiden_box_B p#btn_teiden {
		position : absolute ;
		top  : 218px !important;
		left : 575px !important;
	}

#teiden_flow .flow_block {
	background : none ;
}

#teiden_flow h2 {
	height         : 38px ;
	color          : #f69223 ;
	padding        : 10px 0 0 30px !important;
	border-bottom  : 2px solid #f69223 ;
	background     : url(../images/head_teiden_check.png) no-repeat left bottom;
}

#teiden_flow .flow_block p {
	background     : url(../images/icon_circle_orange.png) no-repeat 12px 2px;
}



#kouzi_box {
	font-size : 0.95em ;
	width   : 660px;
	margin  : 0 auto 40px ;
	padding : 25px 30px 10px 30px ;
	border  : 3px solid #c0cb4b ;
	background       : url(../images/img_kouzi.png) no-repeat 550px 85px;
	background-color : #ffffd2 ;
}

	#kouzi_box h2 , #kouzi_box p{
		background:none;
	}
	
	#kouzi_box h2 {
		text-align:center;
	}