
/* 共通 */

.gold{ color: #b5af07 !important;}
.white{ color: #FFFFFF !important;}
.red{ color: #FF0000 !important;}
.green{ color: #14a83c !important;}
.magenta{ color: #920783 !important;}
.blue{ color: #0180cd !important;}
.brown{ color: #5d2b18 !important;}
.orange{ color: #f6ab00 !important;}
.pink{ color: #e6003e !important;}
.yellow{ color: #fff100 !important;}
.gray{ color: #655d5b !important;}
.bluegray{ color: #3b7585 !important;}
.bisque{ color: #FAEBD7 !important;}
.purple{ color: #923c92 !important;}

.bg-bisque{ background-color: #FAEBD7 !important;}
.bg-black{ background-color: #000000 !important;}
.bg-brown{ background-color: #27060a !important;}
.bg-gray{ background-color: #d3d3d3 !important;}
.bg-white{ background-color: #FFFFFF !important;}
.bg-cornsilk{ background-color: #FFF8DC !important;}
.bg-green{ background-color: #cccc99 !important;}

.font65{ font-size: 65% !important;}
.font70{ font-size: 70% !important;}
.font75{ font-size: 75% !important;}
.font80{ font-size: 80% !important;}
.font85{ font-size: 85% !important;}
.font90{ font-size: 90% !important;}
.font110{ font-size: 110% !important;}
.font130{ font-size: 130% !important;}
.font150{ font-size: 150% !important;}
.font180{ font-size: 180% !important;}
.font250{ font-size: 250% !important;}
.font350{ font-size: 350% !important;}

.font-b{ font-weight: bold !important;}

.line11{ line-height: 1.1em !important;}
.line13{ line-height: 1.3em !important;}
.line15{ line-height: 1.5em !important;}
.line18{ line-height: 1.8em !important;}
.line20{ line-height: 2em !important;}

.text-c{ text-align: center !important;}
.text-r{ text-align: right !important;}
.text-l{ text-align: left !important;}
.text-j{ text-align: justify !important;}

.bord-b1{ border-bottom: 1px solid #000000 !important;}
.bord-b2{ border-bottom: 1px solid #ffffff !important;}
.bord-b3{ border-bottom: 2px dotted #CCCCCC !important;}

.bord-r3{ border-right: 3px dotted #e94614 !important;}
.bord-l3{ border-left: 3px dotted #e94614 !important;}
.bordg-r3{ border-right: 3px dotted #fcc800 !important;}
.bordg-l3{ border-left: 3px dotted #fcc800 !important;}
.bord-r5{ border-right: 5px dotted #e94614 !important;}
.bord-l5{ border-left: 5px dotted #e94614 !important;}


.pad1{ padding: 5px 0 !important;}
.pad2{ padding: 0 0 10px !important;}

.md-a{ margin: 0 auto !important;}
.rightbox{ float: right;}

.font-f1{ font-family: "ＭＳ 明朝",serif;}

.posi-r{ position: relative;}

/* 共通おわり */

/*width*/
.w300{ width: 300px !important;}
.w400{ width: 400px !important;}
.w500{ width: 500px !important;}
.w600{ width: 600px !important;}



/*padding*/
.pd2 {
    padding: 2px !important;
}
.pd5 {
    padding: 5px !important;
}
.pd7 {
    padding: 7px !important;
}
.pd10 {
    padding: 10px !important;
}
.pd15 {
    padding: 15px !important;
}
.pd20 {
    padding: 20px !important;
}
.pd25 {
    padding: 25px !important;
}
.pd30 {
    padding: 30px !important;
}

.pdt2 {
    padding-top: 2px !important;
}
.pdt5 {
    padding-top: 5px !important;
}
.pdt10 {
    padding-top: 10px !important;
}
.pdt15 {
    padding-top: 15px !important;
}
.pdt20 {
    padding-top: 20px !important;
}
.pdt25 {
    padding-top: 25px !important;
}
.pdt30 {
    padding-top: 30px !important;
}
.pdt35 {
    padding-top: 35px !important;
}
.pdt40 {
    padding-top: 40px !important;
}
.pdt45 {
    padding-top: 45px !important;
}
.pdt50 {
    padding-top: 50px !important;
}
.pdt55 {
    padding-top: 55px !important;
}
.pdt60 {
    padding-top: 60px !important;
}
.pdt70 {
    padding-top: 70px !important;
}
.pdt80 {
    padding-top: 80px !important;
}
.pdt90 {
    padding-top: 90px !important;
}
.pdt120 {
    padding-top: 120px !important;
}
.pdt150 {
    padding-top: 150px !important;
}
.pdt200 {
    padding-top: 200px !important;
}
.pdt240 {
    padding-top: 240px !important;
}
.pdt300 {
    padding-top: 300px !important;
}
.pdt320 {
    padding-top: 320px !important;
}
.pdt370 {
    padding-top: 370px !important;
}
.pdt400 {
    padding-top: 400px !important;
}
.pdt500 {
    padding-top: 500px !important;
}

.pdr4{
    padding-right: 4px !important;
}
.pdr5 {
    padding-right: 5px !important;
}
.pdr10 {
    padding-right: 10px !important;
}
.pdr15 {
    padding-right: 15px !important;
}
.pdr20 {
    padding-right: 20px !important;
}
.pdr25 {
    padding-right: 25px !important;
}
.pdr30 {
    padding-right: 30px !important;
}
.pdr35 {
    padding-right: 35px !important;
}
.pdr40 {
    padding-right: 40px !important;
}


.pdb3 {
    padding-bottom: 3px !important;
}
.pdb5 {
    padding-bottom: 5px !important;
}
.pdb10 {
    padding-bottom: 10px !important;
}
.pdb15 {
    padding-bottom: 15px !important;
}
.pdb20 {
    padding-bottom: 20px !important;
}
.pdb25 {
    padding-bottom: 25px !important;
}
.pdb30 {
    padding-bottom: 30px !important;
}
.pdb35 {
    padding-bottom: 35px !important;
}
.pdb40 {
    padding-bottom: 40px !important;
}
.pdb45 {
    padding-bottom: 45px !important;
}
.pdb50 {
    padding-bottom: 50px !important;
}
.pdb55 {
    padding-bottom: 55px !important;
}
.pdb60 {
    padding-bottom: 60px !important;
}
.pdb70 {
    padding-bottom: 70px !important;
}
.pdb80 {
    padding-bottom: 80px !important;
}
.pdb100 {
    padding-bottom: 100px !important;
}
.pdb150 {
    padding-bottom: 150px !important;
}
.pdb200 {
    padding-bottom: 200px !important;
}
.pdb250 {
    padding-bottom: 250px !important;
}
.pdb280 {
    padding-bottom: 280px !important;
}
.pdb300 {
    padding-bottom: 300px !important;
}
.pdb400 {
    padding-bottom: 400px !important;
}
.pdb500 {
    padding-bottom: 500px !important;
}
.pdb530 {
    padding-bottom: 530px !important;
}
.pdb1300 {
    padding-bottom: 1300px !important;
}

.pdl4 {
    padding-left: 4px !important;
}
.pdl5 {
    padding-left: 5px !important;
}
.pdl10 {
    padding-left: 10px !important;
}
.pdl15 {
    padding-left: 15px !important;
}
.pdl20 {
    padding-left: 20px !important;
}
.pdl25 {
    padding-left: 25px !important;
}
.pdl30 {
    padding-left: 30px !important;
}
.pdl60 {
    padding-left: 60px !important;
}
.pdl360 {
    padding-left: 360px !important;
}

/*margin*/

.mg5{
	margin: 5px !important;
}
.mg10{
	margin: 10px !important;
}
.mg20{
	margin: 20px !important;
}

.mgt3 {
    margin-top: 3px !important;
}
.mgt5 {
    margin-top: 5px !important;
}
.mgt10 {
    margin-top: 10px !important;
}
.mgt15 {
    margin-top: 15px !important;
}
.mgt20 {
    margin-top: 20px !important;
}
.mgt30 {
    margin-top: 30px !important;
}
.mgt40 {
    margin-top: 40px !important;
}
.mgt50 {
    margin-top: 50px !important;
}
.mgt60 {
    margin-top: 60px !important;
}
.mgt70 {
    margin-top: 70px !important;
}
.mgt80 {
    margin-top: 80px !important;
}
.mgt100 {
    margin-top: 100px !important;
}
.mgt140 {
    margin-top: 140px !important;
}
.mgt150 {
    margin-top: 150px !important;
}
.mgt170 {
    margin-top: 170px !important;
}
.mgt180 {
    margin-top: 180px !important;
}
.mgt190 {
    margin-top: 190px !important;
}
.mgt200 {
    margin-top: 200px !important;
}

.mgr2 {
	margin-right: 2px !important;
}
.mgr5 {
	margin-right: 5px !important;
}
.mgr10 {
	margin-right: 10px !important;
}
.mgr20 {
	margin-right: 20px !important;
}
.mgr30 {
	margin-right: 30px !important;
}
.mgr40 {
	margin-right: 40px !important;
}
.mgr50 {
	margin-right: 50px !important;
}
.mgr60 {
	margin-right: 60px !important;
}
.mgr70 {
	margin-right: 70px !important;
}


.mgl5 {
	margin-left: 5px !important;
}
.mgl10 {
	margin-left: 10px !important;
}
.mgl15 {
	margin-left: 15px !important;
}
.mgl20 {
	margin-left: 20px !important;
}
.mgl30 {
	margin-left: 30px !important;
}
.mgl50 {
	margin-left: 50px !important;
}

.mgb3 {
    margin-bottom: 3px !important;
}
.mgb5 {
    margin-bottom: 5px !important;
}
.mgb10 {
    margin-bottom: 10px !important;
}
.mgb20 {
    margin-bottom: 20px !important;
}
.mgb25 {
    margin-bottom: 25px !important;
}
.mgb30 {
    margin-bottom: 30px !important;
}
.mgb40 {
    margin-bottom: 40px !important;
}
.mgb45 {
    margin-bottom: 45px !important;
}

/*clearfix*/

/*------------------------------- clearfix[float解除]----------------------------*/
/*clearfix*/
.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
	} 
	
.clearfix {
	display: inline-block;
	}

div#Other .clearfix {
	display: inline-block;
	height: 140px;
	}
	
 /* Hides from IE-mac \*/ 
 * html .clearfix {
 	height: 1%;
 	}
 .clearfix {
 	display: block;
 	}
  /* End hide from IE-mac */

/*------------------------------- clearfix[float解除] ここまで----------------------------*/


