@charset "utf-8";
/* CSS Document */
body {
	margin:0px;
	padding:0px;
	text-align:center;
	color:#333333;
	font-size:80%;
	line-height:150%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-image: url(../images/back.gif);
}



#page_base{
	width:800px;
	padding:10px 0px 0px 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color:#0F47B7;
}


#page_copy{
	width:500px;
	float:right;
	text-align:right;
	padding:0px 10px 0px 0px;
	color:#FFFFFF;
}

#page_copy h1{
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 0px;
	font-size:85%;
	font-weight:normal;
}


#page_head{
	width:800px;
	padding:0px 0px 0px 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#page_head h2{
	margin:0px 0px 0px 10px;
}

.page_login	a{
	color:#FFFFFF;
}

.page_login	a:visited{
	color:#FFFFFF;
}


#main{
	width:530px;
	float:right;
	right:30px;
	position:relative;
	margin:20px 0px 10px 0px;
}

#sample_main{
	width:800px;
	text-align:center;
	margin:0px auto 0px auto;
	float:right;
	padding:20px 0px 20px 0px;
	background-color:#FFFFFF;
}

.pankuzu{
	font-size:80%;
	padding:0px 0px 35px 0px;
}

#main h2{
	padding:0px 0px 10px 0px;
	border-bottom:2px solid #333333;
	font-size:140%;
	margin:0px 0px 30px 0px;
}

#sample_main h2{
	padding:0px 0px 10px 0px;
	font-size:140%;
	margin:0px 15px 0px 15px;
	text-align:left;
}

#main p{
	padding:10px 0px 10px 0px;
}
#sample_main p{
	width:740px;
	text-align:left;
}

#page_main .menu ul{
	width:800px;
	margin:0px;
	padding:0px;
}

#page_main .menu li{
	float:left;
	margin:0px;
	padding:0px;
	height:30px;
	line-height:0px;
	font-size:0px;
}


/**/
#page_main{
	width:800px;
	padding:0px 0px 50px 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.about_back{
	background-image: url(../images/about_back.gif);
}

.active_back{
	background-image: url(../images/active_back.gif);
}

.topics_back{
	background-image: url(../images/topics_back.gif);
}
.member_back{
	background-image: url(../images/member_back.gif);
}



#page_about{
	width:200px;
	padding:0px 0px 0px 0px;
	background-color:#CC0000;
	height:400px;
	float:left;
}

#page_active{
	width:200px;
	padding:0px 0px 0px 0px;
	background-color:#E18D00;
	height:400px;
	float:left;
}

#page_member{
	width:200px;
	padding:0px 0px 0px 0px;
	background-color:#3F623E;
	float:left;
}
#page_topics{
	width:200px;
	padding:0px 0px 0px 0px;
	margin:0px auto 0px auto;
	background-color:#3261B8;
	float:left;
}


.page_btn{
	padding:10px 0px 0px 10px;
}


#page_main li{
	color:#FFFFFF;	
	padding:3px 10px 3px 15px;
	background-repeat: no-repeat;
	background-position: 0em 0.6em;
}


#page_main ul{
	padding:0px 0px 0px 15px;
	margin:0px 0px 0px 0px;
}
#page_about li{
	background-image: url(../images/r_li.gif);
}

#page_active li{
	background-image: url(../images/y_li.gif);
}
#page_member li{
	background-image: url(../images/g_li.gif);
}
#page_topics li{
	background-image: url(../images/b_li.gif);
}

#page_about li a,
#page_active li a,
#page_member li a,
#page_topics li a{
	color:#FFFFFF;
	text-decoration:none;
}
#page_about li a:hover,
#page_active li a:hover,
#page_member li a:hover,
#page_topics li a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}


#page_new{
	width:800px;
	padding:0px 0px 0px 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color:#0F47B7;
}

#page_new dl{
	padding:10px 0px 20px 10px;
}
.page_new_li li{
	color:#FFFFFF;	
	margin:0px;
	padding:0px 0px 0px 15px;
	background-repeat: no-repeat;
	background-position: 0em 0.6em;
	background-image: url(../images/db_li.gif);
}


.new_btn{
	padding:10px 0px 0px 30px;
}


#foot{
	padding:20px 0px 20px 0px;
	text-align:center;
	color:#FFFFFF;
}


#foot a{
	color:#FFFFFF;
}
#foot a:visited{
	color:#FFFFFF;
}


/*login*/
.login{
	width:180px;
	float:left;
	margin:0px 20px 0px 0px;
	line-height:110%;
}
.login img{
	margin:5px 0px 5px 0px;
}


.forget{
	border:1px solid #CCCCCC;
	width:290px;
	float:left;
	padding:10px 15px 10px 15px;
}
.blue{
	color:#003399;
}

.up{
	padding:10px 30px 0px 0px ;
	text-align:right;
	font-size:85%;
}



/**/
.subcategories a.foldmark {
    font-size:7px; /* マークのフォントサイズ */
    text-decoration: none; /* マーク装飾 */
}