@charset "utf-8";



/* ***************************************
 * color
 **************************************** */
 
.glay01 {color : #71827C;}
.ore01  {color : #eb760e;}
.blue01 {color : #116A95;}
.green01{color : #6b820e;}
.brown01{color : #5B4231;}
.white01{color : #ededed;}
.red01  {color : #CF0E13;}


/* ***************************************
 * text
 **************************************** */
 
.bold01{
	font-weight    : bold;
	letter-spacing : 1px;
	font-family:'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.bold02{
	font-weight    : bold;
}


.f10 {	font-size:10px;}
.f12 {	font-size:12px;	}
.f14 {	font-size:14px;	}
.f16 {	font-size:16px;	}


/* ***************************************
 * image
 **************************************** */
 
.img00  {	vertical-align:middle;}




/* ***************************************
 * backcolor
 **************************************** */

.bgc01{	background-color:#ecdf88;}



/* ***************************************
 * left*right
 **************************************** */

.tl{text-align : left;}
.tr{text-align : right;}
.tc{text-align : center;}

.fl{float : left;}
.fr{float : right;}



/* ***************************************
 * margin
 **************************************** */

.m_auto{margin        : 0 auto;}
.mt5  {margin-top     :  5px;}
.mt10 {margin-top     : 10px;}
.mt15 {margin-top     : 15px;}
.mt20 {margin-top     : 20px;}
.mt25 {margin-top     : 25px;}
.mt30 {margin-top     : 30px;}
.mt35 {margin-top     : 35px;}
.mt40 {margin-top     : 40px;}
.mt45 {margin-top     : 45px;}
.mt50 {margin-top     : 50px;}
.mt55 {margin-top     : 55px;}
.mt60 {margin-top     : 60px;}
.mt65 {margin-top     : 65px;}
.mt70 {margin-top     : 70px;}
.mt100 {margin-top     : 100px;}


.mr1  {margin-right   : 1px;}
.mr2  {margin-right   : 2px;}
.mr3  {margin-right   : 3px;}
.mr4  margin-right   : 4px;}
.mr5  {margin-right   : 5px;}
.mr10 {margin-right  : 10px;}
.mr15 {margin-right  : 15px;}
.mr20 {margin-right  : 20px;}
.mr30 {margin-right  : 30px;}
.mr40 {margin-right  : 40px;}

.ml1  {margin-left     : 1px;}
.ml2  {margin-left     : 2px;}
.ml3  {margin-left     : 3px;}
.ml5  {margin-left     : 5px;}
.ml10 {margin-left    : 10px;}
.ml13 {margin-left    : 13px;}
.ml15 {margin-left    : 15px;}
.ml20 {margin-left    : 20px;}
.ml30 {margin-left    : 30px;}
.ml100{margin-left    : 100px;}
.ml110{margin-left    : 110px;}
.ml120{margin-left    : 120px;}

.mb5  {margin-bottom  : 5px;}
.mb10 {margin-bottom  : 10px;}
.mb15 {margin-bottom  : 15px;}
.mb20 {margin-bottom  : 20px;}
.mb30 {margin-bottom  : 30px;}
.mb40 {margin-bottom  : 40px;}
.mb60 {margin-bottom  : 60px;}
.mb100 {margin-bottom  : 100px;}
.mb150 {margin-bottom  : 150px;}

/* ***************************************
 * padding
 **************************************** */

.pl1 {padding-left    :  1px;}
.pl2 {padding-left    :  2px;}
.pl3 {padding-left    :  3px;}
.pl5 {padding-left    :  5px;}
.pl10{padding-left    : 10px;}
.pl15{padding-left    : 15px;}
.pl20{padding-left    : 20px;}
.pl25{padding-left    : 25px;}
.pl30{padding-left    : 30px;}

.pr3{padding-right   :  3px;}
.pr5{padding-right   :  5px;}
.pr10{padding-right  : 10px;}
.pr15{padding-right  : 15px;}
.pr20{padding-right  : 20px;}
.pr25{padding-right  : 25px;}
.pr30{padding-right  : 30px;}

.pt3 {padding-top    :  3px;}
.pt5 {padding-top    :  5px;}
.pt10{padding-top    : 10px;}
.pt15{padding-top    : 15px;}
.pt20{padding-top    : 20px;}
.pt25{padding-top    : 25px;}
.pt30{padding-top    : 30px;}

.pb3 {padding-bottom :  3px;}
.pb5 {padding-bottom :  5px;}
.pb10{padding-bottom : 10px;}
.pb15{padding-bottom : 15px;}
.pb20{padding-bottom : 20px;}
.pb25{padding-bottom : 25px;}
.pb30{padding-bottom : 30px;}


/* ***************************************
 * border
 **************************************** */

.dline_b01{
		padding-bottom	: 10px;
		background			: url(../../images/common/dot.gif) repeat-x bottom;
}


.dline_t01{
		padding-top	    : 10px;
		background			: url(../../images/common/dot.gif) repeat-x top;
}


/* ***************************************
 * clear
 **************************************** */

.cb{	clear : both;}


.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {
	display: inline-table;
	min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* ***************************************
 * z-index
 **************************************** */

.z01{
	z-index:1;
}

.z02{
	z-index:2;
}