@charset "UTF-8";


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

body{
 margin:0;
 padding:0;
 background-color:#fff;
 color:#000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:80%;
 text-align:center;
 background : url("http://www.sapporo-kokyu.co.jp/img/header-navi-back.jpg") repeat-x 0 80px;
}


* html body {
    overflow-y : auto;
}

*+html body {
    overflow-y : auto;
}

body {
    overflow-y : scroll;
}


/*======================================*/



div#header{
    text-align : left;
    margin : 0 auto;
    padding : 0;
    width : 750px;
    height : 110px;
}

    div#header-inner {
        height : 40px;
        padding : 30px 0 10px 0;
    }

div#header-inner p{
line-height:100%;
margin:0;
padding:0;
}

    div#header-inner p {
        float : right;
    }


div#wrapper{
 text-align:center;
 margin:0 auto 30px;
 padding:0;
 width:750px;
}

div#contents{
 text-align:left;
 margin:0 auto;
 float:right;
 width:750px;
 padding:0;
}











/*======================================*/



html {
/* overflow-y:scroll;*/
}


h1{
 padding:0;
    float : left;
}

h1 a {
}

h2.top-home,
h2.top-topics,
h2.top-casestudy,
h2.top-process,
h2.top-material,
h2.top-equipment,
h2.top-company,
h2.top-access,
h2.top-inquiry {
 height:0;
 margin:0;
 padding:0;
 display:none;
}


div#main-image{
    clear : left;
    margin : 20px 0 20px 0;
}

div.service-icon {
    text-align : left;
    margin : 0 0 20px 0;
    height : 121px;
}
    div.service-icon div {
        width : 180px;
        height : 121px;
        float : left;
    }
    div.service-icon div a {
        display : block;
        width : 180px;
        height : 121px;
        color : #000;
        text-decoration : none;
    }
    div.service-icon div.si1,
    div.service-icon div.si2,
    div.service-icon div.si3 {
        margin-right : 10px;
    }
    div.service-icon div.si1 a:link,
    div.service-icon div.si1 a:visited {
        background : url("http://www.sapporo-kokyu.co.jp/img/service-icon1.jpg") no-repeat;
    }
    div.service-icon div.si2 a:link,
    div.service-icon div.si2 a:visited {
        background : url("http://www.sapporo-kokyu.co.jp/img/service-icon2.jpg") no-repeat;
    }
    div.service-icon div.si3 a:link,
    div.service-icon div.si3 a:visited {
        background : url("http://www.sapporo-kokyu.co.jp/img/service-icon3.jpg") no-repeat;
    }
    div.service-icon div.si4 a:link,
    div.service-icon div.si4 a:visited {
        background : url("http://www.sapporo-kokyu.co.jp/img/service-icon4.jpg") no-repeat;
    }
    div.service-icon div.si1 a:hover,
    div.service-icon div.si1 a:active {
        background : url("http://www.sapporo-kokyu.co.jp/img/service-icon1-o.jpg") no-repeat;
        text-decoration : none;
    }
    div.service-icon div.si2 a:hover,
    div.service-icon div.si2 a:active {
        background : url("http://www.sapporo-kokyu.co.jp/img/service-icon2-o.jpg") no-repeat;
        text-decoration : none;
    }
    div.service-icon div.si3 a:hover,
    div.service-icon div.si3 a:active {
        background : url("http://www.sapporo-kokyu.co.jp/img/service-icon3-o.jpg") no-repeat;
        text-decoration : none;
    }
    div.service-icon div.si4 a:hover,
    div.service-icon div.si4 a:active {
        background : url("http://www.sapporo-kokyu.co.jp/img/service-icon4-o.jpg") no-repeat;
        text-decoration : none;
    }
    div.service-icon span.si-title {
         text-indent:-9000px;
         height : 0;
         line-height : 0;
         font-size : 0px;
         display : block;
    }
    div.service-icon span.si-text {
        display : block;
        padding : 30px 10px 0 10px;
        line-height : 1.35;
    }
    div.service-icon div a:link,
    div.service-icon div a:visited {
        color : #000; /*IE6*/
        text-decoration : none; /*IE6*/
    }
    div.service-icon div a:hover,
    div.service-icon div a:active {
        color : #333;
    }

h3{
}

h3.title{
 clear:both;
}
h3.security{
 clear:both;
}

h3.topics {
    clear : both;
    margin : 0;
}

h3.topics-archive{
 clear:both;
 margin:0;
}



.skipcontent{
 text-indent:-9000px;
 height:0;
 margin:0;
 padding:0;
 font-size:0;
 line-height:0px;
}

/* [TOPICS ENTRY]----------------------------------------------------------------------- */


h4.topics-entry-title {
    font-weight : bold;
    margin : 1em 10px;
}
div.topics-entry-body {
    margin : 0 10px;
    line-height : 1.6;
}
div.topics-entry-body p {
    margin : 1em 0;
}
p.topics-entry-date {
    margin : 1em 10px 0 0;
    text-align : right;
}

/* [CASESTUDY ENTRY]----------------------------------------------------------------------- */

table.casestudy-entry-table {
    border : solid 1px #cfcfcf;
    width : 550px;
    margin : 0 0 20px 0;
    border-collapse : collapse;
}
table.casestudy-entry-table tr {
    vertical-align : top;
}
table.casestudy-entry-table td {
    padding : 10px;
    width : auto;
}
table.casestudy-entry-table td img {
    border : solid 1px #cfcfcf;
}

h4.casestudy-entry-title {
    font-weight : bold;
    margin : 0 0 1em 0;
}
div.casestudy-entry-body {
    margin : 0 0 0 0;
    line-height : 1.6;
}
div.casestudy-entry-body p {
    margin : 1em 0;
}


/* [PROCESS ENTRY]----------------------------------------------------------------------- */

div.main-contents-process {
}
div.main-contents-process p.arrow {
    text-align : center;
}
div.main-contents-process div.process-order {
    background : #efefef;
    border : solid 1px #cfcfcf;
    padding : 0 1em;
}
div.main-contents-process div.process-order h3 {
    font-size : 130%;
    font-weight : bold;
    margin : 1em 0;
}
div.main-contents-process div.process-order img {
    border : solid 1px #cfcfcf;
}
div.main-contents-process table {
    border-collapse : collapse;
}
div.main-contents-process td {
    vertical-align : top;
}
div.main-contents-process td.to-equipment-link {
    padding-left : 1em;
}


/* [COMPANY ENTRY]----------------------------------------------------------------------- */

h4.company-entry-title {
    font-weight : bold;
    font-size : 130%;
    margin : 0 0 1em 0;
    border-left : solid 10px #A3A9B5;
    padding : 3px 0 3px 5px;
}
div.company-entry-body {
    margin : 0 10px 30px 0;
    line-height : 1.6;
}
div.company-entry-body p {
    margin : 1em 0;
}

/* [ACCESS ENTRY]----------------------------------------------------------------------- */

h4.access-entry-title {
    font-weight : bold;
    font-size : 130%;
    margin : 0 0 1em 0;
    border-left : solid 10px #A3A9B5;
    padding : 3px 0 3px 5px;
}
p.access-entry-text {
    margin : 1em 0 2em 0;
}
p.access-entry-text a {
    font-weight : bold;
}

p.access-entry-detailmap {
    margin : 20px 0 0 0;
}

/* [CONTENTS]----------------------------------------------------------------------- */



p.back-to-home{
 text-align:right;
    margin : 1em 0 0 0;
    padding : 1em 0 0 0;
    border-top : solid 1px #cfcfcf;
}

p.back-to-2{
 text-align:right;
 margin:0;
 padding:0 8px 0;
}


/* [MAIN CONTENTS]----------------------------------------------------------------------- */

div#main-contents {
    width:560px;
/* height:100%;
*/
 margin:0 10px 30px 0;
 padding:0;
 float:left;
 text-align:left;
/* overflow:hidden;
*/
 line-height : 160%;
}


/* [SIDEBAR]----------------------------------------------------------------------- */

div#sidebar{
 width:180px;
 margin:0 0 30px 0;
 padding:0;
 float:right;
 text-align:left;
/* overflow:hidden;
*/
}

div.sidemenu {
    border : solid 1px #cfcfcf;
    margin : 0 0 20px 0;
}
div.sidemenu p {
    margin : 0;
    padding : 0;
}
div.sidemenu p span {
    display : block;
    border-left : solid 3px #cfcfcf;
    border-right : solid 3px #cfcfcf;
    margin : 1px 0 1px 0;
    padding : 8px 0 8px 5px;
}
div.sidemenu p a {
    display : block;
    border-left : solid 3px #cfcfcf;
    border-right : solid 3px #cfcfcf;
    margin : 1px 0 1px 0;
    padding : 8px 0 8px 5px;
}
div.sidemenu p a:hover {
    background : #fcfcf1;
}

/* [MAIN NAVIGATION]----------------------------------------------------------------------- */
ul#navigation{
    list-style-type:none;
    width:750px;
    clear : both;
    margin : 0 0 0 0;
}

ul#navigation li{
 display:inline;
 float:left;
 margin:0;
 padding:0;
 background-repeat:repeat;
 border:0;
}

ul#navigation li a, ul#navigation li a:visited{
 display:block;
 margin:0;
 padding:0;
 border:0;
}


ul#navigation a:hover img,
ul#navigation a:active img {
    filter : alpha(opacity=80);
    -moz-opacity : 0.8;
    opacity : 0.8;
}


/* [P]------------------------------------------------------------------------ */
p{
    margin : 1em 0;
}

/* [EM]----------------------------------------------------------------------- */
em{
 font-style:normal;
 font-weight:bold;
}
/* [STRONG]------------------------------------------------------------------- */
strong{
 font-style:normal;
 font-weight:bold;
}
/* [UL]----------------------------------------------------------------------- */
ul{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 list-style-type:none;
 margin-top:0;
 margin-right:0;
 margin-bottom:0;
 margin-left:0;
 padding-top:0;
 padding-right:0;
 padding-bottom:0;
 padding-left:0;
 text-indent:0;
 font-size:100%;
}

ul li{
 margin:0;
}

ul li a{
 text-indent:0;
 margin:0;
 padding:0;
}

ul li a:link, ul li a:visited{
}

ul li a:hover, ul li a:active{
}



ul.topics{
 margin:0 0 8px 0;
 padding:0;
}

ul.topics li{
 margin:0;
 padding:8px;
}



/* [TABLE]----------------------------------------------------------------------- */

table{
}

th{
}

td a{
 font-size:100%;
}


table.topics {
    width : 540px;
    margin : 10px 10px;
    line-height : 1.6;
}
table.topics tr {
    vertical-align : top;
}
table.topics td {
    padding-bottom : 10px;
}
td.topics-date {
    white-space : nowrap;
}

/* [IMG]----------------------------------------------------------------------- */

img, a:link img, a:visited img{
}
a:hover img, a:active img{
}

/* [SPAN]----------------------------------------------------------------------- */
span{

}

/* [FORM]----------------------------------------------------------------------- */
form{
 margin:0;
 padding:0;
}
form input{
 height:24px;
 width:256px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
}
form textarea{
 height:160px;
 width:510px;
 margin:0;
 padding:0;
}
form input, form textarea{
 background-color:#ececec;
 vertical-align:middle;
 margin:0;
 padding:0;
 border:1px solid #bbb;
 color:#000;
 line-height:180%;
}

input.submit{
 height:24px;
 width:100px;
 line-height:24px;
 background-color:#06c;
 color:#fff;
 font-weight:normal;
 vertical-align:middle;
 border:1px solid #039;
 margin:0 6px 0 0;
 padding:0;
}

label{
 font-weight:bold;
}




/* [FOOTER BEGIN]######################################################################## */


#footer {
    clear : both;
    text-align : center;
    margin : 0 auto;
    padding : 0;
/*    overflow : hidden;
*/
    background : url("http://www.sapporo-kokyu.co.jp/img/header-navi-back.jpg") repeat-x 0 0;
}

#footer-navigation{
    width : 736px;
    margin : 0 auto;
    text-align : left;
    background : url("http://www.sapporo-kokyu.co.jp/img/footer-navi-back.jpg") repeat-x 0 0;
    padding : 7px;
}


address{
 clear:both;
 width:750px;
 margin:0 auto;
 padding : 0 0 30px 0;
 line-height : 1.6;
 text-align:left;
 font-size:90%;
    margin-top : -25px; /* 22+7-α */
}

address a:link, address a:visited{
    color : #03f;
}

address a.foot-ski {
    color : #000;
    text-decoration : none;
}


p.footer-navigation{
    color : #fff;
    font-size : 90%;
    padding : 8px 0 0 5px;
    height : 29px;
    margin : 0;
    padding : 0;
}

p.footer-navigation a {
    color : #fff;
    margin-left : 7px;
}

p.footer-navigation a:link, p.footer-navigation a:visited {
    color : #fff;
    text-decoration : none;
}

p.footer-navigation a:hover, p.footer-navigation a:active {
    color : #ebebad !important;
    text-decoration : none;
}




p.return {
/*
    margin-top : -33px;
    margin-left : 584px;
*/
    margin : 0;
    padding : 0;
    position : relative;
    top : -32px; /* 22+7+α */
    left : 578px;
    width : 156px;
}



/* [FOOTER END]######################################################################## */

p#skipcontent{
 text-indent:-9000px;
 height:0;
 margin:0;
 padding:0;
 font-size:0;
 line-height:0px;
}

div#none{
 display:none;
}


span.font-normal{
 font-weight:normal;
}

span.required{
 font-weight:normal;
 color:#c00;
}



p.rss{
    margin-top : -24px;
    margin-left : 512px;
}









a:link {
    color : #03f;
    text-decoration : underline;
}
a:visited {
    color : #609;
    text-decoration : underline;
}
a:hover, a:active {
    color : #f30;
    text-decoration : underline;
}