@charset "utf-8";
/* CSS Document */

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

CSS Information



 File name:      common.css

 Style Info:     各ファイル共通の基本設定

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



/*======================================
	
	77% = 10px	| 	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|   277% = 36px

=======================================*/



/* -------------------------------
	TAG
------------------------------- */


* {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

body {
	width:100%;
	font-size: 13px;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	text-align:center;
	color:#ffffff;
	background:#003300;
}

*+html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
* html body {
	font-size: 13px; /* for WinIE6 */
}
*+html body {
	font-size: 13px; /* for WinIE7 */
}




table {
	font-size: inherit;
	font: 100%;
}

select,
input,
textarea {
	font-size: 99%;
}

strong {
	font-weight: normal;
}

img {
	border: none;
}

.inp01 {
	width: 40px;
	height: 20px;
}

/* リンク部分
----------------------------------------------------------------------------------------------------------------------*/

a {
	color:#ffffff;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	color: #ffffff;
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

/* フロート
----------------------------------------------------------------------------------------------------------------------*/


.fL {float:left;}
.fR {float:right;}


/* マージン
----------------------------------------------------------------------------------------------------------------------*/

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}

.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}

.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}

.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}


/* textstyle */

strong { font-weight:normal;}
em {}
b {}

.red {color:#C00;}
.gr {color:#a0be00;}
.b{ font-weight:bold;}

/* INDENT */
.indent {
	text-indent: -1em;
	padding-left: 1em;
	display: block;
}


/* WRAP */
.nowrap {
	white-space: nowrap !important;
}

/* CLEAR */
.clear {
	clear: both !important;
	width: 100% !important;
	float: none !important;
}

/* DISPLAY */
.display-block {
	display: block;
}


/* CLERFIX */
.clearfix {
	/*\*/
	_overflow: visible;
	_height: 1px;
	zoom: 1;
	/**/
	/*\*//*/
	display: inline-table;
	/**/
}
.clearfix:after {
	content: ".";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	margin: -1px 0 0 0;
}

/*DreamWeaver のデザインビュー
.clearfix{ overflow:hidden;}
*/