@charset "UTF-8";
/* CSS Document */

.content-ttl {
    background: url(../images/walker/ttl_bg1.jpg) repeat-x;
    border-left: solid 1px #DDD;
    border-right: solid 1px #DDD;
    border-bottom: solid 1px #DDD;
    border-radius: 2px 2px 0 0 / 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0 / 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0 / 2px 2px 0 0;
    -o-border-radius: 2px 2px 0 0 / 2px 2px 0 0;
    -ms-border-radius: 2px 2px 0 0 / 2px 2px 0 0;
    padding: 11px 10px 0;
    height: 28px;
}

.content-ttl-pickup {
    padding: 2px 0 0 26px;
    height: 23px;
}

.event_only {
    height: 40px;
}

.content-ttl-rec {
    background: url(../images/walker/ttl_bg3.jpg) no-repeat;
    padding: 8px 0 0;
    height: 30px;
}

.content-ttl ul.right li {
    float: left;
    padding: 0 0 0 10px;
}

.blue .content-ttl {
    border-top: solid 4px #0098D9;
    -moz-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
}

.blue .content-ttl-pickup {
    border-bottom: solid 3px #0098D9;
    background: url(../images/walker/attention2.gif) no-repeat;
}

.blue .content-ttl-rec p,
.blue .content-ttl-rec h1 {
    border-left: solid 4px #0098D9;
    padding: 2px 0 2px 10px;
}

.green .content-ttl {
    border-top: solid 4px #91CF0A;
    -moz-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
}

.green .content-ttl-pickup {
    border-bottom: solid 3px #91CF0A;
    background: url(../images/walker/attention3.gif) no-repeat;
}

.green .content-ttl-rec p,
.green .content-ttl-rec h1 {
    border-left: solid 4px #91CF0A;
    padding: 2px 0 2px 10px;
}

.green .link-color a {
    color: #91CF0A;
}

.pink .content-ttl {
    border-top: solid 4px #F2588A;
    -moz-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
}

.pink .content-ttl-pickup {
    border-bottom: solid 3px #F2588A;
    background: url(../images/walker/attention1.gif) no-repeat;
}

.pink .content-ttl-rec p,
.pink .content-ttl-rec h1 {
    border-left: solid 4px #F2588A;
    padding: 2px 0 2px 10px;
}

.pink .link-color a {
    color: #F2588A;
}

.orange .content-ttl {
    border-top: solid 4px #F1AA00;
    -moz-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
}

.orange .content-ttl-pickup {
    border-bottom: solid 3px #F1AA00;
    background: url(../images/walker/attention4.gif) no-repeat;
}

.orange .content-ttl-rec p,
.orange .content-ttl-rec h1 {
    border-left: solid 4px #F1AA00;
    padding: 2px 0 2px 10px;
}

.orange .link-color a {
    color: #F1AA00;
}

.content-ttl .title,
.content-ttl h1,
.content-ttl-pickup .title,
.table-title .title,
.table-title h1,
.content-ttl-rec .title,
.content-ttl-rec h1 {
    float: left;
    font-size: 14px;
    font-weight: bold;
}

.content-inner1 {
    -mz-border-radius: 0 0 3px 3px / 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px / 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px / 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px / 0 0 3px 3px;
    border-bottom: solid 1px #DDD;
    border-left: solid 1px #DDD;
    border-right: solid 1px #DDD;
}

.content-inner1 .list1 {
    padding: 5px 15px 15px;
}

.list1 li {
    padding: 10px 0;
    border-bottom: solid 1px #ddd;
    clear: both;
}

div.img {
    background: #FFF;
}

.list1 li div.img {
    padding: 0 10px 0 0;
    float: left;
}

*:first-child+html div.img {
    padding: 0 0 1px;
}

*:first-child+html .list1 li div.img {
    padding: 0 10px 1px 0;
}

.border {
    border: solid 1px #DDD;
    background: #FFF;
}

*:first-child+html .border {
    padding: 0 0 1px;
}

div.img div a {
    border: solid 4px #FFF;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    background: #FAFAF9;
}

div.img div a img.ph_h {
    height:135px;
}

div.img div a img.ph_w {
    width:135px;
}

*:first-child+html div.img div a {
    display: block;
}

div.img div a:hover {
    border: solid 4px #f6f6f6;
    background: #FFF;
}

div.ph-ll {
    width: 425px;
    height: 415px;
}

div.ph-l {
    width: 290px;
    height: 290px;
}

div.ph-m a {
    width: 135px;
    height: 135px;
}

div.ph-s a {
    width: 85px;
    height: 85px;
}

li .data p {
    margin: 3px 0 0;
}

.data .title {
    font-size: 14px;
    line-height: 1.4em;
    font-weight: bold;
}

.data .extra {
    background: #FAFAF9;
    padding: 2px 5px;
}

.data .catch {
    line-height: 1.5em;
}

.list2 {
    padding: 5px 0 15px 15px;
}

.list2 li {
    float: left;
    width: 206px;
    padding: 10px 0;
}

.list2 li p {
    padding: 0 15px 0 0;
    overflow: hidden;
}

.list2 li p.cat {
    background: #EEE;
    margin: 0 15px 4px 0;
    padding: 2px 4px;
    text-align: center;
}

.list2 li p.title {
    font-size: 12px;
    line-height: 1.5em;
    min-height: 35px;
}

.list2 li p.catch {
    color: #666;
    padding: 0;
}

.list2 li div.box {
    margin: 5px 15px 0 0;
}

.list2 li div.img {
    float: left;
    padding: 0 5px 0 0;
}

.list3 {
    border-bottom: solid 1px #DDD;
    margin: 0 2px 15px;
    padding: 15px 0;
}

.content-inner1 .list3 {
    margin: 0 15px 15px;
    padding: 15px 0;
}

.list3 li {
    float: left;
    padding: 0 5px 5px 5px;
}

.content-inner1 .list3 li {
    padding: 0 5px 5px 0;
}

.list4 {
    padding: 15px 3px;
}

.list4 li {
    float: left;
    width: 145px;
    padding: 0 6px 10px;	
}

.content-inner1 .list4 {
    padding: 10px 0 15px 15px;
}

.content-ttl-pickup ul.list4 {
    border-bottom:1px solid #ddd;
    margin-bottom:10px;
}

.content-inner1 .list4 li {
    padding: 0 3px 10px 3px;
}

.list4 li.rank1 {
    background: url(../images/walker/no1.gif) center top no-repeat;
    padding: 25px 3px 10px 3px;
}

.list4 li.rank2 {
    background: url(../images/walker/no2.gif) center top no-repeat;
    padding: 25px 3px 10px 3px;
}

.list4 li.rank3 {
    background: url(../images/walker/no3.gif) center top no-repeat;
    padding: 25px 3px 10px 3px;
}

.list4 li.rank4 {
    background: url(../images/walker/no4.gif) center top no-repeat;
    padding: 25px 3px 10px 3px;
}

.list4 li.rank {
    padding: 0px 3px 10px 3px;
}

.list4 li p {
    padding: 5px 0 0 0;
}

.list4 li p.cat {
    padding: 5px 0 0 0;
    color:#666;
}

.list4 li p.title {
    padding: 5px 0 0 0;
}
.content-inner1 .list4 li p.title {
    padding: 1px 0 0 0;
}

.list4 li p.place {
    color:#666;
    padding: 1px 0 0 0;
}

.cat-title p {
    padding:5px 7px;
    font-size: 14px;
    font-weight: bold;
    background: #0098D9;
    color: #FFF;
    border-radius: 3px;
    -mz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
}

.list-title p {
    padding:5px 7px;
    font-size: 14px;
    font-weight: bold;
    background: #EEE;
}

dl.spot {
    padding: 15px 0 0;
}

dl.spot .cat-title {
    padding: 0 15px;
}

.content-inner1 dl.cat {
    padding: 10px 15px 0;
}

dl.cat .cat-title {
    padding: 0 0 10px;
}

.line-nav {
    padding: 0 0 10px;
}

.line-nav li {
    float: left;
    margin: 0 7px 5px 0;
    padding: 0 7px 0 0;
    display: inline;
    font-size: 14px;
    border-right: solid 1px #ccc;
    white-space: nowrap;
}

.line-nav li:last-child {
    border-right: none;
}

.spot-nav {
    /*padding: 15px 0 0 15px;*/
    padding: 15px 15px 0 15px;
}

.spot-nav dt {
    background: url(../images/walker/cat_bg.gif) no-repeat;
    padding: 4px 0 2px 5px;
    height: 20px;
    color: #FFF;
    float: left;
    /*width: 125px;140501*/
    width: 141px;
    font-weight: bold;
}

.spot-nav dd {
    padding: 5px 0;
    /*margin: -2px 0 0 135px;*/
    margin: -2px 0 0 151px;
}

.pref-nav {
    padding: 15px 0 15px 15px;
    font-size: 14px;
}

.pref-nav dt {
    font-weight: bold;
}
.pref-nav dt a {
    color:#333;
}

.pref-nav dd {
    margin: -1.3em 0 2px 5.5em;
}

.pref-nav dd ul li {
    float: left;
    margin: 0 5px 3px 0;
    padding: 0 5px 0 0;
    border-right: solid 1px #CCC;
}

.pref-nav dd ul li:last-child {
    border-right: none;
}

.rec-list {
    padding: 15px 0;
}

.content-inner1 .rec-list dt {
    padding: 0 15px;
}

.photo-box {
    padding: 15px 0 5px;
    text-align: center;
    font-size: 14px;
}

.photo-box a {
    display: block;
}

.photo-box .photo {
    float: left;
    width: 425px;
    margin: 0 9px;
    display: inline;
    border: solid 1px #DDD;
    background: #FFF;
}

.photo-box .photo div.ph-ll {
    background: #FAFAF9;
    text-align: center;
    margin: 4px;
    vertical-align: middle;
    display: table-cell;
}

.photo-box .photo-prev {
    width: 95px;
    height: 425px;
    float: left;
}

.photo-box .photo-next {
    width: 95px;
    height: 425px;
    float: right;
}

.photo-box a {
    width: 95px;
    padding: 160px 0 180px;
}

.photo-box a .ph-s {
    width: 85px;
    height: 85px;
    display: table-cell;
    vertical-align: middle;
    border: solid 4px #FFF;
}

*:first-child+html .photo-box a .ph-s {
    display: block;
}

.photo-box a:hover .ph-s {
    border: solid 4px #f6f6f6;
}

.photo-box p.text {
    padding: 5px 0;
}

p.photo-text {
    margin: 0 auto;
    padding: 0 0 15px;
    width: 425px;
    font-size: 14px;
}
p.photo-mds {
    margin: 0 auto;
    padding: 5px 0 3px 0;
    width: 425px;
    font-size: 14px;
    font-weight:bold;
}

.twitter {
    padding: 15px;
}

.twitter .entry {
    padding: 0 0 15px;
} 

.twitter .entry p {
    padding: 0 0 5px;
}

.twitter .btn-entry ul li {
    float: left;
    padding: 0 7px 0 0;
}

.comment {
    border: solid 5px #EEE;
    padding: 10px;
}

.comment p span {
    padding: 0 10px;
}

.comment dl {
    padding: 10px 15px;
    border-bottom: dotted 1px #CCC;
    border-top: dotted 1px #CCC;
}

.comment dt {
    width: 90px;
}

.comment dd {
    margin: -25px 0 10px 100px;
}

.comment-name {
    border: solid 1px #CCC;
    width: 300px;
    padding: 5px;
}

.comment-text {
    width: 400px;
    border: solid 1px #CCC;
    padding: 5px;
    line-height: 14px;
    height: 42px;
}

.comment-file {
    padding: 2px 5px;
}

.comment .btn {
    padding: 10px 0 0;
    text-align: center;
}

.twitter-list li {
    border: solid 1px #DDD;
    padding: 10px;
    margin: 0 0 10px;
}
.twitter-list li .date a{
    color:#333;
}
.twitter-list li .text a{
    color:#f60;
}

p.author {
    font-size: 14px;
    font-weight: bold;
}

.twitter-list li div.icon {
    width: 75px;
    float: left;
}

.twitter-list li div.right {
    width: 500px;
}

.twitter-list li p.author {
    float: left;
}

.twitter-list li p.date {
    text-align: right;
}

.twitter-list li p.text {
    padding: 5px 0 0;
}

.twitter p.btn a {
    background: url(../images/walker/btn_bg1.jpg) no-repeat;
    text-align: center;
    font-size: 14px;
    padding: 10px 0 0;
    display: block;
    width: 605px;
    height: 28px;
}

.twitter p.btn a:hover {
    background: url(../images/walker/btn_bg1_on.jpg) no-repeat;
    text-decoration: none;
}

.twitter .entry li{
    float:left;
    margin:5px 5px 10px 0;
}

.attraction_ttl{
    padding:20px 0 0 0;
    font-size:20px;
    text-align:center;
    line-height:1.3em;
    background: url(../images/walker/att_shadow.jpg) no-repeat center bottom;
    width:635px;
}

p.more {
    text-align: center;
    padding: 0 0 15px;
    font-size: 14px;
    clear: both;
}

.to-detailtop {
    padding: 15px 0 10px;
    text-align: center;
    clear: both;
}