@charset "UTF-8";
/*
Theme Name: minamisinsyu otenki css
Theme URI: http://otenki.ii-s.org/
Description: 飯田線でも行ける南信州の旅210busCSS.
Version: 1.0
Author: 飯田線でも行ける南信州の旅
Author URI:http://iidasen.ii-s.org/
*/

/* CSS Document */



/* メイン
----------------------------- */
.titlecover h2 {
width:593px;
height:394px;
margin:10px 0 0;
padding:0;
background:url(../img/220taxi/titlecover.jpg) no-repeat left center;
text-indent:-9999em;
}
.titlecover h2 a {
width:593px;
height:394px;
display:block;
text-decoration:none;
}
.entrycover h2 {
width:593px;
height:139px;
margin:10px 0 0;
padding:0;
background:url(../img/220taxi/cover-entry.jpg) no-repeat left center;
text-indent:-9999em;
}
.entrycover h2 a {
width:593px;
height:139px;
display:block;
text-decoration:none;
}
.read {
width:500px;
margin:0 0 0 40px;
padding:10px;
border:#660000 solid 1px;
}
.read h2 {
margin:0 0 0 10px;
padding:6px 0 4px 34px;
font-size:18px;
color:#FF6600;
background: url(../img/220taxi/taxi.gif) no-repeat center left;
border-bottom:#660000 solid 2px;
}
.read p {
margin:10px 20px;
padding:0;
font-size:14px;
color:#330000;
line-height:150%;
}
#read {
margin:0;
padding:2px 0 2px 8px;
line-height:100%;
font-size:14px;
color:#990000;
border:none;
border-bottom:#990000 solid 1px;
background:none;
}
#read2 {
margin:30px 10px 10px 10px;
padding:10px;
line-height:100%;
font-size:14px;
color:#FF6600;
line-height:145%;
border:#666666 solid 2px;
background:#e9e9e9;
}
#read2 a {
color:#3366CC;
text-decoration:none;
}
#read2 a:hover {
color:#FF9900;
}
.fs {
width:550px;
margin:0;
padding:5px 20px 10px 20px;
}
.fs p {
margin:0;
padding:0 0 10px 40px;
color:#660000;
font-size:14px;
line-height:125%;
}
#fs01 {
width:500px;
height:38px;
margin:0;
padding:0;
background:url(../img/220taxi/fs-title01.gif) no-repeat center left;
text-indent:-9999em;
border:none;
}
#fs02 {
width:500px;
height:38px;
margin:0;
padding:0;
background:url(../img/220taxi/fs-title02.gif) no-repeat center left;
text-indent:-9999em;
border:none;
}
#fs03 {
width:500px;
height:38px;
margin:0;
padding:0;
background:url(../img/220taxi/fs-title03.gif) no-repeat center left;
text-indent:-9999em;
border:none;
}
#fs04 {
width:500px;
height:38px;
margin:0;
padding:0;
background:url(../img/220taxi/fs-title04.gif) no-repeat center left;
text-indent:-9999em;
border:none;
}
#course-title01 {
width:407px;
height:50px;
margin:40px 0 0 0;
padding:0;
background:url(../img/220taxi/course-title.jpg) no-repeat 0 0;
text-indent:-9999em;
}
#course-title02 {
width:407px;
height:50px;
margin:40px 0 0 0;
padding:0;
background:url(../img/220taxi/course-title.jpg) no-repeat 0 -80px;
text-indent:-9999em;
}
#course-title03 {
width:407px;
height:50px;
margin:40px 0 0 0;
padding:0;
background:url(../img/220taxi/course-title.jpg) no-repeat 0 -160px;
text-indent:-9999em;
}
#course-title04 {
width:407px;
height:50px;
margin:40px 0 0 0;
padding:0;
background:url(../img/220taxi/course-title.jpg) no-repeat 0 -240px;
text-indent:-9999em;
}
/* コース
----------------------------- */
h3 {
width:540px;
height:20px;
margin:10px 0 0 10px;
padding:6px 0 4px 34px;
font-size:18px;
color:#CC3300;
background: url(../img/220taxi/taxi.gif) no-repeat center left;
border-bottom:#660000 solid 2px;
}
h3 a {
width:540px;
height:20px;
margin:0;
padding:0;
font-size:18px;
color:#CC3300;
text-decoration:none;
display:block;
}
h3 a:hover {
width:540px;
height:20px;
margin:0;
padding:0;
font-size:18px;
color:#FF9900;
text-decoration:none;
display:block;
}
.taxibox {
clear:both;
position:relative;
width:560px;
margin:0;
padding:0;
    overflow: hidden;
}

.taxibox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html.taxibox {
    height: 1em;
    overflow: visible;
}
/**/
.taxirightbox {
float:right;
width:240px;
margin:0;
padding:0;
}
.taxirightbox p {
margin:0 0 5px 0;
padding:0;
color:#666666;
}
.taxileftbox {
float:left;
width:300px;
margin:0;
padding:0;
}
.eki {
margin:5px 0;
padding:0;
}
.eki img {
vertical-align:middle;
margin:0 8px;
}
.eki {
color:#003300;
}


.detail {
float:right;
width:177px;
height:35px;
margin:0;
padding:0;
background:url(../img/220taxi/detail.jpg) no-repeat center left;
text-indent:-9999em;
}
.detail a {
width:177px;
height:35px;
margin:0;
padding:0;
text-decoration:none;
display:block;
}


/* コース詳細
----------------------------- */
div.course {
margin:0 10px 20px 0;
padding:0 20px 5px 20px;
border:#666666 solid 1px;
border-top:none;
    overflow: hidden;
}

.course:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html.course {
    height: 1em;
    overflow: visible;
}
/**/
h4 {
clear:both;
width:591px;
height:49px;
margin:0;
padding:0;
background:url(../img/210bus/c-title.jpg) no-repeat bottom left;
text-indent:-9999em;
}
h4 a {
width:591px;
height:49px;
margin:0;
padding:0;
background:url(../img/210bus/c-title.jpg) no-repeat bottom left;
text-indent:-9999em;
display:block;
text-decoration:none;
}
.course p {
margin:0 0 2px 0;
font-size:14px;
color:#996600;
}
.course p a {
color:#3366CC;
text-decoration:none;
}
.course p a:hover {
color:#FF9900;
text-decoration:none;
}
.c-time p {
margin:0;
padding:0 0 0 60px;
background:url(http://iidasen.ii-s.org/img/220taxi/icon-time.gif) no-repeat top left;
border-bottom:#CCCCCC dotted 1px;
color:#CC0000;
}
.c-en p {
margin:0;
padding:0 0 0 60px;
background:url(../img/220taxi/icon-en.gif) no-repeat top left;
border-bottom:#CCCCCC dotted 1px;
color:#CC0000;
}
.c-course p {
margin:0;
padding:0 0 0 60px;
background:url(../img/220taxi/icon-course.gif) no-repeat top left;
border-bottom:#CCCCCC dotted 1px;
}
.c-jikoku p {
margin:0;
padding:0 0 0 60px;
background:url(../img/220taxi/icon-jikoku.gif) no-repeat top left;
border-bottom:#CCCCCC dotted 1px;
font-size:12px;
}
.c-kaisya p {
margin:0;
padding:0 0 0 60px;
background:url(../img/220taxi/icon-kaisya.gif) no-repeat top left;
border-bottom:#CCCCCC dotted 1px;
color:#000066;
}
span.chu {
margin:0 5px;
padding:0;
font-size:12px;
color:#666666;
}
.chu p {
margin:2px 0 10px 60px;
padding:0;
font-size:12px;
color:#666666;
}
.detail2 {
text-align:right;
margin:8px 0 0 0;
}


/* 関連情報 
----------------------------- */
div.kandate {
clear:both;
width:500px;
background:url(../img/220taxi/spot.jpg) no-repeat center left;
}
.kandate p {
margin:5px;
padding:0 0 0 135px;
font-size:12px;
color:#666666;
}
.kandate p a {
color:#660000;
text-decoration:none;
}
.kanren h5 {
width:500px;
height:17px;
margin:20px 0 5px 0;
padding:0;
font-size:14px;
color:#006633;
background:url(../img/220taxi/spot.jpg) no-repeat center left;
text-indent:-9999em;;
}
.kanren ul {
clear:both;
position:relative;
width:450px;
margin:0;
padding:0;
list-style:none;
}
.kanren li {
margin:5px 0 5px 0;
padding:5px 0 5px 10px;
font-size:12px;
color:#666666;
line-height:150%;
border-bottom:#CCCCCC dotted 1px;
}
.kanren li a {
margin:0;
padding:0;
font-size:14px;
color:#3366CC;
text-decoration:none;
}
.kanren li a:hover {
margin:0;
padding:0;
font-size:14px;
color:#FF9900;
}
#tburl {
clear:both;
text-align:right;
margin:20px 0;
font-size:8px;
color:#cccccc;
line-height:100%;
}
.blogname {
margin:0;
padding:0;
font-size:12px;
color:#999966;
}