/*************************************

          テキストカラー

*************************************/

.txt_pink {
	color: #E6588A;
}
.txt_green {
	color: #738F73;
}
.txt_blue {
	color: #8383FF;
}
.txt_gray {
	color: #606060;
}

.txt_org16 {
	font-size:16px; color:#FF3300;
}

.txt_org14 {
	font-size:14px; color:#FF3300;
}

.txt_blue16 {
	font-size:16px; color:#0000FF;
}

.bld {
	font-weight:bold;
	
}
/************************************

           レイアウト 

*************************************/
/* text */
.txtC{text-align:center;}
.txtL{text-align:left;}
.txtR{text-align:right;}

/*
コーションなど擬似的にulタグを再現
文字サイズによってクラスタを選んでください

Ex)
.indent1適用後イメージ
＊ABCDEFG
  ABCDEFG
  ABCDEFG

.indent2〃
１．ABCDEFG
    ABCDEFG
    ABCDEFG
 */
.indent1{text-indent:-2ex;margin-left:2ex;}
.indent2{text-indent:-3ex;margin-left:3ex;}
.indent3{text-indent:-4ex;margin-left:4ex;}
/*
         レイアウトイメージ

<node.ind3ex>hello</node>
 <node.ind4ex>hello</node>
  <node.ind5ex>hello</node>
   <node.ind6ex>hello</node>
*/
.ind3ex{text-indent:-2ex;margin-left:3ex;}
.ind4ex{text-indent:-2ex;margin-left:4ex;}
.ind5ex{text-indent:-2ex;margin-left:5ex;}
.ind6ex{text-indent:-2ex;margin-left:6ex;}

/* 
　　　　クリアフィックス
 */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* for macIE \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

.leftF{float:left;}
.rightF{float:right;}
.clearF{clear:both;}

/* padding */
.pd1px{padding:1px;}
.pd3px{padding:3px;}
.pd5px{padding:5px;}
.pd10px{padding:10px;}
.pd15px{padding:15px;}
.pd20px{padding:20px;}
.pd30px{padding:30px;}

.pdT5px{padding-top:5px;}
.pdT10px{padding-top:10px;}
.pdT15px{padding-top:15px;}
.pdT20px{padding-top:20px;}
.pdT30px{padding-top:30px;}

.pdL5px{padding-left:5px;}
.pdL10px{padding-left:10px;}
.pdL15px{padding-left:15px;}
.pdL20px{padding-left:20px;}
.pdL30px{padding-left:30px;}

.pdClear{padding:0;}

/* margin */

.mg1px{margin:1px;}
.mg5px{margin:5px;}
.mg10px{margin:10px;}
.mg15px{margin:15px;}
.mg20px{margin:20px;}
.mg30px{margin:30px;}

div.mgAuto,ul.mgAuto,table.mgAuto{margin:0 auto !important;}

.mgT5px{margin-top:5px;}
.mgT10px{margin-top:10px;}
.mgT15px{margin-top:15px;}
.mgT20px{margin-top:20px;}
.mgT30px{margin-top:30px;}

.mgL5px{margin-left:5px;}
.mgL10px{margin-left:10px;}
.mgL15px{margin-left:15px;}
.mgL20px{margin-left:20px;}
.mgL30px{margin-left:30px;}

/* border */

.brdSolid1px{border:1px solid #cccccc;}
.brd0{border:none;}
.bdrBL{
	border:1px solid #3CF;
	background:#fff;
	padding:5px;
}