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

/***********************************************************/
/*レイアウトのスタイル（共通）*/
/***********************************************************/

*{
	margin:0;
	padding:0;	
}

h1, h2{
    font-size: 100%; 
    font-weight: normal;
}
ol, ul{
    list-style:none;
}
fieldset, img{
     border:0;
}
a{ text-decoration: none; outline:none;}
table{
    border-collapse: collapse; 
    border-spacing:0;
}

body {
	color:#333333;
	font-size:13px;
	line-height	: 1.3em;
	height:100%;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
}


p 	{ margin: 0 0 10px; line-height: 1.5em;}

img{vertical-align:bottom;border:none;}


/***********************************************************/
/*ブログパーツ*/
/***********************************************************/


#weather-blogparts{
	max-width:238px;
	min-width:178px;
	text-align:center;
	border: 1px solid #dedede;
	/*background:url(../img/blog/bg_03.jpg) repeat-x top  #f2ebd0;*/
	/*background:url(../img/blog/bg_02.jpg) repeat-x top ,linear-gradient(to bottom,  #ffffff 30%,#f2ebd0 100%);*/
	/*background:url(../img/blog/bg_02.jpg) repeat-x top , -ms-linear-gradient(top,  #ffffff 0%,#f2ebd0 100%); *//* IE10+ */
	/*background:url(../img/blog/bg_02.jpg) repeat-x top , -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2ebd0)); *//* Chrome,Safari4+ */
	/*background:url(../img/blog/bg_02.jpg) repeat-x top , -webkit-linear-gradient(top,  #ffffff 0%,#f2ebd0 100%);*/ /* Chrome10+,Safari5.1+ */

}

#weather-blogparts .head{
	padding:5px;
	background:#CC5711;
	/*margin-bottom:10px;*/


}
#weather-blogparts .head img{
	margin-bottom:4px;
	min-width:170px;
	max-width:230px;
	width:100%;
}
#weather-blogparts .head span{
	font-weight:bold;
	color:#FFF;
}


#weather-blogparts .foot{
	clear:both;
    background: url("../img/blog/bg_footer.gif") repeat-x scroll left top #FFFFFF;
	padding:9px 4px 6px;
	font-size:9px;
	line-height:1.1;
}

#weather-blogparts .blog-container{
	background:url(../img/blog/bg_03.jpg) repeat-x top  #f2ebd0;
	padding:10px 0;
}

.tbl-area{
	padding:0 5px 7px;
}

#weather-blogparts #city-name{
	font-size:14px;
	font-weight:bold;
}
#weather-blogparts #city-name a{
	color:#333333;
	text-decoration:underline;
}



#weather-blogparts .tbl-weather{
	border-spacing: 0;
    border: 1px solid #9ABFD1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 1px 1px #CCC;
	-moz-box-shadow:0 1px 1px #CCC;
    -webkit-box-shadow:0 1px 1px #CCC;
    -o-box-shadow:0 1px 1px #CCC;
    -ms-box-shadow:0 1px 1px #CCC;
	border-collapse: separate;
	background:#FFF;
}

#weather-blogparts .tbl-weather th{
    padding:5px;
	border-top:solid 1px #eeeeee;
    border-bottom:solid 1px #9ABFD1;
    border-right:solid 1px #9ABFD1;
	width:50px;
}
#weather-blogparts .tbl-weather td{
    padding:5px;
	border-top:solid 1px #eeeeee;
    border-bottom:solid 1px #9ABFD1;
    border-left:solid 1px #eeeeee;
}

#weather-blogparts .tbl-weather td .left{
	clear:both;
	float:left;
	width:40%;
	text-align:center;
}

#weather-blogparts .tbl-weather td .left img{
display:block;
margin:auto;
}

#weather-blogparts .tbl-weather td .right{
	float:right;
	width:60%;
}


#weather-blogparts .tbl-weather td img{
	margin-right:20px;

}

#weather-blogparts .tbl-weather .high_temp{
	line-height:1.2;
	font-weight:bold;
	color: #EE3113;
}

#weather-blogparts .tbl-weather .low_temp{
	line-height:1.2;
	font-weight:bold;
	color: #4187DD;
}

#weather-blogparts .tbl-weather .prob_rain{
	line-height:1.2;
	color:#333;
}

/* -----------------------
  左上角丸　最初の行の最初のセル
----------------------- */
#weather-blogparts .tbl-weather tr:first-child th:first-child,
#weather-blogparts .tbl-weather tr:first-child td:first-child {
    -webkit-border-radius: 4px 0 0 0;
       -moz-border-radius: 4px 0 0 0;
         -o-border-radius: 4px 0 0 0;
            border-radius: 4px 0 0 0;
			/*background:#060;*/
}
/* -----------------------
  右上角丸　最初の行の最後のセル
----------------------- */
#weather-blogparts .tbl-weather tr:first-child th:last-child,
#weather-blogparts .tbl-weather tr:first-child td:last-child {
    -webkit-border-radius: 0 4px 0 0;
       -moz-border-radius: 0 4px 0 0;
         -o-border-radius: 0 4px 0 0;
            border-radius: 0 4px 0 0;
			/*background:#096;*/
}
/* -----------------------
  左下角丸　最後の行の最初のセル
----------------------- */
#weather-blogparts .tbl-weather tr:last-child th:first-child,
#weather-blogparts .tbl-weather tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 4px;
       -moz-border-radius: 0 0 0 4px;
         -o-border-radius: 0 0 0 4px;
            border-radius: 0 0 0 4px;
			/*background:#F90;*/
}/**/
/* -----------------------
  右下角丸　最後の行の最後のセル
----------------------- */
#weather-blogparts .tbl-weather tr:last-child th:last-child,
#weather-blogparts .tbl-weather tr:last-child td:last-child {
    -webkit-border-radius: 0 0 4px 0;
       -moz-border-radius: 0 0 4px 0;
         -o-border-radius: 0 0 4px 0;
            border-radius: 0 0 4px 0;
			/*background:#000;*/
}

/*-----------------------------------------------
	ブログパーツ
-----------------------------------------------*/

#weather-blogparts .wrap{
	position:relative;
	/*margin:0 0 5px 0;*/
	height:210px;
}

#weather-blogparts .wrap-inner{
	width:160px;
	position:relative;
	margin:0 auto;
	height:209px;
	text-align: left;
}

/* ナビゲーション部分 */
#navi { position:absolute; height:42px; /*left:9px; */font-size:11px; text-align:center; margin:auto; margin-bottom:5px; overflow:hidden;}
#navi_img { width:900px;}
#navi_img a { display:block; width:40px; height:40px; border:1px solid #CCC;}
#navi_img img { border:none;}
#navi_img li { float:left; list-style:none; margin-right:3px; overflow:hidden;}
/* 画像の前後移動 */
#prev, #next, #navi_prev, #navi_next { display:block; width:7px; position:absolute;text-indent:-9999px;}
#prev, #next { top:50px;  height:160px; }
#navi_prev, #navi_next { height:40px}
#navi_prev { background:url(../img/blog/scroll-left.gif) no-repeat center; left:0; top:0;}
#navi_next { background:url(../img/blog/scroll-right.gif) no-repeat center; right:0; top:0;}
#slideshow { 
	position:absolute; 
	top:48px;
	width:160px; 
	height:160px; 
	/*margin-left:auto; 
	margin-right:auto; */
	/*left:10px;*/
	background-color:white;}
#slideshow a { display:block; height:158px; width:158px; border:1px solid #999; background-color:transparent;}
.pic { height:160px; width:160px; text-align:center;}
.pic h3 {font-size:11px; }
.pic p { font-size:9px; }

#next{
	background:url(../img/blog/arrow_r.png) no-repeat center center ;
	position:absolute;
	width:13px;
	right:0;
	z-index:9999;
}

#prev{
	background:url(../img/blog/arrow_l.png) no-repeat -3px center;
	position:absolute;
	width:13px;
	left:0;
	z-index:9999;
}