@charset "UTF-8";

#main_top { margin: 15px 0px 30px 0px; width: 382px; text-align: left; float: left; }

#sub_image { margin: 0px 0px 16px 20px; }

.title_image { margin: 0px 0px 0px 18px; }

#news { margin: 5px 0px 12px 25px; }
#news ul { margin: 0px; padding: 0px; width: 342px; list-style: none; }
#news ul li { padding: 0px 0px 5px 0px; color: #444444; font-size: 78%; line-height: 1.3; }

#recommend { margin: 0px 0px 8px 0px; width: 387px; }
#recommend ul { margin: 0px 0px 0px 20px; padding: 0px; list-style: none; }
#recommend ul li { margin: 0px 12px 10px 0px !important; margin: 0px 9px 10px 0px; padding: 9px 9px 8px 9px; width: 149px !important; width: 169px; border: solid 1px #BDA988; float: left; }
.recommend { margin: 8px 0px 0px 0px; padding: 0px 0px 0px 3px; width: 107px !important; width: 110px; font-size: 78%; line-height: 1.3; float: left; }
.recommend_button { margin: 1.4em 0px 0px 0px; width: 39px; float: right; }

#project { margin: 0px 0px 0px 20px; }

#beta { margin: 3px 0px 0px 0px; width: 198px; float: right; }

#ranking { margin: 0px 3px 0px 0px; width: 192px; }
#ranking ul { margin: 0px; padding: 0px; width: 192px; list-style: none; }
#ranking ul li { border-top: solid 1px #BDA988; background-color: #F6F1DC; font-size: 78%; }
#ranking01 { padding: 5px 0px 5px 38px; background: url(../images_top/ranking01.gif) 10px 3px no-repeat; text-align: left; }
#ranking02 { padding: 5px 0px 5px 38px; background: url(../images_top/ranking02.gif) 10px 3px no-repeat; text-align: left; }
#ranking03 { padding: 5px 0px 5px 38px; background: url(../images_top/ranking03.gif) 10px 3px no-repeat; text-align: left; }
#ranking_list { padding: 3px 10px 5px 0px; text-align: right; }
#ranking_list img { margin: 0px 0px 0px 3px; }

#banner { margin: 1px 3px 2px 0px; }
#reserve { margin: 0px 0px 2px 0px; }
#feature { margin: 0px 0px 2px 0px; }
#mobile { margin: 0px 0px 30px 0px; }


.mokuji {
	font-size: 0.8em;
}