@charset "utf-8";
/* CSS Document */

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */

/*ブラウザ固有のスタイルのリセット********/


html { color:#000; background:#FFF; }
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:13px/1.231 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; }
/* リンク色（ページ全体） */
a { color: #0000ff; text-decoration: underline; }
a:hover { color: #ff0000; text-decoration: none; }
hr { color:#CCCCCC; margin: 10px 20px; }
.none { font-weight:normal; }
/**▼サイトレイアウト*****/

#wrap { width:800px; margin: auto; background: url(img/bg2.jpg); }
/**▼ヘッダー*****/

#head { width:780px; margin:0 auto; }
#head_img { height: 250px; background: url(img/head.jpg) no-repeat; margin-bottom:30px; }
h1 { font-size:360%; margin:0 30px; padding:30px 0; }
/**▼メインコンテンツ*****/

h2 { height: 45px; background: url(img/h2.jpg); line-height: 45px; font-size: 136%; font-weight:bold; margin:10px 15px; padding-left:50px; clear:both; }
#cnt { width:760px; padding: 0px 20px; }
.in_cnt { margin:10px 30px; padding-bottom: 10px; }
.in_cnt p { background: url(img/note_line3.gif) left bottom; margin:0 15px 15px; font-size:120%; line-height: 25px; text-align:justify; }
/**▼フッター*****/

#footer { text-align: center; clear: both; overflow:hidden; }
address { font-style: normal; color: #FFFFFF; text-align: center; padding: 5px 0; display: block; background: #000; font-size: 92%; margin: 30px 30px 20px; }
/**▼フッターリンク*****/

#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(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; }
/**▼文字装飾*****/

/*赤文字*/
.rb { color:#f00; }
/*下線*/
.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; }
/*回り込み解除*/
.c_both { clear:both; }
