@charset "UTF-8";

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

Tokyo Fire Department
Version: June 2009


1. content, quote, list-style
2. display, position, float, clear, width, height, line-height, vertical-align
3. overflow, visibility
4. margin, padding, border
5. border-collaps
6. color
7. font
8. text-indent, text-align, text-decoration
9. background

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



/*-----------------------------------------------
	style
-----------------------------------------------*/

html,body {
	margin: 0;
	padding: 0;
	color: #2d2d2d;
  font-family: "ヒラギノ角ゴ Pro W3" , "HiraKakuPro-W3" , "メイリオ" , Meiryo , Osaka , "MS P Gothic" , sans-serif;
	background: #fff;
}

body {
	border: none;
	height:90%;
	overflow-x:hidden;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

em {
	font-weight: bold;
	font-style: normal;
}



/*-----------------------------------------------
	layout
-----------------------------------------------*/

#top-wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto 0px auto;
}

#wrapper {
	padding: 25px 0 0 0;
}

#g-navi {
	margin-bottom: 25px;
}


#top-contents div#information {
	float: left;
	margin-right: 50px;
	padding-bottom: 30px;
}

#top-contents div#information h4 {
	padding-bottom: 16px;
}

#top-contents div#information ul {
	width: 400px;
	font-size: 85%;
	background: url(../img/img_dotline.gif) repeat-x top left;
}

#top-contents div#information ul li {
	padding: 12px 0;
	background: url(../img/img_dotline.gif) repeat-x bottom left;
}

#top-contents div#information ul li span.date {
	font-size: 85%;
	padding-right: 16px;
}

#top-contents div#information ul li span.off {
	color: #787878;
}

#top-contents div#information ul li span.caution {
	color: #787878;
	line-height: 1.7;
}

#top-contents div#information ul li a {
	color: #E20505;
}

#top-contents div#information ul li a:hover {
	text-decoration: underline;
}

#top-contents div#topics {
	float: left;
	width: 430px;
	padding-bottom: 30px;
}

#top-contents div#topics h4 {
	padding-bottom: 16px;
}

#top-contents div#topics ul {
	font-size: 93%;
	font-weight: bold;
}

#top-contents div#topics li {
	float: left;
	padding-bottom: 18px;
}

#top-contents div#topics li.right {
	float: right;
}

#top-contents div#topics li img {
	vertical-align: bottom;
	padding-bottom: 5px;
}

#top-contents div#topics li a {
	color: #000;
}


/*-- フォントサイズ変更 --*/

.fontSmall div#top-contents {
	font-size: 100%;
}
.fontNormal div#top-contents {
	font-size: 108%;
}
.fontLarge div#top-contents {
	font-size: 123.1%;
}



/*-----------------------------------------------
	clearfix
-----------------------------------------------*/

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

.clearfix {
	zoom : 1; 
}

.clearfix {
 display: inline-block;
}

/* Hide from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End hide from IE-mac */