body {
	padding:0;
	margin: 0;
	background-color: white;
    text-align:center;
	font-size:12px;
	font-family:Arial,MS UI Gothic;
	line-hieght:1.5em;
}
a:link, a:visited{text-decoration:none; color:black;}
a:hover{text-decoration: underline; color:#f7a0e8;}
img{border:0;}
.clearboth{clear:both;}
a {	-moz-outline-style: none;/* for firefox*/}

/**************************************************************************************************** HEAD before you Login*/
h1{margin-top:0;}
h1 a{
	text-indent: -9999px;
	position:relative;
	top:30px;
	left:40px;
	width:200px;
	height:30px;
	display:block;/*important*/
	cursor: hand;/*for IE*/
	-moz-outline-style: none;/* for firefox*/
}
div#login{
position:relative;
top:35px;
left:20px;
width:300px;
float:left;
}
div#login table{
color:white;
}
div#login form input, textarea{
border:1px gray solid;
}
div#subhead{
width:500px;
margin-left:40px;
float:left;
}

div#subhead p{
margin:2px auto;
}

h2{
margin-top:0px;
margin-bottom:0;
font-size:13px;
font-weight:bold;
}
h3{
margin-top:20px;
margin-bottom:0;
font-size:13px;
font-weight:bold;
}
p#headlink{
color:#cbb7d4;
font-size:0.9em;
line-height:14px;
}
p#headlink a:link,p#headlink a:visited{
color:#ffffff;
text-decoration:none;
width:160px;
line-height:14px;
display:block;
margin-bottom:-5px;
margin-top:-3px;
border: 1px #BA2FFF solid;
/*border-left:7px #BA2FFF solid;*/
text-align: center;
/*text-indent:0.5em;*/
background:#BA2FFF;
}
p#headlink a:hover{
color:#ffffff;
border: 1px #ffffff solid;
/*border-left:7px #ffffff solid;*/
/*text-align: right;*/
background:#BA2FFF;
}
/************************************************************************************************************* common HEAD */
div#headwrap{
margin:0;
	background-color: #4a0f59;
}
div#head{
    background:url(images/head.jpg) #4a0f59 top center no-repeat;
	width:960px;
	height:222px;
	margin:0 auto;
	text-align:left;
	color:#FFFFFF;
}

div.cont{
width: 960px;
margin: 0 auto;
text-align:left;
}
/********************************************************************************************** HEAD on enty and contact page */
div#head-2{
    background:url(images/head.jpg) #4a0f59 top center no-repeat;
	width:960px;
	height:382px;
	margin:0 auto;
	text-align:left;
	color:#FFFFFF;
}
/***************************************************************************************************** HEAD after you login */
* html #headwrap_ {
position: absolute;
}
div#headwrap_mem{
margin:0;
	background-color: #4a0f59;
	position:fixed;
	left:0;/*for IE*/
	width:100%;/*this is for centering*/
	text-align:left;
	margin:0 auto;
}
/*
div#head{
    background:url(images/memberhead.jpg) #e7e7e7 bottom center no-repeat;
	width:960px;
	height:45px;
	margin:0 auto;
	color:#FFFFFF;
}
*/
div.cont_mem{
width: 960px;
margin: 0 auto;
padding-top:60px;
text-align:left;/**for fixed*/
}
/************************************************************************************************ TOP image after you login */
#mainimg{
background:url(images/main.jpg) top center no-repeat;
width:950px;
height:70px;
margin: 0 auto;
}
#mainimg img{
margin-left:95px;
float:left;
}
#mainimg a.mainhome{
display: block;
float: right;
width: 220px;
height:38px;
margin-top:10px;
margin-right:37px;
text-indent: -99999px;
}
/************************************************************************************************************ HOME layout */
div.left{
clear:both;
width:300px;
float:left;
margin-right:25px;
}
div.center{
width:300px;
float:left;
margin-right:25px;
}
div.right{
width:300px;
float:left;
}

.cont h4,.cont_mem h4{
text-indent:1em;
clear:both;
height:20px;
padding-top:5px;
padding-bottom:10px;
margin-top:15px;
margin-bottom:0px;
color:#f874e1;
font-weight:normal;
/*border:1px black solid;*/
font-size:1.1em;
font-weight:bold;
background:url(images/h4.jpg) left bottom no-repeat;
}
.cont p{
line-height:1.4em;
}
/************************************************************************************************************ NAVIGATION */
#navi{
height:30px;
margin:0 auto;
text-align:center;
background-color:white;
background:url(images/member_bg.jpg) center center repeat-x;
/*�¡after renew try this codes�¡
font-family:Arial,MS UI Gothic
font-size:12px
*/
}
#navi ul{
list-style:none;
margin:0 auto;
padding:0;
width:960px;
text-align:left;
}
#navi ul li{
float:left;
/*display:table-cell;*/
}
#navi ul li a{
float:left;
text-decoration:none;
display:block;
height:26px;
line-height: 26px;/*centering*/
padding:0px 10px;
color:#c7aed1;
margin-top:2px;
margin-bottom:2px;
border-left:1px #7c3daf solid;
border-right:1px #4f1d78 solid;
}
#navi ul li a:hover{
background-color:#6b3692;
text-decoration:none;
color:#dbc4e4;
}
#navi ul li.logout{
float:right;
border-left:1px #4f1d78 solid;
border-right:1px #7c3daf solid;
}

/******************************************************************************************************************* LIST */
.center ul, .left ul, .right ul, .article ul{
list-style:none;
margin-left:0;
padding-left:0;/*for firefox*/
}

.center ul li a, .right ul li a{
display:block;
width:290px;/*watch padding 5px! sabstract!*/
height:14px;/*watch padding 8px! sabstract!*/
padding:8px 5px;
background-color:white;
/*background:url(images/cate_bg.gif) transparent top repeat-y;*/
text-decoration:none;
color:#333;
font-weight: bold;
font-size:1.2em;
/*float:left;*/
border-bottom:1px #cccccc solid;
}
.center ul li a:hover{
color:#f874e1;
background-color:#fff6fd;
}
.right ul li a:hover{
color:#f78ae4;
background-color:#faf7ff;
}
.center ul li span, .right ul li span{
margin-top:-20px;
float:right;
color:#cccccc;
}

.left ul li a{/*************************** NEW */
display:block;
width:290px;/*watch padding 5px! sabstract!*/
padding:4px 5px;
color:#666;
text-decoration:none;
border-bottom:1px #cccccc dotted;
line-height:1.5em;
}
.left ul li a:hover{
color:pink;
background:#ecfafe;
}
.left ul li a:hover strong, .left ul li a:hover span{color:#f78ae4;}
.left ul li strong{
color:#00b7ee;
font-size:1.3em;
}
.left ul li span{
/*color:#00b7ee;*/
display:block;
}
.left ul li.banner{/*************************** BANNER */
text-align:center;
margin:3px 0 5px;
}
.left ul li.banner a{
padding:0;
background:white;
}
/****************************************************************************************************** HOME RANKING */
dl.rank{
height:50px;
margin-top: 5px;
margin-bottom:0;
}
dl.rank dd{
margin-left:0;
}
dl.rank dd a:link, dl.rank dd a:visited{
color:#f78ae4;
text-align:center;
display:block;
width:120px;
margin-left:5px;
/*height:100px;*/
float:left;
padding:10px;
border:#EFD1EB 1px solid;
}
dl.rank dd a:hover{
background:#fef5ff;
color:#ff69e5;
text-decoration:none;
border:#EFB3E5 1px solid;
}
dd a strong{
display:block;
}
/*********************************************************************************************************** inside 300 */
p.signup{
margin-bottom:5px;
}
p.signup a:link, p.signup a:visited{
width:300px;
display:block;
text-align:center;
line-height:21px;
height: 21px;
font-size:12px;
font-weight:bold;
text-decoration:none;
color: dimgray;
background:url(images/signup.gif) #ffffff bottom repeat-x;
border:#DFDFDF 1px solid;
}
p.signup a:hover{
color:magenta;
border:magenta 1px solid;
background:url(images/signup_pink.gif) #ffffff bottom repeat-x;
}
.qr{
float:right;
margin-left:15px;
}
/********************************************************************************************************* ARTICLE 625 */
div.article{
clear:both;
float:left;
width:625px;
margin-right:25px;
text-align:left;
}
div.article h4{
text-indent:1em;
background:white;
border-bottom:1px gray dotted;
}
div.article h4 a:link, div.article h4 a:visited{
color:#00B7EE;
font-size:1.1em;
}
div.article p{
padding-bottom:10px;
border-bottom:1px gray dotted;
}

h5.gossiph{/***************************** GOSSIP */
margin-top:10px;
text-align:left;
font-size:1.5em;
color:mediumpurple;
font-weight:bold;
}
div.article p.gossipp span{
display:block;
margin-bottom:1em;
border:none;
}
div.article p.gossipp img{
margin:0 20px 10px 0;
/*width:200px;*/
float:left;
}

div.article a{
color:#00b7ee;
font-size:1.3em;
/*text-align:center;*/
}
div.article a:hover{
color:#f78ae4;
}

.article ul li a{
display:block;
width:615px;/*watch padding 5px! sabstract!*/
/*height:14px;watch padding 8px! sabstract!*/
padding:4px 5px;
color:#666;
text-decoration:none;
border-bottom:1px #cccccc dotted;
line-height:1.5em;
}
.article ul li a:hover{
color:pink;
background:#ecfafe;
}
.article ul li a:hover strong, .article ul li a:hover span{color:#f78ae4;}
.left ul li strong{
color:#00b7ee;
font-size:1.3em;
}
.article ul li span{
color:#00b7ee;
}
/********************************************************************************************************************* TABLE */
table#ichiran{
border-collapse:collapse;
margin-top:-5px;
width:625px;
}
table#ichiran tr{
border-bottom:1px gray dotted;
}
th{
background:#ffffff url(images/th_bg.gif) bottom repeat-x;
font-weight:bold;
}
tr#t_head th{/*for IE8*/
text-align:left;
}
table#ichiran tr:hover{
background:#edfeff;
color:#963db0;
}

/*******************************************************************************************************  BANNER 728x90 468x60 */
#centerad{
clear:both;
padding-top:20px;
margin:10px auto;
text-align:center;
}
.centering{
text-align:center; 
margin:0 auto;
}
/********************************************************************************************************************** BBS */
dl#bbslist{

}
dl#bbslist dt{
font-weight:bold;
}
dl#bbslist dd{
padding-left:0;
margin-left: 0;
list-style:none;
width:460px;
}
dl#bbslist dd.ddtitle{
margin-top:10px;
color:gray;
}

/********************************************************************************************************************** FOOTER */
#footerwrap{
width:100%;
height:200px;
text-align:center;
/*margin-top:20px;*/
padding-top:20px;
clear:both;
}

#footer{
border-top:1px #e9e9e9 solid;
width:960px;
margin:0 auto;
text-align:left;
background:url(images/footer_01.jpg) center top no-repeat;
height:200px;
}

#footer_aint{
border-top:1px #e9e9e9 solid;
width:960px;
margin:0 auto;
text-align:left;
background:url(images/footer_aint.jpg) center top no-repeat;
height:200px;
}

h5{
text-align:center;
font-weight:normal;
color:gray;
margin:40px auto -5px;
}
p#footp{text-align:center;}
p#footp a{
color:#a2a2a2;
text-decoration:none;
background:url(images/underlink.jpg) bottom repeat-x;
}
p#footp a:hover{
color:#add4ea;
}