@charset "UTF-8";
@import url(head.css);
body{
	font-family:"Lucida Sans Unicode", "arial", "ＭＳ Ｐゴシック", "Osaka", san-serif;
	_font-family:"arial", "ＭＳ Ｐゴシック", "Osaka", san-serif;
	font-size:90%;
	line-height:1.3em;
	margin:0;
	padding:0;
	width:100%;
	background:#f3f3f3;
	color:#333;
}
form{
	margin:0;
}
input.txt, textarea, select{
	font-family:"Lucida Sans Unicode", "arial", "ＭＳ Ｐゴシック", "Osaka", san-serif;
	_font-family:"arial", "ＭＳ Ｐゴシック", "Osaka", san-serif;
	font-size:100%;
	_line-height:1.4em;
	padding:2px;
}
label{
	margin-right:1em;
}
img{
	border:0;
	line-height:0;
}
hr{
	height:1px;
	border:0;
	border-top:1px solid #ddd;
	margin:.5em 0;
	_margin:0;
	padding:0;
}
caption{
	text-align:left;
	padding:3px 4px;
	font-weight:bold;
}
ul, ol{
	margin:.5em 0;
	padding:0;
}
li{
	padding:0;
	line-height:1.3em;
	margin:.3em 0 .3em 1.8em;
}
.wide li{
	margin-top:.8em;
	margin-bottom:.8em;
}
.narrow{
	margin:.2em 0;
}
.narrow li{
	margin-top:.2em;
	line-height:1.1em;
	margin-bottom:.2em;
}

dl{
	margin:0;
}
dt{
	margin:0;
	font-weight:bold;
	padding:5px 5px 1px;
}
dd{
	margin:0;
	padding:1px 5px 5px 1em;
}
dl.compact{
	margin:3px 0;
}
.compact dt{
	width:3.5em;
	float:left;
	padding:3px 0;
	font-weight:normal;
	line-height:1.2em;
}
.compact dd{
	margin:0;
	padding:3px 0 3px 4em;
	border-bottom:1px solid #ddd;
	line-height:1.2em;
}

a{
	text-decoration:none;
}
a:link{
	color:#055dd3;
}
a:visited{
	color:#60c;
}
a:hover, a:active{
	color:#93cf4b;
	text-decoration:underline;
}
strong.ul{
	font-weight:normal;
	text-decoration:underline;
}
blockquote{
	margin:5px 0;
	padding:8px;
	border:2px dotted #ccc;
}
rp,rt{
	font-weight:normal;
}
p{
	margin:.8em 0;
	text-indent:1em;
}
h1,h2,h3,h4,h5{	line-height:1.4em;}
h1{
	font-size:200%;
	margin:.3em 0;
	border-bottom:5px solid #9b50a1;
}
h2{
	background:#f3e9f5;
	background:#e7d3ea url(../img/bg_h2.png) repeat-x left top;
	border:1px solid #e7d3ea;
	border-bottom:1px solid #dabfde;
	border-left:4px solid #9b50a1;
	padding:3px 10px;
	font-size:1.3em;
	margin:1em 0 5px;
}
h3{
	background:#eee;
	padding:3px 7px;
	margin:1.5em 0 5px;
	font-size:105%;
}
h4{
	padding:0 0 2px;
	border-bottom:1px solid #ccc;
	margin:1em 0 5px;
	font-size:100%;
}
h5{
	padding:0;
	margin:1em 0 0;
	font-size:100%;
}



/* 汎用ボックス */
.box, .cbox{
	margin:3px 0;
	padding:8px;
	border:1px solid #ccc;
	background:#fff;
}
.box h2, .box h3, .box h4, .box h5,
.gbox h2, .gbox h3, .gbox h4, .gbox h5,
.cbox h2, .cbox h3, .cbox h4, .cbox h5{
	margin:0 0 8px;
}
.box h3, .cbox h3{
	margin:-3px -3px 8px;
}
.box .inner{
	padding:0 5px;
	margin:5px 0;
}
.blur{
	padding:5px;
	margin:5px 0;
	background:#f3f3f3;
}
.blur .box{
	margin:0;
}
.box ul{
	margin-top:2px;
	margin-bottom:2px;
}



/* 定義用ボックス */
dl.box{
	padding:0;
	border:0;
}
dl.box dt{
	border:1px solid #ccc;
	border-bottom:0;
	margin-top:5px;
}
dl.box dd{
	border:1px solid #ccc;
	border-top:0;
	margin-bottom:5px;
}
dl.color dt{
	background:#eee;
	padding:2px 8px;
}
dl.color dd{
	padding:5px 5px 5px 1.5em;
}



/* F.A.Q.用ボックス */
.qbox{
	margin:10px 0 0;
}
.qbox p{
	text-indent:0;
}
.qbox dt,
.qbox dd{
	border:solid #ccc;
}
.qbox dt{
	padding:15px 10px 15px 60px;
	border-width:1px 1px 0;
	background:#f3f3f3 url(../img/q.png) no-repeat 15px center;
}
.qbox dd{
	padding:5px 10px 5px 60px;
	border-width:0 1px 1px;
	background:#fff url(../img/a.png) no-repeat 15px 15px;
}
.boxitem{ /* 新館ギャラリーのみ */
	float:left;
	padding:5px;
	margin:0 10px 10px 0;
}
.gbox{
	background:#f3f3f3;
	padding:7px 15px;
	margin:5px 0;
}
.cbox{
	border:2px solid #fee;
}



/* 標準表 */
.list1{
	width:100%;
	border-collapse:separate;
	background:#bbb;
	margin:5px 0;
}
.list1 th, .list1 td{
	line-height:1.2em;
	padding:3px 5px;
}
.list1 th{
	background:#f6f6f6;
	font-weight:normal;
}
.list1 thead th{
	background:#eee;
	border-top:1px solid #fff;
	border-bottom:1px solid #ddd;
	padding:2px 3px;
}
.list1 td{
	background:#fff;
}
.list1 thead th{
	background:#eee;
}
.list1 .strong{
	font-weight:bold;
	font-size:1.2em;
}
.list1 .strong th{
	background:#ddd;
}
.list1 .strong td{
	background:#f6f6f6;
}
.dir-h td{
	border-color:#999 #ee;
}
.list1 td.libprop-images{
	width:250px;
	text-align:center;
	vertical-align:top;
	background:#e5edcc;
	background:#eee;
	padding:5px;
	overflow:hidden;
}
.list1 ul{
	margin:5px;
}
.list1 li{
	margin-left:1em;
}



/* 定義表 */
.def-list{
	margin:0 auto 5px auto;
	width:98%;
}
.def-list th,
.def-list td{
	vertical-align:top;
	border-bottom:1px solid #ccc;
	padding:5px 5px 5px 0;
}
.def-list th{
	color:#666;
	text-align:left;
	padding-right:1em;
	font-weight:normal;
}



/* CSSスプライト共通定義 */
.menu li, .deco li,	.arrow li,	/* 箇条書きマーク */
a.arrow, .pg-navi a{			/* ページナビマーク */
	background:url(../img/bullets.png) no-repeat;
}
a.arrow{
	padding-left:15px;
	_padding-top:2px;
}
h2 a.arrow{
	background-position:left 4px;
}

/* 各種装飾リスト */
ul.double, .double ul,
ul.triple, .triple ul,
ul.quadruple, .quadruple ul,
ul.quintuple, .quintuple ul{
	width:100%;
}
.double li,
.triple li,
.quadruple li,
.quintuple li{
	float:left;
	margin-top:.1em;
	margin-bottom:.1em;
}
.double li{		width:46%;}
.triple li{		width:30%;}
.quadruple li{	width:22%;}
.quintuple li{	width:17%;}

.double li.sep,
.triple li.sep{
	clear:both;
	border:0;
	padding-top:0;
	margin-top:1px;
	background-position:left -2000px;
}
.menu ul, .deco ul, .arrow ul{
	list-style:none;
	padding:.2em 0;
	margin:0;
}
.menu li, .deco li, .arrow li{
	list-style:none;
	margin-left:0;
	padding-left:15px;
	background-position:left -450px;
}
.arrow li{
	padding-left:20px;
	background-position:left 1px;
}
.deco li li{
	background-position:left -700px;
}
.uline li, li.uline{
	border-bottom:1px solid #ddd;
	padding-bottom:5px;
	margin-bottom:5px;
}
li.sep{
	border-top:1px solid #ddd;
	padding-top:5px;
	margin-top:5px;
	background-position:left -1995px;
}
ul.plain{
	list-style:none;
	margin:0;
}
.plain li{
	margin:2px 0;
	padding:0;
}
.dotline{
	background:url(../img/line_dot2.png) repeat-x left bottom;
	padding-bottom:4px;
	margin-bottom:4px;
}



/* 水平リンク */
.inline,
.h-links{
	list-style:none;
	padding:5px;
}
.h-links{border:1px solid #ccc;}

.inline li,
.h-links li{
	display:inline;
	padding:0 1em 0 0;
	margin:0;
	background:none;
	border:0;
}
h2 .h-links{
	position:relative;
	bottom:5px;
	background-position:left -265px;
}



/* ページ内ナビ */
.pg-navi{
	clear:both;
	float:right;
	margin-top:5px;
}
.pg-navi a{
	display:block;
	padding:0 0 2px 20px;
}
.pg-navi .gohome{background-position:left -100px;}
.pg-navi .goback{background-position:left -130px;}
.pg-navi .goptop{background-position:left -160px;}
.pg-navi .gopidx{background-position:left -190px;}
.pg-navi .gogtop{background-position:left -220px;}



/* 実行ボタン */
.buttons{
	padding:5px;
	text-align:center;
}



/* レイアウト */
#wrap{
	min-width:1000px;
	max-width:1200px;
	width:100%;
	width:expression(document.body.clientWidth < 1002 ? "1000px" : "auto");
	margin:0 auto;
	background:#fff;
}

div.wrap_cms{
	min-width:1000px;
/*	max-width:1200px;*/
	width:100%;
	width:expression(document.body.clientWidth < 1002 ? "1000px" : "auto");
	margin:0 auto;
	background:#fff;
}

#contents{
	width:100%;
	overflow:hidden;
}
#main{
	width:100%;
	overflow:hidden;
}
#main-inner{
	overflow:hidden;
}
#foot{
	clear:both;
	width:100%;
}


/* パンくずリスト */
#panks{
	overflow:hidden;
	padding:2px 20px;
	margin:0;
	font-size:small;
	font-family:"ＭＳ Ｐゴシック", "Osaka", san-serif;
	border-bottom:1px solid #eee;
}

/* サイドメニュー */
#sidemenu{}
#mobile{
	padding:1px;
	background:#f6f6f6;
}

/* フッタ */
#copy{
	border-top:1px solid #fff;
	background:#eee;
	padding:3px;
	text-align:center;
	color:#999;
	font-size:75%;
}



/* トップページ用 */
#top-layout{
	overflow:hidden;
}

/* 外側 */
#extra{
	width:210px;
	padding:0 20px 0 0;
	float:right;
}
.toppage #contents{
	float:left;
	margin-right:-230px;
}
.toppage #contents-inner{
	margin:0 230px 0 0;
}

/* 内側 */
#sidemenu{
	width:210px;
	padding:0 0 0 20px;
	float:left;
}
.toppage #main{
	float:right;
	margin-left:-230px;
}
.toppage #main-inner{
	margin:0 0 0 230px;
	padding:0 20px;
}
/* debug 
#contents{	background:yellow;}
#contents-inner{	background:orange;}
#main{		background:red;}
#main-inner{	background:blue;}
#sidemenu{	background:purple;}
#extra{		background:green;}
 debug */



/* トップページパーツ */
.toppage h2{
	background:none;
	border:0;
	font-size:1.2em;
	line-height:1.1em;
	padding:0 3px 3px 40px;
	margin:25px 0 0;
}
.toppage h3{
	margin-top:5px;
}

/* サイドボックス */
.group{
	background:#f3f3f3 no-repeat left bottom;
	margin:1em 0;
	padding:0 0 10px;
}
.group h2{
	background:no-repeat -220px top;
	margin:0;
	padding:5px 5px 10px 20px;
	height:20px;
	line-height:20px;
}
.group .inner{
	background:repeat-y -440px top;
	padding:1px 14px;
}
/* 防災・安全安心 */
#emergency{		background-position:-1320px bottom;background-color:#fff;}
#emergency h2{	background-position:-1540px top;color:#e00;}
#emergency .inner{	background-position:-1760px top;}
/* 町長室 */
#mayor{		background-position:-660px bottom;background-color:#ecf2fb;}
#mayor h2{	background-position:-880px top;}
#mayor .inner{	background-position:-1100px top;}
#council img{
	margin:-5px -9px;
}
#population dl{
	background:url(../img/bg_silet.png) no-repeat right top;
	width:100%;
	width /**/:auto;
}
.group,
.group h2,
.group .inner{
	background-image:url(../img/bg_groups.png);
}
.group ul{
	padding:0;
	margin:0;
}
.group ul.deco li{
	background-position:left -40px;
}
#emergency ul.deco li{
	background-position:left -60px;
}
/*
.group li{
	padding:0;
	margin:2px 2px 2px 15px;
}
*/
/* バナー */
#banners{
	background:none;
}
#banners img{
	border:1px solid #ccc;
	padding:1px;
	margin:2px 0;
}


/* 猪苗代の四季(フラッシュ) */
#main #splash{
	width:100%;
	height:300px;
	overflow:hidden;
	background:#fff;
	text-align:center;
}

/* お知らせ */
#main .group{
	background:none;
	padding:0;
}
#main h2,
#main h2 span{
	background:url(../img/h2_announce.png) repeat-x left top;
	margin:0;
	padding:0;
	height:30px;
	line-height:30px;
}
#main h2 span{
	display:block;
	background-position:right -40px;
	background-repeat:no-repeat;
	position:relative;
}
#main h2 .supple{
	position:absolute;
	font-size:small;
	font-weight:normal;
	color:#fff;
	right:5px;
}
#main h2 .supple img{
	margin:7px 0;
}
.toppage #main ul{
	margin:5px 0;
	list-style:none;
}
.toppage #main li{
	margin:0;
	padding:3px 0;
	border-bottom:1px solid #ddd;
	line-height:1.2em;
}
#main #scenes{
	background:#f3f3f3;
	padding:5px 0 0 5px;
}
#scenes h2{
	background:none;
	float:left;
	margin:0 5px 5px 0;
	width:160px;
	height:105px;
}
#scenes ul, #scenes li{
	display:inline;
}
#scenes li a{
	float:left;
	width:160px;
	height:50px;
	margin:0 5px 5px 0;
	background:url(../img/scenes.png) no-repeat left top;
}
#scenes #scene01{background-position:left 0px;}
#scenes #scene02{background-position:left -60px;}
#scenes #scene03{background-position:left -120px;}
#scenes #scene04{background-position:left -180px;}
#scenes #scene05{background-position:left -240px;}
#scenes #scene06{background-position:left -300px;}
#scenes #scene07{background-position:left -360px;}
#scenes #scene08{background-position:left -420px;}
#scenes #scene09{background-position:left -480px;}
#scenes #scene10{background-position:left -540px;}


#foot-misc{
	font-size:90%;
	line-height:1.1em;
	position:relative;
	padding:20px;
	border-top:1px solid #eee;
	background:#f6f6f6 url(../img/bg_foot.png) no-repeat right bottom;
}
address{
	float:left;
	font-style:normal;
	font-size:small;
	line-height:1.1em;
	margin:0;
	height:50px;
	padding:5px 15px 5px 65px;
	background:url(../img/bg_mark2.png) no-repeat left center;
}
#foot-misc #links{
	list-style:none;
	margin:0;
	padding:5px 15px;
	position:absolute;
	bottom:0;
	right:0;
}
#foot-misc #links li{
	display:inline;
	border:0;
	margin:0 0 0 1em;
	padding:0;
}



/* 汎用 */
.skip, .x{
	width:200px;
	position:absolute;
	top:-999px;
	left:-999px;
}
.clearfix:after,
.double:after, .triple:after, .quadruple:after, .quintuple:after,
.box:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix,
.double, .triple, .quadruple, .quintuple,
.box{
	min-height: 1px;
}
* html .clearfix,
* html .double, * html .triple, * html .quadruple, * html .quintuple,
* html .box{
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.clearfix{
	zoom:1;
}
.noindent{
	text-indent:0;
}
.normal{
	font-weight:normal;
	font-size:90%;
	line-height:1.2em;
}
.notice{
	color:#e00;
}
.redborder{
	border:1px solid red;
}
.wauto{
	width:auto;
}
.whalf{
	width:50%;
}
.walmost{
	width:98%;
}
.wmost{
	width:90%;
}
.wfull{
	width:100%;
}
.nomargin{
	margin:0;
}
.nopadding{
	padding:0;
}
.nowrap{
	white-space:nowrap;
}
.clear{
	clear:both;
}
hr.clear{
	visibility:hidden;
}
.a-center{
	text-align:center;
}
.a-left{
	text-align:left;
}
.a-right{
	text-align:right;
}
.f-center{
	margin-left:auto;
	margin-right:auto;
}
.f-left{
	float:left;
	margin-right:10px;
}
.f-right{
	float:right;
	margin-left:10px;
}
.medium{
	font-size:medium;
	line-height:1.2em;
}
.va-top{
	vertical-align:top;
}
.va-middle{
	vertical-align:middle;
}
input.medium{
	padding:3px;
}
.strong{
	font-weight:bold;
}
.btn{
	padding:2px 10px;
}
.txt{
	padding:2px;
}
.omit{
	width:100%;
	white-space:nowrap;
	overflow:hidden;
/*	text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;*/
}

#banner {
	border-top:#f3f3f3 solid 1px;
	padding:0.5em 0;
}
#banner h2 {
	margin:0 0 0.5em 0;
}
#banner ul {
	text-align:center;
	margin:0 3em;
}
#banner ul li {
	display:inline-block;
	margin:0 0.5em;
}