@charset "utf-8";

/* main-image */
#main-image { margin:0 auto; width:770px; }
#main-image h1 { margin:0; padding:0; }


/* title */
body#BodyHome h2 { margin-bottom:10px; background-position:0 0; background-repeat:no-repeat; }
body#BodyHome h2#t-newface { margin-bottom:0; width:114px; height:25px; background-image:url("../images/t_newface.gif"); }
body#BodyHome h2#t-howto { width:187px; height:30px; background-image:url("../images/t_howto.gif"); }
body#BodyHome h2#t-present { width:540px; height:30px; background-image:url("../images/t_present.gif"); }
body#BodyHome h2#t-country { width:209px; height:30px; background-image:url("../images/t_country.gif"); }

body#BodyHome h3 { margin-bottom:5px; font-weight:normal; line-height:1.3em; }

div.title-body02 { width:540px; }
div.title-title { width:210px; float:left; }
div.title-text { width:330px; float:left; }

/* table */
table#table-login { margin-top:2px; }
table#table-login th { padding:3px; text-align:left; font-weight:normal; }
table#table-login td { padding:3px; }
table#table-login td input { border:1px #C91820 solid; font-size:small; }


/* login */
p#pointarea {
	padding:7px 10px;
	border:1px #ED76B0 dashed;
	color:#3D66BE;
	background-color: #FFFFFF;
}
p.m-comment,p.m-info,p.m-page { margin-bottom:7px; padding:0 0 7px 22px; background-position:0 0; background-repeat:no-repeat; border-bottom:1px #C9181E dashed; }
p.m-comment { background-image:url("../images/m_comment.gif"); }
p.m-info { background-image:url("../images/m_info.gif"); }
p.m-page { background-image:url("../images/m_page.gif"); }


/* newface */
div#newface-body {
	padding:4px;
	background-color:#FFF;
	border:1px #CC1F25 solid;
	margin-bottom: 10px;
}
div#newface-image { width:46px; float:left; }
div#newface-text { width:128px; float:left; }


/* user-navi */
div#user-navi {
	margin-bottom: 10px;
	text-align: center;
}


/* ranking */
div#ranking-body {
	padding:4px;
	background-color:#FFF;
	border:1px #C8191E solid;
}

p.p-ranktit { 
	color:#C8191E;
	position: static;
	text-align: center;
	padding: 3px;
	margin-bottom:0;
}

p.p-rankr { 
	padding:4px;
	margin-bottom:0;
	background-color: #F5D2D3;
	color: #000000;
	}
	
p.p-rankh { 
	padding:4px;
	margin-bottom:0;
	background-color: #FFFFFF;
	color: #000000;
	}	


/* topics */
div#topics-body {
	width:328px;
	padding-left: 17px;
	padding-right: 5px;
}

ul {
	list-style-image: url(../images/topi_icon.gif);
	list-style-position: outside;
} 

table#table-topics {
	margin-bottom: 15px;
}
table#table-onsen th { padding:0px; text-align:left; font-weight:normal; }
table#table-onsen td { padding:0px; }


/* user-navi */
div#user-navi {
	margin-bottom: 10px;
	text-align: center;
}


/* banner-onsen */
div#onsen-body {
	width:250px;
	background-image: url(../images/b_onsen.gif);
	background-repeat: no-repeat;
	height: 65px;
	text-align: center;
}

table#table-onsen {
	margin: 15px 10px;
}
table#table-onsen th { padding:0px; text-align:left; font-weight:normal; }
table#table-onsen td { padding:0px; }


/* present */
div#present-body { margin-bottom:20px; width:540px; }
div#present-text { width:420px; float:left; }
div#present-photo { padding-left:20px; width:100px; float:left; }


/* map */
#spamist-map { position:relative; width:540px; height:244px; }
#spamist-map div { position:absolute; top:120px; left:70px; color:#C8191E; }



/* country */
div#country-body { margin-bottom:20px; width:540px; }
div#country-text { width:350px; float:left; }
div#country-photo { padding-left:18px; width:172px; float:left; }