table.haikei{
background-image : url(../../summer/price/sapporo/fuyubg.gif);
}

table.haikei2{
background-image : url(../../summer/price/sapporo/onsen2.jpg);
width:695px;
}

table.summer_haikei2{
width:695px;
}

table.haikei3{
background-image : url(../../summer/price/sapporo/sora.gif);
width:695px;
}

table.summer_haikei3{
width:695px;
}

table.otaruroman{
background-image : url(../../summer/price/sapporo/onsen2.jpg);
width:695px;
}


table.haikei_sapwalk{
/*background-image:url(../images/onsen2.jpg);*/
width:695px;
}


table.title{
    width:695px;
}

td.sapporo-title{
    font-size:28px;
    color: #FFFFFF;
    /*background-image:url(../images/tsap.gif);*/
    /*グラデーションの設定の仕方*/
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#0101ff,endColorStr=#19ffcc); 
    background-repeat: no-repeat;
    width:518px;
    height:74px;
}


tr.koibito-title{
    font-size:28px;
    color: #FFFFFF;
    /*background-image:url(../images/tsap.gif);*/
    /*グラデーションの設定の仕方*/
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#0101ff,endColorStr=#19ffcc); 
    background-repeat: no-repeat;
    width:518px;
    height:74px;
}



td.title1{
    font-size:28px;
    color: #FFFFFF;
    background-image : url(../../summer/price/sapporo/tsap.gif);
    background-repeat: no-repeat;
    /*background-color:#0000cc;*/
    width:518px;
    height:74px;
}

td.chitose{
    font-size:14px;
    background-color: #ffff80;
}

span.webres{
    color: #FFFFFF;
    background-color: #FF0000;
}
a.webres{
    color: #FFFFFF;
    background-color: #FF0000;
    text-decoration: none;
}
table.tokuchou{
    width:695px;
}

table.footer_pic{
    width:695px;
}

table.footer_toiawase{
    width:695px;
}

table.footer_tel{
    width:695px;
}

table.footer_logo{
    width:695px;
}

#copy {
    margin-top:30px; 
    margin-bottom:30px; 
    height:5em; 
    text-align:center;
    }
    
h1{
    margin:105px 0 0 15px; 
    font-size:100%;
    color: #101090;
    height:1.3em;
    background-color: #eeccff;
    padding:1px 0 1px 6px;
    width:195px;
    }
    
h2{
    margin:10px 0 0 15px; 
    font-size:100%;
    color: #101090;
    height:1.3em;
    background-color: #eeccff;
    padding:1px 0 1px 6px;
    width:195px;
}
h3 {font-size:95%; margin:50px 0 15px 0; }
.main_text {
    margin-bottom:20px;
    padding-bottom:15px;
    }

#head {
/*    background-image:url(../img/w_stripe.gif); */
        position:fixed;
    _position:absolute;  
    left:0px; 
    top:0px;
    width:15em;
    height:70px;
    }

* {margin:0; padding:0;}

body {
    margin:0; 
    padding:0;
    font-size:100%;
    font-family:"MS UI Gothic", Arial, sans-serif, impact, Courier, osaka, 
    ;}

#copy a {font-size:xx-small; color:#111; line-height:200%;}

#listbox {
    position:fixed;
    _position:absolute; 
    left:0px; 
    top:0px; 
    width:210px; 
    height:100%;
    margin:0; 
    padding:0;
    font-size:13px;
    }
    
#listbox ul{margin:8px 0 0 0;border-top:0px solid #000;padding:5px 0 0 0; list-style-type:none;}
/*#listbox ul{margin:0 0 0 0;border-top:0px solid #000;padding:0px 0 0 0; list-style-type:none;}*/
#listbox li{margin:0;padding:1px 0 1px 0;}
#listbox a.blue
{  
    display:block;
    color: #0000ff;
    height:1.3em;
    background-color: #ccccff;
    width:195px;
    margin-left:15px;
    padding:1px 0 1px 6px;
    text-align:center;
    text-decoration: none;
}

#listbox a.green
{
    display:block;
    color: #000000;
    height:1.3em;
    background-color: #99ff00;
    width:195px;
    margin-left:15px;
    padding:1px 0 1px 6px;
    text-align:center;
    text-decoration: none;
} 
#listbox a.red
{ 
    display:block;
    color: #eeeeff;
    height:1.3em;
    background-color: #ff6666;
    width:195px;
    margin-left:15px;
    padding:1px 0 1px 6px;
    text-align:center;
    text-decoration: none;
}
#listbox a.bblue
{ 
    color: #ccccff;
    background-color: #0000ff;
    display: block;
    height:1.3em;
    width:195px;
    margin-left:15px;
    padding:1px 0 1px 6px;
    text-align:center;
    text-decoration: none;
}
#listbox a.blue:hover 
{
  color: #eeeeee;
  background-color: #9999ff;
  text-decoration: none;
  display: block;
  position:"relative";
}
#listbox a.green:hover 
{
  color: #009900;
  background-color: #ffdbdb;
  text-decoration: none;
  display: block;
  position:"relative";
}
#listbox a.red:hover
{ 
    display:block;
    color: #ff4443;
    height:1.3em;
    background-color: #ffdbdb;
    width:195px;
    margin-left:15px;
    padding-left:15px;
    text-decoration: none;
}
#listbox a.bblue:hover
{ 
    display:block;
    color: #393c6f;
    background-color: #9977ff;
    height:1.3em;
    width:195px;
    margin-left:15px;
    padding-left:15px;
    text-decoration: none;
 }

#mainbox {
    margin:0 0 0 18em;
    height:100%;
    padding-top:0; 
    padding-bottom:0;
    z-index:1;  }
    
#mainin {
    width:80%;
    margin:0 0 0 20px;
    padding-top: 50px;
    background:url();
    }
#mainin p{margin:10px 0 10px 0;}

#plan
{
    font-size : 12px;
}

#plan a.hightspeedplan
{ 
    color: #ccccff;
    background-color: #ffffb5;
    display: block;
    height:1.3em;
    font-size : 18px;
    width:450px;
    padding:1px 0 1px 6px;
    text-align:center;
    font-weight:bold;
    text-decoration: none;
}

#plan a.hightspeedplan:hover
{
    display:block;
    color: #393c6f;
    background-color: #9977ff;
    height:1.3em;
    width:450px;
    font-weight:bold;
    text-decoration: none;
}

#plan a.ansinplan
{ 
    color: #ccccff;
    background-color: #400080;
    display: block;
    height:1.3em;
    font-size : 18px;
    width:450px;
    padding:1px 0 1px 6px;
    text-align:center;
    font-weight:bold;
    text-decoration: none;
}

#plan a.ansinplan:hover
{
    display:block;
    color: #393c6f;
    background-color: #9977ff;
    height:1.3em;
    width:450px;
    font-weight:bold;
    text-decoration: none;
}

#plan a.gassyukuplan
{ 
    color: #1c11ff;
    background-color: #ff9866;
    display: block;
    height:1.3em;
    font-size : 18px;
    width:450px;
    padding:1px 0 1px 6px;
    text-align:center;
    font-weight:bold;
    text-decoration: none;
}

#plan a.gassyukuplan:hover
{
    display:block;
    color: #393c6f;
    background-color: #9977ff;
    height:1.3em;
    width:450px;
    font-weight:bold;
    text-decoration: none;
}

#plan a.muryoukankouplan
{
    color: #ccccff;
    background-color: #ffecf5;
    display: block;
    height:1.3em;
    font-size : 18px;
    width:450px;
    padding:1px 0 1px 6px;
    text-align:center;
    font-weight:bold;
    text-decoration: none;
}

#plan a.muryoukankouplan:hover
{
    display:block;
    color: #393c6f;
    background-color: #9977ff;
    height:1.3em;
    width:450px;
    font-weight:bold;
    text-decoration: none;
}

.list_index{
    margin-left:5px; 
    padding:3px 0px 3px 17px; 
    list-style-position: outside;
    border:0px solid #333; 
    margin-top:0px;
    }
.list_index li{
    font-size:90%;
    margin:9px 0;
    }

.syukuhaku {
	border: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.syukuhaku img {
	visibility: hidden;
}
.syukuhaku a,
.syukuhaku a:link,
.syukuhaku a:visited {
	background-position: 0px 0px;
	float:left;
}
.syukuhaku a:focus
.syukuhaku a:hover
.syukuhaku a:active {
	float:left;
}
.syukuhaku .kankou a
{
	background-image: url(http://www.cds.chuo-bus.co.jp/gassyuku/../images/hikarumuryokankoplan.gif);
}

#lastup{text-align:right;
    font-size:80%;
    margin-top:0px;
    padding-top:0;
    position:relative;
    top:-5px;
    padding-bottom:2px;
    }
    
#lastup1{
    text-align:right;
    font-size:80%;
    margin-top:0px;
    padding-top:0;
    position:relative;
    top:-5px;
    padding-bottom:0;
    }


#topbox {    
    position:fixed;
    _position:absolute;  
    left:20px; 
    top:20px; 
    width:700px; 
    height:1.3em; 
    z-index:5;
    }
#topbox ul{margin:0; padding:0;list-style-type:none;}
#topbox li{margin:0; padding:0;display:inline;float:left;}
#topbox a{
    margin:0; 
    display:block;
    width:80px; 
    height:1.3em;
    color:#eee;
    padding:3px 0 0 0;
    font-size:11px;
    border-right:1px solid #fff;
    background-color:#000;
    text-align:center;line-height:1.3em;
    }
#topbox a:hover{color:#ccc;}