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

/* CSS Document */

body {
margin:0;
padding:0;
background:#FFFFFF;
text-align:center;
}
.contents {
position:relative;
width:777px;
margin:10px auto;
text-align:left;
}
.main {
float:right;
width:505px;
margin-left:0;
padding:0px;
left:0;
}
.side {
width:255px;
margin-left:0;
padding:0;
background:url(../img/top/topside.jpg) no-repeat top left;
    overflow: hidden;
}

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

/*\*/
* html .side {
    height: 1em;
    overflow: visible;
}
/**/
.main p {
color:#666666;
}
.main p a {
color:#3366CC;
text-decoration:none;
}
.main p a:hover {
color:#FF9900;
text-decoration:none;
}
/* コンテンツ
----------------------------- */
h1 {
width:505px;
height:244px;
background:url(../img/top/topcover.jpg) no-repeat top right;
text-indent:-9999em;
padding:0;
margin:0;
}
h1 a {
width:505px;
height:244px;
display:block;
text-decoration:none;
}
.read {
margin:0;
padding:0;
}
.read p {
margin:5px 0 0 0;
padding:0;
font-size:14px;
color:#003300;
line-height:145%;
}
.rekisi {
width:484px;
margin:0;
padding:0;
background:url(../img/top/l-rekisi.gif) no-repeat center right;
color:#660000;
text-indent:-9999em;
}
.rekisi a {
width:484px;
display:block;
text-decoration:none;
}
/* コンテンツバナー
----------------------------- */
#m-navi {
margin:0;
}
#m-navi ul {
margin:0;
padding:0;
list-style: none;
}
#m-navi li {
margin: 0;
padding: 0;
text-indent:-9999px;
}
#m-navi li a {
margin:0;
padding:0;
text-decoration: none;
display: block;
}
#m-navi li#m-bus {
width:486px;
height:62px;
margin:0;
padding:0;
background:url(../img/top/m-bus.jpg) no-repeat bottom left;
}
#m-navi li#m-bus a {
width:486px;
height:62px;
margin:0;
padding:0;
background:url(../img/top/m-bus.jpg) no-repeat bottom left;
}
#m-navi li#m-taxi {
width:486px;
height:54px;
margin:0;
padding:0;
background:url(../img/top/m-taxi.jpg) no-repeat top left;
}
#m-navi li#m-taxi a {
width:486px;
height:54px;
margin:0;
padding:0;
background:url(../img/top/m-taxi.jpg) no-repeat top left;
}
#m-navi li#m-guide {
width:486px;
height:66px;
margin:0;
padding:0;
background:url(../img/top/m-guide.jpg) no-repeat bottom left;
}
#m-navi li#m-guide a {
width:486px;
height:66px;
margin:0;
padding:0;
background:url(../img/top/m-guide.jpg) no-repeat bottom left;
}
#m-navi li#m-spe01 {
width:486px;
height:66px;
margin:5px 0 0 0;
padding:0;
background:url(../img/top/m-spe01.jpg) no-repeat bottom left;
}
#m-navi li#m-spe01 a {
width:486px;
height:66px;
margin:0;
padding:0;
background:url(../img/top/m-spe01.jpg) no-repeat bottom left;
}
#m-navi li#m-spe03 {
width:486px;
height:66px;
margin:5px 0 0 0;
padding:0;
background:url(../img/top/m-hon.jpg) no-repeat bottom left;
}
#m-navi li#m-spe03 a {
width:486px;
height:66px;
margin:0;
padding:0;
background:url(../img/top/m-hon.jpg) no-repeat bottom left;
}
#m-navi li#m-spe0401 {
width:486px;
height:66px;
margin:5px 0 0 0;
padding:0;
background:url(../img/top/m-tano.gif) no-repeat bottom left;
}
#m-navi li#m-spe0401 a {
width:486px;
height:66px;
margin:0;
padding:0;
background:url(../img/top/m-tano.gif) no-repeat bottom left;
}
#m-navi li#m-spe0402 {
width:486px;
height:66px;
margin:5px 0 0 0;
padding:0;
background:url(../img/top/m-rinko.jpg) no-repeat bottom left;
}
#m-navi li#m-spe0402 a {
width:486px;
height:66px;
margin:0;
padding:0;
background:url(../img/top/m-rinko.jpg) no-repeat bottom left;
}




#m-navi li#m-yado {
width:486px;
height:66px;
margin:0;
padding:0;
background:url(../img/top/m-yado.gif) no-repeat top left;
}
#m-navi li#m-yado a {
width:486px;
height:66px;
margin:0;
padding:0;
background:url(../img/top/m-yado.gif) no-repeat top left;
}
#m-navi li#m-photo {
width:486px;
height:98px;
margin:5px 0;
padding:0;
background:url(../img/top/m-photo.gif) no-repeat top left;
text-indent:10px;
color:#FF0000;
font-size:12px;
}
#m-navi li#m-photo a {
width:486px;
height:98px;
margin:0;
padding:0;
background:url(../img/top/m-photo.gif) no-repeat top left;
text-indent:10px;
color:#FF0000;
font-size:12px;
}
#m-navi li#m-photo-end {
width:486px;
height:82px;
margin:5px 0;
padding:0;
background:url(../img/top/m-photo-end.jpg) no-repeat top left;
}
#m-navi li#m-photo-end a {
width:486px;
height:82px;
margin:0;
padding:0;
background:url(../img/top/m-photo-end.jpg) no-repeat top left;
}

/* 地図
----------------------------- */
.access {
position:relative;
width:487px;
margin:5px 0;
padding:0;
background:url(../img/top/access.gif) no-repeat top left;
}
.access h3 {
margin:0;
padding:0;
text-indent:-9999em;
}
.access p {
width:200px;
margin:0;
padding:0 0 0 287px;
font-size:12px;
color:#666666;
line-height:145%;
}
/* ピックアップなど
----------------------------- */
.t-normal {
width:486px;
margin:0;
padding:0;
}
.t-normal h3 {
width:476px;
margin:5px 0;
padding:2px 0 0 10px;
font-size:14px;
color:#006633;
background:#CBCC7F;
}
.t-normal p {
margin:5px 20px;
padding:2px 0;
color:#666666;
font-size:14px;
line-height:125%;
}
.t-normal2 {
width:486px;
margin:10px 0;
padding:0 0 5px 0;
border:#666666 solid 1px;
}
.t-normal2 h3 {
width:476px;
margin:0 0;
padding:2px 0 0 10px;
font-size:14px;
color:#000066;
background:#CCFFFF;
}
.t-normal2 p {
margin:5px 20px;
padding:2px 0;
color:#666666;
font-size:14px;
line-height:125%;
}
.whatup {
width:486px;
margin:0;
padding:0;
position:relative;
clear:both;
}
.whatup h3 {
width:476px;
margin:5px 0;
padding:2px 0 0 10px;
font-size:14px;
color:#006633;
background:#CBCC7F url(../img/top/rss.gif) no-repeat center right;
}
.whatup h3 a {
width:476px;
margin:0;
padding:0;
font-size:14px;
color:#006633;
display:block;
text-decoration:none;
}
.whatup p {
margin:0;
padding:5px 5px 5px 10px;
color:#666666;
font-size:14px;
line-height:125%;
}
.whatup p a {
font-size:14px;
}
.whatup p a:hover {
font-size:14px;
}
.whatupitem {
float:left;
width:90px;
}
.whatupdate {
margin-left:90px;
}
/* サイド
----------------------------- */
div.iisnavi {
width:240px;
height:51px;
margin:1050px 0 0 0;
padding:5px 0;
background:url(../img/top/iisnavi.gif) no-repeat center left;
}
.iisnavi p {
margin:0;
padding:0 0 0 94px;
color:#336699;
font-size:12px;
line-height:145%;
}
.iisnavi p a {
color:#3366CC;
font-size:14px;
line-height:145%;
text-decoration:none;
font-weight:bold;
}
.iisnavi p a:hover {
color:#FF9900;
font-size:14px;
line-height:145%;
}