* {	
	padding:0;
	margin: 0;
}	
	
body {	
	background-color: #f0f8ff;
	font-size: 14px;
	line-height: 140%;
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	color:#555555;
}	
	
img {	
	vertical-align: top;
	border: 0;
}	
	
a {	
	color:#b22222;
}	
	
a:hover {	
	text-decoration: none;
	color: #8b008b;
}	
	
hr {	
	clear: both;
	height: 1px;
	color: #ffffff;
	background-color: #ffffff;
}	
	
	
/*	
ベース	
-------------------------------------------------------------------*/	
#hp_base {	
	width:800px;
	margin-right: auto;
	margin-left: auto;
	background-color: #f8f8ff;
	border: 1px solid #ffffff;
}	
	
#hp_main {	
	width: 800px;
	float: left;
	background-image: url(img/sidebar.gif);
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;
}	
	
	
/*	
ヘッダー	
-------------------------------------------------------------------*/	
	
#header {	
	height:65px;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	background-color:#b22222;
}	
	
#header .logo_h {	
	font-size: 26px;
	font-weight: bold;
	color: #FF8C3F;
}	
	
	
p#hp_subtit a {	
	font-size: 24px;
	color: #FFFFFF;
	text-decoration: none;
	position: absolute;
	line-height: 30px;
	right: 20px;
	top: 30px;
	font-weight: bold;
	text-align:right;
}	
	
p#hp_subtit a:hover {	
	color: #ECF7FF;
}	
	
h1 {	
	position: absolute;
	font-size: 10px;
	color: #ffffff;
	right: 20px;
	line-height: 18px;
	top: 5px;
	font-weight: lighter;
}	
	
#header #head_bn {	
	position: absolute;
	top: 20px;
	right: 20px;
}	
	
#header #navi {	
	position: absolute;
	bottom: 2px;
	line-height: 20px;
	height: 20px;
	right: 20px;
}	
#header #navi li {	
	display: inline;
	list-style-type: none;
	padding-right: 5px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ffffff;
}	
#header #navi a {	
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 18px;
	padding-top: 2px;
}	
#header #navi a:hover {	
	color: #0099CC;
	background-color: #FFFFFF;
}	
	
#header #logo {	
	position: absolute;
	left: 0px;
	bottom: 20px;
}	
	
/*	
コンテンツ	
-------------------------------------------------------------------*/	
	
#hp_contents {	
	width:560px;
	float: left;
	padding-left: 10px;
}	
	
#hp_contents img {	
	margin: 5px;
}	
	
#hp_contents p{	
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 26px;
	background-image: url(img/note.gif);
	background-position: 0px 5px;
}	
	
#hp_contents #pan {	
	font-size: 12px;
	margin-bottom: 5px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ffffff;
}	
#hp_contents .title_01,	
#hp_contents h2 {	
	font-size: 20px;
	padding-left: 5px;
	color: #ffffff;
	line-height: 36px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-left: 0px;
	padding-right:15px;
	font-weight: bold;
	background-color: #cd5c5c;
	text-align:right;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #b22222;
}	
#hp_contents .title_02,	
#hp_contents h3 {	
	font-size: 16px;
	padding-left: 7px;
	color: #333333;
	margin-top: 15px;
	margin-bottom: 5px;
	padding-top: 2px;
	line-height: 24px;
	font-weight: bold;
	clear: both;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #cd5c5c;
	padding-bottom: 1px;
}	
	
/*	
サイド・メニュー	
-------------------------------------------------------------------*/	
#hp_side {	
	float: right;
	width: 210px;
	padding-right: 10px;
}	
	
#osusume {	
	padding-bottom: 5px;
	margin-bottom: 5px;
	background-color: #f5deb3;
}	
	
.menu_list {	
	padding-bottom: 5px;
	margin-bottom: 5px;
	background-color: #fffacd;
}	
	
#hp_side #osusume ul {	
	border-color: #f5deb3;
}	
	
	
#osusume .side_title, 	
.menu_list .side_title {	
	display: block;
	line-height: 20px;
	text-align: center;
	font-size: 14px;
	padding-top: 3px;
	font-weight: bold;
	letter-spacing: 0.1em;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #b22222;
}	
	
#osusume .side_title {	
	color: #FFFFFF;
	background-color: #b22222;
	border-bottom-color: #ffffff;
}	
.menu_list .side_title {	
	color: #FFFFFF;
	background-color: #cd5c5c;
}	
	
#hp_side ul {	
	border: 1px solid #ffffff;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	display: block;
}	
	
	
#hp_side li {	
	list-style-type: none;
}	
	
#osusume li a {	
	display: block;
	font-size: 12px;
	color: #666666;
	line-height: 18px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #b22222;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}	
	
#osusume img {	
	float: left;
	margin-right: 5px;
}	
	
.menu_list li a {	
	display: block;
	font-size: 12px;
	color: #447BA4;
	line-height: 18px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #b22222;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}	
	
#hp_side #osusume li a:hover {	
	text-decoration: none;
	color: #CC3300;
	background-color: #FFFBE6;
}	
#hp_side .menu_list li a:hover {	
	text-decoration: none;
	color: #2B9ADD;
}	
	
#hp_side img {	
	border:none;
}	
	
#hp_side p {	
	padding: 10px;
}	
	
	
/*	
アドセンス	
-------------------------------------------------------------------*/	
	
.ads {	
	text-align: center;
	background-color: #F4F3F2;
	border: 1px solid #ffffff;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	width: 210px;
	padding-top: 10px;
	padding-bottom: 10px;
}	
	
/*	
フッター	
-------------------------------------------------------------------*/	
	
#footer {	
	clear: both;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 6px;
	padding-left: 15px;
	text-align: center;
	background-color: #cd5c5c;
}	
#footer li {	
	list-style-type: none;
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #bdb76b;
}	
#footer ul {	
	margin-top: 5px;
	margin-bottom: 5px;
}	
#footer li a {	
	font-size: 10px;
	color: #ffffff;
}	
	
/*	
コピーライト	
-------------------------------------------------------------------*/	
	
#copy {	
	color: #666666;
	text-align: center;
	background-color: #ffffff;
	font-size: 12px;
	line-height: 24px;
	border: 1px solid #ffffff;
}	
	
/*	
TOPページ	
-------------------------------------------------------------------*/	
	
#hp_topimg {	
	background-image: url(img/hp_topimg.jpg);
	background-repeat: repeat-y;
	background-position: center center;
	height: 180px;
	position: relative;
	
}	
#hp_topimg #hp_topimg_title {	
	font-size: 18px;
	font-weight: bold;
	color: #800000;
	top: 30px;
	position: absolute;
	left: 30px;
	width: 470px;
}	
#hp_topimg p {	
	font-size: 14px;
	width: 470px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 60px;
	line-height: 18px;
	left: 30px;
	color: #800000;
	background-image: none;
}	
	
	
/*	
トップカテゴリ	
--------------------*/	
	
.cate_box {	
	display: block;
	margin-bottom: 15px;
	padding-left: 10px;
	padding-bottom: 15px;
	padding-top: 10px;
	border: 1px solid #ffffff;
	padding-right: 10px;
	background-color: #FFFCF4;
}	
	
.cate_box dt{	
	margin-bottom:0;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 10px;
	margin-top: 5px;
	margin-left: 5px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	}
.cate_box dt a {	
	color: #266399;
	line-height: 16px;
	font-size: 14px;
}	
.cate_box dt a:hover{	
	color:#47BBE7;
}	
	
.cate_box dd{	
	padding-left: 15px;
	margin-top: 5px;
	padding-top: 5px;
	padding-right: 10px;
	background-image: url(img/note.gif);
	line-height: 26px;
	background-position: 0px 5px;
}	
	
.cate_box dd a {	
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ffffff;
	padding-left: 5px;
	margin-left: 5px;
}	
	
#hp_contents .cate_list {	
	padding-bottom: 10px;
	padding-top: 5px;
}	
	
	
#hp_contents .cate_list p a{	
	font-size: 10px;
	padding-left: 5px;
}	
	
/*	
申込ボタン	
-------------------------------------------------------------------*/	
#hp_contents .button a {	
	background-image: url(img/button.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	display: block;
	height: 45px;
	width: 410px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}	
#hp_contents .button a:hover {	
	background-position: 0px -45px;
}	
	
/*	
テーブル	
-------------------------------------------------------------------*/	
table {	
	border-collapse: collapse;
}	
	
td{	
	border-collapse: collapse;
}	
	
.table_list th{	
	color: #FFFFFF;
	margin:0;
	border-collapse: collapse;
	padding-top: 4px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 14px;
	background-color: #9CB1B5;
	background-image: url(img/th.gif);
	background-repeat: repeat-x;
	background-position: top;
	border: 1px solid #ffffff;
	line-height: 20px;
	height: 20px;
}	
	
	
.table_list td{	
	border-collapse: collapse;
	font-size: 12px;
	line-height: 130%;
	padding: 5px;
	border: 1px solid #ffffff;
}	
table.table_list {	
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	margin-top: 10px;
}	
.table_list td.td_th {	
	background-image: url(img/td_h.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #EEF1F2;
	text-align: center;
	width: 90px;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #ffffff;
}	
	
/*	
エントリーリスト	
-------------------------------------------------------------------*/	
	
#hp_contents .entry_list li {	
	list-style-type: none;
	margin: 5px;
	padding-left: 25px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ffffff;
	padding-bottom: 3px;
	background-image: url(img/li.gif);
	background-position: 5px 5px;
	background-repeat: no-repeat;
}	
#hp_contents .entry_list {	
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border: 1px solid #ffffff;
	margin-bottom: 20px;
	background-color: #ffffff;
}	
	
/*	
トップランキング	
--------------------*/	
#rank1,	
#rank2,	
#rank3,	
#rank4,	
#rank5 {	
	padding: 5px;
	border: 2px dotted #ffffff;
	margin-bottom: 10px;
}	
	
#rank1 .rank_title {	
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	background-image: url(img/rank1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 38px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	padding-top: 5px;
}	
#rank2 .rank_title {	
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	background-image: url(img/rank2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 38px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	padding-top: 5px;
}	
#rank3 .rank_title {	
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	background-image: url(img/rank3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 38px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	padding-top: 5px;
}	
#rank4 .rank_title {	
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	background-image: url(img/rank4.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 38px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	padding-top: 5px;
}	
#rank5 .rank_title {	
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	background-image: url(img/rank5.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 38px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	padding-top: 5px;
}	
#rank1 .rank_title span,	
#rank2 .rank_title span,	
#rank3 .rank_title span {	
	color: #CC0000;
	padding-right: 5px;
}	
	
#rank4 .rank_title span,	
#rank5 .rank_title span {	
	color: #0099CC;
	padding-right: 5px;
}	
	
#rank1 table td,	
#rank2 table td,	
#rank3 table td,	
#rank4 table td,	
#rank5 table td {	
	font-size: 13px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
}	
	
.btn_syousai {	
	text-align: right;
	padding-right: 5px;
	padding-bottom: 5px;
}	
.btn_syousai a {	
	line-height: 18px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	border: 1px solid #ffffff;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #FB7904;
	background-image: url(img/btn_syousai.gif);
	background-repeat: repeat-x;
	background-position: left top;
}	
.btn_syousai a:hover {	
	background-color: #FFB62D;
	background-image: none;
}	
	
/*	
文字の装飾	
-------------------------------------------------------------------*/	
	
.aka {	
        color: #ff0000;	
        font-weight: bold;	
}	
	
.ki {	
        background: #FFFF00;	
        font-weight: bold;	
}	
	
.ao {	
        color: #FF0000;	
        font-weight: bold;	
}	
	
.midori {	
 font-weight: bold;	
 color: #008700;	
}	
	
.sp {	
 font-weight: bold;	
 color: #CC0000;	
        font-size: 16px;	
}	
#hp_contents strong {	
	color: #CF3F51;
}	