@charset "utf-8";


#content{
	float: right;
	display: inline;
	width: 540px;
	margin: 0px 10px;
}


/*　h2　 */
#content h2{
	margin: 30px 0px;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 30px;
	text-indent: 20px;
	background: url(../img/h2.jpg) top left no-repeat;
}


/*　h3　*/
#content h3{
	height: 24px;
	margin: 30px 0px;
	padding: 3px 10px 0px 20px;
	font-size: 1.0em;
	font-weight: bold;
	background: url(../img/h3.jpg) top left no-repeat;
}


/*　p　*/
#content p{
	margin: 30px;
	line-height: 160%;
}


/* img  */
#content img.left{
	float: left;
	display: inline;
	margin: 0px 10px 10px 0px;
}

#content img.right{
	float: right;
	display: inline;
	margin: 0px 0px 10px 10px;
}


/*　ul li　*/
#content ul{ margin: 30px; }

#content ul li{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	background: url(../img/list.gif) left top no-repeat;
}

/*　更新情報　*/
#content ul.update{
	padding: 10px 0px;
	border: 1px #003399 dotted;
}

#content ul.update li{
	margin: 10px;
	padding: 0px 0px 10px 10px;
	border-bottom: 1px #003399 dotted;
	background: none;
}

/*　rssリンク　*/
#content ul.update li.rss{
	margin: 0px 10px 0px 200px;
	padding: 0px 0px 0px 35px;
	line-height: 30px;
	border: none;
	background: url(../img/rss_icon.gif) left top no-repeat;
}


/*　dl dt dd　*/
#content dl{
	margin: 30px;
	padding: 15px;
	border: 1px #003399 solid;
}

#content dl dt{
	font-size: 1.2em;
	text-indent: 10px;
	color: #003399;
	border-bottom: 3px #003399 double;
}

#content dl dd{
	margin: 10px;
	line-height: 160%;
}


/* blockquote */
#content blockquote{
	margin: 30px;
	border-left: 3px #003399 double;
	background-color: #f9f9f9;
}



/*　table tr th td　*/
#content table{
	margin: 30px;
	font-size: 1.0em;
	empty-cells: show;
	border-spacing: 0px;
	border-collapse: collapse;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background-color: #fff;
}

#content table tr th{
	margin: 1px;
	padding: 7px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #003399;
}

#content table tr td{
	padding: 7px;
	text-align: left;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}



/*　ランキング　*/
#content .ranking{
	margin: 30px;
	border: 1px #003399 dotted;
}

#content .ranking dl{
	margin: 10px 0px;
	padding: 5px 5px 10px 5px;
	border: none;
	border-bottom: 3px #003399 double;
}

#content .ranking dl.ranking-3{ border: none; }


#content .ranking dl dt{
	margin: 10px 0px 0px 60px;
	font-size: 1.4em;
	font-weight: bold;
	border: none;
	line-height: 50px;
}

#content .ranking dl.ranking-1 dt{ background: url(../img/ranking-1.jpg) left top no-repeat; }
#content .ranking dl.ranking-2 dt{ background: url(../img/ranking-2.jpg) left top no-repeat; }
#content .ranking dl.ranking-3 dt{ background: url(../img/ranking-3.jpg) left top no-repeat; }


#content .ranking dl dt.img{
	float: left;
	margin: 0px 20px 0px 0px;
	background: none;
}

#content .ranking dl dt.text{
	margin: 0px 0px 0px 150px;
	text-indent: 50px;
}


#content .ranking dl dd{
	margin: 10px;
	font-size: 0.9em;
}


/*　口コミ系　*/
#content .review{
	margin: 30px;
	min-height: 250px;
	border: 1px #003399 dotted;
}

/*　人物左側　*/
#content .person-l{ padding: 20px 30px 20px 120px; }

#content .person-l-01{ background: url(../img/person-l-01.gif) 20px 20px no-repeat; }
#content .person-l-02{ background: url(../img/person-l-02.gif) 20px 20px no-repeat; }
#content .person-l-03{ background: url(../img/person-l-03.gif) 20px 20px no-repeat; }
#content .person-l-04{ background: url(../img/person-l-04.gif) 20px 20px no-repeat; }
#content .person-l-05{ background: url(../img/person-l-05.gif) 20px 20px no-repeat; }

/*　人物右側　*/
#content .person-r{ padding: 20px 120px 20px 30px; text-align: right; }

#content .person-r-01{ background: url(../img/person-r-01.gif) right 10px no-repeat; }
#content .person-r-02{ background: url(../img/person-r-02.gif) right 10px no-repeat; }
#content .person-r-03{ background: url(../img/person-r-03.gif) right 10px no-repeat; }
#content .person-r-04{ background: url(../img/person-r-04.gif) right 10px no-repeat; }
#content .person-r-05{ background: url(../img/person-r-05.gif) right 10px no-repeat; }


#content .review p{
	display: inline;
	margin: 0px;
	font-size: 0.9em;
	line-height: 200%;
	border-bottom: 1px #003399 dotted;
}

#content .review .person-2 p{ margin: 0px 100px 0px 0px; }