@charset "EUC-JP";

/*
---------------------------------------------------------------------
2007.4/10
---------------------------------------------------------------------
*/

/*初期設定
----------------------------------------------------------------*/

*{
  margin:0;
  padding:0;
}
html{
    height:100%;
	}
* html #WRP{
    height:100%;
	}
body {
	margin:0px;
	font-family: "ＭＳ Ｐゴシック", Osaka,sans-serif, "ヒラギノ角ゴ Pro W3";
	color: #333333;
	font-size:12px;
	line-height:20px;
	text-align:center;
	background-color:#1c1c1c;
    height:100%;
}

body > #WRP {
    height: auto;
	}


#WRP{
	width:850px;
    margin:0px auto;
    position:relative;
    min-height: 100%;
}
#WRP2{
	width:850px;
    margin:60px auto 0 auto;
}


#MAIN{
    padding:0 0 75px 0;
	}	





h1,h2,h3,h4,h5,p{
	margin:0;
	padding:0;
	font-size:12px;	
	line-height:20px;
	font-weight:100;	
	}
td{
	color: #333333;
	font-size:12px;
	line-height:20px;
	font-family: "ＭＳ Ｐゴシック", Osaka,sans-serif, "ヒラギノ角ゴ Pro W3";	
	margin:0;
	padding:0;	
	}
form,select,input {
	margin:0 5px 0 0;
	padding:0;
	}	
img {
	margin:0px;
	padding:0px;
	border:0px;
	}
ul,li {
	list-style:none;
	}	

a{
	color:#3366CC;
	text-decoration:none;	
	}
a:hover{
	color:#FF9900;
	text-decoration:none;
	}	


/*ページの先頭に戻る .up
----------------------------------------------------------------*/	

.up {
	text-align:right;	
	padding:10px 25px 0 0;
	}
	
.up a{
	color:#777777;
	text-decoration:none;	
	}
.up a:hover{
	color:#FF9900;
	text-decoration:none;
	}	

.up2 {
	font-size:10px;
	line-height:15px;
	padding:5px 0px;
	text-align:right;
	}
	
.up2 a{
	color:#777777;
	text-decoration:none;	
	}
.up2 a:hover{
	color:#FF9900;
	text-decoration:none;
	}	

/*文字サイズ、装飾
----------------------------------------------------------------*/		

.txt11{
	font-size:11px;
	}
.txt12{
	font-size:12px;
	}
.txt13{
	font-size:13px;
	}
.txt14{
	font-size:14px;
	}
.txt15{
	font-size:15px;
	}
		
.bold{
	font-weight:bold;
	}
.cap{
	font-size:11px;
	line-height:15px;	
	font-weight:100;
	}
						
.red{
	color:#FF0000;
	}			
.orange{
	color:#FF6600;
	}
.blue{
	color:#003399;
	}		
.green {
	color:#5b9000;
	}
.brown{
	color:#663333;
	}		
.pink{
	color:#FF33CC;
	}							
.gray{
	color:#666666;
	}	
	
.center{
	text-align:center;
	margin:0 auto;
	}			
				
.dot_txt{
	background-image:url(../common_img/dot_txt01.gif);
	background-repeat:repeat;
	line-height:22px;
	}		
.dot_line1{
	background-image:url(../common_img/dot_line01.gif);/* 01~02 */
	background-position:bottom;
	background-repeat:repeat-x;
	padding-bottom:3px;
	}
.dot_line2{
	background-image:url(../common_img/dot_line04.gif);/* 03~04 */
	background-position:bottom;
	background-repeat:repeat-x;
	padding-bottom:3px;
	}
.arw1{
	background-image:url(../common_img/arrow01.gif);
	background-position:0 5px;
	background-repeat:no-repeat;
	padding:0 0 5px 8px;
	}	
.arw2{
	background-image:url(../common_img/arrow01.gif);
	background-position:0 10px;
	background-repeat:no-repeat;
	padding:5px 0 5px 8px;
	}	
.arw3{
	background-image:url(../common_img/arrow03.gif);
	background-position:0 6px;
	background-repeat:no-repeat;
	padding:0 0 5px 10px;
	}																						
	
/*フロート関係
----------------------------------------------------------------*/	
.clear {
	clear:both;
	}	
.flo_l{
	float:left;
	width:auto;
	margin:0;
	}	
.flo_r{
	float:right;
	width:auto;
	margin:0;
	}		
.ph_left{
	float:left;
	width:auto;
	margin:0px 10px 0px 0;
	}	
.ph_right{
	float:right;
	width:auto;	
	margin:0 0px 0 10px;
	}	
	
	
/*マージン
----------------------------------------------------------------*/	
.mb05{
	margin-bottom:5px;
	}
.mb10{
	margin-bottom:10px;
	}	
.mb15{
	margin-bottom:15px;
	}		
.mb20{
	margin-bottom:20px;
	}		
.mb30{
	margin-bottom:30px;
	}			
.mt05{
	margin-top:5px;
	}
.mt10{
	margin-top:10px;
	}	
.mt15{
	margin-top:15px;
	}		
.mt20{
	margin-top:20px;
	}				
.mt30{
	margin-top:30px;
	}	
.ml05{
	margin-left:5px;
	}			
.ml10{
	margin-left:10px;
	}			
.ml15{
	margin-left:15px;
	}			
.ml20{
	margin-left:20px;
	}		


/*インデント
----------------------------------------------------------------*/	
.ind05{
	padding:0 5px;
	}
	
.ind10{
	padding:0 10px;
	}




/*トップ
----------------------------------------------------------------*/
#FLA {
	background-color:#1C1C1C;
	}
	
.logo {
	width:425px;
	padding:200px 0;
	text-align:center;
	float:left;
	margin:0;
	}	
	
/*フッタ
----------------------------------------------------------------*/	
#FOOT {
    position:absolute;
    bottom:0px;
	left:0;
    height:auto;
    width:850px;
	font-weight:100;
	color:#555;
	margin:0 auto;
	background-color:#1c1c1c;	
	}
#FOOT2 {
    height:30px;
	padding:5px 0 0 0;
    width:100%;
	font-weight:100;
	color:#555;
	}
	
.recruit {
	float:left;
	}	
.recruit p{
	padding-top:5px;
	font-size:10px;
	line-height:15px;
	padding:5px 20px 0 5px;
	}	
.flink p{
	float:left;
	width:auto;
	padding:5px 20px 0 8px;
	font-size:10px;
	line-height:15px;	
	background-image:url(../common_img/arrow01.gif);
	background-position:0 10px;
	background-repeat:no-repeat;	
	}
		
	
.copyright {
	padding-top:5px;
	float:right;
	font-size:10px;
	line-height:15px;	
	}	
.flink p a{
	color:#555;
	text-decoration:none;	
	}
.flink p a:hover{
	color:#888;
	text-decoration:none;
	}