@charset "utf-8";

/* --------------------------------------------
CSS Information

File name: base.css
Summary: base style
Created: 2007-08-02
Last update: 2007-10-05
-------------------------------------------- */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
div,
p,
pre,
address,
blockquote,
ul,
ol,
dl,
dt,
dd,
form,
fieldset {
	background-color:rgba(255, 255, 255, 0);/*20130622追記*/
	background-image:url(image);/*20130622追記*/
	-webkit-text-size-adjust: none;/*20130622追記*/
	/*min-height: 1px;20130622追記*/
	/*max-height: 999999px;20130622追記*/
}

/* 基本設定 (基本的に変更しない部分だけ設定)
--------------------------------------------------*/
body {
	font-size: 62.5%; /* その他ブラウザフォントサイズの基本値化 10px=1em */
	_font-size: 61.5%; /* ieのみフォントサイズの基本値化 10px=1em */
	font-family:
	"ＭＳ Ｐゴシック",
	MS P Gothic ,
	Osaka,
	"ヒラギノ角ゴ Pro W3",
	Hiragino Kaku Gothic Pro;
	background-color: #F4F3EF;
}

html { overflow-y: scroll; } /* Firefox huck lint minus point */

html*body {
	font-size:60%; /* mac safari フォントサイズの基本値化 10px=1em */
	font-family:
	"ＭＳ Ｐゴシック",
	MS P Gothic ,
	Osaka,
	"ヒラギノ角ゴ Pro W3",
	Hiragino Kaku Gothic Pro;
	background-color: #F4F3EF;
}

/* スマートフォン文字サイズ固定 */
html,body {
  -webkit-text-size-adjust: none;
}




/* クリアフィックス - CLEAR FIX -
-------------------------------------------------*/
.c-fix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.c-fix { min-height: 1px; }

* html .c-fix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.c-fix { zoom: 100%; }

.c-both { clear: both; } 


/* 位置だけを調整する場合に使用
--------------------------------------------------*/
.txtL { text-align: left; }
.txtC { text-align: center; }
.txtR { text-align: right; }
.floatL { float: left; }
.floatR { float: right; }


/* 文字の設定
--------------------------------------------------*/
/* strongじゃない太字のみの場合に使用 */
.txtBold { font-weight: bold; }

/* テキストに下線だけを入れる場合に使用 */
.bLine { text-decoration: underline; }

/* 文字の色だけを変える場合に使用 */
.txtRed 	{ color: #ff0000; }
.txtGreen 	{ color: #00ff00; }
.txtBlue 	{ color: #0000ff; }
.txtBlack 	{ color: #000000; }
.txtWhite 	{ color: #ffffff; }
.txtOrange 	{ color: #FF9900; }
.txtPink 	{ color: #FF6699; }
.txtBrown 	{ color: #856A4E; }


/* マージン調整 (同じようなページが少ない時などに使用)
--------------------------------------------------*/
/* TOP */
.mt01 { margin-top: 1px; }
.mt02 { margin-top: 2px; }
.mt03 { margin-top: 3px; }
.mt04 { margin-top: 4px; }
.mt05 { margin-top: 5px; }
.mt06 { margin-top: 6px; }
.mt07 { margin-top: 7px; }
.mt08 { margin-top: 8px; }
.mt09 { margin-top: 9px; }
.mt10 { margin-top: 10px; }
.mt11 { margin-top: 11px; }
.mt12 { margin-top: 12px; }
.mt13 { margin-top: 13px; }
.mt14 { margin-top: 14px; }
.mt15 { margin-top: 15px; }
.mt16 { margin-top: 16px; }
.mt17 { margin-top: 17px; }
.mt18 { margin-top: 18px; }
.mt19 { margin-top: 19px; }
.mt20 { margin-top: 20px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }

/* BOTTOM */
.mb01 { margin-bottom: 1px; }
.mb02 { margin-bottom: 2px; }
.mb03 { margin-bottom: 3px; }
.mb04 { margin-bottom: 4px; }
.mb05 { margin-bottom: 5px; }
.mb06 { margin-bottom: 6px; }
.mb07 { margin-bottom: 7px; }
.mb08 { margin-bottom: 8px; }
.mb09 { margin-bottom: 9px; }
.mb10 { margin-bottom: 10px; }
.mb11 { margin-bottom: 11px; }
.mb12 { margin-bottom: 12px; }
.mb13 { margin-bottom: 13px; }
.mb14 { margin-bottom: 14px; }
.mb15 { margin-bottom: 15px; }
.mb16 { margin-bottom: 16px; }
.mb17 { margin-bottom: 17px; }
.mb18 { margin-bottom: 18px; }
.mb19 { margin-bottom: 19px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb60 { margin-bottom: 60px; }

/* LEFT */
.ml01 { margin-left: 1px; }
.ml02 { margin-left: 2px; }
.ml03 { margin-left: 3px; }
.ml04 { margin-left: 4px; }
.ml05 { margin-left: 5px; }
.ml06 { margin-left: 6px; }
.ml07 { margin-left: 7px; }
.ml08 { margin-left: 8px; }
.ml09 { margin-left: 9px; }
.ml10 { margin-left: 10px; }
.ml11 { margin-left: 11px; }
.ml12 { margin-left: 12px; }
.ml13 { margin-left: 13px; }
.ml14 { margin-left: 14px; }
.ml15 { margin-left: 15px; }
.ml16 { margin-left: 16px; }
.ml17 { margin-left: 17px; }
.ml18 { margin-left: 18px; }
.ml19 { margin-left: 19px; }
.ml20 { margin-left: 20px; }

/* RIGHT */
.mr01 { margin-right: 1px; }
.mr02 { margin-right: 2px; }
.mr03 { margin-right: 3px; }
.mr04 { margin-right: 4px; }
.mr05 { margin-right: 5px; }
.mr06 { margin-right: 6px; }
.mr07 { margin-right: 7px; }
.mr08 { margin-right: 8px; }
.mr09 { margin-right: 9px; }
.mr10 { margin-right: 10px; }
.mr11 { margin-right: 11px; }
.mr12 { margin-right: 12px; }
.mr13 { margin-right: 13px; }
.mr14 { margin-right: 14px; }
.mr15 { margin-right: 15px; }
.mr16 { margin-right: 16px; }
.mr17 { margin-right: 17px; }
.mr18 { margin-right: 18px; }
.mr19 { margin-right: 19px; }
.mr20 { margin-right: 20px; }


/* PADDING SETTING
--------------------------------------------------*/

/* LEFT */
.pl01 { padding-left: 1px; }
.pl02 { padding-left: 2px; }
.pl03 { padding-left: 3px; }
.pl04 { padding-left: 4px; }
.pl05 { padding-left: 5px; }
.pl06 { padding-left: 6px; }
.pl07 { padding-left: 7px; }
.pl08 { padding-left: 8px; }
.pl09 { padding-left: 9px; }
.pl10 { padding-left: 10px; }
.pl11 { padding-left: 11px; }
.pl12 { padding-left: 12px; }
.pl13 { padding-left: 13px; }
.pl14 { padding-left: 14px; }
.pl15 { padding-left: 15px; }
.pl16 { padding-left: 16px; }
.pl17 { padding-left: 17px; }
.pl18 { padding-left: 18px; }
.pl19 { padding-left: 19px; }
.pl20 { padding-left: 20px; }

/* FONT SIZE
--------------------------------------------------*/
.f-size9 {font-size:9px;}
.f-size10 {font-size:10px;}
.f-size11 {font-size:11px;}
.f-size12 {font-size:12px;}
.f-size13 {font-size:13px;}
.f-size14 {font-size:14px;}