@charset "shift_jis";
.table_c{
	background-color:#FFFFFF;
	border-top-width:1px;
	border-right-width:0px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-top-style:none;
	border-right-style:solid;
	border-bottom-style:none;
	border-left-style:solid;
	border-top-color:#CCCCCC;
	border-right-color:#CCCCCC;
	border-bottom-color:#CCCCCC;
	border-left-color:#CCCCCC;}

body.gra{
	margin:0px auto;
	text-align:center;
	background-color:#FFFFFF;
	background-image:url(../grad/images/img_gra.gif);
	background-attachment:fixed;
	background-repeat:repeat;
	background-position:0px 0px;}

#wrapper{
	width:780px;
	margin:0px auto;
	text-align:center;
	background:url(../grad/images/bg.png) repeat-y fixed center top;}

#menu{
	border-bottom:1px solid #333333;
	border-top:1px solid #bbbbbb;
	list-style:none;
	width:755px;
	float:none;
	clear:both;
	margin:9px auto 0 auto;
	min-height:1px;@/* IE 7 */}

#menu:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;}

#menu{
	display:inline-table;}

/* Hides from Mac IE \*/
* html #menu{
	height:1px;}

#menu{
	display:block;}

/*  menu  */
#menu ul{
	list-style:none;
	margin:0px;
	padding:0px 0px 0px 0px;}

#menu li{
	list-style:none;
	float:left;
	margin:0px;
	padding:0px;}

#menu a{
    display:block;
    height:30px;
    text-indent:-999px;
    background-image:url(../grad/images/menu01.gif);
    overflow:hidden;
	text-decoration:none;}

#menu a:hover{
	top:0px;
	left:0px;}


#menu a.menu_01{ width:97px; background-position:0px 0px;}
#menu a:hover.menu_01{ background-position:0px -30px;}
/*
#menu a.menu_02{ width:108px; background-position:-107px 0px;}
#menu a:hover.menu_02{ background-position:-107px -30px;}
*/
#menu a.menu_03{ width:98px; background-position:-97px 0px;}
#menu a:hover.menu_03{ background-position:-97px -30px;}

#menu a.menu_04{ width:128px; background-position:-195px 0px;}
#menu a:hover.menu_04{ background-position:-195px -30px;}

#menu a.menu_05{ width:108px; background-position:-323px 0px;}
#menu a:hover.menu_05{ background-position:-323px -30px;}

#menu a.menu_06{ width:108px; background-position:-431px 0px;}
#menu a:hover.menu_06{ background-position:-431px -30px;}

#menu a.menu_07{ width:108px; background-position:-539px 0px;}
#menu a:hover.menu_07{ background-position:-539px -30px;}

#menu a.menu_08{ width:108px; background-position:-647px 0px;}
#menu a:hover.menu_08{ background-position:-647px -30px;}


/* menu active */
#menu li#act a.menu_01{ width:97px; background-position:0px -60px;}
#menu li#act a:hover.menu_01{ background-position:0px -30px;}
/*
#menu li#act a.menu_02{ width:108px; background-position:-108px -60px;}
#menu li#act a:hover.menu_02{ background-position:-107px -30px;}
*/
#menu li#act a.menu_03{ width:98px; background-position:-97px -60px;}
#menu li#act a:hover.menu_03{ background-position:-97px -30px;}

#menu li#act a.menu_04{ width:128px; background-position:-195px -60px;}
#menu li#act a:hover.menu_04{ background-position:-195px -30px;}

#menu li#act a.menu_05{ width:108px; background-position:-323px -60px;}
#menu li#act a:hover.menu_05{ background-position:-323px -30px;}

#menu li#act a.menu_06{ width:108px; background-position:-431px -60px;}
#menu li#act a:hover.menu_06{ background-position:-431px -30px;}

#menu li#act a.menu_07{ width:108px; background-position:-539px -60px;}
#menu li#act a:hover.menu_07{ background-position:-539px -30px;}

#menu li#act a.menu_08{ width:108px; background-position:-647px -60px;}
#menu li#act a:hover.menu_08{ background-position:-647px -30px;}




#menu_02{
	border-bottom:1px solid #333333;
	border-top:1px solid #bbbbbb;
	list-style:none;
	width:396;
	float: none;
	clear: both;
	margin:7px 0 7px auto;
	min-height:1px;@/* IE 7 */}

#menu_02:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;}

#menu_02{
	display:inline-table;}

/* Hides from Mac IE \*/
* html #menu_02{
	height:1px;}

#menu_02{
	display:block;}

/* */
#menu_02 ul{
	list-style:none;
	margin:0px;
	padding:0px 0px 0px 0px;}

#menu_02 li{
	list-style:none;
	float:left;
	margin:0px;
	padding:0px;}

#menu_02 a{
    display:block;
    height:23px;
    text-indent:-999px;
    background-image:url(../grad/images/menu02.gif);
    overflow:hidden;
	text-decoration: none;}

#menu_02 a:hover{
	top:0px;
	left:0px;}

#menu_02 a.menu_01{ width:106px; background-position:0px 0px;}
#menu_02 a:hover.menu_01{ background-position:0px -23px;}

#menu_02 a.menu_02{ width:139px; background-position:-106px 0px;}
#menu_02 a:hover.menu_02{ background-position:-106px -23px;}

#menu_02 a.menu_03{ width:150px; background-position:-245px 0px;}
#menu_02 a:hover.menu_03{ background-position:-245px -23px;}

#menu_02 a.menu_04{ width:129px; background-position:-395px 0px;}
#menu_02 a:hover.menu_04{ background-position:-395px -23px;}

#menu_02 li#act a.menu_01{ width:106px; background-position:0px -46px;}
#menu_02 li#act a:hover.menu_01{ background-position:0px -23px;}

#menu_02 li#act a.menu_02{ width:139px; background-position:-106px -46px;}
#menu_02 li#act a:hover.menu_02{ background-position:-106px -23px;}

a.menu_pr{ 
    display:block;
    height:23px;
    width:160px;
    text-indent:-700px;
    background-image:url(../grad/images/menu_pr.gif);}

a:hover.menu_pr{
	background-position:-160px 0px;
	top:0px;
	left:0px;}

.head{
	background:url(../grad/images/head_01.gif) no-repeat;
	width:755px;
	height:53px;}

.bg_guide{
	background:url(../grad/images/bg_guide.gif) no-repeat;
	width:175px;
	height:195px;
	margin-top:5px;}

#topics{ margin: 0 3px 0 0.6em; padding:0;}
#topics li{
	list-style:none;
	clear: both;
	padding: 8px 0;
}
#topics li .date{
	float:left;
	background: url(img/ico_arrow.gif) no-repeat left;
	padding: 0 0 0 12px;
}
#topics li .topi{ float:right; width:445px}

/* common ---------------------*/
.MgnLft1-8em{ margin: 0 0 0 1.8em}	

