/****************************************/
/*               基本設定               */
/****************************************/
body{
	margin: 0;
	color: #333;
	line-height: 100%;
	background: #fff;
	font-size: 12px;
}

a { color: #45c4ff; text-decoration: underline; }
a:hover{ color: #ff5860; text-decoration: none; }

a img { border: 0; text-decoration: none; }
p { margin: 5px 0; }
h3 { font-size: 14px; font-weight: bold; }

ul { margin: 10px 0; padding: 0 0 0 17px; }
ol { margin: 0 0 10px 0; padding: 0 0 0 2.0em; }
table {
	font-size: 12px;
	border-collapse: collapse;
}
table th,table td{ line-height: 140%; vertical-align: top; }

/****************************************/
/*               基本構成               */
/****************************************/
#content{
	width: 505px;
	margin: 0;
	padding: 0;
	background: #fff;
	border: 0;
}

/****************************************/
/*             本文領域設定             */
/****************************************/
#content h3{
	width: 505px;
	height: 35px;
	margin: 0;
	padding: 0;
	line-height: 100%;
	font-size: 12px;
}

#content p,.content p{
	margin: 10px 0 0 0;
	padding: 0;
}

/*** ページタイトル設定 ***/
h3#ttl_ranking{
	background: url("../images/ttl_ranking.gif") 0 0 no-repeat;
	text-indent: -9999px;
}

h3#ttl_new{
	background: url("../images/ttl_new.gif") 0 0 no-repeat;
	text-indent: -9999px;
}

h3#ttl_chumoku{
	background: url("../images/ttl_chumoku.gif") 0 0 no-repeat;
	text-indent: -9999px;
}

h3#ttl_osusume{
	background: url("../images/ttl_osusume.gif") 0 0 no-repeat;
	text-indent: -9999px;
}

/* 新着ブログ */
#list_new {
	margin: 0 auto;
	text-align: center;
}
#list_new table{
	margin: 0 auto;
	text-align: center;
}
#list_new td,
#list_new th{
	width: 90px;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
}

/* おすすめブログ */
#side_right{
	width: 220px;
	margin: 0;
	padding: 0;
}
#side_osusume{
	margin: 0 0 10px 0;
	padding: 0;
	border: 1px solid #ffd200;
}
#side_osusume h3{
	width: 218px;
	height: 33px;
	margin: 0;
	padding: 0;
	line-height: 100%;
	font-size: 12px;
	text-indent: -9999px;
	background: url("../images/ttl_side_osusume.gif") 0 0 no-repeat;
}

#side_osusume #list_osusume {
	margin: 0;
	padding: 10px;
	background: #fff;
}
#side_osusume #list_osusume td a{ color: #ff5961; }

/* 詳細設定 */
td.img150{
	width: 150px;
	height: 150px;
	padding:0;
	border: 0;
	text-align: center;
	vertical-align: middle;
	border-right: 7px solid #fff;
	border-bottom: 10px solid #fff;
	background: url("../images/noimage.gif") 50% 50% no-repeat;
	line-height: 100%;
}
td.img90{
	width: 90px;
	height: 90px;
	padding:0;
	border: 0;
	text-align: center;
	vertical-align: middle;
	border-right: 7px solid #fff;
	border-bottom: 10px solid #fff;
	background: #fff url("../images/noimage_s.gif") 50% 50% no-repeat;
	line-height: 100%;
}
span.rank_newest{
	display: block;
	float: left;
	width: 32px;
	hieght: 32px;
	margin: 5px 0 10px 0;
	border-right: 5px solid #fff;
}
td.rank_newest{
	width: 45px;
	margin: 0;
	padding: 1px 0;
	background: #ff5961;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 130%;
	border-right: 1px solid #fff;
	border-bottom: 10px solid #fff;
	vertical-align: middle;
}
span.rank_last{
	display: block;
	float: left;
	width: 45px;
	margin: 5px 0 0 0;
	padding: 1px 0;
	background: #eee;
	font-size: 10px;
	text-align: center;
	line-height: 130%;
	border-right: 5px solid #fff;
	vertical-align: middle;
}
td.rank_last{
	width: 45px;
	margin: 0;
	padding: 1px 0;
	background: #eee;
	font-size: 10px;
	text-align: center;
	line-height: 130%;
	border-right: 5px solid #fff;
	border-bottom: 10px solid #fff;
	vertical-align: middle;
}
th.rank_num{
	margin: 0;
	padding: 0 5px;
	background: #ccc;
	color: #666;
	border-right: 5px solid #fff;
	 border-bottom: 10px solid #fff;
	vertical-align: middle;
}
.w155 { width: 155px; padding: 0 0 5px 0; border-bottom: 10px solid #fff; }
.w125 { width: 125px; padding: 0 5px 0 0; border-bottom: 10px solid #fff; }
.w100 { width: 100px; }
.w-full { width: 505px; }

p.link_more {
	margin: 0;
	padding: 0;
	text-align: right;
	font-family: Arial, Helvetica;
}
p.link_more a{ color: #333; }

/****************************************/
/*           各コンテンツ設定           */
/****************************************/

/****************************************/
/*              フッタ設定              */
/****************************************/
#foot{
	clear: both;
	overflow: hidden;
	width: 1000px;
	margin: 20px 0 0;
	padding: 15px 0;
	color: #666;
	background: #eee;
	border-top: 1px solid #cdcdcd;
}

#copyright p{
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 160%;
	font-family: Arial, Helvetica;
}
#copyright p a{ color: #666; text-decoration: none; }
#copyright p a:hover{ text-decoration: underline; }

/****************************************/
/*               共通設定               */
/****************************************/
/* 行揃え設定 */
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }

/* フロート設定 */
.clear { clear: both; }
.f-left { float: left; display: inline; }
.f-right { float: right; display: inline; }

/* ディスプレイ設定 */
.block { display: block; }
.inline { display: inline; }

/* マージン設定 */
.mgn5 { margin: 5px; }
.mgn-top5 { margin-top: 5px; }
.mgn-btm5 { margin-bottom: 5px; }
.mgn-left5 { margin-left: 5px; }
.mgn-right5 { margin-right: 5px; }
.mgn10 { margin: 10px; }
.mgn-top10 { margin-top: 10px; }
.mgn-btm10 { margin-bottom: 10px; }
.mgn-left10 { margin-left: 10px; }
.mgn-right10 { margin-right: 10px; }

/* パディング設定 */
.pdg5 { padding: 5px; }
.pdg10 { padding: 10px; }
.pdg-top10 { padding-top: 10px; }
.pdg-btm10 { padding-bottom: 10px; }
.pdg-left10 { padding-left: 10px; }
.pdg-right10 { padding-right: 10px; }
.pdg20 { padding: 20px; }
.pdg-top20 { padding-top: 20px; }
.pdg-btm20 { padding-bottom: 20px; }
.pdg-left20 { padding-left: 20px; }
.pdg-right20 { padding-right: 20px; }

/* フォント設定 */
.arial { font-family: Arial, Helvetica; }

.bold { font-weight: bold; }
.normal { font-weight: normal; }

.large { font-size: 1.2em; }
.small { font-size: 0.85em; line-height: 140%; }

.acc01 { color: #45c4ff; }
.acc02 { color: #ff5961; }
.acc03 { color: #00b5b8; }
.acc04 { color: #666; }
.acc05 { color: #f00; }

/* 背景設定 */
.bg01{ background: #eee; }
.bg02{ background: #ccc; }
.bg03{ background: #eaf8ff; }
.bg04{ background: #ffd8da; }
.bg05{ background: #fffccc; }
.bg06{ background: #fff; }

/* フォーム設定 */
.txtbox_s { width: 116px; }

/* テーブル設定 */
.box01 {
	width: 91%;
	margin: 0 auto;
	font-size: 12px;
	border-collapse: collapse;
	border: 1px solid #ccc;
}
.box01 th{
	padding: 10px;
	font-weight: normal;
	background: #eee;
	border: 1px solid #ccc;
	white-space: nowrap;
	text-align: left;
	vertical-align: middle;
}
.box01 td{
	padding: 10px;
	border: 1px solid #ccc;
	text-align: left;
}

.box02 {
	margin: 10px 0;
	padding: 10px;
	font-size: 12px;
	border-collapse: collapse;
	border: 1px solid #ccc;
}

/* ライン設定 */
.line01{
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #ccc;
}
.line02{
	padding: 5px 0;
	background: #fff url("../images/line01.gif") 0 10px repeat-x;
}

/* リスト設定 */
#content .list01 {
	margin: 0;
	padding: 10px 15px;
}

#content .list01 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content .list01 ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content .list01 ul li a{
	color: #333;
	margin: 0;
	padding: 0 0 0 15px;
	background: url("../images/list_mark01.gif") 0 0.25em no-repeat;
}

#content .list01 ul li a:hover{
	background: #ffc url("../images/list_mark01.gif") 0 0.25em no-repeat;
}

.list02 {
	margin: 0;
	padding: 0 10px;
}

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

ul.list02 {
	margin: 0;
	padding: 0 10px 10px 10px;
}

.list02 li{
	margin: 4px 0;
	padding: 0 0 0 15px;
	list-style: none;
	background: url("../images/list_mark03.gif") 0 0.5em no-repeat;
}

.list02 li a{
	text-decoration: none;
	border-bottom: 1px dotted #f70;
}

.list02 li a:hover{
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}

.mark01{
	padding: 0 0 0 15px;
	background: url("../images/list_mark01.gif") 0 0.5em no-repeat;
}
.mark02{
	padding: 0 0 0 15px;
	background: url("../images/list_mark02.gif") 0 0.5em no-repeat;
}
.mark03{
	padding: 0 0 0 15px;
	background: url("../images/list_mark03.gif") 0 0.5em no-repeat;
}