/*Common Base CSS Start*****************************************************************************************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }/*and2.1*/
body { line-height: 1.25em; -webkit-text-size-adjust: none;}
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;} /*追記：水平罫線のデフォルトである立体的な罫線を見えなくしています（※罫線の色を変える場合は#ccccccの部分を変更）*/
ol, ul { list-style: none;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: '';  content: none; }
table { border-collapse: collapse;border-spacing: 0; }
img {border:0;}
input, select {vertical-align:middle;}/*縦方向の揃え位置を中央揃えに指定しています*/
a {display: block;}/*スマートフォンサイトではタップしやすいようにaタグはあらかじめブロックレベルとしておくとよい*/
/*a {-webkit-tap-highlight-color:transparent;}*//*スマートフォンサイトでaタグをタップしたときにでるハイライトの色を消す*/
a {
  -webkit-tap-highlight-color:rgba(255,0,0,0.30);/*スマートフォンサイトでaタグをタップしたときにでるハイライトの色*/
  -webkit-touch-callout:none;/*aタグをタップしたときにでるpopアップを消す*/
}
.tx10 {font-size: 10px;}
.tx12 {font-size: 12px;}
.tx14 {font-size: 14px;}
.tx16 {font-size: 16px;}
.tx18 {font-size: 18px;}
.tx20 {font-size: 20px;}
.tx-green{color:#3a9b00}
.bold{font-weight: bold;}
.mg-t10{margin-top: 10px;}
.mg-r5 {margin-right: 5px;}
.mg-r10 {margin-right: 10px;}
.fl-r{float: right;}
.fl-l{float: left;}
.w100{width:100%;}
.w47{width:47%;}
.Hidden{display:none;}
.Sh {
    -webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #777;
            box-shadow: 0 10px 6px -6px #777;
    overflow: hidden;
    margin-bottom: 30px;
}
.Kome{
    font-size: 12px;
    line-height: 12px;
    margin: 0 10px;
    padding-bottom: 0.5em;
}
/*バナーの注釈*/
.BnrNotice{
    font-size: 10px;
    line-height: 10px;
    margin: 20px 5px 0;
    overflow: hidden;
}
#wrap{ width:100%; min-width: 320px; margin: 0 auto; font-family: sans-serif; background-color:#FFF;}
img.IcoWhPcLink{
    padding:0 0 0 0.5em;
}
/*Common Base CSS END*****************************************************************************************/

/*header.tpl Start*/
#header {
height: 46px;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), color-stop(0.49, #f2f2f2), color-stop(0.5, #e9e9e9), to(#ededed));
background: -webkit-linear-gradient(#fff 0%, #f2f2f2 49%, #e9e9e9 50%, #ededed 100%);
background: -moz-linear-gradient(#fff 0%, #f2f2f2 49%, #e9e9e9 50%, #ededed 100%);
background: -o-linear-gradient(#fff 0%, #f2f2f2 49%, #e9e9e9 50%, #ededed 100%);
background: linear-gradient(#fff 0%, #f2f2f2 49%, #e9e9e9 50%, #ededed 100%);
border-bottom:#9d9d9d 1px solid;
}
#header h1{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 11px 10px; height: 46px;}
#header div a {text-decoration: none; font-weight: bold; color: #000; text-align:center;}
#header div a p.login {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; width: 70px; height: 46px; padding-top: 8px;line-height:1.4; border-left:1px solid #bdbdbd; box-shadow: inset 1px 0px 0px #fff; text-shadow: 1px 1px 0px #fff; }
#header div a p.pc{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; width:57px; height: 46px; padding-top: 7px;line-height:1.2;border-left:1px solid #bdbdbd; box-shadow: inset 1px 0px 0px #fff; text-shadow: 1px 1px 0px #fff;}

#dmm-top #dmmfx-top-bar{background: none repeat scroll 0 0 #222222; height: 30px; width: 100%; color: #ffffff;}
#dmm-top #dmmfx-top-bar #menu{display:block; width:130px; height:24px; margin: 6px 0 0 12px;}
#dmm-top #dmmfx-top-bar #menu a.menu-button{float: left;background: center left no-repeat transparent;background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );width:80px;height:20px;padding-left:30px;}
#dmm-top #dmmfx-top-bar #menu a.menu-button{ color: #FFFFFF;text-decoration:none;}
#dmm-top #dmmfx-top-bar #menu a.menu-button span{ font-size: 16px;line-height: 20px;}

#dmm-top #dmmfx-top-bar #menu img{float: left; margin-left:16px;margin-top:1px;}
#dmm-top #dmmfx-top-bar #dmmfx-account{ background: none repeat scroll 0 0 #222222; height: 30px; list-style: none outside none; margin-right:12px;}
#dmm-top #dmmfx-account li{background-attachment: scroll; background-clip: border-box; background-color: transparent; background-origin: padding-box; background-position: 5px center; background-repeat: no-repeat; background-size: 4px 8px; float: left; font-size: 10px; line-height: 24px; margin: 3px 0 3px 3px; border-left:1px solid #ffffff;}
#dmm-top #dmmfx-account li:last-child{ border-right:1px solid #ffffff;}
#dmm-top #dmmfx-account li span,#dmm-top #dmmfx-account li a { color: #FFFFFF; display: inline-block; padding: 0 5px;}
#dmm-top #dmmfx-account li span img{display:inline-block; padding-right:5px; vertical-align:middle;}
/*header.tpl End*/ 

/*TabLinks AllPage Start*/
.TabLinks{
    background-color: #AAA;
    overflow: hidden;
    padding: 0 10px;
    border-bottom: 3px solid #fff;
}
.TabLinks > ul{
    margin:0 auto;
    overflow: hidden;
}
.TabLinks > ul > li{
    float:left;
    background-color:#FFF;
    height:40px;
    width: 42.5%;
    margin: 10px 0 0 1%;
    line-height: 40px;
    text-align: center;
    border-radius: 5px 5px 0 0 ;
    border-top:3px solid #077F67;
    font-weight: bold;
    color:#333;
}
.TabLinks > ul > li a{
    color:#333;
    display:block;
    text-decoration: none;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#F7FCFB), color-stop(0.5, #F7FCFB), color-stop(0.51, #EAF7F4), to(#EAF7F4));
    background: -webkit-linear-gradient(#F7FCFB 0%, #F7FCFB 50%, #EAF7F4 51%, #EAF7F4 100%);
    background: -moz-linear-gradient(#F7FCFB 0%, #F7FCFB 50%, #EAF7F4 51%, #EAF7F4 100%);
    background: -o-linear-gradient(#F7FCFB 0%, #F7FCFB 50%, #EAF7F4 51%, #EAF7F4 100%);
    background: linear-gradient(#F7FCFB 0%, #F7FCFB 50%, #EAF7F4 51%, #EAF7F4 100%);
    border-radius: 5px 5px 0 0 ;
    box-shadow: 0 -1px 1px #AAA inset;
}

 /*戻るボタン*/
.TabLinks > ul > li.ReBtn {
    background-color: inherit;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    box-shadow: none;
    display: block;
    height: 26px;
    margin-top: 18px;
    overflow: hidden;
    width:16%;
    margin-left:-3%;
}

.TabLinks > ul > li.ReBtn a {
  position: absolute;
  margin-left: 10px;
  padding: 0;
  color: #000;
  font-size: 13px;
  text-align: center;
  text-decoration: none;
  width:11%;
  border-radius:5px;
  margin-left: 4%;
  z-index: 5;
  height: 30px;
  line-height: 30px;
}
.TabLinks > ul > li.ReBtn a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color:#EEE;
  border-width: inherit;
  border-style: solid;
  border-radius: 5px;
  border-left: none;
  z-index: -1;
}
.TabLinks > ul > li.ReBtn a:after {
  content: "";
  display: block;
  position: absolute;
  left: 2px;
  top: 0;
  width: 21px;
  height: 21px;
-moz-transform-origin:0 0;
-webkit-transform-origin:0 0;
-o-transform-origin:0 0;
-ms-transform-origin:0 0;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg); 
  background-color:#EEE;
  border-width: inherit;
  border-radius: 3px;
  z-index: -2;
}
/*TabLinks AllPage End*/


/*Icon Start*/
.IcoTgl:after {
	background-image: url("/sp/_img/ico_arrow_green.png")!important; 
}
/*Icon Start*/
.Ttl_A{/*Ttl_A=Icon付　Ttl_B戻る付*/
    position: relative;
    font-size: 20px;
    font-weight: bold;
    height: 42px;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), color-stop(0.5, #F7FCFB), color-stop(0.51, #EAF7F4), to(#EAF7F4));
    background: -webkit-linear-gradient(#FFFFFF 0%, #F7FCFB 50%, #EAF7F4 51%, #EAF7F4 100%);
    background: -moz-linear-gradient(#FFFFFF 0%, #F7FCFB 50%, #EAF7F4 51%, #EAF7F4 100%);
    background: -o-linear-gradient(#FFFFFF 0%, #F7FCFB 50%, #EAF7F4 51%, #EAF7F4 100%);
    background: linear-gradient(#FFFFFF 0%, #F7FCFB 50%, #EAF7F4 51%, #EAF7F4 100%);
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}
.Ttl_A >.Ico{
    float:left;
    width:28px;
    height:28px;
    margin-top: 7px;
    background-size: auto 28px;
    margin-left: 10px;
}
.Ttl_A >.Ico.IcoCp{background-image:url(/sp/_img/ico_cp.png);}
.Ttl_A >.Ico.IcoFx{background-image:url(/sp/_img/ico_aboutfx.png);}
.Ttl_A >.Ico.IcoCheck{background-image:url(/sp/_img/ico_check.png);}
.Ttl_A >.Ico.IcoSmart{background-image:url(/sp/_img/ico_smart.png);}
.Ttl_A >.Ico.IcoPickup{background-image:url(/sp/_img/ico_pickup.png);}
.Ttl_A >.Ico.IcoPoint{background-image:url(/sp/_img/ico_point.png);}
.Ttl_A >.Ico.IcoInquity{background-image:url(/sp/_img/ico_inquiry.png);}
.Ttl_A >.Ico.IcoDoc{background-image:url(/sp/_img/ico_doc.png);}
.Ttl_A >.Ico.IcoMovie{background-image:url(/sp/_img/ico_movie.png);}

.Ttl_A > h2 {
    float: left;
    line-height: 28px;
    margin-top: 7px;
    text-indent: 13px;
    color: #333;
    font-weight: bold;
    text-shadow: 1px 1px 0 #f5f5f5;
/*    width: 270px;*/
}
/*Icon End*/

/*picup_top.tpl & picup_bottom.tpl Start*/
.PkUpMini > ul{
    width:300px;
    padding:0 10px;
    margin:auto;
    overflow: hidden;
}
.PkUpMini > ul > li{
    width:49%;
    height:49%;
    margin-bottom:10px;
}
.PkUpMini > ul > li:first-child{float:left;}
.PkUpMini > ul > li:last-child{float:right;}
/*picup_top.tpl & picup_bottom.tpl End*/

/*LinkBox*/
#Top .LinkBox {
    margin: 15px 10px 10px;
}
#Top .LinkBox>.ContentsLink {
	border: 2px solid #005421;
    position: relative;
    display: block;
    max-width: 600px;
    border-radius: 34px 34px 34px 34px;
    margin: 0 auto;
    padding: 2px;
    text-align: center;
}
#Top .LinkBox>.ContentsLink>a.Link {
    text-decoration: none;
    background-position: right 10px;
    background-repeat: no-repeat;
    background-size: 14px;
    border-radius: 34px 34px 34px 34px;
}
#Top .LinkBox>.ContentsLink .LinkTxt {
    color: #005421;
    display: block;
    font-weight: bold;
    line-height: 30px;
}
#Top .LinkBox>.ContentsLink>a.Link:after {
    background-image: url(/sp/_img/ico_ent_arrow_green.png);
    background-size: 25px auto;
	background-repeat: no-repeat;
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    right: 15px;
    top: 5px;
}
#Top .LinkFloat {
	padding: 2% 3%;
}
#Top .LinkFloat #LinkBox {
	float: left;
	margin: 0;
	width: 48.5%;
}
#Top .LinkFloat #LinkBox:first-child {
	padding-right: 3%;
}

/*reason_list.tpl Start*/
.ReasonList{margin:10px;}
.ReasonList .innerReasonList{
    border: solid 3px #16a085;
    border-radius: 5px;
    max-width: 600px;
    margin:0 auto 20px;
}
.ReasonList .AcTabBk{
    position: relative;
    padding:10px 5px;
    border-bottom: #888 1px solid;
    display: block;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), color-stop(0.1, #fff), color-stop(0.46, #f3f3f3), to(#bcbcbc));
    background: -webkit-linear-gradient(#fff 0%, #fff 10%, #f3f3f3 46%, #bcbcbc 100%);
    background: -moz-linear-gradient(#fff 0%, #fff 10%, #f3f3f3 46%, #bcbcbc 100%);
    background: -o-linear-gradient(#fff 0%, #fff 10%, #f3f3f3 46%, #bcbcbc 100%);
    background: linear-gradient(#fff 0%, #fff 10%, #f3f3f3 46%, #bcbcbc 100%);
    line-height: 1.2;
    text-shadow: 1px 1px 0px #fff;
}
.ReasonList .AcTabBk:after{
    background-size: auto 15px;
    background-repeat: no-repeat;
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    right: 10px;
    top: 37%;
}
.ReasonList .AcTabBk > h3{font-weight:bold;}
.ReasonList .AcTabBk > p{font-size: 12px;}
.ReasonList .DtlTxtBox{
    font-size: 14px;
    overflow: hidden;
    padding:10px;
    border-bottom: #888 1px solid;
}
.ReasonList .DtlTxtBox > p{
    font-size: 12px;
}
.ReasonList .DtlTxtBox > ul {
    background-color: #E5E5E5;
    font-size: 10px;
    padding: 5px;
    margin-top: 10px;
    line-height: 1.25em;
}
.ReasonList .DtlTxtBox > ul > li {
    padding-left: 1em;
    text-indent: -1em;
}
.ReasonList .Merit01,
.ReasonList .Merit02,
.ReasonList .Merit03,
.ReasonList .Merit04,
.ReasonList .Merit05{
    display: block;
    float: left;
    height: 80px;
    width: 80px;
    background: url(/sp/_img/merit.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    margin-right: 10px;
    background-size:auto 80px;
}
.ReasonList .Merit01{background-position: 0 0;}
.ReasonList .Merit02{background-position: -85px 0;}
.ReasonList .Merit03{background-position: -170px 0;}
.ReasonList .Merit04{background-position: -255px 0;}
.ReasonList .Merit05{background-position: -340px 0;}


/*reason_list.tpl End*/

/*footer.tpl　Start*/
.PageUp {/* pageトップへ戻る*/
    float: right;
    display: block;
    margin:0 10px 5px;
}
.PageUp>a:before{
    content:"▲";
    padding-right:0.5em;
    color:#000;
}
.PageUp>a{
    display: block;
    /*background-image: url("./../_img/ico_pageup.png");*/
    background-repeat: no-repeat;
    background-size:17px;
    font-size: 12px;
    text-align: right;
    text-decoration: none;
    color: #000;
}
.btn-set{
    margin: 14px 10px 25px;
    overflow: hidden;
    border-top:1px solid #000000;
    border-left:1px solid #000000;
    border-right:1px solid #000000;
    border-bottom:none;
    clear:both;
}
.btn-set > a { text-decoration: none; display: block; font-weight: bold;}
.btn-set > a > .PcLink {
    background-image: url("/sp/_img/ico2_pc.png");
    background-size: 18px auto;
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 5px;
    top: 10px;

}
.btn-set > a.navbtn {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #a0a0a0; /* Old browsers */
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#a0a0a0), color-stop(0.45, #252525), color-stop(0.5, #1a1a1a), color-stop(0.55, #232323), to(#323232));
    background: -webkit-linear-gradient(#a0a0a0 0%, #252525 45%, #1a1a1a 50%, #232323 55%, #323232 100%);
    background: -moz-linear-gradient(#a0a0a0 0%, #252525 45%, #1a1a1a 50%, #232323 55%, #323232 100%);
    background: -o-linear-gradient(#a0a0a0 0%, #252525 45%, #1a1a1a 50%, #232323 55%, #323232 100%);
    background: linear-gradient(#a0a0a0 0%, #252525 45%, #1a1a1a 50%, #232323 55%, #323232 100%); /* W3C */
    border:#333 1px solid;
    height: 36px;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 35px;
    padding: 0 10px;
    text-shadow: 1px 1px 0 #000000;
    width: 50%;
    position: relative;
}
.btn-set > a.navbtn {
    color: #000000;
    text-shadow: 1px 1px 0 #ffffff;
    background: #f5f5f5; /* Old browsers */
    border-top:none;
    border-left:none;
}
.btn-set > a.navbtn:nth-last-child(odd) {
    border-right:none;
}
.FooterBnr {
    background: #e5e5e5 none repeat scroll 0 0;
    clear: both;
    display: block;
    overflow: hidden;
    padding: 0;
}
.FooterBnr p {
    display: block;
    margin: 10px auto 5px;
    text-align: center;
}
#DmfFooterBox {
    color:#333;
    padding:9px;
    background-color:#e5e5e5;
    font-size:12px;
    line-height: 14px;
}
#DmfFooterBox h3 {margin-left:0;}
#DmfFooterBox h3:before {content: ""}
#DmfFooterBox h4 {margin:7px 0 3px;}

#Footer {
    margin-top:10px;
    border-top: 1px solid #9F9F9F;
    overflow: hidden; 
}
#Footer>.Copyright {
    font-size: 11px;
    padding: 10px;
    text-align: center;
}
/*footer.tpl　End*/

.EntryBox {margin:15px 10px 10px;}
.EntryBox>.EntBtn {
    position: relative;
    display: block;
    max-width: 600px;
    background-color: #FF0000;
    border-radius: 34px 34px 34px 34px;
    margin:0 auto;
    padding: 2px;
    text-align: center;
}
.EntryBox>.EntBtn .EntLabel1 {
    position: absolute;
    background-image: url(/sp/_img/ent_lavel.png);
    background-size: 68px 60px;
    display: block;
    width: 68px;
    height: 60px;
    top: -15px;
    left: -5px;
    text-indent:100%;
    overflow:hidden;
    white-space: nowrap;
}
.EntryBox>.EntBtn>a.EntLink {
    text-decoration: none;
    /* background-image:url(/sp/_img/ico_arrow_right_red.png); */
    background-position:right 10px;
    background-repeat: no-repeat;
    background-size:14px;
    border-radius: 34px 34px 34px 34px;
}
.EntryBox>.EntBtn>a.EntLink:after {
    background-image: url(/sp/_img/ico_ent_arrow.png);
    background-size: 30px auto;
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    right: 9px;
    top: 9px;
}
.EntryBox>.EntBtn .EntTxt {
    border: 2px solid #FFFFFF;
    border-radius: 30px 30px 30px 30px;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    line-height: 40px;
}

.UploadBox{margin:15px 10px 20px;}
.UploadBox>.UploadBtn {
    position: relative;
    display: block;
    max-width: 600px;
    background-color: #005421;
    border-radius: 34px 34px 34px 34px;
    margin:0 auto;
    padding: 2px;
    text-align: center;
}
.UploadBox>.UploadBtn>a.UploadLink {
    text-decoration: none;
    /* background-image:url(/sp/_img/ico_arrow_right_red.png); */
    background-position:right 10px;
    background-repeat: no-repeat;
    background-size:14px;
    border-radius: 34px 34px 34px 34px;
}
.UploadBox>.UploadBtn>a.UploadLink:after {
    background-image: url(/sp/_img/ico_ent_arrow.png);
    background-size: 30px auto;
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    right: 9px;
    top: 9px;
}
.UploadBox>.UploadBtn .UploadTxt {
    border: 2px solid #FFFFFF;
    border-radius: 30px 30px 30px 30px;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    line-height: 40px;
}



/******************************************************************************************************************************
 * Style for "smartModalWindow" jQuery plugin
 *
 * @author     RaNa design associates, inc.
 * @copyright  2010 RaNa design associates, inc.
 * @license    http://www.opensource.org/licenses/mit-license.html  MIT License
 * @version    Release: 0.5.1
 * @link       http://kaelab.ranadesign.com/blog/demo/smartModalWindow/
 * @since      2010-10-27
 * @update     2010-11-01
 */

/**
 * overlay
 */
.modal_overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  background: #000;
  opacity: .5;
}
.modal_overlay_on { z-index: 999; }

/**
 * modal contents
 */
.modal_container {
  display: none;
  position: absolute;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  overflow: visible;
}
.modal_on {
  -webkit-animation-name: "slideinfrombottom";
  -webkit-animation-iteration-count: 1;
  -webkit-animation-duration: 1s;
}
.modal_off {
  -webkit-animation-name: "slideouttobottom";
  -webkit-animation-iteration-count: 1;
  -webkit-animation-duration: 1s;
}

/**
 * loading
 */
.loadingImg {
  position: absolute;
  z-index: 1002;
  margin-top: -12px;
  margin-left: -12px;
}
/******************************************************************************************************************************/


nav#sp-menu {
    visiblity: hidden;

}