@media print {
/*--------------------------------------------------------
デザイン用CSSの設定を上書きします。
トップヘッダー帯、サイドバーは非表示にしています。
-------------------------------------------------------*/
body { width: 100%!important; padding: 0!important; background: none!important; overflow: visible!important; }
div#header, div#top, #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; }
}
/*------------------------------------------------------------
ブラウザ固有の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; }
#breadcrumbs li, #top-menu li, #sidebar-in li, #footer-in li, #footer-banner li { list-style: none; }
/*------------------------------------------------------------
floatの回り込みを解除
-------------------------------------------------------------*/

#top-menu ul:after, #breadcrumbs ol:after, #main-in:after, #sidebar .search-box:after, #sidebar .ranking:after, #footer-in:after, #footer-banner:after, .access:after, #footer-navi:after, .clearfix:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }
#top-menu ul, #breadcrumbs ol, #main-in, #sidebar .search-box, #sidebar .ranking, #footer-in, #footer-banner, .access, #footer-navi, .clearfix { display: inline-block; }
/* MacIE begin \*/
*+html #breadcrumbs ol, *+html #sidebar .search-box, *+html #sidebar .ranking, *+html #footer-in, *+html .access, *+html #footer-navi, *+html .clearfix { height: 1%; }
* html #top-menu ul, * html #breadcrumbs ol, * html #main-in, * html #sidebar .search-box, * html #sidebar .ranking, * html #footer-in, * html #footer-banner, * html .access, * html #footer-navi, * html .clearfix { height: 1%; }
#top-menu ul, #breadcrumbs ol, #main-in, #sidebar .search-box, #sidebar .ranking, #footer-in, #footer-banner, .access, #footer-navi, .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; line-height: 29px; height: 30px; background-color: #186D1C; border-bottom: 1px solid #b9c4dc; font-size: 1.2em; }
#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; padding-right: 0!important; line-height: 29px; }
/*メニューの最後の要素には「end」のクラスを付加し、右からのマージンを0に*/
#top-menu li a:link, #top-menu li a:visited { padding: 2px 0; padding-left: 20px; background: url(images/icon/icon-arrow.gif) left center no-repeat; color: #fff; }
#top-menu li a:hover, #top-menu li a:active { color: #c60; }
#top-menu li.sitemap a { background: url(../images/icon/icon-sitemap.gif) left center no-repeat; }
#top-menu li.contact a { 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: 31px; }
/*●ヘッダーロゴテキスト*/
#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 { width: 500px; position: absolute; top: 114px; left: 90px; color: #000; text-align: left; font-weight: bold; }
#header-sentence { width: 635px; position: absolute; top: 80px; left: 0px; color: #333; font-size: 1.084em; line-height: 1.2em; }
#header-in #download { position: absolute; top: 160px; left: 0px; width: 630px; height: 106px; }
/*--------------------------------------------------------
パン屑ナビ
--------------------------------------------------------*/

#breadcrumbs { position: absolute; top: 180px;/*▲ページ最上部からの距離*/ 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: 10px; background: none; }
/*--------------------------------------------------------
コンテンツ全体
--------------------------------------------------------*/

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

#sidebar { float: right; width: 260px; }
#sidebar-in { width: 260px; font-size: 1.2em; }
/*H3*/
#sidebar h3 { clear: both; padding: 6px; background: url(../images/title/bg-sidebar-title01.gif) left center repeat-x; border-top: 1px solid #999; border-bottom: 3px double #999; font-size: 0.858em; 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-bottom: 16px; }
#sidebar dl.search-box dt { margin: 0; padding: 0; display: block; float: left; }
#sidebar dl.search-box dt input { padding: 2px; width: 133px; height: 22px; border: none; }
/*IE6対策*/
* html dl.search-box dt input { height: auto; }
/*IE7対策*/
*+html dl.search-box dt input { height: auto; }
#sidebar dl.search-box dd { margin: 0; padding: 0; float: right; width: 98px; }
/*●お問い合わせ*/
#sidebar p.contact img { float: left; padding: 0 10px 10px 0; }
/*●コンテンツ*/
#sidebar div.contents { margin-bottom: 20px; padding: 8px; background-color: #efefef; }
#sidebar div.menu { margin-bottom: 20px; }
/*●サイドメニュー*/
#sidebar ul.side-menu { padding: 8px; background-color: #efefef; }
#sidebar .side-menu ul { padding: 0 0 15px 0; margin: 0; background-color: #fff; }
#sidebar ul.side-menu li { margin-bottom: 4px; border: 1px solid #bfbfbf; border-left: 4px solid #2f924d; }
#sidebar ul.side-menu li a { display: block; padding: 14px 20px; background: url(../images/icon/icon-menu01.gif) 4px 18px no-repeat #fff; }
/*--IE7対策--*/
*+html ul.side-menu li a { background: url(../images/icon/icon-menu01.gif) 6px 18px no-repeat #fff; }
/*--IE6対策--*/
* html ul.side-menu li a { background: url(../images/icon/icon-menu01.gif) 6px 18px no-repeat #fff; }
#sidebar ul.side-menu li li { margin-bottom: 0; padding-left: 25px; width: 198px; background: #fff; border: 0; }
#sidebar ul.side-menu li li a { padding: 7px 20px; width: 158px; 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-menu01.gif) 4px 18px no-repeat #f93; }
/*--IE7対策--*/
*+html ul.side-menu li a:active, *+html ul.side-menu li a:hover { background: url(../images/icon/icon-menu01_on.gif) 6px 18px no-repeat #f93; }
/*--IE6対策--*/
* html ul.side-menu li a:active, * html ul.side-menu li a:hover { background: url(../images/icon/icon-menu01_on.gif) 6px 18px 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; padding-right: 10px; width: 660px; font-size: 1.4em; }
/*H1、H2*/
#main-contents h1, #main-contents h2 { clear: both; margin-bottom: 25px; padding: 10px 15px; background: url(images/title/bg-contents-title01.gif) left bottom repeat-x #fff; border: 1px solid #aaa; border-right: 3px double #aaa; border-left: 5px solid #008f79; font-size: 1.143em; font-weight: bold; line-height: 1.0; color: #454545; }
/*H3*/
#main-contents h3 { clear: both; line-height:1.0; margin: 30px 0 25px 0; padding: 5px 132px 5px 0; border-bottom: 3px solid #008f79; background: url(../images/title/bg-contents-h3.gif) right bottom no-repeat; color: #008f79; font-size: 1.286em; font-weight: bold; }
/*H4*/
#main-contents h4 { clear: both; margin: 30px 0 14px 0; padding: 11px 13px 20px 13px; background: url(../images/title/bg-contents-h4.gif) left bottom repeat-x; font-size: 1.143em; 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; 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 .contents dl.table { margin-bottom: 1.2em; padding: 0; border: 1px solid #777; border-top: none; background: #ddd; }
#main-contents .contents dl.table 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.table dd { margin: 0; padding: 0.8em 1.0em; background: #fff; }
/*●横並び：ESET用（定義タグ）*/
* html body div#main-contents dl.line2 dd div { display: inline-block; }
#main-contents dl.line2 dt { float: left; width: 450px; padding: 20px 0 0 0; }
#main-contents dl.line2 dd { margin-left: 480px; padding: 20px 0 20px 0; }
/*アイコン画像*/
#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; }
/*●テーブルタグ*/
table { margin: 10px 0; border-collapse: collapse; font-size: 90%; }
th, td { padding: 0.8em; border: 1px solid #333; text-align: left; vertical-align: top; }
th { width: 28%; font-weight: bold; }
/*--------------------------------------------------------
フッター
--------------------------------------------------------*/

/*●コピーライト*/
.copyright { padding: 18px 0; background: #333; text-align: center; font-size: 1.2em; color: #fff; }
/*------------------------------------------------------------
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 { margin-right: 0; }
#top-menu li.end { margin-right: 0; padding-right: 16px; }
.side-menu li.end { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
#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; }