/*
Theme Name: town.minamifurano.hokkaido.jp(edit)
Theme URI: NA
Author: eolasnet
Author URI: NA
Description: nanpu style.
Version: 0.1
License: not use
License URI: NA
*/


@charset "utf-8";
/* CSS Document */

/* タグ再定義 */

* {margin: 0;  padding: 0;}

body {
	font-size: medium;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
	line-height: 120%;
}

del{
	font-weight: bold;
	text-decoration: none;
}

p{
	margin: 0px;
	padding: 0px;
}

h1{
	font-size: x-large;
	font-weight: bold;
	line-height: 150%;
}

h2{
	color: #040404;
	font-size: large;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #4299f1;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 8px;
	background-color: #eFeFeF;
}

h3{
	font-size: medium;
	padding: 8px;
	margin-bottom: 8px;
	border: 1px solid #1380ed;
	background-color: #DFEEFD;
	border-radius: 4px;
	text-align: center;
	display: block;
	margin-top: 4px;
	font-weight: normal;
}

h3 a{
	font-size: medium;
	background-image: url(common/linkmark.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
	font-weight: bold;
}

h4{
	font-size: medium;
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
	display: inline-block;
	margin-bottom: 8px;
	border: 1px solid #1380ed;
	border-radius: 2px;
	color: #1380ed;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	margin-top: 8px;
}

h5{
	background-image: url(common/pdfmark.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
	font-size: medium;
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
	margin-left: 16px;
}

h6{
	background-image: url(common/linkmark.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
	font-size: medium;
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
	margin-left: 16px;
}

table{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #000;
}

td{
	background-color: #FFF;
	padding: 8px;
	border: 1px solid #333;
}

th{
	background-color: #FFF;
	padding: 8px;
	border: 1px solid #333;
	white-space:nowrap;
}


em{
	font-style: normal;
	color: #F00;
}


a{
	text-decoration: none;
	color: #009;
}

ul,li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}
	
a:hover{
	text-decoration: underline;
	color: #06F;
}

a:visited{
	color: #009;
	text-decoration: none;
}


a img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
 }
 
a:hover img{
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;

 }
 
 
 
/* レイアウトブロック */

.imgborder{
	border: 1px solid #e1e1e1;
}

.smalltext{
	font-size: x-small;
}

.smalltext2{
	font-size: small;
	font-weight: bold;
}

.contentssize{
	width: 1016px;
}

.contentssize_8margin{
	width: 1000px;
}

.boxcenter{
	margin-right: auto;
	margin-left: auto;
}

.backmark a{
	border-radius: 32px;
	margin-bottom: 64px;
	display: block;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding: 12px;
	border: 2px solid #e1e1e1;
	width: 180px;
	color: #666;
	margin-top: 48px;
	}
	
.backmark a:hover{
	text-decoration: none;
	background-color: #e1e1e1;
	}

.line150per{
	line-height: 150%;
}

.span16px{
	padding: 16px;
}

.floatreset{
	clear: both;
}

.floatreset_left{

}
.undertext{
	position: absolute;
	bottom: 10px;
	font-size: small;
	font-weight: bold;
	text-align: center;
	width: 100%;
}
.positionright{
	margin-right: 0px;
	margin-left: auto;
	text-align: right;
	margin-top: 16px;
	}


.sidebarsize{
	width: 200px;
	padding: 8px;
	line-height: 140%;
}

.sidebarsize_cont{
	width: 200px;
	padding: 8px;
	}


.sidebarsize a{
	background-image: url(common/linkmark.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
	}

.sidebarsize_nonmark{
	padding-left: 18px;
	}

.sidebarsize_cont a{
	padding-top: 8px;
	padding-bottom: 8px;
	display: block;
	font-size: small;
	padding-right: 8px;
	padding-left: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #efefef;
	}

.current_page_item a{
	background-color: #C5D9FE;
	text-decoration: none;
	}
	
.sidebarsize_cont a:hover{
	text-decoration: none;
	background-color: #C5D9FE;
	}
	
.allview{
	
	}
	
.allview a{
	background-image: url(common/linkmark.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
	}

.boxradius{
	border-radius: 4px;
	}

.radiusall{
	border-radius: 4px;
	border: 1px solid #cecece;
	}

.radiustop{
	border-radius: 0px 0px 0px 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cecece;
	border-right-color: #cecece;
	border-bottom-color: #cecece;
	border-left-color: #cecece;
	}

.radiusbtm{
	border-radius: 0px 0px 4px 4px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cecece;
	border-right-color: #cecece;
	border-bottom-color: #cecece;
	border-left-color: #cecece;
	}

.textshadow{
	text-shadow: 1px 1px 2px #000;
	}

.header{
	margin-right: auto;
	margin-left: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #003366;
	border-right-color: #003366;
	border-bottom-color: #003366;
	border-left-color: #003366;
	height: 166px;
	background-color: #FFF;
}
.headercont{
	margin-right: auto;
	margin-left: auto;
	height: 110px;
}

.mainlogo{
	margin-top: 28px;
	margin-left: 12px;
	margin-bottom: 12px;
}

.siteseach{
	float: right;
	font-size: small;
	margin-top: 32px;
	margin-right: 8px;
	}
	
.siteseach input{
	font-size: large;
	padding: 4px;
}

.menu{
}
.menucont{
	margin-right: auto;
	margin-left: auto;
	height: 48px;
}

.menucont a:hover img{
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
	background-color: #036;
 }

.metaslider{
	height: 405px;
	background-color: #333;
}
.metasliderbg{
}
.metaslidercont{
	margin-right: auto;
	margin-left: auto;
	width: 1200px;
	height: 405px;
	z-index: 0;
}

.mainarea{
	z-index: 1;
	padding-top: 12px;
	padding-bottom: 12px;
	background-image: url(common/contentbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;
}
.mainareacont{
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;
	min-height: 640px;
}

.menubtm{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.menubtm_last{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 1px;
}

.leftbar{
	float: left;
	width: 216px;
	padding: 8px;
}

.leftbox{
	padding-top: 16px;
	padding-bottom: 16px;
	margin-bottom: 24px;

}

.rightbox{
	margin: 8px;
	}

.rightbar{
	float: right;
	width: 216px;
	padding: 8px;
}

.bannerarea{
	padding: 7px;
}

.bannerarea img{
	border: 1px solid #cecece;
	margin-bottom: 8px;
}

.windowtitle{
	background-image: url(common/windowbg2.png);
	background-repeat: repeat;
	color: #FFF;
	font-weight: normal;
	font-size: medium;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.centerbox{
	width: 534px;
	margin-right: auto;
	margin-left: auto;
	padding: 8px;
}

.oshirase{
	border: 1px solid #cecece;
	padding: 8px;
	margin-bottom: 24px;
}

.oshirase_red{
	border: 1px solid #FF0000;
	padding: 8px;
	margin-bottom: 24px;
}

.centertitle{
	color: #1380ED;
	font-weight: bold;
	font-size: large;
}

.infobox{
	font-size: small;
	padding-top: 16px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	line-height: 200%;
}

.infobox_red{
	font-size: small;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	line-height: 200%;
}

.infoicon{
	margin-right: 8px;
	margin-bottom: -3px;
}

.topicsmainbox{
	padding-top: 16px;
	padding-bottom: 8px;
	min-height:180px;
}

.topicsbox{
	width: 160px;
	float: left;
	margin-right: 12px;
}
.topicsimage{
	padding: 4px;
	background-image: url(common/topicsimageframe.gif);
}
.topicsimageblank{
	height: 92px;
	width: 151px;
	display: block;
	background-image: url(common/topicsblank.gif);
	background-repeat: no-repeat;
}

.topicsimageblank a:hover img{
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

.topicstext{
	line-height: 120%;
	font-size: small;
	text-align: justify;
	padding-top: 12px;
}

.guidemainbox{
	padding-top: 16px;
	padding-bottom: 8px;
}

.guidemainbox a{
	background-image: url(common/linkmark.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
	margin-left: 18px;
}

.guidemainbox strong{
	display: block;
	margin-bottom: 8px;
}

.guideblock{
	width: 240px;
	float: left;
	min-height: 130px;
	margin-bottom: 24px;
	margin-right: 4px;
	margin-left: 0px;
	padding-left: 8px;
}

.guideblock2{
	width: 230px;
	float: left;
	min-height: 200px;
	margin-bottom: 24px;
	margin-right: 4px;
	margin-left: 0px;
	padding-left: 8px;
}

.guideblock2 ul{
	margin-top:8px;
	margin-left: 8px;
}

.guidelinks{}

.guidemidashi{
	font-weight: bold;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 4px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #1380ED;
	border-right-color: #1380ED;
	border-bottom-color: #1380ED;
	border-left-color: #1380ED;
	padding-left: 8px;
	display: block;
	margin-bottom: 12px;
}

.guidebtm{
	border: 1px solid #e1e1e1;
	display: block;
	float: left;
	margin: 1px;
	position: relative;
}

.guidebtmblock{
	min-height: 220px;
	}

.guidebtmblock a{
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 0px;
	margin-left: 0px;
	background-image: none;
	}
	
.contentsbox{
	width: 770px;
	padding: 8px;
	margin-left: auto;
	}

.contentsbox_full{
	padding: 8px;
	margin-left: auto;
	}
	
.contents{
/*	border: 1px solid #cecece; */
	padding: 16px;
	margin-bottom: 24px;
}

.contents strong{
	font-size: large;
	font-weight: bold;
}

.pagetitle{
	font-size: x-large;
	font-weight: bold;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 4px;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	padding-left: 16px;
	margin-top: 12px;
	margin-bottom: 12px;
	color: #FFF;
	line-height: 140%;
	}
	
.pagetitle22{
	font-size: x-large;
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 12px;
	color: #333;
	line-height: 140%;
	}

.pagetitle2{
	position:relative;
	padding-left:30px;
	border-bottom:2px solid #ccc;
	font-weight: bold;
	font-size: xx-large;
	line-height: 38px;
	margin-bottom: 32px;
}
 
.pagetitle2:after, .pagetitle2:before{
	content:''; 
	height:18px; 
	width:4px; 
	display:block; 
	background:#00A8FF; 
	position:absolute; 
	top:8px; 
	left:15px; 
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px; 
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}
 
.pagetitle2:before{
	height:10px; 
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 
	top:16px; 
	left:7px
}


.pagetitlebox{
	background-image: url(common/windowbg.png);
	background-repeat: repeat;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}

.pankuzulistbox{
	background-repeat: repeat-x;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	background-color: #EDEDED;
	background-image: url(common/pankuzubg2.jpg);
	background-position: bottom;
	}

.pankuzulist{
	font-size: small;
	font-weight: bold;
	text-decoration: none;
	color: #666;
}

.pankuzulist a{
	color: #666;
}

.pankuzulist a:hover{
	color: #333 !important; 
	text-decoration: none;
}

.pankuzulist a:visited{
	color: #666;
}


.footer{
	min-height: 320px;
	background-image: url(common/footerbg2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	border-top-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #003366;
	border-right-color: #003366;
	border-bottom-color: #003366;
	border-left-color: #003366;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	color: #FFF;
}
.footercont{
	margin-right: auto;
	margin-left: auto;
	padding-top: 24px;
	text-align: center;
	font-size: small;
	}
	
.footercont a{
	background-image: url(common/linkmark.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
	color: #CCC;
	}

.footercont a:visit{

	color: #CCC;
	}

.footercontacts{
	margin-right: auto;
	margin-left: auto;
	margin-top: 48px;
	margin-bottom: 48px;
	text-align: center;
	font-size: medium;
}

.footercontacts strong{
	font-size: x-large;
	line-height: 160%;
}


.footercopy{
	margin-right: auto;
	margin-left: auto;
	padding-top: 24px;
	font-size: small;
	text-align: center;
	}

.kouhouimage a{
	margin-bottom: 16px;
	width: 200px;
	text-align: center;
	display: block;
	background-image: none;
	padding: 0px;
}

.kouhoutitle a{
	background-image: none;
	margin: 0px;
	padding: 0px;
	font-size: small;
	font-weight: bold;
}
.kouhoulink a{
	display: block;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 8px;
	background-color: #FDFDFD;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}

.kouhoulink a:hover{
	background-color: #069;
	color: #FFF;
	text-decoration: none;
}

.kouhoulink2 a{
	background-image: url(common/linkmark.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 18px;
	background-color: #FDFDFD;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}

.kouhoulink2 a:hover{
	background-color: #069;
	color: #FFF;
	text-decoration: none;
}

.whitespace48px{
	display: block;
	height: 48px;
}

.widget_nav_menu{
	padding-top: 16px;
}

.descbox{
	font-size: small;
	color: #666;
	padding-top: 0px;
	padding-right: 16px;
	padding-bottom: 16px;
	padding-left: 16px;
	}
.descurl a{
	font-size: small;
	color: #363;
	}
	
.searchlink a{
	font-size: small;
	border-radius: 32px;
	display: block;
	text-align: center;
	padding: 8px;
	border: 2px solid #e1e1e1;
	color: #666;
	width: 120px;
	margin-left: auto;
	}

.bosyu_icon{
	border-radius:4px;
	font-size: small;
	font-weight: bold;
	color: #FFF;
	background-color: #C33;
	text-align: center;
	height: 17px;
	width: 69px;
	padding-right: 21px;
	padding-left: 21px;
	margin-right: 4px;
	display: inline;
}

.bousai_icon{
	border-radius: 4px;
	font-size: small;
	font-weight: bold;
	color: #FFF;
	background-color: #F00;
	text-align: center;
	height: 17px;
	width: 69px;
	padding-right: 21px;
	padding-left: 21px;
	margin-right: 4px;
	display: inline;
}

.oshirase_icon{
	border-radius:4px;
	font-size: small;
	font-weight: bold;
	color: #FFF;
	background-color: #36C;
	text-align: center;
	height: 17px;
	width: 69px;
	padding-right: 8px;
	padding-left: 8px;
	margin-right: 4px;
	display: inline;
	}
.event_icon{
	border-radius:4px;
	font-size: small;
	font-weight: bold;
	color: #FFF;
	background-color: #360;
	text-align: center;
	height: 17px;
	width: 69px;
	padding-right: 8px;
	padding-left: 8px;
	margin-right: 4px;
	display: inline;
	}
.shintyaku_icon{
	border-radius:4px;
	font-size: small;
	font-weight: bold;
	color: #FFF;
	background-color: #96C;
	text-align: center;
	height: 17px;
	width: 69px;
	padding-right: 21px;
	padding-left: 21px;
	margin-right: 4px;
	display: inline;
	}
.postdate{
	text-align: right;
	display: block;
	margin-top: -8px;
	font-size: small;
	margin-bottom: 12px;
}
.wpcf7-text{
	border-radius: 6px;
	font-size: x-large;
	padding: 8px;
	border: 1px solid #999;
}

.wpcf7-textarea{
	border-radius: 6px;
	font-size: large;
	padding: 8px;
	border: 1px solid #999;
}

.wpcf7-date{
	border-radius: 6px;
	font-size: large;
	padding: 8px;
	border: 1px solid #999;
}

.wpcf7-submit{
	padding: 8px;
	font-size: large;
	font-weight: bold;
}

.wpcf7-confirm {
		padding: 8px;
	font-size: large;
	font-weight: bold;
}

.wpcf7-back{
		padding: 8px;
	font-size: large;
	font-weight: bold;
}
.wpcf7-select{
	border-radius: 6px;
	font-size: large;
	padding: 8px;
	border: 1px solid #999;
	}
@media print { 
a[href]:after {display:none;}
}

.ai1ec-event {
	overflow: visible !important;
	white-space: normal !important;
	background-color: #fff;
    background-image: -webkit-linear-gradient(top,#f5f8fa,#c5d3e0 120px);
    background-image: -moz-linear-gradient(top,#f5f8fa,#c5d3e0 120px);
    background-image: -ms-linear-gradient(top,#f5f8fa,#c5d3e0 120px);
    background-image: -o-linear-gradient(top,#f5f8fa,#c5d3e0 120px);
    background-image: linear-gradient(top,#f5f8fa,#c5d3e0 120px);
    border-radius: 3px;
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 2px 4px rgba(0,0,0,0.15);
    text-shadow: 0px 1px 0px #fff;

}


.ai1ec-month-view .ai1ec-event {
	border-radius: 2px;
	height: auto !important;
	line-height: 14px;
	border: 1px solid #CCC;
	padding: 2px !important;
	margin: 4px !important;
}

.ai1ec-subscribe-container{
	display: none !important;
}

.searchtext{
	font-size: large;
	padding: 4px;
}

.nolap{
	overflow: hidden;
}