@charset "shift-jis";
/*==============================================================================
detail(基本ページ・汎用ページ・広報ページ・ライフイベントページ)用CSS
Last update (wrixon) 2010/05/17 : 書式編集モード用修正
==============================================================================*/
#detail div#spreadBox{margin:0 0 30px 0;}
#detail .crossBox{
	margin:30px 0 0;
	padding:0 0 0 0;
  
}
#detail .subBox{
	margin:20px 0 0 0;
	padding:20px 0 0;
	background: url(/contents/000000436.gif) repeat-x top;
	clear:both;
}
#detail .inquiryBox,
#detail .pageLink{margin:30px 0 0;}

#detail h2{
	padding:7px 9px;
	background-color:#DDD;
	border-bottom:solid 4px #999;
	font-weight:bold;
	font-size:16px;
}
#detail h3{
	padding:7px 9px 7px 4px ;
	background-color:#EEE;
	border-left:solid 4px #999;
	font-weight:bold;
	font-size:16px;
}
#detail h4{
	margin:0 9px;
	padding:4px 0 4px 4px;
	background-color:#FFF;
	border-left:solid 4px #999;
	font-weight:bold;
	font-size:14px;
}
#detail h2,
#detail h3,
#detail h4{margin-bottom:0;}

#detail p,
#detail div.edit{
	padding:14px 9px 9px;
	line-height:1.5;
}
#detail strong{font-weight:bold;}
#detail em{font-style:italic;}

#detail .imageArea{
padding:14px 9px 9px;
text-align:center;
}
#detail .imageArea img{}
#detail .imageArea .caption{
margin:4px 0 0 0;
padding:0;
font-size:12px;
}
/*
#detail .imgLeft,
#detail .imgRight{width:320px;}
*/
#detail .imgLeft{float:left;}
#detail .imgRight{float:right;}

#detail .freeArea{
margin:12px 9px 9px;
clear:both;
}

#detail ul#pageLink li,
#detail dl#pageLink dd,
#detail ul.relatedLink li,
#detail ul.relatedFile li{
	margin:0;
	padding:5px 0 5px 16px;
	background:no-repeat left center;
}

#detail ul#pageLink,
#detail dl#pageLink{
	margin:30px 0;
	padding:10px;
	background:none;
	background-color:#EEE;
}
#detail dl#pageLink dt{
background:none;
margin:0;
padding:0;
font-weight:bold;
}
#detail ul#pageLink li,
#detail dl#pageLink dd{background-image:url(/contents/000000552.gif);}

#detail ul.relatedLink,
#detail ul.relatedFile{
	margin:8px 9px;
	padding:5px 0;
	clear:both;
}

#detail ul.relatedLink{}
#detail ul.relatedLink li{background-image:url(/contents/000000551.gif);}

#detail ul.relatedFile{}
#detail ul.relatedFile li{background-image:url(/contents/000000550.gif);}

#detail dl{
margin:14px 9px 9px 338px;
background:url(/contents/000000436.gif) repeat-x 0 23px;
}
#detail dt{
margin:0 0 10px ;
padding:0 0 0 22px;
background:url(/contents/000000553.gif) no-repeat left;
}
#detail dd{
	margin:0 0 0 1px;
	padding:3px 0;
}

#detail .inquiryBox h3{
padding:0;
border: none 0px;
}
#detail .inquiryBox ul{margin:0 9px 9px;}
#detail .inquiryBox li{
	margin:10px 0 0 17px;
	list-style-type:disc;
}

#detail .backMenu{
margin:20px 10px 0 0;
text-align:right;
}

/*==============================================================================
空き屋
==============================================================================*/
#detail div.akiya p.location{text-align:right;}
#detail div.akiya ul{
margin:0 0 0 9px;
padding-top:10px;
}
#detail div.akiya ul li{
padding:0 10px 10px 0;
float:left;
}
#detail div.akiya ul li p.detail{text-align:center;padding:0;}
#detail div.akiya ul li img{
margin:0 0 0 0 ;
display:block;
}
#detail div.akiya ul li img.newWindow{display:inline;padding-left:3px;}

#detail div.akiya ul li figure{
	position: relative;
	overflow: hidden;
	width: 244px;
        height:183px;
        margin: 0px;
        border: solid 1px;
        border-color: #bbb;
        border-radius: 5px;        /* CSS3草案 */  
        -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
        -moz-border-radius: 5px; 
}

#detail div.akiya ul li figcaption{
	position: absolute;
	bottom: -40px;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 40px;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
}


#detail div.akiya ul li figcaption p {
        color: #fff;
        font-size: 16px;
        text-align: center;
        font-weight: bold;
        padding: 8px 0 0;
        font-family: 'Open Sans', sans-serif;
}

#detail div.akiya ul li figure:hover figcaption{
	bottom: 0;
}

#detail div.akiya ul li figure img{
       /*
       -webkit-transition: all 1s ease;
       -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
       -ms-transition: all 1s ease;
       transition: all 1s ease; 
      */
       opacity:1.0 !important;
       filter: alpha(opacity=100)  !important;
       -ms-filter: "alpha( opacity=100 )"  !important;
}

#detail div.akiya ul li figure img:hover{
  /*
  width: 269.5px;
  height: 201.3px;
 */
  opacity:1.0 !important;
  filter: alpha(opacity=100)  !important;
  -ms-filter: "alpha( opacity=100 )"  !important;
}

/*==============================================================================
観光スポット用
==============================================================================*/
#detail div.tour p.location{text-align:right;}
#detail div.tour ul{
margin:0 0 0 9px;
color: #333;
}
#detail div.tour ul li{
padding:0 20px 10px 0;
float:left;
list-style: none !important;
}
#detail div.tour p{
width:215px;
height:140px;
}
#detail div.tour ul li p.detail{text-align:center;padding:0;}
#detail div.tour ul li img{
margin:4px 0 6px 0 ;
display:block;
}
#detail div.tour ul li img.newWindow{display:inline;padding-left:3px;}

/*==============================================================================
観光情報用
==============================================================================*/
#detail div.tour_info p.location{text-align:right;}
#detail div.tour_info ul{
margin:0 0 0 9px;
color: #333;
}
#detail div.tour_info ul li{
padding:0 20px 10px 0;
float:left;
list-style: none !important;
}
#detail div.tour_info p{
width:320px;
height:86px;
margin-left:13px !important;
}
#detail div.tour_info ul li p.detail{text-align:center;padding:0;}
#detail div.tour_info ul li img{
margin:4px 0 6px 0 ;
display:block;
}
#detail div.tour_info ul li img.newWindow{display:inline;padding-left:3px;}

/*==============================================================================
定住情報用
==============================================================================*/
#detail div.settling_info{
color: #555 !important;
font-size:17px;
width:760px;
height:580px;
margin-bottom: 20px;
}


#detail div.settling_info ul{
margin:0 0 0 9px;
}
#detail div.settling_info ul li{
padding:0 36px 10px 0;
float:left;
list-style: none !important;
width:200px;
height:270px;
}
#detail div.settling_info ul li img{
margin:6px 0 6px 0 ;
display:block;
}
#detail div.settling_info ul li p{
margin-left:4px;
font-size:14px;
font-weight:normal;
}

#detail div.event_area{
padding-left: 30px;
margin-bottom: 20px;
}

#detail div.event_area div.pagetitle span{
padding-left:10px;
font-size: 20px;
font-weight: bold;
}

#detail div.event_area ul {
margin: 5px !important;
}

#detail div.event_area ul li {
list-style: none !important;
background: url(/contents/000011447.jpg) no-repeat;
margin-top: 10px;
margin-bottom: 10px;
}

#detail div.event_area ul li a {
text-decoration: none;
}

#detail div.event_area ul li a:hover{
color:#FF8E00;
text-decoration: underline;
}

#detail div.event_area ul li span {
padding-left: 30px;
}

#detail div.page_detail{
padding-left: 30px;
padding-top: 10px;
}

#detail div.assistance_detail{
width:350px;
height:250px;
padding-left:30px;
margin-bottom:20px;
margin-top:20px;
float:left;
}

#detail div.assistance_detail div.pagetitle{
}

#detail div.assistance_detail div.pagetitle span{
padding-left:10px;
font-size: 20px;
font-weight: bold;
}

#detail div.assistance_detail ul{
margin: 5px !important;
}

#detail div.assistance_detail ul li{
list-style: none !important;
background: url(/contents/000011447.jpg) no-repeat;
margin-top:10px;
margin-bottom:10px;
}

#detail div.assistance_detail ul li a{
text-decoration: none;
}

#detail div.assistance_detail ul li a:hover{
color:#FF8E00;
text-decoration: underline;
}
#detail div.assistance_detail ul li a span{
padding-left:30px;
}

#detail div.assistance_detail ul li span{
padding-left:30px;
}

#detail div.story_detail{
padding-left:30px;
margin-bottom:20px;
margin-top:20px;
float:left;
}

#detail div.story_detail div.pagetitle{
}

#detail div.story_detail div.pagetitle span{
padding-left:10px;
font-size: 20px;
font-weight: bold;
}

#detail div.story_detail ul{
margin: 5px !important;
}

#detail div.story_detail ul li{
list-style: none !important;
background: url(/contents/000011447.jpg) no-repeat;
margin-top:10px;
margin-bottom:10px;
}

#detail div.story_detail ul li a{
text-decoration: none;
}

#detail div.story_detail ul li a:hover{
color:#FF8E00;
text-decoration: underline;
}
#detail div.story_detail ul li a span{
padding-left:30px;
}
/*==============================================================================
子育て情報用
==============================================================================*/

#detail div.child_detail_left{
	margin-right:20px;
	margin-bottom:20px;
        width:360px;
        float:left;
}

#detail div.child_detail_right{
	margin-bottom:20px;
        width:360px;
        float:left;
}

#detail div.child_detail_area{
        text-align:center;
        height:660px;
}

#detail div.child_detail_area p{
        padding: 10px !important;
        text-align: left;
        color: #545454;
}

#detail div.child_detail_area a:hover img
{
opacity:1.0 !important;
filter: alpha(opacity=100)  !important;
-ms-filter: "alpha( opacity=100 )"  !important;
}

#detail div.menu_area{
        clear:both;
}

#detail div.menu_area ul li{
        list-style: none !important;
        margin:5px;
        float:left;
}

#detail div.menu_area a:hover img
{
opacity:1.0 !important;
filter: alpha(opacity=100)  !important;
-ms-filter: "alpha( opacity=100 )"  !important;
}

/*==============================================================================
書式編集モード用
==============================================================================*/
/*この記事に関するお問い合せ先*/
.inquiryBox div.edit{padding:0;}

#detail div.edit h1,
#detail div.edit h2,
#detail div.edit h3,
#detail div.edit h4,
#detail div.edit h5,
#detail div.edit h6,
#detail div.edit pre,
#detail div.edit address{
margin:0;
padding:0;
background-color:transparent;
border:0 none;
font-size:14px;
font-weight:normal;
line-height:1.5;
}
#detail div.edit p{margin:0;padding:0;}

#detail div.edit ul{margin:0 0 0 2em;}
#detail div.edit ul li{list-style:disc;}
#detail div.edit ol{margin:0 0 0 2em;}
#detail div.edit ol li{list-style:decimal;}

#detail div.edit sub{vertical-align:sub;}
#detail div.edit sup{vertical-align:super;}

#detail div.edit table th{padding:4px;}
#detail div.edit table td{padding:4px;}