/*

 File Name  : base.css
 Author     : 
 Style Info : 共通利用

---------------------------------------------------------------------*/


/* CLEARFIX
----------------------------------------------- */
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}
.cf {
overflow:hidden;
}


/* fontsize
----------------------------------------------- */
.txt10{ font-size:77% !important;}
.txt12{ font-size:93% !important;}



/* ----------------------- font-color */
.txt-red,.pricetd em,.attention,.totalmoneyarea em{
	color: red;
}
.txt-yel{
	color: #8d9029;
}
.txt-blue{
	color: blue;
}
/* ----------------------- font-align */
.txt-center{ text-align: center; }
.txt-right,.resulttd { text-align: right;  }
.txt-left  { text-align: left;   }

/* ----------------------- font-etc */
.txt-cap {
	padding-left: 1em;
	text-indent: -1em;
}

/* ----------------------- float */
.fl-right { float: right; }
.fl-left  { float: left;  }

/* ----------------------- display */
.none{ display:none;}
.active{ display:block;}
.cursor{cursor:pointer;}



/* ----------------------- padding */
.pd5{
	padding:5px;
}
.pd10{
	padding:10px;
}
.pd15{
	padding:15px;
}
.pd20{
	padding:20px;
}
.pd25{
	padding:25px;
}
.pd30{
	padding:30px;
}

.pdT5{
	padding-top: 5px;
}
.pdT10{
	padding-top: 10px;
}
.pdT15{
	padding-top: 15px;
}
.pdT20{
	padding-top: 20px;
}
.pdT25{
	padding-top: 25px;
}
.pdT30{
	padding-top: 30px;
}

.pdL5{
	padding-left: 5px;
}
.pdL10{
	padding-left: 10px;
}
.pdB5{
	padding-bottom: 5px;
}
.pdB10{
	padding-bottom: 10px;
}
.pdB15{
	padding-bottom: 15px;
}
.pdB30{
	padding-bottom: 30px;
}

.pdR5{
	padding-right: 5px;
}
.pdR10{
	padding-right: 10px;
}
.pdR15{
	padding-right: 15px;
}
.pdR20{
	padding-right: 20px;
}
.pdR25{
	padding-right: 25px;
}
.pdR30{
	padding-right: 30px;
}

/* ----------------------- margin */
.mgT5{
	margin-top: 5px;
}
.mgT10{
	margin-top: 10px;
}
.mgT15{
	margin-top: 15px;
}
.mgT20{
	margin-top: 20px;
}
.mgT25{
	margin-top: 25px;
}
.mgT30{
	margin-top: 30px;
}
.mgB5{
	margin-bottom: 5px;
}
.mgB10{
	margin-bottom: 10px;
}
.mgB15{
	margin-bottom: 15px;
}
.mgB20{
	margin-bottom: 20px;
}
.mgB25{
	margin-bottom: 25px;
}
.mgB30{
	margin-bottom: 30px;
}
.mgB35{
	margin-bottom: 35px;
}
.mgB40{
	margin-bottom: 40px;
}
.mgR5{
	margin-right: 5px;
}
.mgR10{
	margin-right: 10px;
}
.mgR15{
	margin-right: 15px;
}
.mgR20{
	margin-right: 20px;
}
.mgR25{
	margin-right: 25px;
}
.mgR30{
	margin-right: 30px;
}
.mgR35{
	margin-right: 35px;
}
.mgR40{
	margin-right: 40px;
}

.mgL5{
	margin-left: 5x;
}
.mgL9{
	margin-left: 9px;
}
.mgL10{
	margin-left: 10px;
}
.mgL15{
	margin-left: 15px;
}
.mgL20{
	margin-left: 20px;
}
.mgL23{
	margin-left: 23px;
}
.mgL30{
	margin-left: 35px;
}
.mgL35{
	margin-left: 35px;
}
.mgL40{
	margin-left: 40px;
}