@charset "shift_jis";

body {
	font-family:'ＭＳ Ｐゴシック',sans-serif;
}

a img:hover{
        opacity: 1!important ;
}

@media screen and (min-width:  960px) {
a .mouse_on:hover,a .hoverimg:hover {
            opacity: 0.7!important ;
        }
}


@media screen and (min-width:641px) {
/*横幅641px以上のCSS（パソコン）*/
html,body {
	margin: 0;
	padding: 0;
	height: 100%;
	text-align:center\9;/*ie８用*/
}  


/* clearfix ------- */
.clearfix {
zoom: 1;
}
.clearfix:after {
    content: '';
    display: block;
    clear: both;
}
/* clearfix ------- */

.switchBtn {
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	display:none;
}
.switchBtn.look {
	display:block;
	}

.switchBtn a {
	display: inline-block;
	font-size: 100%;
	color: #0066CC;
	text-decoration: none;
	background-color: #999999;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	margin: 0px 5px 10px;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #666 0px 0px 3px;
	-moz-box-shadow: #666 0px 0px 3px;
	box-shadow: #666 0px 0px 3px;
	background: #CCC;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#efefef), to(#ccc));
	background: -webkit-linear-gradient(#efefef, #CCC);
	background: -moz-linear-gradient(#efefef, #CCC);
	background: -ms-linear-gradient(#efefef, #CCC);
	background: -o-linear-gradient(#efefef, #CCC);
	background: linear-gradient(#efefef, #CCC);
	-pie-background: linear-gradient(#efefef, #CCC);
	behavior: url("../../PIE.htc");
}
body.hide{
	position:fixed;
	overflow:hidden;}
#container,#header, #main, #side, #top, #right,#f_column,#content,#footer{ 
	padding: 0px;
	margin: 0px;
}
#container {
	width: 680px;
	margin:0 auto;
	text-align:left\9;/*ie８用*/
}
#header {
	width: 680px;
	margin-left: auto;
	margin-right: auto;
}
#main {
	width: 680px;
}
#side {
	float: left;
	width: 180px;
}
#right {
	float: right;
	width: 190px;
}
#top {
	float: left;
	width: 310px;
}
#f_column{
	clear: both;
}
#f_column2{
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
#container #footer{
	width:100%;
	border-top: 5px solid #FF6262;
	padding-top: 20px;
	background: #ffffcc !important;
}

#content{
	width:680px;
	margin:0px auto;
	padding:0px;
	}
.up{
	display:block;
	text-align:center;
	clear:both;
	}
.a1_center{
	text-align:center;}
		
.a2_right{
	text-align:right;}	

.a3_left{
	text-align:left;}
	
#container #content .Map_box01{
	clear: both;
	font: none;
	text-align: left;
	font-size: 0; /* 追加 */
	background-color: #fff9e5;
	padding: 0px;
	border-left: thin solid #ffcc66;
	border-right: thin none #ffcc66;
	border-bottom: thin solid #ffcc66;
	border-top: thin solid #ffcc66;
	margin-bottom: 20px;
	overflow: hidden;
	height: auto;
	line-height: 1.5;
}
#container #content .Map_box01 .Map_w25{
	width:25%;
	}
#container #content .Map_box01 .Map_w33{
	width:33.3%;
	}
#container #content .Map_box01 .Map_w50{
	width:50%;
	}
#container #content .Map_box01 div {
	font-size: 13px; /* 追加 */
	letter-spacing: normal; /* 追加 */
	vertical-align: top;
	display: block;
	float:left;
	overflow: inherit;
    padding-top: 20px;  
	margin-top: -10px;
}	
#container #content .Map_box01 .Map_w25.h_box,
#container #content .Map_box01 .Map_w33.h_box,
#container #content .Map_box01 .Map_w50.h_box,
#container #content .Map_box01 .Map_w25.h_box div,
#container #content .Map_box01 .Map_w33.h_box div,
#container #content .Map_box01 .Map_w50.h_box div
 {    padding-bottom: 32767px;  
    margin-bottom: -32747px; 
}

#container #content .Map_box01 p {
	padding:0px;
	margin:0px;
}	



#container #content .Map_box01 div div {
	display: block;
	width: 99%;
	border-left: thin none #ffcc66;
	border-right: thin solid #ffcc66;
	border-bottom: thin solid #ffcc66;
	border-top: thin none #ffcc66;
}

#container #content .Map_box01 div div div {
		display:block;
		border:none;
		padding-bottom: 0px;  
    margin-bottom:0px;  

}

#container #content .Map_box01 h3  {
	background-color: #ffda8c;
	font-size: 99%;
	line-height: 30px;
	padding-left: 5px;
	border-left: thin none #ffcc66;
	border-right: thin solid #ffcc66;
	border-bottom: thin solid #ffcc66;
	border-top: thin none #ffcc66;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#container #content .Map_box01 div h3  {
	background-color: #ffda8c;
	font-size: 99%;
	line-height: 30px;
	padding-left: 5px;
	border-left: thin none #ffcc66;
	border-right: thin solid #ffcc66;
	border-bottom: thin solid #ffcc66;
	border-top: thin none #ffcc66;
	margin-top: -10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#container #content .Map_box01 hr.clear{
		padding:0px;
	margin:0px;
			display:block;
		background-color:#ffcc66;
		border:none;
		height:1px
	}
#container #content .Map_box01 h4  {
	margin-top:0px;
	padding-top:0px;
}



/* ↓↓よくある質問（Q＆A）start↓↓ */

.faq_wrapper {
	margin-bottom: 50px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #B2B2B2;
	margin-top: 50px;
}

.faq_wrapper .under_line {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #B2B2B2;
	padding-top: 40px;
	padding-bottom: 45px;
}
.faq_wrapper .under_line dl .question {
	font-size: 125%;
	font-weight: bold;
	color: #333;
	margin-bottom: 3px;
}
.faq_wrapper .under_line dl .answer {

}
.faq_wrapper .under_line dl .answer div {
	background-image: url(img/answer.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 60px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-align: left;
}
.faq_wrapper .under_line dl .question div {
	background-image: url(img/question.png);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-left: 60px;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 150%;
	margin: 0px;
	text-align: left;
}
.faq_ranking {
	border: 1px solid #CCC;
	padding: 12px;
	width: 550px;
	text-align: left;
}
.faq_ranking ul .list01 {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	padding-bottom: 12px;
}

.faq_ranking ul .list02 {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	padding-top: 12px;
	padding-bottom: 12px;
}

.faq_ranking ul .list03 {
	padding-top: 12px;
}

#faq {
	line-height: normal;
	}
.faq_top {
	background-image: url(otoku/arrow04.gif);
	background-repeat: no-repeat;
	text-align: right;
	background-position: 447px 6px;
	padding: 0px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.faq_wrapper .under_line dl .answer div .p_clear {
	margin: 0px;
	padding: 0px;
}

/* ↑↑よくある質問（Q＆A）end↑↑ */


.f-gray {
	color: #666;
}

#container #content p {
	margin-bottom: 20px;
}



.top-gazou {
	line-height: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -10px;
}
.top-gazou02 {
	line-height: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.gyoukan {
	line-height: 95%;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
.gyoukan02 {
	line-height: 95%;
	padding: 0px;
	margin-top: -8px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}


.present_all {
	padding: 0px;
	font-size: 100%;
	width: 268px;
	margin-top: -11px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#top table tbody tr .matya .marginbt0 {
	text-align: right;
	margin-top: 3px;
	margin-bottom: 1px;
	text-align: right;
	margin-right: 13px;
}



#container center #main #top table tbody tr td div .top_center_gyoukan {	
	margin-bottom: 40px;
	line-height: 150%;
}

.shou {
	font-size: 80%;
	border : 1px solid #ff9900;
	line-height: 160%;
	padding-top: 12px;
	padding-right: 2px;
	padding-bottom: 12px;
	padding-left: 2px;
}
.shou4 {
	border : 1px solid #ff6600;
	font-size: 90%;
	line-height: 130%;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.shou9 {
	border : 1px solid #ff9900;
	font-size: 94%;
	padding-top: 11px;
	padding-right: 8px;
	padding-bottom: 11px;
	padding-left: 8px;
	text-align: center;
}


.shou11 {
	font-size: 80%;
	border : 1px solid #ff9900;
	padding-bottom: 10px;
	padding-top: 0px;
	padding-left: 5px;
}

.shou11 .netshouken {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	line-height: 155%;
}


.shou13 {
	font-size: 75%;
	border : 1px solid #ff9900;
	line-height: 170%;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 5px;
}


.font { font-size: 80%; }

.top_right_padding01 {
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	border-top-width: 1px;
	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: #ff9900;
	border-right-color: #ff9900;
	border-bottom-color: #ff9900;
	border-left-color: #ff9900;
}

.top_komidashi {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}




.shou3 iframe{
	width:460px;
	height:80px;
	}
#content iframe{
	/*min-height:220px;*/
	}
	

#content .kobetu.kobetu2 tbody tr td {
	width: 25%;
}



/* ↓↓ふるさと納税Q＆A start↓↓ */



#container #content table tbody tr td table tr td div .faq_wrapper .under_line dl #yutai01 div .first {
	display: none;
}




#container #content table tbody tr td table tr td div .faq_wrapper .under_line dl .answer div .p_clear .first {
	display: none;
}
/* ↑↑ふるさと納税Q＆A end↑↑ */





/* ↓↓ふるさと納税までの流れ↓↓ */

.furusatobox{
	width: 85%;
	margin-left: auto!important;
	margin-right: auto!important;
	border: 1px solid #EFA0AA;
	margin-bottom: 45px!important;
}

.furusatobox2{
	width: 85%;
	margin-left: auto!important;
	margin-right: auto!important;
	border: 1px solid #FFAE00;
	margin-bottom: 45px!important;
}

.furusato_name{
    background-color: #EFA0AA;
    color: #ffffff;
    padding: 5px!important;
}

.furusato_name2{
    background-color: #FFAE00;
    color: #ffffff;
    padding: 5px!important;
}



.furusato_name h2{
	font-size: 150%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0.5em!important;
	margin-right: 1em!important;
	margin-bottom: 0.5em!important;
	margin-left: 1em!important;
	padding-left: 0px;
}

.furusato_name2 h2{
	font-size: 150%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0.5em!important;
	margin-right: 1em!important;
	margin-bottom: 0.5em!important;
	margin-left: 1em!important;
	padding-left: 0px;
}

.furusato_text_f{
    padding: 10px !important;
    background-color: #FDF6F7;
}

.furusato_text_f p{
    margin-bottom: 0px !important;	
    margin-top: 0px !important;
    color: #666666;
}

.furusato_text_l{
    padding: 10px !important;
    background-color: #FFF7E6
}

.furusato_text_l p{
    margin-bottom: 0px !important;
    color: #666666;
}

.furusato_text{
    padding: 10px !important;
}

.furusato_text p{
	margin-bottom: 0px !important;
	color: #666666;
	margin-top: 0px;
}

#container #content table tbody tr td table tr td div .step_triangle {
	text-align: center;
	margin-bottom: 45px;
}



/* ↑↑ふるさと納税までの流れ↑↑ */


/* special/おすすめ */

.notype{
	list-style-type: none;
}

.beforeBrand{
	margin-bottom: 10% !important;
}



.brand{
	margin: 0;
	margin-bottom: 30px !important;
	clear: both;
}

.brandIndex{
	background-color: #FAF4F6;
	margin: 0;
}

.brand p{
	margin-bottom: 0 !important;
}

.brand h3{
	font-size: 150%;
	margin-top: 0 !important;
}

.yutaiBox{
	margin: 0;
}

.yutaiImg{
	margin: 0;
	float: left;
	width: 50%;
}

.yutaiImg p{
	font-size: 95%;
	margin-top: 0;
}

.yutaiText{
		margin: 0;

	float:right;
	width: 50%;
}

.yutaiText h4{
	border-bottom: 1px solid #ccc;
	font-size: 140%;
	margin-top: 0;
	margin-bottom: 5px !important;
	padding: 2%
}

.yutaiText p{
	font-size: 120%;
	margin-top: 5px;
	margin-bottom: 10px !important;
	}




.buttonR,.buttonS{
    display: inline-block;
    width: 90%;
    height: 34px;
    text-align: center;
    text-decoration: none;
    line-height: 38px;
    outline: none;
    position: relative;
    border-radius: 4px;
    color: #ffffff;
}

.buttonR{
	background-color: #fdb00d;
    border-radius: 4px;
    box-shadow: 0 3px 0 #ca8c0a;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.buttonR:hover {
    background-color: #fdbf3d;
    box-shadow: 0 3px 0 #ca8c0a;
}
.buttonR:active {
    top: 3px;
    box-shadow: none;
}

.buttonS {
    background-color: #0e7ac4;
    box-shadow: 0 3px 0 #094e7d;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.buttonS:hover {
    background-color: #1089dc;
    box-shadow: 0 3px 0 #0b5c94;
}
.buttonS:active {
    top: 3px;
    box-shadow: none;
}

/* security/kabucom_fee.html */

.tableNfee{
border-collapse: collapse;
    margin-bottom: 30px;
    text-align: center;
    width: 111%;
    margin-left: -33px;
}

.tableNfee th{
	background-color: #ffefd2;
	border: 1px solid #ccc;
	color: #540;
	font-size: 85%;
	padding: 0.8em;
}

.tableNfee td{
	border: 1px solid #ccc;
	font-size: 80%;
	line-height: 1.5 !important;
	padding: 10px 5px;
}

.tableNfee_fee{
	background-color: #FEF396;
}

.attention{
	font-size: 90%;
	margin-bottom: 0 !important;
	text-align: right;
}

/* security/fukusu.html */

.table_fukusu_fee{
	border-collapse: collapse;
	text-align: center;
	width: 100%;
}

.table_fukusu_fee th{
	padding: 1.3em;
}

.table_col-fu{
	background-color: #FFEFD2;
	color: #554400;
}

.table_fukusu_fee td{
	border: 1px solid #cccccc;
	padding: 0.5em 1em;
}

.table_fukusu{
	border-collapse: collapse;
	width: 100%;
}

.table_fukusu th{
	background-color: #FFCCCC;
	padding: 1em 1.5em;

}

.table_fukusu td{
	padding: 1em 1.5em;
	border: 1px solid #FFA2A2;
}

.form{
	margin: 0 !important;
	padding: 0 !important;
	width: 610px;
}

.form iframe{
	width: 100%;
	height: 500px;
}


/* special/yutai_feb-march.html */

.table_toku-sec{
	text-align: center;
	border: 1px solid #cccccc;
	border-collapse: collapse !important;
	width: 100%;
}

.table_toku-sec p{
	font-size: 80%;
	margin: 5 0 !important;
	line-height: 1.5;
}

.table_toku-sec td{
	border: 1px solid #cccccc;

	font-size: 90%;
	padding: 10px 10px;
}

.detail-btn {
	    background: #FFD600;
	    border: 1px solid #F7931E;
	    color: #fff;
		font-size: 18px;
		font-weight: bolder;
		text-decoration: none;
	    width: 100px;
	    padding: 5px 15px;
	}
	
.table_bg{
	background-color: #FFCC66;
	color: #554400;
}

/* pageokuri */
ul.pageokuri{
	font-size: 0;
	margin-left:0;
	padding-left:0;
}
ul.pageokuri li.pageleft{
	display: inline-block;
	text-align: left;
	width:49%;
}
ul.pageokuri li.pageright{
	display: inline-block;
	text-align: right;
	width:50%;
}

/* pre-next-nav -----------------------------------*/

#pre-next-nav {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 30px;
	margin-right: 0 !important;
	margin-left: 0 !important;
}
#navil {
    float: left;
    width: auto;
    margin-bottom: 0.5em;
	margin-right: 0 !important;
	margin-left: 0 !important;
}
#navir {
    float: right;
    width: auto;
    margin: 0 0;
}

/* pre-next-nav for ranking */

.pre-next-navRank {
    width: 97.5%;
    margin-top: 25px;
    margin-bottom: 30px;
}
	
	
	
/* ninki/2016_fh.html */

.table_2016rank_fh{
	border-collapse: collapse;
	width: 580px;
}

.table_2016rank_fh th{
	border: 1px solid #cccccc;
	padding: 10px;
}

.table_2016rank_fh td{
	border: 1px solid #cccccc;
	padding: 8px;
}



/* index -----------------------------------*/

h2.indx{
         font-size: 125%;
         border-left: 8px solid #ff6633;
         border-bottom: 1px dotted #999999;
         padding-left: 8px;
         padding-bottom: 2px;
         margin-top: 1.5px;
         margin-bottom: 2px;
}


h4.hMap_yutailist{
	font-size: 14px;
    margin-bottom: 0px;
	padding: 20px 0 0px 0 !important;
	border-right: 1px solid #ffcc66;
	border-left: 1px solid #ffcc66;
}
ul.Map_yutailist {
	font-size: 0;
	padding-left: 0;
	background: #fff9e5;
	border-top: 1px solid #ffcc66;
	border-right: 1px solid #ffcc66;
	border-bottom: 1px solid #ffcc66;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
ul.Map_yutailist li {
	display: inline-block;
	width: 24.5%;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 1px;
	list-style-type: none;
	border-left: 1px solid #ffcc66;
}
}


/* ↓↓2016-08-23 IEフォント縮小問題 一時対処 ここから↓↓ */

/* 共通ページ対応*/

#header .gray {
	letter-spacing: normal !important;
}


/* トップページスマホ対応*/

.ie910:not(:target) {
  font-size:12px\9!important; /* IE9,10 */
}

@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .ie11 { /* IE11 */
		font-size:12px!important;
	}
}


/* kobetu TOPページ対応*/

table#kobetu_index_table td {
	font-size: 15px !important;
}

/* ↑↑2016-08-23 IEフォント縮小問題 一時対処 ここまで↑↑ */




/* ↓↓2017-03-16 kobetu注意文 ここから↓↓ */

.caution_box {
	width: 100%;
	padding: 10px 25px !important;
	margin: 0;
	margin-bottom: 50px;
	background: #ffe8e8 !important;
	box-sizing: border-box;
}

.caution_box ul {
	padding-left: 0;
}

.caution_box li {
	font-size:12px !important;
	list-style: none;
	line-height: 7mm;
}