/* CSS Document */

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

	BASIC CSS

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

#container {
	width: 753px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../image/basic/container_bg.gif);
	background-repeat: repeat-y;
}
#header {
	background-image: url(../cabclub/images/rogo.jpg);
	background-repeat: no-repeat;
	height: 87px;
	width: 750px;
}
#footer {
	background-image: url(../image/basic/footer.gif);
	background-repeat: no-repeat;
	height: 27px;
	width: 753px;
	font-size: 10px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top: 7px;
	margin-top: 10px;
}

/*	NAVI_MENU
---------------------------------------*/

#menu {
	background-image: url(../image/menu/menu_bg.gif);
	background-repeat: no-repeat;
	height: 46px;
	width: 749px;
	margin-left: 2px;
}
#navi_menu{
	width:743px;
	margin-left: 3px;
}
#navi_menu li{float:left;}

#navi_menu a{
	width:123px;
	height: 44px;
	display:block;
	text-indent:-9999px;
	background-image:url(../image/menu/menu.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
}
a.menu00{
	background-position:0px 0px;
	padding-right: 1px;
}
a:hover.menu00{
	width:123px;
	background-position:0px -44px;
	padding-right: 1px;
}
a.menu01{
	width:123px;
	background-position:-124px 0px;
	padding-right: 1px;
}
a:hover.menu01{
	width:123px;  
	background-position:-124px -44px;
	padding-right: 1px;
}
a.menu02{
	width:123px;
	background-position:-248px 0px;
	padding-right: 1px;
}
a:hover.menu02{
	width:123px;
	background-position:-248px -44px;
	padding-right: 1px;
}
a.menu03{
	width:123px;
	background-position:-372px 0px;
	padding-right: 1px;
}
a:hover.menu03{
	width:123px;
	background-position:-372px -44px;
	padding-right: 1px;
}
a.menu04{
	width:123px;	
	background-position:-496px 0px;
	padding-right: 1px;
}
a:hover.menu04{
	width:123px;
	background-position:-496px -44px;
	padding-right: 1px;
}
a.menu05{
	width:123px;
	background-position:-620px 0px;
}
a:hover.menu05{
	width:123px;
	background-position:-620px -44px;
}

/*	CONTENTS
---------------------------------------*/

#content {
	width: 753px;
	padding-top: 10px;
}
#content #left_box {
	float: left;
	width: 180px;
	padding-left: 5px;
}
#content #main_box {
	float: right;
	width: 528px;
	padding-right: 5px;
}

/*	COMMON CSS
---------------------------------------*/

#content .page_top {
	clear: both;
	text-align: right;
	margin-top: 15px;
	margin-bottom: 20px;
}

/*	SIDE MENU
---------------------------------------*/

#side_menu li {
	background-image: url(../image/menu/s_menubg.gif);
	background-repeat: no-repeat;
	margin-top: 1px;
}

#side_menu li a {
	display: block;
	height: 24px;
	width: 195px;
	vertical-align: top;
	padding-left: 15px;
	padding-top: 3px;
}
#left_box ul.topics {
	overflow: auto;
	height: 124px;
	margin-bottom: 18px;
	padding-top: 10px;
	padding-bottom: 5px;
}
#left_box .topics li {
	font-weight: bold;
	color: #006182;
	margin-top: 5px;
}
#left_box ul img {
	padding-bottom: 4px;
	margin-right: 10px;
	margin-left: 5px;
}
#left_box ul p {
	background-image: url(../image/top/t_kugiri.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 180px;
	color: #666666;
	font-weight: normal;
}