/*------------------------------------------------------------
ブラウザ固有のCSSをリセット
-------------------------------------------------------------*/

body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote { margin: 0; padding: 0; }
address, caption, cite, code, dfn, h1, h2, h3, h4, var { font-style: normal; font-weight: normal; }
h1, h2, h3, h4, h5, h6, small { font-size: 100%; font-weight: normal; }
fieldset, img, abbr { border: 0; }
caption { text-align: left; }
q:before, q:after { content: ''; }
a { text-decoration: none; }
img { border: none; vertical-align: bottom; }
input, textarea, select { font-size: 1em; }
/*WordPress対策*/
span textarea, span input { vertical-align: bottom!important; }
/*Firefox対策*/
html { overflow: scroll; overflow: -moz-scrollbars-vertical; overflow-x: scroll; }
 body, x:-moz-broken {
margin-left:-1px;
}
/*--------------------------------------------------------
レイアウトの初期設定
-------------------------------------------------------*/

html, body, #container { height: 100%; }
body, pre { font-size: 62.5%; line-height: 1.5; }
/* IE8対策 */
body * { font-style: normal!important; font-family: "メイリオ", meiryo, Arial, Helvetica!important; }
#container { position: relative; }
#global-menu li, #breadcrumbs li, #top-menu li, #sidebar-in li, #footer-in li, #footer-banner li { list-style: none; }
/*------------------------------------------------------------
t：上（top）、r：右（right）、b：下（bottom）、l：左（left）
c：左右の中央（center）、m：上下の中間（middle）
-------------------------------------------------------------*/

/*------------------------------------------------------------
1、align・・・文字の横位置
-------------------------------------------------------------*/

.al-c { text-align: center; }/*中央寄せ*/
.al-r { text-align: right; }/*右寄せ*/
.al-l { text-align: left; }/*左寄せ*/
/*------------------------------------------------------------
2、valign・・・文字の縦位置
-------------------------------------------------------------*/

.vl-t { vertical-align: top; }/*上寄せ*/
.vl-m { vertical-align: middle; }/*中央寄せ*/
.vl-b { vertical-align: bottom; }/*下寄せ*/
/*------------------------------------------------------------
3、float・・・左右の回り込み
-------------------------------------------------------------*/

.fl-r { float: right; }/*右に回り込み*/
.fl-l { float: left; }/*左に回り込み*/
.fl-c { clear: both; }
/*------------------------------------------------------------
4、margin・・・周りのブロックからの距離
-------------------------------------------------------------*/

.m0 { margin: 0!important; }/*周りからのmarginを0に*/
.m0-t { margin-top: 0!important; }/*上からのmarginを0に*/
.m0-r { margin-right: 0!important; }/*右からのmarginを0に*/
.m0-b { margin-bottom: 0!important; }/*下からのmarginを0に*/
.m0-l { margin-left: 0!important; }/*左からのmarginを0に*/
.m10 { margin: 10px!important; }/*周りからのmarginを10pxに*/
.m10-t { margin-top: 10px!important; }/*周りからのmarginを10pxに*/
.m10-r { margin-right: 10px!important; }/*周りからのmarginを10pxに*/
.m10-b { margin-bottom: 10px!important; }/*周りからのmarginを10pxに*/
.m10-l { margin-left: 10px!important; }/*周りからのmarginを10pxに*/
.m20 { margin: 20px!important; }
.m20-t { margin-top: 20px!important; }
.m20-r { margin-right: 20px!important; }
.m20-b { margin-bottom: 20px!important; }
.m20-l { margin-left: 20px!important; }
.m30 { margin: 30px!important; }
.m30-t { margin-top: 30px!important; }
.m30-r { margin-right: 30px!important; }
.m30-b { margin-bottom: 30px!important; }
.m30-l { margin-left: 30px!important; }
.m40 { margin: 40px!important; }
.m40-t { margin-top: 40px!important; }
.m40-r { margin-right: 40px!important; }
.m40-b { margin-bottom: 40px!important; }
.m40-l { margin-left: 40px!important; }
.m50 { margin: 50px!important; }
.m50-t { margin-top: 50px!important; }
.m50-r { margin-right: 50px!important; }
.m50-b { margin-bottom: 50px!important; }
.m50-l { margin-left: 50px!important; }
.m60 { margin: 60px!important; }
.m60-t { margin-top: 60px!important; }
.m60-r { margin-right: 60px!important; }
.m60-b { margin-bottom: 60px!important; }
.m60-l { margin-left: 60px!important; }
/*------------------------------------------------------------
5、padding・・・周りのブロックからの距離（padding）
-------------------------------------------------------------*/

.p0 { padding: 0!important; }
.p0-t { padding-top: 0!important; }
.p0-r { padding-right: 0!important; }
.p0-b { padding-bottom: 0!important; }
.p0-l { padding-left: 0!important; }
.p10 { padding: 10px!important; }
.p10-t { padding-top: 10px!important; }
.p10-r { padding-right: 10px!important; }
.p10-b { padding-bottom: 10px!important; }
.p10-l { padding-left: 10px!important; }
.p20 { padding: 20px!important; }
.p20-t { padding-top: 20px!important; }
.p20-r { padding-right: 20px!important; }
.p20-b { padding-bottom: 20px!important; }
.p20-l { padding-left: 20px!important; }
.p30 { padding: 30px!important; }
.p30-t { padding-top: 30px!important; }
.p30-r { padding-right: 30px!important; }
.p30-b { padding-bottom: 30px!important; }
.p30-l { padding-left: 30px!important; }
.p40 { padding: 40px!important; }
.p40-t { padding-top: 40px!important; }
.p40-r { padding-right: 40px!important; }
.p40-b { padding-bottom: 40px!important; }
.p40-l { padding-left: 40px!important; }
.p50 { padding: 50px!important; }
.p50-t { padding-top: 50px!important; }
.p50-r { padding-right: 50px!important; }
.p50-b { padding-bottom: 50px!important; }
.p50-l { padding-left: 50px!important; }
.p60 { padding: 60px!important; }
.p60-t { padding-top: 60px!important; }
.p60-r { padding-right: 60px!important; }
.p60-b { padding-bottom: 60px!important; }
.p60-l { padding-left: 60px!important; }
/*------------------------------------------------------------
6、font-size・・・フォントサイズの設定
-------------------------------------------------------------*/

.b { font-weight: bold!important; }/*太字*/
.normal { font-weight: normal!important; }/*太字を解除*/
.big { font-size: 1.2em!important; }
.big2 { font-size: 1.5em!important; }
.big3 { font-size: 1.8em!important; }
.small { font-size: 0.8em!important; }
.f08em { font-size: 0.8em; }
.f09em { font-size: 0.9em; }
.f10em { font-size: 1.0em; }
.f11em { font-size: 1.1em; }
.f12em { font-size: 1.2em; }
.f13em { font-size: 1.3em; }
.f14em { font-size: 1.4em; }
.f15em { font-size: 1.5em; }
.f16em { font-size: 1.6em; }
.f17em { font-size: 1.7em; }
.f18em { font-size: 1.8em; }
.f19em { font-size: 1.9em; }
.f20em { font-size: 2.0em; }
.f21em { font-size: 2.1em; }
.f22em { font-size: 2.2em; }
.f23em { font-size: 2.3em; }
.f24em { font-size: 2.4em; }
.f8pt { font-size: 8.5pt!important; }
.f9pt { font-size: 9.0pt!important; }
.f10pt { font-size: 10pt!important; }
.f11pt { font-size: 11pt!important; }
.f12pt { font-size: 12pt!important; }
.f13pt { font-size: 13pt!important; }
.f14pt { font-size: 14pt!important; }
.f15pt { font-size: 15pt!important; }
.f16pt { font-size: 16pt!important; }
.f17pt { font-size: 17pt!important; }
.f18pt { font-size: 18pt!important; }
.f19pt { font-size: 19pt!important; }
.f20pt { font-size: 20pt!important; }
.f21pt { font-size: 21pt!important; }
.f22pt { font-size: 22pt!important; }
.f23pt { font-size: 23pt!important; }
.f24pt { font-size: 24pt!important; }
/*------------------------------------------------------------
7、color・・・フォントカラーの設定
-------------------------------------------------------------*/

/*.red { color: #ff0000!important; }*//*赤*/
.blue { color: #0000dd!important; }/*青*/
.green { color: #008000!important; }/*緑*/
/*.yellow { color: #ffff00!important; }*//*黄*/
.navy { color: #1F26A9!important; }/*紺*/
.orange { color: #ff6600!important; }/*橙*/
.pink { color: #cc6699!important; }/*ピンク*/
.purple { color: #660099!important; }/*紫*/
.olive { color: #808000!important; }/*黄土色*/
.lime { color: #00ff00!important; }/*黄緑*/
.aqua { color: #167FA6!important; }/*水色*/
.black { color: #000!important; }/*黒*/
.gray { color: #ccc!important; }/*灰*/
.white { color: #fff!important; }/*白*/
/*------------------------------------------------------------
8、line-height・・・行間の設定
-------------------------------------------------------------*/

.lh10 { line-height: 1.0!important; }
.lh11 { line-height: 1.1!important; }
.lh12 { line-height: 1.2!important; }
.lh13 { line-height: 1.3!important; }
.lh14 { line-height: 1.4!important; }
.lh15 { line-height: 1.5!important; }
.lh20 { line-height: 2.0!important; }
/*------------------------------------------------------------
9、下線や取消線の設定
-------------------------------------------------------------*/

.underline { text-decoration: underline!important; }
.del { text-decoration:line-through; }
.noborder { border: 0!important; }/*枠線を無くす*/
/*------------------------------------------------------------
10、zindex・・・重なりの優先度
-------------------------------------------------------------*/

.z1 { z-index: 1!important; }
.z2 { z-index: 2!important; }
.z3 { z-index: 3!important; }
.z4 { z-index: 4!important; }
.z5 { z-index: 5!important; }
/*------------------------------------------------------------
11、ul.none・・・リスト先頭のアイコンを無くす
-------------------------------------------------------------*/

ul.none { list-style-type: none; }
/*------------------------------------------------------------
12、box・・・蛍光ペンのようなボックスの設定
-------------------------------------------------------------*/

.box-yellow { padding:2px; background-color: #ffff00!important; }/*黄色*/
.box-aqua { padding:2px; background-color: #00ffff!important; }/*水色*/
.box-gray { padding:2px; background-color: #eee!important; }/*灰色*/
.box-red { padding:2px; background-color: #ffcccc!important; }/*赤色*/
/*------------------------------------------------------------
13、input:focus・・・入力フォームをハイライトする（Firefox）
-------------------------------------------------------------*/

input:focus, textarea:focus { background-color: #dee!important; }
/*------------------------------------------------------------
14、left、right・・・画像を簡単に回り込ませる設定
-------------------------------------------------------------*/

/*左に画像、右に文章*/
.left { float: left; margin: 0 30px 20px 0!important; }
/*右に画像、左に画像*/
.right { float: right; margin: 0 0 20px 30px!important; }
/*------------------------------------------------------------
15、メニューの最後の要素には「end」のクラスを付加。
-------------------------------------------------------------*/

#top-menu li.end, #global-menu li.end { margin-right: 0; }
#global-menu li.end { border-right: none; }
#sidebar ul.side-menu .end { margin-bottom: 0; padding-bottom: 0; border-bottom: 0!important; }
#sidebar ul.ranking li.end, #sidebar .banner li.end { margin-bottom: 0; }
/*------------------------------------------------------------
16、文字列の前にアイコン
-------------------------------------------------------------*/

.caution1 { padding: 20px 0 0 60px!important; background: url(images/icon/icon-check01.png) left top no-repeat; }
.caution2 { padding: 20px 0 0 60px!important; background: url(images/icon/icon-check02.png) left top no-repeat; }
.caution3 { padding: 20px 0 0 60px!important; background: url(images/icon/icon-point01.png) left top no-repeat; }
.caution4 { padding: 20px 0 0 60px!important; background: url(images/icon/icon-point02.png) left top no-repeat; }
.caution5 { padding: 14px 0 0 36px!important; background: url(images/icon/icon-check03.png) left top no-repeat; }
.caution6 { padding: 14px 0 0 36px!important; background: url(images/icon/icon-point03.png) left top no-repeat; }
.caution7 { padding: 20px 0 0 60px!important; background: url(images/icon/icon-check07.png) left top no-repeat; }
.caution8 { padding: 20px 0 0 60px!important; background: url(images/icon/icon-check08.png) left top no-repeat; }
/*初心者マーク*/
.wakaba { padding: 14px 0 0 36px!important; background: url(images/icon/icon-wakaba.png) left top no-repeat; }
/*メールアイコン*/
.mail { padding: 10px 0 0 36px!important; background: url(images/icon/icon-mail.png) left top no-repeat; }
/*PDFアイコン*/
.pdf { padding: 14px 0 0 36px!important; background: url(images/icon/icon-pdf.png) left top no-repeat; }
/*ZIPアイコン*/
.zip { padding: 14px 0 0 36px!important; background: url(images/icon/icon-zip.png) left top no-repeat; }
/*RSSアイコン*/
.rss { padding: 10px 0 10px 28px!important; background: url(images/icon/icon-rss02.png) left top no-repeat; }
/*小さいRSSアイコン*/
.rss-mini { padding-left: 16px!important; background: url(images/icon/icon-rss-orange.png) left center no-repeat; }
/*後ろにメールアイコン*/
.mail-back { padding: 14px 34px 0 0!important; background: url(images/icon/icon-mail.png) right top no-repeat; }
/*後ろにPDFアイコン*/
.pdf-back { padding: 20px 34px 0 0!important; background: url(images/icon/icon-pdf.png) right top no-repeat; }
/*後ろにZIPアイコン*/
.zip-back { padding: 20px 34px 0 0!important; background: url(images/icon/icon-zip.png) right top no-repeat; }
/*後ろにRSSアイコン*/
.rss-back { padding: 9px 26px 0 0!important; background: url(images/icon/icon-rss02.png) right top no-repeat; }
/*------------------------------------------------------------
17、ノートのような線を引く
-------------------------------------------------------------*/

.noteline { display: inline!important; padding-bottom: 0.3em!important; border-bottom: 1px dashed #7070ba!important; line-height: 2.1em!important; }
/*------------------------------------------------------------
18、広告の絶対配置エリアを出現させる
※<div class="ad"><p><p></div>を使う
-------------------------------------------------------------*/

div.ad { z-index: 10; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; text-align :right; }
div.ad p { position: fixed; top: 0; right: 0; width: 240px; height: 120px; padding: 5px; border: 1px solid #000; background: #eee; text-align :center; }
* html div.ad p { position: absolute; }/*IE6用*/
/*------------------------------------------------------------
18、WordPress用
-------------------------------------------------------------*/

ul.tag li { display: inline; margin-right: 15px; }
img.centered { display: block!important; margin-left: auto!important; margin-right: auto!important; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline!important; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline!important; }
.alignright { float: right; margin: 0 0 20px 30px; }
.alignleft { float: left; margin: 0 30px 20px 0; }
/*------------------------------------------------------------
　written＆copyright by WEB-RIDER
-------------------------------------------------------------*/
/*------------------------------------------------------------
floatの回り込みを解除
-------------------------------------------------------------*/

#top-menu ul:after, #global-menu ul:after, #breadcrumbs ol:after, #main-in:after, #sidebar .ranking:after, #footer-in:after, #footer-banner:after, .access:after, #footer-navi:after, .footer-menu ul:after, .clearfix:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }
#top-menu ul, #global-menu ul, #breadcrumbs ol, #main-in, #sidebar .ranking, #footer-in, #footer-banner, .access, #footer-navi, .footer-menu ul, .clearfix { display: inline-block; }
/* MacIE begin \*/
*+html #global-menu ul, *+html #breadcrumbs ol, *+html #footer-in, *+html #sidebar .ranking, *+html .access, *+html #footer-navi, *+html .footer-menu ul, *+html .clearfix { height: 1%; }
* html #top-menu ul, * html #global-menu ul, * html #breadcrumbs ol, * html #main-in, * html #sidebar .ranking, * html #footer-in, * html #footer-banner, * html .access, * html #footer-navi, * html .footer-menu ul, * html .clearfix { height: 1%; }
#top-menu ul, #global-menu ul, #breadcrumbs ol, #main-in, #sidebar .ranking, #footer-in, #footer-banner, .access, #footer-navi, .footer-menu ul, .clearfix { display: block; }
/* Mac IE end */
@media all {
/*--------------------------------------------------------
1、サイト全体の横幅
--------------------------------------------------------*/

html, body, #container, #top, #header, #global-menu, #breadcrumbs, #main, #footer, #footer-banner { width: 100%; min-width: 950px; }
#page-top, #top-in, #header-in, #breadcrumbs ol, #global-menu ul, #main-in, #footer-in, #footer-banner ul { margin: auto; width: 950px; }
/*--------------------------------------------------------
2、サイト全体の背景設定（初期設定ではコメントアウト）
------------------------------------------------------*/

/*
#container{ background-color: #000; }
*/



/*--------------------------------------------------------
3、サイト全体の基本文字色
-------------------------------------------------------*/

body, pre { color: #666; }
/*リンク文字*/
a { text-decoration: underline; }
a:link { color: #03f; }
a:visited { color: #03f; }
a:hover { color: #c60; }
a:active { color: #c60; }
/*--------------------------------------------------------
4、エリアの設定
--------------------------------------------------------*/

/*--------------------------------------------------------
トップ
--------------------------------------------------------*/

#top { position: absolute; top: 0; height: 30px; line-height: 29px; background-color: #c23838; border-bottom: 1px solid #b9c4dc; font-size: 1.2em; color: #fff; }
#top-in { position: relative; }
/*●トップメニュー*/
#top-menu { position: absolute; top: 0; right: 0; z-index: 10; height: 29px; padding-left: 16px; }
#top-menu li { float: left; margin-right: 22px; line-height: 29px; }
/*メニューの最後の要素には「end」のクラスを付加し、右からのマージンを0に*/
#top-menu li a { padding: 2px 0; padding-left: 20px; background: url(images/icon/icon-arrow.gif) left center no-repeat; }
#top-menu li a:link, #top-menu li a:visited { color: #fff; }
#top-menu li a:hover, #top-menu li a:active { color: #fc0; }
#top-menu li.sitemap a { padding-left: 28px; background: url(images/icon/icon-sitemap.gif) left center no-repeat; }
#top-menu li.contact a { padding-left: 28px; background: url(images/icon/icon-contact.gif) left center no-repeat; }
/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/

#header { position: absolute; top: 30px; height: 94px; font-size: 1.2em; }
#header-in { position: relative; padding-top: 17px;/*▲ページ最上部からの距離*/ }
/*●ヘッダーロゴ*/
#header-logo { position: absolute; top: 41px; }
/*●ヘッダーロゴテキスト*/
#header-logo #logo-text { font-size: 20pt; }
#header-logo #logo-text a { text-decoration: none; }
#header-logo #logo-text a:link { color: #666; }
#header-logo #logo-text a:visited { color: #666; }
#header-logo #logo-text a:hover { color: #c60; }
#header-logo #logo-text a:active { color: #c60; }
/*●ヘッダーテキスト*/
#header-in #header-text { position: absolute; top: 20px; right: 0; width: 500px; text-align: left; }
/*--------------------------------------------------------
グローバルメニュー
--------------------------------------------------------*/

#global-menu { position: absolute; top: 116px;/*▲ページ最上部からの距離*/ left: 0; }
#global-menu ul { margin-top: 4px; margin-bottom: 4px; border-top: 3px solid #c23838; border-right: 1px solid #c7cacf; border-bottom: 3px solid #c23838; border-left: 1px solid #c7cacf; }
#global-menu li { float: left; height: 26px; overflow: hidden; border-right: 1px solid #c7cacf; font-size: 1.3em; font-weight: bold; line-height: 1.2; }
#global-menu li a { display: block; padding: 6px 56px 6px 24px; background: url(images/icon/icon-arrow02_off.gif) 12px 10px no-repeat #fff; text-decoration: none; color: #666; }
/*IE6対策*/
* html #global-menu ul li a { height: auto; }
/*グローバルメニューを幅指定にする場合は下記を使用）*/
/*#global-menu ul li a{ padding: 6px 24px 6px 24px; }*/


/*各エリアの幅を指定します。合計が全体のサイズ-5pxになるようにして下さい
（例：140+300+200+150+155 = 950-5）*/
/*#global-menu li.menu01{ width: 140px; }
#global-menu li.menu02{ width: 160px; }
#global-menu li.menu03{ width: 205px; }
#global-menu li.menu04{ width: 150px; }*/


#global-menu ul li a:hover { height: 31px; background: url(images/icon/icon-arrow02_on.gif) 12px 10px no-repeat #f89838; color: #fff; }
/*IE6対策*/
* html #global-menu ul li a:hover { height: auto; }
/*--------------------------------------------------------
パン屑ナビ
--------------------------------------------------------*/

#breadcrumbs { position: absolute; top: 157px;/*▲ページ最上部からの距離*/ left: 0; }
#breadcrumbs li { float: left; padding-right: 10px; padding-left: 15px; background: url(images/icon/icon-breadcrumbs.gif) left 5px no-repeat; font-size: 1.2em; }
/*パン屑ナビの先頭*/
#breadcrumbs li.first { padding-left: 0; background: none; }
/*--------------------------------------------------------
コンテンツ全体
--------------------------------------------------------*/

#main { padding-top: 181px;/*▲ページ最上部からの距離*/ height: 100%; }
/*メインイメージ（TOPのみ）*/
#main-image { display: block; position: relative; width: 660px; height: 260px; margin-bottom: 20px !important; }
/*--------------------------------------------------------
サイドバー
--------------------------------------------------------*/

#sidebar { float: right; width: 260px; }
#sidebar-in { width: 260px; font-size: 1.2em; }
/*H3*/
#sidebar h3 { clear: both; padding: 6px 4px 6px 20px; background: url(images/title/bg-sidebar-h3.gif) 4px 10px no-repeat; border-top: 3px solid #c23838; border-bottom: 3px solid #c23838; color: #555; font-weight: bold; }
#sidebar h3 small { display: block; padding-top: 2px; border-top: 1px solid #d1d1d1; font-size: 0.768em; }
/*●検索ボックス*/
#sidebar dl.search-box { margin: 0 0 20px 0; padding: 0 10px; width: 244px; }
#sidebar dl.search-box dt { display: block; float: left; margin: 0; padding: 0; }
#sidebar dl.search-box dt input { padding: 2px; width: 131px; height: 20px; border: 1px solid #777; }
/*IE6対策*/
* html dl.search-box dt input { height: auto; }
/*IE7対策*/
*+html dl.search-box dt input { height: auto; }
#sidebar dl.search-box dd { float: right; margin: 0; padding: 0; width: 98px; }
/*●お問い合わせ*/
#sidebar p.contact img { float: left; padding: 0 10px 10px 0; }
/*●コンテンツ*/
#sidebar div.contents { margin-bottom: 20px; padding: 8px; }
#sidebar div.menu { margin-bottom: 20px; padding: 5px 8px; }
/*●サイドメニュー*/
#sidebar ul.side-menu { margin-bottom: 20px; border-bottom: 2px solid #b3b3b3; }
.side-menu ul { border-bottom: none; }
#sidebar ul.side-menu li { width: 244px; border-bottom: 1px dotted #b3b3b3; }
#sidebar ul.side-menu li a { display: block; padding: 9px 20px 9px 16px; width: 208px; background: url(images/icon/icon-arrow_off.png) 4px 15px no-repeat #fff; }
/*--IE7対策--*/
*+html ul.side-menu li a { background: url(images/icon/icon-arrow_off.png) 6px 15px no-repeat #fff; }
/*--IE6対策--*/
* html ul.side-menu li a { background: url(images/icon/icon-arrow_off.png) 6px 15px no-repeat #fff; }
#sidebar ul.side-menu li li { padding-left: 25px; margin-bottom: 0; width: 219px; background: #fff; border: 0; }
#sidebar ul.side-menu li li a { padding: 7px 20px; width: 179px; background: url(images/icon/icon-menu02.gif) 4px 12px no-repeat #fff; border-left: none; }
/*マウスオーバー時の背景の設定*/
#sidebar ul.side-menu li a:active, #sidebar ul.side-menu li a:hover { color: #fff; background: url(images/icon/icon-arrow_on.png) 4px 15px no-repeat #f93; }
/*--IE7対策--*/
*+html ul.side-menu li a:active, *+html ul.side-menu li a:hover { background: url(images/icon/icon-arrow_on.png) 6px 15px no-repeat #f93; }
/*--IE6対策--*/
* html ul.side-menu li a:active, * html ul.side-menu li a:hover { background: url(images/icon/icon-arrow_on.png) 6px 15px no-repeat #f93; }
#sidebar ul.side-menu li li a:active, #sidebar ul.side-menu li li a:hover { background: url(images/icon/icon-menu02_on.gif) 4px 12px no-repeat #f93; }
/*--IE7対策--*/
*+html ul.side-menu li li a:active, *+html ul.side-menu li li a:hover { background: url(images/icon/icon-menu02_on.gif) 4px 12px no-repeat #f93; }
/*--IE6対策--*/
* html ul.side-menu li li a:active, * html ul.side-menu li li a:hover { background: url(images/icon/icon-menu02_on.gif) 4px 12px no-repeat #f93; }
/*●バナーエリア*/
#sidebar .banner li { margin-bottom: 18px; width: 244px; list-style: none; text-align: center; }
#sidebar .banner li a { display: block; margin: auto; width: 160px; }
#sidebar .banner li a img { display: block; }
/*●ランキング*/
#sidebar ul.ranking li { margin-bottom: 20px; padding: 0; border-bottom: 1px dotted #7070ba; background: none; font-weight: normal; }
#sidebar ul.ranking p { margin: 0 0 10px 0; }
.no1, .no2, .no3 { padding: 0 0 0 30px!important; font-size: 1.2em!important; font-weight: bold!important; color: #ff0000!important; }
.no1, .no2, .no3, .no4, .no5, .no6, .no7, .no8, .no9, .no10 { height: 34px!important; padding: 0 0 0 30px!important; }
/*●王冠画像*/
.no1 { background: url(images/icon/icon-rank01-01.png) left top no-repeat; }
.no2 { background: url(images/icon/icon-rank01-02.png) left top no-repeat; }
.no3 { background: url(images/icon/icon-rank01-03.png) left top no-repeat; }
.no4 { background: url(images/icon/icon-rank01-04.png) left top no-repeat; }
.no5 { background: url(images/icon/icon-rank01-05.png) left top no-repeat; }
.no6 { background: url(images/icon/icon-rank01-06.png) left top no-repeat; }
.no7 { background: url(images/icon/icon-rank01-07.png) left top no-repeat; }
.no8 { background: url(images/icon/icon-rank01-08.png) left top no-repeat; }
.no9 { background: url(images/icon/icon-rank01-09.png) left top no-repeat; }
.no10 { background: url(images/icon/icon-rank01-10.png) left top no-repeat; }
/*--------------------------------------------------------
メインコンテンツ（本文）
--------------------------------------------------------*/

#main-contents { float: left; width: 660px; font-size: 1.4em; }
/*H1、H2*/
#main-contents h1, #main-contents h2 { clear: both; margin-bottom: 25px; padding: 6px 19px; background: url(images/title/bg-contents-h2.gif) left top repeat-y; border-bottom: 1px double #6b6b6b; font-size: 1.385em; line-height: 1.0; color: #555; font-weight: bold; }
/*H3*/
#main-contents h3 { clear: both; margin: 0 10px; margin-bottom: 14px; padding: 10px; border: 3px solid #999; font-size: 1.286em; font-weight: bold; border-color:#99CCFF}
#main-contents .contents2 { clear: both; margin: 0; padding: 0px 10px 0px 10px; }
/*H4*/
#main-contents h4 { clear: both; margin: 0 3px; margin-bottom: 14px; padding: 6px; border-bottom: 3px double #999; font-size: 0.858em; font-weight: bold; }
/*線*/
#main-contents hr { clear: both; margin: 0.5em 0 1.7em 0; padding: 0; font-size: 1.0em; line-height: 1.0em; border-width: 1px 0 0 0; border-style: solid none none none; height: 1px; color: #ccc; }
* html #main-contents hr { margin: 0 0 1.2em; }
*:first-child+html #main-contents hr { margin: 0 0 1.2em; }
/*リストタグ*/
#main-contents ul, #main-contents ol { list-style-position: outside; margin: 0 10px 1.4em 20px; -moz-border-radius: 8px;/*Firefoxのみ角丸になる*/ }
#main-contents ul { list-style-type: disc; }
#main-contents li { line-height: 1.8em; }
#main-contents li.end { border: none!important; margin-bottom: 0!important; }
/*引用タグ*/
#main-contents q, #main-contents blockquote { overflow: auto; margin: 0 10px 1.4em 10px; padding: 10px; border-top: 3px solid #ddd; border-bottom: 3px solid #ddd; background: #eee; color: #444; }
/*テーブルタグ*/
#main-contents table.table-style { margin: 10px 0; padding: 0; border-collapse: collapse; border-spacing: 0; font-size: 90%; }
#main-contents table.table-style th, #main-contents table.table-style td { padding: 0.8em; border: 1px solid #aaa; vertical-align: top; }
#main-contents table.table-style th { font-style: normal; font-weight: bold; text-align: left; }
/*●コンテンツ*/
#main-contents .contents { margin-bottom: 55px; padding: 0 15px; }
#main-contents .contents p { margin-bottom: 1em; line-height: 1.5; }
/*●最新情報（リストタグ）*/
#main-contents ul.news { list-style-type: none; list-style-position: outside; margin-left: 10px!important; padding: 15px 15px 0 15px; border: 1px solid #999; }
#main-contents ul.news li { margin-bottom: 1.2em; padding-bottom: 1.2em; border-bottom: 1px dotted #999; line-height: 1.4em!important; }
/*●最新情報（定義タグ）*/
#main-contents dl.news { margin: 0; padding: 0; }
#main-contents dl.news dt { float: left; margin: 0; padding: 0; width: 186px; position: relative; }
#main-contents dl.news dd { margin: 0 0 10px 0; padding: 0 0 10px 193px; border-bottom: 1px dotted #aaa; }
/*アイコン画像*/
#main-contents dl.news dt span { display: block; position: absolute; top: 2px; right: 0; overflow: hidden; margin-right: 10px; width: 60px; height: 18px; text-align: center; font-size: 0.715em; line-height: 18px; color: #fff; }
#main-contents span.color01 { background: url(images/icon/icon-color01.gif) center center no-repeat #0649d1; }
#main-contents span.color02 { background: url(images/icon/icon-color02.gif) center center no-repeat #b71a0e; }
#main-contents span.color03 { background: url(images/icon/icon-color03.gif) center center no-repeat #14982a; }
#main-contents span.color04 { background: url(images/icon/icon-color04.gif) center center no-repeat #b9ad26; }
#main-contents span.color05 { background: url(images/icon/icon-color05.gif) center center no-repeat #c46506; }
/*●チェックリスト（リストタグ）*/
#main-contents ul.checklist { list-style-type: none; list-style-position: outside; padding: 15px; border: 1px solid #999; }
#main-contents ul.checklist li { padding-left: 24px; background: url(images/icon/icon-check02-blue.png) no-repeat 0 8px; line-height: 2.5em; }
/*●定義タグ スタイル01*/
* html body #main-contents dl.dl-style01 dd div { display: inline-block; }
#main-contents dl.dl-style01 { border-bottom: 1px solid #999; }
#main-contents dl.dl-style01 dt { float: left; margin: 0; padding-top: 20px; width: 15em; border-top: 1px solid #999; font-weight: bold; }
#main-contents dl.dl-style01 dd { margin-left: 15em; padding: 20px 10px 20px 0; border-top: 1px solid #999; }
/*●定義タグ スタイル02*/
#main-contents .contents dl.dl-style02 { margin-bottom: 1.2em; padding: 0; border: 1px solid #777; border-top: none; background: #ddd; }
#main-contents .contents dl.dl-style02 dt { margin: 0; padding: 0.5em; border-top: 1px solid #777; border-bottom: 1px solid #777; font-weight: bold; color: #444; }
#main-contents .contents dl.dl-style02 dd { margin: 0; padding: 0.8em 1.0em; background: #fff; }
/*●戻る＆進むリンク*/
.link-back, .link-next { clear: both; margin-top: 1.2em; font-size: 120%; font-weight: bold; }
.link-back { text-align: left; }
.link-next { text-align: right; }
.link-next a { padding-left: 15px; background: url(images/icon/icon-menu01-r-black.png) 0 3px no-repeat; }
.link-back a { padding-left: 15px; background: url(images/icon/icon-menu01-l-black.png) 0 3px no-repeat; }
/*●ボックスエリア*/
#main-contents div.box { margin: 0; border: 1px solid #aaa; }
#main-contents .box .title { background: #999 }
#main-contents .box .title p { margin: 0 10px; padding: 5px 0; font-weight: bold; color: #fff; }
#main-contents .box ul, #main-contents .box ol { margin: 5px 10px; }
#main-contents .box ol { padding-left: 15px!important; }
#main-contents .box li { list-style-position: outside; margin: 15px!important; line-height: 1.2em; }
/*●ランキング（リストタグ）*/
#main-contents ul.ranking li { list-style-type: none; margin-bottom: 10px!important; padding-bottom: 10px; border-bottom: 1px dotted #7070ba; background: none; font-weight: normal; }
#main-contents ul.ranking p { margin: 10px 0; }
/*●サイトマップ（リストタグ）*/
.sitemap li { padding: 3px 0 3px 24px; list-style-type: none; font-weight: bold; }
.sitemap li li { border-left: 1px solid #555; }
.sitemap ul li { background: url(images/li.gif) 0 12px no-repeat; }
.sitemap ul ul li { background:  url(images/li.gif) 0 12px no-repeat; font-weight: normal; }



/*--------------------------------------------------------
ページの先頭へ戻る
--------------------------------------------------------*/

#page-top p { margin-top: 10px; margin-left: auto; width: 260px; height: 30px; }
/*--------------------------------------------------------
フッター
--------------------------------------------------------*/

#footer { border-top: 3px solid #c23838; }
#footer-in { padding: 30px 0 15px 0; font-size: 1.2em; }
/*H3*/
#footer-in h3 { margin-bottom: 15px; padding: 2px 5px; border-left: 4px solid #c23838; border-bottom: 1px solid #999; font-size: 1.4em; font-weight: bold; }
/*●アクセスマップ*/
div.access p { margin-bottom: 1em; }
p.accessmap { padding-left: 22px; background: url(images/icon/icon-access.png) left center no-repeat; }
/*●左右のエリア（幅の合計が920pxになるように）*/

#area01 { width: 362px; }
#area02 { width: 558px; }
#area01, #area02 { overflow:hidden; float: left; margin-bottom: 20px; }
#area01 { margin-right: 30px; }
/*●フッターメニュー*/
div.footer-menu { padding: 0; }
div.footer-menu ul { float: left; margin-right: 30px; }
* html div.footer-menu ul { width: 200px; }
div.footer-menu li { display: block; margin-bottom: 5px; padding-left: 22px; background: url(images/icon/icon-arrow_off.png) left 5px no-repeat; }
/*●フッターバナー*/
#footer-banner { clear: both; padding: 11px 0; border-top: 1px solid #999; }
#footer-banner li { float: left; list-style: none; margin-right: 5px; }
/*●コピーライト*/
.copyright { padding: 18px 0; background-color: #c23838; text-align: center; font-size: 1.2em; color: #fff; }
/*------------------------------------------------------------
　written＆copyright by WEB-RIDER
-------------------------------------------------------------*/
}
@media print {
/*--------------------------------------------------------
デザイン用CSSの設定を上書きします。
トップヘッダー帯、サイドバーは非表示にしています。
-------------------------------------------------------*/
body { width: 100%!important; padding: 0!important; background: none!important; overflow: visible!important; }
div#header, div#top, #global-menu, #breadcrumbs, #page-top, #footer, #footer-banner { display: none!important; }
div#main { overflow: visible!important; padding-top:0!important; }
div#sidebar { display: none!important; }
div#main-contents { margin: 0 auto!important; width: 96%!important; overflow: visible!important; }
/*------------------------------------------------------------
　written＆copyright by WEB-RIDER
-------------------------------------------------------------*/
}

/* 追加
----------------------------------------*/
/*------------------------------------------------------------
   口コミ
-------------------------------------------------------------*/
.kutikomi { margin:0 0 10px 0; }
.kutikomi2 { margin:10px 0 10px 0; }
.kutikomi_top { background:url(images/bg/kutikomi_top.gif) no-repeat top; padding:10px 25px 0 30px; }
.kutikomi_bottom { background:url(images/bg/kutikomi_bottom.gif) no-repeat top; height:7px; }
.kutikomi_top p { margin:10px 20px 0 30px; line-height:1.3em; }
.kutikomi_m10a { background:url(images/illust/10a.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m10b { background:url(images/illust/10b.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m10a_2 { background:url(images/illust/10a_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m10b_2 { background:url(images/illust/10b_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m20a { background:url(images/illust/20a.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m20b { background:url(images/illust/20b.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m20a_2 { background:url(images/illust/20a_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m20b_2 { background:url(images/illust/20b_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m20a_3 { background:url(images/illust/20a_3.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m20b_3 { background:url(images/illust/20b_3.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m20a_4 { background:url(images/illust/20a_4.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m20b_4 { background:url(images/illust/20b_4.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m30a { background:url(images/illust/30a.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m30b { background:url(images/illust/30b.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m30a_2 { background:url(images/illust/30a_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m30b_2 { background:url(images/illust/30b_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m30a_3 { background:url(images/illust/30a_3.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m30b_3 { background:url(images/illust/30b_3.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m30a_4 { background:url(images/illust/30a_4.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m30b_4 { background:url(images/illust/30b_4.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m40a { background:url(images/illust/40a.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m40b { background:url(images/illust/40b.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m40a_2 { background:url(images/illust/40a_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m40b_2 { background:url(images/illust/40b_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m40a_3 { background:url(images/illust/40a_3.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m40b_3 { background:url(images/illust/40b_3.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m40a_4 { background:url(images/illust/40a_4.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m40b_4 { background:url(images/illust/40b_4.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m50a { background:url(images/illust/50a.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m50b { background:url(images/illust/50b.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m50a_2 { background:url(images/illust/50a_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m50b_2 { background:url(images/illust/50b_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m50a_3 { background:url(images/illust/50a_3.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m50b_3 { background:url(images/illust/50b_3.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m50a_4 { background:url(images/illust/50a_4.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m50b_4 { background:url(images/illust/50b_4.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m60a { background:url(images/illust/60a.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m60b { background:url(images/illust/60b.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m60a_2 { background:url(images/illust/60a_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m60b_2 { background:url(images/illust/60b_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m60a_3 { background:url(images/illust/60a_3.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m60b_3 { background:url(images/illust/60b_3.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m60a_4 { background:url(images/illust/60a_4.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m60b_4 { background:url(images/illust/60b_4.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m70a { background:url(images/illust/70a.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m70b { background:url(images/illust/70b.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m70a_2 { background:url(images/illust/70a_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m70b_2 { background:url(images/illust/70b_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w10a { background:url(images/illust/w10a.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w10b { background:url(images/illust/w10b.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w10a_2 { background:url(images/illust/w10a_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w10b_2 { background:url(images/illust/w10b_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w10a_3 { background:url(images/illust/w10a_3.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w10b_3 { background:url(images/illust/w10b_3.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w20a { background:url(images/illust/w20a.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w20b { background:url(images/illust/w20b.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w20a_2 { background:url(images/illust/w20a_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w20b_2 { background:url(images/illust/w20b_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w20a_3 { background:url(images/illust/w20a_3.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w20b_3 { background:url(images/illust/w20b_3.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w30a { background:url(images/illust/w30a.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w30b { background:url(images/illust/w30b.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w30a_2 { background:url(images/illust/w30a_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w30b_2 { background:url(images/illust/w30b_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w30a_3 { background:url(images/illust/w30a_3.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w30b_3 { background:url(images/illust/w30b_3.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w40a { background:url(images/illust/w40a.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w40b { background:url(images/illust/w40b.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w40a_2 { background:url(images/illust/w40a_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w40b_2 { background:url(images/illust/w40b_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w40a_3 { background:url(images/illust/w40a_3.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w40b_3 { background:url(images/illust/w40b_3.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w50a { background:url(images/illust/w50a.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w50b { background:url(images/illust/w50b.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w50a_2 { background:url(images/illust/w50a_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w50b_2 { background:url(images/illust/w50b_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w50a_3 { background:url(images/illust/w50a_3.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w50b_3 { background:url(images/illust/w50b_3.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w60a { background:url(images/illust/w60a.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w60a_2 { background:url(images/illust/w60a_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w60a_3 { background:url(images/illust/w60a_3.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w60b { background:url(images/illust/w60b.gif) no-repeat 10px 0; width:80px; height:80px; }

.kutikomi_m10a_3 { background:url(images/illust/10a_3.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m10b_3 { background:url(images/illust/10b_3.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m10a_4 { background:url(images/illust/10a_4.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m10b_4 { background:url(images/illust/10b_4.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m10a_5 { background:url(images/illust/10a_5.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m10b_5 { background:url(images/illust/10b_5.gif) no-repeat 7px 0; width:80px; height:80px; }

.kutikomi_m20a_3 { background:url(images/illust/20a_3.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m20b_3 { background:url(images/illust/20b_3.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m20a_4 { background:url(images/illust/20a_4.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m20b_4 { background:url(images/illust/20b_4.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m20a_5 { background:url(images/illust/20a_5.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m20b_5 { background:url(images/illust/20b_5.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m20a_6 { background:url(images/illust/20a_6.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m20b_6 { background:url(images/illust/20b_6.gif) no-repeat 7px 0; width:80px; height:80px; }

.kutikomi_m30a_3 { background:url(images/illust/30a_3.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m30b_3 { background:url(images/illust/30b_3.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m30a_4 { background:url(images/illust/30a_4.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m30b_4 { background:url(images/illust/30b_4.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m30a_5 { background:url(images/illust/30a_5.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m30b_5 { background:url(images/illust/30b_5.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m30a_6 { background:url(images/illust/30a_6.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m30b_6 { background:url(images/illust/30b_6.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m30a_7 { background:url(images/illust/30a_7.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m30b_7 { background:url(images/illust/30b_7.gif) no-repeat 7px 0; width:80px; height:80px; }

.kutikomi_m40a_3 { background:url(images/illust/40a_3.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m40b_3 { background:url(images/illust/40b_3.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m40a_4 { background:url(images/illust/40a_4.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m40b_4 { background:url(images/illust/40b_4.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m40a_5 { background:url(images/illust/40a_5.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m40b_5 { background:url(images/illust/40b_5.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m40a_6 { background:url(images/illust/40a_6.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m40b_6 { background:url(images/illust/40b_6.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m40a_7 { background:url(images/illust/40a_7.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m40b_7 { background:url(images/illust/40b_7.gif) no-repeat 7px 0; width:80px; height:80px; }

.kutikomi_m50a_3 { background:url(images/illust/50a_3.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m50b_3 { background:url(images/illust/50b_3.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m50a_4 { background:url(images/illust/50a_4.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m50b_4 { background:url(images/illust/50b_4.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m50a_5 { background:url(images/illust/50a_5.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m50b_5 { background:url(images/illust/50b_5.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m50a_6 { background:url(images/illust/50a_6.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m50b_6 { background:url(images/illust/50b_6.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m50a_7 { background:url(images/illust/50a_7.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m50b_7 { background:url(images/illust/50b_7.gif) no-repeat 7px 0; width:80px; height:80px; }

.kutikomi_m60a_3 { background:url(images/illust/60a_3.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m60b_3 { background:url(images/illust/60b_3.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m60a_4 { background:url(images/illust/60a_4.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m60b_4 { background:url(images/illust/60b_4.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m60a_5 { background:url(images/illust/60a_5.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m60b_5 { background:url(images/illust/60b_5.gif) no-repeat 7px 0; width:80px; height:80px; }

.kutikomi_m70a_3 { background:url(images/illust/70a_3.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m70b_3 { background:url(images/illust/70b_3.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_m70a_4 { background:url(images/illust/70a_4.gif) no-repeat 7px 0; width:80px; height:80px; }

/* 女性 */
.kutikomi_w10a_3 { background:url(images/illust/w10a_3.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w10b_3 { background:url(images/illust/w10b_3.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w10a_4 { background:url(images/illust/w10a_4.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w10b_4 { background:url(images/illust/w10b_4.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w10a_5 { background:url(images/illust/w10a_5.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w10b_5 { background:url(images/illust/w10b_5.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w10a_6 { background:url(images/illust/w10a_6.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w10b_6 { background:url(images/illust/w10b_6.gif) no-repeat 7px 0; width:80px; height:80px; }

.kutikomi_w20a_4 { background:url(images/illust/w20a_4.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w20b_4 { background:url(images/illust/w20b_4.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w20a_5 { background:url(images/illust/w20a_5.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w20b_5 { background:url(images/illust/w20b_5.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w20a_6 { background:url(images/illust/w20a_6.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w20b_6 { background:url(images/illust/w20b_6.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w20a_7 { background:url(images/illust/w20a_7.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w20b_7 { background:url(images/illust/w20b_7.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w20a_8 { background:url(images/illust/w20a_8.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w20b_8 { background:url(images/illust/w20b_8.gif) no-repeat 7px 0; width:80px; height:80px; }

.kutikomi_w30a_4 { background:url(images/illust/w30a_4.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w30b_4 { background:url(images/illust/w30b_4.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w30a_5 { background:url(images/illust/w30a_5.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w30b_5 { background:url(images/illust/w30b_5.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w30a_6 { background:url(images/illust/w30a_6.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w30b_6 { background:url(images/illust/w30b_6.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w30a_7 { background:url(images/illust/w30a_7.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w30b_7 { background:url(images/illust/w30b_7.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w30a_8 { background:url(images/illust/w30a_8.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w30b_8 { background:url(images/illust/w30b_8.gif) no-repeat 7px 0; width:80px; height:80px; }

.kutikomi_w40a_4 { background:url(images/illust/w40a_4.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w40b_4 { background:url(images/illust/w40b_4.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w40a_5 { background:url(images/illust/w40a_5.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w40b_5 { background:url(images/illust/w40b_5.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w40a_6 { background:url(images/illust/w40a_6.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w40b_6 { background:url(images/illust/w40b_6.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w40a_7 { background:url(images/illust/w40a_7.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w40b_7 { background:url(images/illust/w40b_7.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w40a_8 { background:url(images/illust/w40a_8.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w40b_8 { background:url(images/illust/w40b_8.gif) no-repeat 7px 0; width:80px; height:80px; }

.kutikomi_w50a_4 { background:url(images/illust/w50a_4.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w50b_4 { background:url(images/illust/w50b_4.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w50a_5 { background:url(images/illust/w50a_5.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w50b_5 { background:url(images/illust/w50b_5.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w50a_6 { background:url(images/illust/w50a_6.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w50b_6 { background:url(images/illust/w50b_6.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w50a_7 { background:url(images/illust/w50a_7.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w50b_7 { background:url(images/illust/w50b_7.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w50a_8 { background:url(images/illust/w50a_8.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w50b_8 { background:url(images/illust/w50b_8.gif) no-repeat 7px 0; width:80px; height:80px; }

.kutikomi_w60a_2 { background:url(images/illust/w60a_2.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w60b_2 { background:url(images/illust/w60b_2.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w60a_3 { background:url(images/illust/w60a_3.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w60b_3 { background:url(images/illust/w60b_3.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w60a_4 { background:url(images/illust/w60a_4.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w60b_4 { background:url(images/illust/w60b_4.gif) no-repeat 7px 0; width:80px; height:80px; }

.kutikomi_w70a_1 { background:url(images/illust/w70a_1.gif) no-repeat 7px 0; width:80px; height:80px; }
.kutikomi_w70b_1 { background:url(images/illust/w70b_1.gif) no-repeat 7px 0; width:80px; height:80px; }

/*--------------------------------------------------------
■class
--------------------------------------------------------*/
.afi { font-weight:bold; font-size:18px; }
.afi2 { font-weight:bold; font-size:14px; }
.afi3 { font-weight:bold; font-size:16px; }
.red2 { color:#D81851; font-weight:bold; font-size:16px; }

.b0 { font-weight:bold; }
.adsense { margin-left:10px; }
.note { background-color: #f4f4f4; padding:13px 8px 0px 8px; border:1px solid #C2C2C2; font-size:14px; margin:10px 7px 20px 7px; clear:both; }
.notep { background-color: #f4f4f4; padding:15px 15px 2px 15px; border:1px solid #C2C2C2; font-size:12px; margin:10px 0px 20px 0px; line-height:150%; }
.note ol { padding:0 15px 15px 25px; }
.note ol li { padding-top:8px; font-size:0.9em; }
.note ul { padding:0 10px 5px 20px; }
.note ul li { font-size:12px; padding-bottom:10px; }
.doubleline {/*二重取り消し線*/background:url(img/line/double.gif) repeat-x center;}

.imgl { margin: 0 10px 10px; float: left; }
.imgr { margin: 0 10px 10px; float: right; }

.b { color: #555555; font-weight: bold!important; }
.bbb /* 最大・太字 */ { color: #333333; font-size: 1.5em;  padding: 0;font-weight: bold; }
.bb /* 大・太字 */ { color: #333333; font-size: 1.2em; font-weight: bold; }
.bbbr /* 最大・太字・赤 */ { color: #c03; font-size: 1.4em;font-weight: bold; }
.bbr /* 大・太字・赤 */ { color: #ee0000; font-size: 1.2em; font-weight: bold; }
.yellow { background-color:#fefe8e; color:#333; font-weight:bold; }
.red { color: #c03; font-weight:bold; } /* 赤 */


/* rankテーブル */
.rank { margin:3px 0 25px 0; width:100%; background-color:#333; display:block; }
.rank tr { color: #555555;}
.rank p { padding:5px;}
.cktitle { padding:10px; font-size:14px; font-weight:bold; }
.cktitle a { font-size:18px; }
.cktitle a:hover { color: #0066cc; }
.ssi {margin:0 10px 10px 0; text-align:right;}

/* table */
.table_blue { width:100%; margin: 0 0 20px 0; background-color:#ccc; }
.table_blue th { background-color:#e8edfa; padding:7px; font-size:12px; }
.table_blue td { background-color:#fff; padding:7px; font-size:12px; }
.table_red { width:100%; margin: 0 0 20px 0; background-color:#ccc; }
.table_red th { background-color:#FFEDF2; padding:7px; font-size:12px; }
.table_red td { padding:7px; font-size:12px; }


.shiraga { background-color: #f4f4f4; padding:13px 8px 0px 8px; border:1px solid #C2C2C2; font-size:14px; margin:10px 7px 20px 7px; clear:both; }

.t_shiraga { width:100%; margin: 0 0 20px 0; background-color:#ccc; }
.t_shiraga th { background-color:#e8edfa; padding:7px; font-size:12px; }
.t_shiraga td { background-color:#fff; padding:7px; font-size:12px; }