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

  TOPPAGE

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

#toppage {
	margin: 0;
	padding: 0;
	font-size:90%;
}

/*** MAINIMG ***************************************************************/

#toppage h2.mainimg {
	width:980px;
	height:300px;
	text-indent: -9999px;
	background: url(../../image/mainimg.jpg) no-repeat;
}

/*** TEASER ****************************************************************/

#toppage .teaser {
	float:left;
	width:630px;
	padding:50px 0 30px;
}
#toppage .teaser .photo {
	float:left;
	width:300px;
}
#toppage .teaser .comment {
	float:right;
	width:300px;
}
#toppage .teaser h3.midashi {
	margin: 0 0 5px;
	width:290px;
	height:96px;
	text-indent: -9999px;
	background: url(../../image/top-catch.gif) no-repeat;
}


/*** INFORMATION ***********************************************************/

#toppage .information {
	float:right;
	width:320px;
	padding:30px 0 30px;
}
#toppage h3.info-tit {
	float:right;
	width:320px;
	height:30px;
	text-indent: -9999px;
	background: url(../../image/info-tit.gif) no-repeat;
}
#toppage .info {
}
#toppage .box {
	clear:both;
	float:left;
	padding:15px 0 0;
	width:320px;
}
#toppage .box .photo {
	float:left;
}
#toppage .box .photo img {
	padding: 0 10px 0 0;
}
#toppage .box .day {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
	font-weight:bold;
	font-size: 90%;
}
#toppage .box .day a {
	color:#333333;
	padding: 0 20px 0 0;
	background: url(../image/arrow2.gif) no-repeat right;
	text-decoration:none;
}
#toppage .box .comment a {
	text-decoration:none;
}

/*** BANNER ****************************************************************/

#toppage .top-banner {
	clear:both;
	border-top:1px solid #E1E1E1;
}
#toppage .top-banner ul {
	clear:both;
	float:left;
	margin:30px 0px;
	width:979px;
}
#toppage .top-banner ul li:first-child {border-left:1px solid #E1E1E1;}
#toppage .top-banner ul li {
	float:left;
	width:25%;
	text-align:center;
	border-right:1px solid #E1E1E1;
	box-sizing: border-box;
}