@charset "UTF-8";

/* ---------------------------------------------------------------- 
 *  TOP PAGE
 * ---------------------------------------------------------------- 
*/ 

/*
#
10px = 77%     11px = 85%     12px = 93%     13px = 100%
#
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
#
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
#
22px = 167%    23px = 174%    24px = 182%    25px = 189%
#
26px = 197%
*/ 


/* ---------------------------------------------------------------- 
 *  TOP VISUAL
 * ---------------------------------------------------------------- 
*/ 

	#slideshow {
		position: relative;
		width: 960px;
		height: 370px;
		margin-bottom:20px;
	}
	#slideshow img {
		position: absolute;
		left: 0;
		top: 0;
		width: 960px;
		height: 370px;
	}


/* ---------------------------------------------------------------- 
 *  TOP BANNER
 * ---------------------------------------------------------------- 
*/ 
#banner_Wrap{
	width: 960px;
	position: relative;
	padding-bottom:18px;
}

#banner_Wrap ul li{
	display:inline;
}

#banner_Wrap ul#banner_Area {
	width:960px;
	height:100px;
	float:left;
	position:relative;
}

/* ---------------------------------------------------------------- 
 *  TOP INFORMATION
 * ---------------------------------------------------------------- 
*/ 
#information_Wrap{
	width: 960px;
	position: relative;
	
	padding-bottom:60px;
}

#news_Wrap{
	width:306px;
	position:relative;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	margin-bottom: 19px;
}

#news_Header{
	border-bottom:solid 1px #dddddd;
	margin-bottom:10px;
	font-size: 100%;
	font-weight: bold;
	color: #4172a0;
	padding-bottom: 8px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
}

dl.news_Area{
	width:306px;
	position:relative;
}
dt.news_Date{
	width:70px;
	float:left;
	position:relative;
	padding-bottom:10px;
	
	font-size:77%;
	font-weight:bold;
	line-height:131%;
	color:#dea529;
}
dd.news_Title{
	width:226px;
	float:left;
	position:relative;
	padding-bottom:10px;
	margin-left:10px;
	
	font-size:93%;
	line-height:123.1%;
	color:#56578d;
}

#users_Voice{
	width:640px;
	float:right;
	position:relative;
}
#SNS_Wrap {
	float: left;
	width: 640px;
	padding-left: 14px;
}
#SNS_Wrap .fb_box {
	background-repeat: no-repeat;
	height: 120px;
	width: 320px;
	position: relative;
}
#SNS_Wrap .fb_box a.fanpage {
	display: block;
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
}
#SNS_Wrap .fb_box iframe {
	position: absolute;
	bottom: 21px;
	left: 14px;
	z-index: 10;
}
#SNS_Wrap .twitter_box {
	height: 120px;
	width: 320px;
}