@import "font.css";

/* body */
body
{
    background:url(../images/top/bg_body.gif);
}

/* 外枠 */
#container 
{
    width:802px;
    margin:0px auto 0px auto;
}

/* ヘッダー画像部分 */
#header
{
    width:802px;
    height:67px;
    margin-left:auto;
    margin-right:auto;
	background-color:#ffffff;
    border-top:0px solid #E8E8E7;
    border-left:1px solid #C0C0C0;
    border-right:1px solid #C0C0C0;
	text-align:center;
	padding-top:0px;
}

/* タブ・メニュー・検索 */
#headerTab
{
    width:802px;
    border-left:1px solid #C0C0C0;
    border-right:1px solid #C0C0C0;
    border-top:4px solid #206fb0;
    background-color:#f2f2e5;    
}


/* 緊急情報 */
#kinkyuBlock
{
	float:left;
	width:390px;
	margin: 5px 10px 5px 13px;
	padding:0px;
	background-color:#E60000;
	
}
#kinkyuTtl
{
	width:59px;
	font-size:80%;
	font-weight:bold;
	float:left;
	padding:3px 5px 0px 5px;
	margin:1px 0px 0px 0px;
	text-align:center;
	background-color:#E60000;
}

#kinkyuTtl a
{
	color:#ffffff;
	text-decoration:underline;
}
#kinkyuTtl a:hover
{
	position:relative;
	top:1px;
	left:1px;
}

#kinkyuTxt
{
	width:310px;
	font-size:75%;
	background-color:#FFFFFF;
	color:#666666;
	float:left;
	padding:5px;
	margin:1px 0px;	
}

/* メニュー(サイトマップ等) */
#menuTop
{
	float:left;
	width:150px;
    font-size:80%;
    color:#999999;
    margin:15px 2px 0px 0px;
}


/* サイト内検索 */
#search
{
	float:right;
	margin:10px 5px 0px 0px;
	background:url("../images/top1/search.gif") no-repeat 20px 2px;
}

.searchBox
{
	width:120px;
	margin-left:40px;
}

.btnSearch
{
	font-size:0.8em;
}

/* メイン全体 */
#mainBlock
{
	width:802px;
	border-right:solid 1px #C0C0C0;
	border-left:solid 1px #C0C0C0;
	background-color:#ffffff;
	padding-top:5px;
}

/* メイン左側 */
#mainLeft
{
	float:left;
	width:198px;
	margin:10px 0px 0px 0px;
}

/* メイン右側 */
#mainRight
{
	float:right;
	width:600px;
	margin:0px 0px 0px 0px;
}


#mainRightL
{
	float:left;
	width:410px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
}

#mainRightR
{
	float:left;
	width:180px;
	margin:0px 0px 0px 0px;
}


/* メイン右側下部分 */
#mainRightB
{
	float:left;
	width:595px;
	margin:10px 0px 0px 0px;
}

/* いざという時 */
#iza
{
	height:100px;
	width:170px;
	margin:0px 0px 0px 13px;
	font-size:85%;
	background-color:#f9f1ed;
}

.izaItem
{
	float:left;
	font-size:90%;
	background:url("../images/top1/ya_red.gif") no-repeat;
	padding:2px 0px 7px 10px;
}

.iza1{width:85px;}
.iza2{width:55px;}


/* 町長室 */
#chouchou
{
	margin:12px 0px 0px 13px;
	font-size:85%;
}

/* 町議会 */
#gikai
{
	margin:6px 0px 0px 13px;
}

/* 金魚のまち */
#kankou
{
	margin:6px 0px 0px 13px;
}

/* ゴミ・リサイクル */
#recycle
{
	margin:6px 0px 0px 13px;
}

/* ふるさと */
#furusato
{
	margin:6px 0px 0px 13px;
}

/* ながすまち日記 */
#nikki
{
	margin:6px 0px 0px 0px;
}

/* 携帯版 */
#keitai
{
	margin:6px 0px 0px 0px;
}



/* ガイド */
#guide
{
	height:100px;
	width:170px;
	margin:6px 0px 0px 13px;
	background-color:#f2f2e5;
}
#mainMenu
{
	width:160px;
	margin:0px 0px 0px 5px;

}
#mainMenu li
{
	padding:0px 0px 0px 0px;
	width:160px;
	height:20px;
	font-size:80%;
	line-height:170%;
	text-align:left;
}

#mainMenu2
{
	background:url("../images/top1/menu01.gif") no-repeat 0px 0px;
	width:170px;
	height:298px;
	margin:0px 0px 0px 13px;

}

#mainMenu2 li
{
	background:url("../images/top1/menu2.gif") no-repeat 0px 0px;
	padding:0px 0px 0px 15px;
	width:170px;
	height:27px;
	font-size:85%;
	line-height:190%;
	text-align:left;
}

/* よくある質問 */
#shitumon
{
	margin:0px 0px 0px 13px;
}

/* ご意見募集 */
#goiken
{
	margin:0px 0px 0px 13px;
}

#ranking
{
	margin:6px 0px 0px 13px;
	width:168px;
	border:solid 1px #afd9fc;
}


/* アクセスランキング */

.rank
{
	width:160px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size: 80%;
}

.rank ul
{
	margin-left:3px;
	padding-left:3px;
}
.rank ul li
{
	padding:5px 0px 0px 25px;
}

.rank1{background:url("../images/top1/no1.gif") no-repeat 0px 3px;}
.rank2{background:url("../images/top1/no2.gif") no-repeat 0px 3px;}
.rank3{background:url("../images/top1/no3.gif") no-repeat 0px 3px;}


#keitai2
{
	margin:6px 0px 0px 13px;
	width:170px;
	height:90px;
}

#QR
{
	float:left;
	width:80px;
	height:90px;
	margin:0px 0px 0px 0px;
}


#keitaitext
{
	float:left;
	width:90px;
	height:90px;
	margin:6px 0px 0px 0px;
	font-size:80%;
}


/* フラッシュプレイヤーダウンロード */
#flashply
{
	width:170px;
	clear:both;
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	font-size:70%;
	line-height:130%;
	color:#333333;
}


#flash
{
	margin:10px 0px 0px 0px;
	width:586px;

}

/* よろず申請本舗 */
#yorozu
{
	margin:5px 0px 0px 13px;
}


/* 申請書ダウンロード */
#shinsei
{
    height:27px;
	margin:0px 0px 0px 0px;
}

/* 園･小中学校一覧 */
#itiran
{
    height:43px;
	margin:0px 0px 0px 0px;
}

/* 地域づくり */
#chiiki
{
    height:27px;
	margin:0px 0px 10px 0px;
}



/* 便利ガイド */
#guide2
{
    height:32px;
	margin:0px 0px 0px 0px;
}
#mainMenu4
{
	border-top:solid 5px #679DB0;
	width:177px;
	margin-bottom:7px;
}
#mainMenu4 li
{
	background:url("../images/top1/menu.gif") no-repeat 0px 0px;
	padding:0px 0px 0px 20px;
	width:177px;
	height:27px;
	font-size:85%;
	line-height:190%;
	text-align:left;
}

/* ながす未来館 */
#mirai
{
    height:32px;
	margin:0px 0px 0px 0px;
}
#miraiMenu
{
	border-top:solid 5px #679DB0;
	width:177px;
	margin-bottom:7px;
}
#miraiMenu li
{
	background:url("../images/top1/menu.gif") no-repeat 0px 0px;
	padding:0px 0px 0px 20px;
	width:177px;
	height:27px;
	font-size:85%;
	line-height:190%;
	text-align:left;
}
/* 教育委員会 */
#kyouiku
{
    height:32px;
	margin:0px 0px 0px 0px;
}
#kyouikuMenu
{
	border-top:solid 5px #679DB0;
	width:177px;
	margin-bottom:7px;
}
#kyouikuMenu li
{
	background:url("../images/top1/menu.gif") no-repeat 0px 0px;
	padding:0px 0px 0px 20px;
	width:177px;
	height:27px;
	font-size:85%;
	line-height:190%;
	text-align:left;
}

/* 地域コミュニティ*/
#tiiki
{
    height:32px;
	margin:0px 0px 0px 0px;
}
#tiikiMenu
{
	border-top:solid 5px #679DB0;
	width:177px;
	margin-bottom:7px;
}
#tiikiMenu li
{
	background:url("../images/top1/menu.gif") no-repeat 0px 0px;
	padding:0px 0px 0px 20px;
	width:177px;
	height:27px;
	font-size:85%;
	line-height:190%;
	text-align:left;
}
/* コンテンツ*/
#contents
{
    height:32px;
	margin:0px 0px 0px 0px;
}
#contentsMenu
{
	border-top:solid 5px #679DB0;
	width:177px;
	margin-bottom:7px;
}
#contentsMenu li
{
	background:url("../images/top1/menu.gif") no-repeat 0px 0px;
	padding:0px 0px 0px 20px;
	width:177px;
	height:27px;
	font-size:85%;
	line-height:190%;
	text-align:left;
}

/* 行政情報 */
#gyousei
{
    height:32px;
	margin:0px 0px 0px 0px;
}

#mainMenu3
{
	border-top:solid 5px #B3B136;
	width:177px;
	margin-bottom:7px;
}
#mainMenu3 li
{
	background:url("../images/top1/menu3.gif") no-repeat 0px 0px;
	padding:0px 0px 0px 20px;
	width:177px;
	height:27px;
	font-size:85%;
	line-height:190%;
	text-align:left;
}


/* 新着(更新)情報 */

.infoTtlL
{
	width:402px;
	background:url("../images/top1/shintyaku.jpg") no-repeat 0px 0px;
}

#rss
{
	float:left;
	padding-top:0px;
	padding-left:70px;

}

.listLink
{
	padding:5px 10px 5px 5px;
	font-size:90%;
	text-align:right;
}

.listInfo
{
	clear:both;
	width:400px;
	padding:6px 3px 1px 3px;
}
.listInfo ul
{
	padding-top:20px;
	margin-left:7px;
	padding-left:7px;
}
.listInfo ul li
{
	padding:0px 0px 0px 10px;
	background:url("../images/top1/ya_bl01.gif") no-repeat;
	font-size:90%;
	text-align:left;
}
.listInfo span.updDate
{
}
.listInfo span.Holiday
{
	color:#FF0000;
}
.listInfo span.Saturday
{
	color:#0000FF;
}

ul.newListUl
{
    font-size:90%;
    padding:10px 0px 0px 0px;
}

#ttlnew
{
	float:left;
	font-size:100%;
	font-weight:bold;
	padding:5px 5px 5px 5px;
}


/* 行事カレンダー */

.infoTtlL2
{
	width:402px;
	background:url("../images/top1/gyouji.jpg") no-repeat 0px 0px;

}

.listLink2
{
	padding:10px 10px 5px 5px;
	font-size:90%;
	text-align:right;
}

.listInfo2
{
	clear:both;
}
.listInfo2 td
{
	border-bottom:solid 1px #cedcf1;
	font-size:80%;
	text-align:left;
	vertical-align:top;
}
.listInfo2 td.calYobi
{
	width:55px;
	border-left:solid 0px #ECF4DE;
	padding:6px 3px 1px 10px;
}
.listInfo2 td.calEvnt
{
	width:300px;
	border-right:solid 0px #ECF4DE;
	padding:6px 3px 1px 3px;
}

.listInfo2 ul
{
	margin-left:0px;
	padding-left:0px;
}
.listInfo2 ul li
{
	padding:3px 0px 3px 0px;
	text-align:left;
}
.listInfo2 span.updDate
{
	font-size:0.8em;
}
.listInfo2 span.Holiday
{
	color:#FF0000;
}
.listInfo2 span.Saturday
{
	color:#0000FF;
}

.listLink3
{
	padding:0px 10px 5px 15px;
	font-size:90%;
	text-align:left;
}



#ttlevent
{
	float:left;
	font-size:100%;
	font-weight:bold;
	padding:5px 5px 5px 5px;
}


/* 暮らしの情報 */
#kurashi
{
	width:584px;
	height:268px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:solid 1px #e8ebd5;
}

#ttlkurashi
{
	float:left;
	font-size:100%;
	font-weight:bold;
	padding:0px 0px 0px 0px;
}


.lifeinfo
{
	width:580px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.krsItem
{
	float:left;
	font-size:90%;
	background:url("../images/top1/ya_bl2.gif") no-repeat;
	margin:5px 0px 0px 5px;
	padding:0px 0px 10px 12px;
	text-align:left;
}

.krs1{width:120px;}
.krs2{width:80px;}
.krs3{width:35px;}
.krs4{width:120px;}
.krs5{width:35px;}
.krs6{width:80px;}
.krs7{width:120px;}
.krs8{width:80px;}
.krs9{width:80px;}
.krs10{width:80px;}
.krs11{width:80px;}

/* ライフイベント */
#life
{
	width:580px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.lifeItem
{
	float:left;
	margin:5px 0px 0px 5px;
	padding:0px 0px 0px 5px;
}

.life1{width:104px;}
.life2{width:104px;}
.life3{width:104px;}
.life4{width:104px;}
.life5{width:104px;}
.life6{width:104px;}
.life7{width:104px;}
.life8{width:104px;}
.life9{width:104px;}
.life10{width:104px;}

#lifeuse
{
	width:480px;
	padding-left:83px;
	padding-top:5px;
	font-size:90%;

}


/* 便利ガイド */
#benri
{
	float:left;
	margin:10px 0px 10px 0px;
	width:315px;
	height:105px;
	background-color:#f2f2e5;

}

#benriL
{
	float:left;
	text-align:left;

}

#benriR
{
	float:left;
	background-color:#ffffff;
	margin:7px 0px 10px 10px;

}




/* まちの話題 */
#wadaiTop
{
    width:169px;
    border-right:solid 1px #d2cbc6;
    border-left:solid 1px #d2cbc6;
    border-bottom:solid 1px #d2cbc6;
	background:url("../images/top1/mati_top.gif") no-repeat 0px 0px;
}

#wadaiImg
{
	margin:10px auto 5px auto;
	text-align:center;

}
#wadaiTtl
{
	font-size:0.9em;
}
#wadaiTxt
{
	font-size:0.8em;
	padding:0px 0px 0px 0px;
	margin:2px;
	text-align:left;
}

/* 広報誌 */
#kouhou
{
	background:url("../images/top1/kouhou_moji.gif") no-repeat 0px 0px;
    width:169px;
    border-right:solid 1px #d2cbc6;
    border-left:solid 1px #d2cbc6;
    border-bottom:solid 1px #d2cbc6;
    padding:0px 0px 0px 0px;
}

#khTxt
{
    width:102px;
}

#khImg
{
    margin-top:10px;
    text-align:center;
}

#khTtl
{
	top:40px;
    padding:0px 0px 0px 0px;
    font-size:0.8em;
    text-align:center;
}

/* ひとのうごき */
#ugoki
{
	float:left;
	margin-top:10px;
	margin-left:15px;
    width:253px;
    height:105px;
    border:solid 1px #cae6fd;
    padding:0px 0px 0px 2px;
    background:url("../images/top1/hito_moji.gif") no-repeat;
}

#ugkTxt
{
    padding:15px 0px 7px 15px;
    font-size:85%;
    line-height:160%;
    color:#333333;
}

#ugkLink
{
    float:right;
    padding:0px 2px 0px 10px;
    font-size:85%;
    background:url("../images/top1/ya.gif") no-repeat;
}



.menuTtl
{
	padding:0px 0px 0px 0px;
}

.menuBan1
{
	margin-top:5px;
	padding-left:0px;
}
.menuBan2
{
	margin-top:5px;
	padding-left:0px;
}
.menuBan3
{
	margin-top:5px;
	padding-left:0px;
}
.menuBan4
{
	margin-top:5px;
	padding-left:0px;
}
.menuBan5
{
	margin-top:5px;
	padding-left:0px;
}
.menuBan6
{
	margin-top:5px;
	padding-left:0px;
}
.menuBan7
{
	margin-top:5px;
	padding-left:0px;
}
.menuBan8
{
	margin-top:5px;
	padding-left:0px;
}
.menuBan9
{
	margin-top:5px;
	padding-left:0px;
}
.menuBan10
{
	margin-top:5px;
	padding-left:0px;
}
.menuBan11
{
	margin-top:5px;
	padding-left:0px;
}

.menuBan12
{
	margin-top:50px;
	padding-left:25px;
}

.menuBan13
{
	margin-top:5px;
	padding-left:0px;
}

/* 公共施設エリア */
#koukyou
{
	width:590px;
}
/* 公共施設 */


.koukyouItem
{
	float:left;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 5px;

}

.koukyou1{width:188px;height:45px;}
.koukyou2{width:188px;height:45px;}
.koukyou3{width:188px;height:45px;}
.koukyou4{width:188px;}
.koukyou5{width:188px;}
.koukyou6{width:188px;}




/* ながす未来館 */
#mirai
{
	float:left;
	margin:0px auto 0px auto;
	width:190px;

}

/* 総合スポーツセンター */
#sport
{
	float:right;
	margin:0px auto 0px auto;
	width:190px;
}




/* copyright */
#cp
{
	width:800px;
	height:20px;
	text-align:center;
	font-size:80%;
	color:#ffffff;
	border-right:solid 1px #e8e8e7;
	border-left:solid 1px #e8e8e7;
	background-color:#206fb0;
	margin-bottom:5px;
}

.linkList
{
	font-size:0.8em;
}
.linkList a
{
	background:url(../images/top1/ya_bl.gif) no-repeat left center;
	padding-left:16px;
}

p.linkList
{
	margin-top:5px;
	margin-right:5px;
	text-align:right;
}

.linkList2
{
	font-size:0.8em;
}
.linkList2 a
{
	background:url(../images/top1/ya_bl02.gif) no-repeat left center;
	padding-left:16px;
}

p.linkList2
{
	margin-top:5px;
	margin-right:5px;
	text-align:right;
}




/* ホームページについて */
#infoLink
{
	width:790px;
	clear:both;
	text-align:center;
	margin:5px 0px 5px 0px;
	padding:0px 0px 0px 10px;
}
#infoLink li
{
	display:inline;
	padding:0px 10px 1px 18px;
	font-size:0.8em;
	background:url("../images/top1/ya_bl.gif") no-repeat 0px 1px;
}




/* 問合せ先 */
#siteinfo
{
	clear:both;
	border-top:solid 1px #cccccc;
	padding:5px 5px 10px 20px;
	font-size:0.8em;
	line-height:130%;
}

#siteinfo p
{
	width:100%;
	margin:0 auto;
	text-align:left;
}

/* 間隔調整用 */
.spc
{
    clear:both;
    margin:0px 0px 20px 0px;
    padding:0px;
}


/* 広告スペース */

#koukoku
{
	width:772px;
	height:30px;
	clear:both;
	text-align:center;
	margin:0px 0px 0px 9px;
	padding:0px 0px 0px 0px;
}

#adinfo
{
    width:772px;
    clear:both;
    text-align:center;
    border:solid 0px #dcdcdc;
    margin: 5px 0px 15px 10px;
    background:url("../images/top1/koukoku.gif") no-repeat 0px 0px;

}
#adinfo table
{
    width:100%;
	border: none;
    font-size:0.8em;
}
#adinfo table th
{
	width:772px;
	height:25px;
	background:url(../images/top2/koukokuspace.gif) no-repeat left center;
	text-align: right;
	vertical-align: middle;
	color: #353535;
    font-size:0.8em;
    padding:0px 15px 0px 0px;
}
#adinfo table td
{
	text-align: left;
	vertical-align : top;
}
#adinfo table td div
{
	text-align: left;
	vertical-align : top;
    padding:10px 0px 5px 25px;
}
#adinfo table td div a
{
	margin:0px 15px 0px 0px;
}

/* イベントバナー */
.evbaninfo
{
    width:772px;
    clear:both;
	text-align: left;
	vertical-align : top;
    margin: 0px 0px 0px 10px;
    background:url("../images/top1/koukoku.gif") no-repeat 0px 0px;

}
.evbaninfo div
{
    padding:8px 0px 5px 20px;
}
.evbaninfo div a
{
	margin:0px 15px 0px 0px;
}