@charset "UTF-8";

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

Title : general_classes.css
For   : General Classes of the site

Created       : 2007-MM-DD
Last Modified : 2007-MM-DD

----------------------------------------

Content

    1. Float & Clear
    2. Text Align
    3. Font & Text
    4. Margin
    5. Padding


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

/* ---------------------------------------(=1)
    1. Float & Clear
   ---------------------------------------- */
.floatL { float: left; }
.floatR { float: right; }

.clearL { clear: left; }
.clearR { clear: right; }
.clearB { clear: both; }

.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* ---------------------------------------(=2)
    2. Text Align
   ---------------------------------------- */
.alignL { text-align: left !important; }
.alignC { text-align: center !important; }
.alignR { text-align: right !important; }

.valignT  { vertical-align: top; }
.valignM  { vertical-align: middle; }
.valignB  { vertical-align: bottom; }
.valignBL { vertical-align: baseline; }


/* ---------------------------------------(=3)
    3. Font & Text
   ---------------------------------------- */
/* size */
.fsizeS { font-size: 78%; }
.fsizeM { font-size: 90%; }
.fsizeL { font-size: 120%; }

/* weight */
.fontB { font-weight: bold; }
.fontN { font-weight: normal; }

/* color */
.weak { color: #666666; }

/* family */

.arial { font-family: Arial, serif; }

/*
.required,
*/
.attention { color: #ff0000 !important; }

/* text-transform */
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }

/* indent */
.indent05 { margin-left: 0.5em; text-indent: -0.5em; }
.indent10 { margin-left: 1em;   text-indent: -1em;   }
.indent15 { margin-left: 1.5em; text-indent: -1.5em; }
.indent20 { margin-left: 2em;   text-indent: -2em;   }
.indent25 { margin-left: 2.5em; text-indent: -2.5em; }


/* ---------------------------------------(=4)
    4. Margin
   ---------------------------------------- */
.mt0  { margin-top: 0; }
.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; }

.mr0  { margin-right: 0; }
.mr5  { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr35 { margin-right: 35px; }
.mr40 { margin-right: 40px; }
.mr45 { margin-right: 45px; }

.mb0  { margin-bottom: 0; }
.mb5  { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }

.ml0  { margin-left: 0; }
.ml5  { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }
.ml45 { margin-left: 45px; }

.mr0i { margin-right: 0 !important; }


/* ---------------------------------------(=5)
    5. Padding
   ---------------------------------------- */
.pt0  { padding-top: 0; }
.pt5  { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 35px; }
.pt40 { padding-top: 40px; }
.pt45 { padding-top: 45px; }

.pr0  { padding-right: 0; }
.pr5  { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
.pr35 { padding-right: 35px; }
.pr40 { padding-right: 40px; }
.pr45 { padding-right: 45px; }

.pb0  { padding-bottom: 0; }
.pb5  { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb35 { padding-bottom: 35px; }
.pb40 { padding-bottom: 40px; }
.pb45 { padding-bottom: 45px; }

.pl0  { padding-left: 0; }
.pl5  { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl35 { padding-left: 35px; }
.pl40 { padding-left: 40px; }
.pl45 { padding-left: 45px; }


/* ---------------------------------------(=6)
    6. Ohters
   ---------------------------------------- */
/* hidden element */
.hidden {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}

/*form control */
.byte1 { ime-mode: inactive; }
.byte2 { ime-mode: active; }

/* rollover */
.btn {}