

html{
	color:#454545;
	background:#f0f0f0;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img{
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;
}

li{
	list-style:none;
}

caption,th{
	text-align:left;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;}

q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}



body {
	font:12px arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
}

table {
	font-size:inherit;
	font:100%;
}

pre,code,kbd,samp,tt{
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}


* {
 line-height: 1.5;
 font-family:"ＭＳ Ｐゴシック","平成角ゴシック",sans-serif;
}

strong{font-weight:bold;color:#d00;}

/* リンク色（ページ全体） */
a { color: #454545; text-decoration: none; }



hr{
 color:#CCCCCC;
 margin: 10px 20px;
}


.none{
font-weight:normal;
}


/**▼サイトレイアウト*****/

#wrap{
 width:800px;
 margin: 0 auto;
 background:url(img/bg.png) repeat-y;
}





/**▼ヘッダー*****/

#head{
 width:778px;
 margin:0 auto;
position:relative;
}

#head_img{
 height: 210px;
 background: url(img/header.jpg) no-repeat;
 margin-bottom:30px;
}

h1{
 font-size: 10px;
 margin:0px;
 padding:3px 10px;
	text-align:left;
}

#title
{
position:absolute;
top:30px;
left:300px;
}

#catch{
	margin-right:28px;
	text-align:center;
}




/**▼メインコンテンツ*****/

h2{

border-bottom:1px dotted #ccc;
border-top:1px dotted #ccc;
 font-size: 16px;
 font-weight:bold;
 margin:10px 0px 10px 20px;
padding:5px 10px;
 clear:both;
width:710px;
}

#cnt{
 width:760px;
 padding: 0px 20px;
}

.in_cnt{
 margin:10px 0px;
 padding-bottom: 10px;
}

.in_cnt p{
 background: url(img/note_line3.gif) left bottom;
 margin:20px 35px 15px;
 font-size:13px;
 line-height: 25px;
}
.in_cnt p *{
 line-height: 25px;
}

.center
{
text-align:center;
}

.btn a:hover img
	{
	/*モダンブラウザ用*/
	opacity:0.8;
	/*IE7以下用*/
	filter:alpha(opacity=80);
	/*IE8用*/
	-ms-filter:"alpha(opacity=80)";
	}

/**▼フッター*****/

#footer{
 text-align: center;
 clear: both;
 overflow:hidden;
}

address {
 font-style: normal;
 color: #454545;
 text-align: center;
 padding: 5px 0;
 display: block;
 background: #ffdb47;
 font-size: 92%;
 margin: 0px 30px 20px;
}
address a,address a:hover {
	color:#454545;
	text-decoration:none;
}




/**▼フッターリンク*****/

#linkspace{
 margin: 0 15px 15px;
 padding:15px 0;
 font-size:100%;
 border-top:1px #ccc solid;
 clear:both;
}

#linkspace ul{
 margin:0 35px;
}

#linkspace ul li
{
display:inline;
margin-right:10px;
background:url(img/listicon.gif) left center no-repeat;
padding-left:13px;
}





/**▼ランキング表*****/

.rh3{
 background-image: url(img/bg_h3.jpg);
 line-height: 25px;
 background-repeat: no-repeat;
 padding-left: 25px;
 margin-bottom: 15px;
 font-size:115%;
}


.rank_table{
 margin:0 45px 40px;
 border: 2px solid #CCCCCC;

}

.rank_table th{
 width:150px;
 border: 1px solid #999999;
 vertical-align:top;
 padding-top:10px;
 text-align:center;
}
.rank_table td{
 border:1px solid #999999;
 vertical-align: top;
}

.rank_table td p{
 margin:10px;
 font-size:107%;
}


.rank{
 padding:0px;
 margin:0px;
 background-image: url(img/th_bg.jpg);
}

.rank h3{
 background-image:none;
 padding-left: 10px;
 margin-bottom: 0px;
 margin: 0px;
 font-size:136%;
 font-weight:bold;
 line-height:52px;
 height:50px;
 overflow:hidden;
}


/**▼お申込みボタン*****/

.btn{
 text-align:center;
 margin: 10px 0 20px;
 padding: 10px;
 clear:both;
	font-weight:bold;
	font-size:128%;
}



/**▼文字装飾*****/

/*赤文字*/
.rb{ color:#d00;}

/*下線*/
.uline{ text-decoration:underline;}

/*文字色背景を黄色*/
.yb{ background:#ff0;}

/*文字列を左寄せにする*/
.tl{ text-align:left;}

/*文字列を中央に配置*/
.tc{ text-align:center;}

/*文字列を右寄せにする*/
.tr{ text-align:right;}

/*画像を左に配置し、後に続く文字を右に回り込ませる*/
.left{
 float:left;
 margin:0 20px 0 0;
}

/*画像を右に配置し、後に続く文字を左に回り込ませる*/
.right{
 float:right;
 margin:0 0 0 20px;
	text-align:center;
}


/*回り込み解除*/
.c_both{ clear:both;}


