* {
margin: 0;
padding: 0;
font-style:normal;
}


body { 
margin:0; 
padding: 0; 
background:#ffffff url(img/cmn_bg.gif); 
color:#333333; 
font-family:Lucida Grande,Arial, Helvetica,"ＭＳ Ｐゴシック",osaka ,"ヒラギノ角ゴ Pro W3",sans-serif;
font-size: 80%;
line-height:1.5em;
}

div,p,ul,li,dl,dt,h1,h2,h3,h4 { margin:0; padding:0; }

.clear	{ clear:both; }
a		{ color:#0066cc; text-decoration:none; }
img { border:0; }

.fnt01{
font-size:0.8em;
}
/*--------------------------------------------wrp
----------------------------------------------------*/

#wrp { 
width:960px; 
margin:0 auto; 
padding:0; 
overflow:hidden;
}




/*---------------------------------------top
----------------------------------------------------*/
#topbtm{
clear:both;
width:960px;
margin:20px 0 0;
padding:0 0 30px 0;
background:url(img/top_bg02.gif) repeat-y;
overflow:hidden;
}

#topbtm_l{
float:left;
width:550px;
margin:10px 0 0 0;
padding:0 0 0 30px;
}

#topbtm_r{
float:left;
width:350px;
margin:10px 0 0 0;
}


#info{
float:left;
width:471px;
margin:0;
padding:10px 10px 20px 20px;
background:#F4F4F4 url(img/news02.gif) repeat-y;
over-flow:hidden;
}

#info ul{
width:470px;
height:220px;
overflow: auto;
text-align:left;
}

#info ul,
#info li {
list-style:none;
margin:0;
padding:0;
}

#info p.topttl{
font-weight:bold;
color:#008484;
margin-bottom:5px;
padding:0;
}

#info p{
margin-bottom:20px;
padding:0;
}

ul#top_btm02{
float:left;
width:350px;
margin:0;
list-style:none;
}

ul#top_btm02 li{
float:left;
margin:0 0 10px 0;
}
ul#top_btm02 li.bns{
margin:0 15px 0 0;
}
#topflash{
clear:both;
padding:15px 0 0;
}


/*---------------------------------------head
----------------------------------------------------*/
#header, #thead { 
position:relative;
width:960px;
height:57px;
}

#header p, #thead h1{
position:absolute;
top:18px;
left:0;
}

#header p.hsub, #thead p{
position:absolute;
top:18px;
left:135px;
}



#header ul { 
position:absolute; 
width:645px;
top:2px; 
right:0;
margin:0;
padding:0;
text-align:right;
}

#thead ul { 
position:absolute; 
width:442px;
top:2px; 
right:0px;
margin:0;
padding:0;
_width:455px;
text-align:right;
}


#header li, #thead li { 
display:inline;
margin-left:4px;
list-style:none; 
}

#header li.hsub2{ 
margin:50px 5px 0 0;
}



/*---------------------------------------
headold
----------------------------------------------------
#head { 
position:relative;
width:960px;
height:57px;
}

#head p{
position:absolute;
top:18px;
left:0;
}

#head p.hsub{
position:absolute;
top:18px;
left:135px;
}



#head ul { 
position:absolute; 
width:645px;
top:2px; 
right:0;
margin:0;
padding:0;
text-align:right;
}



#head li{ 
display:inline;
margin-left:4px;
list-style:none; 
}

#head li.hsub2{ 
margin:50px 5px 0 0;
}
*/


/*----------------navigation------------------*/
#nav { 
clear:both;
margin:0;
padding:10px 0 0;
}

#nav ul { margin:0; padding:0; }

#nav li {
float:left;
list-style:none;
}

/*-----------------------------------------
	bread
----------------------------------------------------*/
#bread {
clear:both;
width:960px;
margin:0 auto;
}
#bread p {
padding:5px 10px 10px;
font-size:0.9em;
color:#666666;
} 

#bread span{
color:#6699ff;
font-weight:bold
}

#bread a:link,
#bread a:visited{
color:#666666;
text-decoration:none;
}
#bread a:hover{
color:#ff0000;
text-decoration:none;
}


/*---------------------------------------contwrp
----------------------------------------------------*/

#contwrp { 
width:960px;
margin:0px auto;
padding:0;
background:url(img/w02.gif) repeat-y;
}


#contwrp:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

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


#cont { 
width:920px;
margin:0px auto;
padding:0;
}

#cont h1{ 
margin:0;
padding:0;
}


#conttitle{ 
margin:0;
padding:0;
}


#cont2 { 
width:810px;
margin:30px auto;
padding:0;
}

/*-----------------------------------------snav
----------------------------------------------------*/
#snav { 
float:left;
width:170px;
margin:0;
padding:0;

 }

#snav ul {
margin:0px;
padding:0px;
} 


#snav li {
list-style:none;
margin:0px;
padding:0px;

} 

#snav img{
border:0;
vertical-align:top;
}



/*-----------------------------------------main
----------------------------------------------------*/


#main{
float:left;
width:690px;
padding:0 30px;
background:#FFFFFF;
}

#main p { width:670px; padding:10px 0 25px;}
/*
#main h2{ 
padding:15px 0px;
}*/
#main h3{ padding:0 0 5px 0px;}

#main2 {
float:left;
width:720px;
padding:0 0 0 30px;
}

#main h1,
#main2 h1{ 
padding:15px 0px;
}





/*-----------------------------------------basic
----------------------------------------------------*/


.lista{ 
width:90px; 
border-top:1px solid #6699ff; 
vertical-align:top;
padding:15px;
}

.listb{ 
line-height:130%; 
border-top:1px dashed #999999;
padding:15px;
}


.liste{ 
width:90px; 
border-top:1px solid #ff6600; 
vertical-align:top;
padding:15px;
}


.listf{ 
line-height:130%; 
border-top:1px dashed #999999;
padding:15px;
}


.listg{ padding:3px; background:#FFE3AA;}
.listh{  padding:3px; background:#FCFCFC;}




.ttl { margin:20px 0px;}
.ttl2 { margin:10px 0px;}

.mttl { margin:20px 0px 15px;}
.mttl2 { margin-bottom:15px;}



.slct01{
width:100%;
text-align:center;
}



.bb{ font-weight:bold; color:#3A70C1; font-size:75%;}
.bb2{ font-weight:bold; color:#004AAE; font-size:75%; line-height:1.5em;}
.bb3{ font-weight:bold; color:#3A70C1;}
.bb4{ font-weight:bold; color:#007979;}



/*-----------------------------------------faq
----------------------------------------------------*/
#faq { }
#faq .md {  }
#faq ul {padding:0px; margin:0px; list-style:none; }
#faq ul li { 
width:490px;
padding:5px 0; margin:0px; list-style-type: none; background:  url(../basic/img/faq_q.gif) no-repeat;
}

#faq .f-a{ padding:0px 3px 5px 25px; margin-bottom:5px; 
border-bottom:1px dashed #bebebe;
}

#faq a:link, a:visited { color:#3366ff; text-decoration:none; }
#faq a:hover   { color:#FF0000; text-decoration:underline; }
.faq-q{
border-bottom:1px dashed #999999;
margin-bottom:5px;
padding:0px 3px 5px 25px; 
background:  url(../basic/img/faq_q2.gif) no-repeat;
color:#6699ff;
font-weight:bold
}

.faq-an{ 
padding:0px 3px 5px 25px; 
margin-bottom:5px; 
background:  url(../basic/img/faq_a.gif) no-repeat; 
}
.faq-l { margin-bottom:8px;}
.faq-rt { margin:5px 0px 60px; text-align:right;}

.faq-rt2 { margin:5px 20px 60px; text-align:right;}

.lin{ border-left:5px solid #5299DF; 
padding:3px 0px; margin-bottom:8px;}



/*-----------------------------------------
	sitemap
----------------------------------------------------*/
h1.sitemapttl{
margin:15px 50px;
}
.sitem { 
clear:both;
width:810px; 
margin:20px auto 30px; 
padding:0 0 0 0;
}

.sml{
float:left;
width:350px;
vertical-align:top;
}

.smr{
float:left;
width:350px;
margin:0px;
padding:0 0 0 100px;
}

.sitem h2{ margin:30px 0 15px; }
.sitem a:link,a:visited {color:#0000FF; text-decoration:none;}
.sitem a:hover  { color:#FF0000; text-decoration:none; }


.sitem ul{
margin:0;
padding:0;
}

.sitem li{
list-style:none;
margin:0 0 8px 10px;
padding:4px 0 4px 18px;
border-bottom:1px dashed #cccccc;
background:url(img/m_allow02.gif) no-repeat left center;
font-weight:bold;
}

.sitem ul li.nh{
clear:left;
background:url(img/m_allow03.gif) no-repeat left center;
margin:0 0 4px 28px;
padding:0 0 0 10px;
border:none;
font-weight:normal;
}

.sitem ul li.sm02{
clear:left;
list-style:none;
margin:15px 0 8px 10px;
padding:8px 0 8px 18px;
border-bottom:1px dashed #cccccc;
border-top:1px dashed #cccccc;
background:url(img/m_allow02.gif) no-repeat left center;
}

li.sm03{
clear:left;
list-style:none;
margin:0 0 8px 10px;
padding:8px 0 4px 18px;
background:url(img/m_allow02.gif) no-repeat left center;
border:none;
}

ul li.sm04{
clear:left;
width:322px;
list-style:none;
margin:20px 0 4px 10px;
padding:8px 0 4px 18px;
border-top:1px dashed #cccccc;
border-bottom:1px dashed #ffffff;
background:url(img/m_allow02.gif) no-repeat left center;
}

ul li.sm05{
clear:left;
width:322px;
list-style:none;
margin:10px 0 8px 10px;
padding:0;
border-top:1px dashed #cccccc;
border-bottom:1px dashed #ffffff;
background:#ffffff;
}

.sitem ul li.sm03 ul{
margin:0;
padding:0;
}


.sm04{
float:left;
}

.sitem ul li.sm03 ul li.nh2{
float:left;
border:none;
background:url(img/m_allow03.gif) no-repeat left center;
margin:8px 8px 8px 2px;
padding:0 0 0 10px;
font-weight:normal;
}





/*----------------------------------------advance
----------------------------------------------------*/

.hrdcap{ 
padding:10px 0;
font-weight:bold; 
color:#ff6600; 
 line-height:1.5em;
}


.bf01 { 
border-bottom:1px dashed #cccccc;
padding:15px 0 20px;
margin:0 0 20px 0;
}

.bf02 { 
border-bottom:1px dashed #cccccc;
margin:0 0 20px 0;
}

.bf03{
margin:10px 0 5px;
padding:0;
color:#ff6600;
}

.lnks01{
margin:30px 0 15px;
padding:15px 0;
border-top:1px dashed #999999;
border-bottom:1px dashed #999999;
}

div.bf01 img.ttl2 { 
margin:0px 0px 15px;
}


/*-----------------------------------------
	job
----------------------------------------------------*/
.jcareer {
width:720px;
background-image: url(../job/real/rj_w02.gif);
margin:30px 0 0;
padding:0;
}

.jcareerttl {
float:left;
margin:0 6px 0 0;
width:140px;
text-align:center;
vertical-align:middle;
}

table#inn{
float:left;
width:562px;
border:0;
margin:0;
padding:0;
border:0;
border-collapse:collapse;
}

table#inn td{
padding:5px;
border:0;
border-collapse:collapse;
}

.jcareer01 {
width:50px;
color: #009999; 
vertical-align:top;
line-height:1.5em;
white-space:nowrap;
}
.jcareer01b {
width:100px;
color: #009999; 
vertical-align:top;
line-height:1.5em;
white-space:nowrap;
}

.jcareer02 {
background:#f1f1f1;
}


.clear{
clear:both;
margin:0;
padding:0;
}


.jmainl{
float:left;
width:485px;
margin:30px 30px 0 0;
}

/*---job 1day---*/
.jmainr{
float:left;
width:205px;
margin:30px 0 0 0;
}


.jmainl p {
margin:10px 0 50px 0;
line-height:1.8em;
}


.jmainr dl{
background: url(../job/real/1d-03.gif);
padding:0 8px 15px 18px ;
border-bottom:1px solid #cccccc;
}

.jmainr dl.ptn2{
background: url(../job/real/1d-02.gif);
padding:0 8px 15px 18px ;
border-bottom:1px solid #cccccc;
}

.jmainr dt{
padding:10px 0 3px 0;
margin:0 0 10px 0;
border-bottom:1px dashed #009999;
font-weight:bold;
color:#009999;
}

.jmainr dt{
padding:10px 0 3px 0;
margin:0 0 10px 0;
border-bottom:1px dashed #009999;
font-weight:bold;
color:#009999;
}



/*---job bottom---*/
.jbtmttl{
clear:both;
padding:30px 0 0;
}

.jbtm{
margin:0;
padding:0;
background:url(../job/real/jb09.gif) repeat-y;
}

.jbtm dl{
float:left;
width:320px;
padding:0 0 0 25px;
}


.jbtm dl dt{
margin:20px 0 5px;
}


.jbtm p.jbtxt01{
padding:10px 30px;
}


.jobp01 { float:right; margin:10px 0 10px 10px;} 
.jobp02 { margin:10px 10px 10px 0px;} 




/*
.jbtm p{
padding:15px;
}


.pxj01{font-size:75%; line-height:1.5em; color:#4C4C4C; text-align:left; padding-bottom:20px;}
.pxj02{font-size:75%; line-height:1.6em; color:#4C4C4C; text-align:left;}
.pxj03{font-size:75%; line-height:1.5em; color:#007F7F; vertical-align:top; font-weight: bold; text-align:left;}

.job01 { width:563px; border-bottom:7px solid #1542AC; margin-bottom:15px;}
.job02 { width:563px; border:1px solid #1542AC; background:#F4F4F4; margin-bottom:20px;}
.job03 { text-align:center; font-size: 75%; font-weight: bold; color: #C7B092; vertical-align:top; line-height:1.5em;}

.jjob { margin-bottom:20px;}
.jstory { clear:both; margin-top:5px;}
.job04 {  width:563px; border:1px solid #CC0000; background:#FFFFED; margin-bottom:20px;}
.job05 { font-weight: bold; color: #CC0000;}
.job06 { width:563px;
border-top:4px solid #1542AC; 
border-bottom:4px solid #1542AC;
border-left:1px solid #1542AC;
border-right:1px solid #1542AC;
background:#EDF7FF; margin-bottom:20px;
padding-top:10px;
}
*/


/*------ 職種ガイド -----*/
.gui { 
margin:30px 0 50px;
}
.gui h3{ 
margin:90px 0 10px;
}
.gui01{
padding:10px 0 ;
border-bottom:1px dashed #cccccc;
font-weight:bold;
color:#009191;
font-size:130%;
}


.gui table{ 
}

.listg01{ 
width:130px;
padding:5px;
font-weight:bold;
color:#009999;
background:#dbf4f5;
}
.listg02{
width:370px;
padding:5px;
background:#ececec;
}

.guisp01{ padding:10px;}


/*-----------------------------------------event
----------------------------------------------------*/


.evep01 {
float:right;
margin: 0 0 10px 10px;
}

.eve01 {
line-height:2em;
}


/*--sem--*/
.semi{
clear:both;
width:700px;
margin:0 0 40px 0;
}

.semi h3{
margin:10px 0;
padding:0;
}
.sem04{
width:660px;
margin:20px 0 0;
padding:10px 20px;
border:1px dashed #cccccc;
}

.sem01 table,
.sem02 table{
width:700px;
margin:0 0 40px 0;
border-collapse:collapse;
}

.sem01 td,
.sem02 td{
padding:5px;
border:1px solid #cccccc;
background: #fafafa;
}

.sem01 h4{
width:700px;
margin:20px 0 10px;
padding:5px 0;
background:url(../event/img/sem_bg01.gif);
text-align:center;
}

.sem01 th{
padding:3px 0;
background:#a7d6ff;
border:1px solid #ffffff;
}

.sem02 h4{
width:700px;
margin:20px 0 10px;
padding:5px 0;
background:url(../event/img/sem_bg02.gif);
text-align:center;
}



.sem02 th{
padding:3px 0;
background:#ffcece;
border:1px solid #ffffff;
}

.sem01 .psl-1{ background: #daf3ff;}
.sem02 .psl-2{ background: #ffeaea;}


/*tour*/

.tur01{
width:700px;
background:url(../event/img/tur_bg.gif);
overflow:hidden;
}

.tur01b{
width:350px;
background:url(../event/img/tur_bg2.gif);
overflow:hidden;
}

.tur01 p, .tur01b p{
padding:10px 20px;
}
.tur02{
padding:0 0 0 20px;
}
.tur03{
clear:both;
width:700px;
height:18px;
margin:0 0 40px 0;
background:url(../event/img/tour_btm.gif) no-repeat;
}
.tur03b{
clear:both;
width:700px;
height:18px;
margin:0 0 40px 0;
background:url(../event/img/tour_btm2.gif) no-repeat;
}

.tur04{
width:350px;
float:left;
margin:0;
}

.tur05{
width:350px;
float:left;
margin:0;
}
/*-----------------------------------------other
----------------------------------------------------*/

.sp01 { margin-top:10px;} 
.sp02 { margin-top:20px;} 
.sp03 { margin-top:30px;} 
.sp04 { margin-top:40px;} 

.sp01b { margin:10px;} 
.sp02b { margin:20px;} 
.sp03b { margin:30px;} 

.sp01c { margin:10px 0;} 
.sp02c { margin:20px 0;} 
.sp03c { margin:30px 0;} 
.sp04c { margin:40px 0;} 

.sp01d { margin-bottom:10px;} 
.sp02d { margin-bottom:20px;} 
.sp03d { margin-bottom:30px;} 
.sp04d { margin-bottom:40px;} 

.sp04{ padding:0 20px;}
.sp05{ margin:5px 0;}






/*-----------------------------------------footer
----------------------------------------------------*/
#ftr { 
clear:both; 
width:960px;
margin:0 auto;
padding:0;
}

.rtop{ 
clear:both;
float:right;
margin:40px 50px 0 0;
}


#ftrin {
clear:both;
width:960px;
margin:0;
padding:0;
background:url(img/ftr_bg.gif);
min-height:60px;
}

#ftrin img{
float:left;
margin:10px;
padding:0;

}

#ftr p{
float:right;
margin:10px;
padding:0;
font-size:90%;
color:#999999;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

}


/*-----------------------------------subwindow
----------------------------------------------------*/
#swindow { 
width:750px; 
margin:20px auto; 
padding:0;
}  

.ftr2 { font-size:90%; color:#999999;}

#swindow2 { 
width:480px; 
margin:0 auto; 
padding:0 20px 10px;
background:#fff;
border:1px solid #cccccc;
}  

#swindow2 h2{ 
width:480px; 
margin:50px auto 10px;
}  

#swindow2 p{ 
width:460px; 
margin:0 auto;
}  

#swindow2 .clos{
margin:30px auto;
text-align:center;
} 

#swindow3 { 
width:500px; 
margin:0 auto; 
padding:10px 20px 10px;
background:#fff;
border:1px solid #cccccc;
}  
#swindow3 h1{
display:none;
margin:0;
padding:0;
}  


#swindow3 h2{ 
margin:30px auto 0; 
padding:0;
}  

#swindow3 h3{ 
width:418px;
margin:30px auto; 
padding:0;
}  

#swindow3 p{ 
width:460px;
margin:10px auto;
padding:20px 0;
border-bottom:1px dotted #999999;
border-top:1px dotted #999999;
}

#swindow3 .swt01{ 
width:310px;
margin:0 0 0 15px;
}
#swindow3 .swt01 th{ 
width:80px;
margin:0;
padding:3px 4px;
background:#F0E9DA;
font-size:0.8em;
color:#996600;
text-align:left;
}
#swindow3 .swt01 td{ 
padding:3px 4px;
font-size:0.8em;
background:#F7F4EC;
}




#swindow3 .swt02{ 
float:right;
margin:0 20px 0 0;
}


/*---------------------------------------sheet
----------------------------------------------------*/

#sht{
width:570px;
margin:20px auto;
padding:0;
background:url(../sheet/img/sh_bg02.gif);
overflow:hidden;
text-align:center;
}

#sht h1{
clear:both;
margin:20px 0 10px;
}


#sht h2{
clear:both;
margin:35px 0 15px;
}

.sht02{
width:520px;
margin:20px auto;
padding:0;
text-align:left;
}

#sht dl{
clear:left;
width:520px;
margin:5px auto;
}

#sht dt{
float:left;
width:2em;
color:#FF0000;
}

#sht dd{
float:left;
color:#FF0000;
text-align:left;
}

.sht03{
margin:15px 0;
}
#sht table{
width:525px;
margin:0 auto;
}
/*-----------------------------------------
----------------------------------------------------*/
a.l:link   { color:#666666; text-decoration:none; }
a.l:visited{ color:#666666; text-decoration:none; }
a.l:hover  { color:#FF0000; text-decoration:underline; }

a.s:link   { color:#0000FF; text-decoration:underline; }
a.s:visited{ color:#0000FF; text-decoration:underline; }
a.s:hover  { color:#FF0000; text-decoration:underline; }

a.f:link   { color:#0000FF; text-decoration:none; }
a.f:visited{ color:#0000FF; text-decoration:none; }
a.f:hover  { color:#FF0000; text-decoration:underline; }

a.m:link  {color:#00c; text-decoration:none;}
a.m:visited{color:#00c; text-decoration:none; }
a.m:hover{color:#c33; background-color:#ffc; text-decoration:none;}

a.o:link  {color:#00c; text-decoration:none; text-decoration:underline;}
a.o:visited{color:#00c; text-decoration:none;  text-decoration:underline;}
a.o:hover{color:#c33; background-color:#ffc; text-decoration:underline;}

.sengen { font-size: 10px; line-height: 15px; }
.sheet2 { font-size: 75%; color: #FF0000; }