@charset "shift_jis";

/*--Default--------------------------------------------------------------*/
*{
margin:0;
padding:0;
font-size:100%;
}

img{
margin:0;
padding:0px;
border:0;
}


ul,ol,dl,dt{
list-style-type:none;
}

h1,h2,h3,h4,h5{
margin:0;
padding:0;
clear:both;
}

body{
margin:0px;
padding:0px;
line-height:1.5;
color:#444444;
background:#FFFFFF;
font-size:80%;
text-align:center;
}

#container{
width:auto;
height:auto;
background:url(../images/back.gif) repeat-x;
text-align:center;
}

a{
color:#000;
text-decoration:none;
}
a:hover{
color:#000;
text-decoration:underline;
}

*:focus{-moz-outline-style: none;}
a{ outline: none; }







/*==header_area=====================================================================*/

#header{
margin:0 auto 0 auto;
position:relative;
width:800px;
height:91px;
background:url(../images/header.gif) 0 0 no-repeat;
}

h1{
position:absolute;
top:10px;
left:360px;
z-index:2;
text-align:left;
font-weight:normal;
font-size:88%;
}

h2 a{
display:block;
position:absolute;
top:21px;
left:15px;
width:248px;
height:57px;
background:url(../images/title.gif) 0 0  no-repeat;
text-indent:-99999px;
}

#telNo{
position:absolute;
top:6px;
right:15px;
width:203px;
height:58px;
background:url(../images/tel-no.gif) 0 0 no-repeat;
text-indent:-99999px;
}

#globalNavi{
position:absolute;
top:68px;
right:15px;
width:268px;
height:24px;
}

#globalNavi ul li{
float:left;
}

#naviCompany{
width:88px;
height:23px;
background:url(../images/navi-company-over.gif) 0 0 no-repeat;
}

#naviCompany a{
display:block;
width:88px;
height:23px;
background:url(../images/navi-company.gif) 0 0 no-repeat;
text-indent:-99999px;
}

#naviCompany a:hover,
#naviMap a:hover,
#naviHome a:hover{
background:none;
}


#naviMap{
margin-left:2px;
width:88px;
height:23px;
background:url(../images/navi-map-over.gif) 0 0 no-repeat;
}

#naviMap a{
display:block;
width:88px;
height:23px;
background:url(../images/navi-map.gif) 0 0 no-repeat;
text-indent:-99999px;
}

#naviHome{
margin-left:2px;
width:88px;
height:23px;
background:url(../images/navi-home-over.gif) 0 0 no-repeat;
}

#naviHome a{
display:block;
width:88px;
height:23px;
background:url(../images/navi-home.gif) 0 0 no-repeat;
text-indent:-99999px;
}

#keyVisual{
margin:15px 15px 10px 15px;
position:relative;
width:770px;
height:161px;
background:url(../images/mainimage.jpg) 0 0 no-repeat;
}

#keyVisual ul{
position:absolute;
top:17px;
left:13px;
width:223px;
height:120px;
}

#informationList{
width:200px;
height:54px;
background:url(../images/btn-information-over.gif) 0 0 no-repeat;
}

#informationList a{
display:block;
width:223px;
height:54px;
background:url(../images/btn-information.gif) 0 0 no-repeat;
text-indent:-99999px;
}

#registration{
margin:12px 0 0 0;
width:223px;
height:54px;
background:url(../images/btn-registration-over.gif) 0 0 no-repeat;
}

#registration a{
display:block;
width:223px;
height:54px;
background:url(../images/btn-registration.gif) 0 0 no-repeat;
text-indent:-99999px;
}


#informationList a:hover,
#registration a:hover{
background:none;
}
/*==clearfix=====================================================================*/

#mainArea:after,
#innerThird:after,
#innerThirdLeft2:after,
#innerThirdRight2:after,
#wrapperSecond:after,
#mainAreaLowerSecond:after{
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}

.clearfix{
display:inline-block; /* for IE */
}

.clear{
clear:both;
}



/*---main_area-------------------------------------------------------------------*/


#mainWrapper{
margin:0 auto 0 auto;
width:800px;
height:auto;
background:url(../images/repeat-container.gif) 0 0 repeat-y;
} 

#mainArea{
margin:10px 15px;
width:770px;
background:url(../images/end-line.gif) bottom no-repeat;
}

#mainAreaLower{
margin:10px 15px;
width:770px;
}


/*---side_menu-------------------------------------------------------------------*/

#mainLeft{
margin:0;
float:left;
width:190px;
background:url(../images/sidemenu_top.gif) top no-repeat;
}

#sideMenu{
margin:4px 0 15px 0;
width:190px;
/*height:552px;*/
background:url(../images/sidemenu-repeat.gif) 0 0 repeat-y;
text-align:left;
}

#sideMenuBottom{
background:url(../images/sidemenu-bottom.gif) bottom no-repeat;
}

#state{
margin:1px 5px 0;
display:block;
width:180px;
height:33px;
background:url(../images/sidemenu-state.gif) 0 0 no-repeat;
text-indent:-99999px;
}

.menuList{
margin:0 0 5px 0;
}

.menuList li{
margin:0 5px 0;
width:180px;
height:26px;
background:url(../images/btn-side.gif) 0 0 no-repeat;
font-size:95%;
}

.menuList li a{
margin:0;
padding:3px 0 0 16px;
display:block;
width:180px;
height:26px;
}

#guide,#offer,#staff{
margin:0 5px 0;
display:block;
width:180px;
height:33px;
text-indent:-99999px;
}

#offer{background:url(../images/sidenenu-offer.gif) 0 0 no-repeat;}
#guide{background:url(../images/sidemenu-guide.gif) 0 0 no-repeat;}
#staff{background:url(../images/sidemenu-staff.gif) 0 0 no-repeat;}

#official{
margin:0 0 30px 0;
}

#official p{
margin:5px 0 0 0;
width:190px;
height:75px;
background:url(../images/official-over.gif) 0 0 no-repeat;
}

#official p a{
display:block;
width:190px;
height:75px;
background:url(../images/official.gif) 0 0 no-repeat;
font-size:70%;
text-indent:-99999px;
}

#individual{
width:190px;
height:50px;
background:url(../images/individual-over.gif) 0 0 no-repeat;
}

#individual a{
display:block;
width:190px;
height:50px;
background:url(../images/individual.gif) 0 0 no-repeat;
text-indent:-99999px;
}



#btnInquiry{
margin:0 5px 5px 5px;
width:180px;
height:33px;
background:url(../images/btn-inquiry-over.gif) 0 0 no-repeat;
}

#btnInquiry a{
display:block;
width:180px;
height:33px;
background:url(../images/btn-inquiry.gif) 0 0 no-repeat;
text-indent:-99999px;
}

#btnCompany{
margin:0 5px 0 5px;
width:180px;
height:33px;
background:url(../images/btn-company-over.gif) 0 0 no-repeat;
}

#btnCompany a{
display:block;
width:180px;
height:33px;
background:url(../images/btn-company.gif) 0 0 no-repeat;
text-indent:-99999px;
}




#btnMap{
margin:5px 5px 0 5px;
padding:0 0 5px 0;
width:180px;
height:33px;
background:url(../images/btn-map-over.gif) 0 0 no-repeat;
}

#btnMap a{
display:block;
width:180px;
height:33px;
background:url(../images/btn-map.gif) 0 0 no-repeat;
text-indent:-99999px;
}



#btnInquiry a:hover,
#btnCompany a:hover,
#btnMap a:hover,
#individual a:hover,
#official p a:hover{
background:none;
}




/*---top main_area-------------------------------------------------------------------*/


#mainRight{
float:right;
width:580px;
}


#mainContents{
margin:0 0 0 15px;
width:565px;
}

#topTopics li{
float:left;
}

#btnAbout{
width:188px;
height:100px;
background:url(../../images/btn-about-over.gif) 0 0 no-repeat;
}

#btnAbout a{
display:block;
width:188px;
height:100px;
background:url(../../images/btn-about.gif) 0 0 no-repeat;
text-indent:-99999px;
}


#btnFlow{
width:188px;
height:100px;
background:url(../../images/btn-flow-over.gif) 0 0 no-repeat;
}

#btnFlow a{
display:block;
width:188px;
height:100px;
background:url(../../images/btn-flow.gif) 0 0 no-repeat;
text-indent:-99999px;
}

#btnResults{
width:189px;
height:100px;
background:url(../../images/btn-results-over.gif) 0 0 no-repeat;
}

#btnResults a{
display:block;
width:189px;
height:100px;
background:url(../../images/btn-results.gif) 0 0 no-repeat;
text-indent:-99999px;
}


#btnAbout a:hover,
#btnFlow a:hover,
#btnResults a:hover{
background:none;
}


#topTopicsSecond{
clear:both;
padding:15px 0 0 0;
margin:0;
background:url(../../images/topics-bottom.gif) top no-repeat;
}


#topicsBoard{
position:relative;
width:565px;
height:95px;
background:url(../../images/topics-secound.jpg) 0 0 no-repeat;

}

#topicsBoard p{
text-indent:-99999px;
}

#topicsBoard ul li{
float:left;
}

#rowPrice{
position:absolute;
top:20px;
left:176px;
}

#highPrice{
position:absolute;
top:57px;
left:176px;
clear:both;
}

#upperleft{
margin:0 10px 0 0;
width:185px;
height:25px;
background:url(../../images/price-0-over.gif) 0 0 no-repeat;
}

#upperleft a{
display:block;
width:185px;
height:25px;
background:url(../../images/price-0.gif) 0 0 no-repeat;
text-indent:-99999px;
}

#upperright{
width:185px;
height:25px;
background:url(../../images/price-50-over.gif) 0 0 no-repeat;
}

#upperright a{
display:block;
width:185px;
height:25px;
background:url(../../images/price-50.gif) 0 0 no-repeat;
text-indent:-99999px;
}

#underleft{
margin:0 10px 0 0;
width:185px;
height:25px;
background:url(../../images/price-100-over.gif) 0 0 no-repeat;
}

#underleft a{
display:block;
width:185px;
height:25px;
background:url(../../images/price-100.gif) 0 0 no-repeat;
text-indent:-99999px;
}

#underright{
width:185px;
height:25px;
background:url(../../images/price-150-over.gif) 0 0 no-repeat;
}

#underright a{
display:block;
width:185px;
height:25px;
background:url(../../images/price-150.gif) 0 0 no-repeat;
text-indent:-99999px;
}


#upperleft a:hover,
#upperright a:hover,
#underleft a:hover,
#underright a:hover{
background:none;
}


#topTopicsThird{
margin:19px 0 0 0;
clear:both;
width:565px;
height:auto;
background:url(../../images/topics-third-re.gif) 0 0 repeat-y;
}

#topTopicsThirdBo{
background:url(../../images/topics-third-bo.gif) bottom no-repeat;
}

#topicsThirdTitle{
display:block;
width:565px;
height:32px;
background:url(../../images/topics-third.gif) 0 0 no-repeat;
text-indent:-99999px;
}



#innerThird{
margin:0 10px;
width:545px;
}


#innerThirdLeft{
float:left;
width:320px;
}

#innerThirdLeft p{
margin:0;
width:320px;
height:25px;
background:url(../../images/occupation.gif) 0 0 no-repeat;
text-indent:-99999px;
}


#innerThirdLeft2{
margin:10px 0 30px 0;
width:320px;
font-size:98%;
text-align:left;
}

#categoryFirstLeft{
margin:0 0 0 7px;
float:left;
width:165px;
}

#categoryFirstRight{
float:right;
width:140px;
}

#innerThirdRight{
margin:0 0 0 5px;
float:right;
width:220px;
}

#innerThirdRight p{
margin:0;
width:220px;
height:25px;
background:url(../../images/area.gif) 0 0 no-repeat;
text-indent:-99999px;
}

#innerThirdRight2{
margin:10px 0 30px 0;
width:220px;
text-align:left;
font-size:98%;
}


#categorySecondLeft{
margin:0 0 0 8px;
float:left;
width:100px;
}

#categorySecondRight{
float:right;
width:100px;
}

.employmentInformation li{
padding:0 0 5px 0;
background:url(../../images/arrow.gif) 1px 2px no-repeat;
}
.employmentInformation li a{
padding:0 0 0 10px;
font-size:80%;

}


.employmentInformation li a:hover{
text-decoration:none;
}

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

#topFinding{
width:565px;
height:32px;
background:url(../../images/top-title.gif) 0 0 no-repeat;
text-indent:-99999px;
}

#topHeadline p{
margin:10px 5px 0 5px;
font-size:105%;
text-align:left;
}




/*---footer_area-------------------------------------------------------------------*/
#fotterBox{
clear:both;
}


#fotter{
width:770px;
color:#113987;
font-size:95%;
}

#fotter a{
color:#113987;
text-decoration:underline;
}

#fotter a:hover{
color:#113987;
text-decoration:none;
}

/*---copy_area-------------------------------------------------------------------*/

#copyright{
margin:10px 0 0 0;
background:url(../images/copy-area.gif) 0 0 repeat-y;
}

#copyright p{
padding:5px 0 5px;
color:#000000;
background:url(../images/main-bottom.gif) bottom no-repeat;
font-size:90%;
}



/*---page_contents-------------------------------------------------------------------*/

#topicpath{
text-align:right;
font-size:80%;
margin:0 5px 10px 0;}

#topicpath a{
color:#113987;
text-decoration:underline;
}

#topicpath a:hover{
color:#113987;
text-decoration:none;
}


#titleState01{
width:565px;
height:32px;
background:url(../../state/images/title-01.gif) 0 0 no-repeat;
text-indent:-99999px;
}
#titleState02{
width:565px;
height:32px;
background:url(../../state/images/title-02.gif) 0 0 no-repeat;
text-indent:-99999px;
}

#titleState03{
width:565px;
height:32px;
background:url(../../offer/images/title-03.gif) 0 0 no-repeat;
text-indent:-99999px;
}

#titleState04{
width:565px;
height:32px;
background:url(../../guide/images/title-04.gif) 0 0 no-repeat;
text-indent:-99999px;
}

#titleState05{
width:565px;
height:32px;
background:url(../../guide/images/title-05.gif) 0 0 no-repeat;
text-indent:-99999px;
}

#titleState06{
width:565px;
height:32px;
background:url(../../guide/images/title-06.gif) 0 0 no-repeat;
text-indent:-99999px;
}

#titleState07{
width:565px;
height:32px;
background:url(../../guide/images/title-07.gif) 0 0 no-repeat;
text-indent:-99999px;
}

#titleState08{
width:565px;
height:32px;
background:url(../../recruitment/images/title-08.gif) 0 0 no-repeat;
text-indent:-99999px;
}

#titleState09{
width:565px;
height:32px;
background:url(../../recruitment/images/title-09.gif) 0 0 no-repeat;
text-indent:-99999px;
}

#titleState10{
width:565px;
height:32px;
background:url(../../recruitment/images/title-10.gif) 0 0 no-repeat;
text-indent:-99999px;
}

#titleState11{
width:565px;
height:32px;
background:url(../../recruitment/images/title-11.gif) 0 0 no-repeat;
text-indent:-99999px;
}

#titleState12{
width:565px;
height:32px;
background:url(../../images/title-12.gif) 0 0 no-repeat;
text-indent:-99999px;
}


#titleState14{
width:565px;
height:32px;
background:url(../../images/title-14.gif) 0 0 no-repeat;
text-indent:-99999px;
}

#titleState15{
width:565px;
height:32px;
background:url(../../images/title-15.gif) 0 0 no-repeat;
text-indent:-99999px;
}

#titleState16{
width:565px;
height:32px;
background:url(../../images/title-16.gif) 0 0 no-repeat;
text-indent:-99999px;
}
/*---Lower layer-----------------------------------------------------------------*/

h4 span{
background:#f1f1f1;
padding:0 15px 0 3px;
}

.img_l {
	float: left;
	margin: 0 1em 1em 0;
}
.img_r {
	float: right;
	margin: 0 0 1em 1em;
}

#wrapperSecond{
margin:15px 0 0 0;
width:565px
}

#wrapperSecondLeft{
float:left;
width:310px;
text-align:left;
}

#wrapperSecondLeft p{
margin:0 5px 0 5px;
width:300px;
}

#wrapperSecondLeft a{
float:left;
width:250px;
}

#wrapperSecondRight{
float:right;
width:250px;
}

#priceBanner{
margin:50px 0 0 0;
padding:0;
clear:both;
position:relative;
width:565px;
height:128px;
background:url(../images/pricebanner-under.gif) 0 0 no-repeat;
}

#priseBannerfirst{
position:absolute;
top:9px;
left:11px;
width:266px;
height:52px;
background:url(../images/price0-50-over.gif) 0 0 no-repeat;
}

#priseBannerfirst a{
display:block;
width:266px;
height:52px;
background:url(../images/price0-50.gif) 0 0 no-repeat;
text-indent:-99999px;
}

#priseBannersecond{
position:absolute;
top:9px;
right:11px;
width:266px;
height:52px;
background:url(../images/price50-100-over.gif) 0 0 no-repeat;
}

#priseBannersecond a{
display:block;
width:266px;
height:52px;
background:url(../images/price50-100.gif) 0 0 no-repeat;
text-indent:-99999px;
}

#priseBannerthird{
position:absolute;
clear:both;
top:68px;
left:11px;
width:266px;
height:52px;
background:url(../images/price100-150-over.gif) 0 0 no-repeat;
}

#priseBannerthird a{
display:block;
width:266px;
height:52px;
background:url(../images/price100-150.gif) 0 0 no-repeat;
text-indent:-99999px;
}

#priseBannerfourth{
position:absolute;
top:68px;
right:11px;
width:266px;
height:52px;
background:url(../images/price150-over.gif) 0 0 no-repeat;
}

#priseBannerfourth a{
display:block;
width:266px;
height:52px;
background:url(../images/price150.gif) 0 0 no-repeat;
text-indent:-99999px;
}


#priseBannerfirst a:hover,
#priseBannersecond a:hover,
#priseBannerthird a:hover,
#priseBannerfourth a:hover{
background:none;
}

#officialBanner{
margin:50px 0 0 0;
width:565px;
}

#jumpOfficial{
width:560px;
height:50px;
background:url(../images/jump-official-over.gif) 0 0 no-repeat;
}

#jumpOfficial a{
display:block;
width:560px;
height:50px;
background:url(../images/jump-official.gif) 0 0 no-repeat;
text-indent:-99999px;
}

#jumpRregistration{
margin:15px 0 0 0;
width:560px;
height:50px;
background:url(../images/jump-registration-over.gif) 0 0 no-repeat;
} 

#jumpRregistration a{
display:block;
width:560px;
height:50px;
background:url(../images/jump-registration.gif) 0 0 no-repeat;
text-indent:-99999px;
}


#jumpOfficial a:hover,
#jumpRregistration a:hover{
background:none;
}
/*---table-----------------------------------------------------------------*/
#companyTable{
margin:15px 5px 0 5px;
border-spacing:0;
border-collapse:collapse;
border-top:solid 1px;
border-left:solid 1px;
width:555px;
line-height:140%;
color:#777777;
border-color:#9DB1C9;
font-size:100%;
text-align:left;
}

#companyTable td{
border-color:#9DB1C9;
}

td{
padding:5px 10px;
border-right:solid 1px;
border-bottom:solid 1px;
text-align:left;
}

.tableLeft{
width:18%;
color:#333333;
background:#E6EAF2;
text-align:left;
}

.tableRight{
margin:0;
border-color:#9DB1C9;
padding:2px;
width:450px;
text-align:left;
}

.tableRight p,
.tableRight ol{
padding:5px 10px;
}

.tableRight a{
color:#257F75;
text-decoration:underline;
}

.tableRight a:hover{
color:#257F75;
text-decoration:none;
}

/*---Sitemap-----------------------------------------------------------------*/

#wrapperSitemap{
margin:15px 20px 25px 20px;
color:#284988;
font-size:110%;
text-align:left;
}

.firstDirectory li{
margin:0 0 15px 0;
padding:0 0 2px 0;
border-bottom:#1F5D7D 1px dotted;
}

.firstDirectory li a{
display:block;
padding:0 0 0 20px;
color:#284988;
background:url(../../images/sitemap-icon.gif) 0 3px no-repeat !important;
background:url(../../images/sitemap-icon.gif) 0 5px no-repeat;
font-weight:bold;
text-decoration:none;
}

.firstDirectory li a:hover{
color:#32897F;
background:url(../../images/sitemap-icon-over.gif) 0 3px no-repeat !important;
background:url(../../images/sitemap-icon-over.gif) 0 5px no-repeat;
text-decoration:none;
}

#wrapperSitemap p{
margin:0;
padding:0 0 0 5px;
border-bottom:#1F5D7D 1px dotted;
font-weight:bold;
}

.secondDirectory{
margin:7px 0 18px 16px;
}

.secondDirectory li{
margin:0 0 3px 0;
font-size:95%;
}

.secondDirectory li a{
padding:0 0 0 20px;
background:url(../../images/map-arrow.gif) 5px 0 no-repeat;
text-decoration:none;
}

.secondDirectory li a:hover{
padding:0 0 0 20px;
background:url(../../images/map-arrow.gif) 5px 0 no-repeat;
text-decoration:underline;
}

/*---Form-----------------------------------------------------------------*/

#form{
margin:15px 0 0 0;
padding:0 0 3px 5px;
text-align:left;
}

#form span,
.kome{
color:#FF4E00;
font-weight:bold;
}

#form span{
margin:0 0 0 8px;
}

#formBtn{
margin:10px 0;}

.w100{width:100px;}
.w150{width:150px;}
.w250{width:250px;}
.w300{width:300px;}
.w350{width:350px;}

#formTable{
margin:0 5px 0 5px;
width:555px;
border-spacing:0;
border-collapse:collapse;
border-top:solid 1px;
border-left:solid 1px;
border-color:#9FBBDC;
font-size:100%;
line-height:130%;
color:#777777;
text-align:left;
}



#formTable td{
border-color:#9FBBDC;
}


#formTable th{
padding:5px 10px !important;
padding:10px 10px 5px 10px;
border-right:solid 1px;
border-bottom:solid 1px;
border-color:#9FBBDC;
width:28%;
color:#666666;
background:url(../../images/pattern-01.gif);
}

.formBtn{font-size:90%;
text-align:center;
margin:20px 0 30px 0;
}

.gaiyou{
margin:0 5px 0 5px;
width:555px;
border-spacing:0;
border-collapse:collapse;
border-top:solid 1px;
border-left:solid 1px;
border-color:#9FBBDC;
font-size:100%;
line-height:130%;
color:#777777;
text-align:left;
}

.gaiyou th{
padding:4px;
width:30%;
border-right:solid 1px;
border-bottom:solid 1px;
border-color:#9FBBDC;
background:#E8F2FD;
text-align:left;
}

.gaiyou td{
padding:4px;
border-right:#9FBBDC solid 1px;
border-bottom:#9FBBDC solid 1px;
}

#error{
text-align:left;
margin:0 0 0 10px;
}

/*---pagrTop-----------------------------------------------------------------*/

#pagrTop{
margin:15px 15px 15px 0;
text-align:right;
}

#pagrTop a{
color:#113987;
text-decoration:underline;
}

#pagrTop a:hover{
color:#113987;
text-decoration:none;
}
/*
------------------------------------------------------------------  080613   --------------------------------*/
/* rollover set
--------------------------*/
div#sideMenu p.qc_rec {
	margin:0;
	padding:5px;
	text-align:center;
   	display:block;
	width:180px;
	height:90px;
}
div#sideMenu p.qc_rec a {
	display:block;
	padding:0;
	margin:0;
	text-indent:-9999px;
	width:180px;
	height:90px;
	background-image:url(../../images/campaign.gif);
	overflow:hidden;
}
div#sideMenu p.qc_rec a:hover {
	background-position:0 100%;
}

div#sideMenu p.qc_rec02 a {
	display:block;
	padding:0;
	margin:0;
	text-indent:-9999px;
	width:180px;
	height:40px;
	background-image:url(../../images/qc_bana.gif);
	overflow:hidden;
}
div#sideMenu p.qc_rec02 a:hover {
	background-position:0 100%;
}
div#sideMenu p.qc_rec02 {
	margin:0;
	padding:5px;
	text-align:center;
   	display:block;
	width:180px;
	height:40px;
}

/*---081007 recrutment.html-----------------------------------------------------------------*/
.ichiran_waku{
	width:560px;
	height:850px;
	margin:0;
	padding:0;
}
.ichiran{
	width:260px;
	height:850px;
	float:left;
	text-align:left;
	margin:0;
	padding:10px;
	display:block;
}