@charset "utf-8";

/* ---------------------------------------------------------
 　■ 共通 class
--------------------------------------------------------- */
/* === フォントサイズクラス === */
/* …………………………………………………………………………………………………
　面倒でもフォントサイズの入れ子はしないで、各ブロックごとに指定する！
　HTML側にclass指定したほうがわかり易くてｲｲけど、
　thとtdで違うフォントサイズを指定したい場合なんかは、CSSに
　th{font-size: 108%;} td{font-size: 77%;}とか書いたほうがHTMLがキレイかも
………………………………………………………………………………………………… */
.txt10{ font-size: 77%; }    /* 10px */
.txt11{ font-size: 85%; }    /* 11px */
.txt12{ font-size: 93%; }    /* 12px */
.txt13{ font-size: 100%; }   /* 13px */
.txt14{ font-size: 108%; }   /* 14px */
.txt15{ font-size: 116%; }   /* 15px */
.txt16{ font-size: 123.1%; } /* 16px */
.txt17{ font-size: 131%; }   /* 17px */
.txt18{ font-size: 138.5%; } /* 18px */
.txt19{ font-size: 146.5%; } /* 19px */
.txt20{ font-size: 153.9%; } /* 20px */
.txt21{ font-size: 161.6%; } /* 21px */
.txt22{ font-size: 167%; }   /* 22px */
.txt23{ font-size: 174%; }   /* 23px */
.txt24{ font-size: 182%; }   /* 24px */
.txt25{ font-size: 189%; }   /* 25px */
.txt26{ font-size: 197%; }   /* 26px */

/* === clearfix === */
.clearfix{
	overflow: hidden; zoom: 1;
}
hr{
	clear: both;
	visibility: hidden;
}
/* 新着情報など日付の下に文字が回りこまない魔法 */
.clearR{
	overflow: hidden;
	zoom: 1;
}
.clearR .left{
	float: left;
	display: block;
	padding: 0 10px 5px 0;
}
.clearR .right{
	overflow: auto;
	zoom: 1;
	display: block;
	padding: 0 0 5px 0;
}

/* === 画像とかの左右float調整 === */
.floR {
	float: right;
}
.floL {
	float: left;
}
/* === 中央置きボタン類 === */
.txtC,
.btnC {
	text-align: center;
}
.txtR,
.btnR{
	text-align: right;
}
.txtL,
.btnL{
	text-align: left;
}
/* === テーマフォントカラー === */
.colR{
	color: #FF9103;
}
.colG{
	color: #5CB427;
}
/* === こめ印（※）の字下げ === */
.kome{
	padding-left: 1em;
	text-indent: -1em;
	display: block;
}
/* 
※あああああああああああ
　あああああああああああ
↑こんなカンジで2行目が１文字分空きます
 */
 
 
/* === ページ送り === */
ul.pager{
	margin: 0 0 10px;
	padding: 10px 10px 5px;
	text-align: center;
	clear: both;
}
ul.pager li {
	display: inline;
	padding: 0;
}
ul.pager li span,
ul.pager li a {
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
}
ul.pager li a:hover {
}

/* === Jquery === */
img.rollover{ /* 画像が_onに切り替わります */ }
img.hover{ /* 画像が半透明になります */ }