@charset "UTF-8";

/* ------------------------------
コーディングルール
------------------------------ */
/* プロパティ順序:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 */
 
 
/* ------------------------------
全体設定
------------------------------ */
body {
	background:#e2e2e2 url(../img/bg_cmn_body.gif) repeat 0 0;
	color:#333;
	font-size:x-small;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ",meiryo,"ＭＳ Ｐゴシック", Verdana, Arial, Helvetica, sans-serif;
}

input, select, option, textarea {
	border-width:0px;
	background-color:transparent;
	color:#fff;
	font-size:10px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ",meiryo,"ＭＳ Ｐゴシック", Verdana, Arial, Helvetica, sans-serif;
}

/* ------------------------------
クリアフィックス
------------------------------ */
.clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
}

/* IE向けクリアフィックス用ハック ¥*/
* html .clearfix {
	height:1%;
}

/* IE向けクリアフィックス用ハック */
.clearfix {
	display:block;
}

/* ------------------------------
カラー設定
------------------------------ */
.white {
	color:#fff;
}

.black {
	color:#000;
}

.gray5 {
	color:#f2f2f2;
}

.gray10 {
	color:#ececec;
}

.gray20 {
	color:#ccc;
}

.gray40 {
	color:#999;
}

.gray60 {
	color:#666;
}

.gray80 {
	color:#333;
}

.blue20 {
	color:#d0f1ff;
}

.navy80 {
	color:#2a4a5b;
}

.orange100 {
	color:#f30;
}

.bgwhite {
	background-color:#fff;
}

.bgblack {
	background-color:#000;
}

.bggray5 {
	background-color:#f2f2f2;
}

.bggray10 {
	background-color:#e6e4e5;
}

.bggray20 {
	background-color:#ccc;
}

.bggray40 {
	background-color:#999;
}

.bggray60 {
	background-color:#666;
}

.bggray80 {
	background-color:#333;
}

.bgblue20 {
	color:#d0f1ff;
}

/* ------------------------------
文字設定
------------------------------ */
.bold {
	font-weight:700;
}

.narrow {
	line-height:130%;
}

h1 {
	font-size:21px;
	font-weight:700;
	line-height:110%;
}

h2 {
	font-size:18px;
	font-weight:700;
	line-height:110%;
}

h3 {
	font-size:15px;
	font-weight:700;
	line-height:110%;
}

h4 {
	font-size:12px;
	font-weight:700;
	line-height:110%;
}

h5 {
	font-size:10px;
	font-weight:700;
	line-height:110%;
}

h6 {
	font-size:9px;
	font-weight:700;
	line-height:110%;
}

.j9 {
	font-size:9px;
	line-height:150%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ",meiryo,"ＭＳ Ｐゴシック", sans-serif;
}

.j10 {
	font-size:10px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ",meiryo,"ＭＳ Ｐゴシック", sans-serif;
	line-height:150%;
}

.j12 {
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ",meiryo,"ＭＳ Ｐゴシック", sans-serif;
	line-height:150%;
}

.j15 {
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ",meiryo,"ＭＳ Ｐゴシック", sans-serif;
	line-height:150%;
}

.j18 {
	font-size:18px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ",meiryo,"ＭＳ Ｐゴシック", sans-serif;
	line-height:150%;
}

.j21 {
	font-size:21px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ",meiryo,"ＭＳ Ｐゴシック", sans-serif;
	line-height:150%;
}

.j24 {
	font-size:24px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ",meiryo,"ＭＳ Ｐゴシック", sans-serif;
	line-height:150%;
}

.jb9 {
	font-size:9px;
	line-height:150%;
	font-weight:700;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ",meiryo,"ＭＳ Ｐゴシック", sans-serif;
}

.jb10 {
	font-size:10px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ",meiryo,"ＭＳ Ｐゴシック", sans-serif;
	font-weight:700;
	line-height:150%;
}

.jb12 {
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ",meiryo,"ＭＳ Ｐゴシック", sans-serif;
	font-weight:700;
	line-height:150%;
}

.jb15 {
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ",meiryo,"ＭＳ Ｐゴシック", sans-serif;
	font-weight:700;
	line-height:150%;
}

.jb18 {
	font-size:18px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ",meiryo,"ＭＳ Ｐゴシック", sans-serif;
	font-weight:700;
	line-height:150%;
}

.jb21 {
	font-size:21px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ",meiryo,"ＭＳ Ｐゴシック", sans-serif;
	font-weight:700;
	line-height:150%;
}

.jb24 {
	font-size:24px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ",meiryo,"ＭＳ Ｐゴシック", sans-serif;
	font-weight:700;
	line-height:150%;
}

.jn9 {
	font-size:9px;
	line-height:130%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ",meiryo,"ＭＳ Ｐゴシック", sans-serif;
}

.jn10 {
	font-size:10px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ",meiryo,"ＭＳ Ｐゴシック", sans-serif;
	line-height:130%;
}

.jn12 {
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ",meiryo,"ＭＳ Ｐゴシック", sans-serif;
	line-height:130%;
}

.jn15 {
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ",meiryo,"ＭＳ Ｐゴシック", sans-serif;
	line-height:130%;
}

.jn18 {
	font-size:18px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ",meiryo,"ＭＳ Ｐゴシック", sans-serif;
	line-height:130%;
}

.jn21 {
	font-size:21px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ",meiryo,"ＭＳ Ｐゴシック", sans-serif;
	line-height:130%;
}

.jn24 {
	font-size:24px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ",meiryo,"ＭＳ Ｐゴシック", sans-serif;
	line-height:130%;
}

.e9 {
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:150%;
}

.e10 {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:150%;
}

.e12 {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:150%;
}

.e15 {
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:150%;
}

.e18 {
	font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:150%;
}

.eb9 {
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:700;
	line-height:150%;
}

.eb10 {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:700;
	line-height:150%;
}

.eb12 {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:700;
	line-height:150%;
}

.eb15 {
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:700;
	line-height:150%;
}

.eb18 {
	font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:700;
	line-height:150%;
}

.en9 {
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:130%;
}

.en10 {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:130%;
}

.en12 {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:130%;
}

.en15 {
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:130%;
}

.en18 {
	font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:130%;
}

/* ------------------------------
リンク設定
------------------------------ */
a:link {
	color:#069;
	text-decoration:none;
}

a:visited {
	color:#069;
	text-decoration:none;
}

a:hover {
	color:#09c;
	text-decoration:none;
}

a:active {
	color:#ccc;
	text-decoration:none;
}

a.header:link {
	color:#999;
	text-decoration:none;
}

a.header:visited {
	color:#999;
	text-decoration:none;
}

a.header:hover {
	color:#09c;
	text-decoration:none;
}

a.header:active {
	color:#ccc;
	text-decoration:none;
}

a.default {
	float:left;
	padding-left:10px;
	background:transparent url(../img/prt_cmn_arw4.gif) no-repeat left center;
}

a.default:link {
	color:#036;
	text-decoration:none;
}

a.default:visited {
	color:#036;
	text-decoration:none;
}

a.default:hover {
	color:#09c;
	text-decoration:none;
}

a.default:active {
	color:#ccc;
	text-decoration:none;
}

a.footer {
	float:left;
	padding-left:10px;
	background:transparent url(../img/prt_cmn_arw3.gif) no-repeat left center;
}

a.footer:link {
	color:#8adbff;
	text-decoration:none;
}

a.footer:visited {
	color:#8adbff;
	text-decoration:none;
}

a.footer:hover {
	color:#09c;
	text-decoration:none;
}

a.footer:active {
	color:#ccc;
	text-decoration:none;
}