@import "./sm_common.css";
@import "./sm_content_menu.css";
@import "./sm_banner.css";





/****************************** 一般タグ ******************************/
body{
	margin:0px;
	padding:0px;
}

.ui-content{
	padding:15px 15px 0px;
}






/************************* トップ部 *************************/
#t_header{
	margin:0px;
	padding:0px;
	color:black;
	text-shadow:none;
	background:white;
}

#TopLogo{
	padding:1px 0px;
	text-align:center;
	vertical-align:middle;
	background:white;
}

#TopLogo img{
	width:150px;
	margin:0px;
	padding:0px;
	border:0px;
	background:white;
}

#TopLogoSide{
	margin:1px 0px;
	padding:2px 0px;
	text-align:center;
	vertical-align:middle;
	background:white;
}

#TopLogoSide ul{
	margin:3px 0 0;
	padding:0px;
	width:95%;
	height:20px;
}

#TopLogoSide ul li{
	padding:0px 5px;
	width:95%;
	height:20px;
}

#TopLogoSide ul li a{
	padding:2px 0 0;
	height:20px;
	text-align:center;
}


/*** 天気予報 ***/
#TopWeather{
	margin:1px;
	background:#E4F1FF;
	background: -webkit-gradient(linear,left top,left bottom,from(#E4F1FF),color-stop(0.5,#EEEEEE),to(#E4F1FF));
	background: -moz-linear-gradient(top,#E4F1FF,#EEEEEE,#E4F1FF);
}

#TopWeather a{
	color:#333333;
	font-size:small;
	text-decoration:none;
}

#TopWeather img{
	border:1px dashed gray;
	padding:1px;
	width:25px;
	background:white;
	vertical-align:bottom;
}

/*** きょうは何の日 ***/
#KoyomiDetail{
	margin:1px 0px 0px;
	padding:1px 5px;
	width:100%;
	font-size:small;
	color:white;
	background:#555555;
	background: -webkit-gradient(linear,left top,left bottom,from(#555555),color-stop(0.3,#777777),to(#333333));
	background: -moz-linear-gradient(top,#555555,#777777,#333333);
}





/****************************** トップ・ページ部 ******************************/
#TopPage{
	margin:-10px auto 0px;
}

.TopSection{
	margin:20px 0px;
}

.TopSection ul{
	margin:0px;
	padding:0px;
}

.TopSection ul li a{
	height:auto;
}

/*** 見出し「ニュース速報」 ***/
.SectionMidashi{
	margin:0px -15px;
	padding:3px 0px;
	font-size:100%;
	text-indent:1em;
	text-shadow:0px 0px 5px black;
	color:white;
	border-top:1px solid #456F9A;
	border-bottom:1px solid #5F88B0;
	background:#7DA4CB;
	background: -webkit-gradient(radial,right top,0,right top,110,from(#FFFFFF),color-stop(35%,#7DA4CB),color-stop(40%,#456F9A),color-stop(70%,#7DA4CB),color-stop(75%,#456F9A),to(#7DA4CB));
}





/****************************** トップ・記事リスト部 ******************************/
#kennai ul,#zenkoku ul,#rank ul,#douga ul{
}

#kennai ul li,#zenkoku ul li,#rank ul li,#douga ul li{
	height:80px;
}

#kennai ul li a,#zenkoku ul li a,#rank ul li a,#douga ul li a{
	width:auto;
}

#kennai ul li figure,#zenkoku ul li figure,#douga ul li figure{
	float:left;
	margin:0px;
	padding:2px 0px 2px 5px;
	height:76px;
	text-align:center;
	line-height:76px;
}

#kennai ul li figure img,#zenkoku ul li figure img,#douga ul li figure img{
	max-width:50px;
	max-height:50px;
	vertical-align:middle;
	border:1px solid #333333;
}

#rank ul li a img.ui-li-icon{
	max-width:25px;
	max-height:25px;
	margin:10px 0px 10px 0px;
}

#kennai ul li h3,#zenkoku ul li h3,#rank ul li h3,#douga ul li h3{
	margin:10px 0px 5px;
}

#kennai ul li p,#zenkoku ul li p,#rank ul li p,#douga ul li p{
	margin:0px;
}

/*** ボタン「もっと見る」 ***/
p.MoreList{
	margin:20px auto 5px;
}

p.MoreList a{
	width:auto;
}

/*** 検索窓 ***/
#TopSearch,#SubSearch{
	margin:0px -15px;
	padding:0px;
}

#TopSearch form{
/*	width:100%;	*/
	margin:10px 0px 13px;
	padding:3px;
	background:#EEEEEE;
	border-top:3px solid white;
	border-bottom:3px solid white;
}

#TopSearch label{
	margin:5px 0px;
	padding:0px;
	width:20%;
}

#TopSearch input#KijiSearch{
/*	width:98%;	*/
	color:white;
	font-size:100%;
	font-weight:bold;
}

.ui-br{
border-bottom:0px;
}

p#warning{
	color:#EE0000;
}

/*********************/
/* 写真ニューススクロール*/
/*********************/
/* スクロール部全体をdivで括る */
#scroll_pnews {
	/* required settings */
/*	width: 100%;*/
	height:80px;
	clear:both;
	margin:0;
	padding:0;
}

/* 送りボタンの定義 */

/*
#scroll_pnews a.browse {
	display:block;
	width:20px;
	height:80px;
	float:left;
	margin:0px 0px;
	cursor:pointer;
	font-size:1px;
}
*/

/* 右送りボタン */
/*
#scroll_pnews a.right{
	background:url(/img/special/sp_right.gif) no-repeat;
}
#scroll_pnews a.right:hover{
	background:url(/img/special/sp_right_hover.gif) no-repeat;
}
*/

/* 左送りボタン */
/*
#scroll_pnews a.left{
	background:url(/img/special/sp_left.gif) no-repeat;
} 
#scroll_pnews a.left:hover{
	background:url(/img/special/sp_left_hover.gif) no-repeat;
}
*/


/* 送りボタン不必要なら非表示 */
/*
#scroll_pnews a.disabled {
	visibility:hidden !important;		
} 	
*/

/* スクロール部枠を定義 */
#scroll_pnews .scrollable {
	float:left;	
	position:relative;
	overflow:hidden;
	width: 100%;
	height:80px;
	border-top:1px solid #000374;
	border-bottom:1px solid #000374;
	background:url(/img/special/sp_bg.gif) repeat-x;
	margin:0px;
	padding:0;
}

/* スクロール部内を定義 */
#scroll_pnews .scrollable .items {
	/* this cannot be too large */
	margin:0;
	padding:0;
	width:20000em;
	position:absolute;
	clear:both;
}

#scroll_pnews .scrollable img {
	height:60px;
	margin:0px 0px 0px 0px;
}
#scroll_pnews .scrollable ul {
	margin:0;
	padding:0;
}
#scroll_pnews .scrollable .items .sub{
	margin:1px;
	padding:2px;
	color:#7F0A0A;
	display:block;
	background-color:#ddd;
	font-size:10px;
}
#scroll_pnews .scrollable p {
	float:left;
	width:auto;
	margin:6px 3px 0px 0px;
	padding:0;
}
#scroll_pnews .scrollable a {
	display:block;
	float:left;
	text-align:center;
	margin:0px 3px 3px 8px;
	background-color:#fff;
	padding:3px 3px 2px 3px ;
	border:1px solid #BBB;
	cursor:pointer;
	width:auto;
	height:auto;
	line-height:100%;
	font-size:9px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
/* active item                */
/*.scrollable .active {       */
/*	border:1px solid #173077; */
/*	z-index:9999;             */
/*	position:relative;        */
/*}                           */

#scroll_pnews .scrollable a:hover {
	border:1px solid #000374;
	z-index:9999;
	position:relative;
}