* {
	margin:0;
	padding:0;
}
a img{
	border:0
	}
html {
   overflow-y:scroll;
}
.clear{
clear:both
}
.hidden {
	display:block;
	text-indent:-99999px;
	}
body {
	text-align:center;
	color:#333333;
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:100%;
	height:100%;
	background-image: url(../img/com_bot.gif);
	background-repeat: repeat;	
}
li{
	list-style: none;
}
h1{
	color:#ffffff;
	padding:5px;
	font-size:0.65em;
	text-align:left;
	font-weight:normal;
	background-image: url(../img/com_top.gif);
	background-repeat: repeat-x;
}

#base{
	width:100%;
	margin:0 auto;
	text-align:center;
	background-image: url(../img/com_base.gif);
	background-repeat: repeat;
}

#contents{
	width:950px;
	margin:0 auto;
	background-color:#ffffff;
}
.top h2{
	float:right;
	width:135px;
	margin:50px 0 0 0;
	padding:0 29px 0 0;
	}
.page h2{
	float:right;
	width:135px;
	margin:0 29px 0 0;
	}
.top #menu{
	float:right;
	width:460px;
	margin:50px 0 0 0;
	}
#menu li{
	float:right;
	height:300px;
}

#menu li a{
	display:block;
	height:300px;
	margin:0px;
	text-decoration:none;
	}
#menu a:hover{ background-position:0 -300px;}
#menu01 a{ width:60px; background-image: url(../img/top_menu01.gif);}
#menu02 a{ width:60px;background-image: url(../img/top_menu02.gif);}
#menu03 a{ width:60px;background-image: url(../img/top_menu03.gif);}
#menu04 a{ width:60px;background-image: url(../img/top_menu04.gif);}
#menu05 a{ width:120px;background-image: url(../img/top_menu05.gif);}
#menu06 a{ width:125px;background-image: url(../img/top_menu06.gif);}
#contents #topics{
	width:326px;
	text-align:left;
	float:left;
	margin:50px 0 0 0;
}
#contents #topics #fra{
	width:300px;
	margin:10px 26px 0 0;
	height:200px;
}
#menu_page{
	float:right;
	height:290px;
}
#menu_page li{
	float:right;
	}
#menu_page li a{
	display:block;
	height:270px;
	margin:0 0 20px 0;
	text-decoration:none;
	}
#menu_page a:hover{ background-position:0 -270px;}
#pmenu01 a{ width:62px; background-image: url(../img/menu01.gif);}
#pmenu02 a{ width:63px;background-image: url(../img/menu02.gif);}
#pmenu03 a{ width:64px;background-image: url(../img/menu03.gif);}
#pmenu04 a{ width:64px;background-image: url(../img/menu04.gif);}
#pmenu05 a{ width:125px;background-image: url(../img/menu05.gif);}
#pmenu01 a.thispage { width:62px; background-image: url(../img/menu01_2.gif);}
#pmenu02 a.thispage { width:63px;background-image: url(../img/menu02_2.gif);}
#pmenu03 a.thispage { width:64px;background-image: url(../img/menu03_2.gif);}
#pmenu04 a.thispage { width:64px;background-image: url(../img/menu04_2.gif);}
#pmenu05 a.thispage { width:125Spx;background-image: url(../img/menu05_2.gif);}
#back{
text-align:right;
margin:50px 10px 0 0;
}
#back{
text-align:right;
margin:50px 10px 0 0;
}
#back a:hover img{ 
	-moz-opacity:0.5;
	opacity:0.8;
	filter: alpha(opacity=80);
}
#foot{
	font-size:0.7em;
	color:#999999;
	text-align:center;
	bottom:0;
	width:100%;
	background-image: url(../img/com_bot.gif);
	background-repeat: repeat;
	border-top: 3px solid #999999;

	}
#foot p{
	padding:10px 10px 50px 0;
	text-align:right;
	}
#foot a{
	color:#666666;
	}
#foot a:hover{
	color:#cccccc;
	}
