@charset "UTF-8";

/*clear start*/
/*セレクタをつけるとIE8〜で画像リンク線が出る*/
body{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.container img {border-style:none;}
.container ul, ol, dl {padding: 0;margin: 0;}
.container h3 , h4{padding: 0;margin: 0;}
.container p {padding: 0;margin: 0;}

table{
  border-collapse:collapse;
  border:none;
  border-spacing:0;
}
th,td{ 
 border:none;
}
/*clear end*/

.container {
    width: 1024px;
    background: #DCE096;
    margin: 0 auto;
    border:1px solid #B3B3B3;
    overflow:hidden;
    height: auto;
}

.main {
    margin:0px;
    float: middle;
    width: 1024px;
    background: ffffff;
}
.sidebar1 {
    margin:10px 10px 10px 5px;
    float: right;
    width: 300px;
    padding: 0;

}

.content {
    margin:10px 5px 0px 10px;
    padding-bottom:37px;
    width: 674px;
    float: left;
    background-color:#FFFFFF;
    border:1px solid #B3B3B3;
    position: relative;
    text-align: left;
}

.content .sns_btn{
	margin-top:10px;
	margin-left: auto;
	text-align: right;
	width: 370px;
	
}
.content .sns_btn:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}

/*content*/
.container a {color:#5DB8F2;}

#banner {
	height: 40px;
	margin: 0;
	background-color: #ea5304;
	text-align: center;
}

.container .menuRibbon{
	background-color: #DF626A;
	width: 654px;
	color: #FFFFFF;
	font-size: 110%;
	font-weight: bold;
	padding:10px
}
.container .wth626 {width: 626px;margin-right: auto;margin-left: auto;}
.container .content .wth626 .topttl span {display: none;}
.container .content .wth626 .topttl a {
	background-image: url(../../dot_hokke_hakodate%20/image/h3_toptitle.jpg);
	background-repeat: no-repeat;
	height: 207px;
	width: 626px;
	display: block;
}

.container .text11 {font-size: 11px;}
.container .text14 {font-size: 14px;}
.container .text16 {font-size: 16px;}
.container .textright {text-align:right}

.container .mgn5 {margin-bottom:5px;}
.container .mgn10 {margin-bottom:10px;}
.container .mgn15 {margin-bottom:15px;}
.container .mgn20 {margin-bottom:20px;}
.container .mgn25 {margin-bottom:25px;}
.container .mgn30 {margin-bottom:30px;}
.container .mgn41 {margin-bottom:41px;}
.container .mgn40 {margin-bottom:40px;}
.container .mgntop10 {margin-top:10px;}
.container .mgntop15 {margin-top:15px;}
.container .mgntop20 {margin-top:20px;}



.container .phobx{font-size:10px;line-height:13px;}
.container .pholmgn20{margin-left:20px;}

.padtop10 {padding-top:10px}
.padtop15 {padding-top:15px}

.container .phobx img{ margin-bottom:3px;}

.container .phormgn20{margin-right:20px;}
.container .pholmgn5{margin-left:5px;}
.container .phormgn5{margin-right:5px;}
.container .phormgn8{margin-right:8px;}
.container .phormgn9{margin-right:9px;}
.container .phormgn10{margin-right:10px;}

.container .pmauto{margin-left:auto;margin-right:auto;}

.container .textpink{color:#DF616A;}
.container .text12 {font-size: 12px;}
.container .lht180 {line-height:180%;}

.container .clear {clear: both;}
.container .clear hr {display: none;}


.container .phor{float:right;}
.container .phol{float:left;}

.container .content .wth626 .boxl {
	float: left;
}

.container .content .wth626 .boxr {
	float: right;
}



.container .w622{width:622px;}
.container .w105{width:105px;}
.container .w210{width:210px;}
.container .w280{width:280px;}
.container .w298{width:298px;}
.container .w309{width:309px;}
.container .w317{width:317px;}
.container .w325{width:325px;}
.container .w380{width:380px;}
.container .w400{width:400px;}
.container .w590{width:590px;}

.container .content .wth626 .topread img {
	float: right;
	margin-right:25px;
	margin-left:15px;
	margin-top:-20px;
}
.container .content .wth626 .topread {
	font-size: 12px;
	padding-left: 35px;
	line-height: 22px;
}

.container .content .wth626 .topboxset .topboxleft369 {
	float: left;
	width: 369px;
}
.container .content .wth626 .topboxset .topboxright236{
	float: right;
	width: 236px;
}
.container .content .wth626 .topboxset .box369 h4 a {
	width: 369px;
}
.container .content .wth626 .topboxset h4 a {
	background-repeat: no-repeat;
	display: block;
}
.container .content .wth626 .topboxset #p02 a {
	background-image: url(../image/img_sub01.png);
	height: 354px;
}
.container .content .wth626 .topboxset .box369 {
	background-image: url(../image/p01_04.png);
	background-repeat: repeat-y;
}
.container .content .wth626 .topboxset .box369 .box369inner {
	background-image: url(../image/p01_06.png);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 35px;
	height:150px;
}
.container .content .wth626 .topboxset .box369 .box369inner02 {
	background-image: url(../image/p01_06.png);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 35px;
	height:105px;
}
.container .content .wth626 .topboxset .box369 .box369inner p {
	width: 325px;
}
.container .content .wth626 .topboxset .box369 .box369inner02 p {
	width: 325px;
}
.container .content .wth626 .topboxset .kochirabtn {
	display: block;
	height: 41px;
	width: 176px;
	margin: auto;
}
.container .content .wth626 .topboxset #p04 a {
	background-image: url(../image/img_sub03.png);
	height: 345px;
}
.container .content .wth626 .topboxset #p05 a {
	background-image: url(../image/img_sub04.png);
	height: 380px;
	
}
.container .content .wth626 .topboxset h4 a span {
	display: none;
}
.container .content .wth626 .topboxset #p03 a {
	background-image: url(../image/img_sub02.png);
	width: 236px;
	height: 332px;
}
.container .content .wth626 .topboxset .box236 {
	background-image: url(../image/p01_07.png);
	background-repeat: repeat-y;
}

.container .content .wth626 .topboxset .box236 .box236inner {
	background-image: url(../image/p01_08.png);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 35px;
	height:172px;
}
.container .content .wth626 .haikei {
	background-image: url(../image/p01_07.png);
	background-repeat: repeat-y;
	padding-bottom:30px;
}

.container .content .wth626 .topboxset .box236inner {
	background-image: url(../image/p01_08.png);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom:10px;
}
.container .content .wth626 .topboxset .box236 .box236inner p {
	width: 197px;
}
.container .content .wth626 .topboxset .box236inner p {
	width: 197px;
}

.container .content .wth626 .topboxset p {
	font-size: 12px;
	line-height: 22px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}
.container .content .wth626 .topboxset .box236 .box236inner p {
	width: 197px;
}
.container .content .wth626 .topboxset p {
	font-size: 12px;
	line-height: 22px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}

.container .content .pagettl span {
	display: none;
}
.container .content .hnbn {
	font-size: 12px;
	line-height: 22px;
}
.container .content .wth626 .hnbn {
	font-size: 12px;
	line-height: 22px;
}

/*sidebar start*/
.container .sidebar1 .sidebarmokuji {
	background-color: #FFF;
	background-image: url(../image/mokuji01.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 254px;
	padding-top: 87px;
	padding-right: 23px;
	padding-left: 23px;
	padding-bottom: 19px;
}
.container .sidebar1 .mokujibox .mokujitxt01 {
	font-size: 11px;
	padding-bottom: 3px;
}
.container .sidebar1 .mokujibox .mokujitxt02 a {
	font-size: 12px;
	line-height: 18px;
}
.container .sidebar1 .topbkbtn {
	display: block;
	height: 20px;
	width: 111px;
	margin: auto;
}
.container .sidebar1 .mokujibox .mokujitxt01 a img {
	float: left;
	padding-right: 10px;
}

/*ページ送りstart*/
.container .content .pageokuri {
	font-size: 110%;
	text-align: right;
	padding-top: 20px;
}

/*index*/
#index .container .menuRibbon{
	background-color: #DF626A;
	width: 654px;
	color: #FFFFFF;
	font-size: 110%;
	font-weight: bold;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	
}

/*hakodate*/
#hakodate .container .content .topttl span {display: none;}
#hakodate .container .content .topttl a {
	background-image: url(../image/h3_02toptitle.png);
	background-repeat: no-repeat;
	height: 590px;
	width: 674px;
	display: block;
}
.container .content .wth626 .aori {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-bottom: 8px;
}

#hakodate .hakodate_info {
	background-image: url(../image/p01_09.jpg);
	height: 120px;
	width: 590px;
	border: 1px solid #DF5F6A;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
}
#hakodate .hakodate_info .otoiawase_title {
	font-size: 18px;
	line-height: 120%;
	color: #4C1F04;
	font-weight: bold;
}
#hakodate .hakodate_info #borderlpink {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DF5F6A;
}
#hakodate .padleft10 {
	padding-left: 10px;
}
#hakodate p.boldbrown{
	font-weight: bold;
    color: #4C1F04;
}

/*totteoki*/
#totteoki .container .content .wth626 .infodata {
background-image: url(../image/p01_010.jpg);
	width: 282px;
	border: 1px solid #DF5F6A;
	padding-bottom:15px;
	padding-top:15px;
	padding-left:15px;
	padding-right:10px;	
	margin-right: auto;
	margin-left: auto;

}

#totteoki .container .content .wth626 .article.mgn40 .infodata02 {
background-image: url(../image/p01_010.jpg);
	width: 590px;
	border: 1px solid #DF5F6A;
	padding-bottom:20px;
	padding-left:25px;
	padding-right:10px;
	padding-top:20px;	
	margin-right: auto;
	margin-left: auto;

}
#totteoki .container .content .wth626 .infodata03 {
background-image: url(../image/p01_010.jpg);
	width: 320px;
	border: 1px solid #DF5F6A;
	padding-bottom:15px;
	padding-top:15px;
	padding-left:15px;
	padding-right:10px;	
	

}

#totteoki .container .content .wth626 .infodata .infotitle {
	font-size: 14px;
	line-height: 120%;
	font-weight: bold;
	color: #4C1F04;
}
#totteoki .container .content .wth626 .article.mgn40 .infodata02 .infotitle {
	font-size: 14px;
	line-height: 120%;
	font-weight: bold;
	color: #4C1F04;
}
#totteoki .container .content .wth626 .infodata03 .infotitle {
	font-size: 14px;
	line-height: 120%;
	font-weight: bold;
	color: #4C1F04;
}
#totteoki .container .content .wth626 .infodata04 .infotitle {
	font-size: 14px;
	line-height: 120%;
	font-weight: bold;
	color: #4C1F04;
}
#totteoki .container .content .wth626 .infodata04 .infotitle {
	font-size: 14px;
	line-height: 120%;
	font-weight: bold;
	color: #4C1F04;
	
}

/**/
#hanagokoro {
	width: 760px;
	margin: 60px auto;
	font-size: 15px;
}

#hanagokoro p {
	margin: 0;
	padding: 0;
}

#hanagokoro .image_center {
	display: block;
	margin: 20px auto;
}
 {
	width: 800px;
	margin: 30px auto;
	padding: 30px 0;
	background-color:#fff; 
}

#hanagokoro a:hover {
        opacity:0.3;
        filter: alpha(opacity=30);
        -ms-filter: "alpha( opacity=30 )";
}