@charset "utf-8";

#cfontsize{
	line-height: 1.4em;
}
#gsearch{
	line-height: 1.4em;
}
#gnavi li{
	padding: 0px 10px 0px 10px;
}

#pagebody{
	background: none;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 以下、トップ独自の設定
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*******************************************************************************
 レイアウト
********************************************************************************/
/*===============================================
 配置
=================================================*/

#left {
	width: 171px;
	float: left;
	padding-top:5px;
	padding-left:8px;
}

#top_menu1 {
	width:171px;
	float:left;
	margin-bottom:5px;
	background-image:url(images/backgroud_side.gif);
	background-repeat:repeat-y;
	border: #C7ED4A 1px solid;
	text-align:left;
}

#top_menu2 {
	width:171px;
	float:left;
	margin-top:10px;
	margin-bottom:5px;
	background-color:#FFFFCC;
	border: #FF3300 1px solid;
	text-align:left;
}

#center {
	width: 390px;
	float :left;
	padding-top:5px;
	padding-left:12px;
}

#saigai {
	width:171px;
	float:left;
	margin-bottom:5px;
	background-color:#FAEDDA;
	border: #808080 1px solid;
	text-align:left;
}

#saigai  h1{
	font-size:1.2em;
	font-weight:bold;
	color: #ff0000;
}


#topics {
	width:388px;
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	border: #808080 1px solid;
	text-align:left;
}

#information {
	width:388px;
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	background-image:url(images/information_back.gif);
	background-repeat:repeat-y;
	border: #808080 1px solid;
	text-align:left;
}

#lifestage {
	width:388px;
	margin-top:5px;
	margin-bottom:5px;
	border: #808080 1px solid;
}

#right {
	width:351px;
	float :right;
	padding-top:5px;
	padding-right:8px;
}

#banner {
	width:349px;
	float:left;
	margin-bottom:5px;
	background-color:#FEFFEF;
	border: #808080 1px solid;
	text-align:left;
}

#ivent {
	width:349px;
	float:left;
	margin-bottom:5px;
	background-color:#FCF3D6;
	border: #808080 1px solid;
	text-align:left;
}

/*===============================================
 書式設定・その他（上記レイアウト以外）
=================================================*/
#pagebody {
/*	font-size:83%; */
}
#center p {
	clear: both;
	padding: 0px 0px 5px 0px;
}
#koukoku ul{
	padding:0.5em;
	text-align: left;
}
#koukoku li{
	display: inline;
	list-style-type: none;
	padding: 2px 2px 5px 2px;
}
#koukoku_right li{
	list-style-type: none;
}
#koukoku_right img{
	padding:0em 0em 0.25em 1.2em;
}
/*******************************************************************************
 詳細デザイン
********************************************************************************/

/* --------レフトコンテンツ-------- */
/* サイドメニュー１　スタイル*/
.top_side1 {
	margin-top: 5px;
	padding: 0px;	
}
.top_side1 h3 {
	border-bottom: #C7ED4A 5px solid;
}
.top_side1 ul {
	padding-top: 5px;
	padding-left: 20px;
	padding-bottom: 30px;
}
.top_side1 li {
	margin-top: 7px;
	list-style-image: url(images/side_triangle1.gif);
	list-style-position: outside;
}


/* サイドメニュー２　スタイル*/
.top_side2 {
	margin-top: 0px;
	padding : 0px;
}
.top_side2 ul {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.top_side2 li {
	margin-top: 10px;
	list-style-image: url(images/side_triangle2.gif);
	list-style-position: outside;
}

/* --------センターコンテンツ-------- */

/* 災害情報　スタイル*/
.top_saigai {
	margin-top: 0px;
	padding : 0px;
}

.top_saigai ul {
	width:154px;
	margin: 0 auto;  
	margin-top: 5px;
	margin-bottom: 5px;
	background-color:#FFFFFF;
	border: #808080 1px solid;
	list-style:none;
}
.top_saigai li {
	padding-top: 2px;
	padding-left: 2px;
	color:#0000FF;
	text-align:left;
}

/* 新着情報　スタイル */
.top_new ul {
	width: 386px;
	padding: 5px 0px 5px 0px;
	border-bottom:1px dashed #CCCCCC;
}

.top_new dl {
	clear: both;
	padding-bottom: 5px;
}
.top_new dt {
	float: left;
	padding-left: 5px;
	padding-bottom: 5px;
}
.top_new dd {
	width: 100%;
}

.rss_ico {
	float: left;
	width: 15px;
	margin: 2px 10px;
	padding: 0px 0px 5px 0px;
}

.ichiran_top {
	margin: 2px 10px;
	padding: 0px 0px 5px 0px;
	text-align: right;
}

/* お知らせ　スタイル */
.top_info h3 {
	margin-top: 2px;
}

.top_info ul{
	width: 330px;
	margin: 0 auto; 
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
	background-color:#FFFFFF;
	border: #808080 1px solid;
}

.top_info li {
	padding-top: 5px;
	padding-bottom: 5px;
	list-style-image: url(images/info_triangle.gif);
	list-style-position: outside;
}

/* ライフステージ（イメージ）　スタイル */

.top_lifestage {
	clear: both;
	width:368px;
	padding: 10px 0px 10px 18px;
}

.top_lifestage ul {
	height: 100px;
	padding-bottom: 1em;
	clear: both;
	list-style: none;
}
.top_lifestage li {		
	position: relative;
	padding-bottom: 1em;
	text-align:left;
	display: inline;
}

/* --------ライトコンテンツ-------- */
/* 飯山市バナー　スタイル */
.top_banner {
	padding: 5px 5px 5px 5px;
/*	overflow: scroll;*/   /* スクロール表示 */
	width: 330px;
/*	height: 250px; */
	background-color: #FFFFFF;
}

.top_banner dl {
	clear: both;
	padding: 5px 0px 5px 0px;
}
.top_banner dt {
	padding-right: 5px;
	clear: both;
	float: left;
}
.top_banner dd {
	font-size:1em;
}

.top_banner2 {
	padding: 5px 5px 5px 5px;
	width: 330px;
}

.top_banner2 ul {
	padding-bottom: 5px;
	clear: both;
	list-style: none;
}
.top_banner2 li {		
	position: relative;
	padding-bottom: 5px;
	display: inline;
}


/* イベント　スタイル */
/* <イメージ> */
.ivent_image{
	width: 330px;
	clear: both;
	margin: 0 auto;  
	padding: 15px 0px 5px 5px;
	background-color:#FEFFEF;
	border: #808080 1px solid;	
}

.ivent_image dl {
	clear: both;
	padding: 0px 0px 5px 0px;
}
.ivent_image dt {
	padding-right: 5px;
	clear: both;
	float: left;
}
.ivent_image dd {
	padding-left: 5px;
	font-size:1em;
}

.ivent_image p {
	font-size:1em;
	padding: 5px 5px 5px 5px;
}

/* <近日のイベント> */
.ivent_txt h3 {
	margin-top: 10px;
	margin-left: 10px;
}
.ivent_txt dl {
	width: 330px;
	clear: both;
	margin: 5px 0px 2px 5px;
	padding: 5px 0px 5px 5px;
	border-bottom:2px dashed #FF0000;
}
.ivent_txt dt {
	clear: both;
	float: left;
}
.ivent_txt dd {
	padding-left: 5px;
	font-size:1em;
}

/* <カレンダ> */
.ivent_calender{
	width:100%; 
	height: auto !important; 
	height: 100%; 
	margin: 0px auto; 
	padding-top: 1em;
	padding-bottom: 0.5em;
	text-align:center; 
	clear: both;
}

.calender_img{
	width:300px;
	margin:0px auto;
	padding-top: 5px;
/*	margin-left: 1em; */	
	text-align:left;
	clear: both;
}

.calender_table{
	width:250px;
	margin:0px auto;
	padding-top: 5px;
/*	float:left;*/
/*	text-align:left;*/
	background-color:#FFFFFF;
	border: #C7ED4A 2px solid;	
	clear: both;
}

#ccc { 
	width:300px;
	margin:0px auto;
	padding-top: 5px;
	text-align:left;
	clear: both;
}

.calender_month{
	background-color:#C7ED4A;
	font-weight:bold;
}

.calender_week{	
	font-weight:bold;
}

.ivent_calender ul {
	width: 100%; 
	height: 100%;
	margin: 1px 0px 1px 0px; 
	padding: 5px 0px 5px 0px; 
	clear: both;
	list-style: none;
	border-bottom:1px dashed #888888; 
}

.ivent_calender li {
	padding-left: 5px; 
	position: relative;
	text-align:left;
	display: inline;
}

.ivent_calender p {
	float: right; 
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 10px;
}