@charset "utf-8";
/* *****************************************************************************

  index.html CSS

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

/*

  Welcome メッセージ

*/
#page_index_welcome {
	position: relative;
	overflow: hidden;
	width: 700px;
	height: 300px;
	background-image: url("../img/index/welcome.jpg");
	background-repeat: no-repeat;
}
#page_index_welcome h2 {
	display: none;
}
#page_index_welcome p {
	position: absolute;
	width: 340px;
	top: 210px;
	left: 50px;
	font-size: 93%;
	font-weight: bold;
	color: #0e3803;
}

/*

  注目の予想サイト

*/
#page_index_pickup {
	width: 700px;
	margin-bottom: 10px;
}
#page_index_pickup h2 {
	width: 700px;
	height: 25px;
	margin-bottom: 10px;
	background-image: url("../img/index/pickup_headline.jpg");
	background-repeat: no-repeat;
}
#page_index_pickup h2 span {
	display :none;
}
#page_index_pickup ul {
	width: 700px;
}
#page_index_pickup ul:after {
	content: '.';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#page_index_pickup ul li {
	float: left;
}
#page_index_pickup ul li:after {
	content: '.';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/* 1 - 3 共通 */
#page_index_pickup ul li#page_index_pickup-01,
#page_index_pickup ul li#page_index_pickup-02,
#page_index_pickup ul li#page_index_pickup-03 {
	width: 205px /* 227, 225, 227 */;
	height: 350px;
	margin-bottom: 10px;
	border: 1px solid #aaa;
	padding: 10px;
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
#page_index_pickup ul li#page_index_pickup-01 {
	background-image: url("../img/index/pickup_no01_back.jpg");
}
#page_index_pickup ul li#page_index_pickup-02 {
	width: 204px;
	margin: 0 10px 10px;
	background-image: url("../img/index/pickup_no02_back.jpg");
}
#page_index_pickup ul li#page_index_pickup-03 {
	background-image: url("../img/index/pickup_no03_back.jpg");
}

#page_index_pickup ul li h3 {
	margin: 5px 0 15px 35px;
	font-size: 85%;
}
#page_index_pickup ul li h3 a {
	font-weight: bold;
}
/* 画像 */
#page_index_pickup ul li .page_index_pickup-image {
	margin-top: 10px;
	text-align: center;
}
#page_index_pickup ul li .page_index_pickup-image img {
	overflow: hidden;
	width: 120px;
	margin-bottom: 10px;
	border: 2px solid #ccc;
	vertical-align: bottom;
}
#page_index_pickup ul li .page_index_pickup-info {
	height: 130px;
}
#page_index_pickup ul li .page_index_pickup-info .page_index_pickup-summary {
	font-size: 85%;
	font-weight: bold;
	color: red;
}
#page_index_pickup ul li .page_index_pickup-info .page_index_pickup-explanation {
	font-size: 85%;
}

/* 詳細ボタン */
#page_index_pickup ul li .page_index_pickup-link .page_index_pickup-details {
	display: block;
	width: 180px;
	height: 29px;
	margin: 20px auto;
	background-image: url("../img/index/pickup_details_buttomMini.jpg");
	background-repeat: no-repeat;
}
#page_index_pickup ul li .page_index_pickup-link .page_index_pickup-details:hover {
	background-position: 0 -29px;
}
#page_index_pickup ul li .page_index_pickup-link .page_index_pickup-details span {
	display: none;
}


/*

  新着コメント

*/
#page_index_newComment {
	margin-bottom: 20px;
}
#page_index_newComment h2 {
;	width: 700px;
	height: 25px;
	margin-bottom: 10px;
	background-image: url("../img/index/newComment_headline.jpg");
	background-repeat: no-repeat;
}
#page_index_newComment h2 span {
	display: none;
}
#page_index_newComment ul {
	width: 673px;
	border: 1px solid #aaa;
	padding :10px 10px 10px 15px;
}
#page_index_newComment ul li {
	font-size: 85%;
}
#page_index_newComment ul li .page_index_newComment-date {
	padding-right: 10px;
	color: #5faa2d;
}

/*

  新着予想サイト

*/
#page_index_newSite {
	margin-bottom: 20px;
}
#page_index_newSite h2 {
;	width: 700px;
	height: 25px;
	margin-bottom: 10px;
	background-image: url("../img/index/newSite_headline.jpg");
	background-repeat: no-repeat;
}
#page_index_newSite h2 span {
	display: none;
}
#page_index_newSite ul {
	width: 673px;
	border: 1px solid #aaa;
	padding :10px 10px 10px 15px;
}
#page_index_newSite ul li {
	font-size: 85%;
}
#page_index_newSite ul li .page_index_newSite-date {
	padding-right: 10px;
	color: #5faa2d;
}


