@charset "Shift_JIS";
/*　お勧めサイト用スタイルシート　*/

div#main table th {
	width:24%;
}

/* お勧めサイト１ 項目部分にサイトの基本カラーで塗り潰し　*/
table.nice1 {
	border-collapse:collapse;
	color:#101010;
}
table.nice1 th,table.nice1 td {
	padding:10px 15px;
	line-height:1.7em;
}

table.nice1 th {
	border:1px solid #999999;
	background-color:#FAFEE4;
}

table.nice1 td {
	text-align:left;
	border:1px solid #999999;
	line-height:1.5em;
}

/* お勧めサイト２ 項目の左側に行頭マークを設定、htmlのｔｈ内の文字列に<p>タグをつける　*/
table.nice2 {
	border-collapse:collapse;
	color:#101010;
}
table.nice2 th,table.nice2 td {
	padding:10px 15px;
	text-align:left;
	line-height:1.7em;
	border-bottom:1px dotted #696969;
	border-top:1px dotted #696969;
}
table.nice2 th p {
	border-left:15px solid #669900;
	color:#101010;
	padding-left:5px;
}

/* お勧めサイト３ 項目の左側に強調のラインを設定し、サイトのカラーで塗り潰し　*/
table.nice3 {
	border-collapse:collapse;
	color:#101010;
}
table.nice3 th,table.nice3 td {
	padding:10px 15px;
	line-height:1.7em;
}

table.nice3 th {
	border:1px solid #999999;
	border-left:5px solid #669900;
	background-color:#efefef;
}

table.nice3 td {
	text-align:left;
	border:1px solid #999999;
	line-height:1.7em;
}

/* お勧めサイト４ 項目の左側に強調ラインを設定　*/
table.nice4 {
	border-collapse:collapse;
	color:#101010;
}
table.nice4 th,table.nice4 td {
	padding:10px 15px;
	line-height:1.7em;
}
table.nice4 th {
	border:1px solid #999999;
	border-left:5px solid #669900;
}
table.nice4 td {
	text-align:left;
	border:1px solid #999999;
}