@charset "utf-8";

/*--reset--*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
ol,ul {
    list-style: none;
}
caption,th {
    text-align: left;
}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}

/*--base--*/

body{
	color:#303030;
	font-family:Arial,sans-serif;
	font-size:90%;
	line-height:1.5em;
}


li img{
	vertical-align:top;
}

#wrapper{
		width:100%;
}

h3 span{
	font-weight:normal;
	font-size:80%;
	margin-left:10px;
}

/* Icon.
----------------------------------------------- */
.iconFile, .iconDefault {
  padding: 12px 5px 12px 42px;
  background-repeat: no-repeat;
  background-image: url(/_common/images/icons/default.gif);
  line-height: 3.3;
  height: 40px;
}
.iconBmp {
  background-image: url(/_common/images/icons/bmp.gif);
}
.iconCsv {
  background-image: url(/_common/images/icons/csv.gif); 
}
.iconDoc,
.iconDocx {
  background-image: url(/_common/images/icons/doc.gif); 
}
.iconGif {
  background-image: url(/_common/images/icons/gif.gif); 
}
.iconJpg {
  background-image: url(/_common/images/icons/jpg.gif); 
}
.iconJpe {
  background-image: url(/_common/images/icons/jpg.gif); 
}
.iconJpeg {
  background-image: url(/_common/images/icons/jpg.gif); 
}
.iconJtd {
  background-image: url(/_common/images/icons/jtd.gif); 
}
.iconLzh {
  background-image: url(/_common/images/icons/lzh.gif); 
}
.iconPdf {
  background-image: url(/_common/images/icons/pdf.gif); 
}
.iconPng {
  background-image: url(/_common/images/icons/png.gif); 
}
.iconPpt {
  background-image: url(/_common/images/icons/ppt.gif); 
}
.iconTxt {
  background-image: url(/_common/images/icons/txt.gif); 
}
.iconXls,
.iconXlsx {
  background-image: url(/_common/images/icons/xls.gif);
}
.iconZip {
  background-image: url(/_common/images/icons/zip.gif); 
}

/*--header--*/

#nocssread {
    display: none;
	speak:none;
    margin-right: -9999px;
}

#accessibility_bar{
	width:100%;
	background:url(/_common/images/bg_bar.gif) repeat-x left bottom;	
}

#accessibility_bar img{
	vertical-align:top;
}

#accessibility_bar #navigationNotice{
	color:#0071BC;
	padding:5px;
	line-height:1;
	text-align:center;
	vertical-align:middle;
	letter-spacing: normal;
	background:#ECF5FF;
}

#accessibility_bar .contents{
	line-height:1;
	vertical-align:middle;
	width:980px;
	height:32px;
	margin:0 auto;
	text-align:right;
	padding:0;
	letter-spacing: normal;
}

#accessibility_bar .contents img{
	padding-top:4px;
}


a#navigationRuby,
a#navigationTalk,
a.riyou{
	height: 32px;
	background-position:left top;
}

a#fontSmall,
a#fontMiddle,
a#fontLarge,
a#themeBlack,
a#themeBlue,
a#themeWhite{
    display: inline-block;
    height: 32px;
    overflow: hidden;
    text-indent: 9999px;
    vertical-align:top;
    width: 20px;
background-repeat: no-repeat;
background-position:left bottom;
margin:0 3px;
}

a#fontSmall {
    background-image: url(/_common/images/button_small_off.gif);
}

a#fontSmall:hover {
    background-image: url(/_common/images/button_small_on.gif);
}

a#fontMiddle {
    background-image: url(/_common/images/button_middle_off.gif);
}

a#fontMiddle:hover {
    background-image: url(/_common/images/button_middle_on.gif);
}

a#fontLarge {
    background-image: url(/_common/images/button_large_off.gif);
}

a#fontLarge:hover {
    background-image: url(/_common/images/button_large_on.gif);
}

a#themeBlack {
    background-image: url(/_common/images/button_black.gif);
}

a#themeBlue {
    background-image: url(/_common/images/button_blue.gif);
}

a#themeWhite {
    background-image: url(/_common/images/button_white.gif);
}

a#navigationRuby {
    background-image: url(/_common/images/button_ruby_off.gif);
    background-repeat: no-repeat;
    display: inline-block;
    line-height: 2;
    overflow: hidden;
    text-indent: 9999px;
    vertical-align: top;
    width: 137px;
}


a#navigationRuby:hover {
    background-image: url(/_common/images/button_ruby_on.gif);
}

a#navigationRuby.rubyon {
    background-image: url(/_common/images/button_ruby_active.gif);
}

a#navigationTalk {
    background-image: url(/_common/images/button_yomiage_off.gif);
    background-repeat: no-repeat;
    display: inline-block;
	line-height: 2;
    overflow: hidden;
    text-indent:9999px;
    vertical-align: top;
    width: 112px;
	
}

a#navigationTalk:hover {
    background-image: url(/_common/images/button_yomiage_on.gif);
}

a#navigationTalk.rubyon {
    background-image: url(/_common/images/button_yomiage_active.gif);
}

#navigationTalkPlayer{
}

a.riyou {
    background-image: url(/_common/images/button_guide_off.gif);
    background-repeat: no-repeat;
    display: inline-block;
    line-height: 2;
    overflow: hidden;
    text-indent: 9999px;
    vertical-align: top;
    width: 100px;
}

a.riyou:hover {
    background-image: url(/_common/images/button_guide_on.gif);
}



#header{
}

#header .contents{
	margin:0 auto;
	width:980px;
	height:58px;
	padding:11px 0 6px 0;
	background:url(/_common/images/bg_header.png) no-repeat left bottom;
	line-height:1;
}

#header .contents .logo{
	float:left;
	width:420px;
	padding:0px 10px;
}
#header #pnavi{
	float:right;
	width:540px;
	padding:0px 0px 0px 0px;
}


#header #pnavi .left{
	width:300px;
	float:left;
}

#header #pnavi .left #search_area{
	float:left;
	padding:2px 0 10px 0;
}

#header #pnavi .left #search_area p{
	margin:5px 0px 10px 10px;
	text-align:right;
	font-size:90%;
}

#header #pnavi .left #search_area p a{
	background:url(/_common/images/icon_arrow.png) no-repeat left center;
	padding:0 0 0 15px;
}


#header #pnavi .left #search_area form{
}

#header #pnavi .left #search_area label{
}

#header #pnavi .left #search_area #search-box{
	width:209px;
	height:12px;
	margin:0;
	padding:4px;
	vertical-align:top; 
}



#header #pnavi .left #search_area #search-box{
}

#header #pnavi .right{
	width:240px;
	float:right;
}


#header #pnavi .right #button_area ul li{
float:left;
padding:0px 0px 5px 5px;
}

#gnavi{
	background:url(/_common/images/bg_gnavi.jpg) repeat-x left top;
	box-shadow:0px 5px 5px rgba(0,0,0,0.1);
height: 55px;
}

#gnavi .contents{
	width:980px;
	margin:0 auto;

}

.gnavi_area{

}

#gnavi .gnavi_area:before, #gnavi .gnavi_area:after{
content: "";
display: table;
}
.gnavi_area:after{
 clear: both;

}
#gnavi .gnavi_area li{
position: relative;
width: 163px;
float: left;

}
#gnavi .gnavi_area li a{
 display: block;
font-size: 12px;
color:#001D7F;
text-decoration: none;
}

#gnavi .gnavi_areas li ul{
position: absolute;
z-index: 99;
top: 100%;
left: 0;
margin: 0;
padding: 0;
}
#gnavi .gnavi_area ul li ul li{
width: 100%;
}


#gnavi .gnavi_area ul li ul li a{
display: block;
background: #83CCFF;
border-top: 1px solid #3F96FF;
color: #001D7F;
padding: 15px 0 11px 6px;
}
#gnavi .gnavi_area ul li ul li a:hover{
background: #54ADFF;
color: #FFFFFF;
}

#gnavi .gnavi_area li ul{
display: none;
}
#gnavi .gnavi_area li:hover ul{
  display: block;
}





#breadCrumb{
	width:960px;
	margin:10px auto;
	padding:0 20px;
}


/*--main--*/
#topimg{
	width:970px;
	margin:10px auto;
	padding:0 10px;
}
.ifream-area{
width:990px;
	margin:10px auto;
	padding:0 10px;}

#container{
	width:970px;
	margin:10px auto;
	padding:0 10px;
}

#container.two_column #main_area{
	width:750px;
	float:right;
}


#container.two_column #main_area #center_column{
	float:left;
	width:750px;
}

#container.two_column #left_column{
	float:left;
	width:200px;
}

#container.three_column{
	margin-top:15px;
}

#container.three_column #main_area{
	width:750px;
	float:right;
}


#container.three_column #main_area #center_column{
	float:left;
	width:530px;
}

#container.three_column #right_column{
	float:right;
	width:200px;
}

#container.three_column #left_column{
	float:left;
	width:200px;
	margin:0;
}



#main_area h1{
	
	}

#main_area .parts{
	margin:0 0 15px 0;
}

#topEmergency{
	margin:0 0 10px 0;
}

#topEmergency .pieceContainer{}

#topEmergency .pieceContainer .pieceBody{
	border:2px solid #9E382E;
	padding:10px;
}

#topEmergency .pieceContainer h2{
text-indent:-9999px;
background:url(/_common/images/bg_title_emergency.png) no-repeat left top;	
height:28px;
}

#topEmergency .pieceContainer .tabs{
	display:none;
	speak:none;
}

#topEmergency .pieceContainer .wrapper ul li{
	background:url(/_common/images/icon_exclamation.png) no-repeat left center;
	padding-left:20px;
	margin:0 0 5px 0;
}



#topics_area{

}

#topics_area #topics_container{
	position:relative;
	overflow:hidden;
z-index:-1;
}

#topics_area #topics_container #topics_title{
position:relative;
}

#topics_area #topics_container #topics_link{
	font-size:80%;
	line-height:21px;
	margin:0;
	padding:0 5px 0 25px;
	background:url(/_common/images/title_topics_link.png) no-repeat left top;	
	position:absolute;
	top:17px;
	right:10px;
z-index:1000;
}

#topics_area .contents{
	border-right:2px solid #9C658F;
	border-bottom:2px solid #9C658F;
	border-left:2px solid #9C658F;
	padding:10px 8px 8px 8px
}

#topics_area .contents #topics_photo{
	float:left;
	width:260px;
}

#topics_area .contents #topics_photo img{
	width:240px;
	padding:4px;
	border:1px solid #C8C8C8;
	margin-right:10px;
}

#topics_area .contents #topics_content{
	margin-left:260px;
}

#topics_area .contents h3{
	font-size:140%;
	font-weight:bold;
	margin:5px 0px;
	padding-bottom:5px;
	border-bottom:1px solid #C8C8C8;
}

#topics_area .contents #topics_description h3 span{
	font-size:70%;
	margin-left:10px;
}

#topics_area .contents #topics_description p{
	margin: 10px 10px 1em 10px;
}

#newsTab{
	margin:20px 0;
}

#newsTab .tabs{}

#newsTab .tabs a{
	line-height:16px;
	text-decoration:none;
	display:block;
	width:94px;
	margin-right:2px;
	background:url(/_common/images/tab_off.png) no-repeat left top;
	padding:8px 10px 6px 27px;
	float:left;
}

#newsTab .tabs a:hover,
#newsTab .tabs a:active{
	background:url(/_common/images/tab_on.png) no-repeat left top;
}

#newsTab .tabs a.current{
	color:#FFFFFF;
	background:url(/_common/images/tab_current.png) no-repeat left top #035CB3;
}

#newsTab .tabs a.nyuusatsu{
	margin-right:0;
}

#newsTab .wrapper{
	border:2px solid #1E90FF;
	background:#EDF2F5;
	padding:4px;
}

#newsTab .wrapper .content{
	background:#FFFFFF;
	padding:10px;
	border:1px solid #D1E2F2;
	border-radius:2px;
}

#newsTab .wrapper ul{
}

#newsTab .wrapper ul li{
	background:url(/_common/images/icon_arrow.png) no-repeat left 0.4em;
	margin:0 0 5px 0;
	padding:0 0 5px 20px;
	border-bottom:1px solid #F0F0F0;
}

#newsTab .wrapper ul li:last-child{
	margin-bottom:0;
	border-bottom:none;
}

#newsTab .wrapper .links .shinchaku{
	padding:10px;
}

#newsTab .wrapper .feed{
	float: left;
    position:absolute;
z-index:4;
}

#newsTab .wrapper .feed a{
	display:inline-block;
}

.wrapper .feed a.rss{
	background: url(/_common/images/icon_rss2.png) no-repeat left top;
    height: 0;
    overflow: hidden;
    padding-top: 20px;
    vertical-align: middle;
    width: 56px;
}

.wrapper .feed a.atom{
	background: url(/_common/images/icon_atom2.png) no-repeat left top;
    height: 0;
    overflow: hidden;
    padding-top: 20px;
    vertical-align: middle;
    width: 56px;
}


#newsTab .wrapper .more{
    text-align: right;
	padding:0px;
}

.attributes{
	color:#606060;
	font-size:80%;
	margin-left:5px;
}



#event_area{}

#event_area h2{
}

#event_area .contents{
	border-right:2px solid #003B6A;
	border-bottom:2px solid #003B6A;
	border-left:2px solid #003B6A;
	padding:8px;
}

#event_area .contents .tabs{
	display:none;
	speak:none;
}

#event_area .contents ul.event_tab li{
	background:url(/_common/images/icon_arrow.png) no-repeat left 0.4em;
	margin:0 0 5px 0;
	padding:0 0 5px 20px;
	border-bottom:1px solid #F0F0F0;
}


#event_area .contents ul.event_tab li:last-child{
	margin-bottom:0;
	border-bottom:none;
}

#event_area .contents ul.event_tab li .attributes{
	display:none;
	speak:none;
}



#life_area{}

#life_area h3{
	background:url(/_common/images/bg_title_purple.jpg) repeat-x left top;
}

#life_area h3 span{
	display:block;
	background:url(/_common/images/bg_title_life.jpg) no-repeat right center;
}

#life_area ul{
	margin:5px 5px 10px 5px;
}

#life_area ul li{
	float:left;
	padding:4px;
}

.two_column #life_area ul{
	width:648px;
	background:#EDF2F5;
	margin:0 auto;
	padding:20px;
}

.two_column #life_area ul li{
	margin:0;
	padding:5px 20px;
	background:none;
}







#ad_area{
}

#ad_area #ad_container{
	position:relative;	
}

#ad_area #ad_container #ad_title{}

#ad_area #ad_container #ad_link{
	font-size:80%;
	line-height:21px;
	padding:0 5px 0 25px;
	background:url(/_common/images/title_ad_link.png) no-repeat left top;	
	position:absolute;
	bottom:7px;
	right:10px;
}

#ad_area .contents{
	border-right:2px solid #C0C0C0;
	border-bottom:2px solid #C0C0C0;
	border-left:2px solid #C0C0C0;
	padding:10px 8px 8px 8px
}

#ad_area .contents ul{
	margin-bottom:10px;
}

#ad_area .contents ul li{
	width:33%;
	float:left;
	text-align:center;	
}

#ad_area .contents p{
	color:#404040;
	font-size:80%;
	text-align:center;
}

/*--side_parts--*/

.side_area{
}

.side_area .parts{
	margin:0 0 15px 0;
}

#page-index .side_area #emergency_guide{
	margin-top:10px;
}

.side_area #emergency_guide{
}

.side_area #emergency_guide ul li{
	margin:0 0 5px 0;
}

.side_area .contents{
	padding:10px;
}

.side_area #side_publishity .contents,
.side_area #side_service .contents,
.side_area #side_office .contents,
.side_area #side_funagata_info .contents,
.side_area #side_population .contents{
border-right:1px solid #C8C8C8;
border-bottom:1px solid #C8C8C8;
border-left:1px solid #C8C8C8;
padding:10px 9px 9px 9px;
}

.side_area #snavi{}

.side_area #snavi ul li{
	margin:0 0 5px 0;
}

.side_area .smenu_box h3{
	
}

.side_area .smenu_box ul{
	background:url(/_common/images/smenu_bottom_bg.png) no-repeat left bottom;
	padding-bottom:2px
}


.side_area .smenu_box ul li{
	line-height:14px;
	background:url(/_common/images/smenu_bg.gif) no-repeat left top;
	padding:9px 5px 9px 25px;
}

.side_area #side_publishity{}

.side_area #banner_list{}

.side_area #banner_list ul li,
.side_area #banner_list2 ul li{
	margin:10px 0;
}

.side_area #side_service{}

.side_area #side_service ul li img{
	margin-bottom:5px;
}

.side_area #side_office{}

.side_area #side_office p{
	font-size:80%;
	margin:5px 0;
	padding:0 0px;
	line-height:1.25;
}

.side_area #side_office ul li{
	margin:5px 0;
}

.side_area #side_funagata_info{}

.side_area #side_funagata_info .contents{
	padding:0px 10px 10px 10px;
}

.side_area #pickup_area{
margin:10px 0 0 0;
}

.side_area #pickup_area ul li{
margin-bottom:10px;
}

#sideCalendar,
#sideEventCalendarDate{
	border:2px solid #1E90FF;
margin-bottom:10px;
}

#sideCalendar .month,
#sideEventCalendarDate .month{
	background-repeat: no-repeat;
    height: 108px;
    overflow: hidden;
    text-indent: -9999px;
}

#sideCalendar .january,
#sideEventCalendarDate .january{
	background-image:url(/_common/images/bg_calendar_01.png);
}


#sideCalendar .february,
#sideEventCalendarDate .february{
	background-image:url(/_common/images/bg_calendar_02.png);
}

#sideCalendar .march,
#sideEventCalendarDate .march{
	background-image:url(/_common/images/bg_calendar_03.png);
}

#sideCalendar .april,
#sideEventCalendarDate .april{
	background-image:url(/_common/images/bg_calendar_04.png);
}

#sideCalendar .may,
#sideEventCalendarDate .may{
	background-image:url(/_common/images/bg_calendar_05.png);
}

#sideCalendar .june,
#sideEventCalendarDate .june{
	background-image:url(/_common/images/bg_calendar_06.png);
}

#sideCalendar .july,
#sideEventCalendarDate .july{
	background-image:url(/_common/images/bg_calendar_07.png);
}

#sideCalendar .august,
#sideEventCalendarDate .august{
	background-image:url(/_common/images/bg_calendar_08.png);
}

#sideCalendar .september,
#sideEventCalendarDate .september{
	background-image:url(/_common/images/bg_calendar_09.png);
}

#sideCalendar .october,
#sideEventCalendarDate .october{
	background-image:url(/_common/images/bg_calendar_10.png);
}

#sideCalendar .november,
#sideEventCalendarDate .november{
	background-image:url(/_common/images/bg_calendar_11.png);
}

#sideCalendar .december,
#sideEventCalendarDate .december{
	background-image:url(/_common/images/bg_calendar_12.png);
}

#sideCalendar .calendar,
#sideEventCalendarDate .calendar{
	padding:8px;
}

#sideCalendar .week,
#sideEventCalendarDate .week{}

#sideCalendar .wday,
#sideCalendar .day,
#sideEventCalendarDate .wday,
#sideEventCalendarDate .day{
	text-align:center;
	width:21px;
	display:block;
	float:left;
	padding:2px;
}

#sideCalendar .wday,
#sideEventCalendarDate .wday{
	font-weight:bold;
}

#sideCalendar .sun,
#sideCalendar .holiday,
#sideEventCalendarDate .sun,
#sideEventCalendarDate .holida{
	color:#C00909;
}

#sideCalendar .sat,
#sideEventCalendarDate .sat{
	color:#3366FF;
}

#sideEventCalendarDate .current_month{
text-align:right;
padding:10px;
background:#EDF2F5;
}


#sideCalendar .links,
#sideEventCalendarDate .links{
    clear: both;
    padding: 5px 0 10px;
    text-align: center;
}

#sideCalendar .prevMonth,
#sideCalendar .nextMonth,
#sideEventCalendarDate .prevMonth,
#sideEventCalendarDate .nextMonth{
	color:#404040;
}

.side_area #side_population{}

.side_area #side_population table{
	border-top:1px solid #C8C8C8; 
	border-right:1px solid #C8C8C8; 
	width:100%;
}

.side_area #side_population table caption{
	font-weight:normal;
	margin-bottom:5px;
	font-size:90%;
	color:#404040;
}

.side_area #side_population table th,
.side_area #side_population table td{
	border-bottom:1px solid #C8C8C8; 
	border-left:1px solid #C8C8C8; 
	padding:5px;
}

.side_area #side_population table th{
	background:#E4F2FF;
	text-align:center;
	font-weight:bold;
}

/*--footer--*/
#footer_page_top{
	width:960px;
	margin:0 auto 10px auto;
	padding:0 20px;
	text-align:right;
}

#footer{
}

#footer p{
	line-height:1.5;
}

#footer h3{
	font-size:95%;
	font-weight:bold;
	margin:5px 0;
}

#footer ul li{
	font-size:80%;
	margin-bottom:5px;
	line-height:1.25;
}

#footer .contents{
	width:960px;
	margin:0 auto;
	padding:0 10px 20px 10px;
	background:url(/_common/images/footer_megami.png) no-repeat left bottom;
	border-top:1px solid #F0F0F0;
}

#footer .contents dl{
	font-size:85%;
	margin-bottom:10px;
}

#footer .contents dl dt{
	font-weight:bold;
	float:left;
	width:55px;
	text-align:center;
}

#footer .contents dl dd{
	padding-left:55px;
}

#footer .contents #column2{
	width:240px;
	height:250px;
	float:left;
	padding-top:10px;
	padding-left:95px;
}

#footer .contents #column2 p{
	margin-bottom:10px;
	font-size:85%;
}

#footer .contents #column3,
#footer .contents #column4,
#footer .contents #column5,
#footer .contents #column6,
#footer .contents #column7{
	width:120px;
	float:left;
	padding-top:10px;
	padding-right:5px;
}

#footer_link{
	text-align:center;
	border-bottom:1px solid #21477d;
	line-height:1;
	padding:10px 0 10px 0;
}

#footer_link a{}

#copyright{

	text-align:center;
	line-height:1;
	padding:10px 0;
}


/*--single--*/

.title_image{
	margin-bottom:10px;
}

#contents_list{
	margin-bottom:20px;
}

#contents_list ul{
}

#contents_list ul li{
	width:230px;
	border:1px solid #D8D8D8;
	padding:0px;
	float:left;
	margin:8px;
	background:#FEFEFE;
}

#contents_list ul li img{
	margin:5px;
	float:left;
	border:1px solid #C8C8C8;
}

#contents_list ul li h2{
	font-size:120%;
	font-weight:bold;
	border-bottom:1px solid #C8C8C8;
	padding:5px 0 5px 110px;
	line-height:20px;
	background:url(/_common/images/bg_contents_list.gif) no-repeat left top;
}

#contents_list ul li p{
	padding:10px 5px 10px 97px;
}

.button_navi_area{
	background:url(/_common/images/bg_button_navi_bottom.gif) no-repeat left bottom;
	margin:20px 0;
}

.button_navi_area .contents{
	background:url(/_common/images/bg_button_navi_top.gif) no-repeat left top;
	padding-top:10px;
}

.button_navi_area .contents ul{
	margin:0;
	padding:0 0 0 10px;
}

.button_navi_area .contents ul li{
	width:330px;
	height:80px;
	margin:0;
	padding:5px 30px 15px 10px;
	float:left;
	background:url(/_common/images/button_navi_bg.png) no-repeat left top;
}

.button_navi_area .contents ul li img{
	float:left;
	margin-right:10px;
	margin-left:-5px;
}

.button_navi_area .contents ul li h3{
	font-size:100%;
	font-weight:bold;
	margin-bottom:4px;
	padding:8px 0 4px 0;
	border-bottom:1px solid #C8C8C8;
	background:none;
	line-height:1.5;
}

.button_navi_area .contents ul li p{
	font-size:80%;
	border-top:1px solid #FFFFFF;
	margin:0;
}




#button_navi_area{
	background:#F0F0F0;
	border:1px solid #C8C8C8;
	border-radius:5px;
	margin:20px 0;
	padding:0 10px 10px 0;
}


#button_navi_area ul{
	margin:0;
	padding:0;
}

#button_navi_area ul li{
	width:329px;
	height:80px;
	margin:10px 0 0 10px;
	padding:5px 20px 5px 10px;
	float:left;
	background:url(/_common/images/button_navi_bg.png) no-repeat left top;
}

#button_navi_area ul li img{
	float:left;
	margin-right:10px;
	margin-left:-5px;
}

#button_navi_area ul li h3{
	font-size:100%;
	font-weight:normal;
	margin-bottom:4px;
	padding:8px 0 4px 0;
	border-bottom:1px solid #C8C8C8;
	background:none;
	line-height:1.5;
}

#button_navi_area ul li p{
	font-size:80%;
	border-top:1px solid #FFFFFF;
	margin:0;
}

.contentArticleCategory{}

div.units,
div.categories,
div.attributes{
}

.categories .category{
	margin:20px 0;
}

.categories .category h3,
.units .unit h3{
	color:#404040;
	font-size:120%;
	font-weight:bold;
	line-height:20px;
	background:url(/_common/images/bg_h3.gif) no-repeat;
	margin-bottom:10px;
	padding:5px 10px 7px 20px;
}

.categories .category ul,
.units .unit ul{
	padding:10px;
}

.categories .category ul li,
.units .unit ul li{
	background:url(/_common/images/icon_arrow.png) no-repeat left 0.4em;
	padding-left:15px;
	margin:0 0 10px 0;
}

.categories .category .more,
.units .unit .more{
	text-align:right;
	padding:0 10px 10px 10px;
}

#pageTitle{
	margin:0 0 10px 0;
}

#pageTitle .pieceContainer{
	background:url(/_common/images/pagetitle_center.gif) repeat-x left top;
}

#pageTitle .pieceContainer .pieceBody{
	background:url(/_common/images/pagetitle_right.gif) no-repeat right top;
}

#pageTitle h1,
.body h1,
.header h1{
	color:#404040;
	font-size:150%;
	font-weight:bold;
	line-height:50px;
	background:url(/_common/images/bg_h1.png) no-repeat left top;
	padding:15px 10px 15px 30px;
}

.contentArticleDoc .header .publishedAt{
	color:#404040;
	text-align:right;
	margin:10px 0 10px 0;
}

.body,
.docs,
.form,
.calendarEvents{
line-height:1.75;
margin-bottom:25px;
}

.body h2,
.docs h2,
.form h2,
.calendarEvents h2,
.contentArticleUnit h2{
	color:#404040;
	font-size:140%;
	font-weight:bold;
	line-height:30px;
	background:url(/_common/images/bg_h2.gif) no-repeat;
	margin:20px 0;
	padding:8px 10px 12px 10px;
}

.contentArticleUnit h2 span{
	font-size:80%;
	margin-left:10px;
}

.contentArticleUnit dl{}

.contentArticleUnit dl dt{
	background:url(/_common/images/icon_dot.gif) no-repeat 0.5em 0.5em;
	padding-left:20px;
	width:180px;
	float:left;
}

.contentArticleUnit dl dd{
	margin-left:200px;
	margin-bottom:10px;
}

.body h3,
.docs h3,
.form h3{
	color:#404040;
	font-size:120%;
	font-weight:bold;
	line-height:20px;
	background:url(/_common/images/bg_h3.gif) no-repeat;
	margin-bottom:10px;
	padding:5px 10px 7px 20px;
}

.body h4,
.docs h4,
.form h4{
	color:#035cb3;
	font-size:110%;
	font-weight:bold;
	margin:10px;	
}

.body h5,
.docs h5,
.form h5{
	color:#404040;
	font-weight:bold;
	margin:10px;
}

.body p,
.docs p,
.form p{
	margin:0 20px 2em 20px;
}

strong{
	font-weight:bold;
}

.body ul,
.body ol,
.docs ul,
.docs ol{
	padding:0 10px;
	margin:10px 0 20px 0;
}

.body table tr th ul,
.body table tr th ol,
.body table tr td ul,
.body table tr td ol{
	padding:0;
	margin:0;
}

.body ul>li,
.docs ul>li{
	background:url(/_common/images/icon_dot.gif) no-repeat 0.5em 0.5em;
	padding-left:20px;
	margin-bottom:10px;
}

.body ol>li,
.docs ol>li{
	list-style-type:decimal;
	list-style-position:outside;
	margin-left:20px;
	margin-bottom:10px;
}

.body table{
	margin:0 10px 20px 10px;
	border-top:1px solid #C8C8C8; 
	border-right:1px solid #C8C8C8; 
}

.body table p{
	margin:0;
}

.body>table{
	width:730px;
}

.body table caption{
	font-weight:bold;
	margin-bottom:10px;
}

.body table th,
.body table td{
	border-bottom:1px solid #C8C8C8; 
	border-left:1px solid #C8C8C8; 
	padding:5px;
}

.body table th{
	background:#E4F2FF;
	text-align:center;
	font-weight:bold;
}

blockquote{
	background:#F8F8F8;
	border-left:5px solid #D0D0D0;
	margin:20px;
	padding:5px;
}


.width100{
	width:100px;
}

/*
.body a[target="_blank"] {
	background:url(/_common/images/icon_blank.png) no-repeat right center;
	padding-right:22px;
}
*/

.box01{
	margin:20px 10px;
	padding:10px;
	background:#E3F5FF;
	border:1px solid #D1E2F2;
	border-radius:4px;
}

.box02{
	color:color:#808080;
	margin:20px 10px;
	padding:5px;
	background:#F8F8F8;
	border:1px solid #C8C8C8;
	font-size:85%;
	border-radius:4px;
}

.text_red{
	color:#CC0000;
}

.text_blue{
	color:#1E90FF;
}

.text_xl{
	font-size:150%;
}

.text_l{
	font-size:120%;
}

.text_s{
	font-size:90%;
}

.text_xs{
	font-size:80%;
}

.asterisk{
	color:#505050;
	font-size:90%;
}

.txt_img{
	margin:10px;
}

.txt_img p.float{
	padding:0 0 1em 1em;
	float:right;
}

.txt_img p.float img{
}

.txt_img p{
	margin:0 !important;
	overflow:auto;
}

.img_txt{
	margin:10px;
}

.img_txt p.float{
	margin:0;
	padding:0 1em 1em 0;
	float:left;
	overflow:auto;
}

.img_txt p.float img{
	
}

.img_txt p{
	margin-top:0px !important;
	margin-right:0px !important;
	margin-left:0px !important;
	overflow:auto;
}

.img_2col{
}

.img_2col div.float{
	padding:10px;
	float:left;
}

.img_3col{
}

.img_3col div{
	padding:10px;
	float:left;
}


#publicity_box{}


#publicity_image{
	text-align:center;
}

#publicity_content{
}

#publicity_content table{
	width:730px;
}

/*--
#publicity_info_box{
	
}

#publicity_info_box #publicity_info_image{
	float:left;
	width:240px;
	margin-right:10px;
}

#publicity_info_box #publicity_info_content{
	float:left;
	width:500px;
}
--*/

.pdf_box{
	font-size:90%;
	background:#F8F8F8;
	border:1px solid #C8C8C8;
	margin:20px 0;
	padding:10px;
}

.pdf_box .float{
	float:right;
}

.pdf_box .float img{
	margin:0;
}

.pdf_box p{
	margin:0 !important;
}





.contentArticleDoc .rels,
.contentArticleDoc .tags,
.contentArticleDoc .maps{
	border:1px solid #C8C8C8;
	margin:10px 0;
}

.contentArticleDoc .maps h2{
	color:#404040;
	font-weight:bold;
	line-height:20px;
	background:url(/_common/images/bg_title_maps.gif) no-repeat left center;
	padding:6px 10px 10px 30px;
}

.contentArticleDoc .maps h3{
margin:10px;
}

.contentArticleDoc .maps #map1{
	width:728px !important;
	margin:10px;
}


.contentArticleDoc .rels h2{
	color:#404040;
	font-weight:bold;
	line-height:20px;
	background:url(/_common/images/bg_title_rel.gif) no-repeat left center;
	padding:6px 10px 10px 40px;
}

.contentArticleDoc .rels ul{
	padding:10px;
}


.contentArticleDoc .rels ul li{
	background:url(/_common/images/icon_arrow.png) no-repeat left center;
	padding-left:15px;
	margin-bottom:10px;
}

.contentArticleDoc .tags h2{
	color:#404040;
	font-weight:bold;
	line-height:20px;
	background:url(/_common/images/bg_title_tags.gif) no-repeat left center;
	padding:6px 10px 10px 40px;
}

.contentArticleDoc .tags div{
	padding:10px;
}


.contentArticleDoc .tags div a{
	background:url(/_common/images/icon_arrow.png) no-repeat left center;
	padding-left:15px;
	margin-right:10px;
}

.contentPage .inquiry,
.contentArticleDoc .inquiry{
	background:#FFFFFF;
	border:1px solid #1e90ff;
	margin:10px 0;
}

.contentPage .inquiry h2,
.contentArticleDoc .inquiry h2{
	color:#FFFFFF;
	font-weight:bold;
	line-height:20px;
	background:url(/_common/images/bg_title_inquiry.gif) no-repeat left center #002C4F;
	padding:6px 10px 6px 40px;
}

.contentPage .inquiry .section,
.contentArticleDoc .inquiry .section{
	font-size:120%;
	font-weight:bold;
}

.contentPage .inquiry .tel,
.contentArticleDoc .inquiry .tel{
}

.contentPage .inquiry .email,
.contentArticleDoc .inquiry .email{
}

.contentPage .inquiry .label,
.contentArticleDoc .inquiry .label{
}

.contentPage .inquiry div,
.contentArticleDoc .inquiry div{
	margin:10px;
}

.back{
margin-top:50px;
	background:url(/_common/images/icon_arrow_back.png) no-repeat left center;
	padding-left:15px;
}

/*--分野一覧--*/
.contentArticleCategory{}

.contentArticleCategory .category{}

.contentArticleCategory .category h2{
	float:left;
	width:120px;
}

.contentArticleCategory .category .children{
	margin-left:120px;
}

.categories .category{
}

.categories .category .unit,
.categories .category .separator{
	display:none;
	speak:none;
}

.units .unit .unit,
.units .unit .separator{
	display:none;
	speak:none;
	
}

/*--新着情報--*/
#center_column .contentArticleRecentDocs .feed{
    background-color:transparent;
    float: right;
    height: 13px;
    position: relative;
    right: 10px;
    top: -68px;
z-index:1;
}

.pagination{
	background:#E8ECF0;
	padding:10px;
}

.pagination .current{
	color:#FFFFFF;
	background:#1E90FF;
	padding:5px 10px;
	margin-right:5px;
}

.pagination a{
	background:#FFFFFF;
	padding:5px 10px;
	margin-right:5px;
}

.pagination .disabled{
	color:#808080;
	background:#FFFFFF;
	padding:5px 10px;
	margin-right:5px;
}

.pagination .separator{
	display:none;
	speak:none;
}


#center_column .latest{
	margin:20px 0;
}

#center_column .latest h2{
	background:url(/_common/images/title_doc_new.png) no-repeat left top;
    display:inline-block;
    height:45px;
    overflow:hidden;
    text-indent:-9999px;
    width:750px;
	margin:0;
	padding:0;
}

#center_column .latest .feed{
    background-color:transparent;
    float: right;
    height: 13px;
    position: relative;
    right: 10px;
    top: -28px;
z-index:2;
}

#center_column .latest ul{
	padding:10px;
}
#center_column .latest ul li{
	background:url(/_common/images/icon_arrow.png) no-repeat left center;
	padding-left:20px;
	margin:10px 0 10px 0;
}

#center_column .latest .more{
	text-align:right;
	padding:10px;
    border-top:2px solid #1E90FF;
}

#center_column .latest .more a{
	background:url(/_common/images/icon_arrow.png) no-repeat left center;
	padding-left:20px;
	margin:10px 0 10px 0;
}

#center_column .contentArticleRecentDocs .feed a.feedRss,
#center_column .latest .feed a.feedRss {
    background: url(/_common/images/icon_rss2.png) no-repeat left top;
    display: inline-block;
    height: 20px;
    overflow: hidden;
    text-indent: 56px;
    width: 56px;
}

#center_column .contentArticleRecentDocs .feed a.feedAtom,
#center_column .latest .feed a.feedAtom {
    background: url(/_common/images/icon_atom2.png) no-repeat left top;
    display: inline-block;
    height: 20px;
    overflow: hidden;
    text-indent: 56px;
    width: 56px;
}

/*--タブ--*/

#tabBunya h2,
#tabLifeEvent h2,
#tabLifeGuide h2,
#tabKankou h2,
#tabGyousei h2,
#tabChougikai h2,
#tabTsuri h2,
#tabTokusan h2,
#tabWakaayuOnsen h2,
#tabKyouikuiinkai h2,
#tabKouminkan h2,
#tabBandg h2,
#tabShiryoukan h2,
#tabJigyousha h2,
#tabKoutsuujouhou h2{
	height:45px;
	text-indent:-9999px;
	background:url(/_common/images/title_page_news_tab.png) no-repeat left top;
}

.two_column .tabs{
	background:url(/_common/images/bg_page_news_tab.gif);	
	padding:0 5px 2px 9px;
}

.two_column .tabs a{
	line-height:16px;
	text-decoration:none;
	display:block;
	width:140px;
	margin-right:4px;
	background:url(/_common/images/page_news_tab_off.png) no-repeat left top;
	padding:8px 10px 6px 30px;
	float:left;	
}

.two_column .tabs a:hover{
	background:url(/_common/images/page_news_tab_on.png) no-repeat left top;
}

.two_column .tabs a.current{
	color:#FFFFFF;
	background:url(/_common/images/page_news_tab_active.png) no-repeat left top;	
}


.two_column .wrapper{
	border-right:1px solid #C8C8C8;
	border-bottom:1px solid #C8C8C8;
	border-left:1px solid #C8C8C8;
	background:#EDF2F5;
	padding:4px;
}

.two_column .wrapper .content{
	background:#FFFFFF;
	padding:10px;
	border:1px solid #D1E2F2;
	border-radius:2px;
}

.two_column .wrapper ul{
}

.two_column .wrapper ul li{
	background:url(/_common/images/icon_arrow.png) no-repeat left 0.4em;
	margin:0 0 5px 0;
	padding:0 0 5px 20px;
	border-bottom:1px solid #F0F0F0;
}

.two_column .wrapper ul li:last-child{
	margin-bottom:0;
	border-bottom:none;
}

.two_column .wrapper .links .shinchaku{
	padding:10px;
}

.two_column .wrapper .feed{
	float: left;
	padding:10px;

}

.two_column .wrapper .feed a{
	display:inline-block;
}

.two_column .wrapper .more{
    text-align: right;
	padding:10px;
}

/*--メンテナンス--*/
#topMaintenance{
	margin-bottom:10px;
	font-size:90%;
}

#topMaintenance h2{
text-indent:-9999px;
background:url(/_common/images/bg_title_maintenance.png) no-repeat left top;	
height:28px;
}

#topMaintenance .pieceBody{
	border:2px solid #B96E17;
	padding:10px 10px 5px 10px;	
}

#topMaintenance .pieceBody p{
	margin-bottom:5px;
}



/*--お問い合わせ--*/
.enqueteForm{
}


.enqueteForm .required{
	color:#CC0000;
}

.enqueteForm .columns{
	border-top:1px solid #C8C8C8;
	border-right:1px solid #C8C8C8;
	border-left:1px solid #C8C8C8;
	margin:0 10px;
	background:#FAFAFA;
}

.enqueteForm .columns .column{
border-top:1px solid #FFFFFF;
border-bottom:1px solid #F0F0F0;
padding:20px;
}

.enqueteForm .columns .column .name{
color:#001d7f;
font-size:120%;
font-weight:bold;
margin-bottom:5px;
}

.enqueteForm .columns .column .body{
	margin-bottom:0;
	color:#808080;
	font-size:80%;
	margin-bottom:10px;
}

.enqueteForm .columns .column .body p{
margin:0;
}

.enqueteForm .columns .column .field{
}

.enqueteForm .columns .column .field .element{
	margin-bottom:5px;
}

.enqueteForm .columns .column .field .element input{
	margin-right:10px;
}


.enqueteForm .submitters{
	border-right:1px solid #C8C8C8;
	border-bottom:1px solid #C8C8C8;
	border-left:1px solid #C8C8C8;
	background:#E8ECF0;
	text-align:center;
	margin:0 10px;
	padding:20px;
}

.enqueteForm .submitters input{
	padding:10px;
}


/*--イベントカレンダー--*/
.calendarEvents{
	margin:10px;
}


.calendarEvents .pagination{
	text-align:center;
	margin:20px 0;
}

.calendarEvents .pagination .disabled{
	color:#808080;
}

.calendarEvents .pagination .prev_page{}

.calendarEvents .pagination .separator{
	margin:0 10px;
}

.calendarEvents .pagination .next_page{}

.calendarEvents .date{
	background:url(/_common/images/bg_calendar.gif) repeat-y left top;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #F0F0F0;
	padding:5px;
}

.calendarEvents .date .day{
	width:100px;
	float:left;
	padding:5px;
	text-align:center;
}
.calendarEvents .date ul.events{
	padding:5px 5px 5px 130px;
}


/*--釣り情報--*/
#tsuri_2007,
#tsuri_2008{}

#tsuri_2007 #tsuri_data,
#tsuri_2008 #tsuri_data{
	text-align:right;
	margin:0;
}

#tsuri_2007 .map_image,
#tsuri_2008 .map_image{
	text-align:center;
	margin-bottom:20px;
}

#tsuri_2007 .img_2col,
#tsuri_2008 .img_2col{
	text-align:center;
	width:680px;
	margin-right:auto;
	margin-left:auto;
}

/*--検索結果--*/
#searchresults_area{}

#searchresults_area p{
	margin-bottom:10px;
}

/*----*/

.border01{
	border:1px solid #C8C8C8;
}

ul.anchor_list{
	background:#F8F8F8;
	border:1px solid #C8C8C8;
	padding:10px;
}

ul.anchor_list li{
	float:left;
	margin:0 10px 0 0;
	background:url(/_common/images/icon_arrow_down.png) no-repeat left center;
	padding-left:15px;
}

p.page_top{
	margin:0;
	padding:0;
	text-align:right;
}

p.page_top a{
	background:url(/_common/images/icon_arrow_up.png) no-repeat left center;
	padding-left:20px;
}

/*--class--*/

.arrow{
	background:url(/_common/images/icon_arrow.png) no-repeat left center;
	padding-left:20px;
}

.arrow_up{
	background:url(/_common/images/icon_arrow_up.png) no-repeat left center;
	padding-left:20px;
}

.arrow_down{
	background:url(/_common/images/icon_arrow_down.png) no-repeat left center;
	padding-left:20px;
}

.arrow_back{
	background:url(/_common/images/icon_arrow_back.png) no-repeat left center;
	padding-left:20px;
}

ul.list_arrow li{
	background:url(/_common/images/icon_arrow.png) no-repeat left center;
	padding-left:20px;
	margin:0 0 10px 0;
}


ul.list_arrow li:last-child{
	margin-bottom:0;
}

.center{
	text-align:center;
}

.right{
	text-align:right;
}

.text_small{
	font-size:90%;
}

.text_large{
	font-size:150%;
}

.text_xl{
	font-size:200%;
}

.m01{
	margin-bottom:10px;
}


table.table_ruler{
	border-top:1px #C8C8C8 solid;
	border-right:1px #C8C8C8 solid;
}

table.table_ruler tr th,
table.table_ruler tr td{
	border-bottom:1px #C8C8C8 solid;
	border-left:1px #C8C8C8 solid;
	padding:5px;
}
table.table_ruler tr th{
	background:#E0E0E0;
}

.nowrap{
	white-space:nowrap;
}

.reserve_saturday{
	background:#EFF7FF;
}

.reserve_sunday{
	background:#F4D5D6;
}

.reserve_holiday{
	background:#F4D5D6;
}

/*--SNS共有リンク--*/

#snsLink{
	margin:10px 0;
	text-align:right;
}

#snsLink .tweet{
	width:90px !important;
}

#snsLink .fbLike{
	width:100px !important;
}

/* 2017.12.20 トップスライドショー追加 */
.slideshow {
	position: relative;
	width: 970px; /* 画像の横幅 */
	height: 350px; /* 画像の縦幅 */
}

.slideshow img {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transition: 1s; /* フェードの時間(秒) */
}

.slideshow .show {
	opacity: 1;
	z-index: 1;
}



/*--clearfix--*/
.enqueteForm .columns .column:after,
.calendarEvents .date:after,
.calendar:after,
.clearfix:after,
.tabs:after{
display : block;
clear : both;
height : 0;
content : "";
overflow : hidden;
}

.enqueteForm .columns .column,
.calendarEvents .date,
.calendar,
.clearfix,
.tabs{
overflow : hidden;
}
/* for Mac IE \*/
* html .clearfix {
height : 1%;
overflow : visible;
}
.clearfix {
display : block;
}
/* end of for Mac IE */