@charset "shift_jis";

/*=========================================================
	[ top_info.css]
	News system use style
	date - creation:2007-10-02 // update:2008-05-07
=========================================================*/

/*=========================================================
	index
		1. top page style
=========================================================*/

/* 1. top page style
=========================================================*/
div#infoNews,
div#infoEvent,
div#infoNotice{
	position:relative;
	clear:both;
	margin-top:20px;
}
/* heading
---------------------------------------------------------*/
div.infoHead{
	position:relative;
	width:540px;
	height:25px;
	border-bottom:3px solid #1A0F94;
}
#content .infoHead h2{
	margin-top:0;
	padding:5px 0 5px 5px;
	font-weight:bold;
	background:none;
	border:none;
}
.infoHead h2.set{
	float:left;
}
.infoHead p{
	float:right;
	padding:5px 5px 5px 0;
	font-size:85%;
	text-align:right;
}
.infoHead p a{margin-left:5px;}

/* title list
---------------------------------------------------------*/
#infoNews ul,
#infoEvent ul,
#infoNotice ul{
	margin-top:10px;
	padding-left:0;
	font-size:85%;
	list-style:none;
}
#infoNews li,
#infoEvent li,
#infoNotice li{
	margin-top:5px;
}
#infoNews li span,
#infoEvent li span{
	display:block;
	float:left;
	width:70px;
}
#infoNews li a,
#infoEvent li a{
	display:block;
	float:right;
	width:470px;
	text-align:left;
}
#infoNews li img,
#infoEvent li img,
#infoNotice li img{margin-left:3px;}

/* clear hack
---------------------------------------------------------*/
/* Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php */
#infoNews li:after,
#infoEvent li:after{
	content:"."; 
	display:block; 
	visibility:hidden;
	clear:both; 
	height:0; 
}
#infoNews li,#infoEvent li{display:inline-block;}
/* Hides from IE-mac \*/
* html #infoNews li,* html #infoEvent li{height:1%;}
#infoNews li,#infoEvent li{display: block;}
/* End hide from IE-mac */