/* ---------------------------------------------------------------- *
	
	ベース
		
 * ---------------------------------------------------------------- */

html,body {	
    height:100%;
}

body {	
    margin:0;
	padding:0;
	background-color: #fff;		
}

h1,h2,h3,h4,h5,h6,div,ol,ul,dl,form,p,dt,dd,input,textarea{
	margin-top: 0;
	margin-bottom: 0;
}
img {
	border:0;
	vertical-align: bottom; /* Firefox用 */
}

#container {
   width:auto;
   min-height:100%;
   margin:0;
   height:auto !important;
   height:100%;       	 
}
#container #content{
	margin:0 auto;
	padding:0 0 30px 0;
	width:900px;	
}
#container #content:after {
    content: ".";
    display: block;
    clear: both;
    height: 1px;
	visibility:hidden;
}
#container #content {
    display: inline-block;
}
/* exlude MacIE5 \*/
* html #container #content { height: 1% }
#container #content {display:block;}
/* end MacIE5 */

/*\*/
* html #container #content {
    height: 1em;
    overflow: visible;
}
/**/


/* ---------------------------------------------------------------- *
	
	ヘッダー
	
 * ---------------------------------------------------------------- */

#header{
   margin:0;
   padding:0;
   display:block;
   background:url(../../recruit/img/bg_headline.jpg) repeat-x left top;
}
#header #head{
   margin:0 auto;
   padding:0;
   width:900px;
   background:url(../../recruit/img/bg_pan.jpg) no-repeat center top;
}
#head h1{
   margin:0;
   padding:3px 0 0 5px;
   font-weight:normal;
   font-size:11px;
   color:#333;
}

/* ---------------------------------------------------------------- *
	メインメニュ
 * ---------------------------------------------------------------- */


#head ul#mainMenu{	
	padding:245px 15px 0 15px;
	margin:0;
	display:block;
	width:870px;
	height:53px;		
	list-style:none;
}
#head ul#mainMenu li {
	display:inline;
	padding:0;
	margin:0;
	float:left;
}
#head ul#mainMenu li img {
	display:block;
}

/* ---------------------------------------------------------------- *
	
	コンセプト
	
 * ---------------------------------------------------------------- */

/* begin clearfix */
 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
 
.clearfix {display: inline-table;}
 
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
 
/* end clearfix */


#content #main{	
	padding:15px 0 0 15px;
	margin:0;
	display:block;
	width:885px;
}

#main #rec{
    margin:0 0 0 20px;
	float:left;
	width:378px;
	background:url(../../recruit/img/bg_recruit.gif) no-repeat left top;
}
#rec .noto{
    margin:0;
    padding:15px 0 0 25px;
}

#rec .tdLeft{
    width:90px;
	padding:10px 0 10px 10px;
	color:#996666;
	border-bottom:1px solid #ccc;
}
#rec .tdRight{
    width:250px;
	padding:10px 0;
	color:#996666;
	border-bottom:1px solid #ccc;
}


#main #app{
    margin:0 0 0 60px;	
	float:left;
	width:378px;
	background:url(../../recruit/img/bg_app.gif) no-repeat left top;
}
#app .noto{
    margin:0;
    padding:15px 0 0 25px;
}
#app .tdLeft{
    width:115px;
	padding:10px 0 10px 10px;
	color:#996666;
	border-bottom:1px solid #ccc;
}
#app .tdRight{
    width:225px;
	padding:10px 0;
	color:#996666;
	border-bottom:1px solid #ccc;
}
#app .tdEnd{
    width:350px;
	margin:0;
	padding:30px 0;
	text-align:center;
}

#app .w50{
    width:50px;
	border:1px solid #9c9c9c;
	background-color:#ece9e6;	
}
#app .w180{
    width:180px;
	border:1px solid #9c9c9c;
	background-color:#ece9e6;	
}
#app .box{
    width:180px;
	height:80px;
	border:1px solid #9c9c9c;
	background-color:#ece9e6;	
}

/* ---------------------------------------------------------------- *
	
	フッター
	
 * ---------------------------------------------------------------- */

#footer{
    clear:both;
	margin:0 auto;
	padding:0;
	background:url(../img/foot_kage.gif) repeat-x left 10px; 		
}
#footer #foot{
    clear:both;
	margin:0 auto;
	padding:0;
	width:1000px;		
}
#foot .pageTop{
    margin:0;
	padding:0 15px 0 0;
	text-align:right;
}


#foot ul#footMenu{
    margin:15px 0 0 0;
	padding:0;
	float:left;
	list-style:none;	
}
#foot ul#footMenu li{
    margin:0;
	padding:0 0 0 5px;
	display:inline;
	color:#00561f;
	font-size:11px;
	line-height:15px;
	height:15px;
}
#foot ul#footMenu li a{
	color:#00561f;
	text-decoration:none;
}
#foot ul#footMenu li a:hover{
	color:#cc0000;
	text-decoration:none;
}


#foot .copy{
    margin:0;
	padding:15px 5px 0 0;
	color:#a77e5a;
	font-size:11px;
	float:right;
	font-style:normal;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;	
}

#footer .copy a{
    color:#a77e5a;
    text-decoration:none;   
}



/* ---------------------------------------------------------------- *
	
	共通
	
 * ---------------------------------------------------------------- */
 
 
.flLeft{
    float:left;
}
.flRight{
    float:right;
}

img{
	border:0;
	vertical-align: bottom; /* Firefox用 */
}
.clear{
    clear:both;
	margin:0;
}


.color-white{
    color:#ffffff;
}
.color-gray{
    color:#666666;
}
.color-green{
    color:#006600;
}
.color-bule{
    color:#006699;
}
.color-red{
    color:#ff0000;
}

.border-green{
    border:1px solid #009966;
}
.bgcolor-green{
    background-color:#339999;
}
.bgcolor-bule{
    background-color:#006699;
}
 
.t-center{
    text-align:center;
}
.t-right{
    text-align:right;
}
.t-bold{
    font-weight:bold;
}
.t-nomarl{
    font-weight:normal;
}

.borer-top{
    background:url(../../common/img/linew.gif) repeat-x left top;		
} 

.font10{
   font-size:10px;
}
.font11{
   font-size:11px;
}

.lineHeight180{
   line-height:180%;
}

/* ---------------------------------------------------------------- *
	
	余白調整
	
 * ---------------------------------------------------------------- */


.pd0 {
	padding:0;
}
.pdTop5{
	padding-top:5px;
}
.pdTop10{
	padding-top:10px;
}
.pdTop15{
	padding-top:15px;
}
.pdTop20{
	padding-top:20px;
}
.pdTop25{
	padding-top:25px;
}
.pdTop30{
	padding-top:30px;
}
.pdTop40{
	padding-top:40px;
}
.pdTop50{
	padding-top:50px;
}
.pdTop60{
	padding-top:60px;
}

.pdBottom2{
	padding-bottom:2px;
}
.pdBottom5{
	padding-bottom:5px;
}
.pdBottom10{
	padding-bottom:10px;
}
.pdBottom15{
	padding-bottom:15px;
}
.pdBottom20{
	padding-bottom:20px;
}
.pdBottom30{
	padding-bottom:30px;
}
.pdBottom40{
	padding-bottom:40px;
}

.pdLeft5 {
	padding-left:5px;
}
.pdLeft10 {
	padding-left:10px;
}
.pdLeft15 {
	padding-left:15px;
}
.pdLeft20 {
	padding-left:20px;
}
.pdLeft30 {
	padding-left:30px;
}
.pdLeft40 {
	padding-left:40px;
}
.pdLeft50 {
	padding-left:50px;
}
.pdLeft55 {
	padding-left:55px;
}
.pdLeft60 {
	padding-left:60px;
}

.pdRight5 {
	padding-right:5px;
}
.pdRight10 {
	padding-right:10px;
}
.pdRight20 {
	padding-right:20px;
}
.pdRight25 {
	padding-right:30px;
}
.pdRight30 {
	padding-right:25px;
}
.pdRight45 {
	padding-right:45px;
}

.mg0 {
	margin:0;
}
.mgTop5{
	margin-top:5px;
}
.mgTop10{
	margin-top:10px;
}
.mgTop15{
	margin-top:15px;
}
.mgTop20{
	margin-top:20px;
}
.mgTop25{
	margin-top:25px;
}
.mgTop30{
	margin-top:30px;
}
.mgTop40{
	margin-top:40px;
}

.mgBottom5{
	margin-bottom:5px;
}
.mgBottom10{
	margin-bottom:10px;
}
.mgBottom12{
	margin-bottom:12px;
}
.mgBottom15{
	margin-bottom:15px;
}
.mgBottom20{
	margin-bottom:20px;
}
.mgBottom25{
	margin-bottom:25px;
}
.mgBottom30{
	margin-bottom:30px;
}
.mgBottom40{
	margin-bottom:40px;
}
.mgBottom50{
	margin-bottom:50px;
}
.mgBottom60{
	margin-bottom:60px;
}
.mgBottom80{
	margin-bottom:80px;
}


.mgLeft5 {
	margin-left:5px;
}
.mgLeft10 {
	margin-left:10px;
}
.mgLeft15 {
	margin-left:15px;
}
.mgLeft20 {
	margin-left:20px;
}
.mgLeft25 {
	margin-left:25px;
}
.mgLeft30 {
	margin-left:30px;
}
.mgLeft40 {
	margin-left:40px;
}

.mgRight5 {
	margin-right:5px;
}
.mgRight10 {
	margin-right:10px;
}
.mgRight15 {
	margin-right:15px;
}
.mgRight20 {
	margin-right:20px;
}
.mgRight24 {
	margin-right:24px;
}
.mgRight25 {
	margin-right:25px;
}
.mgRight30 {
	margin-right:30px;
}
.mgRight40 {
	margin-right:40px;
}