body {
	margin:0; padding:0;
	font:normal 13px ＭＳ Ｐゴシック, Helvetica, Sans-serif;
	background-color:#fff;
	line-height:1.2;
}
big {
	font-size:18px;
}
small {
	font-size:8px;
}

#box_blank {
	text-align:center;
	padding:20% 0;
	font-size:17px;
}
#bodybox{
	background:url(./img/bodybg.gif) repeat-y center;
}

#margin0 {
	margin:0;padding:0;
}

TABLE {
	BORDER-COLLAPSE: collapse;
}
TD {
	WORD-BREAK: break-all;
}

#form {
	width:100%;
	BORDER: #999 1px solid;
}
/*#from TH {
	BORDER: #999 1px solid;
	background: #fff;
	PADDING: 8px;
}*/



.width100 {
	width:99%;
}

p{
	margin:0; padding:5px 10px;
}

.button0 {
	background:url(./img/2.gif) repeat-x top left;
	border:1px solid #CCCCCC;
	width:35px; height:18px;
}

.button1 {
	background:url(./img/2.gif) repeat-x top left;
	border:1px solid #CCCCCC;
	width:80px; height:18px;
}

/****************************ヘッダー********************************/
#header {
	background:url(./img/main_title.gif) no-repeat;
	margin:auto;
	width:800px; height:83px;
}

#header h1,h2,.subtitle {
	display:none;
}

#header .menu {
	text-align:right;
	padding:1px 10px;
	font:normal 12px Arial, Helvetica, Sans-serif;
}
#header .menu a{	
	background-color:#804000; color:#fff; 
	text-decoration:none;
	padding:1px 15px;
}
#header .menu a:hover{
	background-color:#804000; color:#f00;
}

#header .prbox {
	width:590px; height:60px;
	position:relative;
	top:4px; left:210px;
	text-align:center;

}

/****************************コンテナ１********************************/
#container1 {
	margin:auto;
	width:800px; height:40px;
	background:url(./img/navi_bg.gif) no-repeat top left;
}

#login {
	width:105px; height:30px;
	position:absolute;
	top:84px;
}
#login a {
	background:url(./img/login.gif) no-repeat top left;
	width:105px; height:30px;
	float:right;
	text-indent:-9000px;
	text-decoration:none;
}
#login a:hover {
	background:url(./img/login_hover.gif) no-repeat top left;
}

.active#login a,.active#login a:hover  {
	background:url(./img/login_on.gif) no-repeat top left;
	width:105px; height:30px;
	float:right;
	text-indent:-9000px;
	text-decoration:none;
}


#navi {
	width:650px; height:50px;
	position:relative;
	top:0px; left:95px;
}

#navi h3 {
	display:none;
}
#navi ul  {
	display:inline;
	list-style-type: none;
	font-size:0px;
	text-indent:-9000px;
}

.active#home a,.active#home a:hover  {
	background:url(./img/navi_home_on.gif) no-repeat top left;
	width:66px; height:30px;
	text-decoration:none;
	position:absolute;
	top:1px; left:10px;
}

#home a {
	background:url(./img/navi_home.gif) no-repeat top left;
	width:66px; height:30px;
	text-decoration:none;
	position:absolute;
	top:1px; left:10px;
}
.active#illust a,.active#illust a:hover {
	background:url(./img/navi_illust_on.gif) no-repeat top left;
	width:77px; height:30px;
	text-decoration:none;
	position:absolute;
	top:1px; left:76px;
}
#illust a {
	background:url(./img/navi_illust.gif) no-repeat top left;
	width:77px; height:30px;
	text-decoration:none;
	position:absolute;
	top:1px; left:76px;
}
.active#comic a,.active#comic a:hover {
	background:url(./img/navi_comic_on.gif) no-repeat top left;
	width:77px; height:30px;
	text-decoration:none;
	position:absolute;
	top:1px; left:153px;
}
#comic a {
	background:url(./img/navi_comic.gif) no-repeat top left;
	width:77px; height:30px;
	text-decoration:none;
	position:absolute;
	top:1px; left:153px;
}
.active#photo a,.active#photo a:hover {
	background:url(./img/navi_photo_on.gif) no-repeat top left;
	width:62px; height:30px;
	text-decoration:none;
	position:absolute;
	top:1px; left:230px;
}
#photo a {
	background:url(./img/navi_photo.gif) no-repeat top left;
	width:62px; height:30px;
	text-decoration:none;
	position:absolute;
	top:1px; left:230px;
}
.active#picture a,.active#picture a:hover {
	background:url(./img/navi_picture_on.gif) no-repeat top left;
	width:62px; height:30px;
	text-decoration:none;
	position:absolute;
	top:1px; left:292px;
}
#picture a {
	background:url(./img/navi_picture.gif) no-repeat top left;
	width:62px; height:30px;
	text-decoration:none;
	position:absolute;
	top:1px; left:292px;
}
.active#fashion a,.active#fashion a:hover {
	background:url(./img/navi_fashion_on.gif) no-repeat top left;
	width:102px; height:30px;
	text-decoration:none;
	position:absolute;
	top:1px; left:354px;
}
#fashion a {
	background:url(./img/navi_fashion.gif) no-repeat top left;
	width:102px; height:30px;
	text-decoration:none;
	position:absolute;
	top:1px; left:354px;
}
.active#craft a,.active#craft a:hover {
	background:url(./img/navi_craft_on.gif) no-repeat top left;
	width:62px; height:30px;
	text-decoration:none;
	position:absolute;
	top:1px; left:456px;
}
#craft a {
	background:url(./img/navi_craft.gif) no-repeat top left;
	width:62px; height:30px;
	text-decoration:none;
	position:absolute;
	top:1px; left:456px;
}
.active#ranking a,.active#ranking a:hover {
	background:url(./img/navi_ranking_on.gif) no-repeat top left;
	width:91px; height:30px;
	text-decoration:none;
	position:absolute;
	top:1px; left:518px;
}
#ranking a {
	background:url(./img/navi_ranking.gif) no-repeat top left;
	width:91px; height:30px;
	text-decoration:none;
	position:absolute;
	top:1px; left:518px;
}

#home a:hover {
	background:url(./img/navi_home_hover.gif) no-repeat top left;
	width:66px; height:30px;
}
#illust a:hover {
	background:url(./img/navi_illust_hover.gif) no-repeat top left;
	width:77px; height:30px;
}
#comic a:hover {
	background:url(./img/navi_comic_hover.gif) no-repeat top left;
	width:77px; height:30px;
}
#photo a:hover {
	background:url(./img/navi_photo_hover.gif) no-repeat top left;
	width:62px; height:30px;
}
#picture a:hover {
	background:url(./img/navi_picture_hover.gif) no-repeat top left;
	width:62px; height:30px;
}
#fashion a:hover {
	background:url(./img/navi_fashion_hover.gif) no-repeat top left;
	width:102px; height:30px;
}
#craft a:hover {
	background:url(./img/navi_craft_hover.gif) no-repeat top left;
	width:62px; height:30px;
}
#ranking a:hover {
	background:url(./img/navi_ranking_hover.gif) no-repeat top left;
	width:91px; height:30px;
}


/****************************フッター********************************/

#footer{
	margin:auto; padding:3px 0;
	width:800px; height:17px;
	text-align:center;
		background-color:#F97500; clear:left;
		top:0px;left0px;
}

#footer a{	
	background:transparent; color:#fff; 
	text-decoration:none;
}
#footer a:hover{
	background:transparent; color:#00f;
}



/*　messageboxはメッセージボックス＆受信表示、送信確認専用　*/
#messagebox {
	width:100%;
	BORDER: #999 1px solid;
}
#messagebox TH {
	background:url(./img/1.gif) repeat-x top left;
	BORDER: #976F39 1px solid;
	PADDING: 3px;
	COLOR: #004080;
	text-align:center;
}
#messagebox TD {
	BORDER: #976F39 1px solid;
	PADDING: 5px;
	background: #fff;
}
#messagebox .tablebg1 {
	BACKGROUND: #FFF2DC; COLOR: #826032;
	PADDING: 5px;
}