@import "Design3Comm.css";

/*******************************
* 大枠
*******************************/
div#content
{
	width:776px;
	margin-left:10px;
	_margin-left:5px;
	float:left;
}

div#side
{
	margin-top:146px;
	width:185px;
	margin-right:10px;
	_margin-right:5px;
	float:right;
}

div#upper
{
	width:776px;
}

div#upperLeft
{
	width:562px;
	float:left;
	/*margin-top:44px;*/
}
div#upperRight
{
	position:relative;
	width:206px;
	float:right;
}

div#upperLeftLeft
{
	width:206px;
	float:left;
}
div#upperLeftRight
{
	width:348px;
	float:right;
}
div#bottom
{
	margin-top:8px;
	width:776px;
}
div#bottomLeft
{
	width:206px;
	float:left;
}
div#bottomRight
{
	width:562px;
	float:right;
}


/*******************************
* 各エリア
*******************************/
div#upperLeftLeft div.boxList
{
	width:204px;
	border:solid 1px #CDCDCF;
	background-color:#F3F3F1;
}
/*新着HP*/
div#myHp
{
	width:206px;
}
div#myHp div.kirikae
{
	margin-top:10px;
	text-align:center;
}
div#myHpFloor
{
	background:url(common/images/top3/borderNewHp.gif) no-repeat center top;
	text-align:center;
	padding:10px 0 5px 0;
}
div#myHp div#myHpList
{
	height:200px;
	overflow:auto;
	margin-top:10px;
}

/*日記・掲示板*/
div#newinfo
{
	margin-top:10px;
	width:206px;
}
div#newinfo div.boxList
{
	border-bottom:none;
	height:257px;
	overflow:auto;
}
div#newinfo div.boxFoot
{
	border:solid 1px #CDCDCF;
	border-top:none;
	text-align:right;
	background:#F3F3F1 url(common/images/top3/borderNewHp.gif) no-repeat center top;
	padding:10px 5px 10px 0;	
}
div#newinfo div.boxFoot a
{
	background-image:url(common/images/top3/prefix_ya.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:10px;
	font-size:0.8em;
}

div#newinfo div.boxList ul
{
	margin:0 auto;
}

div#newinfo div.boxList li
{
	margin:5px 5px 0 5px;
	padding:4px 0 5px 8px;
	border-top:dashed 1px #444444;
	background-position:left 7px;
}

div#newinfo div.boxList .newinfotop img.floor
{
	float:right;
}

div#newinfo div.boxList .newinfobottom
{
	padding-top:3px;
}

/*巨大カレンダー・マップ・パンフ*/
div.banner
{
	text-align:center;
	margin-top:10px;
}
div.banner h3
{
	font-size:0.8em;
	text-align:center;
}

/*新着お知らせ*/
div#topicsHead
{
	width:348px;
	height:23px;
	background-image:url(common/images/top3/tabTopics.gif);
	background-repeat:no-repeat;
	background-position:center 0px;
	overflow:hidden;
}
div#topicsMain
{
	width:346px;
	border:solid 1px #CDCDCF;
	background-color:#FFF9DF;
}
div.rss
{
	text-align:right;
	padding-right:5px;
}
div#topics div.topicsImg
{
	margin:3px auto 0px;
}
div#topics div.topicsImg table
{
	margin:0 auto;
}
div#topics div.topicsImg table td
{
	width:145px;
	padding:3px;
	overflow:hidden;
	text-align:center;
}

div#topics div.topicsImg table.ImageCentering
{
	width:auto;
	padding:0;
	height:102px;
}

div#topics div.topicsImg  img.topicsImage
{
	border:solid 2px #E3E3E3;
}

div#topics div.topicsImg .topicsTitle
{
	font-size:0.8em;
	margin-top:5px;

}

div#topicsMain div.topicsDiv
{
    position:relative;
    height:612px;
    display:none;
    overflow:auto;
}

div#topicsMain ul
{
	margin-top:15px;
	line-height:115%;
}
div#topicsMain li
{
	color:#666666;
	font-size:0.8em;
	margin-left:20px;
	padding-left:7px;
	position:relative;
	background:url(common/images/top3/preYagray.gif) no-repeat left 3px;
	width:295px;
} 
div#topicsMain li a
{
}
div#topicsMain li .divfurl
{
	position:absolute;
	display:block;
	left:-15px;
	top:3px;
}

div#topicsMain span.date
{
	color:#666666;
	font-size:small;
}

/*マイホームページ検索*/
div#myHpKijiSearch
{
	background:url(common/images/top3/bgSearch.gif) no-repeat left top;
	width:395px;
	position:absolute;
	top:0px;
	left:0px;
	padding:7px 7px 3px 7px;
	overflow:hidden;
	height:130px;
}
div#myHpKijiSearch span
{
	font-size:13px;
	padding-top:4px;
	padding-left:30px;
}


/*週間カレンダー*/
div#calendar
{
	width:206px;
	position:absolute;
	top:146px;
	left:0px;
}
div#calendar div.boxList
{
	width:204px;
	border:solid 1px #CDCDCF;
	background-color:#F3F3F1;
	height:464px;
	overflow:auto;
	border-bottom:none;
}
div#calendar div.boxList li
{
	background-image:url(common/images/top3/preCal.gif);
	padding-left:12px;
}
div#calendar div.boxList h3
{
	background-color:#CFEEFF;
	padding:5px;
}
div#calendar div.boxList ul
{
	margin:3px 0;
}
div#calendar div.boxFoot{
	border:solid 1px #CDCDCF;
	border-top:none;
	text-align:right;
	background:#F3F3F1 url(common/images/top3/borderNewHp.gif) no-repeat center top;
	padding:10px 5px 10px 0;	
}
div#calendar div.boxFoot a
{
	background-image:url(common/images/top3/prefix_ya.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:10px;
	font-size:0.8em;
}

/*会員ログイン・登録*/
div#member
{
	padding-top:5px;
	width:185px;
	background:#CFEEFF;
	padding-bottom:5px;
}
div#login
{
	margin:5px 5px 0 5px;
	padding-bottom:3px;
	border:solid 1px #CDCDCF;
	background:#F3F3F1;
	position:relative;
}
div#login h3,div#memberEntry h3
{
	text-align:center;
	font-size:0.8em;
	margin:3px;
	background:#EEEEF0;
}
div.loginForm
{
	font-size:0.8em;
	margin:5px;
}
p.loginButton
{
	text-align:center;
	margin:5px;
}
p.checkbox
{
	margin:5px 0;
	font-size:0.8em;
}
div#passget
{
	font-size:0.8em;
	text-align:center;
}

div#memberEntry
{
	margin:5px 5px 0 5px;
	padding-bottom:3px;
	border:solid 1px #CDCDCF;
	background:#F3F3F1;
	text-align:center;
}
div.loginok
{
	text-align:center;
	margin:10px 0;
}

div.loginok a
{
	margin:5px 0;
	font-size:0.8em;
}

div#loginerrmsg
{
	color:#FF0000;
	font-size:small;
	text-align:center;
	position:absolute;top:20px;left:0px;
	background:#CCCCCC;
	padding:5px;
	width:160px;
	height:168px;
	border:solid 1px #FFFFFF;
}
div#loginerrmsg2
{
	color:#FF0000;
	font-size:small;
	text-align:center;
	position:absolute;top:205px;left:15px;
	background:#CCCCCC;
	padding:5px;
	width:160px;
	height:125px;
	border:solid 1px #FFFFFF;
}
div#memberlogin
{
	font-size:0.8em;
	text-align:center;
	margin:10px 0;
}

/*活用システム更新情報・センターからのお知らせ*/
div#katsuyo,div#centerOshirase
{
	margin-top:5px;
	width:183px;
	background:#F3F3F1;
	border:solid 1px #CDCDCF;
}

div#katsuyo h3,div#centerOshirase h3
{
	background:#EFEFF1 url(common/images/top3/preInfo.gif) no-repeat center left;
	padding-left:20px;
	font-size:13px;
	text-align:center;
	margin:3px;
	padding:2px;
}
div#katsuyo div.boxList
{
	height:150px;
	width:auto;
	overflow:auto;
}

div#centerOshiraseMain
{
	padding:3px;
	overflow:hidden;
	height:90px;
}

div#centerOshiraseMain div.cwaku ul
{
	line-height:115%;
}
div#centerOshiraseMain div.cwaku ul li
{
	font-size:0.8em;
	list-style:none;	
	background-image:url(common/images/top2/prefix_top.gif);
	background-repeat:no-repeat;
	background-position:left 3px;
	margin-left:6px;
	padding-left:7px;
}

div#centerOshiraseMain p.nodata
{
	color:#666666;
	font-size:0.8em;
	background-image:url(common/images/top2/prefix_top.gif);
	background-repeat:no-repeat;
	background-position:left center;
	margin-left:6px;
	padding-left:7px;
	line-height:115%;
}

div#centerOshiraseMainRight
{
	font-size:0.8em;
	padding:3px;
	text-align:right;
	margin-right:10px;
}

div#centerOshiraseMainRight a
{
	background-image:url(common/images/top2/prefix_ya.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:11px;
}

/*センターからのお知らせ（新着）*/
div#newCenterOshirase div.cwaku ul
{
	line-height:115%;
}

div#newCenterOshirase div.cwaku li
{
	font-size:small;
	list-style:none;
}

/*アクセスランキング*/
div#accessRanking
{
	margin-top:8px;
	width:185px;
	overflow:hidden;
}
div#accessRanking div.boxList
{
	border:solid 1px #CDCDCF;
	border-top:none;
	background-color:#FFFFFF;
	font-size:0.9em;
	height:406px;
	overflow:auto;
	width:183px;
}
div#accessRanking p.rankMsg
{
	width:100%;
	text-align:center;
	color:#13007B;
	display:block;
	padding:4px 0;
	font-size:12px;
}
div#accessRanking li
{
	margin:0;
	padding:0;
	display:block;
	clear:both;
	background:none;
	width:auto;
	margin-left:2px;
}
div#accessRanking li div
{
	width:20px;
	text-align:right;
	float:left;
	margin-top:1px;
}
div#accessRanking li div.rank1,div#accessRanking li div.rank2,div#accessRanking li div.rank3
{
	font-size:1px;
}
div#accessRanking li div.rank1
{
	background:url(common/images/top3/preAccessRank1.gif) no-repeat left center;
}
div#accessRanking li div.rank2
{
	background:url(common/images/top3/preAccessRank2.gif) no-repeat left center;
}
div#accessRanking li div.rank3
{
	background:url(common/images/top3/preAccessRank3.gif) no-repeat left center;
}

div#accessRanking li p
{
	padding-left:5px;
	width:128px;
	float:left;
}
div#accessRanking li p span.nickName
{
	display:block;
	color:#6F6F6F;
}


/*汎用*/

li.nodata,p.nodata
{
	margin:10px;
	font-size:0.8em;
}

div.boxList ul
{
	line-height:115%;
}

div.boxList li
{
	color:#666666;
	background-image:url(common/images/top3/preYagray.gif);
	background-repeat:no-repeat;
	background-position: left 3px;
	padding-left:7px;
	margin-left:8px;
	font-size:0.8em;
}