@charset 'utf-8';

@import url(base.css);
@import url(border.css);

#company{
clear: both;
width: 750px;
height: 70px;
background-image: url(../img/back/company.gif);
background-repeat: no-repeat;
text-indent: -9999px;
}
#shop{
clear: both;
width: 750px;
height: 70px;
background-image: url(../img/back/shop.gif);
background-repeat: no-repeat;
text-indent: -9999px;
}
#recruit{
clear: both;
width: 750px;
height: 70px;
background-image: url(../img/back/recruit.gif);
background-repeat: no-repeat;
text-indent: -9999px;
}
#advice{
clear: both;
width: 750px;
height: 70px;
background-image: url(../img/back/advice.gif);
background-repeat: no-repeat;
text-indent: -9999px;
}
#contact{
clear: both;
width: 750px;
height: 70px;
background-image: url(../img/back/mail.gif);
background-repeat: no-repeat;
text-indent: -9999px;
}
#bbs{
clear: both;
width: 750px;
height: 70px;
background-image: url(../img/back/bbs.gif);
background-repeat: no-repeat;
text-indent: -9999px;
}
#privacy{
clear: both;
width: 750px;
height: 70px;
background-image: url(../img/back/privacy.gif);
background-repeat: no-repeat;
text-indent: -9999px;
}
#info{
clear: both;
width: 750px;
height: 70px;
background-image: url(../img/back/site.gif);
background-repeat: no-repeat;
text-indent : -9999px;
}
#study{
clear: both;
width: 750px;
height: 70px;
background-image: url(../img/back/study.gif);
background-repeat: no-repeat;
text-indent: -9999px;
}
#study_r{
float: left;
width: 590px;
margin: 13px 0 10px 0;
padding: 0 0 0 10px;
border-width: 0 0 0 1px;
border-style: solid;
border-color: #ddd;
}
#study_r p{
text-indent: 1em;
margin: 0 0 10px 5px;
line-height: 140%;
}

#photo1{
float: right;
margin: 3px 5px 5px 5px;
}
#photo2{
float: left;
margin: 3px 5px 5px 3px;
}

#navi{
margin: 0;
width: 750px;
height: 30px;
color: #666;
background-color: #d7ecff;
}
#navi li{
float: left;
width: 150px;
height: 30px;
}
#navi_under{
width: 750px;
height: 30px;
padding: 4px 0 0 15px;
background-image: url(../img/back/navi_under.gif);
background-repeat: no-repeat;
}
#navi_under a:link{
color: #666;
background-color: #d7ecff;
text-decoration: none;
}
#navi_under a:visited{
color: #666;
background-color: #d7ecff;
text-decoration: none;
}
#navi_under a:hover{
color: #ff6600;
background-color: #d7ecff;
}
#inline{
width: 740px;
height: 610px;
margin-top: 10px;
padding: 0 5px 0 5px;
}
#box_l{
float: left;
width: 149px;
margin: 11px 0 0 0;
}
#box_l a:link{
color: #666;
background-color: #fff;
text-decoration: none;
}
#box_l a:visited{
color: #666;
background-color: #fff;
text-decoration: none;
}
#box_l a:hover{
color: #ff6600;
background-color: #fff;
text-decoration: underline; 
}
.navi_g{
width: 140px;
height: 24px;
margin: 5px 0 10px 0;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #999;
}
.navi_g li{
padding-left: 20px;
background-image: url(../img/icon/mk05.gif);
background-repeat: no-repeat;
background-position: 0 50%;
}
.navi_o{
width: 140px;
height: 24px;
margin: 5px 0 10px 0;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #999;
}
.navi_o li{
padding-left: 20px;
background-image: url(../img/icon/mk06.gif);
background-repeat: no-repeat;
background-position: 0 50%;
}
#box_r{
float: left;
width: 590px;
margin: 13px 0 10px 0;
padding: 0 0 0 10px;
border-width: 0 0 0 1px;
border-style: solid;
border-color: #ddd;
}
.cam_header1{
width: 590px;
height: 30px;
margin: 0 0 10px 0;
padding: 3px 0 0 0; 
background-image: url(../img/bar/cam0.gif);
background-repeat: no-repeat;
text-indent: 19px;
}
.cam_header2{
width: 590px;
height: 30px;
padding: 3px 0 0 0;
background-image: url(../img/bar/cam0.gif);
background-repeat: no-repeat;
text-indent: 19px;
letter-spacing: 2.2em;
}
.cam_l{
float: left;
width: 310px;
padding: 0 20px 0 10px; 
}
.cam_r{
float: left;
width: 250px;
}
.shop_header1{
width: 590px;
height: 30px;
margin: 0 0 10px 0;
padding: 3px 0 0 0; 
background-image: url(../img/bar/shop0.gif);
background-repeat: no-repeat;
text-indent: 19px;
}
.shop_l{
float: left;
width: 328px;
}
.shop_l p{
margin: 0 0 10px 20px;
}
.shop_r{
float: left;
width: 250px;
}
.space10{
position: relative;
left: 15px;
}
.space15{
position: relative;
left: 25px;
}
.space80{
position: relative;
left: 82px;
}
.clear{
clear: both;
width: 590px;
height: 1px;
}
.recruit_header{
width: 750px;
height: 30px;
margin: 13px 0 5px 0;
padding: 3px 0 0 0; 
background-image: url(../img/bar/recruit0.gif);
background-repeat: no-repeat;
text-indent: 19px;
}
.privacy_header{
width: 750px;
height: 30px;
margin: 13px 0 0 0;
padding: 3px 0 0 0; 
background-image: url(../img/bar/pri0.gif);
background-repeat: no-repeat;
text-indent: 19px;
}
.advice_header{
width: 360px;
height: 45px;
margin: 13px 0 4px 0;
padding: 5px 0 0 0;
text-indent: 20px;
background-image: url(../img/bar/advice1.gif);
background-repeat: no-repeat;
}

#container{
width: 750px;
border-width: 0 0 1px 0;
border-color: #ddd;
border-style: solid;
background-image: url(../img/back/recruit_bk.jpg);
background-repeat: no-repeat;
background-position: 100% 0;
}
#list li{
margin: 10px 0 10px 10px;
padding-left: 17px;
background-image: url(../img/icon/mk03.gif);
background-repeat: no-repeat;
background-position: 0 50%;
}
#container2{
width: 750px;
border-width: 0 0 1px 0;
border-color: #ddd;
border-style: solid;
}
#container2 p{
margin: 0 15px 15px 15px;
}
.inbox_l{
clear: both;
float: left;
width: 360px;
}
.inbox_r{
float: left;
width: 360px;
margin-left: 30px;
}
h3 span{
margin-left: 20px;
color: #bbb;
background-color: #fff;
}
.text_area{
width: 360px;
}
.text_area p{
margin: 0 10px 10px 10px;
text-align: justify;
text-justify: inter-ideograph;
}
.anchor{
clear: both;
width: 580px;
}
.anchor li{
margin: 10px 0 10px 460px;
padding-left: 17px;
background-image: url(../img/icon/mk02.gif);
background-repeat: no-repeat;
background-position: 0 50%;
}
#clear{
clear: both;
width: 750px;
height: 1px;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #ddd;
}
#anchor{
clear: both;
margin: 15px 0 15px 0;
}
#anchor li{
margin: 0 0 0 625px;
padding-left: 17px;
background-image: url(../img/icon/mk02.gif);
background-repeat: no-repeat;
background-position: 0 50%;
}