@charset "utf-8";body{background:url(/images/bg.gif)!important;font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;text-align:center!important;color:#333;margin:0;padding:0;min-width:1220px;word-break:break-all;overflow-wrap:break-word;-webkit-text-size-adjust:100%;}body.custom-background{background-color:#fbfaf0;!important;width:100%;margin:0;padding:0;}img{border:0;padding:0;}form{margin:0;padding:0;}a{text-decoration:none;color:#AC0C0C;}a.w-underline{text-decoration:underline;color:#AC0C0C;}a:hover{text-decoration:underline;}a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=80 )";background:#fff;}h1,h2,h3{margin:0;padding:0;}h4{color:#A21717;margin:5px 10px;}h5{margin:10px;}h1.page-title{font-size:1.25em;padding:5px 10px;border:1px #CCC solid;}h1.page-title span{font-size:1.25em;}.lineT1d{border-top:1px #ccc dotted;}.lineU1d_gray{border-bottom:1px #ccc dotted;}.lineU1d_black{border-bottom:1px #000 dotted;padding-bottom:3px;}.lineU1d{border-bottom:1px #A21717 dotted;padding-bottom:3px;}.lineU1s{border-bottom:1px #CCC solid;}.lineU2s_red{border-bottom:2px #A21717 solid;}.lineU6{border-bottom:6px #A21717 solid;}.lineR1s{border-right:1px #ddd solid;}.lineL10{border-left:10px #A21717 solid;}.border1-w-s{border:1px #ccc solid;}.dot1{border:none;border-top:1px #A21717 dotted;height:1px;margin:20px 0;}span.font-small{font-size:0.9em;}.icon01,.icon02,.icon03,.icon04,.icon05,.icon06,.icon08,.icon10,.icon11,.icon12,.stepicon01,.stepicon02,.stepicon03,.stepicon04,.stepicon05,.stepicon06,.stepicon07,.faqicon{font-size:16pt;line-height:1.5em;font-weight:normal;padding:13px 0 13px 60px;}.icon07{font-size:16pt;line-height:1.5em;font-weight:normal;padding:16px 0 13px 70px;}.icon01{background:url(/images/icon01.gif) no-repeat left center;}.icon02{background:url(/images/icon02.gif) no-repeat left center;}.icon03{background:url(/images/icon03.gif) no-repeat left center;}.icon04{background:url(/images/icon04.gif) no-repeat left center;}.icon05{background:url(/images/icon05.gif) no-repeat left center;}.icon06{background:url(/images/icon06.gif) no-repeat left center;}.icon07{background:url(/images/fukaya_award_icon.png) no-repeat left center;}.icon08{background:url(/img/etc/icon08.png) no-repeat left center;}.icon10{background:url(/img/etc/icon10.png) no-repeat left center;}.icon11{background:url(/img/etc/icon11.png) no-repeat left center;}.icon12{background:url(/img/etc/icon12.png) no-repeat left center;}.stepicon01{background:url(/images/icon_step01.gif) no-repeat left center;}.stepicon02{background:url(/images/icon_step02.gif) no-repeat left center;}.stepicon03{background:url(/images/icon_step03.gif) no-repeat left center;}.stepicon04{background:url(/images/icon_step04.gif) no-repeat left center;}.stepicon05{background:url(/images/icon_step05.gif) no-repeat left center;}.stepicon06{background:url(/images/icon_step06.gif) no-repeat left center;}.stepicon07{background:url(/images/icon_step07.gif) no-repeat left center;}.faqicon{background:url(/images/icon_faq.gif) no-repeat left center;}.detail{float:right;background:url(/images/icon_Arrow.gif) no-repeat left center;text-align:right;padding-left:21px;padding-right:10px;font-size:0.85em;}.detail_ga{float:right;background:url(/images/icon_Arrow2.png) no-repeat left center;text-align:right;padding-left:21px;padding-right:10px;font-size:0.85em;}.detail2 a{background:url(/images/icon_Arrow.gif) no-repeat left center;text-align:left;padding-left:21px;padding-right:30px;}.over-h{overflow:hidden;}.list-detail{float:right;font-size:12px;background:url(/images/icon_Arrow.gif) no-repeat left center;padding:2px 0 2px 17px;}.link01 a,.inlink01 a,.exlink01 a{float:right;text-align:right;padding-left:21px;padding-right:10px;font-size:0.85em;}.link01 a{background:url(/images/icon_link01.gif) no-repeat left center;}.inlink01 a{background:url(/images/icon_inlink01.gif) no-repeat left center;}.exlink01 a{background:url(/images/icon_exlink01.gif) no-repeat left center;}.link01_nostyle a,.inlink01_nostyle a,.exlink01_nostyle a{padding-left:21px;padding-right:10px;}.link01_nostyle a{background:url(/images/icon_link01.gif) no-repeat left center;}.inlink01_nostyle a{background:url(/images/icon_inlink01.gif) no-repeat left center;}.exlink01_nostyle a{background:url(/images/icon_exlink01.gif) no-repeat left center;}.listIcon li{background:url(/images/icon_list.gif) no-repeat left center;text-align:left;padding-left:21px;}.m10{margin:10px;}.m15{margin:15px;}.mT-03{margin-top:-3px!important;}.mT-05{margin-top:-5px!important;}.mT-10{margin-top:-10px!important;}.mT-14{margin-top:-14px!important;}.mT-15{margin-top:-15px!important;}.mT-20{margin-top:-20px!important;}.mT-30{margin-top:-30px!important;}.mT-40{margin-top:-40px!important;}.mT-50{margin-top:-50px!important;}.mT00{margin-top:0px!important;}.mT02{margin-top:2px!important;}.mT05{margin-top:5px!important;}.mT08{margin-top:8px!important;}.mT10{margin-top:10px!important;}.mT15{margin-top:15px!important;}.mT20{margin-top:20px!important;}.mT30{margin-top:30px!important;}.mT40{margin-top:40px!important;}.mT50{margin-top:50px!important;}.mT60{margin-top:60px!important;}.mT70{margin-top:70px!important;}.mT24{margin-top:24px!important;}.mT27{margin-top:27px!important;}.mT264{margin-top:264px;}.mT208{margin-top:165px;}.mT100{margin-top:200px;}.mR-05{margin-right:-05px!important;}.mR-10{margin-right:-10px!important;}.mR-15{margin-right:-15px!important;}.mR-20{margin-right:-20px!important;}.mR-30{margin-right:-30px!important;}.mR-40{margin-right:-40px!important;}.mR01{margin-right:1px!important;}.mR04{margin-right:4px!important;}.mR05{margin-right:5px!important;}.mR10{margin-right:10px!important;}.mR15{margin-right:15px!important;}.mR19{margin-right:19px!important;}.mR20{margin-right:20px!important;}.mR25{margin-right:25px!important;}.mR30{margin-right:30px!important;}.mR40{margin-right:40px!important;}.mL-05{margin-left:-05px!important;}.mL-10{margin-left:-10px!important;}.mL-15{margin-left:-15px!important;}.mL-20{margin-left:-20px!important;}.mL-30{margin-left:-30px!important;}.mL-40{margin-left:-40px!important;}.mL-50{margin-left:-50px!important;}.mL05{margin-left:5px!important;}.mL10{margin-left:10px!important;}.mL15{margin-left:15px!important;}.mL20{margin-left:20px!important;}.mL30{margin-left:30px!important;}.mL40{margin-left:40px!important;}.mL50{margin-left:50px!important;}.mB-05{margin-bottom:-05px!important;}.mB-10{margin-bottom:-10px!important;}.mB-15{margin-bottom:-15px!important;}.mB-20{margin-bottom:-20px!important;}.mB-30{margin-bottom:-30px!important;}.mB-40{margin-bottom:-40px!important;}.mB02{margin-bottom:2px!important;}.mB05{margin-bottom:5px!important;}.mB10{margin-bottom:10px!important;}.mB15{margin-bottom:15px!important;}.mB14{margin-bottom:14px!important;}.mB20{margin-bottom:20px!important;}.mB30{margin-bottom:30px!important;}.mB40{margin-bottom:40px!important;}.mB50{margin-bottom:50px!important;}.p0{padding:0!important;}.p5{padding:5px;}.p10{padding:10px;}.pH03W08{padding:3px 8px;}.pH10W15{padding:10px 15px;}.pW10{padding-left:10px;padding-right:10px;}.pT05{padding-top:05px!important;}.pT10{padding-top:10px!important;}.pT20{padding-top:20px!important;}.pT40{padding-top:40px!important;}.pB10{padding-bottom:10px!important;}.pB20{padding-bottom:20px!important;}.pB30{padding-bottom:30px!important;}.pL0{padding-left:0px!important;}.pL05{padding-left:05px!important;}.pL10{padding-left:10px!important;}.pL20{padding-left:20px!important;}.pL30{padding-left:30px!important;}.pR0{padding-right:0px!important;}.pR05{padding-right:05px!important;}.pR10{padding-right:10px!important;}.pR20{padding-right:20px!important;}.pR30{padding-right:30px!important;}.floatL{float:left;}.floatR{float:right;}.center{text-align:center;}.text_left{text-align:left!important;}.text_right{text-align:right!important;}.text_bottom{position:absolute;bottom:0;}.text-wht{color:#fff;}.text-choice-red{color:#a21717;}.text-choice-green{color:#006b3e;}.text-red{color:#C00;}.text-gray{color:#999;}.text-mini{font-size:85%;margin-bottom:5px;}.text-333{color:#333!important;}.fs_09{font-size:09px;}.fs_10{font-size:10px;}.fs_11{font-size:11px;}.fs_12{font-size:12px;}.fs_13{font-size:13px;}.fs_14{font-size:14px;}.fs_16{font-size:16px;}.fs_18{font-size:18px;}.fs_20{font-size:20px;}.fs_21{font-size:21px!important;}.fs_32{font-size:32px;}.fs_40{font-size:40px;}.fs_default{font-size:inherit!important;}.fw_bold{font-weight:bold!important;}ol.number li{list-style:decimal!important;margin-left:30px!important;}.w340{width:340px;}.tbl-row{display:table-row;}.tbl-cell{display:table-cell;}#main{width:1220px;text-align:left;margin:0 auto!important;}#contents,#contents_wide,#contents_2column{background:transparent;float:left;}#contents{width:680px;}#contents_wide{width:100%;}#contents_2column{width:880px;}#contents h1,#contents_wide h1,#contents_2column h1{font-size:24pt;font-weight:normal;color:#740000;margin:0;padding:10px 5px 7px 5px;line-height:1em;}#contents h2,#contents_wide h2,#contents_2column h2{font-size:24pt;font-weight:normal;color:#740000;margin:0;padding:10px 5px 7px 5px;line-height:1em;}#contents_2column .border_darkgray_2 h2.h2_money{padding:10px 0px 7px 5px;}#contents h1 img,#contents_2column h1 img{vertical-align:middle;margin-right:10px;margin-top:-5px;}#contents h2 img,#contents_2column h2 img{vertical-align:middle;margin-right:10px;margin-top:-5px;}#contents h2 span,#contents_2column h2 span{font-size:0.6em;font-weight:bold;padding:0 3px;}#contents h2.long,#contents_2column h2.long{font-size:22pt!important;}#contents p,#contents_wide p,#contents_2column p{margin:10px 0px;}#contents h2 span.sub,#contents_2column h2 span.sub{font-weight:normal;font-size:0.75em;}#contents h3.inquiry,#contents_2column h3 inquiry{font-size:20pt;font-weight:normal;color:#740000;margin:40px 0 0 0;padding:0 5px;line-height:1em;}#side{float:right;width:300px;}#sideL{float:left;width:200px;margin-right:20px;}.border_radius_5{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;overflow:hidden;}.border_radius_10{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;padding:10px;overflow:hidden;}.border_gray_1{border:1px #ccc solid;}.border_gray_2{border:2px #ccc solid;}.border_gray_3{border:3px #ccc solid;}.box_shadow_1{box-shadow:0 0 1px rgba(0,0,0,0.4);}.width_198{width:198px;}.width_200{width:200px;}.width_300{width:300px;}.width_400{width:400px;}.width_450{width:450px;}.bg_gray01{background-color:#626262;color:#fff;}.node{overflow:hidden;margin-bottom:30px;}.btn_gray01{width:90px;font-size:12px;line-height:100%;text-align:center;text-shadow:1px 1px 1px rgba(255,255,255,1);margin:5px 13px 0 0;padding:0;}.btn_gray01 a{display:inline-block;color:#000!important;width:90px;padding:4px 12px;background:#c9c699;background:-moz-linear-gradient(top,#ffffff 0%,#c9c699);background:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#c9c699));-moz-box-shadow:inset -1px -1px 1px rgba(0,0,0,0.1),inset 1px 1px 1px #edeab9;-webkit-box-shadow:inset -1px -1px 1px rgba(0,0,0,0.1),inset 1px 1px 1px #edeab9;border:2px solid #ffffff;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}.btn_gray01 a:hover,.btn_gray01-1 a:hover{background:#edeab9;background:-moz-linear-gradient(top,#c9c699 0%,#ffffff);background:-webkit-gradient(linear,left top,left bottom,from(#c9c699),to(#ffffff));}.btn_gray01 a img{vertical-align:middle;margin-right:2px;margin-top:-2px;margin-bottom:-1px;background-color:transparent;}.btn_gray01 a:hober img{background-color:transparent;}.btn_gray01-1{line-height:1em;text-align:center;text-shadow:1px 1px 1px rgba(255,255,255,1);margin:auto;padding:0;}.btn_gray01-1 a{display:block;color:#000!important;padding:6px 12px;background:#c9c699;background:-moz-linear-gradient(top,#ffffff 0%,#c9c699);background:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#c9c699));-moz-box-shadow:inset -1px -1px 1px rgba(0,0,0,0.1),inset 1px 1px 1px #edeab9;-webkit-box-shadow:inset -1px -1px 1px rgba(0,0,0,0.1),inset 1px 1px 1px #edeab9;border:2px solid #edeab9;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}.btn_gray02{display:inline-block;line-height:100%;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,0.2);margin:10px auto 25px;padding:0;}.btn_gray02 a{color:#000!important;padding:12px 20px;background:#cccccc;background:-moz-linear-gradient(top,#eeeeee 0%,#cccccc);background:-webkit-gradient(linear,left top,left bottom,from(#eeeeee),to(#cccccc));-moz-box-shadow:inset -1px -1px 1px rgba(204,204,204,1),inset 1px 1px 1px #dddddd;-webkit-box-shadow:inset -1px -1px 1px rgba(204,204,204,1),inset 1px 1px 1px #dddddd;border:1px solid #dddddd;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-sizing:border-box;}.btn_gray02 a:hover{text-decoration:none;background:#eeeeee;background:-moz-linear-gradient(top,#cccccc 0%,#eeeeee);background:-webkit-gradient(linear,left top,left bottom,from(#cccccc),to(#eeeeee));}.btn_gray03{font-size:0.9em;line-height:-2em;text-align:center;margin:auto;padding:0;}.btn_gray03 a{display:inline-block;*display:inline;*zoom:1;color:#000!important;padding:2px 5px;background:#dddddd;background:-moz-linear-gradient(top,#f7f7f7 0%,#dddddd);background:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#dddddd));border:1px solid #cccccc;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}.btn_gray03 a:hover{text-decoration:none;background:#eeeeee;background:-moz-linear-gradient(top,#dddddd 0%,#f7f7f7);background:-webkit-gradient(linear,left top,left bottom,from(#dddddd),to(#f7f7f7));}.btn_gray04{font-size:0.8em;line-height:1em;text-align:center;margin:auto;padding:0;}.btn_gray04 a{display:inline-block;color:#999;padding:6px 10px;background:#eeeeee;background:-moz-linear-gradient(top,#f7f7f7 0%,#eeeeee);background:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#eeeeee));border:2px solid #ddd;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}.btn_gray04 a:hover{color:#666;text-decoration:none;background:#f7f7f7;background:-moz-linear-gradient(top,#eeeeee 0%,#f7f7f7);background:-webkit-gradient(linear,left top,left bottom,from(#eeeeee),to(#f7f7f7));}.btn_gray05{line-height:1em;text-align:center;margin:auto;padding:0;}.btn_gray05 a{display:inline-block;color:#333;padding:6px 10px;background:#eeeeee;background:-moz-linear-gradient(top,#f7f7f7 0%,#eeeeee);background:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#eeeeee));border:2px solid #ccc;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}.btn_gray05 a:hover{color:#444;text-decoration:none;background:#f7f7f7;background:-moz-linear-gradient(top,#eeeeee 0%,#f7f7f7);background:-webkit-gradient(linear,left top,left bottom,from(#eeeeee),to(#f7f7f7));}.btn_gray05 span{color:#f60;}.btn_gray05_on{line-height:1em;text-align:center;margin:auto;padding:0;}.btn_gray05_on a{display:inline-block;color:#999;padding:6px 15px;background:#eeeeee;border:2px solid #ddd;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;pointer-events:none;}.btn_gray06{line-height:1em;text-align:center;margin:auto;padding:0;}.btn_gray06 a{display:inline-block;color:#333;padding:4px 6px;background:#eeeeee;background:-moz-linear-gradient(top,#f7f7f7 0%,#eeeeee);background:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#eeeeee));border:1px solid #ccc;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;}.btn_gray06 a:hover{color:#444;text-decoration:none;background:#f7f7f7;background:-moz-linear-gradient(top,#eeeeee 0%,#f7f7f7);background:-webkit-gradient(linear,left top,left bottom,from(#eeeeee),to(#f7f7f7));}.btn_gray06 span{color:#f60;}.btn_gray06_on{line-height:1em;text-align:center;margin:auto;padding:0;}.btn_gray06_on a{display:inline-block;color:#fff;padding:4px 6px;background:#999;border:1px solid #ddd;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;}.btn_gray07{font-size:0.9em;line-height:1em;text-align:center;margin:auto;padding:0;}.btn_gray07 a{color:#000!important;padding:12px 20px;background:#dddddd;background:-moz-linear-gradient(top,#f7f7f7 0%,#dddddd);background:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#dddddd));border:1px solid #cccccc;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-weight:bold;}.btn_gray07 a:hover{text-decoration:none;background:#eeeeee;background:-moz-linear-gradient(top,#dddddd 0%,#f7f7f7);background:-webkit-gradient(linear,left top,left bottom,from(#dddddd),to(#f7f7f7));}.btn_gray08{font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Sans-Serif;display:block;font-size:0.9em;line-height:1em;text-align:center;color:#000!important;padding:5px 0;background:#dddddd;background:-moz-linear-gradient(top,#f7f7f7 0%,#dddddd);background:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#dddddd));border:1px solid #cccccc;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;cursor:pointer;}.btn_gray08:hover{text-decoration:none;background:#eeeeee;background:-moz-linear-gradient(top,#dddddd 0%,#f7f7f7);background:-webkit-gradient(linear,left top,left bottom,from(#dddddd),to(#f7f7f7));}.btn_gray08:disabled,.btn_gray08:disabled:hover{background:#eee;cursor:default;color:#999!important;}.btn_red02{display:inline-block;line-height:100%;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,0.2);margin:10px auto 25px;padding:0;}.btn_red02 a{color:#fff!important;padding:12px 20px;background:#830000;background:-moz-linear-gradient(top,#980000 0%,#830000);background:-webkit-gradient(linear,left top,left bottom,from(#980000),to(#830000));background:-ms-gradient(linear,left top,left bottom,from(#980000),to(#830000));-moz-box-shadow:inset -1px -1px 1px rgba(166,33,33,1),inset 1px 1px 1px #a62121;-webkit-box-shadow:inset -1px -1px 1px rgba(166,33,33,1),inset 1px 1px 1px #a62121;-ms-box-shadow:inset -1px -1px 1px rgba(166,33,33,1),inset 1px 1px 1px #a62121;border:1px solid #bd0101;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-ms-border-radius:8px;box-sizing:border-box;}.btn_red02 a:hover{text-decoration:none;background:#980000;background:-moz-linear-gradient(top,#830000 0%,#980000);background:-webkit-gradient(linear,left top,left bottom,from(#830000),to(#980000));background:-ms-gradient(linear,left top,left bottom,from(#830000),to(#980000));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#830000',endColorstr='#980000',GradientType=0);}a.btn_red03{display:block;font-size:0.9em;line-height:1;color:#fff!important;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,0.2);padding:5px 0;background:#830000;background:-moz-linear-gradient(top,#b80000 0%,#830000);background:-webkit-gradient(linear,left top,left bottom,from(#b80000),to(#830000));background:-ms-gradient(linear,left top,left bottom,from(#b80000),to(#830000));-moz-box-shadow:inset -1px -1px 1px rgba(166,33,33,1),inset 1px 1px 1px #a62121;-webkit-box-shadow:inset -1px -1px 1px rgba(166,33,33,1),inset 1px 1px 1px #a62121;-ms-box-shadow:inset -1px -1px 1px rgba(166,33,33,1),inset 1px 1px 1px #a62121;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;}a.btn_red03:hover{text-decoration:none;background:#b80000;background:-moz-linear-gradient(top,#830000 0%,#b80000);background:-webkit-gradient(linear,left top,left bottom,from(#830000),to(#b80000));background:-ms-gradient(linear,left top,left bottom,from(#830000),to(#b80000));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#830000',endColorstr='#b80000',GradientType=0);}a.btn_red03 i{color:#f90;}a.btn_red04{display:block;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo;font-size:0.9em;line-height:1;color:#fff!important;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,0.2);padding:8px 0;background:#830000;background:-moz-linear-gradient(top,#b80000 0%,#830000);background:-webkit-gradient(linear,left top,left bottom,from(#b80000),to(#830000));-moz-box-shadow:inset -1px -1px 1px rgba(166,33,33,1),inset 1px 1px 1px #a62121;-webkit-box-shadow:inset -1px -1px 1px rgba(166,33,33,1),inset 1px 1px 1px #a62121;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}a.btn_red04:hover{text-decoration:none;background:#b80000;background:-moz-linear-gradient(top,#830000 0%,#b80000);background:-webkit-gradient(linear,left top,left bottom,from(#830000),to(#b80000));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#830000',endColorstr='#b80000',GradientType=0);}a.btn_red04 i{color:#f90;}.btn_red05{font-size:0.9em;line-height:1em;text-align:center;margin:auto;padding:0;}.btn_red05 a{color:#ffffff!important;padding:2px 5px;background:#8c0000;background:-moz-linear-gradient(top,#d8aaaa 0%,#8c0000);background:-webkit-gradient(linear,left top,left bottom,from(#d8aaaa),to(#8c0000));border:1px solid #8c0000;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}.btn_red05 a:hover{text-decoration:none;background:#eeeeee;background:-moz-linear-gradient(top,#8c0000 0%,#d8aaaa);background:-webkit-gradient(linear,left top,left bottom,from(#8c0000),to(#d8aaaa));}.btn_w100{display:inline-block;width:100px;text-align:center;margin:auto;}.btn_w200{display:inline-block;width:200px;text-align:center;margin:auto;}.btn_w300{display:inline-block;width:300px;text-align:center;margin:auto;}.btn_feature{display:inline-block;text-align:center;margin:10px auto 25px;padding:0;}.btn_feature a{display:block;position:relative;font-size:20px;line-height:40px;letter-spacing:2px;color:#fff!important;text-shadow:1px 1px 1px rgba(0,0,0,0.2);padding:4px 80px 4px 100px;background:rgba(155,3,2,1);border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}.btn_feature a:hover{text-decoration:none;text-shadow:none;background:rgba(155,3,2,0.8);}.btn_feature a span{position:absolute;font-size:36px;padding-left:8px;top:6px;left:20px;}.btn_donation{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;margin:10px auto 25px;padding:0;}.btn_donation a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;display:block;position:relative;font-size:20px;line-height:40px;letter-spacing:1px;color:#fff!important;width:100%;text-shadow:1px 1px 1px rgba(0,0,0,0.2);padding:4px 0px 4px 0px;background:rgba(155,3,2,1);border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}.btn_donation a:hover{text-decoration:none;text-shadow:none;background:rgba(155,3,2,0.8);}.btn_donation a span{position:absolute;font-size:36px;padding-left:8px;top:6px;left:20px;}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix{display:inline-block;}* html .clearfix{height:1%;}.clearfix{display:block;}.clearfix{height:1%;}.clearfix{display:block;}.clear{clear:both;}#bgMenuless{background:url(/images/headerBgMenuless.gif) repeat-x left top;margin:0;z-index:-10;border-bottom:3px #0F0F0F solid;}#bgMenulessGcf{background:url(/images/headerBg_gcf.png) repeat-x left top;margin:0;z-index:-10;border-bottom:3px #0F0F0F solid;}#headerMenuless{width:1220px;height:187px;text-align:left;margin:0 auto;z-index:-9;}#headerImageMenuless{position:absolute;width:1220px;height:187px;z-index:0;overflow:hidden;}#headerTop #headerItemMenuless{position:absolute;z-index:3;}#headerItemMenuless{position:absolute;width:1220px;height:170px;color:#FFF;z-index:3;}#headerItemMenuless a{color:#FFF;text-decoration:none;}#headerItemMenuless a:hover{color:#CCC;}#headerTop #headerItem{position:relative;z-index:3;}#header #headerItem{position:relative;z-index:3;}#headerItem{float:right;background:url(../images/headerMenuBg.png) no-repeat center top;width:930px;height:70px;color:#FFF;z-index:3;}#headerItem a{color:#FFF;text-decoration:none;}#headerItem a:hover{color:#CCC;}#headerLogoGcf{position:absolute;float:left;background:url(../images/headerLogo_gcf.png) no-repeat left top;width:1220px;z-index:3;}#headerLogoGcf a{display:block;width:290px;height:170px;}#headerLogoGcf a span{visibility:hidden;}.contents_search{clear:both;float:left;background:url(/images/search_bg.gif) center bottom;width:680px;margin:0;padding:0 0 5px 0;}.contents_search p{color:#666;font-size:0.8em;margin:8px 20px!important;}.contents_search img{margin:0 0 10px 0;}input.contents_search_input{width:530px;height:24px;vertical-align:top;font-size:0.8em;margin:0 0 0 20px;padding:0;border:1px #CCC solid;}input.contents_search_btn{background:url(/images/btn_search.gif);width:100px;height:30px;margin:0;padding:0;border:0;}#plugin{float:right;width:350px;text-align:right;margin-top:10px;}#page_navi{min-height:24px!important;height:24px;font-size:0.85em;line-height:1.5em;padding:0;margin-top:7px;}ul#pagenavi{list-style:none;margin:0;padding:7px 0 0 0;overflow:hidden;}ul#pagenavi li{float:left;list-style:none;margin:0;padding:0 0 0 5px;white-space:nowrap;}ul#pagenavi a{display:block;background:url(/images/arrow_pagenavi.gif) no-repeat right center;padding-right:15px;}#contents ul.noteSmall{margin:10px 15px 20px;}#contents ul li.noteSmall{padding-left:2em;text-indent:-2.5em;font-size:12px;}.aboutWrapper .aboutSpImg{display:none;}#contents p,#contents_2column p{line-height:1.5em;}.box-3{background:url(/images/bg_3box.gif) no-repeat center bottom;width:680px;}.box-2{background:url(/images/bg_3box.gif) no-repeat -230px bottom;width:680px;}.box-1{background:url(/images/bg_boxWide.gif) no-repeat left bottom;width:680px;padding-bottom:10px;}.box-gray{background:url(/images/bg_boxGray.gif) no-repeat center bottom;width:220px;padding-bottom:10px;}.box-map{width:680px;height:415px;position:relative;}.mapBtn01,.mapBtn02,.mapBtn03,.mapBtn04{width:212px;height:35px;z-index:0;position:absolute;}.mapBtn01{left:20px;top:15px;}.mapBtn02{left:240px;top:15px;}.mapBtn03{left:20px;top:60px;}.mapBtn04{left:240px;top:60px;}.mapBtn05{background:url(/images/map_btn05.gif) no-repeat left top;width:432px;height:35px;z-index:0;position:absolute;left:20px;top:105px;}.mapBtn05 .searchBox{width:250px;margin:7px 0 0 180px;}.box01{float:left;width:220px;word-break:break-all;}.box01 p{font-size:0.8em;line-height:1.5em;margin:10px 10px 20px 10px;}.box01 h4{background:url(/images/bg_3box_head.gif) no-repeat left top;line-height:1.25em;margin:0;padding:10px 10px 7px 10px;}.btn_detal{text-align:right;margin:-10px 10px 10px 10px;}.btn_detal2{text-align:right;margin-top:10px;margin-right:20px;margin-bottom:10px;margin-left:10px;}.btn_detal3{text-align:right;margin-top:10px;margin-right:10px;margin-bottom:10px;margin-left:10px;}.btn_detal4{text-align:center;margin:10px;}.box-flow1{background:url(/images/bg_flow1.gif) no-repeat left bottom;width:680px;}.box-flow2{background:url(/images/bg_flow2.gif) no-repeat left bottom;width:680px;}.box02{float:left;width:173px;}.box02 p{font-size:0.7em;line-height:1.25em;margin:10px 23px 10px 10px;}.box03{float:left;width:160px;}.box03 p{font-size:0.7em;line-height:1.25em;margin:10px;}.box04{width:680px;}.box04 p,.box07 p{font-size:0.9em;line-height:1.5em;margin:20px 10px!important;}.box05{text-align:center;}.box06{background-color:#003333;color:#FFF;padding:3px 0;}.box07{width:660px;margin:0 10px;}.box07 img{float:left;margin:0 5px 10px 0;}.box08{float:left;width:220px;padding:0px;word-break:break-all;}.box08 p{font-size:0.8em;line-height:1.5em;margin:0!important;}.box08 h4{background:url(/images/bg_3box_head.gif) no-repeat left top;line-height:1.25em;margin:0;padding:10px 10px 7px 10px;}.box08infoArea{padding:0 0 40px 0;}.box08info01{background:url(/images/box08info01btmline.gif) no-repeat center bottom;padding:0 12px 5px 12px;margin-bottom:10px;}.box08info02{padding:0 12px 5px 12px;}.box08 span.infottl{font-weight:bold;color:#A21717;}.box08 p.infocont{margin:0!important;}.box08info03{padding:0 12px 5px 12px;}.box08info03 .info03icon_cont{margin:0!important;}.box08info04{padding:0 12px 5px 12px;}ul.sendiconslist{font-size:0;margin:0;padding:5px 12px 5px 12px;}UL.sendiconslist li{list-style:none;margin:0;padding:0;display:inline;}.box-new{width:678px;background-color:#FFF;border-right-width:1px;border-left-width:1px;border-right-style:solid;border-left-style:solid;border-right-color:#EBEBEB;border-left-color:#EBEBEB;}.box-new h4{margin-left:5px!important;margin-right:5px!important;padding-left:10px;}.box-new p{font-size:0.9em;line-height:1.5em;margin:15px 20px 5px!important;}.box-new p .att{font-size:1.2em;line-height:2em;color:#A21717;font-weight:bold;}.box-pickup{background:url(/images/bg_pickup.gif) no-repeat left top;padding-top:10px;}.box-pickup h3{font-size:0.8em;margin:0 10px;}.box-pickup h4{background-image:none;margin:5px 10px!important;padding:0;}.grayBox{background:url(/images/bg_grayBox.gif) no-repeat center bottom;width:680px;margin:-8px 0 0 0;padding:5px 0 5px 0!important;}.grayBox p,.grayBox_3column p,.grayBox_2column p,.grayBox_1column p{font-size:0.9em;margin:0px 15px 20px 15px!important;}.grayBox img,.grayBox_3column img,.grayBox_2column img,.grayBox_1column img{margin:0!important;}.grayBox_3column{float:left;background:url(/images/bg_grayBox_3column.gif) no-repeat center bottom;width:320px;margin:-8px 0 0 0;padding:5px 0!important;}.grayBox_2column{float:left;background:url(/images/bg_grayBox_2column.gif) no-repeat center bottom;width:490px;margin:-8px 0 0 0;padding:5px 0!important;}.grayBox_2column2{float:left;background:url(/images/bg_grayBox_2column2.gif) no-repeat center bottom;width:335px;margin:-8px 0 0 0;padding:5px 0!important;}.grayBox_1column{background:url(/images/bg_grayBox_1column.gif) no-repeat center bottom;width:1000px;margin:-8px 0 0 0;padding:5px 0!important;}.day{font-size:0.8em;line-height:1em;}.imgBox{float:right;width:220px;}.imgBox p{font-size:0.7em;color:#666;margin:10px;}#fb_plugin{background-color:#3B5998;width:680px;height:200px;}#contents .tb_example{border:medium none;border-collapse:collapse;margin:10px 10px 5px 10px;width:98%;}#contents .tb_example th{background-color:#FC9;border:1px solid #000;font-weight:normal;padding:3px;text-align:center;vertical-align:center;white-space:nowrap;}#contents .tb_example td{border:1px solid #000;padding:3px;vertical-align:top;text-align:right;font-size:0.8em;word-break:normal;}#contents .tb_example2{border:medium none;border-collapse:collapse;margin:0 10px 5px 10px;}#contents .tb_example2 th{background-color:#FC9;border:1px solid #000;font-weight:normal;padding:3px;text-align:left;white-space:nowrap;width:10em;}#contents .tb_example2 td{border:1px solid #000;padding:3px;text-align:left;}#contents .voice_L{background:url(/images/voice_bg.gif) no-repeat left bottom;padding-bottom:15px;}#contents .voice_L p{margin:10px 15px;}#contents .voice_M{float:left;width:452px;background:url(/images/voice_M_bg.gif) no-repeat left bottom;padding-bottom:15px;}#contents .voice_M p{margin:10px 15px;}.banner img{margin-top:10px;}.sideBox{background:url(/images/bg_sideContents.gif) no-repeat left bottom;width:300px;line-height:1.25em;margin:0;padding:10px 0 20px 0;}.sideBox p{font-size:0.8em;margin:0 10px 10px 10px;}.sideBox img{float:left;margin:0 5px 10px 5px;}.sideBox p.qa{background:url(/images/icon_QA.gif) no-repeat left top;padding-left:31px;min-height:26px;}.sideMenu,.lh1{line-height:1!important;}.sideMenu div{margin:0;}.sideMenu div a{margin:0;}.sideMenu_active{background:url(/images/sideMenu_activeBg.gif) repeat-y left top;border-top:5px #A21717 solid;border-bottom:5px #A21717 solid;}.sideMenu_active ul,#side ul ul{font-size:0.8em;line-height:1.75em;margin:5px 15px;padding:0;}.sideMenu_active ul li,#side ul ul li{list-style:none;background:url(/images/icon_Arrow.gif) no-repeat left 5px;padding:3px 0 3px 21px;border-bottom:1px #CCC dotted;}.sideMenu_active ul li a,#side ul ul li a{color:#000;}.sideMenu_active ul li a:hover,#side ul ul li a:hover{color:#A21717;}.bnr_ex{background:url(/images/bnr_how.jpg) no-repeat;width:300px;height:80px;margin:10px 0;}.bnr_ex a{display:block;width:300px;height:80px;background:url(/images/icon_Arrow.gif) no-repeat left center;text-align:left;margin-left:8px;padding-left:20px;font-size:14px;line-height:85px;}.bnr_ex2{background:url(/images/bnr_txt.jpg) no-repeat;width:300px;height:70px;margin:10px 0;}.bnr_ex2 a{display:block;width:300px;height:70px;background:url(/images/icon_Arrow.gif) no-repeat left center;text-align:left;margin-left:8px;padding-left:20px;font-size:14px;line-height:72px;}.bnr_ex3{background:url(/images/bnr_how.jpg) no-repeat;width:300px;height:80px;margin:10px auto;}.bnr_ex3 a{display:block;width:300px;height:80px;background:url(/images/icon_Arrow.gif) no-repeat left center;text-align:left;margin-left:8px;padding-left:20px;font-size:14px;line-height:85px;}.box_list{background:url(../images/sidebarBg_R.gif) repeat-y left top;}.box_listTop,.box_listBottom{height:10px;line-height:10px;}.box_list h3{background:url(../images/icon_check.png) no-repeat left center;color:#a01010;font-size:14px;min-height:16px;margin:0;padding:0 0 0 25px;}.box_list ul{margin:5px;padding:0 0 10px 0;}.box_list ul li{list-style:none;font-size:0.75em;line-height:1.75em;margin:0;padding:0;}.box_list ul li.bgGray{background-color:#EFEFEF;}.box_list ul.category2{margin:0 0 0 20px;padding:0;}.box_select{height:55px;overflow:auto;}#footer{background:#333;color:#FFF;margin:0;padding:30px 0;width:100%;display:block;overflow:hidden;}#footer p,#footer li{font-size:0.75em;line-height:1.25em;}#footer_section{width:1220px;text-align:left;margin:0 auto!important;}#footer_section .footer_item{width:784px;float:left;margin:0 0 8px 20px;}#footer_section .footer_item ul{float:left;width:392px;}#footer_section .footer_item ul li{line-height:2em;}#footer a{color:#FFF;}.co_data{width:300px;float:left;}h3.logo{background-image:url('/images/TRUSTBANK_logo.gif');background-size:300px 106px;background-repeat:no-repeat;height:106px;overflow:hidden;text-indent:100%;white-space:nowrap;}.sitenavi{float:left;width:784px;text-align:left;margin-left:20px;}.sitenavi span{padding:3px 10px;border:1px #FFF solid;}.sitenavi span a{background:url(/images/icon_Arrow_w.gif) no-repeat left center;padding-left:18px;}#footer_section .sitenavi ul{float:left;margin:0 auto;padding:10px 0 0 0;border-top:solid 1px #fff;}#footer_section .sitenavi ul li{list-style:none;float:left;padding:0 8px;border-right:1px #FFF solid;}#footer_section .sitenavi ul li.end{border-right:0px;}#footnote{font-size:0.8em;}#contents .section table{border-collapse:collapse;width:660px;margin-top:10px;margin-right:auto;margin-bottom:10px;margin-left:auto;padding:0px;}#contents .section table th{border:solid 1px #E2DFCF;padding:5px;margin:0;font-weight:bold;color:#FFFFFF;width:100px;}#contents .section table th.hokkaido{background-color:#225B98;}#contents .section table th.touhoku{background-color:#3785C8;}#contents .section table th.kantou{background-color:#4DAAB3;}#contents .section table th.chubu{background-color:#5BAC64;}#contents .section table th.kansai{background-color:#8AC220;}#contents .section table th.chugoku{background-color:#F6C043;}#contents .section table th.shikoku{background-color:#DD9523;}#contents .section table th.kyusyu{background-color:#F09A9C;}#contents .section table td{border:solid 1px #E2DFCF;padding:5px;margin:0;background-color:#FFFFFF;text-align:left;line-height:2;}#contents .aretit{font-size:20px;font-weight:bold;margin-top:10px;margin-bottom:5px;}#contents .areicon{width:680px;margin-top:5px;margin-bottom:10px;}#contents .areicon ul{width:680px;text-align:left;margin:0 32px;}#contents .areicon li{width:149px;margin-right:5px;float:left;list-style-type:none;padding:0px;}#contents .areicon li.last{margin-right:0px;}#contents .iconsection{width:100%;background-color:#CCC;color:#A21717;font-size:0.9em;line-height:1.5em;padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}#contents .arenavi{width:680px;margin-top:5px;margin-bottom:10px;}#contents .areaList ul{list-style:none outside none;}#contents .areaList ul,#contents .areaList li{margin:0;padding:0;}#contents .areaList{width:680px;font-size:15px;}#contents .areaList h3{margin-bottom:3px;padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px;}#contents .areaList ul{width:680px;}#contents .areaList li{float:left;width:110px;text-align:center;margin-top:0;margin-right:4px;margin-bottom:0px;margin-left:0px;padding-top:4px;line-height:1.5em;}#contents .areaList li.icon{margin-bottom:4px;padding-bottom:3px;}#contents .areaList li.last{margin-right:0px;}#contents .areaList h3.hokkaido{border-bottom:1px solid #255B97;border-left:10px solid #255B97;background-color:#fbfaf0;margin-top:25px;}#contents #hokkaido ul.even li{background-color:#EEF3F9;}#contents #hokkaido ul.uneven li{background-color:#9EC1E7;}#contents .areaList h3.tohoku{border-bottom:1px solid #3785C8;border-left:10px solid #3785C8;background-color:#fbfaf0;margin-top:25px;}#contents #tohoku ul.even li{background-color:#CADFF0;}#contents #tohoku ul.uneven li{background-color:#83B4DC;}#contents .areaList h3.kanto{border-bottom:1px solid #4DAAB3;border-left:10px solid #4DAAB3;background-color:#fbfaf0;margin-top:25px;}#contents #kanto ul.even li{background-color:#AED9DD;}#contents #kanto ul.uneven li{background-color:#99D0D5;}#contents .areaList h3.chubu{border-bottom:1px solid #5BAC64;border-left:10px solid #5BAC64;background-color:#fbfaf0;margin-top:25px;}#contents #chubu ul.even li{background-color:#D1E9D3;}#contents #chubu ul.uneven li{background-color:#B1DAB5;}#contents .areaList h3.kinki{border-bottom:1px solid #8AC220;border-left:10px solid #8AC220;background-color:#fbfaf0;margin-top:25px;}#contents #kinki ul.even li{background-color:#E2F4BF;}#contents #kinki ul.uneven li{background-color:#C4EA7B;}#contents .areaList h3.chugoku{border-bottom:1px solid #F6C043;border-left:10px solid #F6C043;background-color:#fbfaf0;margin-top:25px;}#contents #chugoku ul.even li{background-color:#FDF0D2;}#contents #chugoku ul.uneven li{background-color:#F9D177;}#contents .areaList h3.shikoku{border-bottom:1px solid #DD9523;border-left:10px solid #DD9523;background-color:#fbfaf0;margin-top:25px;}#contents #shikoku ul.even li{background-color:#FAEFDE;}#contents #shikoku ul.uneven li{background-color:#F1D1A3;}#contents .areaList h3.kyushu{border-bottom:1px solid #F09A9C;border-left:10px solid #F09A9C;background-color:#fbfaf0;margin-top:25px;}#contents #kyushu ul.even li{background-color:#FDF0F0;}#contents #kyushu ul.uneven li{background-color:#FAD6D6;}#sitemap ul ul{list-style-type:none;font-size:90%;line-height:1.5em;}#sitemap ul{list-style-type:square;line-height:2em;}#blog{margin-top:20px;}#blog #contents p{font-size:0.9em;margin-bottom:15px;}#blog #side{font-size:0.9em;}#newblogTitle{background:url(/images/bg_boxWide_titleBg.gif) no-repeat left top;padding:10px;}#newblog{background:url(/images/bg_boxWide.gif) no-repeat left bottom;line-height:1.5em;padding:10px;margin:0;z-index:2;}#newblog h3{font-weight:normal;font-size:0.9em;}#newblog p{font-size:0.75em;line-height:1.5em;margin:3px 10px 10px 20px!important;}#newblog .wb_fb_comment{display:none;}#jijipressTitle{background:url(/images/bg_boxWide_titleBg.gif) no-repeat left top;padding:10px;position:relative;}#jijipressTitle p{float:right;display:inline-block;position:absolute;top:30px;right:20px;}#jijipress{background:url(/images/bg_boxWide.gif) no-repeat left bottom;line-height:1.5em;padding:10px 20px 40px;margin:0;z-index:2;}#jijipress .jijipressList{clear:both;line-height:2em;overflow:hidden;}#jijipress h3{font-weight:normal;font-size:0.9em;float:left;}#jijipress p{font-size:0.75em;line-height:2em;margin:3px 10px 10px 20px!important;text-align:right;}#jijipress .jijipressList span{padding-left:5px;}.jijipressListText h4{float:left;margin:0;}.jijipressListText p{text-align:right!important;margin:3px 10px 10px 20px!important;}.jijipressListText p{text-align:right!important;margin:3px 10px 10px 20px!important;}p.jijipressListTitle{text-align:right;margin:0 10px 30px 0!important}.jijipressListNews{margin:10px 0 0 0;}.jijiSpecial{float:left;margin:10px 0 0 0;font-size:0.85em;}#facebook_activity{clear:both;background:transparent;float:left;width:680px;margin-top:30px!important;border:1px #CCC solid;}#facebook_like{float:right;margin:0;padding:0;}#twitter{float:right;width:100px;margin:4px 0 0 0;padding:0;}.plugin_area{float:right;width:200px;text-align:right;margin-top:10px;}#facebook_btn{float:right;margin:0;padding:0;}#tweet_btn{float:right;width:100px;margin:0!important;padding:4px 0 0 0;}#socialbuttons div{float:left;}#socialbuttons{float:right;padding-top:20px;height:30px;}#contents #areabox_sample{background-image:url(/images/areabox_sample.jpg);min-height:220px;}#contents #areabox,#contents #areabox_sample{width:500px;background-repeat:repeat-x;padding-left:0px;padding-top:10px;}#contents #areabox{width:680px;}#contents #areabox #areaTitleBox{float:left;width:370px;}#contents #areabox ul,#contents #areabox_sample ul{margin:0px;padding:0px;}#contents #areabox li,#contents #areabox_sample li #contents #areabox h1.name,#contents #areabox_sample h1.name{float:left;list-style-type:none;margin:0;padding:0 15px 0 0;}#contents #areabox li.furigana,#contents #areabox_sample li.furigana{min-width:5.5em;font-size:12px;}#contents #areabox li.name,#contents #areabox_sample li.name{font-size:20px;font-weight:bold;}#contents #areabox h1.name,#contents #areabox_sample h1.name{font-size:20px;font-weight:bold;color:#333;}#contents #areabox dl,#contents #areabox_sample dl{margin-top:10px;}#contents #areabox dt,#contents #areabox_sample dt{float:left;width:70px;clear:both;font-weight:bold;}#contents #areabox dd,#contents #areabox_sample dd{width:600px;margin-left:80px;margin-bottom:0;word-wrap:break-word;}dl.selectUse{}dl.selectUse dt{float:left;width:200px;}dl.selectUse dd{float:right;width:460px;font-size:0.9em;}dl.selectUse dt img{margin-bottom:10px;}dl.selectUse dt h3{font-size:14px;}dl.selectUse dt h4{font-size:16px;}#side .ad_txt{width:290px;background-color:#CCCCCC;text-align:right;padding-right:10px;height:40px;padding-top:10px;margin-bottom:10px;}#side .ad_txt{width:290px;background-color:#CCCCCC;text-align:right;padding-right:10px;height:40px;padding-top:10px;margin-bottom:10px;}#side .side_tit01{background-image:url(/images/sideTitle_bg.gif);background-repeat:repeat-x;height:45px;width:300px;}#side .side_tit02{background-image:url(/images/sideTitle_picuptokuten.gif);background-repeat:repeat-x;height:45px;width:300px;}#side .side_tit01 h3,#side .side_tit02 p{font-size:18px;font-weight:bold;color:#9C0909;padding-left:15px;padding-top:10px;}.sideBox ul.kouhou{list-style-type:none;margin:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:120px;}.sideBox li.new{background-image:url(../images/icon_new.gif);background-repeat:no-repeat;padding-left:26px;}.sideBox li.no_new{padding-left:26px;}#contents .pagetop{width:680px;margin-top:20px;text-align:right;}#side .afiri{width:298px;margin:10px 0 20px 0;border:1px #999 solid;}#side .afiriTitle{background:#DD9523;color:#FFF;font-size:16px;line-height:1.35em;padding:5px 10px;}#side .afiriTitle img{margin-right:10px;}#side .afiri table{float:left;width:120px;margin:10px 0 0 18px;border-color:#999!important;}#side .afiri p{margin-left:10px;}#side .afiri p span{font-size:10px;color:#666;}#side .afiri iframe{margin:10px 0 0 18px;border-color:#999!important;}span.wpcf7-list-item{display:block;}.question textarea{width:100%;}.question-border{border-bottom:1px #CCC solid;border-left:1px #CCC solid;border-right:1px #CCC solid;border-top:1px #CCC solid;background-color:#FFF;padding:10px;}.titleline{background-color:#EEE;}.mailform th,.mailform td,.mailform td input,.mailform td select{font-size:12pt!important;}.mailform th{padding:10px;}.box-new ol{margin:10px 15px 10px 40px;font-size:0.9em;}.caution-text{color:#900;font-size:1.0em;}ul.contents_menulist{margin:0;padding:0;}ul.contents_menulist li{list-style:none;display:inline-block;/display:inline;/zoom:1;width:135px;margin:0;padding:8px 28px 10px 50px!important;letter-spacing:-0.02em;vertical-align:top;text-indent:-2em;} } ul.contents_menulist li a{ text-align:left; padding-left:5px; } ul.contents_menulist li a img{ vertical-align:bottom; } /* =====▼▽　ページナンバー　▽▼===== */ .pageNumber{ position:relative; overflow:hidden; } .pageNumber ul{ position: relative; left: 50%; float: left; } .pageNumber ul li{ position: relative; left: -50%; float: left; } .pageNumber ul.pageNumberList li{ position:relative; left:-50%; float:left; background-color:#EEE; line-height:1em; padding:3px 10px; margin-left:5px; border:1px #CCC solid; } ul.pageNumberList li.noLine{ background-color: transparent; border:0px; } /* =====▼▽　NEW/soldoutアイコン　▽▼===== */ .newItem, .soldoutItem, .genteiItem, .free-ranking{ position: relative; } .newItem img.newImg, .soldoutItem img.soldoutImg, .genteiItem img.genteiImg{ position: absolute; top:0px; left:12px; } .free-ranking img.ranking-number{ position: absolute; top:3px; left:3px; z-index:10; } .newUse{ position: relative; } .newUse img.newImg{ position: absolute; top:0px; left:0px; } /* =====▼▽　ＬＰ用　▽▼===== */ .subTitle_blue, .subTitle_green, .subTitle_red{ color:#000; padding:5px 10px; border-bottom:2px #999 solid; } .subTitle_blue{background-color:#c5e9ef;} .subTitle_green{background-color:#caeacf;} .subTitle_red{background-color:#fcdcbe;} .subTitle_green2{ background-color:#d7f47d; color:#000; padding:5px 10px; } .subTitle_pink{ background-color:#f5dff1; color:#000; padding:5px 10px; } .subTitle_gray{ background-color:#eeeeee; color:#000; padding:5px 10px; } .catch{ color:#ef3706; font-size:1.8em !important; } ol.number2 li{ font-size:0.9em; margin:0 20px; padding:0; } .grayBox h5{ font-size:1em; margin:5px 20px 3px 20px; color:#c10d23; } /* =====▼▽　バナーランダム表示用　▽▼===== */ /* ul.topBannerWide{ width:680px; overflow:hidden; } ul.topBannerWide, ul.sideBannerRandom{ margin:0; padding:0; } ul.topBannerWide li, ul.sideBannerRandom li{ list-style:none; margin:0; padding:0; } ul.topBannerWide img{margin:0;} w680px{ width:680px; overflow:hidden; } ul.topBannerSmall{ width:690px; font-size:0; margin:0; padding:0; } ul.topBannerSmall li{ list-style:none; margin:0 4px 4px 0; padding:0; float:left; width: 338px; } ul.topBannerSmall li img{ width: 338px; } */ /* =====▼▽　トップスライド　▽▼===== */ /* #jslidernews3{ width:1220px; padding-right:0px; position:relative; height:350px; overflow:hidden; background:#fff; } */ /* =====▼▽　旅館特集　▽▼===== */ .ryokan{ margin-top:30px; padding-bottom:10px; } .ryokan .img{ text-align:left; } .ryokan .img img{ border:1px #FFF solid; margin:0 !important; } .ryokan .catchcopy{ color:#A21717; line-height:1em; font-size:0.9em; margin:5px 0 !important; } .ryokan h4{ font-size:1.5em; line-height:1em; font-weight:normal; } .site{ background:url(/images/btn_site.gif) no-repeat left center; padding-left:65px; margin:5px 10px; } .yellowBox{ background-color:#FFF9C4; border-radius: 10px; /* CSS3草案 */ -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-radius: 10px; /* Firefox用 */ border:1px #D0C990 solid; margin:0; } .onsen h3{ font-size:1.5em; font-weight:normal; color:#000; } .onsen h3 img{margin-right:5px; margin-bottom:-10px;} table.extable{ width:100%; margin:auto; font-size:0.8em; border:1px #DDD solid; } table.extable th{ background-color:#EFEFEF; width:8em; font-weight:normal; text-align:left; } table.extable th, table.extable td{ padding:3px 10px; border-bottom:1px #DDD solid; } /* =====▼▽　体験レポート　▽▼===== */ .reportBg{ background:url(/images/premium/report_bg.gif) repeat-y left center; padding:15px; } /* =====▼▽　緊急受付　▽▼===== */ .alertInfo{ background-image: -ms-linear-gradient(bottom, #FFBBBB 0%, #D33939 100%); background-image: -moz-linear-gradient(bottom, #FFBBBB 0%, #D33939 100%); background-image: -o-linear-gradient(bottom, #FFBBBB 0%, #D33939 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFBBBB), color-stop(1, #D33939)); background-image: -webkit-linear-gradient(bottom, #FFBBBB 0%, #D33939 100%); background-image: linear-gradient(to top, #FFBBBB 0%, #D33939 100%); background: url(/images/alertBg.png) repeat-x left top \9; background-color:#FF393C; border:2px #d33939 solid; border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; behavior: url(/wp/wp-content/themes/furusato-tax/css/PIE.htc); } .alertInfo h2{ background: url(/images/icon_alert.png) no-repeat center left; font-weight:bold !important; line-height:1em !important; padding:15px 10px 5px 65px !important; text-shadow: white 2px 2px 2px, white -2px 2px 2px, white 2px -2px 2px, white -2px -2px 2px; behavior: url(/wp/wp-content/themes/furusato-tax/css/PIE.htc); } h2.alert{ background: url(/images/icon_alert.png) no-repeat center left; padding-left:65px !important; } ul.alertList{list-style:none; margin:0; padding:0;} ul.alertList li{ margin:0; padding:10px 0; border-bottom:1px #740000 dotted; overflow:hidden;} ul.alertList h3{ float:left; width:11em; color:#740000; font-size:1.2em; font-weight:bold; padding:0 0 10px; } ul.alertList p{margin:0 !important;} ul.alertList div.date{font-size:0.8em; float:none;} #side .alertInfo h2{ background: url(/images/icon_alert_s.png) no-repeat center left; font-size:1.15em; color:#fff; padding:10px 10px 5px 45px !important; text-shadow:none; } #side ul.alertList h3{float:none; padding:0;} #side ul.alertList p{ font-size:0.9em;} .bg_white{ background-color:#FFF;} .bg_pink{background-color:#ffe6e6;} /*======　メディア掲載　======*/ .media-title { font-size: 16pt; line-height: 1.5em; font-weight: normal; padding: 5px 10px; } #pressTitle { background:#fff; padding: 5px 10px; border:solid 1px #ebebeb; border-bottom:none; border-radius:10px 10px 0 0; } #PressRelease{ background:#fff; line-height: 1.5em; padding: 5px 10px 10px 10px; border:solid 1px #ebebeb; border-top:none; z-index: 2; border-radius:0 0 10px 10px; } #PressRelease h3 { font-weight: normal; font-size: 0.9em; padding-top:10px; } #PressRelease p { font-size: 0.85em; line-height: 1.5em; margin: 3px 10px 10px 20px !important; } #pressall { width:90%; padding:10px 5px; } #pressall h3{ font-weight: normal; font-size: 0.9em; padding-top:10px; } .detail3 a{ background:url(/images/icon_Arrow.gif) no-repeat left center; text-align:left; padding-left:30px; padding-right:30px; font-size:0.85em; } .grayBox_big{ background:url(/images/bg_grayBox_big.gif) no-repeat center bottom; width:880px; margin:-8px 0 0 0; padding:5px 0 5px 0 !important; font-size: 0.9em; line-height:1.6em; } .grayBox_big h4{ margin-top:5px; } .grayBox_half{ background:url(/images/bg_grayBoxHalf.gif) no-repeat center bottom; width:430px; margin:-8px 0 0 0; padding:5px 0 5px 0 !important; font-size: 0.8em; line-height:1.5em; } .wrapper { width: 880px; margin: 0 auto;/*ブラウザの中央に配置*/ } .fL { float: left; width: 430px; margin: 5px 5px 10px; } .fR { float: right; width: 430px; margin: 5px 5px 10px; } .grayBox_half p { margin: 0px 10px 5px !important; } .grayBox_half h3 { font-size: 1.4em; margin: 5px 10px !important; padding-left:5px; } .wrapper h4 { font-size: 1.0em; color: #A21717; line-height: 1.5em; font-weight: bold; margin: 15px 10px 5px !important; } .grayBox_half span.title { text-decoration: none; color: #AC0C0C; } .media_old{ font-size: 0.8em; padding:10px; } .media_old h4 { font-size: 1em; line-height: 1.5em; font-weight: bold; margin-top: 15px !important; } /*　areainfo　20141126追加　*/ dl#areainfo{ margin-bottom:20px; border:1px solid #ccc; border-radius:10px; padding:20px; background-color:#fff; } dl#areainfo dt{ float:left; width:70px; clear:both; font-weight:bold; } dl#areainfo dd{ width:560px; margin-left:80px; margin-bottom:0; word-wrap:break-word; word-break:break-word; } /* =====▼▽　CSS一覧ページ680pxボックス　▽▼===== */ .greenBox680imgBody, .grayBox680imgBody, .redBox680imgBody{ width: 640px; font-size:0.9em; margin: -8px 0 0 0; padding: 5px 20px !important; } .greenBox680imgBody h3, .grayBox680imgBody h3, .redBox680imgBody h3{ font-size:1.3em; margin-bottom:10px; } .greenBox680imgBody{ background: url(/images/bg_greenBox680.gif) no-repeat center bottom; } .grayBox680imgBody{ background: url(/images/bg_grayBox680.gif) no-repeat center bottom; } .redBox680imgBody{ background: url(/images/bg_redBox680.gif) no-repeat center bottom; } img.fRimg{ float:right; padding:0 0 20px 20px; } img.fLimg{ float:left; padding:0 20px 20px 0; } /* 20141128追加 */ .alcbox{ width:330px; font-size:0.8em !important; } .alcimg{ width:88px; align:center; padding:5px; border:1px solid #ccc; margin-right:5px; background-color:#ffffff; } .alcbox680{ width:680px; font-size:0.8em !important; } .alcimg680{ width:158px; align:center; padding:5px; border:1px solid #ccc; margin-right:5px; background-color:#ffffff; } .alcbox680info{ width:500px; } /* 20141201追加 */ /* =====▼▽　特集ページミニバナー　▽▼===== */ #contents UL.minibnr_box{ width:680px; margin:20px 0; font-size:0; } #contents UL.minibnr_box LI{ width:220px; height:70px; display:inline-block; margin:0 10px 10px 0; } .mR00{margin-right:0px !important;} /* 20141202追加 */ /* =====▼▽　地域ページ寄付数テーブル　▽▼===== */ table.area_yearnumber_tbl{ width:680px; margin-bottom:10px; } table.area_yearnumber_tbl th, table.area_yearnumber_tbl td{ padding:3px; border:1px solid #dddddd; } table.area_yearnumber_tbl th{ font-weight:normal; background-color:#eeeeee; text-align:center; } table.area_yearnumber_tbl td{ background-color:#ffffff; text-align:right; } /* =====▼▽　地域ページアイコン　▽▼===== */ #contents .areiconbox { width:680px; margin-top: 5px; margin-bottom: 10px; } #contents .areiconbox ul{ width:680px; margin:0; font-size:0; } #contents .areiconbox li{ margin-right: 5px; display: inline-block; list-style-type: none; padding: 0px; } #contents .areiconbox li.last{ margin-right: 0px; } /*移行期間の暫定対応*/ #contents .areiconbox_new { overflow: hidden; margin-top: 5px; margin-bottom: 10px; } #contents .areiconbox_new ul { overflow: hidden; margin: 0; } #contents .areiconbox_new li { margin-right: 5px; display: inline-block; list-style-type: none; } #contents .areiconbox_new li.last { margin-right: 0px; } /* =====▼▽　ログイン・新規登録　▽▼===== .header_members_menu{ position:absolute; top:33px; right:0; width:310px; height:28px; } .header_members_menu ul { list-style:none; height:28px; margin:0; padding:0; border-left:1px #fff solid; } .header_members_menu ul li { float:left; height:28px; margin:0; padding:0; border-right:1px #fff solid; } .header_members_menu ul li a:hover img{ opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; background-color: transparent; } .header_status_guest, .header_status_member { position:absolute; top:0; right:25px; text-align:center; font-size:11px; line-height:11px; padding:9px 30px 5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-bottom-left-radius:5px; -moz-border-bottom-right-radius:5px; } .header_status_guest { background-color: rgba(255,255,255,0.3); } .header_status_member { background-color: rgba(156,13,13,0.5); } .register_form { padding: 5px 10px; margin: 20px 0; border: solid 1px #EEEEEE; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-box-shadow: 0px 0px 5px #CCCCCC; -moz-box-shadow: 0px 0px 5px #CCCCCC; box-shadow: 0px 0px 5px #CCCCCC; clear: both; } .register_table td, .register_table th { padding:8px; } .register_table th{ text-align:left; font-weight:normal; white-space:nowrap; } .table_bb1d{ border-bottom:1px #ccc dotted; } */ /* =====▼▽　マイページ　▽▼===== */ .mypage_heder { color:#362e2b; } .mypage_heder h3 { margin:3px 10px; } .mypage_heder a { text-decoration:none; } .mypage_table01 { width: 100%; font-size:0.9em; } .mypage_table01 th, .mypage_table01 td{ padding:10px; } .mypage_table01 td input[type="text"], .mypage_table01 td textarea{ box-sizing:border-box; } .mypage_table01.mypage_municipality td input[type="text"], .mypage_table01.mypage_municipality td textarea{ width: 80%; margin-right: 5px; } .mypage_table01 th { background-color:#d1cabf; text-align:center; font-weight:normal; padding:3px inherit; border:1px #898989 solid; } .mypage_table01 td { border:1px #898989 solid; padding:10px; } .mypage_table01 td.day_edit{ width:215px; } .mypage_table01 tr:nth-child(2n+1) { background-color:#eee; } .mypage_table01 .item_photo { text-align:center; width:205px; font-weight:bold; } .mypage_table01 .item_photo img { width:195px; } .mypage_table01 .erase { text-align:center; width:60px; } .mypage_table01 .item_detail { text-align:center; width:130px; } .mypage_table01 .donation { text-align:right; width:100px; } .mypage_table01 .local { width:130px; } .mypage_table01 .day { text-align:center; width:120px; } .mypage_table01 .usual { width:260px; } /* マイページメニュー cssのみ */ #dropmenu_mypage{ list-style-type: none; width: 100%; height: 40px; margin: 0 auto 0; padding: 0; background: #574e49; border-bottom: 5px solid #333333; border-radius: 3px 3px 0 0; } #dropmenu_mypage li{ position: relative; width: 20%; float: left; margin: 0; padding: 0; text-align: center; } #dropmenu_mypage li a{ display: block; margin: 0; padding: 15px 0 11px; color: #fff; font-weight: normal; line-height: 1; text-decoration: none; } #dropmenu_mypage li ul{ list-style: none; position: absolute; top: 100%; left: 0; margin: 0; padding: 0; border-radius: 0 0 3px 3px; z-index: 12; } #dropmenu_mypage li:last-child ul{ left: -100%; width: 100% } #dropmenu_mypage li ul li{ overflow: hidden; width: 200%; height: 0; color: #fff; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s; transition: .2s; } #dropmenu_mypage li ul li a{ padding: 13px 15px; background: #333333; text-align: left; font-weight: normal; } #dropmenu_mypage li:hover > a{ background: #333333; color: #ddd; } #dropmenu_mypage > li:hover > a{ border-radius: 3px 3px 0 0; } #dropmenu_mypage li:hover ul li{ overflow: visible; height: 38px; border-top: 1px solid #574e49; border-bottom: 1px solid #111111; } #dropmenu_mypage li:hover ul li:first-child{ border-top: 0; } #dropmenu_mypage li:hover ul li:last-child{ border-bottom: 0; } #dropmenu_mypage li:hover ul li:last-child a{ border-radius: 0 0 3px 3px; } .delivery{ margin-top: 36px; } .delivery_list{ width: 100%; overflow: hidden; letter-spacing: 2.5px; } .delivery_month{ display: inline-block; margin-bottom: 5px; } .delivery_month > a{ display: block; } .delivery_month > a > img{ vertical-align: bottom; } @media screen and (max-width:680px){ .delivery_list{ letter-spacing: 9px; } .delivery_month{ width: 30%; } } /* マイページメニュー cssのみ　ここまで */ /* ヘッダーログインメニュー */ #dropmenu_header_login{ list-style-type: none; /*width: 90px; height: 30px; font-size: 12px;*/ margin: 0; padding: 0; } #dropmenu_header_login li{ position: relative; /*width: 100%; float: left; margin: 0; padding:0; text-align: center;*/ } #dropmenu_header_login li a{ /*display: block; width:90px; margin: 0; padding: 4px 12px; color: #000; font-weight: normal; line-height: 1; text-decoration: none; background: #c9c699; background: -moz-linear-gradient(top, #ffffff 0%, #c9c699); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c9c699)); -moz-box-shadow: inset -1px -1px 1px rgba(0,0,0,0.1),inset 1px 1px 1px #edeab9; -webkit-box-shadow: inset -1px -1px 1px rgba(0,0,0,0.1),inset 1px 1px 1px #edeab9; border: 2px solid #ffffff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;*/ } #dropmenu_header_login li ul{ list-style: none; position: absolute; top: 100%; left: 0; margin: 0; padding: 0; /*border-radius: 0 0 3px 3px;*/ } #dropmenu_header_login li:last-child ul{ /*left: -100%;*/ width: 100% } #dropmenu_header_login li ul li{ overflow: hidden; /*width: 100%;*/ height: 0; color: #fff; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s; transition: .2s; } #dropmenu_header_login li ul li a{ /*padding: 13px 15px; background: #fff; text-align: left; font-weight: normal;*/ } #dropmenu_header_login li:hover > a{ background: #edeab9; background: -moz-linear-gradient(top, #e9e6b2 0%, #ffffff); background: -webkit-gradient(linear, left top, left bottom, from(#e9e6b2), to(#ffffff)); color: #000; } #dropmenu_header_login > li:hover > a{ border-radius: 3px 3px 0 0; } #dropmenu_header_login li:hover ul li{ overflow: visible; height: 26px; background: #fff; /*border-top: 1px solid #fff; border-bottom: 1px solid #c9c699;*/ } #dropmenu_header_login li:hover ul li a:hover{ /*background-color:#fff;*/ } #dropmenu_header_login li:hover ul li:first-child{ /*border-top: 0;*/ } #dropmenu_header_login li:hover ul li:last-child{ /*border-bottom: 0;*/ } #dropmenu_header_login li:hover ul li:last-child a{ /*border-radius: 0 0 3px 3px;*/ } /* ヘッダーログインメニュー　ここまで */ /* ヘッダーログインメニュー #dropmenu_header_login{ list-style-type: none; height: 30px; font-size: 12px; margin: 5px auto 0; padding: 0; border-radius: 4px 4px 0 0; } #dropmenu_header_login li{ position: relative; width: 100%; float: left; margin: 0; padding:0; text-align: center; } #dropmenu_header_login li a{ display: block; width:90px; margin: 0; padding: 4px 12px; color: #000; font-weight: normal; line-height: 1; text-decoration: none; background: #c9c699; background: -moz-linear-gradient(top, #ffffff 0%, #c9c699); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c9c699)); -moz-box-shadow: inset -1px -1px 1px rgba(0,0,0,0.1),inset 1px 1px 1px #edeab9; -webkit-box-shadow: inset -1px -1px 1px rgba(0,0,0,0.1),inset 1px 1px 1px #edeab9; border: 2px solid #ffffff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #dropmenu_header_login li ul{ list-style: none; position: absolute; top: 100%; left: 0; margin: 0; padding: 0; border-radius: 0 0 3px 3px; } #dropmenu_header_login li:last-child ul{ width: 100% } #dropmenu_header_login li ul li{ overflow: hidden; width: 100%; height: 0; color: #fff; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s; transition: .2s; } #dropmenu_header_login li ul li a{ padding: 13px 15px; background: #fff; text-align: left; font-weight: normal; } #dropmenu_header_login li:hover > a{ background: #edeab9; background: -moz-linear-gradient(top, #e9e6b2 0%, #ffffff); background: -webkit-gradient(linear, left top, left bottom, from(#e9e6b2), to(#ffffff)); color: #000; } #dropmenu_header_login > li:hover > a{ border-radius: 3px 3px 0 0; } #dropmenu_header_login li:hover ul li{ background: #e9e6b2; overflow: visible; height: 38px; border-top: 1px solid #fff; border-bottom: 1px solid #c9c699; } #dropmenu_header_login li:hover ul li a:hover{ background-color:#fff; } #dropmenu_header_login li:hover ul li:first-child{ border-top: 0; } #dropmenu_header_login li:hover ul li:last-child{ border-bottom: 0; } #dropmenu_header_login li:hover ul li:last-child a{ border-radius: 0 0 3px 3px; } * ヘッダーログインメニュー　ここまで */ /*モーダルウィンドウ*/ .modal-window { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -o-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; opacity: 0; line-height: 1.3; display: none\9; } .modal-window:target { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } .is-active.modal-window { display: block\9; } .modal-window:target { display: block\9; } .modal-inner, .modal-close { _display: none; *display: none; } .modal-window .modal-inner, .modal-window .modal-inner-wide { position: absolute; overflow-x: hidden; border-radius: 10px; background: #fff; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); border:5px #eee solid; } .modal-window .modal-inner{ top: 20%; left: 50%; z-index: 20; margin-left: -200px; padding:20px; width: 400px; } .modal-window .modal-inner-wide{ top: 20%; left: 50%; z-index: 20; margin-left: -390px; padding:20px; width: 780px; } .modal-window .modal-inner p { padding: 0 15px 10px; } .modal-window .modal-close, .modal-window .modal-wide-close { display: block; text-indent: -100px; overflow: hidden; display: inline-block; } .modal-window .modal-close:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; background: #000; opacity: 0.5; } .modal-window .modal-close:after { content: ''; /*content: '\00d7';*/ position: absolute; top: 20%; left: 50%; z-index: 20; margin-left: 200px; background-color: transparent; border-radius: 2px; padding: 2px 8px; font-size: 1.2em; text-decoration: none; text-indent: 0; } .modal-window .modal-wide-close:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; background: #000; opacity: 0.5; } .modal-window .modal-wide-close:after { content: ''; position: absolute; top: 20%; left: 50%; z-index: 20; margin-left: 390px; background-color: transparent; border-radius: 2px; padding: 2px 8px; font-size: 1.2em; text-decoration: none; text-indent: 0; } .modal-window { -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } /* =====▼▽　自治体からの最新情報　▽▼===== */ .government_news_head { background-color:#9d0a0a; color:#fff; margin:-10px -10px 0; } .government_news_head h2 { font-size:16px; font-weight:normal; padding:8px 10px 5px; } .government_news_head h2 span { font-size:0.8em; } .government_news_head h2 img { vertical-align:middle; margin-top:-4px; margin-right:5px; } ul.government_news_List img.newImg, .government_news img.newImg{ position: absolute; top:0px; left:0px; width: 100%; } .government_news .newItem img { width:120px; margin-right:8px; } .government_news h3 { font-size:16px; color:#333; } .government_news ul{list-style:none; margin:0; padding:0;} .government_news ul li{ margin:0; padding:10px 0; border-bottom:1px #ccc dotted;} .government_news ul p{ font-size:0.8em; margin:0 !important;} .government_news ul .date{font-size:0.6em; float:none; text-align:right;} ul.government_news_List{list-style:none; margin:0; padding:0;} ul.government_news_List li{ margin:0; padding:10px 0; border-bottom:1px #740000 dotted;} ul.government_news_List h3{ width:11em; color:#740000; font-size:1.2em; font-weight:bold; padding:0 0 10px; } ul.government_news_List p{margin:0 !important;} ul.government_news_List div.date{font-size:0.8em; float: right;} /*　areainfo　20141126追加　*/ dl#areainfo{ margin-bottom:20px; margin-top:20px; border:1px solid #ccc; border-radius:10px; padding:20px; background-color:#fff; } dl#areainfo dt{ float:left; width:70px; clear:both; font-weight:bold; } dl#areainfo dd{ width:560px; margin-left:80px; margin-bottom:0; word-wrap:break-word; } /* =====▼▽　topGCF画像の設定141211追加　▽▼===== */ #gcfBox01{ background:url(/images/top/GCF_test.jpg) no-repeat; } #gcfBox010{ background:url(/images/top/gcf_010_bg.jpg) no-repeat; } #gcfBox013{ background:url(/images/top/gcf_013_bg.jpg) no-repeat; } #gcfBox015{ background:url(/images/top/gcf_015_bg.jpg) no-repeat; } #gcfBox018{ background:url(/images/top/gcf_018_bg.jpg) no-repeat; } .gcfBox{ width:1205px; height:350px; padding-left:15px; text-arign:right; } .gcfL{ float:left; width:261px; height:330px; position:relative; } .gcfR{ float:left; width:445px; height:350px; position:relative; } .gcf_mark, .gcf_percent, .gcf_persons, .gcf_days, .gcf_achieve{ color:#000000; position:absolute; right:0; font-weight:bold; } .gcf_mark{ top:176px; } .gcf_border{ position:absolute; left:0; top:201px; background-color:#a21717; height:7px; } .gcf_percent{ top:208px; } .gcf_persons{ top:244px; } .gcf_days{ top:270px; } .gcf_closing{ color:#ffffff; position:absolute; font-size:10pt; right:10px; bottom:5px; } .gcf_achieve{ bottom:0; font-size:42pt; } .font26pt{ font-size:26pt; } /* =====▼▽　340x2バナーランダム表示用141217追加　▽▼===== */ w680px{ width:680px; overflow:hidden; } ul.topBannerS{ width:690px; font-size:0; margin:0; padding:0; } ul.topBannerS li{ list-style:none; margin:0 4px 4px 0; padding:0; float:left; text-align:center; } ul.topBannerS li img{ width: 338px; } /* =====▼▽　141222追加　▽▼===== */ .donationtbl_exm th{ background-color:#f0ecd6; border:solid 1px #e2dfcf; text-align:center; padding:5px; } .donationtbl_exm td{ background-color:#ffffff; border:solid 1px #e2dfcf; text-align:right; padding:5px; } .brd3pd20{ padding:20px; border:3px solid #e1dec4; border-radius:10px; } /* =====▼▽　150116追加　▽▼===== */ .filterlisticon{ vertical-align:middle; margin:0 2px 3px 0; } ul.filtericons_ex{ font-size:0; margin:10px 0 10px 0; padding:10px; background-color:#ffffff; border-radius:4px; border:1px solid #ddd; } ul.filtericons_ex li{ font-size:12px; list-style:none; margin:0 10px 0 0; padding:0; display:inline; } /* =====▼▽　150126追加　▽▼===== */ div#rankinglist_itembox, div#rankinglist_areabox {margin:0 0 20px 0;} ul.rankinglist_item, ul.rankinglist_area01, ul.rankinglist_area02{ margin-bottom:10px; } ul.rankinglist_item li, ul.rankinglist_area01 li, ul.rankinglist_area02 li{ margin-bottom:5px; font-size:11pt; } ul.rankinglist_area02{ float:left; width:220px; margin-right:6px; } /* アイコン説明リスト */ ul.icon_ex_list{ text-align:right; } ul.icon_ex_list li{ display:inline; margin-right:10px; font-size:10pt !important; } /* 通常のリスト */ ul.normal_list{padding-left:2em;} ul.normal_list li{list-style-type:disc;margin-bottom:10px;} /* ご注意ボックス */ .cautionbox{ background-color:#ffe9e9; border:1px solid #b36e6e; border-radius:4px; padding:10px; box-sizing: border-box; } .text_caution{ color:#b54646; font-weight:bold; } /* タブメニュー */ .tab_menui, .tab_menu_area{ /*overflow:hidden;*/ border-bottom:3px #A21717 solid; } .tab_menu li, .tab_menu_area li{ float:left; position:relative; background:#fff; height:35px; font-size:13px !important; text-align:center; line-height:35px; margin-right:3px; padding:0 0 3px; /*border:1px #ccc solid;*/ border-bottom:0px; border-radius:4px 4px 0 0; box-shadow:rgba(189, 189, 189, 0.9) 0px -3px 5px 0px; -webkit-box-shadow:rgba(189, 189, 189, 0.9) 0px -3px 5px 0px; -moz-box-shadow:rgba(189, 189, 189, 0.9) 0px -3px 5px 0px; } .tab_menu li { width:167px; } .tab_menu_area li{ width:133px; } .tab_menu li:hover, .tab_menu_area li:hover{ height:40px; bottom:5px; margin-bottom:-5px; cursor:pointer; background-color:#ffe6e6; } .tab_menu li.select_tab, .tab_menu_area li.select_tab{ height:40px; background:#A21717; color:#fff; bottom:5px; margin-bottom:-5px; } .tab_content li, .tab_content_area li{ padding-top:5px; padding-bottom:30px; } .hide_tab { display:none; } /* =====▼▽　150222追加　▽▼===== */ .box09{ width:880px; } .box09 p, font-size:0.9em; line-height:1.5em; margin:20px 10px !important; } .grayBox_bigmenu{ background:url(/images/bg_grayBox_big.gif) no-repeat center bottom; width:880px; margin:-8px 0 0 0; padding:5px 0 5px 0 !important; font-size: 1.1em; line-height:1.6em; } .fS110{font-size: 1.0em;} /* =====▼▽　150311追加　▽▼===== */ .kifupricebox{ width:100%; background-color:#9d0a0a; color:#ffffff; padding:5px; text-align:center; margin-top:-7px; font-size:0.8em; font-weight:normal; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* =====▼▽　150317追加　▽▼===== */ div.fRimg{ float:right; padding:0 0 20px 20px; width:300px; } div.fLimg{ float:left; padding:0 20px 20px 0; width:300px; } /* =====▼▽　150414追加 newTOPバナー　▽▼===== */ .newtop li { list-style-type: none; } .topbannerB { width: 330px; height: 75px; background-color: #FFF; text-align: left; } .topbannerB h3 { width: 315px; margin-left: 20px; } .ruby { font-size: 13px; font-style: italic; } .topbannerS { width: 215px; height: 95px; background-color: #FFF; text-align: left; } .topbannerS h3 { margin-left: 20px; } .ruby2 { font-size: 13px; font-style: italic; text-align: right; margin: -5px 20px 0 0; } .mR175 { margin-right: 17px; } .topbanner_detail { text-align: left; font-size: 15px; } /* =====▼▽　150427追加　TOP大バナーhoverアクション　▽▼===== */ figure { position: relative; overflow: hidden; width: 589px; height: 279px; background: #FFF; margin: 0 0; } figure a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } figure .floatL , figure .floatL { width: 294.5px; } figure img { position: relative; z-index: 1; -webkit-transition: .3s; transition: .3s; } figcaption { position: absolute; bottom: -100px; left: 0; z-index: 2; width: 100%; height: 100px; -webkit-transition: .3s; transition: .3s; } figure:hover img { -webkit-transform: translateY(-90px); transform: translateY(-90px); } figure:hover figcaption { bottom: 0; -webkit-transform: translateY(-95px); transform: translateY(-95px); } /* hover要素追加分 */ .fs_TOPhover_num { text-align: right; font-size: 25px; font-weight: 500; color: #C00; } .fs_TOPhover_num2 { text-align: right; font-size: 25px; color: #166545; } .fs_TOPhover_text { text-align: left; font-size: 13px; color: #166545; } /* =====▼△▼ 150507追加　プライバシーマーク箇所 ▼△▼===== */ .privacymark_data { float:left; width:100px; height:100px; padding:3px; background-color:#fff; border-radius:3px; margin-left: 10px; } /* =====▼△▼ 150529追加　地域でチョイス県のh3枠を2つ表示させる（佐賀県のnpoとこ） ▼△▼===== */ .h3_ken { width: 280px !important; text-align: left !important; } /* =====▼▽　ふきだしつきBOK　▽▼===== */ /*左にしっぽ*/ .fukiboxL { position: relative; display:inline-block; padding:10px ; text-align:left; background-color:#fff2cc; border:3px solid #eadfbd; margin: 5px 5px 5px 15px; border-radius: 7px ; } .fukiboxL:after, .fukiboxL:before { content: ""; position: absolute; height: 0; width: 0; } .fukiboxL:after { top: 10px; left: -33px; border: 18px solid transparent; border-right: 23px solid #fff2cc; /*13px*/ } .fukiboxL:before { top: 13px; left: -33px; border: 15px solid transparent; border-right: 15px solid #eadfbd; /*10px*/ } /*右にしっぽ*/ .fukiboxR { position: relative; display:inline-block; padding:10px ; text-align:left; background-color:#fff2cc; border:3px solid #eadfbd; margin: 5px 15px 5px 5px; border-radius: 7px ; } .fukiboxR:after, .fukiboxR:before { content: ""; position: absolute; height: 0; width: 0; } .fukiboxR:after { top: 10px; right: -33px; border: 18px solid transparent; border-left: 23px solid #fff2cc; /*13px*/ } .fukiboxR:before { top: 13px; right: -33px; border: 15px solid transparent; border-left: 15px solid #eadfbd; /*10px*/ } /* =====▼△▼ 150803追加 緑の点線付きボックス ▼△▼===== */ .Dotted_line_box { color: #fff; background: #3cb371; padding: 20px; border: 2px dashed rgba(255,255,255,0.5); border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: 0 0 0 5px #3cb371, 0 2px 3px 5px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 0 5px #3cb371, 0 2px 3px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 0 5px #3cb371, 0 2px 3px 5px rgba(0,0,0,0.5); } /* =====▼▽　150831追加　▽▼===== */ .kifupricebox680{ width:100%; background-color:#9d0a0a; color:#ffffff; padding:5px; text-align:center; margin-top:-7px; font-size:1.2em; font-weight:normal; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* =====▼▽　150915追加　▽▼===== */ .icon_mimata{ font-size:16pt; line-height:1.5em; font-weight:normal; padding:13px 0 13px 60px; background:url(/images/icon_mimata.gif) no-repeat left center; } /* =====▼▽　150914追加　▽▼===== */ .buyfc_orange_box{ display: block; background-color: #f60; color: #fff; font-size: 70%; text-align: center; padding: 4px; line-hight: 1.2em !important; border-radius: 5px; background: -webkit-gradient(linear, left top, left bottom, from(#ff6600), to(#e45b00)); background: -moz-linear-gradient(top, #ff6600 0%, #e45b00); -webkit-border-radius:5px; text-decoration: none !important; } .buyfc_orange_attention{ color:#f60; font-size:65%; text-align:left; line-height:1.4em !important; } /* =====▼▽　151004追加　▽▼===== */ .omitted-text { width: 410px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; } /* =====▼▽　151015追加　▽▼===== */ ul.alertList_top { list-style: none; margin: 0; padding: 0; } ul.alertList h3, ul.alertList_top h3 { float:left; width: 9em; color: #740000; font-size: 1.2em; font-weight: bold; line-height:1.5em; padding: 0 0 10px; } ul.alertList_top li { margin: 0; padding: 10px 0; border-bottom: 1px #740000 dotted; } ul.alertList_top p { margin: 0!important; } ul.alertList_top div.date { font-size: 0.8em; float: none; } .alert_text, .alert_thum_text { width:31em; overflow:hidden; } .alert_thum_text p { /* overflow: hidden; text-overflow: ellipsis; white-space: nowrap; */ } .alert_thum_text a .btn_arrow, .alert_thum_text a.btn_yellow, .alert_text a .btn_arrow, .alert_text a.btn_yellow {font-weight:normal; line-height:1;} /* =====▼▽　151029追加　▽▼===== */ ul.tabPrefecture { margin-left: 0; margin-bottom: 30px; } ul.tabPrefecture li { display: inline-block; vertical-align: middle; margin-right: 10px; } ul.tabPrefecture.prefecture { clear: both; margin-top: 20px; border-bottom: 10px solid #ad0003; } ul.tabPrefecture li.prefecture a { background-color: #ad0003; background: linear-gradient(top,#8f0000 0%,#8f0000 50%,#ad0003 50%,#ad0003); background: -moz-linear-gradient(top,#8f0000 0%,#8f0000 50%,#ad0003 50%,#ad0003); background: -webkit-linear-gradient(top,#8f0000 0%,#8f0000 50%,#ad0003 50%,#ad0003); background: -ms-linear-gradient(top,#8f0000 0%,#8f0000 50%,#ad0003 50%,#ad0003); background: gradient(linear, left top, left bottom,from(#8f0000), color-stop(0.5,#8f0000), color-stop(0.5,#ad0003), to(#ad0003)); background: -moz-gradient(linear, left top, left bottom,from(#8f0000), color-stop(0.5,#8f0000), color-stop(0.5,#ad0003), to(#ad0003)); background: -webkit-gradient(linear, left top, left bottom,from(#8f0000), color-stop(0.5,#8f0000), color-stop(0.5,#ad0003), to(#ad0003)); background: -ms-gradient(linear, left top, left bottom,from(#8f0000), color-stop(0.5,#8f0000), color-stop(0.5,#ad0003), to(#ad0003)); } ul.tabPrefecture li.prefecture a:hover{ background-color: #c64d4f; background: linear-gradient(top,#b14d4d 0%,#b14d4d 50%,#c64d4f 50%,#c64d4f); background: -moz-linear-gradient(top,#b14d4d 0%,#b14d4d 50%,#c64d4f 50%,#c64d4f); background: -webkit-linear-gradient(top,#b14d4d 0%,#b14d4d 50%,#c64d4f 50%,#c64d4f); background: -ms-linear-gradient(top,#b14d4d 0%,#b14d4d 50%,#c64d4f 50%,#c64d4f); background: gradient(linear, left top, left bottom,from(#b14d4d), color-stop(0.5,#b14d4d), color-stop(0.5,#c64d4f), to(#c64d4f)); background: -moz-gradient(linear, left top, left bottom,from(#b14d4d), color-stop(0.5,#b14d4d), color-stop(0.5,#c64d4f), to(#c64d4f)); background: -webkit-gradient(linear, left top, left bottom,from(#b14d4d), color-stop(0.5,#b14d4d), color-stop(0.5,#c64d4f), to(#c64d4f)); background: -ms-gradient(linear, left top, left bottom,from(#b14d4d), color-stop(0.5,#b14d4d), color-stop(0.5,#c64d4f), to(#c64d4f)); } ul.tabPrefecture li.EmergencyAssistance a { background-color: #f3730a; background: linear-gradient(top,#fa9b4d 0%,#fa9b4d 50%,#f3730a 50%,#f3730a); background: -moz-linear-gradient(top,#fa9b4d 0%,#fa9b4d 50%,#f3730a 50%,#f3730a); background: -webkit-linear-gradient(top,#fa9b4d 0%,#fa9b4d 50%,#f3730a 50%,#f3730a); background: -ms-linear-gradient(top,#fa9b4d 0%,#fa9b4d 50%,#f3730a 50%,#f3730a); background: gradient(linear, left top, left bottom,from(#fa9b4d), color-stop(0.5,#fa9b4d), color-stop(0.5,#f3730a), to(#f3730a)); background: -moz-gradient(linear, left top, left bottom,from(#fa9b4d), color-stop(0.5,#fa9b4d), color-stop(0.5,#f3730a), to(#f3730a)); background: -webkit-gradient(linear, left top, left bottom,from(#fa9b4d), color-stop(0.5,#fa9b4d), color-stop(0.5,#f3730a), to(#f3730a)); background: -ms-gradient(linear, left top, left bottom,from(#fa9b4d), color-stop(0.5,#fa9b4d), color-stop(0.5,#f3730a), to(#f3730a)); } ul.tabPrefecture li.EmergencyAssistance a:hover{ background-color: #ee9f5e; background: linear-gradient(top,#fcb983 0%,#fcb983 50%,#ee9f5e 50%,#ee9f5e); background: -moz-linear-gradient(top,#fcb983 0%,#fcb983 50%,#ee9f5e 50%,#ee9f5e); background: -webkit-linear-gradient(top,#fcb983 0%,#fcb983 50%,#ee9f5e 50%,#ee9f5e); background: -ms-linear-gradient(top,#fcb983 0%,#fcb983 50%,#ee9f5e 50%,#ee9f5e); background: gradient(linear, left top, left bottom,from(#fcb983), color-stop(0.5,#fcb983), color-stop(0.5,#ee9f5e), to(#ee9f5e)); background: -moz-gradient(linear, left top, left bottom,from(#fcb983), color-stop(0.5,#fcb983), color-stop(0.5,#ee9f5e), to(#ee9f5e)); background: -webkit-gradient(linear, left top, left bottom,from(#fcb983), color-stop(0.5,#fcb983), color-stop(0.5,#ee9f5e), to(#ee9f5e)); background: -ms-gradient(linear, left top, left bottom,from(#fcb983), color-stop(0.5,#fcb983), color-stop(0.5,#ee9f5e), to(#ee9f5e)); } ul.tabPrefecture li.selected a { pointer-events: none; color: #fff; position: relative; top: 1px; } ul.tabPrefecture li a { padding: 10px 20px; font-size: 16px; font-weight: bold; color: #fff; width: 152px; height: 50px; line-height: 50px; text-align: center; list-style: none; text-decoration: none; letter-spacing: 2px; border: none; border-radius: 0px !important; display: block; } /*ul.tabPrefecture li a { margin: 0; padding: 5px 20px; font-size: 14px; font-weight: bold;; border: 1px solid #AAA; border-radius: 5px; /* CSS3草案 */ -webkit-border-radius: 5px; /* Safari,Google Chrome用 */ -moz-border-radius: 5px; /* Firefox用 */ background: #2a83ff; color: #fff; width: 160px; height: 60px; line-height: 60px; text-align: center; list-style: none; display: block; text-decoration: none; letter-spacing: 2px; }*/ ul.tabPrefecture li.long a span.br:before { content: "\A" ; white-space: pre ; } ul.tabPrefecture li.long a { line-height: 30px; } /*ul.tabPrefecture li.selected a { color: #9d1d22; }*/ ul.tabPrefecture li a:hover{ background: #6aa8ff; } ul.tabPrefecture li.selected a:hover{ background: #fee078; } #dynamic-to-top { display:none; overflow:hidden; width:auto; z-index:90; position:fixed; bottom:20px; right:20px; top:auto; left:auto; font-family:sans-serif; font-size:1em; color:#fff; text-decoration:none; text-shadow:0 1px 0 #333; font-weight:bold; padding:14px 30px; border:1px solid #202020; background:#202020; -webkit-background-origin:border; -moz-background-origin:border; -icab-background-origin:border; -khtml-background-origin:border; -o-background-origin:border; background-origin:border; -webkit-background-clip:padding-box; -moz-background-clip:padding-box; -icab-background-clip:padding-box; -khtml-background-clip:padding-box; -o-background-clip:padding-box; background-clip:padding-box; -webkit-box-shadow:0 1px 3px rgba( 0, 0, 0, 0.4 ), inset 0 0 0 1px rgba( 0, 0, 0, 0.2 ), inset 0 1px 0 rgba( 255, 255, 255, .4 ), inset 0 10px 10px rgba( 255, 255, 255, .1 ); -ms-box-shadow:0 1px 3px rgba( 0, 0, 0, 0.4 ), inset 0 0 0 1px rgba( 0, 0, 0, 0.2 ), inset 0 1px 0 rgba( 255, 255, 255, .4 ), inset 0 10px 10px rgba( 255, 255, 255, .1 ); -moz-box-shadow:0 1px 3px rgba( 0, 0, 0, 0.4 ), inset 0 0 0 1px rgba( 0, 0, 0, 0.2 ), inset 0 1px 0 rgba( 255, 255, 255, .4 ), inset 0 10px 10px rgba( 255, 255, 255, .1 ); -o-box-shadow:0 1px 3px rgba( 0, 0, 0, 0.4 ), inset 0 0 0 1px rgba( 0, 0, 0, 0.2 ), inset 0 1px 0 rgba( 255, 255, 255, .4 ), inset 0 10px 10px rgba( 255, 255, 255, .1 ); -khtml-box-shadow:0 1px 3px rgba( 0, 0, 0, 0.4 ), inset 0 0 0 1px rgba( 0, 0, 0, 0.2 ), inset 0 1px 0 rgba( 255, 255, 255, .4 ), inset 0 10px 10px rgba( 255, 255, 255, .1 ); -icab-box-shadow:0 1px 3px rgba( 0, 0, 0, 0.4 ), inset 0 0 0 1px rgba( 0, 0, 0, 0.2 ), inset 0 1px 0 rgba( 255, 255, 255, .4 ), inset 0 10px 10px rgba( 255, 255, 255, .1 ); box-shadow:0 1px 3px rgba( 0, 0, 0, 0.4 ), inset 0 0 0 1px rgba( 0, 0, 0, 0.2 ), inset 0 1px 0 rgba( 255, 255, 255, .4 ), inset 0 10px 10px rgba( 255, 255, 255, .1 ); -webkit-border-radius:30px; -moz-border-radius:30px; -icab-border-radius:30px; -khtml-border-radius:30px; border-radius:30px } #dynamic-to-top:hover { background:#4e4e4e; background:#202020 -webkit-gradient( linear, 0% 0%, 0% 100%, from( rgba( 255, 255, 255, .2 ) ), to( rgba( 0, 0, 0, 0 ) ) ); background:#202020 -webkit-linear-gradient( top, rgba( 255, 255, 255, .2 ), rgba( 0, 0, 0, 0 ) ); background:#202020 -khtml-linear-gradient( top, rgba( 255, 255, 255, .2 ), rgba( 0, 0, 0, 0 ) ); background:#202020 -moz-linear-gradient( top, rgba( 255, 255, 255, .2 ), rgba( 0, 0, 0, 0 ) ); background:#202020 -o-linear-gradient( top, rgba( 255, 255, 255, .2 ), rgba( 0, 0, 0, 0 ) ); background:#202020 -ms-linear-gradient( top, rgba( 255, 255, 255, .2 ), rgba( 0, 0, 0, 0 ) ); background:#202020 -icab-linear-gradient( top, rgba( 255, 255, 255, .2 ), rgba( 0, 0, 0, 0 ) ); background:#202020 linear-gradient( top, rgba( 255, 255, 255, .2 ), rgba( 0, 0, 0, 0 ) ); cursor:pointer } #dynamic-to-top:active { background:#202020; background:#202020 -webkit-gradient( linear, 0% 0%, 0% 100%, from( rgba( 0, 0, 0, .3 ) ), to( rgba( 0, 0, 0, 0 ) ) ); background:#202020 -webkit-linear-gradient( top, rgba( 0, 0, 0, .1 ), rgba( 0, 0, 0, 0 ) ); background:#202020 -moz-linear-gradient( top, rgba( 0, 0, 0, .1 ), rgba( 0, 0, 0, 0 ) ); background:#202020 -khtml-linear-gradient( top, rgba( 0, 0, 0, .1 ), rgba( 0, 0, 0, 0 ) ); background:#202020 -o-linear-gradient( top, rgba( 0, 0, 0, .1 ), rgba( 0, 0, 0, 0 ) ); background:#202020 -ms-linear-gradient( top, rgba( 0, 0, 0, .1 ), rgba( 0, 0, 0, 0 ) ); background:#202020 -icab-linear-gradient( top, rgba( 0, 0, 0, .1 ), rgba( 0, 0, 0, 0 ) ); background:#202020 linear-gradient( top, rgba( 0, 0, 0, .1 ), rgba( 0, 0, 0, 0 ) ) } #dynamic-to-top, #dynamic-to-top:active, #dynamic-to-top:focus, #dynamic-to-top:hover { outline:none } #dynamic-to-top span { display:block; overflow:hidden; width:14px; height:12px; background:url("/wp/wp-content/plugins/dynamic-to-top/css/images/up.png") no-repeat center center } h3.use_taxpayment { margin: 20px 0 10px 0; border-bottom: solid 2px #000; font-size: 24px; } div.use_taxpayment ul li{ float: left; width: 170px; text-align: center; margin: 15px 0 25px; font-weight: bold; font-size: 20px; } div.use_taxpayment ul li.tooltip{ cursor: pointer; } div.use_taxpayment ul li.notice{ width: 480px; text-align: left; margin-left: 30px; color: #ff0017; } div.use_taxpayment ul li span{ display:block; font-size: 14px; font-weight: normal; } div.use_taxpayment ul li span.notice{ color: #f17c40; } div.use_taxpayment ul li span.waku{ font-size: 20px; background-color: #F1F1F1; font-weight: bold; } div.use_taxpayment ul li span.wakuRed{ font-size: 20px; background-color: #fdeadf; font-weight: bold; } div.use_taxpayment ul li span.wakuBlue{ font-size: 20px; background-color: #e4eff8; font-weight: bold; } div.use_taxpayment.zaisei ul li { width: 320px; } div.use_taxpayment.zaisei ul li.notice { font-size: 40px; width: 260px; text-align: center; } div.use_taxpayment.report ul li { margin: 10px 0; text-align: left; padding: 0 20px 0 0; } div.use_taxpayment.report ul li.amount { width: 200px; } div.use_taxpayment.report ul li.amount span.waku { font-size: 26px; text-align: center; } div.use_taxpayment.report ul li.matter { width: 180px; padding-top: 10px; } div.use_taxpayment.report ul li.yen { width: 240px; padding-top: 10px; } h3.use_taxpayment.report { margin: 20px 0 10px 0; border-bottom: none; font-size: 24px; } div.use_taxpayment.report ul li.howtoTitle { width: 400px; } div.use_taxpayment.report ul li.howtoMatter { width: 100px; font-size: 16px; padding: 10px 0; } div.use_taxpayment.report ul li.howtoYen { width: 140px; font-size: 16px; padding: 10px 0; } div.use_taxpayment.report ul li span.waku{ font-size: 18px; background-color: #F1F1F1; font-weight: bold; padding: 10px; } ul.alertList .block { display: block; margin-top: 10px; } ul.alertList div.date { margin: 10px 40px 20px 0; float: left; } ul.alertList div.alert_date { float: none; font-size: 0.8em; } ul.alertList div.accepting { background-color: #ad0003; display: inline-block; padding: 5px 30px; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: solid 1px #ccc; color: #fff; font-size: 14px; } ul.alertList div.complete { background-color: #6aa8ff; } ul.tabPrefecture.use_taxpayment { border-bottom: 10px solid #004e2b; } ul.tabPrefecture.EmergencyAssistance { border-bottom: 10px solid #f3730a; } ul.tabPrefecture li.use_taxpayment a { background-color: #004e2b; background: linear-gradient(top,#003c21 0%,#003c21 50%,#004e2b 50%,#004e2b); background: -moz-linear-gradient(top,#003c21 0%,#003c21 50%,#004e2b 50%,#004e2b); background: -webkit-linear-gradient(top,#003c21 0%,#003c21 50%,#004e2b 50%,#004e2b); background: -ms-linear-gradient(top,#003c21 0%,#003c21 50%,#004e2b 50%,#004e2b); background: gradient(linear, left top, left bottom,from(#003c21), color-stop(0.5,#003c21), color-stop(0.5,#004e2b), to(#004e2b)); background: -moz-gradient(linear, left top, left bottom,from(#003c21), color-stop(0.5,#003c21), color-stop(0.5,#004e2b), to(#004e2b)); background: -webkit-gradient(linear, left top, left bottom,from(#003c21), color-stop(0.5,#003c21), color-stop(0.5,#004e2b), to(#004e2b)); background: -ms-gradient(linear, left top, left bottom,from(#003c21), color-stop(0.5,#003c21), color-stop(0.5,#004e2b), to(#004e2b)); line-height: 25px; } ul.tabPrefecture li.use_taxpayment a:hover{ background-color: #4d836b; background: linear-gradient(top,#4d7764 0%,#4d7764 50%,#4d836b 50%,#4d836b); background: -moz-linear-gradient(top,#4d7764 0%,#4d7764 50%,#4d836b 50%,#4d836b); background: -webkit-linear-gradient(top,#4d7764 0%,#4d7764 50%,#4d836b 50%,#4d836b); background: -ms-linear-gradient(top,#4d7764 0%,#4d7764 50%,#4d836b 50%,#4d836b); background: gradient(linear, left top, left bottom,from(#4d7764), color-stop(0.5,#4d7764), color-stop(0.5,#4d836b), to(#4d836b)); background: -moz-gradient(linear, left top, left bottom,from(#4d7764), color-stop(0.5,#4d7764), color-stop(0.5,#4d836b), to(#4d836b)); background: -webkit-gradient(linear, left top, left bottom,from(#4d7764), color-stop(0.5,#4d7764), color-stop(0.5,#4d836b), to(#4d836b)); background: -ms-gradient(linear, left top, left bottom,from(#4d7764), color-stop(0.5,#4d7764), color-stop(0.5,#4d836b), to(#4d836b)); } ul.tabPrefecture li.prefecture span.icon { background: rgba(0, 0, 0, 0) url("/images/icon_prefecture.png") no-repeat scroll 0 0; float: left; height: 27px; margin: 10px -10px 0 10px; width: 25px; } ul.tabPrefecture li.use_taxpayment span.icon { width: 30px; height: 40px; background: url(/images/icon_use_taxpayment.png) no-repeat 0 0; margin: 3px 0 0 5px; float: left; } ul.tabPrefecture li.EmergencyAssistance span.icon { width: 45px; height: 30px; background: url(/images/icon_emergency_assistance.png) no-repeat 0 0; margin: 10px -10px 0 0px; float: left; } /* =====▼▽　151028追加 自治体ページのみ利用想定　▽▼===== */ #contents #areabox #areaTitleBox{ width: 680px; } #contents #areabox #areaTitleBox .prefectureFurigana { width: 550px; } #contents #areabox #areaTitleBox .prefectureName { width: 550px; float: left; } #socialbuttons{ padding:0 0 20px 0; } /* =====▼▽　151113追加 テーブル　▽▼===== */ .onestop_table01 { font-size:0.9em; } .onestop_table01 th { background-color:#d1cabf; text-align:center; font-weight:normal; padding:3px inherit; border:1px #898989 solid; } .onestop_table01 td { padding:3px inherit; border:1px #898989 solid; padding:3px 5px; } /* =====▼▽　151119追加 example.html　▽▼===== */ #contents h1.indent { line-height: 50px; padding-left: 1.6em; text-indent: -1.6em; } #contents h2.indent { line-height: 40px; padding-left: 1.6em; text-indent: -1.6em; } #contents .tb_example.addfee th { text-align: left; padding-left: 20px; } #contents .tb_example td { vertical-align: middle; } /* =====▼▽　151124追加 ChoiceConcierge　▽▼===== */ .concierge { position: relative; } #concierge1 { position: absolute; z-index: 10; top: 467px; left: 714px; } #concierge2 { position: absolute; z-index: 10; top: 816px; left: 173px; } #concierge5 { position: absolute; z-index: 10; top: 536px; left: 173px; } .concierge_form table.mailform tr th { width: 30em !important; } /* =====▼▽　151210追加 オススメでチョイス GCF用　▽▼===== */ .osusume_gcf_title { width: 660px; height: auto; margin-bottom: 5px; padding: 3px 0 3px 10px; border-left: solid 8px #006b3e; border-bottom: solid 2px #006b3e; } .osusume_gcf_boxL { float: left; width: 300px; margin: 0 40px 0 20px; } .osusume_gcf_boxL a { text-decoration:none; color:#066108; } .osusume_gcf_boxL a:hover { text-decoration:underline; } .osusume_gcf_boxR { float: right; width: 300px; margin: 0 20px 0 0; } .osusume_gcf_boxR a { text-decoration:none; color:#066108; } .osusume_gcf_boxR a:hover { text-decoration:underline; } /* ====== 20151218追加 ====== */ #detailMenu { margin-bottom: 20px; } #detailMenu #button { display: block; width: 100%; margin: 0 auto; position: relative; } #detailMenu #button img.new{ position: absolute; top: -5px; left: 390px; z-index: 300; } #detailMenu #button a { display: block; width:100%; height:50px; line-height:50px; position: relative; z-index: 2; overflow: hidden; margin: 0; color: #ffffff; text-align: center; text-decoration: none; font-size: 18px; font-weight: bold; letter-spacing: 3px; -moz-box-shadow:inset 0px 2px 0px 0px #ff968c; -webkit-box-shadow:inset 0px 2px 0px 0px #ff968c; box-shadow:inset 0px 3px 0px 0px #ff968c; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #ad0900)); background:-moz-linear-gradient(top, #f24537 5%, #ad0900 100%); background:-webkit-linear-gradient(top, #f24537 5%, #ad0900 100%); background:-o-linear-gradient(top, #f24537 5%, #ad0900 100%); background:-ms-linear-gradient(top, #f24537 5%, #ad0900 100%); background:linear-gradient(to bottom, #f24537 5%, #ad0900 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#ad0900',GradientType=0); background-color:#f24537; -moz-border-radius:42px; -webkit-border-radius:42px; border-radius:42px; border:2px solid #d02718; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ab1403', endColorstr='#ce0100',GradientType=0); background-color:#ab1403; transition: .25s linear; -webkit-transition: .25s linear; -moz-transition: .25s linear; -ms-transition: .25s linear; } #detailMenu #button a:hover { color: #ffffff; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00)); background:-moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%); background:-webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%); background:-o-linear-gradient(top, #ce0100 5%, #fe1a00 100%); background:-ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%); background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00',GradientType=0); background-color:#ce0100; } #detailMenu #button a:before { display: block; position: absolute; z-index: -1; left: -30%; top: -50%; content: ""; width: 100px; height: 100px; transform: rotate(20deg); -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0))); background-image: -moz-linear-gradient( left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100% ); background-image: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); animation: shiny 10s infinite linear; -webkit-animation: shiny 10s infinite linear; -moz-animation: shiny 10s infinite linear; -ms-animation: shiny 10s infinite linear; } @keyframes shiny { 0% { left: -30%; } 20% { left: 120%; } 100% { left: 120%; } } @-webkit-keyframes shiny { 0% { left: -30%; } 20% { left: 120%; } 100% { left: 120%; } } @-moz-keyframes shiny { 0% { left: -30%; } 20% { left: 120%; } 100% { left: 120%; } } #detailMenu .detailcontents { width:678px; display:none; margin-left: 2px; } #detailSearch { position: relative; color: #666666; z-index: 100; float: right; background-color: #fff; padding: 20px; margin-bottom: 20px; margin-top:10px; border: solid 1px #ccc; } .detailSearchForm { width: 100%; font-size: 13px; line-height: 1.6em; } #detailSearchForm { width: 100%; font-size: 13px; line-height: 1.6em; } .searchFormList { clear: both; margin: 10px; display: inline-block; } .searchFormList.quality { display: block; } #searchCharacteristic, #searchPrice, #searchGift, #searchArea, #searchUse { float: left; width: 140px; font-weight: bold; color: #666666; white-space: normal; padding-top: 4px; } .searchCharacteristic, .searchPrice, .searchGift, .searchArea, .searchUse { float: left; width: 140px; font-weight: bold; color: #666666; white-space: normal; padding-top: 4px; } #searchCharacteristicCheckBoxes, #searchPriceRange { float: left; width: 470px; color: #666666; vertical-align: middle; white-space: normal; } .searchCharacteristicCheckBoxes, .searchPriceRange { float: left; width: 470px; color: #666666; vertical-align: middle; white-space: normal; } #searchPriceRange input { height: 22px; margin: 0 8px 0 0; border: 1px solid #cccccc; width: 200px; } .searchPriceRange input { height: 22px; margin: 0 8px 0 0; border: 1px solid #cccccc; width: 200px; } .searchFormGenreSelect, .searchFormGenreArea, .searchFormGenreUse, #searchFormGenreSelect, #searchFormGenreArea, #searchFormGenreUse { float: right; width: 457px; height: 30px; border: 1px solid #cccccc; outline: 0px; margin-bottom: 10px; margin-right: 78px; } .searchFormGenreSelect, .searchFormAreaSelect, .searchFormUseSelect { float: right; width: 457px; height: 30px; border: 1px solid #cccccc; outline: 0px; margin-bottom: 10px; margin-right: 18px; } .searchFormGenreSelect.sub1, .searchFormGenreSelect.sub2 { width: 410px; } .searchFormGenreSelectWrapperListSubArrow { margin: 5px 10px 0 140px; float: left; clear: both; } #detailSearchForm #searchButton { cursor: pointer; float: left; display: block; width: 200px; height: 40px; line-height: 40px; margin: 10px 0 0 100px; background-color: #fafafa; border: 1px solid #cccccc; text-align: center; font-weight: bold; -webkit-user-select: none; } .detailSearchForm .searchButton { cursor: pointer; float: left; display: block; width: 280px; height: 40px; line-height: 40px; margin: 10px 0 0 150px; background-color: #AD0003; border: 1px solid #cccccc; text-align: center; font-weight: bold; color: #fff; user-select: none; /* CSS3 */ -moz-user-select: none; /* Firefox */ -webkit-user-select: none; /* Safari、Chrome */ -ms-user-select: none; /* IE */ border-radius: 5px; /* CSS3 */ -moz-border-radius: 5px; /* Firefox用 */ -webkit-border-radius: 5px; /* Safari,Chrome */ -ms-border-radius: 5px; /* IEe */ } .detailSearchForm .searchButton { cursor: pointer; float: left; display: block; width: 280px; height: 40px; line-height: 40px; margin: 10px 0 0 150px; background-color: #AD0003; border: 1px solid #cccccc; text-align: center; font-weight: bold; color: #fff; user-select: none; /* CSS3 */ -moz-user-select: none; /* Firefox */ -webkit-user-select: none; /* Safari、Chrome */ -ms-user-select: none; /* IE */ border-radius: 5px; /* CSS3 */ -moz-border-radius: 5px; /* Firefox用 */ -webkit-border-radius: 5px; /* Safari,Chrome */ -ms-border-radius: 5px; /* IEe */ } #detailSearchForm #clearSettingsButton { cursor: pointer; float: right; display: block; width: 200px; height: 40px; line-height: 40px; margin: 10px 100px 0 0; background-color: #fafafa; border: 1px solid #cccccc; text-align: center; font-weight: bold; color: #666666; -webkit-user-select: none; } .detailSearchForm .clearSettingsButton { cursor: pointer; float: right; display: block; width: 140px; height: 30px; line-height: 30px; margin: 15px 28px 0 0; text-align: center; font-size: 10px; user-select: none; /* CSS3 */ -moz-user-select: none; /* Firefox */ -webkit-user-select: none; /* Safari、Chrome */ -ms-user-select: none; /* IE */ } .detailSearchForm .clearSettingsButton a { color: #666666; text-decoration: none; } .detailSearchForm .clearSettingsButton a:hover { color: #AD0003; } input[type="text"], input[type="password"], textarea { background: white; } .clb { clear: both; } .select_item{ background-image: none!important; } /* ====== 20151230追加 ====== */ /* 共通部分 */ .imagemap { margin: 0px auto; padding: 0px; background: url(/img/etc/map/map01.png) top left no-repeat; width: 680px; height: 410px; position: relative; } .imagemap li { margin: 0px; padding: 0px; position: absolute; list-style: none; font-size: 14px; } .imagemap a { position: absolute; } .imagemap a span { display: none; } /* 北海道 */ #hokkaido01 { top: 0px; left: 480px; } #hokkaido01 a { width: 155px; height: 124px; } #hokkaido01 a:hover { background: url(/img/etc/map/map01.png) -480px -410px no-repeat; } /* 東北 */ #touhoku01 { top: 125px; left: 475px; } #touhoku01 a { width: 140px; height: 120px; } #touhoku01 a:hover { background: url(/img/etc/map/map01.png) -475px -945px no-repeat; } /* 関東 */ #kanto01 { top: 228px; left: 458px; } #kanto01 a { width: 155px; height: 100px; } #kanto01 a:hover { background: url(/img/etc/map/map01.png) -458px -1458px no-repeat; } /* 中部 */ #chubu01 { top: 180px; left: 326px; } #chubu01 a { width: 170px; height: 170px; } #chubu01 a:hover { background: url(/img/etc/map/map01.png) -326px -1820px no-repeat; } /* 近畿 -2050*/ #kinki01 { top: 250px; left: 273px; } #kinki01 a { width: 125px; height: 120px; } #kinki01 a:hover { background: url(/img/etc/map/map01.png) -273px -2300px no-repeat; } /* 中国 -2460*/ #chugoku01 { top: 250px; left: 173px; } #chugoku01 a { width: 114px; height: 78px; } #chugoku01 a:hover { background: url(/img/etc/map/map01.png) -173px -2710px no-repeat; } /* 四国 -2870*/ #shikoku01 { top: 328px; left: 186px; } #shikoku01 a { width: 120px; height: 81px; } #shikoku01 a:hover { background: url(/img/etc/map/map01.png) -186px -3198px no-repeat; } /* 九州・沖縄 -3280*/ #kyushu01 { top: 260px; left: 50px; } #kyushu01 a { width: 122px; height: 150px; } #kyushu01 a:hover { background: url(/img/etc/map/map01.png) -50px -3540px no-repeat; } /* =====▼▽　160113追加 地域ページh1対応　▽▼===== */ #contents #areabox #areaTitleBox h1.name{ font-size: 20px; font-weight: bold; color:#333; } /* =====▼▽　160129追加 cssで点滅させる　▽▼===== */ .blinking{ -webkit-animation:blink 0.8s ease-in-out infinite alternate; -moz-animation:blink 0.8s ease-in-out infinite alternate; animation:blink 0.8s ease-in-out infinite alternate; } @-webkit-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} } @-moz-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} } @keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} } /* ====== 20160129追加 ====== */ .box-215 { width: 215px; background-color: #fff; } .box-215 h4 { margin: 5px 10px; font-size: 1em; color: #9a0302; } .box-215 .item_photo { width: 195px; height: 122px; overflow: hidden; margin: auto; } .box-235 p { font-size: 0.8em; line-height: 1.5em !important; } .box-215 .item_photo img, .box-235 .project_photo img { width: 100%; } span.infottl { font-weight: bold; color: #A21717; } div.box08infoArea .box08info02 { padding: 0 7px 0px 7px; } div.box08infoArea .box08info03 { padding: 0 7px 0px 7px; } /* ====== elementsクラス 20160223追加 ====== */ /* セレクタの「要素>要素」で elementsというクラスの中の要素をまとめて設定しました。 これで、記事内のずれなど防げます。 elementsのクラスはここで管理してくださると嬉しいです。 たじま */ .elements > .text > h3 { margin-bottom: 10px; } .elements > .text { overflow: hidden; } .text p { margin: 0px 0px 10px 0px !important; } .elementsImgL { padding-right: 15px !important; } .elementsImgR { padding-left: 15px !important; } /* 内容量などの情報全体 */ .text > .sub { border-top:1px dashed #666; font-size: 0.85em; margin: 0; line-height: 1.9em !important; padding-top: 10px; } /* 内容量の見出し */ .text > .sub > .caption { background:#9d0a0a; color: #fff; margin-right:5px; padding: 3px; } /* グレイボックス */ .grayBox_sp_pc { border:solid 1px; border-color:#CCC; width: 100%; font-size: 0.9em; padding: 20px; border-radius: 7px; background-color:#EEE; overflow:hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* レッドボックス */ .redBox_sp_pc { border:solid 1px; border-color:#CCC; width: 100%; font-size: 0.9em; padding: 20px; border-radius: 7px; background-color: #FFECED; overflow:hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* ホワイトボックス */ .whiteBox_sp_pc_line01 { overflow:hidden; border:solid 1px; border-color:#CCC; width: 100%; font-size: 0.9em; padding: 20px; border-radius: 7px; background-color: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .pagetop { background-color:#666; width:100%; } .pagetop p { text-align:center; padding-top:10px; padding-bottom:10px; } .pagetop a { color:#FFFFFF; font-size:14px; display:block; } /*TV用で作った横並びメニュー（３ボタン）*/ .toku_3menu { background-color: #a21717; display: inline-block; font-size: 13px; width: 32%; height: 30px; padding-top: 10px; } .toku_3menu a{ color: #FFF; padding-top: 5px !important; text-align: center !important; font-size: 16px; } /* 電化製品注意のボックス */ .cation0406 { padding: 12px 12px 12px 30px; line-height: 1.4em; border: 2px solid #333; color: #333; font-weight: bold; border-radius: 7px; font-size: 15px; background-color: #fff; } /* 動画埋め込み */ .youtube_player { position: relative; } .youtube_player a { color: white; position: absolute; background: url(/img/etc/icon_youtube_play_red.png) no-repeat; background-position: center center; top: 0; left: 0; width: 100%; height: 100%; } .youtube_player a:hover { opacity: 0.7; } .youtube_player a div { padding-top: 10px; padding-left: 10px; background-color: rgba(128, 128, 128, 0.2); background: -moz-linear-gradient(top, rgba(80, 80, 80, 0.5) 0%, rgba(80, 80, 80, 0.4) 60%, rgba(255, 255, 255, 0)); background: -webkit-gradient(linear, left top, left bottom, from(rgba(80, 80, 80, 0.5)), color-stop(0.6, rgba(80, 80, 80, 0.4)), to(rgba(255, 255, 255, 0))); } /* ====== 20160622追加 ====== */ #contents.anythingRanking .redBox680imgBody p, #contents.anythingRanking .donationRanking p { margin: 10px; } .footerSwitch { display: block; position: relative; color: #ad0003; margin: 20px auto 50px; width: 30%; border: solid 2px #ad0003; padding: 10px; background: #fff; } .footerSwitch a { color: #ad0003; } /* ====== おすすめ最新情報 ====== */ .prefectureSpWrapper{ margin-left:215px; } /* ====== 旬のおすすめ特集バナー ====== */ .pickUp_list{ width: 700px; margin-right: -20px; overflow: hidden; } .pickUp_bnr{ margin-right: 20px; float: left; } .pickUp_bnr > a{ display: block; } .pickUp_bnr > a > img{ vertical-align: bottom; } /* ====== ランキング ===== */ #contents .detail2.ranking p a { display: block; float: left; padding-right: 0; width: 190px; } ol.rank-list{ overflow:hidden; margin:0 10px 10px; } ol.rank-list li{ list-style:none; position:relative; font-weight:bold; font-size:13px; } ol.rank-list li span.num{ width:60px; display: inline-block; *display: inline; *zoom: 1; } ol.rank-list li span.pref{color:#A21717;} ol.rank-list li span.price{position:absolute; right:0; top:0;} ol.rank-list li.more5{font-size:11pt;} /* ====== 横幅330pxのlist ===== */ ul.list330:after{content: " "; display: table;} ul.list330:after{clear: both;} ul.list330{ *zoom: 1;} ul.list330{margin-right:-19px; margin-bottom:10px;} ul.list330 li{width:330px; margin-right:19px; float:left;} ul.list330 li img{width:100%; height:auto;} /* ====== 特集ページ用css ===== */ ul.feature-sp-list3:before, ul.feature-sp-list3:after, ul.feature-sp-list2:before,ul.feature-sp-list2:after{ content: " "; display: table;} ul.feature-sp-list3:after,ul.feature-sp-list2:after{clear: both;} ul.feature-sp-list3,ul.feature-sp-list2{ *zoom: 1;} /*-- 画像3枚横並び用list --*/ ul.feature-sp-list3{margin-right:-4px; margin-bottom:10px;} ul.feature-sp-list3 li{width:224px; margin-right:4px; float:left;} ul.feature-sp-list3 li img{width:100%; height:auto;} /*-- 画像2枚横並び用list --*/ ul.feature-sp-list2{margin-right:-6px; margin-bottom:10px;} ul.feature-sp-list2 li{width:337px; margin-right:6px; float:left;} ul.feature-sp-list2 li img{width:100%; height:auto;} /*-- GCF用h2グリーン --*/ #contents h2.gcf-h2{color:#004f2b; border-color:#004f2b;} /* ====== 地域ページ　レスポンシブ及びリニューアル ===== */ .node/* 共通BOX */{ clear:both; margin-bottom:40px; overflow:hidden; } .favorite-btn{ width:45%; float:left; } #contents .favorite-btn p{margin:0;} .favorite-btn .btn-block{padding:8px 0;} .kifu-btn{width:52%; float:right;} .kifu-btn.wide{width:80%; float:none; margin:0 auto;} .kifu-btn a{ display:block; width:100%; background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #5f0000), color-stop(0.00, #da1a1a)); background: -webkit-linear-gradient(#da1a1a, #5f0000); background: -moz-linear-gradient(#da1a1a, #5f0000); background: -o-linear-gradient(#da1a1a, #5f0000); background: -ms-linear-gradient(#da1a1a, #5f0000); background: linear-gradient(#da1a1a, #5f0000); background-color: #930b0b; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-size: 16px; padding:8px 0; text-decoration: none; text-align: center; } .kifu-btn a:hover{ background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d51919), color-stop(0.00, #670202)); background: -webkit-linear-gradient(#670202, #d51919); background: -moz-linear-gradient(#670202, #d51919); background: -o-linear-gradient(#670202, #d51919); background: -ms-linear-gradient(#670202, #d51919); background: linear-gradient(#670202, #d51919); text-decoration:none; } .info-box{border:solid 1px #A21717; padding:10px;} .info-box dl{overflow:hidden; margin:0;} .info-box dl dt{font-weight:bold; color:#A21717;} .info-box dl dd{margin-bottom:0; font-size:14px;} #contents.prefecture-page .node h2{ margin-bottom:10px; padding:8px; font-size:20px; font-weight:bold; color:#A21717; border-bottom:solid 3px #A21717; font-size:22px; } #contents.prefecture-page .node .point-box h2:before{ margin-right:5px; content: "\f0eb"; font-family: FontAwesome; } #contents.prefecture-page .node h2.point-box:before{ margin-right:5px; content: "\f0eb"; font-family: FontAwesome; } #contents.prefecture-page .node .recommend-box h2:before{ margin-right:5px; content: "\f00c"; font-family: FontAwesome; } #contents.prefecture-page .node .recommend-box .list-btn{ margin:20px 0; text-align:center; } #contents.prefecture-page .node .recommend-box .list-btn a{ display:block; width:70%; padding:10px; margin:0 auto; color:#fff; background:#A21717; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .prefecture-page ul.government_news_List h3{width:auto;} #contents ul.government_news_List li p{font-size:15px;} .tx-box{width:450px; float:right;} .node.prefecture-intro-btn{display:none;} .areiconbox ul{overflow:hidden; font-size:13px;} .areiconbox ul li{display:inline-block; padding:5px; border-radius:3px; color:#fff;} .areiconbox ul li.thanks-goods{background:#ff2a8e;} .areiconbox ul li.use{background:#319cfe;} .areiconbox ul li.application{background:#c81515;} .areiconbox ul li.credit{background:#ea781c;} .areiconbox ul li.many-times{background:#36af67;} #contents .areiconbox li.none{display:none;} .prefecture-page .alert_text{width:100%;} .prefecture-page .alert_text .btn-box{margin-top:20px; text-align:center;} .prefecture-page .alert_text .btn-box a.btn_red03, .prefecture-page .alert_text .btn-box a.btn_yellow{width:200px; margin:0 10px 0 0; padding:10px 0; font-size:1em;} /* 移行期間の暫定対応*/ .areiconbox_new ul{overflow:hidden; font-size:13px;} .areiconbox_new ul li{display:inline-block; padding:5px; border-radius:3px; color:#fff;} .areiconbox_new ul li.thanks-goods{background:#ff2a8e;} .areiconbox_new ul li.use{background:#319cfe;} .areiconbox_new ul li.application{background:#c81515;} .areiconbox_new ul li.credit{background:#ea781c;} .areiconbox_new ul li.many-times{background:#36af67;} #contents .areiconbox_new li.none{display:none;} /* =====▼▽　160930追加　"ふるさと納税とは"　▽▼===== */ .aboutToggle { background: url(/img/sp/add.png) no-repeat; height: 30px; width: 30px; display: inline-block; float: right; margin-right: -30px; } .aboutToggle.active { background: url(/img/sp/minus.png) no-repeat; } .aboutToggleWrapper { display: none; } .aboutWrapper p.aboutTitle a { text-decoration: underline; padding-bottom: 3px; font-size: 16px; font-weight: bold; } .aboutWrapper p b.aboutTitle { font-size: 16px; } .aboutWrapper h3.about { padding: 13px 50px 13px 60px; font-weight: bold; } .aboutWrapper h3.about.sub { padding: 13px 13px 13px 10px!important; } #contents ul.noteSmall { margin: 10px 15px 10px; } #contents ul li.noteSmall { padding-left: 2em; text-indent: -2.5em; font-size: 12px; } .aboutWrapper .detail.about { background: url(/images/icon_Arrow3.png) no-repeat right center; text-align: right; padding-right: 14px; font-size: 0.85em; margin-top: 20px; float: none; margin-bottom: 5px; } .aboutWrapper .detail.about a { color: #333; } .aboutWrapper .detail.about:a:after { display: block !important; 　width: 5px !important; 　height: 5px !important; 　border-top: 2px solid #fff !important; 　border-right: 2px solid #fff !important; 　-webkit-transform: !important; 　rotation(45deg); content: ""!important; } .aboutWrapper hr.about { background-color: #ccc; height: 1px; margin: 10px auto 0; } .aboutWrapper .btn_donation { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; margin: 10px auto 25px; padding: 0; } .aboutWrapper .btn_donation a{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center; display: block; position:relative; font-size:20px; line-height: 40px; letter-spacing:1px; color:#fff !important; width:100%; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); padding:4px 0px 4px 0px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ac2f2f), color-stop(0.05, #ac2f2f), color-stop(0.00, #d27070)); background: -webkit-linear-gradient(top, #d27070 0%, #ac2f2f 5%, #ac2f2f 100%); background: -moz-linear-gradient(top, #d27070 0%, #ac2f2f 5%, #ac2f2f 100%); background: -o-linear-gradient(top, #d27070 0%, #ac2f2f 5%, #ac2f2f 100%); background: -ms-linear-gradient(top, #d27070 0%, #ac2f2f 5%, #ac2f2f 100%); background: linear-gradient(to bottom, #d27070 0%, #ac2f2f 5%, #ac2f2f 100%); } .aboutWrapper .btn_donation a:hover{ text-decoration:none; text-shadow: none; background: rgba(155,3,2,0.8); } .aboutWrapper .btn_donation a span { position:absolute; font-size:36px; padding-left:8px; top:6px; left:20px; } .aboutWrapper .about01Wrapper { border: #ccc solid 1px; padding: 10px 20px; margin: 0; background: #fff; margin: 20px 0 0; } .aboutWrapper img.aboutImgRes { max-width: 640px; } .exampleDeduction.about02Wrapper dl { margin: 15px 0; } .exampleDeduction.about02Wrapper dl dt h2 { padding: 0!important; } .exampleDeduction.about02Wrapper dl dt { font-size: 18px; } .exampleDeduction.about02Wrapper dl dd { margin: 20px 0 0!important; } .exampleDeduction.about02Wrapper dl dd p { margin: 0!important; } .exampleDeduction.about02Wrapper .grayBoxAbout { width: 93%; margin: 20px auto 20px; padding: 20px; border: solid 1px #333; background-color: #f4f4f4; } .exampleDeduction.about02Wrapper .grayBoxAbout p { font-size: 14px!important; } .exampleDeduction.about02Wrapper .redBoxAbout { width: 93%; margin: 20px auto 20px; padding: 20px; border: solid 1px #333; background-color: #ffe9e9; } /* ゲートバナーのCSS (トップページの両サイドの広告) 20161025 */ .header_menu{ position:relative; } .header_menu .bnrLeft{ display:none; position:absolute; top:0; left:-180px; z-index:1; } .header_menu .bnrRight{ display:none; position:absolute; top:0; right:-180px; z-index:1; } .header_menu .bnrLeft a, .header_menu .bnrRight a{ display:block; } .header_menu .bnrLeft a img, .header_menu .bnrRight a img{ vertical-align:bottom; } .header_menu .bnrLeft a:hover img, .header_menu .bnrRight a:hover img{ opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); } /* ゲートバナーのCSS (トップページの両サイドの広告) 20161025 */ /* example.html 20161026 */ #contents .exampleDeduction h1 { font-size: 24px !important; line-height: 30px !important; padding-top: 10px !important; padding-left: 0 !important; text-indent: 0 !important; color: #ac0003; font-weight: bold; } #contents .exampleDeduction h2 { font-size: 24px !important; line-height: 24px !important; padding-top: 10px !important; padding-left: 0 !important; text-indent: 0 !important; color: #ac0003; font-weight: bold; } #contents .exampleDeduction p { line-height: 1.6em !important; font-size: 15px; } #contents .exampleDeduction p.caution-text { font-size: 12px; } #contents .exampleDeduction .tb_example { margin: 10px 0 !important; width: 100% !important; } #contents .exampleDeduction .tb_example th { background-color: #f8f8f8; } #contents .exampleDeduction .tb_example td { background-color: #ffffff; } #contents .exampleDeduction .tb_example th, #contents .exampleDeduction .tb_example td { text-align: center; border: 1px solid #999; width: 33% !important; font-size: 12px; padding: 5px; font-weight: bold; } #contents .exampleDeduction .tb_example td img { width: 100%; } #contents .exampleDeduction h1.exampleDeductionTitle { font-size: 20px !important; } #contents .exampleDeduction .exampleDeductionTitle { border: #ccc solid 1px; padding: 10px 20px; margin: 0; background: #fff; margin: 20px 0 0; } #contents .exampleDeduction .tb_example th { white-space: normal; } #simulation { padding: 20px 10px 30px; } #simulation h2{ background:url(/moneyforward/common/images/search_icon.png) no-repeat bottom left; background-size:40px; color:#ac0003; width:90%; height:50px; margin: 0 auto 20px; box-sizing:border-box; font-size:24px; position:relative; z-index:0; } #simulation h2 span{ display:block; line-height:1; position:absolute; left:45px; bottom:0; font-size: 24px; } #simulation hr{ border:2px solid #ac0003; } #simulation #top p{ width:90%; margin:0 auto 24px; } #simulation form{ width:90%; margin:0 auto; } #simulation form h3{ color:#ac0003; width:100%; height:48px; margin-bottom:8px; box-sizing:border-box; font-size:24px; line-height:1; position:relative; } #simulation form #fam_constructure, #simulation form #salary{ margin-bottom:16px; } #simulation form #fam_constructure h3{ background:url(/moneyforward/common/images/family_icon.png) no-repeat bottom left; background-size:36px; } #simulation form #fam_constructure .caution_01, #simulation form #salary .caution_01, #simulation .caution_01 { text-align:right; font-size:12px; } #simulation .caution_01 p { font-size:12px; } #simulation form #salary h3{ background:url(/moneyforward/common/images/saifu_icon.png) no-repeat bottom left; background-size:40px; } #simulation form h3 span{ display:block; line-height:1; position:absolute; left:44px; bottom:0; } #simulation form select{ width:100%; height:48px; padding:8px 8px 8px 12px; font-size:18px; font-weight:normal; line-height:1; position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #999; } #simulation form label{ display:block; position: relative; } #simulation form label:after { display: block; content: " "; position: absolute; top:0; right:0; width: 48px; height: 48px; background:url(/moneyforward/common/images/select_btn.png) 0 0 no-repeat; background-size:48px; pointer-events: none; } #resultTable{ margin:0 5%; } #resultTable #your{ background:url(/moneyforward/common/images/arrow_bottom.png) no-repeat top center; background-size:82px; margin-bottom:8px; padding-top:64px; font-size:24px; font-weight:bold; text-align:center; } #resultTable #yourMoney{ margin-bottom:24px; color:#ac0003; font-size:32px; font-weight:bold; text-align:center; } #resultTable #yourMoney span{ display:inline-block; border-bottom:double #AC0003 18px; padding:0px; } #resultTable p#otoku { font-size: 24px; font-weight: bold; text-align: center; padding-bottom: 10px; } .caution_02{ padding-left:12px; box-sizing:border-box; } .caution_02 p{ text-indent:-12px; font-size:12px; } #caution a{ color:#900; } #example{ width:90%; margin:0 auto 24px; padding:12px; box-sizing:border-box; border:1px solid #999; border-radius:10px; } a.start_btn{ display:block; background:#ac0003; color:#fff; width:90%; margin:36px auto; padding:18px 6%; box-sizing:border-box; border-radius:12px; box-shadow:#660000 0px 3px 0; text-align:center; } a.start_btn span{ display:block; background:url(/moneyforward/common/images/finger_icon.png) no-repeat left center; background-size:48px; width:260px; height:63px; margin:0 auto; padding-left:48px; box-sizing:border-box; font-size:18px; } a.start_btn strong{ font-size:24px; } .newbox_spmargin a img { width:100% } /*トグルになるメニューの初期のデザイン*/ #contents .exampleDeduction dl dt { background:url("/img/etc/toggle_down.png") right center no-repeat; } /*トグルになるメニューがアクティブ時のデザイン*/ #contents .exampleDeduction dl dt.active { background:url("/img/etc/toggle_up.png") right center no-repeat; } /*表示切り替えしたい要素は最初は非表示にしておく*/ #contents .exampleDeduction dl dd { display:none; margin: 0; } #contents .exampleDeduction h2 { line-height: 36px !important; padding-right: 10px !important; } /* example.html 20161026 */ /* page-mypage-simulation.html 20161110 */ .management .th_item a.question img { width: 24px; } .simulationMypageText { font-size: 12px; } /* page-mypage-simulation.html 20161026 */ .faq .search-box { padding: 16px 12px; border: 1px solid #ddd; border-radius: 6px; background: #fff; margin-top: 20px; } .faq .search-box h3 { font-size: 1em; margin-bottom: 8px; } .faq .search-box button { padding: 4px; border-radius: 3px; border: 1px solid #999; width: 80px; cursor: pointer; font-family: inherit; margin-left: 6px; display: inline-block; } .faq #search-question { border-radius: 3px; padding: 6px; display: inline-block; } .faq #search-result .answer.hide { display:none; } .faq #search-result { margin-bottom: 28px; } .faq #search-result h3 { background: url(/images/icon_Arrow.gif) no-repeat left 5px; padding-left: 20px; margin-top: 20px; font-weight: normal; cursor: pointer; color: #AC0C0C; font-size: 1em; border-bottom: 1px dotted; padding-bottom: 6px; } .faq #search-result h3:hover { text-decoration: underline; } .faq #search-result .answer { margin-bottom: 30px; padding-left: 20px; } /* example.html 20161215 */ #contents .exampleDeduction span.example_button a { padding: 5px; display: inline-block; } /* example.html 20161215 */ /* example.html 20161219 */ .exampleTab{overflow:hidden;} .exampleTab li{background:#e0e0e0; padding:8px 3%; float:left; margin-right:1px; cursor: pointer;font-size: 14px;} .exampleTab li.select{background:#fafafa;font-weight: bold;color: #ff0000;} .exampleContent li{background:#fafafa; padding:20px;} .exampleContentHide {display:none;} .exampleContent table.mailform tr th.titleline {border-bottom: none;} /* example.html 20161219 */ /* カフェページ　ふるさとチョイスからのお知らせ*/ .cafeNews{ margin-bottom: 24px; overflow: hidden; } .cafeNews > .cell{ padding:12px 8px; vertical-align: top; border-top:#ccc 1px solid; } .cafeNews > .date{ width: 135px; box-sizing:border-box; float: left; } .cafeNews > .text{ margin:0 0 0 135px; } .cafeNews > .date:first-child{ border: none; } .cafeNews > .text:nth-child(2){ border: none; } /* カフェページ　アイコン4*/ ul.cafeList{overflow:hidden;} ul.cafeList li{width:25%; float:left;} ul.cafeList li img{max-width:100%; height:auto; display:block; margin:0 auto;} .slideimage{margin-right: 14px; width: 214px; float: left;} .slide-image-2{margin-right: 0;} @media screen and (max-width: 680px){ .slideimage{width: 32%; margin-right: 2%;} .slide-image-2{margin-right: 0;} } @media screen and (max-width:600px){ .slideimage{width: 100%;} } /* 特集ページ　２カラム1000px　*/ .product{ overflow: hidden; margin: 16px 0 24px; } .productName{ width: 285px; margin-bottom: 12px; color: #444; font-size: 19px; text-align:left; } .productImg_Box{ width: 375px; height: 225px; margin-right:20px; float: left; overflow: hidden; } .product_summary{ width: 285px; overflow: hidden; } .kifuprice{ font-size: 16px; color: #b12b2a; text-align: right; font-weight: normal; overflow: hidden; } .kifuprice--bold{ font-size: 20px; font-weight: bold; } .featureText{ margin:0 0 20px !important; min-height: 105px; color: #555; font-size:16px; } .buttons{ width: 285px; } .btnfavorite--before, .btnfavorite--after{ width:48%; margin:0 4% 0 0 !important; float: left; } .btndetail{ width: 48%; margin: 0 !important; float: right; } .btndetail > a, .btnfavorite--before > a, .btnfavorite--after > a{ display: block; width:100%; box-sizing: border-box; } .btndetail > a:hover{ text-decoration: none; } .hide{display: none;} .black{color: #444;} @media screen and (max-width:680px){ .contentFeature{ width: auto; } .productName{ width: auto; margin:0 0 8px; float: none; } .productImg_Box{ width: 100%; height: auto; margin-bottom: 12px; } .product_summary{ width: 100%; } .featureText{ height: auto; } .kifuprice{ clear: both; } .buttons{ width: 100%; } .btndetail{ width:100%; clear: both; } .btnfavorite--before, .btnfavorite--after{ width:100%; margin:0 0 12px !important; clear: both; } } @media screen and (max-width:520px){ .productImg_Box{ width: 100%; } .featureText{ clear: both; width: 100%; } .otherfeature{ font-size:13px; } } /* ======================================== オリ特　4月リニューアル用css ==========================================*/ /* =====▼▽　トップページ　▽▼===== */ /*-- 2カラム--*/ ul.top-features { margin: 0 -20px 0 0; overflow: hidden; } li.top-fetures_article{ width: 330px; height: 218px; margin:0 20px 20px 0; float: left; position: relative; } .top-fetures_article > a{ display: block; } .top-fetures_texts{ background-color: rgba(168, 0, 0, 0.8); width: 100%; padding: 8px; box-sizing: border-box; position: absolute; bottom: 0; color: #FFF; } .top-features_img{ width: 100%; height: auto; vertical-align:bottom; } .top-fetures_texts > h4{ text-align: right; color: #FFF; } #contents .top-fetures_texts > p{ margin-top: 0; line-height:140%; } /*-- 3カラム--*/ li.top-fetures-3_article{ width: 215px; margin:0 17px 20px 0; float: left; position: relative; } li.top-fetures-3_article > a{ display: block; } li.top-fetures-3_article > a:hover{ text-decoration: none; } .top-features-3_img{ width: 225px; max-width: 100%; height: 142px; vertical-align: bottom; } .top-fetures-3_texts{ font-size: 15px; } a .top-fetures-3_texts:hover{ text-decoration: none; } a .top-fetures-3_texts > h4{ color: #6a6a6a; text-align: right; } /* =====▼▽　地域でチョイスページ・地域ページ　▽▼===== */ /*-- 2カラム --*/ ul.local-features{ margin:0 -10px 0 0; overflow: hidden; } ul.local-features.pc{ margin-top: 20px; } li.local-fetures_article{ width: 335px; min-height: 100px; float: left; margin:0 10px 10px 0; position: relative; } .local-features_img{ float: left; width: auto; height: 100px; margin-right: 10px; } .local-fetures_texts{ margin-left: 161px; } #contents .local-fetures_texts > p{ margin: 0 0 15px; font-size:15px; } .local-fetures_texts > h4{ position: absolute; color: #6a6a6a; font-weight: 100; text-align: right; right: 0; bottom: 0; font-size: 14px; } /*-- 1カラム --*/ .local-features-title{ margin: 10px 0; padding:0 10px 3px 0; clear: both; border-bottom:1px #A21717 dotted; } .local-features-title .sp{ display: none; } li.local-fetures-1_article{ min-height: 100px; margin:0 10px 10px 0; padding-bottom: 10px; position: relative; border-bottom: dotted 1px #a6a6a2; width: auto !important; } li.local-fetures-1_article:last-child{ border-bottom: none; } .local-features-1_img{ float: left; width: auto; height: 100px; margin-right: 10px; } .local-fetures-1_texts{ margin-left: 161px; } #contents .local-fetures-1_texts > p{ margin: 0 0 15px !important; font-size:18px; } .local-fetures-1_texts > h4{ position: absolute; color: #6a6a6a; font-weight: 100; text-align: right; right: 0; bottom: 10px; font-size: 15px; } /*-- 地域ページ用 真ん中カラム --*/ li.local-fetures-1_article.detail-page{ padding: 10px; border: solid 1px #dcdcdc; } li.local-fetures-1_article.detail-page a{ margin-bottom: 0; padding-bottom: 0; } li.local-fetures-1_article.detail-page .local-fetures-1_texts > h4{ right: 10px; } /*-- 地域ページ用 右サイド --*/ .local-features-side{ overflow:hidden; } li.local-fetures-side_article{ margin-bottom: 10px; padding-bottom: 10px; border-bottom: dotted 1px #ccc; font-size: 14px; } li.local-fetures-side_article:last-child{ border-bottom: none; } li.local-fetures-side_article a{ display:block; overflow: hidden; color: #333; } .local-features-side_pre{ display: block; margin: 5px 0; font-weight: bold; font-size: 15px; } .local-features-side_img{ width: 100%; vertical-align: top; } .local-fetures-side_texts{ max-width: 140px; min-width: 140px; padding-left: 10px; vertical-align: top; } /* 緊急寄付受付内容 #emergencyNews ============================================================== */ #emergencyNews{ background-color:#fff; width:100%; margin-bottom:20px; margin-top:20px; box-sizing:border-box; overflow: hidden; } #emergencyNews h2{ background-color:#fdd35c; padding:7px 7px 7px 126px; border:#d45700 3px solid; border-radius: 10px 10px 0 0 ; line-height:41px; font-size:37px; position: relative; color:#000; font-weight: bold; } #emergencyNews h2 .situation{ background-color:#c00; width:108px; height:41px; padding: 7px 0 7px 6px; box-sizing: border-box; color:#fff; font-size:26px !important; position: absolute; top: 7px; left: 7px; } #emergencyNews h2 .situation .bg{ display:block; background-image:url(https://www.furusato-tax.jp/saigai/images/icon_top04.png); background-size:contain; background-repeat:no-repeat; padding-left:40px; height: 26px !important; font-size:26px !important; line-height: 1.2; } #emergencyNews .brdBottom{ padding: 20px; border: #ccc 1px solid !important; border-width: 0 3px 3px; border-radius: 0 0 10px 10px; overflow: hidden; } #emergencyNews .brdBottom dl{ font-size:18px; font-weight:bold; overflow:hidden; margin:0 !important; } #emergencyNews dl dt, #emergencyNews dl dd{ width:50%; margin-bottom:16px; padding:0 0 4px ; border-bottom:1px solid #000; box-sizing: border-box; font-size:16px; font-weight:bold; line-height: 1.4; float:left; } #emergencyNews .brdBottom dl dd{ color:#c00; text-align:right; } #emergencyNews .brdBottom dl .small{ font-size:0.8em; } #emergencyNews dl dt.total_donation{ width:40%; font-size:26px; } #emergencyNews dl dd.total_donation{ width:60%; font-size:26px; } /* 日付 */ #emergencyNews .brdBottom p.date{ margin:0 0 8px 0; font-size:12px; float:left; } #emergencyNews .more_list { display: block; background: url(https://www.furusato-tax.jp/saigai/images/btn_moreList.png); background-size: 14px; background-repeat: no-repeat; background-position: left center; color: #d45700; margin: 0 0 8px 0; padding-left: 24px; font-size: 13px; line-height: 15px; float: right; }