@charset "utf-8";


/*----------------------------------------------------------------------------
	common
----------------------------------------------------------------------------*/
#recrGn{
margin:0 0 4px 0;
height:50px;
background:url(images/recr_gn_bg.gif) no-repeat;
}
#recrGn li{
float:left;
margin:2px 0 0 10px;
display:inline;
}

.recTxtImgR,
.recTxtImgTOP,
.recImgOnlyR,
.recTxtImgL,
.recImgOnlyL,
.recTxtOnly
{
margin:0 0px 20px 0px;
}

.recTxtImgR p{
width:410px;
}
.recTxtImgTOP p{
width:550px;
}

.recTxtImgL p{
width:440px;
}

.recTxtImgR p{float:left;}
.recTxtImgTOP p{float:left;}
.recTxtImgL p{float:right;}

.recTxtImgR span{
display:block;
width:182px;
}
.recTxtImgTOP span{
display:block;
width:255px;
}
.recTxtImgL span{
display:block;
width:200px;
}
.recTxtImgR span{float:right;}
.recTxtImgTOP span{float:right;}
.recTxtImgL span{float:left;}

.recTxtImgR span img,
.recTxtImgL span img,
.recImgOnlyR span img,
.recImgOnlyL span img{
display:block;
border:#59493F 1px solid;
}

.recImgOnlyR span{
display:block;
width:255px;
}
.recImgOnlyL span{
display:block;
width:200px;
}
.recImgOnlyR span{float:right;}
.recImgOnlyL span{float:left;}



/*----------------------------------------------------------------------------
	index.html
----------------------------------------------------------------------------*/
#topMess{
margin:25px 10px 25px 10px;
padding:15px 15px 0 15px;
background:url(images/top_mess_bg.jpg) repeat-x;
}
#topMess #topMessIn{
float:left;
width:550px;
}
#topMess #topMessIn #topMessTxt{
margin:10px 10px 0 10px;
}
#topMess #topMessImg{
float:right;
width:242px;
}
/*------------------
#topMess #topMessImg img{
display:block;
border:#59493F 1px solid;
}
------------------*/
#topMess #topMessImg img{
display:block;
}


#toprecr{
margin:0 10px 20px 10px;
}
#toprecr h2{
margin:0 0 10px 0;
}
#toprecr p{
margin-left:10px;
margin-right:10px;
}
#toprecr p a{
padding:0 0 0 10px;
background:url(../common/images/ic_dot_3.gif) left 3px no-repeat;
}

#rectopMainFla{
background:url(../../images/top_bg_topfla.jpg);
height:260px;
}
#rectopMainFlaIn{
margin:0 auto;
width:1000px;
}
#rectopMainFlaIn p{
padding:170px 0 0 0;
}

/*----------------------------------------------------------------------------
	index1.html
	index2.html
	index3.html
----------------------------------------------------------------------------*/
#content #topiBox h4{
margin:0 0 10px 0;
}
#topiBox p{
margin:0 10px 15px 10px;
text-align:right;
}
#topiBox p span{
padding:2px 5px;
background:#59493F;
}
#topiBox p a{
background:url(images/ic_topi.gif) right 3px no-repeat;
padding:0 10px 0 0;
color:#FFF;
text-decoration:none;
font-size:80%;
}

#topiBox ul{
margin:0 10px;
}
#topiBox ul li{
margin:0 0 6px 0;
padding:0 0 6px 0;
background:url(../common/images/ex_dot_w.gif) left bottom repeat-x;
}
#topiBox ul li span{
display:block;
float:left;
width:80px;
}
#topiBox ul li a{
display:block;
float:right;
width:540px;
}


/*----------------------------------------------------------------------------
	index3.html
----------------------------------------------------------------------------*/
#smQr{
margin:20px 0 0 0;
background:url(images/sm_qr_wrap_in.gif) repeat-y;
text-align:center;
font-size:80%;
}
#smQrIn{
padding:0 0 10px 0;
background:url(images/sm_qr_wrap_ft.gif) left bottom no-repeat;
}
#smQr h2{
padding:0 0 5px 0;
}
#smQr p{
padding:0 0 5px 0;
}

#shopTi{
padding:0 0 27px 0;
background:url(images/shop_wrap_hd.gif) left bottom no-repeat;
}
#shopBox{
margin:0 0 20px 0;
padding:0 0 27px 0;
background:url(images/shop_wrap_ft.gif) left bottom no-repeat;
}
#shopBox dl{
padding:0 30px;
background:url(images/shop_wrap_in.gif) left top repeat-y;
}
#shopBox dl dt{
margin:0 0 10px 0;
}
#shopBox dl dd{
margin-left:10px;
margin-right:10px;
}
#shopBox dl dd p{
margin:0 0 5px 0;
padding:0 0 0 10px;
background:url(../common/images/ic_dot_4_r.gif) left 5px no-repeat;
}
#shopBox dl dd select{
margin:0 15px 0 0;
width:150px;
}
#shopBox dl dd input{
vertical-align:bottom;
}
#shopBox dl dd input.inputTx{
margin:0 15px 0 0;
width:300px;
}

#openBox{
margin:0 0 20px 0;
}

#openBox li{
display:inline;
float:left;
margin:0 0 10px 10px;
width:200px;
background:url(../common/images/ex_texture_1.gif);
border:#D9D0C3 1px solid;
}
#openBox li p{
margin:5px 10px;
}
#openBox li p span{
display:block;
}


/*----------------------------------------------------------------------------
	rec1_plan.html
	rec2_plan.html
----------------------------------------------------------------------------*/
#planStep .planStepL,
#planStep .planStepR{
width:310px;
background:#EEEEEE;
border:#DCDCDC 1px solid;
padding:8px 0 3px 0;
}
#planStep .planStepL p,
#planStep .planStepR p{
padding:0px 15px 5px 15px;
}
#planStep .planStepL p.planStepTi,
#planStep .planStepR p.planStepTi{
color:#A7191D;
font-weight:bold;
text-align:center;
}
#planStep .planStepL{
float:left;
}
#planStep .planStepR{
float:right;
}

.planBox{
background:url(../common/images/ex_texture_1.gif);
border:#D9D0C3 1px solid;
}
.planBox .planBoxIn{
margin:10px;
padding:10px 15px;
background:#FFFFFF;
}
.planBox .planImg{
float:right;
display:inline;
width:182px;
}
.planBox .planImg img{
display:block;
border:#59493F 1px solid;
}
.planBox .planTxt{
float:left;
display:inline;
width:380px;
}
#content .planBox .planTxt h4{
margin:0 0 10px 0;
}
.planBox .planTxt p{
margin:0 10px;
}
.planArrow{
margin:10px 0;
text-align:center;
}


.planBoxstep{
background:url(../common/images/ex_texture_1.gif);
border:#D9D0C3 1px solid;
margin-bottom:15px;
}
.planBoxstep .planBoxIn{
margin:10px;
padding:10px 15px;
background:#FFFFFF;
}
.planBoxstep .planImg{
float:right;
display:inline;
width:182px;
}
.planBoxstep .planImg img{
display:block;
border:#59493F 1px solid;
}
.planBoxstep .planTxt{
float:left;
display:inline;
width:100%;
}
#content .planBoxstep .planTxt h4{
margin:0 0 5px 0;
}
.planBoxstep .planTxt p{
margin:0 10px;
}



/*----------------------------------------------------------------------------
	rec1_step.html
	rec2_step.html
----------------------------------------------------------------------------*/
.stepBox{
background:url(../common/images/ex_texture_1.gif);
border:#D9D0C3 1px solid;
}
.stepBox .stepBoxIn{
margin:10px;
padding:8px 10px 12px 10px;
background:#FFFFFF;
}
#content .stepBox .stepBoxIn h4{
margin:0 0 13px 0;
}
/*
.stepBox .stepTxt{
margin:0 10px;
}
.stepArrow{
margin:10px 0;
text-align:center;
}
*/
/*-<CHANGE>-------------------------------------------------------------------------------------*/
.stepBox .stepImg{
float:right;
display:inline;
margin:0 10px 0 0;
width:182px;
}
.stepBox .stepImg img{
display:block;
border:#59493F 1px solid;
}
.stepBox .stepTxt{
float:left;
display:inline;
margin:0 0 0 10px;
width:380px;
}
.stepArrow{
margin:10px 0;
text-align:center;
}
/*-</CHANGE>------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
	rec1_entry.html
----------------------------------------------------------------------------*/
#entrBox{
padding:15px 0 5px 0;
border:#D4C4AA solid 2px;
}
#content #entrBox ul li{
float:left;
padding:0 0 10px 15px;
}


/*----------------------------------------------------------------------------
	rec3_job_search_3.html
----------------------------------------------------------------------------*/
#content #partEntr h4{
margin:0 0 10px 0;
}
/*-<CHANGE>-------------------------------------------------------------------------------------*/
#content #partEntr h4 span{
font-size:0.9em;
}
/*-</CHANGE>------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
	rec3_jobs.html
----------------------------------------------------------------------------*/
.partJobBox{
margin:0 0 20px 0;
background:url(../common/images/ex_texture_1.gif);
border:#D9D0C3 1px solid;
}
.partJobBox .partJobBoxIn{
margin:10px;
padding:8px 10px 12px 10px;
background:#FFFFFF;
}
#content .partJobBox .partJobBoxIn h4{
margin:0 0 13px 0;
}
.partJobBox .partJobImg{
float:left;
display:inline;
width:182px;
margin:0 0 0 10px;
}
.partJobBox .partJobImg img{
display:block;
border:#59493F 1px solid;
}
.partJobBox .partJobTxt{
float:right;
margin:0 10px 0 0;
display:inline;
width:380px;
}


/*----------------------------------------------------------------------------
	rec1_staff.html
	rec2_staff.html
	rec3_staff.html
----------------------------------------------------------------------------*/
.staffName{
margin:0 0 15px 0;
background:url(../common/images/ex_texture_1.gif);
border:#D9D0C3 1px solid;
width:420px;
float:right;
}
.staffName p{
padding:0 10px;
float:none;
}
.staffName p.staffName2{
font-size:120%;
font-weight:bold;
}


/*----------------------------------------------------------------------------
	rec3_faq.html
----------------------------------------------------------------------------*/
.partFaq{
margin:0 10px 15px 10px;
padding:0 0 15px 0;
background:url(../common/images/ex_dot_w.gif) left bottom repeat-x;
}
.partFaq .partFaqQ{
padding:10px 0 10px 45px;
background:url(images/part_faq_q.gif) left 2px no-repeat;
font-size:120%;
font-weight:bold;
}
/*-<CHANGE>-------------------------------------------------------------------------------------*/
.partFaq .partFaqA{
padding:10px 0 20px 45px;
background:url(images/part_faq_a.gif) left 8px no-repeat;
}
/*-</CHANGE>------------------------------------------------------------------------------------*/



/*-<CHANGE>-------------------------------------------------------------------------------------*/
.moreArrow{
margin:0 0 10px;
}
.moreArrow li{
display:inline;
margin:0 10px 0 0;
}
.partFaq .partFaqA2{
padding:6px 0 6px 45px;
}
#content h4.subjectTenpo2{
margin:0 0 10px 0;
padding:0 0 5px 10px;
background:url(../common/images/ex_dot_w.gif) left bottom repeat-x;
color:#6a3906;
font-weight:normal;
font-size:110%;
}


#topMess .recTxtImgTOP,
#topMess .recImgOnlyR,
#topMess .recTxtOnly
{
margin:0 0px 20px 0px;
}
#topMess .recTxtImgTOP span{
display:block;
width:240px;
}
#topMess p{
margin:10px;
}
/*-</CHANGE>------------------------------------------------------------------------------------*/