@charset "UTF-8";
/*
Theme Name: minamisinsyu otenki css
Theme URI: http://otenki.ii-s.org/
Description: 南信州お天気ナビCSS.
Version: 1.0
Author: 南信州お天気ナビ
Author URI:http://otenki.ii-s.org/
*/

/* CSS Document */

body {
margin:0;
padding:20px 0;
background:#FFFFFF;
text-align:center;
}
.contents {
clear:both;
position:relative;
width:777px;
margin:0 auto;
text-align:left;
}
.main {
float:left;
width:495px;
padding-left:10px;
left:0;
}
.side {
width:225px;
margin-left:540px;
}
/* 全体
----------------------------- */

/* ヘッダー */
h1 {
width:777px;
height:263px;
background:url(../img/cover.jpg) no-repeat top left;
text-indent:-9999em;
padding:0;
margin:0;
}
h1 a {
width:777px;
height:263px;
display:block;
text-decoration:none;
}
.navbar {
padding:0;
width:777px;
position:absolute;
top:232px;
left:0px;
}
/* メニュー */
#menu {
width:777px;
height:31px;
margin:0;
outline:none;
}
#menu ul {
margin:0;
padding:0;
list-style: none;
}
#menu li {
float:left;
margin: 0;
padding: 0;
text-indent:-9999px;
}
#menu li a {
margin:0;
padding:0;
text-decoration: none;
display: block;
}
/* --------- */
#menu li#allmenu01 {
margin:0;
padding:0;
width:194px;
height:31px;
background:url(../img/menu.jpg) no-repeat 0px 0px;
}
#menu li#allmenu01 a {
margin:0;
padding:0;
width:194px;
height:31px;
background:url(../img/menu.jpg) no-repeat 0px 0px;
}
#menu li#allmenu01 a:hover{
margin:0;
padding:0;
width:194px;
height:31px;
background:url(../img/menu.jpg) no-repeat 0px -30px;
}
/* --------- */
#menu li#allmenu02 {
margin:0;
padding:0;
width:194px;
height:31px;
background:url(../img/menu.jpg) no-repeat -194px 0px;
}
#menu li#allmenu02 a {
margin:0;
padding:0;
width:194px;
height:31px;
background:url(../img/menu.jpg) no-repeat -194px 0px;
}
#menu li#allmenu02 a:hover{
margin:0;
padding:0;
width:194px;
height:31px;
background:url(../img/menu.jpg) no-repeat -194px -30px;
}
/* --------- */
#menu li#allmenu03 {
margin:0;
padding:0;
width:194px;
height:31px;
background:url(../img/menu.jpg) no-repeat -388px 0px;
}
#menu li#allmenu03 a {
margin:0;
padding:0;
width:194px;
height:31px;
background:url(../img/menu.jpg) no-repeat -388px 0px;
}
#menu li#allmenu03 a:hover{
margin:0;
padding:0;
width:194px;
height:31px;
background:url(../img/menu.jpg) no-repeat -388px -30px;
}
/* --------- */
#menu li#allmenu04 {
margin:0;
padding:0;
width:194px;
height:31px;
background:url(../img/menu.jpg) no-repeat -582px 0px;
}
#menu li#allmenu04 a {
margin:0;
padding:0;
width:194px;
height:31px;
background:url(../img/menu.jpg) no-repeat -582px 0px;
}
#menu li#allmenu04 a:hover{
margin:0;
padding:0;
width:194px;
height:31px;
background:url(../img/menu.jpg) no-repeat -582px -30px;
}
/* 観測情報
----------------------------- */
#m-nikki {
height:88px;
margin:0;
padding:0;
background:url(../img/title-mnikki.gif) no-repeat center left;
}
#m-nikki p {
margin:5px 0 0 145px;
padding:5px 0 0 15px;
color:#333333;
border:none;
text-decoration:none;
background:url(../img/mark.jpg) no-repeat center left;
}
#m-nikki p a {
color:#333333;
display:block;
text-decoration:none;
}


/* 
----------------------------- */
h2 {
margin:10px 0 5px 0;
padding:4px 0 3px 7px;
border-left:#999999 solid 5px;
font-size:14px;
color:#333333;
font-weight:600;
}
.red {
color:#CC0000;
}
.contents p {
margin:0;
padding:5px 5px 5px 10px;
color:#333333;
font-size:14px;
line-height:145%;
}
.contents p a {
margin:0;
padding:0
font-size:14px;
color:#0066CC;
line-height:145%;
text-decoration:none;
}
.contents p a:hover{
margin:0;
padding:0;
font-size:14px;
color:#FF9933;
line-height:145%;
}
#mark {
margin:0;
padding:0 15px;
background:url(../img/mark.jpg) no-repeat center left;
}
.new {
display:none;
color:#FF0000;
font-size:10px;
}
/* 観測情報
----------------------------- */
.news {
margin:20px 0;
padding:0 4px;
border:#CCCCCC solid 1px;
background:url(../img/back-dateimage.jpg) no-repeat bottom right;
}
.newsbox {
width:auto;
position:relative;
clear:both;
}
.newsitem {
float:left;
width:80px;
}
.newsdate {
margin-left:80px;
}
.news h2 {
width:485px;
height:29px;
margin:5px 0;
padding:5px 0;
background:url(../img/title-kansoku.gif) no-repeat center left;
text-indent:-9999em;
border:none;
}
.news p {
margin:0;
padding:5px 5px 5px 10px;
color:#666666;
font-size:14px;
line-height:125%;
}
.news p a {
font-size:14px;
}
.news p a:hover {
font-size:14px;
}
.kansoku {
margin:20px 0;
}
.kansoku h3 {
clear:both;
margin:10px 0 0 0;
padding:5px 5px 5px 10px;
font-size:16px;
color:#CC6600;
line-height:100%;
font-weight:normal;
background:#FFFFCC;
border-left:#FFCC66 solid 7px;
}
#kansoku-catebox {
width:450px;
position:relative;
clear:both;
margin:0;
padding:0;
}
#kansoku-cate {
float:left;
width:200px;
margin:0;
padding:5px 10px;
}
#kansoku-cate p {
margin:0;
padding:5px 0 5px 18px;
background:url(../img/title-kansoku-mark.gif) no-repeat center left;
}
#kansoku-cate p a {
color:#CC6600;
}
#kansoku-cate p a:hover {
color:#FF9900;
}
span.sm {
font-size:10px;
color:#999999;
padding:0 0 0 10px;
}
#kansoku-date h4 {
width:75px;
height:29px;
margin:0;
padding:0;
background:url(../img/title-kansoku-date.gif) no-repeat;
text-indent:-9999em;
}
#kansoku-date-new {
clear:both;
}
#kansoku-date-new h4 {
width:75px;
height:29px;
margin:0;
padding:0;
background:url(../img/title-kansoku-new.gif) no-repeat;
text-indent:-9999em;
}
/* 気象エッセイ
----------------------------- */
.essay {
margin:20px 0;
}
.essay h2 {
width:491px;
height:66px;
margin:5px 0;
padding:5px 0;
background:url(../img/title-kisetu.gif) no-repeat center left;
text-indent:-9999em;
border:none;
}
.essay h2 a {
width:491px;
height:66px;
display:block;
text-decoration:none;
}
.essay h3 {
clear:both;
margin:10px 0 0 0;
padding:5px 5px 5px 10px;
font-size:16px;
color:#000000;
line-height:100%;
font-weight:normal;
background:#FFCCCC;
border-left:#FF9999  solid 7px;
}
.essay h3 a {
color:#333333;
text-decoration:none;
}
.date p {
width:250px
margin:0;
padding:10px 60px;
color:#660000;
text-align:right;
background:url(../img/icon-otenki.jpg) no-repeat center right;
}
.continue p{
width:auto;
margin:0;
padding:0 20px;
font-size:14px;
text-align:right;
color:#0066CC;
}
.continue p a {
font-size:14px;
color:#0066CC;
text-decoration:none;
}
.continue p a:hover {
font-size:14px;
color:#FF9933;
}
/* コメントトラバ */
#ctb {
clear:both;
position:relative;
margin:5px 0 25px 10px;
overflow: hidden;
}
#ctb:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #ctb {
    height: 1em;
    overflow: visible;
}
/**/
#ctbdate p {
margin:5px 0;
padding:0 0 0 15px;
font-size:12px;
color:#666666;
}
#ctbdate p a {
font-size:12px;
color:#666666;
}
#ctbdate p a:hover {
font-size:12px;
color:#FF9933;
}
#ctbform p {
width:453px;
height:59px;
margin:0;
padding:0;
background:url(../img/bot-kanren.jpg) no-repeat 0 1px;
text-indent:-9999em;
}
#ctbform a {
width:453px;
height:59px;
margin:0;
padding:0;
background:url(../img/bot-kanren.jpg) no-repeat 0 1px;
display:block;
text-decoration:none;
}
.main img {
float:left;
margin:0 15px 5px 2px;
border:none;
}
#bk-top {
clear:both;
position:relative;
float:right;
width:100px;
height:25px;
margin:0;
padding:0;
background:url(../img/bk-top.gif) no-repeat;
text-indent:-9999em;
}
#bk-top a {
width:100px;
height:25px;
margin:0;
padding:0;
background:url(../img/bk-top.gif) no-repeat;
display:block;
text-decoration:none;
}
#essay-catebox {
width:430px;
position:relative;
clear:both;
margin:5px 0;
padding:5px 20px;
border:#CCCCCC solid 1px;
}
#essay-cate {
margin:0;
padding:5px 0 5px 18px;
background:url(../img/title-essay-mark.gif) no-repeat center left;
}
#essay-cate a {
color:#CC6600;
}
#essay-cate a:hover {
color:#FF9900;
}
span.sm {
font-size:10px;
color:#999999;
padding:0 0 0 10px;
}
#catetitle {
background:none;
}
/* 関連情報 
----------------------------- */
.kanren h2 {
width:491px;
height:66px;
margin:5px 0;
padding:5px 0;
background:url(../img/title-kanren.gif) no-repeat center left;
text-indent:-9999em;
border:none;
}
.kanren h2 a {
width:491px;
height:66px;
display:block;
text-decoration:none;
}
.kanren ul {
width:450px;
margin:0;
padding:0;
list-style:none;
}
.kanren li {
margin:5px 0 5px 10px;
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;
}
.kanren h3 {
width:150px;
height:38px;
margin:0;
padding:0;
background:url(../img/title-kanren-a.gif) no-repeat center left;
text-indent:-9999em;
border:none;
}
#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;
}
/* サイド
----------------------------- */
div.yw {
width:225px;
height:63px;
margin:5px 0;
padding:0;
background:url(../img/yw.jpg) no-repeat left;
text-indent:-9999em;
}
.yw a {
width:225px;
height:63px;
margin:5px 0;
padding:0;
text-indent:-9999em;
text-decoration:none;
display:block;
}
div.rss {
width:225px;
height:50px;
margin:5px 0;
padding:0;
background:url(../img/rss.jpg) no-repeat left;
text-indent:-9999em;
}
.rss a {
width:225px;
height:50px;
margin:5px 0;
padding:0;
text-indent:-9999em;
text-decoration:none;
display:block;
}
div.m-navi{
width:225px;
height:133px;
margin:5px 0;
padding:0;
background:url(../img/m-navi.jpg) no-repeat left;
text-indent:-9999em;
}
.m-navi a {
width:225px;
height:133px;
margin:5px 0;
padding:0;
text-indent:-9999em;
text-decoration:none;
display:block;
}
div.about {
width:225px;
background:url(../img/back-about.jpg) no-repeat bottom left;
}
.about p {
padding:0 0 120px 0;
color:#333333;
font-size:12px;
line-height:145%;
}
.about p a {
font-size:12px;
color:#3366CC;
}
.about p a:hover {
font-size:12px;
color:#FF9900;
}
/* カテゴリ */
#subcon ul {
margin:0;
padding:0;
list-style:none;
}
#subcon li {
margin:0;
padding:0;
text-indent:-9999px;
}
#subcon li#subcon143 {
width:225px;
height:79px;
margin:0;
padding:0;
background:url(../img/cate-sp.jpg) no-repeat center left;
}
#subcon li#subcon143 a {
width:225px;
height:79px;
margin:0;
padding:0;
background:url(../img/pub/cate-sp.jpg) no-repeat center left;
display:block;
text-decoration:none;
}
#subcon li#subcon140 {
width:225px;
height:76px;
margin:0;
padding:0;
background:url(../img/cate-su.jpg) no-repeat center left;
}
#subcon li#subcon140 a {
width:225px;
height:76px;
margin:0;
padding:0;
background:url(../img/cate-su.jpg) no-repeat center left;
display:block;
text-decoration:none;
}
#subcon li#subcon141 {
width:225px;
height:74px;
margin:0;
padding:0;
background:url(../img/cate-au.jpg) no-repeat center left;
}
#subcon li#subcon141a {
width:225px;
height:74px;
margin:0;
padding:0;
background:url(../img/cate-au.jpg) no-repeat center left;
display:block;
text-decoration:none;
}
#subcon li#subcon142 {
width:225px;
height:71px;
margin:0;
padding:0;
background:url(../img/cate-wi.jpg) no-repeat center left;
}
#subcon li#subcon142 a {
width:225px;
height:71px;
margin:0;
padding:0;
background:url(../img/cate-wi.jpg) no-repeat center left;
display:block;
text-decoration:none;
}
/* フッター
----------------------------- */
.footer {
clear:both;
position:relative;
margin:20px 0;
padding:10px 0;
}
address {
width:777px;
background:#003399;
font-size:12px;
color:#006699;
padding:5px;
text-align:right;
}
#como {
float:left;
margin:5px;
color:#666666;
font-size:10px;
}
#como a {
color:#666666;
font-size:10px;
}
/* フッターナビ */
#fnavi {
float:right;
width:200px;
height:22px;
margin:12px 0 5px 0;
}
#fnavi ul {
margin:0;
padding:0;
list-style: none;
}
#fnavi li {
float:left;
margin: 0;
padding: 0;
text-indent:-9999px;
}
#fnavi li a {
margin:0;
padding:0;
text-decoration: none;
display: block;
}
#fnavi li#fnavi01 {
width:78px;
height:22px;
margin:0;
padding:0;
background:url(../img/pub/fnavi.gif) no-repeat 0 0;
}
#fnavi li#fnavi01 a {
width:78px;
height:22px;
margin:0;
padding:0;
background:url(../img/pub/fnavi.gif) no-repeat 0 0;
}
#fnavi li#fnavi02 {
width:100px;
height:22px;
margin:0;
padding:0;
background:url(../img/pub/fnavi.gif) no-repeat -78px 0;
}
#fnavi li#fnavi02 a{
width:100px;
height:22px;
margin:0;
padding:0;
background:url(../img/pub/fnavi.gif) no-repeat -78px 0;
}


/* お問い合わせ */
p#contact {
	position:absolute;
	margin:0;
	padding:0;
	color:#999999;
	line-height:135%;
	font-size:12px;
	text-align:left;
	text-indent:15px;
	background:url(../img/icon-yaji.gif) no-repeat 0 2px;
	display:block;
	left: 687px;
	top: -18px;
}
p#contact a {
margin:0;
padding:0;
color:#999999;
line-height:135%;
font-size:12px;
display:block;
}
p#contact a:hover {
margin:0;
padding:0;
color:#FF9933;
line-height:135%;
font-size:12px;
display:block;
}