@charset "UTF-8";
/*
Theme Name: minamisinsyu otenki css
Theme URI: http://otenki.ii-s.org/
Description: 飯田線でも行ける南信州の旅special01.css.
Version: 1.0
Author: 飯田線でも行ける南信州の旅
Author URI:http://iidasen.ii-s.org/
*/

/* CSS Document */


/* カバー
----------------------------- */
h2 {
width:592px;
height:220px;
margin:5px 0 0 0;
padding:0;
background:url(../img/special01/cover.jpg) no-repeat left top;
display:block;
text-decoration:none;
text-indent:-9999em;
}
h2 a {
width:592px;
height:220px;
background:url(../img/special01/cover.jpg) no-repeat left top;
display:block;
text-decoration:none;
text-indent:-9999em;
}
/* リード
----------------------------- */
.read {
width:580px;
margin:10px 0 0 10px;
}
.read img {
float:right;
margin:0;
padding:0;
}
.read p {
margin:5px 0 0 0;
padding:0;
font-size:14px;
color:#660000;
line-height:150%;
}
.read p a {
font-size:14px;
color:#3399CC;
text-decoration:none;
}
.read p a:hover {
font-size:14px;
color:#FF9900;
text-decoration:none;
}
#p1title {
margin:5px 0 10px 0;
padding:5px;
background:url(../img/special01/p1title1.gif) no-repeat center left;
text-indent:-9999em;
}
/* メインタイトル
----------------------------- */
#p1maintitle {
width:593px;
height:64px;
margin:5px 0 0 0;
paiding:0;
background:url(../img/special01/p1maintitle.jpg) no-repeat center left;
text-indent:-9999em;
}
#p2maintitle {
width:593px;
height:64px;
margin:5px 0 0 0;
paiding:0;
background:url(../img/special01/p2maintitle.jpg) no-repeat center left;
text-indent:-9999em;
}
#p3maintitle {
width:593px;
height:64px;
margin:5px 0 0 0;
paiding:0;
background:url(../img/special01/p3maintitle.jpg) no-repeat center left;
text-indent:-9999em;
}
/* ナビ
----------------------------- */
.topmenu {
width:594px;
margin:0;
padding:0;
overflow: hidden;
}
.topmenu :after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html .topmenu  {
height: 1em;
overflow: visible;
}
/**/

#navi {
width:594px;
margin:0;
padding:0;
}

#navi ul {
margin:0;
padding:0;
list-style: none;
}
#navi li {
float:left;
margin:0;
padding: 0;
text-indent:-9999px;
}
#navi li a {
margin:0;
padding:0;
text-decoration: none;
display: block;
}
/* --------- */
#navi li#allmenu01 {
margin:0;
padding:0;
width:198px;
height:32px;
background:url(../img/special01/navi.jpg) no-repeat 0px 0px;
}
#navi li#allmenu01 a {
margin:0;
padding:0;
width:198px;
height:32px;
background:url(../img/special01/navi.jpg) no-repeat 0px 0px;
}
#navi li#allmenu01 a:hover {
margin:0;
padding:0;
width:198px;
height:32px;
background:url(../img/special01/navi.jpg) no-repeat 0px -33px;
}
/* --------- */
#navi li#allmenu02 {
margin:0;
padding:0;
width:198px;
height:32px;
background:url(../img/special01/navi.jpg) no-repeat -198px 0px;
}
#navi li#allmenu02 a {
margin:0;
padding:0;
width:198px;
height:32px;
background:url(../img/special01/navi.jpg) no-repeat -198px 0px;
}
#navi li#allmenu02 a:hover {
margin:0;
padding:0;
width:198px;
height:32px;
background:url(../img/special01/navi.jpg) no-repeat -198px -33px;
}
/* --------- */
#navi li#allmenu03 {
margin:0;
padding:0;
width:198px;
height:32px;
background:url(../img/special01/navi.jpg) no-repeat -396px 0px;
}
#navi li#allmenu03 a {
margin:0;
padding:0;
width:198px;
height:32px;
background:url(../img/special01/navi.jpg) no-repeat -396px 0px;
}
#navi li#allmenu03 a:hover {
margin:0;
padding:0;
width:198px;
height:32px;
background:url(../img/special01/navi.jpg) no-repeat -396px -33px;
}
/* 共通
----------------------------- */
.conbox {
clear:both;
width:580px;
margin:0 10px 50px 10px;
padding:0;
overflow: hidden;
}
.conbox:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html .conbox {
height: 1em;
overflow: visible;
}
/**/
.conbox p {
margin:5px 0 0 0;
padding:0;
font-size:14px;
color:#666666;
line-height:150%;
}
.conbox p a {
font-size:14px;
color:#3366CC;
line-height:150%;
}
.conbox p a:hover {
font-size:14px;
color:#FF9900;
line-height:150%;
}
h4.pubtitle {
clear:both;
margin:5px 0;
padding:2px 0 2px 8px;
font-size:18px;
color:#330000;
border-left:#330000 solid 5px;
}
hr {
clear:both;
margin:20px 0;
border:#333333 solid 5px;
}
.footerlink {
clear:both;
width:580px;
margin:20px 0;
padding:0;
text-align:center;
overflow: hidden;
}
.footerlink:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html .footerlink {
height: 1em;
overflow: visible;
}
/**/
.footerlink ul {
width:420px;
margin:0 auto;
padding:0;
list-style:none;
}
.footerlink li {
float:left;
margin:0;
padding:0 8px;
font-size:16px;
color:#006699;
border-left:#006699 solid 1px;
display: block;
}
.footerlink li a {
margin:0;
padding:0;
color:#003399;
font-size:16px;
text-decoration:none;
}
.footerlink li a:hover {
margin:0;
padding:0;
color:#FF9900;
font-size:16px;
text-decoration:none;
}
#f-link-right {
border-right:#006699 solid 1px;
}
.left-img-box {
margin:5px 0 20px 0;
padding:0;
}
.left-img-box img {
clear:both;
float:left;
margin:0 10px 0 0;
padding:0;
border:none;
}
.left-img-box p {
clear:both;
}
.map {
padding:2px;
border:#000000 solid 1px;
}
.continue {
margin:20px 0;
padding:0;
}
.continue p {
margin:0;
padding:0;
font-size:16px;
font-weight:600;
color:#990000;
text-align:right;
}
.continue p a {
margin:0;
padding:0;
font-size:16px;
font-weight:600;
color:#990000;
text-align:right;
text-decoration:none;
}
.continue p a:hover {
margin:0;
padding:0;
font-size:16px;
font-weight:600;
color:#FF9900;
}
p.kome {
font-size:12px;
line-height:125%;
color:#996600
}
p.pup {
clear:both;
margin:5px 0 0 0;
padding:0;
font-size:14px;
color:#FF9900;
text-align:right;
}
p.pup a {
margin:0;
padding:0;
font-size:14px;
color:#FF9900;
}
p.pup a:hover {
margin:0;
padding:0;
font-size:14px;
color:#CC3300;
}
/* 1ページ
----------------------------- */
.ekilist {
width:594px;
margin:10px 0;
padding:0;
    overflow: hidden;
}

.ekilist:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .ekilist {
    height: 1em;
    overflow: visible;
}
/**/
.ekilist ul {
margin:0 0 0 30px;
padding:0;
list-style:none;
}
.ekilist li {
float:left;
width:120px;
margin:0;
padding:0;
text-align:center;
font-size:12px;
display:block;
}
.ekilist li a {
width:120px;
margin:0;
padding:5px;
color:#FFFFFF;
background:#FF9900;
border-bottom:#666666 1px solid;
border-top:#CCCCCC 1px solid;
border-left:#CCCCCC 1px solid;
border-right:#666666 1px solid;
text-decoration:none;
display:block;
}
.ekilist li a:hover {
width:120px;
margin:0;
padding:5px;
color:#FFFFFF;
text-align:center;
background:#FF9966;
border-bottom:#CCCCCC 1px solid;
border-top:#666666 1px solid;
border-left:#666666 1px solid;
border-right:#CCCCCC 1px solid;
font-size:12px;
display:block;
}

.muraweb {
margin:0;
padding:5px 10px;
background:#FFFFCC;
border-left:10px #FFFFFF solid;
font-size:14px;
color:#000000;
font-weight:normal;
}
#kowada1 {
width:580px;
margin:0;
padding:280px 0 0 0;
background:url(../img/special01/kowada1.jpg) no-repeat center top;
}
.pub-acc {
width:580px;
height:61px;
margin:10px 0 0 0;
padding:0;
background:url(../img/special01/pub-access.jpg) no-repeat center left;
text-indent:200px;
line-height:350%;
font-weight:normal;
color:#996600;
font-size:12px;
}
p.accessmap {
float:right;
width:192px;
height:32px;
margin:0 0 20px 0;
padding:0;
background:url(../img/special01/pub-map.jpg) no-repeat center left;
text-indent:-9999em;
display:block;
}
p.accessmap a {
width:192px;
height:32px;
margin:0;
padding:0;
background:url(../img/special01/pub-map.jpg) no-repeat center left;
text-indent:-9999em;
display:block;
text-decoration:none;
outline:none;
}





/* ２ページ
----------------------------- */
p.backtolist {
float:right;
width:129px;
height:32px;
margin:0 0 20px 0;
padding:0;
background:url(../img/special01/backtolist.jpg) no-repeat center left;
text-indent:-9999em;
display:block;
}
p.backtolist a {
width:129px;
height:32px;
margin:0;
padding:0;
background:url(../img/special01/backtolist.jpg) no-repeat center left;
text-indent:-9999em;
display:block;
text-decoration:none;
}
#plan1 {
width:438px;
height:84px;
margin:20px 0 0 0;
padding:20px 0 0 0;
background:url(../img/special01/p2plan1.jpg) no-repeat center left;
text-indent:-99999em;
border-top:#CCCCCC solid 1px;
}
#plan2 {
width:438px;
height:84px;
margin:20px 0 0 0;
padding:20px 0 0 0;
background:url(../img/special01/p2plan2.jpg) no-repeat center left;
text-indent:-99999em;
border-top:#CCCCCC solid 1px;
}
#plan3box {
width:569px;
margin:20px 0 50px 0;
padding:0 0 20px 0;
background:#FFFFCC;
}
#plan3 {
width:569px;
height:82px;
margin:0 0 10px 0;
padding:0;
background:url(../img/special01/p2plan3.jpg) no-repeat 0 0;
text-indent:-99999em;
border-bottom:#CC9900 solid 1px;
}
#plan3box p {
padding:0 20px;
}
.column2box {
clear:both;
position:relative;
width:580px;
margin:20px 0;
padding:10px 0;
}
.column-itembox {
width:280px;
float:left;
margin:0 5px 0 0;
padding:0;
}
.column-itembox h5 {
width:200px;
height:40px;
margin:0;
padding:5px 0 5px 35px;
font-size:16px;
color:#FF6600;
background:url(../img/special01/atten.gif) no-repeat left center;
line-height:120%;
border-top:#990000 solid 1px;
border-bottom:#990000 solid 1px;
}
.column-itembox img {
margin:5px 0;
padding:0;
}



/* ３ページ
----------------------------- */
#midokoro {
width:348px;
margin:50px 0 0 0;
padding:10px 0 6px 10px;
background:url(../img/special01/p3-title-midokoro.gif) no-repeat center left;
font-size:18px;
color:#FFFFFF;
line-height:100%;
}
