@charset "UTF-8";
/*
 *cmn_style.css
 *
 * updated --- 2012/02/01
 */


/* 01 - Base font
--------------------------------------------- */
body {
	font-family: "ヒラギノ角ゴ Pro W3","HiraKakuPro-W3", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", arial;
	color:#555;
	font-size:14px;	
	line-height:160%;
}

/* IE8 and below */
body {
	font-size: 92%\9;
}

/* ie7 */
*:first-child+html body {
	font-size: 92%;
}

/* ie5 - ie6 */
* html body {
	font-size:92%;
}

/* 02 - font style
--------------------------------------------- */
.fSSS { font-size: 70%;}
.fSS  { font-size: 85%;} 
.fS   { font-size: 95%;} 
.fM   { font-size: 100%;}
.fL   { font-size: 115%;}
.fLL  { font-size: 140%;}
.fLLL { font-size: 170%;}


/* 03 - text color
--------------------------------------------- */
.fRed { color:#C00;}

.txtColor01 { color:#0076CC;}
.txtColor02 { color:#91CC3E;}
.txtColor03 { color:#E25138;}
.txtColor04 { color:#5F0385;}
.txtColor06 { color:#CE0080;}
.txtColor07 { color:#F69;}


/* 04 - clearfix
--------------------------------------------- */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* 05 - float
--------------------------------------------- */
.fltL {
	float: left;
}
.fltR {
	float: right;
}
.ft {
	overflow: hidden;
	zoom: 1;
}


/* 06 - preset width
--------------------------------------------- */
.wHalf  { width: 48%;}
.wTri   { width: 33%;}
.wQuart { width: 24%;}
.wFull  { width: 99.9%;}
.wMax   { width: 100%;}

/* table */
.tw03 { width:  3% !important;}
.tw05 { width:  5% !important;}
.tw10 { width: 10% !important;}
.tw13 { width: 13% !important;}
.tw15 { width: 15% !important;}
.tw20 { width: 20% !important;}
.tw25 { width: 25% !important;}
.tw30 { width: 30% !important;}
.tw35 { width: 35% !important;}
.tw40 { width: 40% !important;}
.tw45 { width: 45% !important;}
.tw50 { width: 50% !important;}


/* 07 - preset margin 
--------------------------------------------- */

.m0 { margin: 0px !important }
.m15  { margin: 15px !important }

.mt00 { margin-top:  0   !important;}
.mt05 { margin-top:  5px !important;}
.mt10 { margin-top: 10px !important;}
.mt12 { margin-top: 12px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}
.mt55 { margin-top: 55px !important;}
.mt60 { margin-top: 60px !important;}

.mb00 { margin-bottom:  0   !important;}
.mb05 { margin-bottom:  5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb12 { margin-bottom: 12px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb55 { margin-bottom: 55px !important;}
.mb60 { margin-bottom: 60px !important;}

.mr10 { margin-right: 10px !important;}
.mr20 { margin-right: 20px !important;}

.ml20 { margin-left: 20px !important;}

/* 08 - preset padding 
--------------------------------------------- */
.p10 { padding: 10px !important;}


/* 08 - background color
--------------------------------------------- */
.bColor_blue01 { background-color:#EDF6FF;}
.bColor_blue02 { background-color:#68C3F0;}

.bColor_green01 { background-color:#F1FFDD;}
.bColor_green02 { background-color:#72BD31;}
.bColor_green03 { background-color:#AAD256;}

.bColor_yellow01 { background-color:#FFFEE9;}

.bColor_orange01 { background-color:#FFF4EA;}
.bColor_orange02 { background-color:#FF9C81;}
.bColor_orange03 { background-color:#E25138;}

.bColor_pink01 { background-color:#FFEEF5;}
.bColor_pink02 { background-color:#CE0080;}
.bColor_pink03 { background-color:#E882B4;}

.bColor_purple01 { background-color:#ECEAF4;}
.bColor_purple02 { background-color:#A597C7;}

.bColor_red01 { background-color:#FFE0E3;}

/* 09 - inline align
--------------------------------------------- */
.inlineL { text-align: left;}
.inlineC { text-align: center;}
.inlineR { text-align: right;}



/* 10 - c-both
--------------------------------------------- */
.c-both {
	clear:both;
	height:1px;
	line-height:0;
}

/* 11 - text indent
--------------------------------------------- */
.txtIndent1 {
	text-indent: -1em;
	margin-left: 1em !important;
}

.txtIndent2 {
	text-indent: -2em;
	margin-left: 2em !important;
}


.lH140 { line-height:140%;}
.lH160 { line-height:160%;}

.lstyleD li {
	list-style:disc !important;
	margin-left:20px !important;
}

/* 12 - JavaScript Class
--------------------------------------------- */
.rollover            {/* ロールオーバー呼び出し用 */}


/* 13 - hr
--------------------------------------------- */
hr {
	border:none;
	border-top:dashed 1px #999;
	height:1px;
	color:#FFFFFF;
}