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

/** ruby **/
rp,rt {font-size: 0px;}


/* TOOPAN */
.wgt-login20 {
	display: table;
	min-width: 400px;
	text-align: center;
	min-width: 100%;
	min-width: 200px;
	min-width: 100%;
	min-width: 0;
	min-width: 0%;
    width: 100%;
	}

.mod-login20 {
  	margin: 0 0 10px;
  	padding: 8px 8px 8px;
  	background: rgb(232,232,232);
  	border: 1px solid rgb(232,232,232);
  	margin: 0 0 20px;
  	-webkit-border-radius: 3px;
  	-moz-border-radius: 3px;
  	-ms-border-radius: 3px;
  	-o-border-radius: 3px;
  	border-radius: 3px; 
  	behavior: url(/resources/js/PIE.htc);
	position:relative;
  	}

.skin-button20 {
	margin: 0 0 8px;
	padding: 4px 4px 5px;
  	font-weight: normal;
  	font-size: 16px;
  	line-height: 1.267;
  	_zoom:1;	
	font-family: "F+UD-ニューロダン DB";
	display: block;
	text-decoration: none;
	background: #8FBD18;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8fbd18), color-stop(100%, #659e00));
    background: -webkit-linear-gradient(#8fbd18, #659e00);
    background: -moz-linear-gradient(#8fbd18, #659e00);
    background: -o-linear-gradient(#8fbd18, #659e00);
    background: linear-gradient(#8fbd18, #659e00);
	border: 1px solid #8FBD18;
	border-radius: 4px;
	color: #fff;
	line-height: 37px;
	-webkit-transition: none;
	transition: none;
	-pie-background: linear-gradient(#8fbd18, #659e00);	
	behavior: url(/resources/js/PIE.htc);
	position:relative;
	box-shadow: inset 0 -3px 5px rgba(0, 0, 0, .2);
	}
	/*.skin-button20:before {
    	position: relative;
    	top: 3px;
    	display: inline-block;
    	margin: 0 8px 0 0;
    	font-family: "myfont";
    	content: "\f100";
    	color: #FFF;
    	font-size: 1.5em;
    	line-height: 1; }*/
	.skin-button20:hover {
		opacity: 0.6;
     	filter: alpha(opacity=60); 
		behavior: url(/resources/js/PIE.htc);
		position:relative;
		}

.skin-button21 {
	padding: 4px 4px 5px;
  	font-weight: normal;
  	font-size: 15px;
  	line-height: 1.267;
  	_zoom:1;	
	font-family: "F+UD-ニューロダン DB";
	display: block;
	text-decoration: none;
	background: #357bbd;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #357bbd), color-stop(100%, #296195));
    background: -webkit-linear-gradient(#357bbd, #296195);
    background: -moz-linear-gradient(#357bbd, #296195);
    background: -o-linear-gradient(#357bbd, #296195);
    background: linear-gradient(#357bbd, #296195);
	border: 1px solid #357bbd;
	border-radius: 4px;
	color: #fff;
	line-height: 37px;
	-webkit-transition: none;
	transition: none;
	-pie-background: linear-gradient(#357bbd, #296195);
	behavior: url(/resources/js/PIE.htc);
	position:relative;
	box-shadow: inset 0 -3px 5px rgba(0, 0, 0, .2);
	}
	.skin-button21:hover {
		opacity: 0.6;
     	filter: alpha(opacity=60); 
		behavior: url(/resources/js/PIE.htc);
		position:relative;
		}

.wgt-lead-line {
    margin: 0px 0px 20px;
    font-weight: bold;
    font-size: 1.8em;
    line-height: 1.444;
    text-align:center;
	background: url(/resources/img/line/line02.png) bottom no-repeat;
	padding-bottom: 35px;
	margin-bottom: 10px;
	font-family: "F+UD-ニューロダン DB";
	}
.wgt-lead-line.wgt-lead-line-type2 {
	background: url(/resources/img/line/line03.png) bottom no-repeat; }


.sample2 {
    position: relative;
    color: #242424 ;
    background: #f8f8f8;
    font-size: 16pt ;
    line-height: 1;
    margin: 20px -10px 20px -10px;
    padding: 10px 5px 10px 20px;
    box-shadow:1px 3px 7px 0px  #666666 ;
    border-top:3px solid #046d05;
	}
.sample2:after, sample2:before {
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top: 5px solid #333;
	}
.sample2:after {
    left: 0;
    border-right: 5px solid #333;
	}
.sample2:before {
    right: 0;
    border-left: 5px solid #333;
	}





/* TOOPAN END */

.clearf {zoom: 100%;}
.clearf:after {content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
.mab0 {margin-bottom:0;}
.mab5 {margin-bottom:5px;}
.mab10{margin-bottom:10px;}
.mab20{margin-bottom:20px;}
.mab30{margin-bottom:30px;}
.mal5em{margin-left:5em;}
.pat10{padding:10px 0 0;}
.pad10 {padding:10px 10px 0;}
.pab5{padding-bottom:5px;}
.pab15{padding-bottom:15px;}
.cc00{color:#c00;}
.cc0006c{color:#c0006c;}
.fright{float:right; margin-left:0.95em;}
.fleft{float:left; margin:2em 1em 2em 0;}
.fleft0{float:left; margin:0 1em 1em 0;}
.t2em{font-size:2em; margin-left:.5em;}
.tright{text-align:right; line-height:1.6;}
div.lineA {border-top:1px solid #c2c2c2; margin:0 -10px; height:10px;}
div.lineA hr {display:none;}
p.tcenter{text-align:center;}
p.tcenter input{margin:0 10px; padding:3px 1em;}
p img{max-width:100%;}
.wgt-heading3-h2{padding:0 0 0 9px; border-left:4px solid #009944; font-family:"F+UD-ニューロダン DB"; font-size:1.333em; line-height:1.25;}
div.arrow hr{display:none;}
div.arrow:after{display:block; content:"▼"; text-align:center; margin-bottom:10px; font-size:50px;}
div.c-boxA{margin:0 15%;}
div.search-boxA .mod-header-search{float:none; width:auto; margin:0 30% 20px 0;}

.news_head{padding-bottom:1em;*zoom:1;}
.news_head:after{content:"."; display:block; clear:both; height:0px; visibility:hidden;}
.news_category{float:left;margin:0;*zoom:1;}
.news_category:after{content:"."; display:block; clear:both; height:0px; visibility:hidden;}
.news_category li{font-family: "F+UD-ニューロダン DB";float:left; width:10em; text-align:center; font-size:1.25em; margin:0 0.5em 0.5em 0;}
.news_category li a{display:block; border:#c0c0c0 3px solid; border-radius:4px; color:#333; padding:.75em; text-decoration:none; font-weight:bold;}
.news_category li a:hover{ background:#c0c0c0; color:#fff;}
.news_category .current a{background:#c0c0c0;border:#c0c0c0 3px solid; color:#fff;}
.news_head select{line-height:1em; margin:.5em 0 0; min-width:12em; float:right; -webkit-appearance:button; -moz-appearance:button; appearance:button; padding:5px; margin-right:1.0411111%;/*behavior: url(ie/PIE.htc);*/}
.news_head select.s-left{line-height:1em; margin:.5em 0 0; min-width:12em; float:none; -webkit-appearance:button; -moz-appearance:button; appearance:button; padding:5px; margin-right:1.0411111%;/*behavior: url(ie/PIE.htc);*/}
@media screen and (max-width: 800px) {
.news_category{float:none; width:auto; border:1px solid #c0c0c0;}
.news_category li{float:none; width:auto; text-align:center; font-size:1.5em; margin:0; border:none; padding:10px; background:#fdfdfd; background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(100%, #e4e4e4)); background:-webkit-linear-gradient(#fdfdfd, #e4e4e4); background:-moz-linear-gradient(#fdfdfd, #e4e4e4); background: -o-linear-gradient(#fdfdfd, #e4e4e4); background: linear-gradient(#fdfdfd, #e4e4e4);}
.news_category li a{display:block; border:none; border-radius:none; color:#333; padding:0;}
.news_category li a:hover{background:none; color:#333;}
.news_category .current a{background:none;border:none; color:#333;}
}

ul.pagenation{padding-bottom:1em; text-align:center; *zoom:1;}
ul.pagenation:after{content:"."; display:block; clear:both; height:0px; visibility:hidden;}
ul.pagenation li{list-style:none; display:inline-block; width:2em; margin-left:.25em; font-weight:bold;}
ul.pagenation li.text{width:3.5em;}
ul.pagenation li span{display:block; background:#c0c0c0; border:1px solid #c0c0c0; color:#fff; text-align:center; padding:.5em 0;}
ul.pagenation li a{display:block; border:1px solid #c0c0c0; text-align:center; text-decoration:none; color:#333; padding:.5em 0;}
ul.pagenation li a:hover{text-decoration:none; background:#c0c0c0; border:1px solid #c0c0c0; color:#fff;}
ul.pagenation li.text a{border:none; color:#333; padding:.5em 0;}
ul.pagenation li.text a:hover{background:none; border:none; text-decoration:underline;}
@media screen and (max-width: 800px) {
ul.pagenation li.text{display:none;}
}

dl.entry-title{padding-bottom:1em;}
dl.entry-title dt{padding-bottom:.5em;}
dl.entry-title dt img{margin-left:1em; vertical-align:middle;}
dl.entry-title dd h2 {font-size:1.5em; line-height:1.5;}
div.entry-box{padding-bottom:.5em;*zoom:1;}
div.entry-box:after{content:"."; display:block; clear:both; height:0px; visibility:hidden;}
/* div.entry-box p{font-size:1.25em; line-height:1.667; padding-bottom:.5em;} */
/* div.entry-box div{font-size:1.25em; line-height:1.667; padding-bottom:.5em;} */
div.entry-box{font-size:1.4em !important; line-height:1.667; padding-bottom:.5em;}
div.entry-box .wgt-p2{font-size:1em !important;}
div.entry-box .wgt-linklist-item{font-size:0.85em !important;display: -webkit-box;}
div.entry-box p.photo-typeA img{max-width:100%;}
div.entry-box p.photo-typeB{*zoom:1;}
div.entry-box p.photo-typeB:after{content:"."; display:block; clear:both; height:0px; visibility:hidden;}
div.entry-box p.photo-typeB img{max-width:48%; float:left;}
div.entry-box p.photo-typeB img.none{float:right;}
div.entry-box p.photo-typeC{width:50%; float:right; margin-left:1em;}
div.entry-box p.photo-typeC img{max-width:100%; margin-bottom:10px;}
ul.pagenavi{border-top:3px solid #c0c0c0; padding:1em 0;}
ul.pagenavi li{list-style:none; font-size:1.25em; line-height:1.333; font-weight:bold;}
ul.pagenavi li.go-back{text-align:center;}
ul.pagenavi li.go-prev{width:30%; float:left; text-align:right; margin-top:-1.333em;}
ul.pagenavi li.go-next{width:30%; float:right; text-align:left; margin-top:-1.333em;}
ul.pagenavi li a{text-decoration:none;}

ol.article-list{list-style:none; border-bottom:1px solid #b6b6b6; margin-bottom:25px;}
ol.article-list li{margin:0; padding:0;}
ol.article-list li h4{font-size:1.2em; line-height:1.333; background:#ededed; border:1px solid #b6b6b6; padding:9px 15px 7px;}
ol.article-list li h4 span{background:#c00; font-size:.6em; font-weight:normal; position:absolute; margin:3px 0 0 1em; color:#fff; padding:1px 3px; border-radius:3px;}
ol.article-list li dl{border:1px solid #b6b6b6; border-width:0 1px; padding:20px;}
ol.article-list li dl dt{width:120px; overflow:hidden; float:left; font-size:0; line-height:0;}
ol.article-list li dl dt img {max-width:120px;}
ol.article-list li dl dd{padding-left:130px;}
ol.article-list li dl dd p{font-size:1.2em; line-height:1.6667; margin-bottom:1em; clear:both;}
ol.article-list li dl dd p.detail-pdf{float:right; margin:0 0 1em; border:1px solid #b6b6b6; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px;}
ol.article-list li dl dd p.detail-pdf a{position:relative; padding:5px 0 4px 28px; display:block; text-decoration:none; font-weight:bold;}
ol.article-list li dl dd p.detail-pdf a:before{position:absolute; top:5px; left:7px; display:block; color:#009944; font-size:1em; font-family:"myfont"; content:"\f103";}
@media screen and (max-width: 800px) {
ol.article-list li dl dt{width:130px;}
ol.article-list li dl dd{padding:0;}
}

div.article-list{border:1px solid #b6b6b6; margin-bottom:25px; padding-bottom:1px;}
div.article-list h4{font-size:1.2em; line-height:1.333; background:#ededed; border-bottom:1px solid #b6b6b6; padding:9px 15px 7px; margin-bottom:15px;}
div.article-list ul{list-style:none; padding:0 0 15px 20px;}
div.article-list ul li{width:50%; float:left;}
div.article-list ul li dl{margin-right:2em;}
div.article-list ul li dl dt{font-size:1.2em; line-height:1.6667; margin-bottom:.5em;}
div.article-list ul li dl dt span{font-weight:normal;}
div.article-list ul li dl dd img{max-width:120px; overflow:hidden; float:left;}
div.article-list ul li dl dd p{font-size:1em; line-height:1.6667; padding-left:125px;}
div.article-list p.wgt-p{padding:0 20px;}
@media screen and (max-width: 800px) {
div.article-list ul{list-style:none; padding:0 20px 15px;}
div.article-list ul li{width:auto; float:none; margin-bottom:1em;}
}

dl#h-maps{width:680px; height:460px; margin-bottom:20px;}
dl#h-maps dt{position:relative; z-index:1;}
dl#h-maps dd{position:absolute; z-index:2;}
dl#h-maps dd ul{position:absolute; margin-top:-460px;}
dl#h-maps dd ul li{list-style:none; position:absolute; z-index:3; width:82px; height:30px; overflow:hidden; font-size:0; line-height:0;}
dl#h-maps dd ul li a {display:block;}
dl#h-maps dd ul li a:hover {background-color:transparent;}
dl#h-maps dd ul li a:hover img {visibility:hidden;}
dl#h-maps dd ul li#btn-area01{background:url(/resources/img/map/btn_area01_ov.png); margin:10px 0 0 50px;}
dl#hokkaido-map{margin-bottom:20px;}
dl#hokkaido-map dt{position:absolute; width:100%;}
p#h-map{position:relative; z-index:2; margin-bottom:20px;}

div.box-typeA{border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; padding:15px 5px 15px 20px; margin-bottom:15px;}
div.box-typeA ul.search-type li{list-style:none; font-size:1.2em; float:left; margin-right:2em;}
div.box-typeA ul.search-type li input {margin-right:3px;}
div.box-typeA dl.other-search dt{width:13em; float:left; font-size:1.2em; border-right:2px solid #ccc;}
div.box-typeA dl.other-search dd {font-size:1.2em; padding-left:15em;}
div.box-typeA dl.other-search dd ul li{list-style:none; float:left; margin-right:2em;}
div.box-typeA p.text-link{text-align:center; font-size:1.2em;}
div.box-typeA p.text-link span{margin:0 1em;}

div.box-typeB{border:1px solid #81cca3; background:#e6f6ec; padding:15px 20px 1px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; margin-bottom:15px;}
div.box-typeB ul.name-search{list-style:none; float:left; margin-right:.4em; padding-bottom:1em;}
div.box-typeB ul.none{margin:0;}
div.box-typeB ul.name-search li{margin-bottom:.4em; width:2em;}
div.box-typeB ul.name-search li.long{margin-bottom:2.8em;}
div.box-typeB ul.name-search li a{display:block; border:1px solid #c2c2c2; color:#333; font-size:1.25; padding:5px 0; font-weight:bold; text-align:center; text-decoration:none; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; background:#fdfdfd; background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(100%, #e6e6e6)); background:-webkit-linear-gradient(#fdfdfd, #e6e6e6); background:-moz-linear-gradient(#fdfdfd, #e6e6e6); background:-o-linear-gradient(#fdfdfd, #e6e6e6); background:linear-gradient(#fdfdfd, #e6e6e6);}
div.box-typeB ul.name-search li a:hover{color:#fff; background:#017330; background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #019b41), color-stop(100%, #017330)); background:-webkit-linear-gradient(#019b41, #017330); background:-moz-linear-gradient(#019b41, #017330); background:-o-linear-gradient(#019b41, #017330); background:linear-gradient(#019b41, #017330);}
div.box-typeB ul.checkbox-3clm{list-style:none; padding-bottom:10px; font-size:1em; line-height:1.333;}
div.box-typeB ul.checkbox-3clm li{width:205px; float:left; margin-right:10px;}
div.box-typeB ul.checkbox-3clm li.none{margin:0;}
div.box-typeB ul.checkbox-3clm li input{margin-right:5px;}
div.box-typeB p.btn-search{margin:0 30% 10px;}

.search-box{width:auto; margin-bottom:20px; background:#fff; border:3px solid #e2e2e2; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.search-box-inputArea{position:relative; padding:0 57px 0 0; border:1px solid #b4b4b4; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; vertical-align:bottom;}
.search-box-inputArea:before{position:absolute; top:6px; left:5px; content:''; display:block; font-family:"myfont"; content:"\f128"; color:#a6a6a6; font-size:18px; line-height:1;}

ul.btn-2clm{list-style:none; padding-bottom:10px;}
ul.btn-2clm li{width:49%; float:left; margin-bottom:10px;}
ul.btn-2clm li.none{float:right;}
ul.btn-2clm li a{display:block; padding:8px 20px; border:1px solid #017330; background:#017330; background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #019b41), color-stop(100%, #017330)); background:-webkit-linear-gradient(#019b41, #017330); background:-moz-linear-gradient(#019b41, #017330); background:-o-linear-gradient(#019b41, #017330); background:linear-gradient(#019b41, #017330); -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color: #fff; font-family:"F+UD-ニューロダン DB"; font-size:1.333em; font-weight:bold; line-height:1.333; text-decoration:none;}
ul.btn-2clm li a:hover{color:#3b3b3b; border-color:#ccc; background:#fff;}

div.list-3clm-box{padding-bottom:20px;}
div.list-3clm-box ul{list-style:none; padding-bottom:10px;}
div.list-3clm-box ul li{width:32%; float:left; margin-right:2%;}
div.list-3clm-box ul li.none{margin:0;}
div.list-3clm-box ul li a{display:block; font-size:1.2em; line-height:1.333; font-weight:bold; border:1px solid #ccc; padding:.4em .5em .4em 1.5em; text-decoration:none; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; background:url(/resources/img/lm01.gif) 10px no-repeat;}
@media screen and (max-width: 800px) {
div.list-3clm-box ul{list-style:none; padding-bottom:0;}
div.list-3clm-box ul li{width:auto; float:none; margin:0 0 .5em 0;}
div.list-3clm-box ul li.none{margin:0 0 .5em 0;}
}

div.google-maps{margin-bottom:20px;}
div.table-typeA{padding-bottom:20px;}
div.table-typeB{padding-bottom:10px;}
table.table-typeA{width:100%; font-size:1.3em; line-height:1.5em; border-collapse:collapse; margin-bottom:30px;}
table.table-typeA caption{padding-bottom:5px;}
table.table-typeA caption strong{font-size:1.25em;}
table.table-typeA caption span.fright{float:right;}
table.table-typeA th{font-size: 1.15em; background:#009944; border:1px solid #b6b6ae; color:#fff; text-align:center; vertical-align:middle; padding:.6em 0;}
table.table-typeA th.tleft{text-align:left; padding:.6em 1em;}
table.table-typeA .w10{width:10%;}
table.table-typeA .w12{width:12%;}
table.table-typeA .w15{width:15%;}
table.table-typeA .w16{width:16%;}
table.table-typeA .w18{width:18%;}
table.table-typeA .w20{width:20%;}
table.table-typeA .w21{width:21%;}
table.table-typeA .w25{width:25%;}
table.table-typeA .w26{width:26%;}
table.table-typeA .w30{width:30%;}
table.table-typeA .w33{width:33%;}
table.table-typeA .w35{width:35%;}
table.table-typeA .w40{width:40%;}
table.table-typeA .w45{width:45%;}
table.table-typeA .w50{width:50%;}
table.table-typeA .w55{width:55%;}
table.table-typeA .w75{width:75%;}
table.table-typeA .mal{margin-left:2em;}
table.table-typeA .colorA{background:#fcc;}
table.table-typeA .colorB{background:#cff;}
table.table-typeA .colorC{background:#ccc;}
table.table-typeA .colorD{background:#eee;}
table.table-typeA .colore{background:#094;}
table.table-typeA .colorF{background:#E6F6EC;}
table.table-typeA .colorG{background:#F9F7EA;}
table.table-typeA .colorH{background:#c9e67c;}
table.table-typeA th a{color:#fff; text-decoration:underline;}
table.table-typeA th a:hover{text-decoration:none;}
table.table-typeA tr.vcenter td {vertical-align:middle;}
table.table-typeA td{border:1px solid #b6b6ae; padding:.6em; vertical-align:top; background:#fff;}
table.table-typeA td.tcenter{text-align:center;}
table.table-typeA td.tright{text-align:right;}
table.table-typeA td.vbottom{vertical-align:bottom;}
table.table-typeA td.c01{background:#094; color:#fff; text-align:center;}
table.table-typeA td p{font-size:1em; line-height:1.6;}
table.table-typeA td p.indent{padding-left:2.75em;}
table.table-typeA td p.indent1{padding-left:1em; text-indent:-1em;}
table.table-typeA td p.indent2{padding-left:2.75em; text-indent:-2.75em;}
table.table-typeA td p.long{line-height:2em;}
table.table-typeA td p.mat{margin-top:5px;}
table.table-typeA td ul{list-style:none; padding-top:10px;}
table.table-typeA td ul li{float:left; margin:0 5px 5px 0; font-size:0; line-height:0;}
table.table-typeA td ul.table-typeA{list-style:none; padding:0 1em;}
table.table-typeA td ul.table-typeA li{width:40%; float:left; margin:0; font-size:1em; line-height:1.333;}
table.table-typeA td ul.table-typeA li.none{float:right; text-align:right;}
table.table-typeA td ul.table-typeA li a{background:url(/resources/img/lm01.gif) left 3px no-repeat; padding-left:12px;}
table.table-typeA input,table.table-typeA select {vertical-align:middle; margin-right:5px;}
table.image {table-layout:fixed;}
table.image img{clear:none; max-width:100%; margin:0;}

table.table-typeB{width:60%; font-size:1.2em; line-height:1.333em; border-collapse:collapse; margin-bottom:15px;}
table.table-typeB caption{padding-bottom:5px;}
table.table-typeB th{background:#094; border:1px solid #b6b6ae; color:#fff; text-align:center; vertical-align:middle; padding:.6em 0;}
table.table-typeB td{border:1px solid #b6b6ae; padding:.6em; text-align:center; vertical-align:top;}
@media screen and (max-width: 800px) {
table.table-typeB{width:100%;}
}

table.table-typeC{width:100%; font-size:1.3em; line-height:1.5em; border-collapse:collapse; margin-bottom:10px;}
table.table-typeC caption{padding-bottom:5px;}
table.table-typeC caption strong{font-size:1.25em;}
table.table-typeC caption span.fright{float:right;}
table.table-typeC th{font-size: 1.15em; background:#009944; border:1px solid #b6b6ae; color:#fff; text-align:center; vertical-align:middle; padding:.6em 0;}
table.table-typeC th.tleft{text-align:left; padding:.6em 1em;}
table.table-typeC .w10{width:10%;}
table.table-typeC .w12{width:12%;}
table.table-typeC .w15{width:15%;}
table.table-typeC .w18{width:18%;}
table.table-typeC .w20{width:20%;}
table.table-typeC .w25{width:25%;}
table.table-typeC .w26{width:26%;}
table.table-typeC .w30{width:30%;}
table.table-typeC .w33{width:33%;}
table.table-typeC .w35{width:35%;}
table.table-typeC .w40{width:40%;}
table.table-typeC .w45{width:45%;}
table.table-typeC .w50{width:50%;}
table.table-typeC .w55{width:55%;}
table.table-typeC .w75{width:75%;}
table.table-typeC .mal{margin-left:2em;}
table.table-typeC .colorA{background:#fcc;}
table.table-typeC .colorB{background:#cff;}
table.table-typeC .colorC{background:#ccc;}
table.table-typeC .colorD{background:#eee;}
table.table-typeC .colore{background:#094;}
table.table-typeC .colorF{background:#E6F6EC;}
table.table-typeC .colorG{background:#F9F7EA;}
table.table-typeC th a{color:#fff; text-decoration:underline;}
table.table-typeC th a:hover{text-decoration:none;}
table.table-typeC tr.vcenter td {vertical-align:middle;}
table.table-typeC td{border:1px solid #b6b6ae; padding:.6em; vertical-align:top; background:#fff;}
table.table-typeC td.tcenter{text-align:center;}
table.table-typeC td.tright{text-align:right;}
table.table-typeC td.vbottom{vertical-align:bottom;}
table.table-typeC td.c01{background:#094; color:#fff; text-align:center;}
table.table-typeC td p{font-size:1em; line-height:1.6;}
table.table-typeC td p.indent{padding-left:2.75em;}
table.table-typeC td p.indent1{padding-left:1em; text-indent:-1em;}
table.table-typeC td p.indent2{padding-left:2.75em; text-indent:-2.75em;}
table.table-typeC td p.long{line-height:2em;}
table.table-typeC td p.mat{margin-top:5px;}
table.table-typeC td ul{list-style:none; padding-top:10px;}
table.table-typeC td ul li{float:left; margin:0 5px 5px 0; font-size:0; line-height:0;}
table.table-typeC td ul.table-typeA{list-style:none; padding:0 1em;}
table.table-typeC td ul.table-typeA li{width:40%; float:left; margin:0; font-size:1em; line-height:1.333;}
table.table-typeC td ul.table-typeA li.none{float:right; text-align:right;}
table.table-typeC td ul.table-typeA li a{background:url(/resources/img/lm01.gif) left 3px no-repeat; padding-left:12px;}
table.table-typec input,table.table-typeA select {vertical-align:middle; margin-right:5px;}

dl.qrcode{border:1px solid #ccc; padding:5px;}
dl.qrcode dt{width:61px; float:right; font-size:0; line-height:0;}
dl.qrcode dd{padding:10px 80px 10px 15px;}
dl.qrcode dd p{font-size:1.2em; line-height:1.333;}

ul.indent{list-style:none; padding-bottom:20px;}
ul.indent li{padding-left:2em; text-indent:-2em; margin-bottom:.5em;}

ul.flag li{list-style:none; padding-bottom:10px; margin:0;}
ul.flag li img{vertical-align:middle; margin-right:10px;}

div#block-info,div#block-plaza,div#block-service{padding-top:30px;}

dl.typeA{padding-bottom:20px;}
dl.typeA dt{width:33%; float:left; font-size:0; line-height:0;}
dl.typeA dt img{max-width:100%;}
dl.typeA dd{float:right; width:65%; padding-top:10px;}
dl.typeA dd h3 {font-size:1.5em; margin-bottom:10px; width:auto;}
dl.typeA dd p{font-size:1.333em; line-height:1.6; width:auto;}
dl.typeB{padding:10px 0 20px;}
dl.typeB dt{width:20%; float:left; font-size:0; line-height:0;}
dl.typeB dt img{max-width:100%;}
dl.typeB dd{float:right; width:78%; padding-top:15px;}
dl.typeC{padding-bottom:20px;}
dl.typeC dt{width:65px; position:absolute; font-size:0; line-height:0;}
dl.typeC dd{padding:5px 0 0 70px;}
dl.typeD{padding-bottom:20px;}
dl.typeD dt{width:40%; float:left; font-size:0; line-height:0;}
dl.typeD dt img{max-width:100%;}
dl.typeD dd{float:right; width:58%;}

.linkbnrs{list-style:none; padding-bottom:10px;}
.linkbnrs li{width:160px; height:55px; float:left; margin-right:15px; font-size:0; line-height:0;}
div.house{padding:5px 20px 20px;}
div.house p.house{margin:0;}

ul.search-result-list{list-style:none; border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; padding:5px 15px 0; margin-bottom:20px;}
ul.search-result-list li{border-bottom:1px dotted #ccc; padding:15px 5px 5px;}
ul.search-result-list li:last-child{border-bottom:none;}
ul.search-result-list li h3 {font-size:1.25em; margin-bottom:.5em; line-height:1.6;}

ul.bnr-center {list-style:none; text-align:center;}
ul.bnr-center li {display:inline-block; text-align:center; padding:0 10px;}
div.clm2-130 p.icon130 {font-size:0; line-height:0; width:130px; position:absolute;}
div.clm2-130 div.clm2-130r {padding-left:130px;}
@media screen and (max-width: 800px) {
div.clm2-130 p.icon130 {font-size:0; line-height:0; position:relative; margin-bottom:10px;}
div.clm2-130 div.clm2-130r {padding-left:0;}
}
div.happyeveryday {padding-right:220px; background:url(/loan/housing/service/rira/img/ph01.png) top right no-repeat; min-height:689px;}
@media screen and (max-width: 900px) {
div.happyeveryday {padding:0; background:none;}
}
div.happyeveryday ul.bnrs {list-style:none; padding-bottom:10px;}
div.happyeveryday ul.bnrs li {font-size:0; line-height:0; float:left; width:30%; margin:0 3% 5px 0;}
div.happyeveryday ul.bnrs li img {max-width:100%;}

/*--top--*/
body#home ul.navitem01,body#home ul.navitem02{display:none;}
@media screen and (max-width: 480px) {
body#home ul.navitem01,body#home ul.navitem02{display:block;}
}
.mod-recommended-box{padding-bottom:10px; margin-top:-10px; width:100%;}
.mod-recommended-box .mod-recommended-item{margin:0;}
.mod-recommended-box .mod-recommended-item a{display:block; padding:0 3px 5px 0; margin:0;}
.mod-recommended-box .mod-recommended-item a img{max-width:222px;}
@media screen and (max-width: 480px) {
.mod-recommended-box{margin-top:0px;}
}
/*#home .ibmini-box{border:4px solid #094; background:#fff; text-align:center; padding:.5em 0; margin-bottom:.5em;}*/
.ibmini-box{text-align:center; margin-bottom:1em; position:relative;}
.ibmini-box:hover {
		opacity: 0.6;
     	filter: alpha(opacity=60); 
		position:relative;
		}

.ibmini-box img{border:1px solid #e5b48b;}
@media screen and (max-width: 800px) {
/*.ibmini-box{border:none; background:none; text-align:center; padding:0; margin:1.2em 0 0 2em; float:left; width:45%;}*/
/*.ibmini-box img{max-height:60px !important;}*/
.ibmini-box{border:none; background:none; text-align:center; padding:0; margin:10px 0px 5px 0px; float:left; width:100%;}
#home .ibmini-box{width:50%; margin-left:0;}
.ibmini-box img{max-height:63px !important;}
}
@media screen and (max-width: 480px) {
.ibmini-box{width:45%; text-align:center; margin-left:1em;}
/*.ibmini-box img{max-height:48px !important;}*/
.ibmini-box img{max-height:58px !important;}
}
#home .box-typeA{border:4px solid #094; padding:.5em .5em 0;}

div#top-bnr-box{padding-bottom:2em;}
div#top-bnr-box div{width:32%; float:right; margin-left:1.7%;}
div#top-bnr-box div a:hover img{border:none;}
div#top-bnr-box ul{list-style:none; width:32%; float:left;}
div#top-bnr-box ul.none{float:right;}
div#top-bnr-box ul li{font-size:0; line-height:0; padding-bottom:10px;}
div#top-bnr-box ul li a img{border:1px solid #b1b1b1;}
div#top-bnr-box ul li a:hover img{border:1px solid #940;}
@media screen and (max-width: 800px) {
div#top-bnr-box ul li{padding-bottom:5px;}
}
@media screen and (max-width: 480px) {
div#top-bnr-box div{width:100%; margin:0 0 .5em;}
div#top-bnr-box ul{width:49%; float:left;}
div#top-bnr-box ul.none{float:right;}
div#top-bnr-box ul li{width:100%;}
div#top-bnr-box ul li.none{float:none;}
}

#home .mod-concierge-taro{width:135px; height:auto;}
#home .mod-concierge-balloon{position:relative; top:68px; margin:-65px 0 0 100px; width:130px; height:auto;}

div#top-boxA{padding-bottom:1px;}
div#left-ranking-box{width:32%; float:left;}
div#right-service-box{width:65%; float:right;}
div#right-service-inner-box{border:1px solid #28aed8; border-width:0 1px 1px 0; padding-right:15px;}
div#right-service-inner-box div.left{width:49%; float:left;}
div#right-service-inner-box div.left ul .mod-servicelist-items-listitem{line-height:1.8;}
div#right-service-inner-box div.left ul .none{border-bottom:none;}
div#right-service-inner-box div.right{width:49%; float:right; padding-top:10px;}
div#right-service-inner-box div.right .mod-concierge{margin:0;}
@media screen and (max-width: 800px) {
div#top-boxA{padding-bottom:2em;}
div#left-ranking-box{width:100%; float:none;}
div#right-service-box{width:100%; float:none;}
div#right-service-inner-box div.left ul .mod-servicelist-items-listitem{width:auto; display:block; border:1px solid #28aed8; border-top:none; line-height:1.6;}
div#right-service-inner-box div.left ul .none{border-bottom:none;}
}
@media screen and (max-width: 480px) {
div#right-service-inner-box{border-width:0; padding:0;}
div#right-service-inner-box div.left{width:100%; float:none;}
div#right-service-inner-box div.right{width:100%; float:none;}
div#right-service-inner-box div.left ul .none{border-bottom:1px solid #28aed8;;}
}
li.mod-login-linksitem .bgc01{
	/*
	background:#f7d3c6;
	*/
	background: #FFF;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #FFF), color-stop(100%, #D8D8D8));
    background: -webkit-linear-gradient(#FFF, #D8D8D8);
    background: -moz-linear-gradient(#FFF, #D8D8D8);
    background: -o-linear-gradient(#FFF, #D8D8D8);
    background: linear-gradient(#FFF, #D8D8D8);
    border: 1px solid rgb(229, 180, 139);
	border-radius: 3px;
	-pie-background: linear-gradient(#FFF, #D8D8D8);	
	behavior: url(/resources/js/PIE.htc);
	position:relative;
	}
li.mod-login-linksitem .bgc02{
	/*
	background:#d5f7e4;
	*/
	background: #FFF;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #FFF), color-stop(100%, #D8D8D8));
    background: -webkit-linear-gradient(#FFF, #D8D8D8);
    background: -moz-linear-gradient(#FFF, #D8D8D8);
    background: -o-linear-gradient(#FFF, #D8D8D8);
    background: linear-gradient(#FFF, #D8D8D8);
    border: 1px solid rgb(229, 180, 139);
	border-radius: 3px;
	-pie-background: linear-gradient(#FFF, #D8D8D8);	
	behavior: url(/resources/js/PIE.htc);
	position:relative;
	}
/*--top_toggle--*/
#home .mod-index-head a{text-decoration:none !important; color:#fff;}
#home .mod-index-head a:hover{color:#c4e1c3 !important;}
/*#home .mod-index-body{display:block !important;}*/
/*--top_toggle--*/

div.mod-login a{text-decoration:none !important;}

ul.wgt-rate2-list li.wgt-rate2-listitem2{width:33%; float:left;}

.bgclA{background:#C1F7D8;}
.p05em{padding:0.5em 0;}
.pb1em{padding-bottom:1.5em;}
#home .mod-openaccount a.p1em{padding:1em 0; /*background:#2A7293; */background:#439ac1; border:1px solid #1C4B62;}
#home .mod-openaccount a:hover.p1em{background:#fff; border:1px solid #ccc;}
#home .mod-corporateweb a.p1em{background:#a3c167;}
#home .mod-corporateweb a:hover.p1em{background:#fff; border:1px solid #ccc;}
#home .mod-corporateweb a.p1em{padding:1em 0;}

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

.ui-category-kojin .mod-banner4-main a{ text-decoration:none; }

/*--pre--*/
body#pre{background:none; padding:50px 0;}
body#pre div.base-page{background:none;}

body#pre p.close_window{margin:50px auto; width:6em; font-size:1.5em;}
body#pre p.close_window a{display:block; text-align:center; padding:.75em 0; text-decoration:none; color:#333; border:1px solid #333; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px;}
body#pre p.close_window a:hover{background:#333; color:#fff;}

/*--20140319_eMAXIS--*/
ul#lineup_box{list-style:none; background:url(/deposit/investment/eMAXIS/img/bg.png) top left no-repeat; padding:74px 1px 1px 76px; margin-bottom:20px;}
ul#balance_box{list-style:none; top left no-repeat; padding:13px 0 0 0; margin-bottom:10px;}
ul#lineup_box li{width:190px; height:70px; overflow:hidden; font-size:0; line-height:0; float:left; margin:0 15px 13px 0;}
ul#balance_box li{width:216px; height:70px; overflow:hidden; font-size:0; line-height:0; float:left; margin:0 15px 13px 0;}
ul#lineup_box li.lineup_box-typeB{width:190px; height:154px;}
ul#lineup_box img.lineup_btn{margin-bottom:13px;}
ul#lineup_box li.none, ul#balance_box li.none{margin-right:0;}
.ttl_emaxis{background:#3a3a3a; color:#fff; font-size:16px; text-align:center; padding:.5em; margin-bottom:1em;}
.ttl_emaxis2{background:#ff8b00; color:#fff; font-size:14px; font-weight:normal; text-align:center; padding:1em 5px; margin-bottom:2em;}
ul.caution_box{border:1px solid #ff8b00; background:#fffcdb; padding:2em 2.5em 1em; margin-bottom:40px;}
ul.caution_box li{list-style:none; font-size:13px; padding-left:3em; margin-bottom:1em; text-indent:-2.5em; line-height:1.6;}
p.caution_box{border:1px solid #ff8b00; background:#fffcdb; padding:1em 1.5em; margin-bottom:40px; font-size:13px; line-height:1.6;}
p.caution_box span{display:block; text-align:right; padding-top:.5em;}
ul.bnrs{list-style:none; margin-bottom:40px;}
ul.bnrs li{width:48%; float:left;}
ul.bnrs li.none{float:right;}
ul.bnrs li a img{border:1px solid #3a3a3a;}
ul.data{list-style:none; padding-bottom:30px;}
ul.data li{padding-bottom:5px;}
ul.data li dt{width:6em; float:left; line-height:1.6; font-size:12px;}
ul.data li dd{padding-left:6em; line-height:1.6; font-size:12px;}
@media screen and (max-width:960px) {
ul#lineup_box{background:none; padding:0;}
ul#balance_box{background-size: contain; padding:1% 0 0;}
ul#lineup_box li,ul#balance_box li{width:32.6%; height:auto; margin:0 1% 1% 0;}
ul#lineup_box li.lineup_box-typeB{width:32.6%; height:auto;}
ul#lineup_box img.lineup_btn{margin-bottom:3%;}
ul.caution_box{padding:1em 1.5em .1em;}
ul.caution_box li{font-size:12px;}
p.caution_box{font-size:12px;}
}

/*--20140327_eDit--*/
h3.typeA{background:#00954a; font-size:1.8em; color:#fff; padding:.5em 1.5em; margin-bottom:2em; line-height:1.5;}
h3.typeB{font-size:1.8em; color:#00954a; margin-bottom:30px; line-height:1.6;}
h3.typeC{background:#f6921e; font-size:1.6em; color:#fff; padding:.5em 1.5em; margin-bottom:2em; line-height:1.5;}
dl.typeE{background:#e0e8f5; padding:15px 0; margin-bottom:60px;}
dl.typeE dt{font-size:0; line-height:0; margin-bottom:20px;}
dl.typeE dd{padding:0 17px;}
dl.typeE dd p{padding:10px 5px 0; font-size:1.4em;}
dl.typeF{margin-bottom:30px;}
dl.typeF dt{font-size:1.6em; font-weight:bold; color:#eb6d7a; margin-bottom:5px;}
dl.typeF dd{margin-bottom:10px;}
dl.typeG{margin-bottom:30px;}
dl.typeG dt{font-size:1.6em; font-weight:bold; color:#4b8ccb; margin-bottom:5px;}
dl.typeG dd{margin-bottom:10px;}
p.txt{font-size:1.3em; line-height:1.6; margin-bottom:3px;}
p.indent{text-indent:-1em; padding-left:1em; font-size:1.3em; line-height:1.6; margin-bottom:3px;}
p.indent span{color:#eb6d7a;}
p.indent span.e50012{color:#e50012;}
p.indent span.c4b8ccb{color:#4b8ccb;}
p.indent2{text-indent:-1em; padding-left:2em; font-size:1.3em; line-height:1.6; margin-bottom:3px;}
p.indent2 span{color:#eb6d7a;}
dl.typeF dd ol{color:#eb6d7a; font-size:1.3em; line-height:1.6; margin:0 0 5px 25px;}
dl.typeF dd ol li{list-style:decimal;}
dl.typeF dd ol li p{color:#3b3b3b; line-height:1.6;}
div.boxD{background:#fcedec; padding:2em; margin-bottom:60px;}
div.boxD h3{font-size:0; line-height:0; margin:0 0 15px 5px;}
div.boxE{background:#e8eef8; padding:2em; margin-bottom:10px;}
div.boxE h3{font-size:0; line-height:0; margin:0 0 15px 5px;}
div.boxF{background:#eaf3eb; padding:0 20px 20px; margin-bottom:40px;}
div.boxF h3{font-size:0; line-height:0; margin:0;}
div.boxF div.bg{background:url(/account/money_plan/img/bg_box.png) bottom; padding:10px 20px 15px;}
ul.clm3-2{list-style:none; margin:0 0 40px 2%;}
ul.clm3-2 li{width:32%; text-align:center; float:left; margin-right:1%; font-size:0; line-height:0;}
ul.clm3-2 li.last{margin:0;}
dt.typeA{font-size:2em; color:#e60012; margin-bottom:8px; line-height:1.4;}
dl.cfffbda{background:#fffbda; padding:20px; margin-bottom:20px;}
dl.ce7f5ed{background:#e7f5ed; padding:20px; margin-bottom:20px;}
dl.ce5f2fa{background:#e5f2fa; padding:20px; margin-bottom:20px;}
dl.cf5f5f5{background:#f5f5f5; padding:20px; margin-bottom:20px;}
dl.cfffbda{background:#fffbda; padding:20px; margin-bottom:20px;}
dl.ce7f5ed{background:#e7f5ed; padding:20px; margin-bottom:20px;}

@media screen and (max-width: 960px) {
div.boxF div.bg{background:#fff; border:2px solid #6fb82c; padding:10px;}
}
@media screen and (max-width: 640px) {
h3.typeA{font-size:1.4em; padding:.5em 1em;}
h3.typeB{font-size:1.4em; margin-bottom:15px;}
h3.typeC{font-size:1.4em; padding:.5em 1em;}
dl.typeE{padding:10px 0; margin-bottom:30px;}
dl.typeE dt{margin-bottom:10px;}
dl.typeE dd{padding:0 2%;}
dl.typeE dd p{padding:5px 3px 0 1em; text-indent:-1em; font-size:1.2em;}
div.boxD{padding:1em; margin-bottom:30px;}
div.boxD h3{margin:0 0 10px;}
div.boxE{padding:1em;}
div.boxE h3{margin:0 0 10px;}
div.boxF{padding:0 5px 10px; margin-bottom:20px;}
div.boxF{padding:0 5px 10px; margin-bottom:20px;}
ul.clm3-2{margin:0 0 20px;}
ul.clm3-2 li{width:auto; float:none; margin:0 0 1%;}
ul.clm3-2 li.last{margin:0 0 1%;}

dt.typeA{font-size:1.6em;}
dl.cfffbda{padding:10px;}
dl.ce7f5ed{padding:10px;}
dl.ce5f2fa{padding:10px;}
dl.cf5f5f5{padding:10px;}
dl.cfffbda{padding:10px;}
dl.ce7f5ed{padding:10px;}
}

/*--20140403_info--*/
@media screen and (max-width: 800px) {
.mod-infotab-list-date{
float:none;
margin:0 0 5px;
width:205px;
line-height:1.4;
}
.mod-infotab-list-icon{
width:auto;
margin:0;
float:right;
}
}

/*--20150311_top_eDit--*/
div#lifeevent_box{padding-right:245px;}
div#lifeevent_box div.lifeevent_box{width:100%; position:relative; float:left;}
div#lifeevent_box p.top_cm_bnr{width:222px; position:relative; float:right; margin-right:-222px; right:-23px;}
@media screen and (max-width: 800px) {
div#lifeevent_box{padding-bottom:20px;}
}
@media screen and (max-width: 640px) {
div#lifeevent_box{padding:0 0 20px;}
div#lifeevent_box div.lifeevent_box{float:none;}
div#lifeevent_box p.top_cm_bnr{width:100%; text-align:center; float:none; margin-right:0; right:0;}
}
div.clm3{padding-bottom:10px; width:100%;}

p.mobile_app_bnr{font-size:0; line-height:0; margin-bottom:10px; display:none;}
@media screen and (max-width: 640px) {
p.mobile_app_bnr{margin-bottom:10px; display:block;}
}

/*--20170130_mod-footerlinks__items--*/
.mod-footerlinks__items {
	display: table;
	width: 100%;
}
.mod-footerlinks__row {
	display: table-row;
}
.mod-footerlinks__item {
	display: table-cell;
	width: 33.3333%;
	vertical-align: top;
}
.mod-footerlinks__item a {
	display: inline-block;
	margin-right: 1.2em;
	margin-bottom: 5px;
}
@media screen and (max-width: 480px) {
	.mod-footerlinks__items {
		position: relative;
		display: block;
		width: auto;
		border: 1px solid #ccc;
		background-color: #fff;
		margin-left: -1px;
		padding: 11px 10px 5px;
	}

	.mod-footerlinks__row {
		display: block;
	}

	.mod-footerlinks__item {
		display: block;
		width: 100%;
	}
}