@charset "utf-8";

/* **************************************************
 * リセットCSS
 ***************************************************/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins{text-decoration:none;}



/* **************************************************
 * フォントサイズ
 ************************************************** */
body {
font:13px/1.231 arial,helvetica,clean,sans-serif;
*font-size:small; /* for IE */
*font:x-small; /* for IE in quirks mode */
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea {
font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
font-size:inherit;
font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
font-family:monospace;
*font-size:108%;
line-height:100%;
}



/* **************************************************
 * 基本レイアウトCSS
 ************************************************** */


/* ---------------------------------------------------
 * .container
 -------------------------------------------------- */
.container {
margin: 0px auto;
text-align:left;
}

/* ---------------------------------------------------
 * header
 -------------------------------------------------- */
.header {
zoom: 100%;
position:relative;
}
.header:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

/* ---------------------------------------------------
 * global navigation
 -------------------------------------------------- */
.globalnavigation {
zoom: 100%;
}
.globalnavigation:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
} 

/* ---------------------------------------------------
 * breadcrumb
 -------------------------------------------------- */
.breadcrumb {
zoom: 100%;
}
.breadcrumb:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

/* ---------------------------------------------------
 * footer
 -------------------------------------------------- */
.footer {
zoom: 100%;
}
.footer:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
} 
.footer2 p {
margin:0 ;
}

/* ---------------------------------------------------
 * 2カラム構成用CSS 右メニュー　divにid=rightmenu
 -------------------------------------------------- */
.rightmenuwrapper {
zoom: 100%;
overflow:hidden;
}
.rightmenuwrapper:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
/*
 * メインカラム
 */
.rightmenuwrapper .maincolwrapper {
width: 100%;
float: left;
}
.rightmenuwrapper .maincolwrapper .maincol {
margin: 0 220px 0 0;
background-color: #FFF;
height: 1%; /* IE対策 */
}

/*
 * 右カラム
 */
.rightmenuwrapper .rightcolwrapper {
width: 200px;
margin-left: -220px;
float: left;
height:1%;
}
.rightmenuwrapper .rightcolwrapper .rightcol {
zoom:100%;
}
.rightmenuwrapper .rightcolwrapper .rightcol:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

/* ---------------------------------------------------
 * 1カラム構成用CSS　bodyにid=single
 -------------------------------------------------- */
/*
 * 中央カラム
 */
.singlewrapper .maincolwrapper {
width: 100%;
/* FF対応 080612 */
/*position:relative;*/
}
.singlewrapper .maincol {
margin: 0;
background-color: #FFF;
height: 1%; /* IE対策 */
}

/* **************************************************
 * 3カラム構成用CSS　bodyにid=threecolumn
 ************************************************** */
/*
 * 中央カラム
 */
.threecolumn .maincolwrapper {
width: 100%;
float: left;
/* FF対応 080612 */
/*position:relative;*/
}
.threecolumn .maincol {
margin: 0px 255px 0px 230px;
background-color: #FFF;
height: 1%; /* IE対策 */
}
/*
 * 左カラム
 */
.threecolumn .leftcolwrapper {
width: 230px;
float: left;
margin-left: -100%;
height:1%; /* IE対策 */
/* IE6対応 080612 */
position:relative;
}
.threecolumn .leftcol {
margin: 0px 0px 0px 25px;
}
/* IE6対策 */
*html .threecolumn .leftcol {
margin: 0px 0px 0px 30px;
}
/*
 * 右カラム
 */
.threecolumn .rightcolwrapper {
width: 255px;
float: left;
margin-left: -255px;
height:1%; /* IE対策 */
/* IE6対応 080612 */
position:relative;
}
.threecolumn .rightcol{
	margin: 0px 0px 0px 25px;
}

/* --------------------------------------------------
 * 2カラム 左メニュー　bodyにid=leftmenu
-------------------------------------------------- */
.leftmenu {
zoom:100%;
}
.leftmenu:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
/*
 * 中央カラム
 */
.leftmenu .maincolwrapper {
width: 100%;
float: left;
/* FF対応 080612 */
/*position:relative;*/
}
.leftmenu .maincol {
margin: 0px 0px 0px 170px;
background-color: #FFF;
height: 1%; /* IE対策 */
}
/*
 * 左カラム
 */
.leftmenu .leftcolwrapper {
width: 150px;
float: left;
margin-left: -100%;
height:1%; /* IE対策 */
/* IE6対応 080612 */
position:relative;
}
.leftmenu .leftcol {
margin: 0px;
}





/* --------------------------------------------------
 common tag
-------------------------------------------------- */
html {
overflow-y:scroll;
background-color:#fff;
}
*html body,
*+html body {
overflow-y:auto;
}

body {
color:#333;
background-color:#fff;
line-height:153.9%;
}

a:link {
color:#305ED6;
text-decoration:underline;
}

a:active {
color:#FF3D00;
text-decoration:underline;
}

a:visited {
color:#993366;
text-decoration:underline;
}

a:hover {
text-decoration:underline;
}

a img {
text-decoration: none;
/*vertical-align: bottom;*/
}

a:hover img {
text-decoration:none;
}

input {
line-height:100%;
font-size:13px;
}
input.text {
border:1px solid #999;
padding:0.3em;
}

ul,
ol {
margin:0 0 1em 1em;
}
ul li {
background-image:url(/share/imgs/arrow_02a.gif);
background-repeat:no-repeat;
background-position:left 0.5em;
padding:0 10px 0 15px;
margin: 0 0 0.1em;
}
ul.gopage li {
background-image:url(/share/imgs/arrow_01a.gif);
font-size:108%;
line-height:153.9%;
}
ul ul {
margin:0 0 0 1em;
}
ul ul li {
list-style:disc;
background:none;
padding:0;
}
ol li {
padding:0 10px 0 0;
margin: 0 0 0 1em;
list-style:decimal;
}
strong {
font-weight:bold;
}
p {
margin:0 0 1em;
}
table {
}





/* --------------------------------------------------
 common class
-------------------------------------------------- */

.clearfix {
clear:both;
}
.gototop {
clear: both;
padding:1em 0 1em 0;
text-align:right;
}
.gototop a {
background-image:url(/share/imgs/arrow_04a.gif);
background-position:left center;
background-repeat:no-repeat;
padding:0 0 0 10px;
}
.backlink {
background-color:#F2EFE7;
padding:5px;
margin:0 0 10px;
}
.movement {
zoom:100%;
margin:0 0 10px 0;
}
.movement:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
.floatright {
float:right;
}
.floatleft {
float:left;
}
.right_arrow {
float:right;
}
.left_arrow {
float:left;
}
.arrowleft01 {
background-image:url(/share/imgs/arrow_01a.gif);
background-position:left center;
background-repeat:no-repeat;
padding:0 0 0 15px;
}
.arrowleft02 {
background-image:url(/share/imgs/arrow_01b.gif);
background-position:left center;
background-repeat:no-repeat;
padding:0 0 0 15px;
}
.imageswrapper {
margin:2em 0;
zoom:100%;
}
.imageswrapper:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
.image {
margin:0 20px 0 0;
float:left;
}
.imagelast {
margin:0px;
float:left;
}
.textright {
text-align:right;
}



/* --------------------------------------------------
 layout class
-------------------------------------------------- */

.container {
width:950px;
}





/* --------------------------------------------------
 header
-------------------------------------------------- */
.header {
height: 68px;
background-image:url(/share/imgs/bg_header.jpg);
background-repeat:no-repeat;
}
.header .sitetitle {
position:absolute;
}
.header .sitetitle h1,
.header .sitetitle p {
text-indent:-9999px;
}
.header .sitetitle h1 a,
.header .sitetitle p a {
position:absolute;
width:150px;
height:68px;
top:0px;
left:0px;
}
.header .langsitemap {
position:absolute;
top:0px;
left:700px;
width:240px;
height:30px;
background-image:url(/share/imgs/bg_lang_sitemap.gif);
background-repeat:no-repeat;
font-size:11px;
line-height:100%;
}
html>/**/body .header .langsitemap,
*:first-child+html .header .langsitemap {
font-size /*\**/:10px\9;
}
.header .langsitemap img {
vertical-align:middle;
}
.header .langsitemap .inner {
margin:7px 5px 0;
}
*:first-child+html .header .langsitemap .inner,
html>/**/body .header .langsitemap .inner {
margin:7px 3px 0;
}
.header .fontsizecolor {
position:absolute;
top: 37px;
left: 700px;
width:240px;
height:24px;
}
.header .fontsizecolor .rightmargin {
margin:0 3px 0 0;
}



/* --------------------------------------------------
 globalnavigation
-------------------------------------------------- */
.globalnavigation {
background-image:url(/share/imgs/bg_globalnavigation.png);
background-repeat:no-repeat;
position:relative;
width:950px;
height:35px;
zoom:100%;
}
.globalnavigation:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
.globalnavigation ul {
margin: 0px;
position:absolute;
width:612px;
height:35px;
}
.globalnavigation ul li {
float:left;
text-indent:-9999px;
list-style:none;
}
.globalnavigation ul li a {
height:33px;
position:absolute;
top: 0px;
overflow: hidden;
}
.globalnavigation ul li.toppage a {
width:96px;
left:0px;
}
.globalnavigation ul li.toppage a:hover {
background-image:url(/share/imgs/bg_globalnavigation_on.png);
background-position:0px 0px;
}
.globalnavigation ul li.life a {
width:127px;
left:96px;
}
.globalnavigation ul li.life a:hover {
background-image:url(/share/imgs/bg_globalnavigation_on.png);
background-position:-96px 0px;
}
.globalnavigation ul li.info a {
width:88px;
left:223px;
}
.globalnavigation ul li.info a:hover {
background-image:url(/share/imgs/bg_globalnavigation_on.png);
background-position:-223px 0px;
}
.globalnavigation ul li.event a {
width:88px;
left:311px;
}
.globalnavigation ul li.event a:hover {
background-image:url(/share/imgs/bg_globalnavigation_on.png);
background-position:-311px 0px;
}
.globalnavigation ul li.section a {
width:98px;
left:399px;
}
.globalnavigation ul li.section a:hover {
background-image:url(/share/imgs/bg_globalnavigation_on.png);
background-position:-399px 0px;
}
.globalnavigation ul li.faq a {
width:113px;
left:497px;
}
.globalnavigation ul li.faq a:hover {
background-image:url(/share/imgs/bg_globalnavigation_on.png);
background-position:-497px 0px;
}
.globalnavigation .googlesearch {
/*height:35px;*/
width:252px;
left:698px;
position:absolute;
top:7px;
}
.globalnavigation .googlesearch .text{
padding:0em;
}
.globalnavigation .googlesearch input.searchbutton {
vertical-align:bottom;
}




/* --------------------------------------------------
 breadcrumb
-------------------------------------------------- */
.breadcrumb {
height:34px;
padding:0 16px;
}
.breadcrumb p {
margin: 0px;
line-height:34px;
}





/* --------------------------------------------------
 rightmenu
-------------------------------------------------- */
.rightmenuwrapper {
border-bottom: 2px solid #64AA2B;
}
.singlewrapper {
padding: 0 15px;
border-bottom: 2px solid #64AA2B;
}

.rightmenuwrapper .maincolwrapper .maincol {
margin: 0 220px 0 15px;
}
.rightmenuwrapper .rightcolwrapper {
width: 220px;
margin-left: -220px;
}
.rightmenuwrapper .rightcolwrapper .rightcol {
margin:0 0 0 18px;
}




/* --------------------------------------------------
 h1(main title)
-------------------------------------------------- */
.h1wrapper {
background-image:url(/share/imgs/bg_ttl_h1.png);
background-repeat:no-repeat;
height: 54px;
margin: 0 0 18px;
/*position:relative;*/
}
.h1wrapper h1 {
line-height:123.1%;
font-size:167%;
font-weight:bold;
padding: 20px 14px 0;
}
.h1wrapper small {
/*top:40px;
left:14px;
position:absolute;*/
color:#666;
margin: 0 0 0 14px;
}

/* --------------------------------------------------
 h2
-------------------------------------------------- */
.maincol h2 {
background-image:url(/share/imgs/bg_ttl_h2.gif);
background-repeat:no-repeat;
background-position:left center;
border-bottom:1px solid #64AA2B;
font-size:116%;
font-weight:bold;
padding: 0 0 0.5em 15px;
margin:0 0 0.5em;
/*margin:0em;*/
}
.maincol .h2arrowwrapper {
/*border-bottom:1px solid #64AA2B;*/
/*height:25px;*/
margin:0 0 1em;
}
.maincol .h2arrowwrapper h2 {
background-image:url(/share/imgs/arrow_03a.gif);
background-repeat:no-repeat;
background-position:left center;
border-bottom:1px solid #64AA2B;
font-size:116%;
font-weight:bold;
padding: 0 0 0 20px;
/*border:none;*/
}

/* --------------------------------------------------
 h3
-------------------------------------------------- */
.maincol h3 {
background-image:url(/share/imgs/arrow_03a.gif);
background-position:left center;
background-repeat:no-repeat;
background-color:transparent;
font-size:108%;
font-weight:bold;
padding: 0 0 0 20px;
margin: 0 0 0.5em;
}
.maincol .h3wrapper h3 {
font-size:108%;
font-weight:bold;
padding: 0.2em 1em;
background-color:#E6F4D8;
background-image:none;
margin: 0 0 1em;
}
.maincol .h3wrapper h3 .saturday {
color: #00f;
}
.maincol .h3wrapper h3 .sunday {
color: #f00;
}

/* --------------------------------------------------
 h4
-------------------------------------------------- */
.maincol h4 {
background-color:#E6F4D8;
font-weight:bold;
margin: 0 0 0.5em;
padding: 0 0 0 0.5em;
}

/* --------------------------------------------------
 h5
-------------------------------------------------- */
.maincol h5 {
background-image:url(/share/imgs/arrow_06a.gif);
background-position:left center;
background-repeat:no-repeat;
padding: 0 0 0 15px;
font-weight:bold;
margin: 0 0 0.5em;
}

/* --------------------------------------------------
 h6
-------------------------------------------------- */
.maincol h6 {
font-weight:bold;
margin: 0 0 0.5em;
}

/* --------------------------------------------------
 table
-------------------------------------------------- */
.maincol table {
border-collapse:collapse;
border:2px solid #659D37;
/*width:100%;*/
margin: 0 0 2em;
}
.maincol table caption {
font-weight:bold;
}
.maincol table th,
.maincol table td {
padding: 5px;
vertical-align:top;
border:1px solid #ccc;
}

table th {
background-color:#E2F2D1;
font-weight:bold;
}



/* --------------------------------------------------
 右カラムのボックス
-------------------------------------------------- */
.rightcol .items {
border:1px solid #639D35;
padding:1px;
margin: 0 0 20px;
}
.rightcol .items .h2wrapper {
background-image:url(/share/imgs/bg_ttl_sidebar01.png);
background-repeat:no-repeat;
height:31px;
border-bottom:1px solid #639D35;
margin: 0 0 0.5em;
}
.rightcol .items .h2wrapper h2 {
line-height:31px;
color:#fff;
font-weight:bold;
padding:0 0 0 30px;
}
.rightcol .items p {
padding:0 10px;
}



/* --------------------------------------------------
 cityoffice
-------------------------------------------------- */
.cityoffice {
padding:5px;
zoom:100%;
}
.cityoffice:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
.cityoffice .title {
font-size:116%;
float:left;
margin:0 5px 0 0;
}
.cityoffice address {
float:left;
}




/* --------------------------------------------------
 footernavigation
-------------------------------------------------- */
.footernavigation {
text-align: right;
margin:0 0 1em;
}



/* --------------------------------------------------
 copyright
-------------------------------------------------- */
.copyright {
font-size:11px;
line-height:116%;
}





/* --------------------------------------------------
 toppage
-------------------------------------------------- */
#toppage.rightmenuwrapper {
background-image:url(/share/imgs/bg_container.gif);
background-repeat:no-repeat;
background-position:top center;
padding: 12px 0 0;
}


#toppage .maincolwrapper .maincol {
margin: 0 420px 0 0;
}
#toppage .rightcolwrapper {
width: 420px;
margin-left: -420px;
}
#toppage .rightcolwrapper .rightcol {
margin:0 0 0 15px;
}

#toppage .searchkeyword {
background-image:url(/share/imgs/bg_search_keyword.png);
background-repeat:no-repeat;
background-position:top center;
background-color:#E2F2D1;
padding:0 0 0.5em;
height:75px;
}
#toppage .searchkeyword .keyword {
height:32px;
margin:0 0 0 133px;
padding:3px 0 0;
zoom: 100%;
}
#toppage .searchkeyword .keyword:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
#toppage .searchkeyword .searchbox {
width:330px;
height:20px;
float:left;
}
#toppage .searchkeyword .searchbox input.text{
width:98%;
font-size:13px;
height:17px;
margin:3px 0 0 0;
border:1px solid #999;
padding:3px 0 0 3px;
}
#toppage .searchkeyword .keyword .searchbutton {
background-image:url(/share/imgs/btn_search_keyword.png);
border: none;
width:59px;
height:29px;
top: 3px;
}

#toppage .searchkeyword .usedwell {
margin: 0 0 0 133px;
}
#toppage .searchkeyword .usedwell p {
margin: 0px;

}




/* .searchlife */
#toppage .searchlife {
background-image:url(/share/imgs/ttl_search_kurashi.png);
background-position:top left;
background-repeat:no-repeat;
padding:29px 0 0;
margin: 0 0 12px;
position:relative;
}
#toppage .searchlife .kurashi a {
width:200px;
height:22px;
top:3px;
left:0px;
position:absolute;
overflow: hidden;
text-indent:-9999px;
}
/* .life */
#toppage .searchlife .life {
/*background-image:url(/share/imgs/bg_btn_kurashi.gif);*/
background-repeat:no-repeat;
position:relative;
height: 41px;
zoom:100%;
}
#toppage .searchlife .life:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
#toppage .searchlife .life ul {
margin: 0px;
}
#toppage .searchlife .life ul li {
text-indent:-9999px;
list-style:none;
float:left;
}
#toppage .searchlife .life ul li a {
height:38px;
width:85px;
top:0px;
position:absolute;
background-repeat:no-repeat;
overflow: hidden;
}
#toppage .searchlife .life ul li.life01 a {
width:86px;
left:0px;
background-image:url(/share/imgs/bg_btn_life04.gif);
}
#toppage .searchlife .life ul li.life02 a {
left:90px;
background-image:url(/share/imgs/bg_btn_life03.gif);
}
#toppage .searchlife .life ul li.life03 a {
left:179px;
background-image:url(/share/imgs/bg_btn_life01.gif);
}
#toppage .searchlife .life ul li.life04 a {
left:268px;
background-image:url(/share/imgs/bg_btn_life06.gif);
}
#toppage .searchlife .life ul li.life05 a {
left:357px;
background-image:url(/share/imgs/bg_btn_life05.gif);
}
#toppage .searchlife .life ul li.life06 a {
background-image:url(/share/imgs/bg_btn_life02.gif);
left:446px;
}

/* .lifescene */
#toppage .searchlife .lifescene {
background-image:url(/share/imgs/bg_btn_lifescene.gif);
background-repeat:no-repeat;
position:relative;
height: 30px;
zoom:100%;
}
#toppage .searchlife .lifescene:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
#toppage .searchlife .lifescene ul {
margin: 0px;
}
#toppage .searchlife .lifescene ul li {
text-indent:-9999px;
list-style:none;
float:left;
}
#toppage .searchlife .lifescene ul li a {
height:30px;
width:77px;
position:absolute;
overflow: hidden;
}
#toppage .searchlife .lifescene ul li.lifescene01 a {
left:67px;
}
#toppage .searchlife .lifescene ul li.lifescene02 a {
left:144px;
}
#toppage .searchlife .lifescene ul li.lifescene03 a {
left:221px;
}
#toppage .searchlife .lifescene ul li.lifescene04 a {
left:298px;
}
#toppage .searchlife .lifescene ul li.lifescene05 a {
left:375px;
}
#toppage .searchlife .lifescene ul li.lifescene06 a {
left:452px;
}

/* .citywork */
#toppage .searchlife .citywork {
margin: 12px 0 0;
}




/* .attention */
#toppage .attention {
position:relative; 
}
#toppage .attention .title {
background-image: url(/share/imgs/bg_ttl_attention.png);
background-repeat:no-repeat;
height: 26px;
/*position:relative;*/
margin: 0 0 0.5em;
display:block;
}
#toppage .attention .title h2 {
line-height: 26px;
text-indent:-9999px;
background:none;
border: none;
}
#toppage .attention .title .rss a {
width:32px;
height:13px;
top:6px;
left:77px;
position:absolute;
overflow: hidden;
}
#toppage .attention ul li {
background-image:url(/share/imgs/arrow_01a.gif);
}




/* .information */
#toppage .information {
position:relative;
}
#toppage .information .title {
background-image: url(/share/imgs/bg_ttl_info.png);
background-repeat:no-repeat;
height: 26px;
/*position:relative;*/
margin:0 0 0.5em;
}
#toppage .information .title h2 {
line-height: 26px;
text-indent:-9999px;
border: none;
background:none;
}
#toppage .information .title h2 .rss a {
position:absolute;
width:32px;
height:13px;
top:6px;
left:76px;
overflow: hidden;
}
#toppage .information .title h2 .list a {
position:absolute;
overflow:hidden;
width:45px;
height:15px;
top:6px;
left:479px;
overflow: hidden;
}
#toppage .information ul li {
background-image:url(/share/imgs/arrow_01a.gif);
}




/* .rightcol */
#toppage .rightcol .left {
width:197px;
float:left;
}
#toppage .rightcol .right {
width:197px;
float:right;
}

#toppage .rightcol .mainbuttons {
margin:0 0 7px;
}
#toppage .rightcol .mainbuttons img {
margin:0 0 7px;
}
#toppage .rightcol .mainbuttons img.thin {
margin:0 0 2px;
}

#toppage .rightcol .info {
border:1px solid #5B982B;
margin:0 0 4px;
padding: 1px;
}
#toppage .rightcol .info .title {
background-image:url(/share/imgs/bg_ttl_infoitem.png);
background-repeat:no-repeat;
height: 27px;
border-bottom:1px solid #5B982B;
}
#toppage .rightcol .info .title h2 {
line-height:27px;
margin:0 0 0 34px;
color:#fff;
font-weight:bold;
}
#toppage .rightcol .info ul {
margin:5px 0 5px 8px;
}
#toppage .rightcol .info ul li {
}
#toppage .rightcol .info ul ul {
margin: 0 0 0 15px;
}
#toppage .rightcol .info ul ul li {
background:none;
}





/* .banner */
.banner {
/*text-align:center;
height:52px;
border-bottom:1px solid #64AA2B;*/
float:left;
}
.banner2 {
float:left;
padding: 6px 5px 0 0;
}
.banner3 {
border-bottom:1px solid #64AA2B;
}
.banner img {
padding: 6px 0;
}

/* --2011.06.09追加-- */
.banner4 {
margin: 0 3px;
float:left;
}
.banner4 img {
padding: 3px 0;
}


/* --------------------------------------------------
 life
-------------------------------------------------- */
#life .maincol .lifescene {
margin: 0 0 45px;
overflow: hidden;
}
#life .maincol .lifescene span {
margin: 0 15px 0 0;
}
#life .maincol .lifescene span.last {
margin: 0px;
}
#life .maincol .lifescene a {
display:inline;
}

#life .maincol .categorywrapper {
overflow:hidden;
zoom:100%;
}
#life .maincol .categorywrapper:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

#life .maincol .category {
float:left;
width: 315px;
margin: 0 0 40px;
}
#life .maincol .category .categoryinner {
padding:0 25px 0 0;
}
#life .maincol .categorylast {
float:left;
width: 290px;
}
#life .maincol .categorylast .categoryinner {
padding:0px;
}
#life .maincol .category ul {
margin: 0 0 0 1em;
}



#life .rightcol .items ul {
margin: 0 0 0.5em 1em;
padding:5px 0 0;
}
#life .rightcol .items .lifescene {
background-color:#E2F2D1;
margin:0px;
padding:0 0 5px;
}
#life .rightcol .items .lifescene ul {
margin: 0 0 0 1em;
}
#life .rightcol .items .lifescene ul ul {
margin: 0em;
}
#life .rightcol .items .lifescene ul ul li{
background-image:url(/share/imgs/arrow_01b.gif);
background-repeat:no-repeat;
background-position:left 0.5em;
padding: 0 0 0 1em;
list-style:none;
}





/* --------------------------------------------------
 event
-------------------------------------------------- */
#event .calendarwrapper {
padding:5px;
}
#event .calendarwrapper p {
margin: 0px;
padding: 0px;
}
#event .calendarwrapper .note {
color: #FF9F80;
}

#event table.calendarhead {
border:none;
width:100%;
}
#event table.calendarhead th,
#event table.calendarhead td {
border:none;
}
#event table.calendarhead td.lastmonth {
text-align:left;
}
#event table.calendarhead td.thismonth {
text-align:center;
}
#event table.calendarhead td.nextmonth {
text-align:right;
}

#event table.calendar {
border:2px solid #649D36;
width:100%;
}
#event table.calendar th,
#event table.calendar td {
border: 1px solid #649D36;
text-align:center;
}
#event table.calendar th {
background-color:#E6F4D8;
font-weight:bold;
}
#event table.calendar th.sunday {
color: #f00;
}
#event table.calendar th.saturday {
color: #00f;
}
#event table.calendar td.active {
background-color: #FF9F80;
}




/* --------------------------------------------------
 section
-------------------------------------------------- */

/* 各課・施設トップページ */
#section .maincol .sectionheaderwrapper,
#section .maincol .sectionswrapper {
font-size:108%;
line-height:153.9%;
}
#section .maincol .sectionheaderwrapper {
padding: 0px 0 50px;
zoom:100%;
}
#section .maincol .sectionheaderwrapper:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
#section .maincol .sectionheaderleft {
width:450px;
float:left;
zoom:100%;
}
#section .maincol .sectionheaderleft:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
#section .maincol .sectionheaderright {
width:450px;
float:right;
zoom:100%;
}
#section .maincol .sectionheaderright:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
#section .maincol .sectionheaderwrapper .itemsleft {
float:left;
width: 50%;
}
#section .maincol .sectionheaderwrapper .itemsright {
float:right;
width: 50%;
}


/* 各課・施設 タブ */
#section .maincol .sectionstab {
height:34px;
background-image:url(/share/imgs/bg_sectionstab.gif);
background-position:left bottom;
background-repeat:repeat-x;
position:relative;
zoom:100%;
}
#section .maincol .sectionstab:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
#section .maincol .sectionstab li {
list-style:none;
background:none;
float: left;
}
#section .maincol .sectionstab li.section a,
#section .maincol .sectionstab li.facilities a {
width:87px;
height:34px;
background-position:left center;
background-repeat:no-repeat;
position:absolute;
line-height:34px;
text-align:center;
font-size:108%;
font-weight:bold;
text-decoration:none;
}
#section .maincol .sectionstab ul#sectiontab li.section a {
background-image:url(/share/imgs/bg_tab_section_on.png);
left:15px;
color:#333;
}
#section .maincol .sectionstab ul#sectiontab li.facilities a {
background-image:url(/share/imgs/bg_tab_section_off.png);
left:111px;
color:#fff;
}
#section .maincol .sectionstab ul#facilitiestab li.section a {
background-image:url(/share/imgs/bg_tab_section_off.png);
left:15px;
color:#fff;
}
#section .maincol .sectionstab ul#facilitiestab li.facilities a {
background-image:url(/share/imgs/bg_tab_section_on.png);
left:111px;
color:#333;
}


/* 各課・施設 各課リスト */
#section .maincol .sectionswrapper {
background-image:url(/share/imgs/bg_sectionswrapper.png);
background-repeat:repeat-x;
padding: 20px 15px 30px;
zoom:100%;
}
#section .maincol .sectionswrapper:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

#section .maincol .sectionswrapper .sectionsleft {
width:435px;
float:left;
}
#section .maincol .sectionswrapper .sectionsright {
width:435px;
float:right;
}

#section .maincol .sectionswrapper ul {
margin: 0 0 15px 15px;
width:380px;
}
#section .maincol .sectionswrapper ul li {
text-align:right;
zoom:100%;
}
#section .maincol .sectionswrapper ul li:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
#section .maincol .sectionswrapper ul ul {
margin: 0px;
padding:0px;
width:355px;
}
#section .maincol .sectionswrapper ul ul li {
padding: 0 0 0 15px;
list-style:none;
background-image:url(/share/imgs/arrow_05a.gif);
background-position:left center;
background-repeat:no-repeat;
}
#section .maincol .sectionswrapper .sectionname {
float:left;
}

/* 各課・施設 詳細ページ */
#section .h1wrapper h1 {
padding: 10px 14px 0;
/*line-height:100%;*/
}
#section .h1wrapper h1 small {
font-size:50%;
font-weight:bold;
color:  #0F571F;
position:static;
line-height:100%;
margin:0px;
}

#section .detail {
border: 5px solid #ccc;
padding: 5px;
margin: 0 0 2em;
zoom: 100%;
}
#section .detail:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
#section .detail table.address {
width:560px;
border:none;
border-collapse:separate;
border-spacing:5px 5px;
float:left;
}
#section .detail table.address th,
#section .detail table.address td {
vertical-align:top;
padding: 3px;
}
#section .detail table.address th {
background-color:#E2F2D1;
width:110px;
}

#section .detail .image {
margin:5px 5px 0 0;
width:320px;
float:right;
}

#section .detail .fukue-net {
clear:both;
padding: 0 1em 1em;
}

#section .detail .fukue-net0 {
clear:both;
padding: 0 1em 1em;
}

#section .detail .fukue-net9 {
display:none;
}

#section .freeword {
margin: 2em 0;
}



/* --------------------------------------------------
 sightseeing
-------------------------------------------------- */
#sightseeing .h1wrapper {
background-image:url(/share/imgs/bg_ttl_h1_sightseeing.png);
}

/* 観光注目情報 */
#sightseeing .maincol .h2arrowwrapper h2 img {
vertical-align:baseline;
}
#sightseeing .maincol .h2arrowwrapper h2 {
border-bottom:1px solid #f90;
}

#sightseeing .attentionwrapper {
margin: 0 0 20px;
zoom:100%;
}
#sightseeing .attentionwrapper:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

#sightseeing .attentionwrapper .attention {
float:left;
width:705px;
}
#sightseeing .attentionwrapper .attention ul {
height:140px;
overflow:auto;
}

/* 観光バナー */
#sightseeing .bannerwrapper {
zoom:100%;
}
#sightseeing .bannerwrapper:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
#sightseeing .bannerwrapper img {
margin:0 3px 20px;
}

/* 観光情報 */
#sightseeing .informationwrapper {
zoom:100%;
}
#sightseeing .informationwrapper:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

#sightseeing .informationwrapper .information {
float:left;
width:705px;
}
#sightseeing .informationwrapper .information .items {
background-color:#FDEFD5;
padding:15px;
margin: 0 0 20px;
}
#sightseeing .informationwrapper .information .items .h2wrapper h2 {
background-image:url(/share/imgs/arrow_03b.gif);
padding:0 0 0 15px;
border:none;
margin:0px;
display:inline;
}
#sightseeing .informationwrapper .information .items .buttons {
}
#sightseeing .informationwrapper .information .items .buttons img {
margin: 5px;
}


#sightseeing .informationwrapper .information .sightseeingmap {
height:80px;
width:705px;
background-image:url(/share/imgs/bg_btn_sightseeing_map.gif);
background-repeat:no-repeat;
position:relative;
margin:0 0 20px;
}
#sightseeing .informationwrapper .information .sightseeingmap .text {
position:absolute;
width:330px;
height:40px;
top:40px;
left:200px;
font-size:13px;
line-height:123.1%;
color:#fff;
}
#sightseeing .informationwrapper .information .sightseeingmap .button {
text-indent:-9999px;
}
#sightseeing .informationwrapper .information .sightseeingmap .button a {
height:80px;
width:705px;
top:0px;
left:0px;
position:absolute;
}

#sightseeing .informationwrapper .information .origin {
background-color:#FDEFD5;
padding:10px;
}
#sightseeing .informationwrapper .information .origin strong {
font-size:116%;
}

/* 観光案内トップサイドバー */
#sightseeing .maincol .sidebar {
float:right;
width:200px;
border:1px solid #f90;
}
#sightseeing .maincol .sidebar .h2wrapper {
background-image:url(/share/imgs/bg_ttl_sidebar02.png);
background-position: center top;
background-repeat:no-repeat;
border-bottom:1px solid #f90;
background-color:#f90;
padding:0 0 1px;
margin:1px;
}
#sightseeing .maincol .sidebar .h2wrapper h2 {
background-image:none;
border:none;
margin:0px;
padding:0.3em 0 0 30px;
color:#fff;
}
#sightseeing .maincol .sidebar .items {
border-top:1px solid #f90;
margin:1px;
padding: 0.5em;
}
#sightseeing .maincol .sidebar .items ul {
margin:0 0 1em 0em;
}

/* 観光案内リスト */
#sightseeing .maincol .items {
margin:30px 0 40px;
zoom:100%;
}
#sightseeing .maincol .items:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
#sightseeing .maincol .items .photo {
float:left;
width:230px;
}
#sightseeing .maincol .items .text {
float:right;
width:480px;
}

#sightseeing .maincol .h3wrapper h3 {
background-image:url(/share/imgs/bg_ttl_h3_sightseeing.gif);
background-color:transparent;
}

#sightseeing  .maincol .questionnaire0 {
border: 3px solid #ccc;
padding:1em 1em 0;
margin:30px 0;
}

#sightseeing  .maincol .questionnaire9 {
display:none;
}


#sightseeing  .maincol .origin0 {
background-color:#E6F4D8;
padding:1em;
margin:30px 0;
}

#sightseeing  .maincol .origin9 {
display:none;
}


/* 観光案内リストサイドバー */
#sightseeing .rightcol .items {
border:1px solid #f90;
}

#sightseeing .rightcol .items .h2wrapper {
background-image:url(/share/imgs/bg_ttl_sidebar02.png);
border-bottom:1px solid #f90;
}





/* --------------------------------------------------
 faq
-------------------------------------------------- */
#faq .maincol .newarrival {
margin: 0 0 45px;
overflow: hidden;
}

#faq .maincol .categorywrapper {
overflow:hidden;
zoom:100%;
}
#faq .maincol .categorywrapper:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

#faq .maincol .category {
float:left;
width: 235px;
margin: 0 0 40px;
}
#faq .maincol .category .categoryinner {
padding:0 25px 0 0;
}

#faq .maincol .categorylast {
float:left;
width: 215px;
}
#faq .maincol .categorylast .categoryinner {
padding:0px;
}

#faq .maincol .category ul {
margin: 0 0 0 1em;
}





/* --------------------------------------------------
 inquiry
-------------------------------------------------- */
#inquiry .maincol .inquirywrapper {
text-align:center;
margin:0 0 40px;
}

#inquiry .maincol table.inquiry {
width:800px;
margin:0 auto;
}

#inquiry .maincol table.inquiry th {
width:13em;
text-align:right;
}

#inquiry .maincol table.inquiry td {
text-align: left;
}

#inquiry .maincol .note {
margin:1em auto 1em;
text-align:right;
width:800px;
}

#inquiry .maincol .button {
margin:0 auto 1em;
text-align:right;
width:800px;
}

#inquiry .maincol .button .btn {
border:1px solid #999;
background-color:#eee;
padding:1em;
}





/* --------------------------------------------------
 sitemap
-------------------------------------------------- */
#sitemap .maincol .h2wrapper {
margin:0 0 2em;
}

#sitemap .maincol h3 {
border-bottom: 1px solid #64AA2B;
}

#sitemap .maincol .categorywrapper {
overflow:hidden;
zoom:100%;
}
#sitemap .maincol .categorywrapper:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

#sitemap .maincol .category {
float:left;
width: 235px;
margin: 0 0 40px;
}
#sitemap .maincol .category .categoryinner {
padding:0 25px 0 0;
}

#sitemap .maincol .categorylast {
float:left;
width: 215px;
}
#sitemap .maincol .categorylast .categoryinner {
padding:0px;
}

#sitemap .maincol .category ul {
margin: 0 0 0 1em;
}





/* --------------------------------------------------
 detail
-------------------------------------------------- */
#detail .rightmenuwrapper .maincolwrapper .maincol {
margin:0 220px 0 0;
}

#detail .maincol h2 {
margin:0 0 0.5em;
}

#detail .maincol .content {
margin:30px 0;
}
#detail .maincol .content .entry-map{
margin:0 0 15px;
}
#detail .maincol .content .googlemap {
border:2px solid #64AA2B;
}

#detail .maincol .h1wrapper .h1origin {
margin:0 14px;
color: #666;
font-size:12px;
}

#detail .maincol p {
margin:0 0 1em;
/*zoom:100%;*/
}
#detail .maincol p:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

#detail .maincol .photoleft {
float:left;
margin:0 10px 10px 0;
}
#detail .maincol .photoright {
float:right;
margin:0 0 10px 10px;
}

#detail .maincol .calendarwrapper {
margin:30px 0;
zoom:100%;
}
#detail .maincol .calendarwrapper:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
#detail .maincol .calendarwrapper table.calendar {
float:left;
width:230px;
margin:0 10px 10px 0;
}
#detail .maincol .calendarwrapper table.calendar th,
#detail .maincol .calendarwrapper table.calendar td {
text-align:center;
}
#detail .maincol .calendarwrapper table.calendar th.sunday {
color: #f00;
}
#detail .maincol .calendarwrapper table.calendar th.saturday {
color: #00f;
}
#detail .maincol .calendarwrapper table.calendar td.active {
background-color: #FF9F80;
}
#detail .maincol .calendarwrapper .sampleactive {
color: #FF9F80;
}


#detail .maincol .mapwrapper .h2arrowwrapper,
#detail .maincol .attachwrapper .h2arrowwrapper,
#detail .maincol .linkswrapper .h2arrowwrapper {
margin: 0 0 0.5em;
}
#detail .maincol .mapwrapper .h2arrowwrapper h2,
#detail .maincol .attachwrapper .h2arrowwrapper h2,
#detail .maincol .linkswrapper .h2arrowwrapper h2 {
margin: 0em;
}
#detail .maincol .attachwrapper {
margin:30px 0;
}
#detail .maincol .attachwrapper ul li {
padding:0 0 0 25px;
margin: 0 0 0.5em;
}
#detail .maincol .attachwrapper ul li.excel {
background-image:url(/share/imgs/icon_excel.gif);
background-repeat:no-repeat;
background-position:left center;
}
#detail .maincol .attachwrapper ul li.word {
background-image:url(/share/imgs/icon_word.gif);
background-repeat:no-repeat;
background-position:left center;
}
#detail .maincol .attachwrapper ul li.pdf {
background-image:url(/share/imgs/icon_pdf.gif);
background-repeat:no-repeat;
background-position:left center;
}

#detail .maincol .linkswrapper {
margin:30px 0;
}

#detail .maincol .mapwrapper {
margin:30px 0;
}

#detail .maincol .questionnaire {
border: 3px solid #ccc;
padding:1em 1em 0;
margin:30px 0;
}

#detail .maincol .questionnaire0 {
border: 3px solid #ccc;
padding:1em 1em 0;
margin:30px 0;
}

#detail .maincol .questionnaire9 {
display:none;
}

#detail .maincol .origin {
background-color:#E6F4D8;
padding:1em;
margin:30px 0;
}
#detail .maincol .origin0 {
background-color:#E6F4D8;
padding:1em;
margin:30px 0;
}

#detail .maincol .origin9 {
display:none;
}

#detail .maincol .origin p.lastrow {
margin:0em;
}

#emergency .h1wrapper {
background-image:url(/share/imgs/bg_ttl_h1_emergency.png);
}

.img_right{
clear:right;
float:right;
padding: 1px;
margin: 0px 0px 0px 8px;
text-align: center;
font-size: 90%;
}

.img_left{
clear:left;
float:left;
padding: 1px;
margin: 0px 8px 0px 0px;
text-align: center;
font-size: 90%;
}

.img_center{
float:left;
font-size:90%;
margin:0 0 0 20px;
padding:1px;
text-align:center;
}

.yume .img_left{
margin:5px 0;
text-align: left;
width: 100%;
}
.yume .img_left img{
margin: 0 5px 0;
float: left;
}