@charset "UTF-8";

/* ==========================================================================
   ベースリセット（元テーマに合わせたブラウザ差分の吸収）
   ========================================================================== */

* {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

a {
	text-decoration: none;
}

img {
	border: none;
	vertical-align: middle;
}

/* ==========================================================================
   レイアウトの横並び（Float）と回り込み解除の完全補正
   ========================================================================== */

/* レスポンシブによる縦落ちを防ぎ、PC表示での2カラムを強制固定 */
#contents {
	width: 800px;
	margin: 0 auto;
}

/* 2カラムレイアウト（左サイドバー：200px / 右コンテンツ：600px）の固定 */
#contets-1,
.blk-left {
	display: block;
	float: left;
	width: 200px;
}

#contets-2,
.blk-right {
	display: block;
	float: right;
	width: 600px;
}

/* 回り込み解除（clearfix）の完全補正（これがないと背景やレイアウトが崩れます） */
.clearfix::after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: block;
}

/* ==========================================================================
   マージン（margin）
   ========================================================================== */

.mrg-a00px { margin: 0; }
.mrg-a05px { margin: 5px; }
.mrg-a10px { margin: 10px; }
.mrg-a15px { margin: 15px; }
.mrg-a20px { margin: 20px; }
.mrg-a25px { margin: 25px; }
.mrg-a30px { margin: 30px; }
.mrg-a35px { margin: 35px; }
.mrg-a40px { margin: 40px; }
.mrg-a45px { margin: 45px; }
.mrg-a50px { margin: 50px; }

.mrg-t00px { margin-top: 0; }
.mrg-t05px { margin-top: 5px; }
.mrg-t10px { margin-top: 10px; }
.mrg-t15px { margin-top: 15px; }
.mrg-t20px { margin-top: 20px; }
.mrg-t25px { margin-top: 25px; }
.mrg-t30px { margin-top: 30px; }
.mrg-t35px { margin-top: 35px; }
.mrg-t40px { margin-top: 40px; }
.mrg-t45px { margin-top: 45px; }
.mrg-t50px { margin-top: 50px; }

.mrg-t05em { margin-top: 0.5em; }
.mrg-t10em { margin-top: 1.0em; }
.mrg-t15em { margin-top: 1.5em; }
.mrg-t20em { margin-top: 2.0em; }
.mrg-t25em { margin-top: 2.5em; }
.mrg-t30em { margin-top: 3.0em; }
.mrg-t35em { margin-top: 3.5em; }
.mrg-t40em { margin-top: 4.0em; }
.mrg-t45em { margin-top: 4.5em; }
.mrg-t50em { margin-top: 5.0em; }

.mrg-b00px { margin-bottom: 0; }
.mrg-b05px { margin-bottom: 5px; }
.mrg-b10px { margin-bottom: 10px; }
.mrg-b15px { margin-bottom: 15px; }
.mrg-b20px { margin-bottom: 20px; }
.mrg-b25px { margin-bottom: 25px; }
.mrg-b30px { margin-bottom: 30px; }
.mrg-b35px { margin-bottom: 35px; }
.mrg-b40px { margin-bottom: 40px; }
.mrg-b45px { margin-bottom: 45px; }
.mrg-b50px { margin-bottom: 50px; }

.mrg-b05em { margin-bottom: 0.5em; }
.mrg-b10em { margin-bottom: 1.0em; }
.mrg-b15em { margin-bottom: 1.5em; }
.mrg-b20em { margin-bottom: 2.0em; }
.mrg-b25em { margin-bottom: 2.5em; }
.mrg-b30em { margin-bottom: 3.0em; }
.mrg-b35em { margin-bottom: 3.5em; }
.mrg-b40em { margin-bottom: 4.0em; }
.mrg-b45em { margin-bottom: 4.5em; }
.mrg-b50em { margin-bottom: 5.0em; }

.mrg-l00px { margin-left: 0; }
.mrg-l05px { margin-left: 5px; }
.mrg-l10px { margin-left: 10px; }
.mrg-l15px { margin-left: 15px; }
.mrg-l20px { margin-left: 20px; }
.mrg-l25px { margin-left: 25px; }
.mrg-l30px { margin-left: 30px; }
.mrg-l35px { margin-left: 35px; }
.mrg-l40px { margin-left: 40px; }
.mrg-l45px { margin-left: 45px; }
.mrg-l50px { margin-left: 50px; }

.mrg-l05em { margin-left: 0.5em; }
.mrg-l10em { margin-left: 1.0em; }
.mrg-l15em { margin-left: 1.5em; }
.mrg-l20em { margin-left: 2.0em; }
.mrg-l25em { margin-left: 2.5em; }
.mrg-l30em { margin-left: 3.0em; }
.mrg-l35em { margin-left: 3.5em; }
.mrg-l40em { margin-left: 4.0em; }
.mrg-l45em { margin-left: 4.5em; }
.mrg-l50em { margin-left: 5.0em; }

.mrg-r00px { margin-right: 0; }
.mrg-r05px { margin-right: 5px; }
.mrg-r10px { margin-right: 10px; }
.mrg-r15px { margin-right: 15px; }
.mrg-r20px { margin-right: 20px; }
.mrg-r25px { margin-right: 25px; }
.mrg-r30px { margin-right: 30px; }
.mrg-r35px { margin-right: 35px; }
.mrg-r40px { margin-right: 40px; }
.mrg-r45px { margin-right: 45px; }
.mrg-r50px { margin-right: 50px; }

.mrg-r05em { margin-right: 0.5em; }
.mrg-r10em { margin-right: 1.0em; }
.mrg-r15em { margin-right: 1.5em; }
.mrg-r20em { margin-right: 2.0em; }
.mrg-r25em { margin-right: 2.5em; }
.mrg-r30em { margin-right: 3.0em; }
.mrg-r35em { margin-right: 3.5em; }
.mrg-r40em { margin-right: 4.0em; }
.mrg-r45em { margin-right: 4.5em; }
.mrg-r50em { margin-right: 5.0em; }

/* ==========================================================================
   パディング（padding）
   ========================================================================== */

.pdg-a00px { padding: 0; }
.pdg-a05px { padding: 5px; }
.pdg-a10px { padding: 10px; }
.pdg-a15px { padding: 15px; }
.pdg-a20px { padding: 20px; }
.pdg-a25px { padding: 25px; }
.pdg-a30px { padding: 30px; }
.pdg-a35px { padding: 35px; }
.pdg-a40px { padding: 40px; }
.pdg-a45px { padding: 45px; }
.pdg-a50px { padding: 50px; }

.pdg-t00px { padding-top: 0; }
.pdg-t05px { padding-top: 5px; }
.pdg-t10px { padding-top: 10px; }
.pdg-t15px { padding-top: 15px; }
.pdg-t20px { padding-top: 20px; }
.pdg-t25px { padding-top: 25px; }
.pdg-t30px { padding-top: 30px; }
.pdg-t35px { padding-top: 35px; }
.pdg-t40px { padding-top: 40px; }
.pdg-t45px { padding-top: 45px; }
.pdg-t50px { padding-top: 50px; }

.pdg-t05em { padding-top: 0.5em; }
.pdg-t10em { padding-top: 1.0em; }
.pdg-t15em { padding-top: 1.5em; }
.pdg-t20em { padding-top: 2.0em; }
.pdg-t25em { padding-top: 2.5em; }
.pdg-t30em { padding-top: 3.0em; }
.pdg-t35em { padding-top: 3.5em; }
.pdg-t40em { padding-top: 4.0em; }
.pdg-t45em { padding-top: 4.5em; }
.pdg-t50em { padding-top: 5.0em; }

.pdg-b00px { padding-bottom: 0; }
.pdg-b05px { padding-bottom: 5px; }
.pdg-b10px { padding-bottom: 10px; }
.pdg-b15px { padding-bottom: 15px; }
.pdg-b20px { padding-bottom: 20px; }
.pdg-b25px { padding-bottom: 25px; }
.pdg-b30px { padding-bottom: 30px; }
.pdg-b35px { padding-bottom: 35px; }
.pdg-b40px { padding-bottom: 40px; }
.pdg-b45px { padding-bottom: 45px; }
.pdg-b50px { padding-bottom: 50px; }

.pdg-b05em { padding-bottom: 0.5em; }
.pdg-b10em { padding-bottom: 1.0em; }
.pdg-b15em { padding-bottom: 1.5em; }
.pdg-b20em { padding-bottom: 2.0em; }
.pdg-b25em { padding-bottom: 2.5em; }
.pdg-b30em { padding-bottom: 3.0em; }
.pdg-b35em { padding-bottom: 3.5em; }
.pdg-b40em { padding-bottom: 4.0em; }
.pdg-b45em { padding-bottom: 4.5em; }
.pdg-b50em { padding-bottom: 5.0em; }

.pdg-l00px { padding-left: 0; }
.pdg-l05px { padding-left: 5px; }
.pdg-l10px { padding-left: 10px; }
.pdg-l15px { padding-left: 15px; }
.pdg-l20px { padding-left: 20px; }
.pdg-l25px { padding-left: 25px; }
.pdg-l30px { padding-left: 30px; }
.pdg-l35px { padding-left: 35px; }
.pdg-l40px { padding-left: 40px; }
.pdg-l45px { padding-left: 45px; }
.pdg-l50px { padding-left: 50px; }

.pdg-l05em { padding-left: 0.5em; }
.pdg-l10em { padding-left: 1.0em; }
.pdg-l15em { padding-left: 1.5em; }
.pdg-l20em { padding-left: 2.0em; }
.pdg-l25em { padding-left: 2.5em; }
.pdg-l30em { padding-left: 3.0em; }
.pdg-l35em { padding-left: 3.5em; }
.pdg-l40em { padding-left: 4.0em; }
.pdg-l45em { padding-left: 4.5em; }
.pdg-l50em { padding-left: 5.0em; }

.pdg-r00px { padding-right: 0; }
.pdg-r05px { padding-right: 5px; }
.pdg-r10px { padding-right: 10px; }
.pdg-r15px { padding-right: 15px; }
.pdg-r20px { padding-right: 20px; }
.pdg-r25px { padding-right: 25px; }
.pdg-r30px { padding-right: 30px; }
.pdg-r35px { padding-right: 35px; }
.pdg-r40px { padding-right: 40px; }
.pdg-r45px { padding-right: 45px; }
.pdg-r50px { padding-right: 50px; }

.pdg-r05em { padding-right: 0.5em; }
.pdg-r10em { padding-right: 1.0em; }
.pdg-r15em { padding-right: 1.5em; }
.pdg-r20em { padding-right: 2.0em; }
.pdg-r25em { padding-right: 2.5em; }
.pdg-r30em { padding-right: 3.0em; }
.pdg-r35em { padding-right: 3.5em; }
.pdg-r40em { padding-right: 4.0em; }
.pdg-r45em { padding-right: 4.5em; }
.pdg-r50em { padding-right: 5.0em; }

/* ==========================================================================
   アライメント・配置要素
   ========================================================================== */

.left   { text-align: left; }
.right  { text-align: right; }
.center { text-align: center; }

.font-b { font-weight: bold; }
.font-i { font-style: italic; }

.blk       { display: block; }
.blk-left  { display: block; float: left; }
.blk-right { display: block; float: right; }
.blk-cnt   { margin-left: auto; margin-right: auto; }

/* ==========================================================================
   サイズ指定
   ========================================================================== */

.w010 { width: 10px; }
.w020 { width: 20px; }
.w030 { width: 30px; }
.w040 { width: 40px; }
.w050 { width: 50px; }
.w100 { width: 100px; }
.w110 { width: 110px; }
.w120 { width: 120px; }
.w130 { width: 130px; }
.w140 { width: 140px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w300 { width: 300px; }
.w350 { width: 350px; }
.w400 { width: 400px; }
.w450 { width: 450px; }
.w500 { width: 500px; }
.w550 { width: 550px; }
.w600 { width: 600px; }
.w650 { width: 650px; }
.w700 { width: 700px; }
.w750 { width: 750px; }
.w800 { width: 800px; }
.w850 { width: 850px; }
.w900 { width: 900px; }
.w950 { width: 950px; }

.h010 { height: 10px; }
.h020 { height: 20px; }
.h030 { height: 30px; }
.h040 { height: 40px; }
.h050 { height: 50px; }
.h100 { height: 100px; }
.h150 { height: 150px; }
.h200 { height: 200px; }
.h250 { height: 250px; }
.h300 { height: 300px; }
.h350 { height: 350px; }
.h400 { height: 400px; }
.h450 { height: 450px; }
.h500 { height: 500px; }
.h550 { height: 550px; }
.h600 { height: 600px; }
.h650 { height: 650px; }
.h700 { height: 700px; }
.h750 { height: 750px; }
.h800 { height: 800px; }
.h850 { height: 850px; }
.h900 { height: 900px; }
.h950 { height: 950px; }

img.flame {
	line-height: 1;
	height: 15px;
	margin-bottom: 0;
}

/* ==========================================================================
   フォント・行高
   ========================================================================== */

.large { font-size: 1.2rem; }
.small { font-size: 0.9rem; }

.font-s50  { font-size: 50%; }
.font-s60  { font-size: 60%; }
.font-s70  { font-size: 70%; }
.font-s80  { font-size: 80%; }
.font-s90  { font-size: 90%; }
.font-s110 { font-size: 110%; }
.font-s120 { font-size: 120%; }
.font-s130 { font-size: 130%; }
.font-s140 { font-size: 140%; }
.font-s150 { font-size: 150%; }
.font-s160 { font-size: 160%; }
.font-s170 { font-size: 170%; }
.font-s180 { font-size: 180%; }
.font-s190 { font-size: 190%; }
.font-s200 { font-size: 200%; }

.txt-l000 { margin: 0; padding: 0; }
.txt-l100 { line-height: 1.0; }
.txt-l110 { line-height: 1.1; }
.txt-l120 { line-height: 1.2; }
.txt-l130 { line-height: 1.3; }
.txt-l140 { line-height: 1.4; }
.txt-l150 { line-height: 1.5; }
.txt-l160 { line-height: 1.6; }
.txt-l170 { line-height: 1.7; }
.txt-l180 { line-height: 1.8; }
.txt-l190 { line-height: 1.9; }
.txt-l200 { line-height: 2.0; }

.font-08px { font-size: 8px; }
.font-09px { font-size: 9px; }
.font-10px { font-size: 10px; }
.font-11px { font-size: 11px; }
.font-12px { font-size: 12px; }
.font-13px { font-size: 13px; }
.font-14px { font-size: 14px; }
.font-15px { font-size: 15px; }
.font-16px { font-size: 16px; }
.font-17px { font-size: 17px; }
.font-18px { font-size: 18px; }
.font-19px { font-size: 19px; }
.font-20px { font-size: 20px; }