@charset "Shift-JIS";

/* =========================================================
	TEXT-SIZE
========================================================= */
.txt10 { font-size: 84% !important;}
.txt14 { font-size: 116% !important;}
.txt16 { font-size: 133% !important;}
.txt18 { font-size: 150% !important;}
.txt22 { font-size: 183% !important;}
.txt24 { font-size: 200% !important;}



/* =========================================================
	TEXT-ALIGN
========================================================= */
.left   {	text-align: left !important; }
.center {	text-align: center !important; }
.right  {	text-align: right !important; }



/* =========================================================
	LINK
========================================================= */
a.arrowlink {
	background: url(../images/icon_arrow_1.png) no-repeat 0px 50%;
	padding-left: 20px;
}



/* =========================================================
	INDENT
========================================================= */
.indent1 { text-indent: 1em !important; }



/* =========================================================
	FORM
========================================================= */
.txtmode1 { ime-mode: active; }   /* 全角モード */
.txtmode2 { ime-mode: inactive; } /* 半角モード */



/* =========================================================
	DISPLAY
========================================================= */
.block { display: block !important;}
.none  { display: none !important; }



/* =========================================================
	POSITION
========================================================= */
.relative { position: relative !important; }
.absolute { position: absolute !important; }



/* =========================================================
	SHADOW
========================================================= */
.glow {
	box-shadow: #AAAAAA 0px 0px 3px;
	-webkit-box-shadow: #AAAAAA 0px 0px 3px;/* Safari,Google Chrome */
	-moz-box-shadow: #AAAAAA 0px 0px 3px;/* Firefox */
}



/* =========================================================
	LIST
========================================================= */
/* インデントリスト
--------------------------------------------------------- */
ul.indentlist li {
	text-indent: -1em;
	padding-left: 1em;
}



/* =========================================================
	MARGIN
========================================================= */
.mT0   { margin-top:     0px !important; }
.mT5   { margin-top:     5px !important; }
.mT10  { margin-top:    10px !important; }
.mT15  { margin-top:    15px !important; }
.mT20  { margin-top:    20px !important; }
.mT25  { margin-top:    25px !important; }
.mT30  { margin-top:    30px !important; }
.mT40  { margin-top:    40px !important; }
.mT50  { margin-top:    50px !important; }
.mT70  { margin-top:    70px !important; }
.mT80  { margin-top:    80px !important; }
.mT90  { margin-top:    90px !important; }
.mT100 { margin-top:   100px !important; }
.mR0   { margin-right:   5px !important; }
.mR5   { margin-right:   5px !important; }
.mR10  { margin-right:  10px !important; }
.mB10  { margin-bottom: 10px !important; }
.mL0   { margin-left:    0px !important; }
.mL10  { margin-left:   10px !important; }
.mL20  { margin-left:   20px !important; }
.mL25  { margin-left:   25px !important; }



/* =========================================================
	PADDING
========================================================= */
.pT0  { padding-top:    0px !important; }
.pT5  { padding-top:    5px !important; }
.pT10 { padding-top:   10px !important; }
.pT15 { padding-top:   15px !important; }
.pT20 { padding-top:   20px !important; }
.pT25 { padding-top:   25px !important; }
.pT30 { padding-top:   30px !important; }
.pT40 { padding-top:   40px !important; }
.pT50 { padding-top:   50px !important; }
.pT60 { padding-top:   60px !important; }
.pL0  { padding-left:   0px !important; }
.pL10 { padding-left:  10px !important; }
.pL25 { padding-left:  25px !important; }
.pL40 { padding-left:  40px !important; }
.pL65 { padding-left:  65px !important; }
.pB5  { padding-bottom: 5px !important; }



/* =========================================================
	FLOAT
========================================================= */
.fBox {
	overflow: hidden;
	zoom: 1;
}
.floatL { float:  left !important; }
.floatR { float: right !important; }

img.floatL, img.floatR { display: block;}



/* =========================================================
	CLEAR
========================================================= */
.clear  { clear: both !important; }
br.clear {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

/* CLEAR FIX
--------------------------------------------------------- */
.clearfix {	zoom:1 !important; }/* for IE 5.5-7 */
.clearfix:after {
	content: "." !important;
	display: block !important;
	height: 0px !important;
	clear: both !important;
	visibility: hidden !important;
}