@import "reset.css";

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


strong{font-weight:bold;}

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


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


.none{
font-weight:normal;
}

body{
 background:url(image/body_bk.jpg);
 color:#333;
}


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

#wrap{
 width:700px;
 margin: auto;
 background: #fff;
 border-left:1px solid #ddd;
 border-right:1px solid #ddd;
}





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

#head{
 width:700px;
 height: 120px;
 background: url(image/bk/head_bk01.jpg) no-repeat;
 margin:0 auto 30px;
}

h1{
 font-size:100%;
 color:#666;
 margin:0 0 15px 0;
 padding:0 0 0 5px;
}





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

h2{
 height: 45px;
 background: url(image/midashi/m51.jpg) no-repeat;
 line-height: 45px;
 font-size: 136%;
 font-weight:bold;
 margin:10px 15px;
 padding-left:50px;
 clear:both;
 overflow:hidden;
}

#cnt{
 width:700px;

}

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

.in_cnt p{
 margin:0 15px 15px;
 font-size:114%;
 line-height: 25px;
 text-align:justify;
}





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

#footer{
 color: #666;
 text-align: center;
 clear: both;
 overflow:hidden;
 background: url(image/bk/foot_bk01.jpg) no-repeat;
 height:120px;
}

#footer address {
 font-style: normal;
 text-align: center;
 display: block;
 font-size: 92%;
 margin-top:10px;
}

#footer a{
 color:#666;

}


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

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

#linkspace ul{
 margin:0 35px;
}

#linkspace a{color:#333;text-decoration:underline;}
#linkspace a:hover{color:#f00;text-decoration:none;}





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

.rh3{
 background-image: url(image/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: 1px solid #CCCCCC;
 border-collapse:collapse;
}

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

.rank_table td p{
 margin:10px 10px 25px;
 font-size:114%;
 line-height: 25px;
 text-align:justify;
}

.rank_table td div{
 margin-right:5px;
}


.rank{
 padding:0px;
 margin:0px;
 background-image: url(image/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;
}


/**▼左画像テーブル*****/

.img_tbl{
 margin:0 30px 40px;
 border: 2px solid #CCCCCC;
}

.img_tbl,
.img_tbl th,
.img_tbl td{
 border:none;
}

.img_tbl th,
.img_tbl td{
 vertical-align:top;
 padding:10px;
 font-size:114%;
 line-height: 25px;
 text-align:justify;
}



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

div.action_btn{
 clear:both;
 margin-bottom:20px;
}

div.action_btn a{
 display:block;
 margin: 0 auto 20px;
 width:468px;
 height:60px;
 text-indent:-9999px;
 overflow:hidden;
}

div.action_btn a:hover{
 background-position:0 -60px;
}

#b1 a{ background:url(image/btn/btn_bnr01.jpg);}
#b2 a{ background:url(image/btn/btn_bnr02.jpg);}
#b3 a{ background:url(image/btn/btn_bnr03.jpg);}
#b4 a{ background:url(image/btn/btn_bnr04.jpg);}
#b5 a{ background:url(image/btn/btn_bnr05.jpg);}
#b6 a{ background:url(image/btn/btn_bnr06.jpg);}
#b7 a{ background:url(image/btn/btn_bnr07.jpg);}
#b8 a{
 background:url(image/btn/btn_bnr08.jpg);
 text-indent:0px;
 text-align:center;
 font-size:250%;
 font-weight:bold;
 color:#fff;
 text-decoration:none;
 line-height:60px;
}
#b9 a{
 background:url(image/btn/btn_bnr09.jpg);
 text-indent:0px;
 text-align:center;
 font-size:250%;
 font-weight:bold;
 color:#fff;
 text-decoration:none;
 line-height:60px;
}



#b1 a:hover,
#b2 a:hover,
#b3 a:hover,
#b4 a:hover,
#b5 a:hover,
#b6 a:hover,
#b7 a:hover{
 background-position:0 -60px;
}


#b8 a:hover,
#b9 a:hover{
 background-position:0 -60px;
 color:#f00;
}



div.action_text{
 clear:both;
 margin:0 20px 30px;
 background:url("image/text_mark01.jpg") no-repeat left 5px;
 height:30px;
 line-height:2;
 padding-left:55px;

}

#tm1 { background:url(image/text_mark01.jpg) no-repeat left 5px;}
#tm2 { background:url(image/text_mark02.jpg) no-repeat left 5px;}
#tm3 { background:url(image/text_mark03.jpg) no-repeat left 5px;}


div.action_text a{
 font-size:136%;
 font-weight:bold;
}





div.ranking_textlink{
 clear:both;
 background:url("image/text_mark01.jpg") no-repeat left 3px;
 height:30px;
 line-height:2;
 padding-left:55px;
}

div.ranking_textlink a{
 font-size:120%;
 font-weight:bold;
}



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

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

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

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

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

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

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

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

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

/*左寄せ*/
.fLeft{ float:left;}

/*右寄せ*/
.fRight{ float:right;}



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


.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */

.center p{
font-size:30px;
font-weight:bold;
}

.deka{
margin-left:60px;
font-size:26px;
font-weight:bold;
}

.deka a{
padding-left:50px;
background:url(../image/text_mark01.jpg) no-repeat left center;
}

.yahoo {
text-align:right;
padding-right:20px;
}

.in_cnt table{
 margin:auto;
 }

.shoukai{
padding:0px 30px 0px 30px;
}

.cen{
text-align:center;
}

.ki {
background-image: url(../img/line_bg.jpg);
font-weight:bold;
}