@charset "utf-8";

/*--------------------------------------------*/
/* main-contents */
/*--------------------------------------------*/
body#home div#content{
	width:920px;
	overflow: hidden;
}
body#home div#content:after{
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}


/*--------------------------------------------*/
/* contents */
/*--------------------------------------------*/
#contents{
	width:920px;
}


/* --------------- main --------------- */
#index-main{
	padding: 20px 0 0 20px;
	width:580px;
	float:left;
}


/* --------------- right --------------- */
div#index-right{
	padding: 20px 0 0 0;
	width:300px;
	float:right;
}


/* --------- main --------- */
#indexJavascript{
	width:920px;
	height:600px;
}


/* --------- banner --------- */
#index-banner-area{
	margin-top: 10px;
}
#index-banner-area div{
	float:left;
}
#index-banner-area div.index-banner{
	margin-right:5px;
}


/* --------- topics --------- */
.infoBanner{
	margin: 20px 0;
}
ul.index-newsDate{
	margin:15px 0 20px 0;
}


/* --------- qr --------- */
#qr-area{
	width:410px;
	height:100px;
	margin:0 auto;
}


/* --------- dialy --------- */

img {
	-ms-interpolation-mode: bicubic;
}

#diary-area{
	position:relative;
	width:300px;
	height:450px;
}
#diaryBox{
	position:absolute;
	left:43px;
	top:55px;
	width:212px;
	height:auto;
}
#diaryBox .diaryImage{
	width:212px;
	height:170px;
	text-align:center;
}
#diaryBox .diaryDate{
	margin-top:10px;
	font-weight:bold;
}
#diaryBox .diaryTitle{
	margin-bottom:8px;
	font-weight:bold;
}
#diaryBox .diaryComent{
	width:212px;
	height:106px;
	overflow:hidden;
}
#diaryBox .diaryLink{
	position:absolute;
	left:0px;
	top:323px;
}


/*----------------------------------------*/
/* info */
/*----------------------------------------*/
.topInfoBox { 
	padding: 10px;
	margin: 0 0 20px 0;
	border: solid 1px #ccc;
	color: #666;
}