@charset "shift_jis";

/*=========================================================
	[ top_site.css ]
	Site top design
	date - creation:2007-09-28 // update:2010-10-05
=========================================================*/

/*=========================================================
	index
		1. main image
		2. content
		3. side
=========================================================*/

/* for all */
@import "reset.css";
@import "layout.css";

/* for navigation */
@import "nav_common.css";
@import "nav_global.css";

/* for categories */
@import "top_common.css";
@import "recommend.css";

/* 1. main image
=========================================================*/
#navGlobal {
	margin:15px 0 0 11px;
}
div#mainImg {
	clear:both;
	margin:0 0 0 11px;
	padding-top:15px;
}
#container {
	margin-top:15px;
}
#side h2.s {
	font-size:95%;
	padding:8px 7px 6px;
}

/* 2. content
=========================================================*/
/* 1. top page style
=========================================================*/
div#infoNews,
div#infoEvent,
div#infoNotice{
	position:relative;
	margin-top:5px;
}
/* only IE7 */
*+html div#infoNews,
*+html div#infoEvent,
*+html div#infoNotice{
	zoom:1;
}

div#infoNotice{
	position:relative;
	clear:both;
	margin-top:20px;
}

/* heading
---------------------------------------------------------*/
div.infoHead{
	position:relative;
	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 0 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;
	width:5em;
}
#infoNews li a,
#infoEvent li a{
	display:block;
}
#infoNews li img,
#infoEvent li img,
#infoNotice li img{margin-left:3px;}

/* 2 column
---------------------------------------------------------*/
#infoNews,#infoNews div.infoHead,
#infoEvent,#infoEvent div.infoHead{
}
#infoNews,#infoEvent{
	width:260px;
}
#infoNews{
	float:left;
}
#infoEvent{
	float:right;
}
#infoNews li a,#infoEvent li a{

}

p.infoRss{
	padding:10px 0 5px;
	font-size:85%;
	text-align:right;
}
p.infoRss a{margin-left:5px;}
p.infoRss img{vertical-align:bottom;}