@charset "UTF-8";
/* CSS Document */

/***PNG BG foe IE6***/
* html .iepngfix {
behavior: expression(IEPNGFIX.fix(this));
} 

/****Background height 100%*****/
html{ 
    height:100%; 
} 
body{ 
    height:100%; 
} 
#wp{ 
    height:100%; 
    min-height:100%; 
} 
body > #wp{ 
    height:auto; 
}


body {

font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',"ＭＳ Ｐゴシック";

font-size:12px;
line-height:1.4em;
background: #eee url(../imgs/wp.gif) repeat 0 0 ;
margin: 0px;
padding: 0px;
color:#222;
}


#wp {
background: url(../imgs/wp_body.png) repeat-y center top;
behavior: expression(IEPNGFIX.fix(this));/*iepngfix for IE6*/
margin: 0px auto;
width:1000px;
height:100%;
}


#contents{
background:url(../imgs/contents_bg.gif) repeat-x center top;
padding: 0 14px;
margin:0 36px;
width: 900px;
}

#contents h1{
margin: 0 0 26px;
padding:24px 0 0 0;
height: 35px;
width: 537px;
text-indent: -9999px;
background: url(../imgs/h1_spojob.gif) no-repeat 0 24px;
display:block;
}
#contents h1 a {
height: 35px;
width: 537px;
display: block;
overflow:hidden;
}

.clear{
clear:both;
margin:0;
_margin-bottom:-1.4em;
padding:0;
height:0;
}
img{
border:none;
}

/*****NAVI*****/
#navi{
width:900px;
height:30px;
background:url(../imgs/navi_bg.gif) no-repeat 0 0;
margin:0 0 10px 0;
padding:0 0 0 0;
display:block;
list-style:none;
}
#navi li,
#navi li a{
float:left;
height:30px;
width:117px;
text-indent:-9999px;
overflow:hidden;
}

#navi li.navi01{
background:url(../imgs/navi_01.gif) no-repeat 0 0;
width:119px;
}
#navi li.navi02{
background:url(../imgs/navi_02.gif) no-repeat 0 0;
}
#navi li.navi03{
background:url(../imgs/navi_03.gif) no-repeat 0 0;
}
#navi li.navi04{
background:url(../imgs/navi_04.gif) no-repeat 0 0;
}
#navi li.navi05{
background:url(../imgs/navi_05.gif) no-repeat 0 0;
}
#navi li.navi06{
background:url(../imgs/navi_06.gif) no-repeat 0 0;
}
#navi li.navi07{
background:url(../imgs/navi_07.gif) no-repeat 0 0;
}
#navi li.navi08{
background:url(../imgs/navi_08.gif) no-repeat 0 0;
}


#navi li.navi01 a:hover,
#navi li.navi01_on{
background:url(../imgs/navi_01_on.gif) no-repeat 0 0;
width:119px;
}
#navi li.navi02 a:hover,
#navi li.navi02_on{
background:url(../imgs/navi_02_on.gif) no-repeat 0 0;
}
#navi li.navi03 a:hover,
#navi li.navi03_on{
background:url(../imgs/navi_03_on.gif) no-repeat 0 0;
}
#navi li.navi04 a:hover,
#navi li.navi04_on{
background:url(../imgs/navi_04_on.gif) no-repeat 0 0;
}
#navi li.navi05 a:hover,
#navi li.navi05_on{
background:url(../imgs/navi_05_on.gif) no-repeat 0 0;
}
#navi li.navi06 a:hover,
#navi li.navi06_on{
background:url(../imgs/navi_06_on.gif) no-repeat 0 0;
}
#navi li.navi07 a:hover,
#navi li.navi07_on{
background:url(../imgs/navi_07_on.gif) no-repeat 0 0;
}
#navi li.navi08 a:hover,
#navi li.navi08_on{
background:url(../imgs/navi_08_on.gif) no-repeat 0 0;
}




/*****Pan*****/
#pan{
width:890px;
font-size:10px;
margin:0 0 10px;
background: #e0ebf1;
;
padding: 2px 5px;
;
letter-spacing: 1px;
}


/*****contents*****/
#contents a,
#top a{
color:#0066cc;
text-decoration:underline;
}
#contents a:hover{
color:#0066cc;
text-decoration:underline;
}




/***top***/
#top{
padding: 0 53px;
width: 824px;
}
#wp #top h1.seo {
font-size: 11px;
color: #999999;
background: url(none);
padding: 5px 0px 0px;
margin: 0px;
text-align: right;
font-weight: normal;
}

#wp #top h1.title {
height: 163px;
width: 292px;
margin: 60px auto 48px;
display: block;
}

#wp #top h2#catch {
background: url(../imgs/h2_catch.gif) no-repeat right top;
width: 412px;
margin: 0px;
height: 91px;
float: left;
display: block;
text-indent: -9999px;
overflow: visible;
}

#wp #top p#read {
background: url(../imgs/read01.gif) no-repeat left top;
height: 91px;
width: 412px;
display: block;
float: right;
margin: 0px;
padding: 0px;
text-indent: -9999px;
overflow: hidden;
}

#wp #top p#read2 {
background: url(../imgs/read02.gif) no-repeat center 32px;
clear: both;
height: 35px;
width: 584px;
margin: 0px auto 28px;
padding: 32px 0px 0px;
text-indent: -9999px;
display: block;
overflow: hidden;
}

#wp #top #bluebox {
background: #008bd5;
height: 410px;
width: 360px;
padding: 20px;
float: left;
margin: 0px 0px 28px;
}

#wp #top #greenbox {
background: #a3b301;
height: 410px;
width: 360px;
padding: 20px;
float: right;
margin: 0px 0px 28px;
}


#wp #top #bluebox h3.spojob {
background: url(../imgs/h3_spojob2011.gif) no-repeat 0px 0px;
height: 45px;
width: 202px;
margin: 0px 0px 17px;
text-indent: -9999px;
display: block;
}
#wp #top #greenbox h3.spofes{
background: url(../imgs/h3_spofes2011.gif) no-repeat 0px 0px;
height: 45px;
width: 217px;
margin: 0px 0px 17px;
text-indent: -9999px;
display: block;
}

#wp #top #bluebox p,
#wp #top #greenbox p {
font-size: 12px;
color: #FFFFFF;
width: 230px;
margin: 0px;
padding: 0px;
line-height: 1.5em;
}

#wp #top #bluebox .icon,
#wp #top #greenbox .icon {
height: 122px;
width: 114px;
margin: 0px;
padding: 0px;
float: right;
}

#wp #top #bluebox h4 {
background: url(../imgs/h4_spojob.gif) no-repeat 0px 0px;
height: 42px;
width: 360px;
margin: 15px 0px 0px;
padding: 0px;
display: block;
text-indent: -9999px;
}
#wp #top #greenbox h4 {
background: url(../imgs/h4_spofes.gif) no-repeat 0px 0px;
height: 40px;
width: 360px;
margin: 15px 0px 0px;
padding: 0px;
display: block;
text-indent: -9999px;
}

#wp #top #bluebox ul,
#wp #top #greenbox ul{
margin: 0px;
padding: 0px;
width: 360px;
list-style: none;
}
#wp #top #bluebox li,
#wp #top #greenbox li{
background:no-repeat 0 0;
text-indent: -9999px;
display: block;
margin: 0px;
padding: 0px;
width: 360px;
}
#wp #top #bluebox .f1 {
background: url(../imgs/spojob_f1.gif);
height: 62px;
}

#wp #top #bluebox .f2 {
background: url(../imgs/spojob_f2.gif);
height: 65px;
}

#wp #top #bluebox .f3 {
background: url(../imgs/spojob_f3.gif);
height: 76px;
}


#wp #top #greenbox dl {
background: url(../imgs/spofes_day.gif) no-repeat 0px 0px;
margin: 0px;
padding: 0px;
height: 102px;
width: 360px;
display: block;
}
#wp #top #greenbox dt,
#wp #top #greenbox dd{
text-indent:-9999px;
}

#wp #top #greenbox .f1 {
background: url(../imgs/spofes_f1.gif);
height: 33px;
}

#wp #top #greenbox .f2 {
background: url(../imgs/spofes_f2.gif);
height: 26px;
}

#wp #top #greenbox .f3 {
background: url(../imgs/spofes_f3.gif);
height: 44px;
}

#blackbox {
background: #000000;
clear: both;
margin: 0px 0px 40px;
padding: 20px 20px 15px;
width: 784px;
height: 95px;
}

#wp #top #blackbox h3 {
background: url(../imgs/h3_mm.gif);
margin: 0px;
padding: 0px;
height: 48px;
width: 347px;
text-indent: -9999px;
display: block;
}

#wp #top #blackbox p {
color: #FFFFFF;
margin: 10px 0px 0px;
padding: 0px;
font-size: 12px;
line-height: 1.5em;
}

#wp #top #blackbox .btn_mm {
float: right;
margin-top: 59px;
display: block;
border:none;
}




/***about****/

#contents #about{
margin:40px 0 40px 0;
}

#wp #contents h2.about {
background: url(../imgs/h2_about.gif) no-repeat 0px 0px;
margin: 0px;
padding: 0px;
width:900px;
height:34px;
text-indent:-9999px;
display: block;
}

#wp #contents #about h3{
width:824px;
margin:15px 38px;
font-size:14px;
}


#wp #contents #about h3.about_spofes{
margin-top:40px;
}


#contents #about dl {
font-size:12px;
border-top: 1px solid #ccc;
margin: 0 38px 0 38px;
padding:0 0 2px 0;
_padding:0 0 1px 0;
width: 824px;
display:block;
clear:both;
height:40px;
}

#contents #about dl.bottom{
border-bottom: 1px solid #ccc;
}

#contents #about dt{
margin:1px 0 0 0;
width:180px;
border-left:#008bd5 solid 5px;
padding:13px 0 13px 15px;
float:left;
height:14px;
}
#contents #about dd{
padding:13px 0;
height:14px;
}

#contents #about dl.double{
height:61px;
}

#contents #about dt.double{
height:35px;
}

#contents #about dd.double{
height:35px;
line-height:1.5em;
}
/***footer***/
#footer {
margin: 15px 0px 0px;
padding: 0 0 15px;
width: 900px;
height:60px;
font-size: 11px;
line-height: 1.5em;
clear:both;
border-top: 1px solid #dddddd;
}
#footer p{
font-size: 11px;
line-height: 1.5em;
color:#666666;
}
#footer .right{
float:right;
width:434px;
height:24px;
padding-top:15px;
display:block;
margin:0;
}
#footer .right dt.kikaku{
background:url(../imgs/footer_ssu.gif) no-repeat;
width:172px;
height:24px;
float:left;
}
#footer .right dd.ssu{
display:none;
}
#footer .right dt.kyoryoku{
background:url(../imgs/footer_kyoryoku.gif) no-repeat;
width:37px;
height:24px;
float:left;
}


#wp #contents #footer .left .copy {
background: url(../imgs/footer_copy.gif) no-repeat;
margin: 0px;
padding: 0px;
height: 21px;
width: 234px;
display: block;
text-indent: -9999px;
}



#footer p.left{
text-align:left;
float:left;
width:400px;
padding-top:15px;
}




/***privacy***/
#contents #privacy{
width:824px;
margin:0 38px;
line-height:1.5em;
}
#wp #contents h2.privacy {
background: url(../imgs/h2_privacypolicy.gif) no-repeat 0px 0px;
margin: 0px 0px 40px;
padding: 0px;
width:900px;
height:34px;
text-indent:-9999px;
display: block;
}


#wp #contents #privacy h3{
background:url(../imgs/h3_bar.gif) no-repeat left;
margin:0 0 15px 0;
padding-left:14px;
font-size:16px;
height:24px;
line-height:24px;
}
#wp #contents #privacy h4{
margin:0 0 15px 0;
font-size:14px;
}
#wp #contents #privacy h5{
font-size:12px;
}
#wp #contents #privacy p{
margin-bottom:1em;
}
#wp #contents #privacy p.right{
text-align:right;
}
#wp #contents #privacy .line{
background:#ddd;
margin:40px 0;
padding:0;
height:1px;
font-size:0;
}

#wp #contents #privacy dl{
display:block;
margin:0 0 1em 0;
padding:0;
}
#wp #contents #privacy dl dl{
display:block;
margin-left:3em;
_margin-left:1.5em;
padding:0;
}
*:first-child+html #wp #contents #privacy dl dl{
margin-left:1.5em;
}

#wp #contents #privacy dl dl dl{
display:block;
/*margin-left:4em;*/
padding:0;
}
#wp #contents #privacy dl dt{
display:block;
float:left;
margin-left:0;
padding:0;
width:3em;
_width:2em;
}
*:first-child+html #wp #contents #privacy dl dt{
width:2em;
}



#wp #contents #privacy dl dl dt{
display:block;
float:left;
/*margin-left:2em;*/
padding:0;

}
#wp #contents #privacy dl dl dl dt{
display:block;
float:left;
/*margin-left:2em;*/
padding:0;

}
#wp #contents #privacy dl dd{
display:block;
margin-left:3em;
_margin-left:1.5em;
padding:0;
}
*:first-child+html #wp #contents #privacy dl dd{
margin-left:1.5em;
}
#wp #contents #privacy dl dl dd{
display:block;
/*margin-left:2em;*/
padding:0;
}
#wp #contents #privacy dl dl dl dd{
display:block;
/*margin-left:2em;*/
padding:0;
}






#wp #contents #privacy dd dl,
#wp #contents #privacy dd dt,
#wp #contents #privacy dd dd,
#wp #contents #privacy dd ul,
#wp #contents #privacy dd li{
/*margin:0;
padding:0;
list-style:none;*/
}
#wp #contents #privacy dd dl,
#wp #contents #privacy dd ul{
/*margin-top:1.5em;*/
}

#wp #top #greenbox a.bigsight {
height: 20px;
width: 200px;
display: block;
margin-left: 110px;
}



img.new{
margin-left:5px;
}



/*****Font size*****/
.txt10 {
font-size: 11px;
}
.txt10b {
font-size: 11px;
font-weight: bold;
}
.txt14 {
font-size: 14px;
}
.txt14b {
font-size: 14px;
font-weight: bold;
}
.txt16 {
font-size: 16px;
}
.txt16b {
font-size: 16px;
font-weight: bold;
}

#gotop {
background: url(../imgs/arrow_gotop.gif) no-repeat left 0px;
line-height: 15px;
font-size:11px;
margin:30px 0 0 auto;
padding:0 0 0 15px;
width:120px;
clear:both;
}