/* レイアウトの初期化------------------------------------------------- */
body{
    margin: 0px;
    padding: 0px;
    text-align: center;
}

/* pの設定 */
p{
    margin: 0px;
    padding: 0px;
    color: #56017D;
	font-size: 9pt;
    line-height: 13pt;
}

h1,h2,h3,h4,h5,h6{
	margin: 0;
	padding: 0;
	color: #56017D;
}

a{
	margin: 0px;
    padding: 0px;
    color: #FFCC00;
	font-size: 12pt;
	line-height: 17pt;
}

a img{border-style:none;}

a:link{color: #56017D;}
a:visited{color: #56017D;}
a:hover{color: #5601FF;}
a:active{color: #5601FF;}

/* ラッパーの設定*/
#wrapper500_500{
    width: 720px;
    height: 540px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -270px 0 0 -360px;
    text-align:left;
    background: url("./photo/back500_500.jpg") no-repeat;
}

#wrapper250_180{
    width: 720px;
    height: 540px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -270px 0 0 -360px;
    text-align:left;
    background: url("./photo/back250_180.jpg") no-repeat;
}
/* 左側の設定--------------------*/
#leftcolumn{
    width: 180px;
    height: 540px;
    float:left;
}

#title{
	position: absolute;
	top: 0px;
	left: 3px;
	width: 180px;
	height: 150px;
}

#title a{
	display:block;
	height: 100%;
}


#menu{
    width: 180px;
    height: 360px;
    position: absolute;
    bottom: 20px;
    _bottom: 60px;
}

#menu div {
	width:180px;
	height:30px;
	margin: 10px 0 0 0;
	list-style-type:none;
}

#menu div a{
	display:block;
	height:100%;
}

#menu div a:hover{background-position: 0 -35px;}

#about a{background-image: url("./icon/bar_abt.png");}
#members a{background-image: url("./icon/bar_mbs.png");}
#nextstage a{background-image: url("./icon/bar_nxs.png");}
#blog a{background-image: url("./icon/bar_blg.png");}
#activity a{background-image: url("./icon/bar_act.png");}
#paststages a{background-image: url("./icon/bar_pst.png");}
#goods a{background-image: url("./icon/bar_gds.png");}
#webevent a{background-image: url("./icon/bar_wbv.png");}
#links a{background-image: url("./icon/bar_lnk.png");}

#about_sld a{
	background-image: url("./icon/bar_abt.png");
	background-position: 0 -70px;
}

#members_sld a{
	background-image: url("./icon/bar_mbs.png");
	background-position: 0 -70px;
}

#nextstage_sld a{
	background-image: url("./icon/bar_nxs.png");
	background-position: 0 -70px;
}

#blog_sld a{
	background-image: url("./icon/bar_blg.png");
	background-position: 0 -70px;
}

#activity_sld a{
	background-image: url("./icon/bar_act.png");
	background-position: 0 -70px;
}

#paststages_sld a{
	background-image: url("./icon/bar_pst.png");
	background-position: 0 -70px;
}

#goods_sld a{
	background-image: url("./icon/bar_gds.png");
	background-position: 0 -70px;
}

#webevent_sld a{
	background-image: url("./icon/bar_wbv.png");
	background-position: 0 -70px;
}

#links_sld a{
	background-image: url("./icon/bar_lnk.png");
	background-position: 0 -70px;
}


/* 右側の設定--------------------*/
#rightcolumn{
    width: 540px;
    height: 540px;
    float: right;
}

#mailbox{
	width: 210px;
	height: 120px;
	position: absolute;
	top: 230px;
	right: 20px;
	padding: 0 20px;
	white-space: normal;
}

#textbox250_180{
    width: 210px;
    height: 140px;
    position: absolute;
    top: 360px;
    right: 20px; 
    padding: 0 20px;
    white-space: normal;
}

#textbox250_180 a{
	font-size: 9pt;
}

#textbox500_500{
    width: 460px;
    height: 460px;
    position: absolute;
    bottom: 40px;
    right: 20px;
    padding: 0 20px;
    white-space: normal;
    overflow: auto;
    scrollbar-face-color: #FFFFFF;       /* 表面の色 */
  	scrollbar-3dlight-color: #56017D;    /* 左端と上端の色 */
 	scrollbar-highlight-color: #FFFFFF;  /* ハイライトの色 */
  	scrollbar-shadow-color: #56017D;     /* 影の色 */
  	scrollbar-darkshadow-color: #FFFFFF; /* 右端と下端 */
  	scrollbar-arrow-color: #56017D;      /* 矢印の色 */
  	scrollbar-track-color: #FFFFFF;      /* バーの背景の色 */
}

a.greetlink{
	float: right;
}

#credit_about{
	position: absolute;
	top: 242px;
	right: 40px;
	font-size: 8pt;
	color: #56017D;
}

#credit_members{
	position: absolute;
	top: 40px;
	right: 190px;
	font-size: 8pt;
	color: #56017D;
}

.credit_profile{
	float: right;
	font-size: 8pt;
}

.membername{
 	text-align: center;
}

.membername a{
	font-size: 9pt;
}

.navbar{
	text-align: center;
	float: right;
}

.navbar a{
	font-size: 12pt;
}

.change12{
	font-size: 12pt;
}

.change9 a{
	font-size: 9pt;
}

#textbox500_500 ul{
	color: #56017D;
}

/* フッターの設定--------------------*/
#bottomcolumn{
    position:relative;
    width:100%;
    clear:both;
}