@import url("common.css");

/* ==================================================

モーハワイ☆サーバー  トップページ用スタイルシート
http://mo-server.com/css/toppage.css

===================================================== */

/* -----
メインカラム
================================================ */
div#main-col {
	float: left;
	width: 575px;
	margin-right: 31px;
}

/* モーハワイサーバのポイント */


div#point {
	margin-top: 10px;
}
div#point div {
	float: left;
	width: 184px;
	height: 142px;
	margin-right: 11px;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

div#point div p {
	text-indent: -99999px;
	overflow: hidden;
}

div#point div#point01 {
	background-image: url(../top_img/point01b.png);
}
div#point div#point02 {
	background-image: url(../top_img/point02b.png);
}
div#point div#point03 {
	background-image: url(../top_img/point03b.png);
	margin-right: 0;
}

/* PR広告について */

div#top-pr {
	width: 563px;
	margin-top: 10px;
	padding: 10px;
	padding-right: 0;
	padding-bottom: 3px;
	border: 1px solid #DDDDDD;
}

div#top-pr h3 {
	width: 283px;
	height: 80px;
	margin-bottom: 8px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../top_img/pr_catchcopy.gif) no-repeat;
}

div#top-pr img {
	float: right;
	margin-left: 18px;
}

div#top-pr a {
	margin-left: 180px;
	margin-top: 10px;
}


/* モーハワイとは？ */

div#about-mohawaii {
	clear: both;
	width: 358px;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	margin-top: 10px;
	padding-top: 10px;
	padding-left: 217px;
}

div#about-mohawaii {
	height: 116px;
	background: url(../top_img/about_mo_bg.gif) no-repeat;
}


div#about-mohawaii h4 {
	display: block;
	width: 204px;
	height: 29px;
	text-indent: -99999px;
	overflow: hidden;
	margin-bottom: 5px;
	background-repeat: no-repeat;
}

div#about-mohawaii h4 {
	background-image: url(../top_img/about_mo_title.png);
}


div#about-mohawaii p {
	clear: both;
}