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

*{margin:0; padding:0; }

/*スカイラインインデックス*/

#skmenu { width:322px; background:#E6E6E7; float:left; }
#skmenu ul {list-style:none; padding:10px 5px; }
#skmenu li { width:310px; height:43px; }
* html .st { margin-top:-4px; }

#skmenu .skevent { margin-top:15px 0; list-style:none; }
#skmenu .event {width:302px; height:51px; background:url(../images/event.png) left top no-repeat; margin:3px; }
#skmenu .event p { padding: 10px 10px 10px 25px; color:#761109; font-weight:900; font-size:11pt; line-height:120%; }
#skmenu .event a { color:#761109; font-weight:900; font-size:11pt; text-decoration:none; }
#skmenu .event p a:hover { color:#C80D04; font-weight:900; font-size:11pt; text-decoration:none; }

/*風景写真*/

.photo { width:740px; height:195px; padding:10px 0; list-style:none; border-bottom:1px dotted #6CB149; }
.photo li {text-align:center; float:left; display:block; padding:5px; width:175px; height:195px; }


/*スライドショー*/

.read{ line-height:150%; font-size:12px; margin:10px 0; }
#ss1 { background:url(../skyline/syow/images/sk_bac.jpg) repeat-x left bottom #1b73ca; width:720px; height:565px; 
padding:10px; }
#ss2 {background-color:#FFFFFF; width:710px; height:545px; padding:10px 5px; }
#smap {float:left;}
#imap { float:right; } 
#slide {width:400px; height:320px; background-color:#ffffff; float:right; padding:5px;}


/*ビューポイント*/

#sv1 {width:720px; height:600px; padding:10px; background-image:url(../skyline/viewp/images/view_bak.jpg); background-repeat:repeat-x; } 

#vmap {width:330px; height:585px; background-color:#999999; float:left; margin-top:5px;  }
#iframe {width: 380px; height:585px; float:right; margin-top:5px; background-color:#000000; overflow:auto;}
#ifbody {width:360px; }
.cap {color:#FFFFFF; font-size:12px; text-align:right; margin:5px 15px 10px; } 
.vimg {padding:0 15px; } 


/*ライブカメラ*/
#thumbnail {width:150px; float:left; height:500px; }
#thumbnail ul { list-style:none; width:140px; margin-bottom:25px; }
#thumbnail li { display:inline; float: left; width: 60px; height:70px; padding-left:10px; font-size: 92%; line-height: 130%; font-weight: normal; font-variant: normal; }

#thumbnail2 {width:740px; height:190px;  }
#thumbnail2 ul { list-style:none; width:640px; margin:0 auto;}
#thumbnail2 li { display:inline; float: left; width: 80px; height:90px; padding-left:11px; font-size: 92%; line-height: 130%; font-weight: normal; font-variant: normal; }
.main2 {clear:both;}

.main1 {width: 570px; text-align:center; height:490px; float:left; padding-left:10px; } 
.date { font-size:11pt; text-align:right; color:#FFFFFF; width:732px; height:17px; padding:3px; font-weight:800; }
.date2 { font-size:11pt; text-align: center; color:#FFFFFF; background:#0066CC; height:17px; padding:3px; font-weight:800; }
#back {clear:both; height:140px; padding-top:15px; padding-bottom:15px;}
#back ul {list-style-type:none; margin:15px 0; height:50px; }
#back li { display:inline; float:left; padding-left: 13px; }