/* 株式会社サンコー様 */

/*-----------
1.general
2.wrapper
3.header
6.footer
-----------*/


/*----- general Start ------*/

*{
margin: 0px;
padding: 0px;
list-style-type: none;
border-style: none;
}

html{
overflow-y:scroll;
}

body{
margin: 0px;
padding: 0px;
font-family: "ＭＳ Ｐゴシック";
font-size: 13px;
line-height: 1.4;
*font-size: small;
*font: x-small;
width: auto;
color: #333333;
}

a,p,dt,dd,h1,h2,h3{
font-size:93%;
}

p a,
li a,
dl a{
font-size:inherit;
font-family: "ＭＳ Ｐゴシック";
}

#wrapper a:hover img {
filter:alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.7;
}

.left {
float:left;
}

.right {
float:right;
}

.clear{
clear: both;
font-size: 0;
line-height: 0;
height: 0px;
visibility: hidden;
}

a{
overflow:hidden;
}

img{
vertical-align:bottom;
}

/*----- general End -----*/



/*----- wrapper Start -----*/

#wrapper {
margin: 0px auto;
width: 796px;
}

/*----- wrapper End -----*/



/*----- header Start -----*/

#top #header {
background:url(../img/img_index/mainimage.jpg) no-repeat 0 top;
width:796px;
height:416px;
position:relative;
}

#recruit_top #header {
background:url(../img/img_recruit/top_mainimage.jpg) no-repeat 0 top;
width:836px;
height:463px;
position:relative;
}

#recruit #header {
background:url(../img/img_recruit/sub_header_bg.jpg) no-repeat right top;
width:796px;
height:94px;
position:relative;
}

#top #header ul {
width:244px;
height:298px;
position:absolute;
top:0;
left:12px;
}

#recruit_top #header ul {
width:244px;
height:298px;
position:absolute;
top:0;
left:25px;
}

#recruit #header ul {
width:244px;
height:94px;
position:absolute;
top:0;
left:0;
}

#header ul li {
width:244px;
}

#header ul li a {
width:244px;
display:block;
text-indent:-9999px;
}

#navi_logo a {
background:url(../img/img_common/header_navi_top.png) no-repeat;
height:112px;
}

#navi_logo2 a {
background:url(../img/img_common/header_navi_top2.png) no-repeat;
height:94px;
}

#navi_01 a {
background:url(../img/img_common/header_navi_01.png) no-repeat;
height:58px;
}

#navi_02 a {
background:url(../img/img_common/header_navi_02.png) no-repeat;
height:58px;
}

#navi_03 a {
background:url(../img/img_common/header_navi_03.png) no-repeat;
height:58px;
}

#navi_03_1 a {
background:url(../img/img_common/header_navi_03_01.png) no-repeat;
height:28px;
}

#navi_03_2 a {
background:url(../img/img_common/header_navi_03_02.png) no-repeat;
height:28px;
}

#navi_03_3 a {
background:url(../img/img_common/header_navi_03_03.png) no-repeat;
height:28px;
}

#navi_bottom {
background:url(../img/img_common/header_navi_bottom.png) no-repeat 0 top;
width:244px;
height:12px;
text-indent:-9999px;
float:left;
}

#recruit #navi_bottom {
margin-top:-2px;
}

#navi_logo a:hover,
#navi_logo a.link,
#navi_logo2 a:hover,
#navi_logo2 a.link,
#navi_01 a:hover,
#navi_01 a.link,
#navi_02 a:hover,
#navi_02 a.link,
#navi_03 a:hover,
#navi_03 a.link,
#navi_03_1 a:hover,
#navi_03_1 a.link,
#navi_03_2 a:hover,
#navi_03_2 a.link, 
#navi_03_3 a:hover,
#navi_03_3 a.link {
background-position:-244px 0 !important;
}

#header #select_ja {
position:absolute;
top:25px;
right:54px;
width:47px;
height:20px;
}

#header #select_ja a {
background:url(../img/img_index/header_lang_ja.gif) no-repeat;
width:47px;
height:20px;
display:block;
text-indent:-9999px;
}

#header #select_ja a:hover {
background-position:0 -20px;
}

#header #select_en {
position:absolute;
top:25px;
right:0;
width:53px;
height:20px;
}

#header #select_en a {
background:url(../img/img_index/header_lang_en.gif) no-repeat;
width:53px;
height:20px;
display:block;
text-indent:-9999px;
}

#header #select_en a:hover {
background-position:0 -20px;
}


#header #btn_contact {
position:absolute;
top:50px;
right:0;
}

/*----- header End -----*/



/*----- footer Start -----*/

#footer {
clear:both;
width:796px;
height:96px;
background:url(../img/img_common/footer_bg.gif) repeat-x;
}

#footer ul {
width:596px;
padding:13px 0 0 13px;
}

#footer li {
float:left;
}

#footer li a {
background:url(../img/img_common/footer_subnavi.gif) no-repeat;
height:12px;
display:block;
text-indent:-9999px;
}

#footer #subnav00 a {
background:url(../img/img_common/footer_subnavi_00.gif) no-repeat;
background-position:0 0;
width:51px;
}

#footer #subnav00 a:hover {
background-position:0 -12px;
width:51px;
}

#footer #subnav01 a {
background-position:0 0;
width:75px;
}

#footer #subnav01 a:hover {
background-position:0 -12px;
width:75px;
}

#footer #subnav02 a {
background-position:-75px 0;
width:66px;
}

#footer #subnav02 a:hover {
background-position:-75px -12px;
width:66px;
}

#footer #subnav03 a {
background-position:-141px 0;
width:70px;
}

#footer #subnav03 a:hover {
background-position:-141px -12px;
width:70px;
}

#footer #subnav04 a {
background-position:-211px 0;
width:70px;
}

#footer #subnav04 a:hover {
background-position:-211px -12px;
width:70px;
}

#footer #subnav05 a {
background-position:-281px 0;
width:140px;
}

#footer #subnav05 a:hover {
background-position:-281px -12px;
width:140px;
}

#footer #subnav06 a {
background-position:-421px 0;
width:124px;
}

#footer #subnav06 a:hover {
background-position:-421px -12px;
width:124px;
}

#footer .copyright {
width:217px;
height:13px;
float:right;
padding-left:10px;
margin-top:45px;
background:url(../img/img_common/copyright.gif) no-repeat 0 0;
text-indent:-9999px;
}

/*----- footer End -----*/