@charset "utf-8";

/*****************************************************
------------------------------------------------------
	[ index css ]
------------------------------------------------------
*****************************************************/

#mainmenu ul {
	width:775px;
	height:200px;
	overflow:hidden;
	clear:both;
}
#mainmenu li {
	width:155px;

	list-style:none;
	float:left;
}
#mainmenu a {
	width:155px;
	height:183px;
	float:left;
	display:block;
	text-indent:-99999px;
}
#mainmenu a.mainmenu_01 { background:url(../images/index/topmenu.jpg) 0px 0px no-repeat; }
#mainmenu a.mainmenu_02 { background:url(../images/index/topmenu.jpg) -155px 0px no-repeat; }
#mainmenu a.mainmenu_03 { background:url(../images/index/topmenu.jpg) -310px 0px no-repeat; }
#mainmenu a.mainmenu_04 { background:url(../images/index/topmenu.jpg) -465px 0px no-repeat; }
#mainmenu a.mainmenu_05 { background:url(../images/index/topmenu.jpg) -620px 0px no-repeat; }

#mainmenu a.mainmenu_01:hover { background-position: 0px -213px; }
#mainmenu a.mainmenu_02:hover { background-position: -155px -213px; }
#mainmenu a.mainmenu_03:hover { background-position: -310px -213px; }
#mainmenu a.mainmenu_04:hover { background-position: -465px -213px; }
#mainmenu a.mainmenu_05:hover { background-position: -620px -213px; }

/***************************************************
 main
****************************************************/

#main {
	width:775px;
	margin:0 auto;
	background:#ffffff;
	overflow:hidden;
	clear:both;
}

#contents_inner {
	margin:0px 15px;
}

/*** infomation  ***/

/* layout */
#info {
	width:100%;
	padding-bottom:30px;
	overflow:hidden;
}
#info_left {
	width:420px;
	float:left;
}
#info_right {
	width:291px;
	float:right;
}


/* news */
#news { margin-bottom:20px; }
#news table {
	width:100%;
	margin-bottom:5px;
}
#news th {
	width:100px;
	padding:5px 8px;
	text-align:left;
	border-bottom:1px dashed #666666;
}
#news th img {
	margin-right:3px;
	vertical-align:middle;
}
#news td {
	padding:5px 8px;
	border-bottom:1px dashed #666666;
}

/* topics */
#topics { padding-tottom:20px; }
#topics table {
	width:100%;
	margin-bottom:5px;
}
#topics th {
	width:100px;
	padding:5px 8px;
	text-align:left;
	border-bottom:1px dashed #666666;
}
#topics th img {
	margin-right:3px;
	vertical-align:middle;
}
#topics td {
	padding:5px 8px;
	border-bottom:1px dashed #666666;
}

/* pitathouse */
#pitat {
	width:291px;
	padding-bottom:8px;
	background:url(../images/index/pitat_bg.gif) left bottom no-repeat;
	overflow:hidden;
}
#pitat .body {
	padding:10px 0;
	background:#F2FCD9;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
}
#pitat .list {
	width:276px;
	margin:0 auto;
	padding:10px 0;
	line-height:150%;
	border-bottom:1px dashed #666666;
	overflow:hidden;
	clear:both;
	overflow:hidden;
}
#pitat .list p.thumb {
	margin-right:5px;
	float:left;
}
#pitat .list div.comment {
width:150px;
	float:right;
}
#pitat .link_pitat {
	width:276px;
	padding-top:10px;
	padding-right:10px;
	text-align:right;
	overflow:hidden;	clear:both;
}

.link_list { text-align:right; }


/* link banner */

#banner {
	text-align:left;
}
#banner img {
	margin-left:10px;
}

/*---------------- menu_list ----------------*/
/* width-745px */
#menu_list {
	width:745px;
	padding-left:20px;
	overflow:hidden;
	clear:both;
}
#menu_list .list {
	width:345px;
	margin-right:15px;
	padding-bottom:35px;
	float:left;
}
#menu_list .thumb {
	margin-right:10px;
	margin-bottom:10px;
	float:left;
}
#menu_list .list dt {
	margin-bottom:10px;
}
#menu_list .list dd {
	line-height:150%;
}
/* menu img */
.thumb a {
	width:87px;
	height:87px;
	display:block;
	text-indent:-99999px;
}
#menu_list a.navi_01 { background:url(../images/index/icon_index.gif) 0px 0px no-repeat; }
#menu_list a.navi_02 { background:url(../images/index/icon_index.gif) -101px 0px no-repeat; }
#menu_list a.navi_03 { background:url(../images/index/icon_index.gif) -201px 0px no-repeat; }
#menu_list a.navi_04 { background:url(../images/index/icon_index.gif) -308px 0px no-repeat; }
#menu_list a.navi_01:hover { background-position: 0px -96px; }
#menu_list a.navi_02:hover { background-position: -101px -96px; }
#menu_list a.navi_03:hover { background-position: -201px -96px; }
#menu_list a.navi_04:hover { background-position: -308px -96px; }