﻿@charset "utf-8";
/*
///////////////////////////////////////////////////////////////////////////////
//
//  スタイルシートシート for 日立市 ( 2008.12.17版 )
//
//  トップページ用
//
////////////////////////////////////////////////////////////////////////////////
*/

@import "common.css";

/****************************************/
/* ヘッダー				*/
/****************************************/
#header {
	margin:0px;
	height:153px;
}
#title {
	margin: 0px;
	height:153px;
}
#search_index {
	margin-top:-156px;
	margin-right:10px;
	padding-top:58px;
}
#search2 {
	margin-right:10px;
}
#searcharea {
}
/*--- マルチリンガル+携帯 ---*/
#guide {
	margin-top:18px;
	margin-right:10px;
	text-align:right;
}
#home_page {
	display:none;
}

/****************************************/
/* コンテンツ枠				*/
/****************************************/
/*--- 共通 ---*/
#main_area {
	padding-left:5px;
	padding-right:5px;
}

/****************************************/
/* 中央コンテンツ			*/
/****************************************/
/*--- 共通 ---*/
.main_contents_title {
	margin-top:5px;
	height:30px;
	padding-left:10px;
	line-height:30px;
	text-decoration:none;
	font-weight:bold;
	color:#103ead;
	font-size:1.1em;
	background:url('../../images/common/item_1bg.gif') repeat-x left top;
	border-right: solid 1px #999999;
	border-left: solid 1px #999999;
}
/*--- 中央枠 ---*/
.table_rect {
	margin-top: 5px;
}
.table_top_bg {
	width:100%;
	height:4px;
	background:url('../../images/common/table_top.gif') repeat-x left top;
}
.table_left_bg {
	height:100%;
	background:url('../../images/common/table_left.gif') repeat-y left top;
}
.table_right_bg {
	width:4px;
	height:100%;
	background:url('../../images/common/table_right.gif') repeat-y right top;
}
.table_bottom_bg {
	width:100%;
	height:4px;
	background:url('../../images/common/table_bottom.gif') repeat-x left top;
}
/*--- できごとから探す ---*/
.life_event {
	margin-bottom:4px;
	margin-left:4px;
	text-align:center
}
#life_event a {
	font-size:0.9em
}
#life_event a:hover {
	color: #CC0000;
}
/*--- 新着情報 ---*/
#news_list {
	margin-top:-25px;
	margin-left:300px;
	padding-left:20px;
	width:100px;
	height:21px;
	line-height:21px;
	vertical-align:middle;
	text-decoration:none;
	background:url('../../images/top/itemlist.gif') no-repeat right -0.8px;
}
#news_box {
	border-left:1px solid #d0d0d0;
	border-right:1px solid #d0d0d0;
	border-bottom:1px solid #d0d0d0;
	padding:4px 0px 0px 4px;
}
#news_window {
	padding-left:3px;
	margin-right:0px;
	height:256px;
	overflow-y:scroll;
}
.news_section {
	font-size:0.8em;
}
.news_headline {
	display:none;
}
.news_date_cell {
	width: 102px;
}
.news_date {
	font-size:0.8em;
	height:16px;
	line-height:16px;
	padding-left:15px;
	background:url('../../images/common/arrow_gray.gif') no-repeat left 2px;
}
/*--- 目的から探す ---*/
.genre_title {
	padding-left:10px;
	padding-right:10px
}
.genre_title a {
	text-decoration:none;
	font-weight:bold;
	font-size:1.2em
}
.genre_detail {
	margin-top:10px;
	margin-left:16px
}

.footer hr {
	display: none;
}
/*--- アクセスカウンター ---*/
#TopPageAccessCounter {
	margin-top:20px;
	text-align:center;
/*	display:none;*/
}
#TopPageAccessCounter label {
	font-family:Century;
	font-weight:bold;
	font-size:1.2em;
	letter-spacing: 1pt;
	color:white;
	background-color:black;
}
#TopPageAccessCounterSub {
	display:none;
}
/*----------------------------------------*/

.msg_board1 {
	margin-top: 5px;
}
.msg_board_topbar {
/*	width:185px;*/
	height:5px;
	line-height:5px;
	font-size:0.0em;
	background:url('../../images/top/topbar_bl.gif') repeat-x left top;
}
.msg_board_title {
/*	width:185px;*/
	height:30px;
	line-height:30px;
	padding-left:30px;
	text-decoration:none;
	font-weight:bold;
	color:#103ead;
	font-size:1.1em;
	background:url('../../images/top/topsidetitle_bl.gif') repeat-x left top;
	border-right: solid 1px #999999;
	border-left: solid 1px #999999;
}
.msg_board_sentence {
/*	width:185px;*/
	padding-left:5px;
	padding-right:5px;
	background-color:#c7e1ff;
	border-right: solid 1px #999999;
	border-left: solid 1px #999999;
}
.msg_board_underbar {
/*	width:185px;*/
	height:5px;
	line-height:5px;
	font-size:0.0em;
	background:url('../../images/top/underbar_bl.gif') repeat-x left top;
}


/*-----------------------------------*/




#searchtitle {
	font-size:1.0em
}

#searcharea {
	background-color:#ffffff
}

#search2 td {
	font-size:0.9em
}



/* ////////// */
/* 広告エリア */
/* ////////// */
#advertisement {
	background: url(../../images/top/ad_bg.gif) repeat-x left top;
	background-color:#ffffff;
	margin-top:10px;
	padding-top: 5px;
	padding-left:20px;
	text-align: center;
}

#advertisement_title {
	margin-top:5px;
	margin-left:20px;
	padding-left:20px;
	height:30px;
	line-height:30px;
	text-align:left;
	vertical-align:middle;
	background: url(../../images/top/point01.gif) no-repeat left 7px;
	font-weight:bold;
	color:#0000c0
}

#advertisement img {
	width: 150px;
	height: 60px;
}

#advertisement_btm {
	width:100%;
	height:19px;
	background: url(../../images/top/ad2_bg.gif) repeat-x left top
}

.advertisement_text {
	width: 150px;
	height: 60px;
	font-size:0.9em;
	font-family: 'ＭＳ Ｐ明朝';
	background-color:#E5E5E5;
	border:solid 1px #D0D0D0;
}

.advertisement_anchor:link {
	color: #6060F0;
	text-decoration:none;
}

.advertisement_anchor:hover {
	text-decoration:underline;
}

.advertisement_text div {
	margin-top:2px;
	font-size:0.8em;
	color:#404040;
}

#banner2 {
	margin-left:20px
}

#banner2r {
	margin-left:15px
}

/* //////////////////////// */
/* サイドメニュー・タイトル */
/* //////////////////////// */
.category_emargency {
	margin-top:5px;
	width:185px;
	height:26px;
	line-height:26px;
	background:url('../../images/top/topsidetitle_direct.gif') no-repeat left top
}

.category_emargency a {
	padding-left:30px;
	text-decoration:none;
	font-weight:bold;
	color:#103ead;
	font-size:1.1em;
}

.category_emargency a:hover {
	color: #CC0000;
}
.category_direct {
	margin-top:5px;
	width:185px;
	height:26px;
	line-height:26px;
	/* background:url('../../images/top/topsidetitle_direct2.gif') no-repeat left top */
}

.category_direct a {
	padding-left:30px;
	text-decoration:none;
	font-weight:bold;
	color:#103ead;
	font-size:1.1em;
}

.category_direct a:hover {
	color: #CC0000;
}

div.sidemenu {
	margin-top:3px;
	width:183px;
	height:25px;
	line-height:25px;
	background:url('../../images/top/sidemenu.gif') no-repeat 10px top;
}

div.sidemenu a {
	padding-left:40px;
	text-decoration:none;
	color:#103ead;
	font-size:1.1em;
	display:block;
}

div.sidemenu a:hover {
	color: #CC0000;
}

div.sidemenu2 {
	margin-top:3px;
	width:183px;
	height:25px;
	line-height:25px;
	background:url('../../images/top/sidemenu2.gif') no-repeat 10px top;
}

div.sidemenu2 a {
	padding-left:40px;
	text-decoration:none;
	color:#103ead;
	font-size:1.1em;
	display:block;
}

div.sidemenu2 a:hover {
	color: #CC0000;
}

div.sidemenu_small {
	margin-top:3px;
	width:183px;
	height:25px;
	line-height:25px;
	background:url('../../images/top/sidemenu.gif') no-repeat 10px top;
}

div.sidemenu_small a:hover {
	color: #CC0000;
}

/* 日立100年の架け橋 */
#hitachi100 {
	margin-top:5px;
	text-align:center
}

/* バナー */
.banner_menu {
	margin-top:5px
}

#emargencytitle2 a {
	padding-left:30px;
	text-decoration:none;
	font-weight:bold;
	color:#103ead;
	font-size:1.1em;
}

#emargencytitle2 a:hover {
	color: #CC0000;
}

/* //////////////// */
/* 中央部コンテンツ */
/* //////////////// */

td#mainArea {
	padding-left: 10px;
	padding-right: 10px;
}


/* 目的から探す */
.lifeinfo {
	padding:10px;
}

.lifeinfo21 {
	padding:10px;
	border-left:8px solid #f71748;
}

.lifeinfo22 {
	padding:10px;
	border-left:8px solid #f5b606;
}

.lifeinfo23 {
	padding:10px;
	border-left:8px solid #74ad06;
}

#lifetitle1 {
	width:150px;
	border-left:6px solid #f71748;
	border-right:6px solid #f71748;
	padding-left:10px;
	padding-right:10px
}

#lifetitle1 a {
	text-decoration:none;
	font-weight:bold;
	font-size:1.2em
}

#lifetitle2 {
	width:150px;
	border-left:6px solid #f5b606;
	border-right:6px solid #f5b606;
	padding-left:10px;
	padding-right:10px
}

#lifetitle2 a {
	text-decoration:none;
	font-weight:bold;
	font-size:1.2em
}

#lifetitle3 {
	width:150px;
	border-left:6px solid #74ad06;
	border-right:6px solid #74ad06;
	padding-left:10px;
	padding-right:10px
}

#lifetitle3 a {
	text-decoration:none;
	font-weight:bold;
	font-size:1.2em
}


/* //////////////// */
/* その他コンテンツ */
/* //////////////// */
#denshishinsei {
	margin-top:5px
}

#kinkyuiryo {
	margin-top:5px
}

#akochan {
	margin-top:30px
}


/* /////////////////////////////////////////////////////// */
/* ここから追加 by nagasu */
.calsize {
	font-size:0.8em;
}