@charset "utf-8";

/*------------------------------------
     レイアウト設定
 -----------------------------------*/

/* トピックスエリア */
#topics_area{
	clear : both;
	width: 1000px;
	border : 0px;
	margin : 0px auto;
	padding : 5px 0px;
	background : #dee2f2;
}
#topics_topic{
	width : 900px;
	margin : 0px auto;
	padding : 0px;
	text-align :left;
}

/* メインエリア */
/* 文言 */
#app_area{
	width: 650px;
	border : 1px solid #999999;
	margin : 0px auto;
	margin-bottom : 10px;
	text-align:left;
}
#app_area p{
	margin : 3px 5px;
	font-size : 85%;
}



/* お知らせ */
#info_area{
	width: 650px;
	margin : 0px auto;
	text-align:left;
}
#info_area .title{
	height : 35px;
	text-align : right;
	background : url(../material/infoback.jpg) #2166ae no-repeat;
}
#info_area .title img{
	margin : 5px 10px 0px 0px;
}

.info_box{
	clear : both;
	border-bottom : 1px dotted black;
	margin-top : 3px;
	margin-bottom : 5px;
	text-align:left;
	font-size : 90%;
}
.info_box p.infodate{
	font-weight : bold;
}
.info_box h3{
	font-weight : bold;
	color : #0012ff;
	font-size:100%;
	padding-left : 10px;
	background : url(../material/infoicon.png) no-repeat center left;	
}
.info_box p.infotext{
	margin : 0px 10px;
}

#info_area #gazou_area{
	margin : 0px auto;
	text-align:center;
	text-align : center;
}
#info_area #gazou_area img{
	margin-bottom : 10px;
}

#fix_area{
	width: 650px;
	margin : 0px auto;
	text-align:left;
	margin-top : 20px;
	margin-left : 20px;
}
#fix_area img{
	margin-bottom : 5px;
}
#fix_area a{
	margin : 0px;
}

/* クリア */
#info_area:after
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#info_area
{display: inline-table; _height: 1%;}
/* \*/	display: block; /* */ 

/* Hides from IE-mac \*/
* html #info_area
{height: 1%;}

#info_area
{display: block;}
/* End hide from IE-mac */