@charset "utf-8";


/*=============================================== */
/*0.初期化　                                  */
/*=============================================== */

body,div,dl,dt.dd.ul.ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{ border:0; border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}


/*=============================================== */
/*1.フォント  　                                  */
/*=============================================== */

body{ 
	font:12px メイリオ, Helvetica, Verdana, Arial, sans-serif;
	color:#FFFFFF;
}

select,input,texarea{
	font:99%;
}

a
{
	color:#FFFFFF;
}

a:hover
{
	color:#FF6633;
	
}


.maincontent h1{
	font:20px メイリオ, Helvetica, Verdana, HGPｺﾞｼｯｸM, Arial, sans-serif;
	font-weight:bold;

}

.maincontent h2{
	font-size:16px;
	font-weight:bold;
}

.maincontent p
{
	font-size:11.5px;
}

.scrollablearea p{
	font-size:11.5px;
}

.maincontent li, .scrollablearea li{
	font-size:11.5px;
}


table.member td
{
	font-size:10px;
	font-weight:bold;
}


/*=============================================== */
/*2.レイアウト(通常コンテンツ)                    */
/*=============================================== */

body{
	text-align:center;
	background-color:#000000;
}

ul, ol {
	margin-top:10px;
	margin-bottom:10px;
}

div#content
{
	width:955px;
	height:778px;
	padding-top:15px;
	padding-left:15px;
}

div#main
{
	width:735px;
	height:580px;
	background-image:url(../images/main-bg.gif);
	background-repeat:repeat-x;
	text-align:left;
	float:left;
}

div.maincontent
{
	padding-top:30px;
	padding-left:30px;
	width:705px;
	height:550px;
}

.maincontent h1
{
	padding:0 25px 0px 0px;
		
}

.maincontent div.scrollablearea{
	overflow:auto;
	width:705px;
	scrollbar-track-color:#6fa074;
	scrollbar-face-color:#6fa074;
	scrollbar-arrow-color:#377a47;
	scrollbar-shadow-color:#377a47;
	scrollbar-highlight-color:#6fa074;
	scrollbar-darkshadow-color:#6fa074;
	scrollbar-3dlight-color:#377a47;
	
}

.maincontent table.member
{
	margin-top:15px;
	padding:2px;
	
}

table.member td
{
	width:100px;
}

.scrollablearea h2
{
	padding:0 15px 0px 0px;
}

.scrollablearea p
{
	padding:0px 15px 5px 0;
}

.scrollablearea img
{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}

div#navigation
{
	margin-left:735px;
	width:220px
	height:580px;
	background-image:url(../images/navi-bg01.gif);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:left;
}

div.menu
{
	margin-left:50px;
	width:155px;
	height:580px;
	background-image:none;
}

#navigation ul{
	margin:0;
	width:155px;
	padding:0;
	background-color:#FFFFFF;
}

div#footer
{
	width:955px;
	height:198px;
	background-image:url(../images/footer-base.gif);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:left;
}

#footer img{
margin-top:65px;
margin-left:126px;	
}

.floatend {clear:both;}


/*=============================================== */
/*3.レイアウト(トップログイン)                    */
/*=============================================== */

div.login
{
	width:982px;
	height:247px;
	text-align:left;
	background-image:url(../images/top_login_comic3.gif);
	background-repeat:no-repeat;
	background-position:top;
	
}

.login .controlarea
{
	padding-top:14px;
	margin-left:310px;
	width:227px;
}