@charset "utf-8";

/***********************

***********************/
body{
	margin:0;
	padding:0;
	text-align:center;
	height:100%;
	width:100%;
	background:url(../img/bgbody.jpg) center center no-repeat;
	background-color:#fdfdff;
}

html {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
}


#wrapper {
	margin:0 auto;
	padding:0;
/*
	width:100%;
	height:100%;
*/
	text-align:center;
}

/***********************
	ヘッダー
***********************/
#head_box {
	margin:0 0 10px auto;
	padding:0;
	width:100%;
	height:100px;
	text-align:right;
}

#head_box img{
	margin: 10px 50px 10px auto;
}


/***********************

***********************/

#ds{
/*	position:relative;*/
/*	margin-left:300px;*/
	margin-left:33%;
	padding:0;
	width:562px;
	height:586px;
	background:url(../monster/dsi.png) no-repeat;
}

.ftlist{
	float:left;
	color:#ffffff;
	width:120px;
	height:19px;
	line-height:19px;
	cursor:pointer;
}

/*/_/_/_/_/_/_/_/_/_/_/_/*/
/*/		モニター１		/*/
/*/_/_/_/_/_/_/_/_/_/_/_/*/
#monitor1{
	position:relative;
	padding:0;
	margin:0;

	width:270px;
	height:200px;
	float:left;
}

#init{
	position:absolute;
	left:5px;
	top:45px; 
	z-index:10;
}

#mosterimg{
	position:absolute;
	left:12px;
	top:67px; 
	width:100px;
	height:100px;
}

#page_dsp{
	position:absolute;
	left:203px;
	top:215px;
	width:50px;
	height:12px;
	text-align:right;
}


#idno{
	width:45px;
	text-align:left;
	position:absolute;
	left:15px;
	top:48px;
}

#name{
	width:115px;
	text-align:left;
	position:absolute;
	left:54px;
	top:48px;
}

#cat{
	width:67px;
	text-align:right;
	position:absolute;
	left:180px;
	top:48px;
}

#exp{
	width:88px;
	text-align:right;
	position:absolute;
	left:153px;
	top:68px;
}

#gold{
	width:75px;
	text-align:right;
	position:absolute;
	left:166px;
	top:84px;
}

#area{
	width:110px;
	text-align:left;
	position:absolute;
	font-size:10px;
/*	font-weight:bold;*/
	left:13px;
	top:190px;
}

#item1{
	width:130px;
	text-align:left;
	position:absolute;
	left:123px;
	top:132px;
}

#item2{
	width:130px;
	text-align:left;
	position:absolute;
	left:123px;
	top:146px;
}

#minfo{
	width:140px;
	height:45px;
	text-align:left;
	position:absolute;
	line-height:12px;
	left:115px;
	top:166px;
}

/*/_/_/_/_/_/_/_/_/_/_/_/*/
/*/		モニター２		/*/
/*/_/_/_/_/_/_/_/_/_/_/_/*/
#monitor2{
	position:relative;
	margin:142px 0 0 0;
	padding:0;
/*	margin-left:146px;*/
	width:270px;
	height:200px;
	float:left;
}

.mlist{
	width:125px;
	padding-left:15px;
	text-align:left;
	cursor:pointer;

	color:#FFFFFF;
	font-size:10px;
	height:12px;
	line-height:14px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}


/*/_/_/_/_/_/_/_/_/_/_/_/*/
/*/		十字キー		/*/
/*/_/_/_/_/_/_/_/_/_/_/_/*/
#j_area{
	position:relative;
	width:148px;
	height:586px;
	float:left;
	padding:0;
	margin:0;
}

#j_left{
	width:34px;
	height:35px;
	position:absolute;
	cursor:pointer;
	left: 21px;
	top: 400px;
}

#j_right{
	width:34px;
	height:35px;
	position:absolute;
	cursor:pointer;
	left: 72px;
	top: 400px;
}

/*/_/_/_/_/_/_/_/_/_/_/_/*/
/*/		ボタン　		/*/
/*/_/_/_/_/_/_/_/_/_/_/_/*/
#b_area{
	position:relative;
	width:140px;
	height:586px;
	float:right;
	padding:0;
	margin:0;
}


/***********************

***********************/
.fcolor1{
	font-size:12px;
	color:#FFFFFF;
	height:10px; 
	line-height:12px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
.fcolor2{
	font-size:12px;
	color:#663300;
	height:10px; 
	line-height:12px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

.fcolor3{
	font-size:10px;
	color:#ffffff;
	height:10px; 
	line-height:10px;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
}


#sname{
	width:200px;
	font-size:14px;
	ime-mode: active;
}

#sdata{
	width:270px;
	margin:0;
	text-align:center;
}

#m-list{
	width:200px;
	font-size:12px;
}

#nolist{
	text-align:center;
	margin-top: 30px;
	margin-left:80px;
	padding-top:15px;
	width:100px;
	height:30px;
	border:solid 1px;
	border-color:#FFFFFF;
	background-color:#333300;
	color:#FFFFFF;
}