/* おすすめサイト　 */

body{
	font-family: verdana,arial,helvetica,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}


#recommendHead{
	margin: 0 auto 10px; width: 590px;
}


#recommendIndexHead{
	margin: 0 auto 10px; width: 650px;
}


#recommendBox{
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	padding: 15px;
	margin: 0 auto;
	width: 618px;
}


#recommendBoxDetail{
	border: solid 1px #cccccc;
	padding: 15px;
	margin: 0 auto;
	width: 618px;
}


#recommendArea{
	background-color: #feeabe;
	padding: 15px;
	width: 560px;
}

.recommendSiteTitleBox{
	background-color: #FCF2DA;
	border: solid 1px #ccc;
	padding: 10px;
	width: 598px;
}

.recommendSiteBannerBox{
	float: left;
	padding-right: 8px;
	width: 120px;
}

.recommendSiteTitleLine{
	float: left;
	width: 470px;
}

.recommendSiteTitleLine a{
	color: #000000;
	text-decoration: none;
}

.recommendSiteTitleLine a:hover{
	color: #2676be;
	text-decoration: none;
}

.recommendSiteCatch{
	color: #000000;
	font-size: 12px;
	padding: 0 0 5px 0;
}

.recommendSiteTitle{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
}

.recommendSiteUrl{
	background: url(../images/arrow15.gif) no-repeat left 2px;
	font-size: 12px;
	padding-left: 12px;
	float: right;
}

#recommendSitePreviewArea{
	background-color: #ffffff;
	font-size: 12px;
	padding: 10px;
	width: 600px;
}

.recommendSitePreviewBox{
	padding-bottom: 15px; padding-right: 10px; width: 600px;
}

.recommendSitePreviewImg{
	float: left;
	padding-right: 8px;
	width: 200px;
}

.recommendSiteTextArea{
	background-color: #ffffff;
	float: left;
	width: 392px;
}

.recommendSiteDetailTextArea{
	background-color: #ffffff;
	float: right;
	width: 380px;
}

.recommendSiteDetailPreviewArea{
	width: 570px;
}

.recommendSiteDetailPreviewImg{
	float: left; width: 250px; padding-right: 8px;
}

.recommendSiteDetailPreviewText{
	float: right; width: 290px;
}

.recommendSiteTextItem{
	border-bottom: solid 1px #cccccc;
	padding: 3px;
}

.recommendSiteText{
	padding: 3px;
}

.recommendSiteTextItem2{
	border-bottom: solid 1px #cccccc;
	padding: 12px 3px 3px;
}

.recommendSiteText2{
	padding: 12px 3px 3px;
}

.recommendSiteText3{
	padding: 20px 3px 3px;
}


.recommendCornerIcon{
	float: left;
	width: 24px;
}

.recommendCornerTitle{
	float: left;
	font-size: 12px;
	padding-left: 7px;
	padding-top: 2px;
}


.recommendSitePointArea{
	padding: 15px; background-color: #FCF2DA; border: solid 1px #fde7b3;
}


.recommendHeadMiddle{
	margin: 0 0 5px;
	width: 570px;
}




.recommendIntroTitle{
	background: url(../images/recommend_title_back.jpg) no-repeat left top;
	padding: 10px 20px;
	height: 15px;
	width: 610px;
	margin: 25px auto 0;
	font-size: 14px;
	font-weight: bold;
	color: #f96115;
}


/* サイト紹介1段分 */
.recommendIntroBlock{
	width: 620px;
	margin: 0 auto;
}


/*  1サイト分 */
.recommendSiteBlock{
	float: left;
	background-color: #FFF2E6;
	width: 166px;
	padding: 15px;
	margin-right: 16px;
}

/*  1サイト分 右端 */
.recommendSiteBlockEnd{
	float: left;
	background-color: #FFF2E6;
	width: 166px;
	padding: 15px;
}

/* サイト名 */
.recommendSiteName{
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding-bottom: 3px;
	height: 17px;
}

/* 紹介文 */
.recommendSiteIntro{
	font-size: 12px;
	line-height: 1.6;
	text-align: left;
	padding-top: 3px;
	border-top: dotted 1px #aaa;
}

.recommendShowdetailBig{
	text-align: right;
}

.siteImage{
	border: solid 1px #aaa;
}

.recommendSiteIntroRead{
	height: 107px;
}





/* おすすめポイント */
.recommendSitePoint{
	border-top: dotted 1px #aaa;
	font-size: 12px;
	line-height: 1.8;
	text-align: left;
	padding: 3px 0 5px;
	height: 98px;
}

.recommendSitePoint ul{
	padding: 0;
	margin: 0;
}

.recommendSitePoint ul li{
	list-style-type: none;
	background: url(../images/recommend_site_list_point.gif) no-repeat 5px 8px;
	padding-left: 16px;
}

.recommendSitePointTitle{
	background: url(../images/recommendsitepoint_title.gif) no-repeat left 3px;
	height: 19px;
	text-indent: -9999px;
	padding-bottom: 5px;
}



/* おすすめ度 */
.recommendSiteLevel{
	border-top: dotted 1px #aaa;
	font-size: 12px;
	line-height: 1.8;
	text-align: left;
	padding-top: 3px;
}

.recommendSiteLevel ul{
	padding: 0;
	margin: 0;
}

.recommendSiteLevel ul li{
	list-style-type: none;
	padding-left: 16px;
}


.recommendSiteLevelTitle{
	float: left;
}

.height19{
	height: 19px;
	padding-bottom: 3px;
}



.recommendExampleArea{
	width: 620px; padding: 15px; background-color: #eee; margin: 20px auto 0;
}
	

.recommendExampleRead{
	font-size: 12px; padding: 0 20px;
}




.recommendExampleBox1{
	float: left;
	width: 280px;
	margin-top: 20px;
}

.recommendExampleBox1 ul{
	padding: 0 0 0 16px;
	margin: 0;
}

.recommendExampleBox1 ul li{
	background: url(../images/recommend_site_list_point.gif) no-repeat 5px 8px;
	list-style-type: none;
	padding-left: 16px;
	font-size: 12px;
	line-height: 1.6;
}


.recommendExampleBox2{
	float: right;
	width: 335px;
	margin-top: 20px;
}

.recommendExampleBox2 ul{
	padding: 0 0 0 16px;
	margin: 0;
}

.recommendExampleBox2 ul li{
	background: url(../images/recommend_site_list_point.gif) no-repeat 5px 8px;
	list-style-type: none;
	padding-left: 16px;
	font-size: 12px;
	line-height: 1.6;
}
	


	
.recommendExampleTitle{
	padding: 10px 20px;
	height: 15px;
	width: 580px;
	margin: 0 auto;
	font-size: 14px;
	font-weight: bold;
	color: #f96115;
}



#recommendPageTop{
	width: 650px; margin: 5px auto;
}

#recommendPageTop a{
	color: #000000;
	text-decoration: none;
}

#recommendPageTop a:hover{
	color: #000000;
	text-decoration: underline;
}

.recommendGoPageTop{
	float: right;
	background: url(../images/arrow_up.gif) no-repeat left 6px;
	font-size: 12px;
	padding-left: 10px;
}


/*-- IE7 --*/
*:first-child+html .recommendGoPageTop{
	float: right;
	background: url(../images/arrow_up.gif) no-repeat left 3px;
	font-size: 12px;
	padding-left: 10px;
}
/*-- //IE7 --*/