@charset "utf-8";

/*====================================
フォームテンプレート
====================================*/

/*------------------------------------
フォームナビゲーション
------------------------------------*/
#df_wrap .df_formNavi {
overflow:hidden;
margin:0 0 18px 0;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
background:url(/shared/images/form_navi_bg.gif) right top repeat-x;
color:#666;
list-style:none;
font:0.75em Verdana, sans-serif;
}
#df_wrap .df_formNavi li {
margin:0;
padding:0;
display:inline-block;
line-height:40px;
background:url(/shared/images/form_navi.png) right top no-repeat;
}
#df_wrap .df_formNavi li.gray_bg {
margin:0;
padding:0;
display:inline-block;
line-height:40px;
background:url(/shared/images/form_navi.png) right top no-repeat #777;
}
#df_wrap .df_formNavi li span {
display:inline-block;
margin: 0 18px 0 0;
padding: 0;
width: 204px;
text-align:center;
line-height:40px;
background:url(/shared/images/form_navi_bg.gif) right top repeat-x;
}
#df_wrap .df_formNavi li.current {
margin:0;
padding:0;
display:inline-block;
line-height:40px;
background:url(/shared/images/form_navi_on.png) right top no-repeat;
}
#df_wrap .df_formNavi li.current span {
display:inline-block;
margin: 0 18px 0 0;
padding: 0;
width: 204px;
text-align:center;
line-height:40px;
background:#777;
color:#fff;
}

 @media only screen and (max-width:640px) {
#df_wrap .df_formNavi li span, #df_wrap .df_formNavi li.current span {
width:83px;
}
}


/*----- ステップが2つの場合 -----*/

#df_wrap .df_formNavi.df_two li span {
width: 314px;
}
#df_wrap .df_formNavi.df_two li.current span {
width: 314px;
}

 @media only screen and (max-width:640px) {
#df_wrap .df_formNavi.df_two li span, #df_wrap .df_formNavi.df_two li.current span {
width:135px;
}
#df_wrap .df_formNavi.df_two.df_long li span, #df_wrap .df_formNavi.df_two.df_long li.current span {
letter-spacing: -0.05em;
}


}


/*------------------------------------
フォームナビゲーション（会員登録）
------------------------------------*/
#df_wrap .df_formNaviReg {
overflow:hidden;
margin:0 0 18px 0;
background:url(/shared/images/form_navi_reg_bg.png) center top no-repeat;
color:#666;
list-style:none;
font:0.8em Verdana, sans-serif;
}
#df_wrap .df_formNaviReg li {
margin:0;
padding:0;
display:inline-block;
height:60px;
vertical-align:middle;
background:url(/shared/images/form_navi_reg_top.png) right top no-repeat;
}

#df_wrap .df_formNaviReg li.df_prev {
background:url(/shared/images/form_navi_reg_top_prev.png) right top no-repeat;
}

#df_wrap .df_formNaviReg li.df_prev div {
margin: 0 13px 0 0;
}

#df_wrap .df_formNaviReg li div {
display: inline-block;
margin: 0 11px 0 0;
padding: 6px 0 3px 0;
width: 156px;
height: 51px;
text-align: center;
}

#df_wrap .df_formNaviReg li div .df_step span{
display:inline-block;
}
#df_wrap .df_formNaviReg li div span{
display:block;
}

#df_wrap .df_formNaviReg li.current {
margin:0;
padding:0;
display:inline-block;
vertical-align:middle;
background:url(/shared/images/form_navi_reg_on_top.png) right top no-repeat;
}


#df_wrap .df_formNaviReg li.current div {
display: inline-block;
margin: 0 11px 0 0;
padding: 6px 0 3px 0;
width: 156px;
text-align: center;
height: 51px;
color:#fff;
background:url(/shared/images/form_navi_reg_bg_on.png) right top repeat-x;
}
#df_wrap .df_formNaviReg li.current.df_first div {
background-image:url(/shared/images/form_navi_reg_bg_on_first.jpg),url(/shared/images/form_navi_reg_bg_on.png);
background-position: left top,right top;
background-repeat:no-repeat,repeat-x;
}
#df_wrap .df_formNaviReg li.current.df_first div {
background:url(/shared/images/form_navi_reg_bg_on.jpg) right top repeat-x\9; /*IE8*/
}

#df_wrap .df_formNaviReg li div span,#df_wrap .df_formNaviReg li div p{
color:#555;
}

#df_wrap .df_formNaviReg li.current div span,#df_wrap .df_formNaviReg li.current div p{
color:rgba(255, 255, 255,0.9);
color:#fff\9;/*IE8*/
font-weight: bold;
text-shadow:1px 1px 1px #6ea400;
}

/*----- 1行 -----*/

#df_wrap .df_formNaviReg .df_naviText.df_single {
padding:8px 0;
}
/*----- 2行 -----*/

#df_wrap .df_formNaviReg .df_naviText {
padding:2px 0;
font-size:1.2em;
line-height:1.2em;
}
#df_wrap .df_formNaviReg .df_naviText span.df_small{
padding:1px 0 0 0;
font-size:0.85em;
font-weight:normal;
}




@media only screen and (max-width:640px) {
#df_wrap .df_formNaviReg {
text-align:center;
width:300px;
margin:0 auto 18px;
background:url(/shared/images/form_navi_reg_bg_sp.png) center top no-repeat;

}

#df_wrap .df_formNaviReg li {
width:34px;
}

#df_wrap .df_formNaviReg li div {
width:auto;
display:block;
}

#df_wrap .df_formNaviReg li div .df_naviText{
display:none;
}
#df_wrap .df_formNaviReg li div .df_step span{
display:none;
}


#df_wrap .df_formNaviReg li.current {
width:198px;
}

#df_wrap .df_formNaviReg li.current div {
width:auto;
display:block;
padding: 6px 0 0 0;
height: 54px;

}
#df_wrap .df_formNaviReg li.current div .df_step{
padding:0;
}


#df_wrap .df_formNaviReg li div .df_step{
padding: 18px 0 0;
font-weight:bold;
color:#777;
}

#df_wrap .df_formNaviReg li.current div .df_step span{
display:inline-block;
}

#df_wrap .df_formNaviReg li.current div .df_naviText{
display:block;
}

}


/*------------------------------------
フォーム関連
------------------------------------*/

#df_wrap #df_formTemplate .df_tyusyaku {
font-size:0.9em;
text-align:left;
}
#df_wrap #df_formTemplate .df_hissu {
color:#F00;
}

#df_wrap .df_formText {
margin: 0 0 20px 0;
text-align:left;
}

#df_wrap .df_formText em {
color: #fb5500;
font-weight:normal;
}

#df_wrap .df_formText span {
font-size:1.25em;
font-weight:bold;
}
#df_wrap #df_formTemplate #df_attentionMail {
margin: 10px 0 15px 0;
text-align:left;
font-size: 0.9em;
}
#df_wrap .df_centering {
text-align: center;
padding:0;
margin:0;
clear: both;
}

/* ボタンスタイル */
#df_wrap #df_formTemplate #df_formSet .df_button {
margin: 15px 10px 20px 10px;
padding:0;
background:#eee;
display: inline-block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #ededed; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 1px 1px 2px #E7E7E7;
-moz-box-shadow: 1px 1px 2px #E7E7E7;
}
#df_wrap #df_formTemplate #df_formSet .df_button:hover {
background: #ededed; /* Old browsers */
background: -moz-linear-gradient(top,  #ededed 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ededed 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ededed 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ededed 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ededed 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#df_wrap #df_formTemplate #df_formSet .df_buttonStyle {
border-top: 1px solid #ccc;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 1px solid #ccc;
margin:0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size:1em;
font-weight:bold;
cursor:pointer;
}

#df_wrap #df_formTemplate #df_formSet .df_buttonGray {
padding: 8px 20px 8px 40px;
background: url(/shared/images/icon_arrow_maru_gray_left.png) no-repeat 15% 50%;
background-size: 14px 14px;
}
#df_wrap #df_formTemplate #df_formSet .df_buttonOrange {
padding: 8px 40px 8px 20px;
background: url(/shared/images/icon_arrow_maru_orange_right.png) no-repeat 85% 50%;
background-size: 14px 14px;
}


/* テキストフォーム */
#df_wrap #df_formTemplate #df_formSet .df_inputText {
margin: -1px 0 -1px 0;
width: 99%;
height:1.25em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: rgb(245,245,245); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(245,245,245) 0%, rgb(255,255,255) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(245,245,245)), color-stop(100%,rgb(255,255,255))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(245,245,245) 0%,rgb(255,255,255) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(245,245,245) 0%,rgb(255,255,255) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(245,245,245) 0%,rgb(255,255,255) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(245,245,245) 0%,rgb(255,255,255) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

/* プルダウン */
#df_wrap #df_formTemplate #df_formSet .df_pulldown {
margin: -4px 0 -3px 0;
padding: 0 0 0 3px;
height: 1.75em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

/* テキストエリア */
#df_wrap #df_formTemplate #df_formSet .df_textarea {
margin: 0 0 -3px 0;
width: 99%;
height: 80px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(255,255,255,1) 30%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(30%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 30%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 30%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 30%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 30%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#df_wrap #df_formTemplate #df_formSet .df_table dd div p {
margin:0;
padding: 3px 0;
}
#df_wrap #df_formTemplate #df_formSet .df_table dd div p.df_short_from {
display: inline-block;
}

/* SSL下のマージン */
#df_wrap #df_sslTxt {
margin: 20px 0;
}
#df_sslTxt p .icon {
margin:0;
padding:0;
vertical-align: baseline;
}

/* フォーム関連スマフォ用 */
 @media only screen and (max-width:640px) {
#df_wrap #df_formTemplate #df_formSet .df_table dd div p {
padding: 5px 0;
}
#df_wrap #df_formTemplate #df_formSet .df_button {
margin: 15px 5px 20px 5px;
font-size: 1em;
}
#df_wrap #df_formTemplate #df_formSet .df_inputText {
height:3em;
}
#df_wrap #df_formTemplate #df_formSet .df_pulldown {
padding:0;
padding: 0 0 0 8px;
width: 99%;
height:3em;
/*
background: rgb(255,255,255);
background: url(/shared/images/icon_arrow_down.png) no-repeat right, -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(230,230,230,1) 90%, rgba(255,255,255,1) 100%);
background: url(/shared/images/icon_arrow_down.png) no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(90%,rgba(230,230,230,1)), color-stop(100%,rgba(255,255,255,1)));
background: url(/shared/images/icon_arrow_down.png) no-repeat right, -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,230,230,1) 90%,rgba(255,255,255,1) 100%);
background: url(/shared/images/icon_arrow_down.png) no-repeat right, -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,230,230,1) 90%,rgba(255,255,255,1) 100%);
background: url(/shared/images/icon_arrow_down.png) no-repeat right, -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,230,230,1) 90%,rgba(255,255,255,1) 100%);
background: url(/shared/images/icon_arrow_down.png) no-repeat right, linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(230,230,230,1) 90%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
*/
font-size:1em;
}
}

/*------------------------------------
長さ調整など
------------------------------------*/

/*----- 1行テキスト（中） -----*/
#df_wrap #df_formTemplate #df_formSet input.df_middle {
width: 50%;
}
@media screen and (max-width: 640px) {
#df_wrap #df_formTemplate #df_formSet input.df_middle {
width: 97%;
}
}
/*----- 1行テキスト（短） -----*/
#df_wrap #df_formTemplate #df_formSet input.df_short {
width: 27%;
}
@media screen and (max-width: 640px) {
#df_wrap #df_formTemplate #df_formSet input.df_short {
width: 50%;
}
}

/*----- プルダウン（短）スマホ調整　数字は最大文字数 -----*/

 @media screen and (max-width: 640px) {
#df_wrap #df_formTemplate #df_formSet select.df_max02 {
margin: 3px 0 3px 0;
width: 23%;
}
}
 @media screen and (max-width: 640px) {
#df_wrap #df_formTemplate #df_formSet select.df_max04 {
margin: 3px 0 3px 0;
width: 29%;
}
}
 @media screen and (max-width: 640px) {
#df_wrap #df_formTemplate #df_formSet select.df_max10 {
margin: 3px 0 3px 0;
width: 54%;
}
}


/*----- テキストエリア（大） -----*/

#df_wrap #df_formTemplate #df_formSet textarea.df_long {
height: 210px;
}


/*------------------------------------
横並びのラジオボタン
------------------------------------*/

#df_wrap #df_formTemplate .df_radioWrap p {
display: inline-block;
}
#df_wrap #df_formTemplate .df_radioWrap p label {
margin: 0 10px 0 0;
}

/*------------------------------------
エラー表示
------------------------------------*/
#df_wrap .df_errorText {
margin: 0 0 20px 0;
}
#df_wrap .df_errorText p {
color: #ff0000;
background: url(/shared/images/icon_error.png) no-repeat 0px 3px;
padding: 0 0 0 20px;
}
#df_wrap .df_errorColor {
color:#ff0000;
}

/*------------------------------------
会員まわりのボタン
------------------------------------*/
#df_wrap .df_memberBtn{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
display:inline-block;
margin: 15px 0;
}
#df_wrap .df_memberBtn .df_btnInner{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin:0;
cursor: pointer;
color:#fff;
font-weight:bold;
display:block;
width:242px;
padding: 7px 0;
font-size: 1.1em;
background:url(../images/icon_arrow_maru_white_right.png) no-repeat 96% 50%;
border:solid 1px rgba(255,255,255,0.8);
border:solid 1px #fff\9;
-moz-box-shadow: 0px 0px 2px #acacac;
-webkit-box-shadow: 0px 0px 3px #acacac;
}
#df_wrap .df_memberBtn .df_btnInner.df_back{
background:url(../images/icon_arrow_maru_white_left.png) no-repeat 4% 50%;
}


#df_wrap .df_memberBtn.df_short .df_btnInner{
width:180px;
text-align:center;
}

#df_wrap .df_memberBtn.df_long .df_btnInner{
width:280px;
text-align:center;
}

#df_wrap .df_memberBtn .df_btnInner a{
color:#fff;
font-weight:bold;
display:block;
line-height:normal;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-decoration:none;
}
#df_wrap .df_memberBtn .df_btnInner a:hover{
text-decoration:none;
}


/*----- 各ボタンの余白の調整 -----*/

#df_wrap .df_memberBtn.df_mailTo{
margin:0 0 50px;
}
#df_wrap .df_memberBtn.df_snsReg.df_tw{
margin: 15px 0 15px 10px;
}

#df_wrap .df_memberBtn.df_premiumLink{
margin: 15px 0 0 0 ;
}

#df_wrap .df_memberBtn.df_regFinish{
margin: 15px 0 15px 10px;
}
#df_wrap .df_memberBtn.df_short.df_fb{
margin:0 0 25px 0;
}
#df_wrap .df_memberBtn.df_short.df_tw{
margin:0 0 25px 10px;
}



@media only screen and (max-width:640px) {
#df_wrap .df_memberBtn.df_snsReg.df_tw{
margin: 15px 0;
}
#df_wrap .df_memberBtn.df_regFinish{
margin: 15px 0;
}
#df_wrap .df_memberBtn.df_short.df_tw{
margin:0 0 25px 0;
}

}

/*----- 登録確認ページ　横並び -----*/

#df_wrap .df_centeringFloat {
text-align: center;
padding:0;
clear: both;
overflow:hidden;
display: inline-block;
margin: 0 148px;
}
#df_wrap .df_centeringFloat .df_memberBtn {
float:right;
}

@media only screen and (max-width:640px) {
#df_wrap .df_centeringFloat {
text-align: center;
padding:0;
clear: both;
overflow:hidden;
margin:0;
display:block;
}
#df_wrap .df_centeringFloat .df_memberBtn {
float:none;
margin:15px auto 10px;
width:240px;
display:block;
}
#df_wrap .df_centeringFloat .df_memberBtn .df_btnInner{
width:240px;
}

}

/*----- グレー背景 -----*/

#df_wrap .df_memberBtn.df_gray{
border:solid 1px #fff;
background: #f7f7f7;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Q4ZDhkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWUzZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f7f7f7 0%, #ededef 50%, #d8d8d8 50%, #e1e3e6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(50%,#ededef), color-stop(50%,#d8d8d8), color-stop(100%,#e1e3e6));
background: -webkit-linear-gradient(top,  #f7f7f7 0%,#ededef 50%,#d8d8d8 50%,#e1e3e6 100%);
background: -o-linear-gradient(top,  #f7f7f7 0%,#ededef 50%,#d8d8d8 50%,#e1e3e6 100%);
background: -ms-linear-gradient(top,  #f7f7f7 0%,#ededef 50%,#d8d8d8 50%,#e1e3e6 100%);
background: linear-gradient(to bottom,  #f7f7f7 0%,#ededef 50%,#d8d8d8 50%,#e1e3e6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e1e3e6',GradientType=0 );
}
#df_wrap .df_memberBtn.df_gray:not(target){
filter:none\0; /*IE9*/
}

#df_wrap .df_memberBtn.df_gray:hover{
background: #f9f9f9;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f9f9f9 0%, #f2f2f2 50%, #dddddd 50%, #e8e8e8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(50%,#f2f2f2), color-stop(50%,#dddddd), color-stop(100%,#e8e8e8));
background: -webkit-linear-gradient(top,  #f9f9f9 0%,#f2f2f2 50%,#dddddd 50%,#e8e8e8 100%);
background: -o-linear-gradient(top,  #f9f9f9 0%,#f2f2f2 50%,#dddddd 50%,#e8e8e8 100%);
background: -ms-linear-gradient(top,  #f9f9f9 0%,#f2f2f2 50%,#dddddd 50%,#e8e8e8 100%);
background: linear-gradient(to bottom,  #f9f9f9 0%,#f2f2f2 50%,#dddddd 50%,#e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e8e8e8',GradientType=0 );
}

#df_wrap .df_memberBtn.df_gray:hover:not(target){
filter:none\0; /*IE9*/
}


/*----- ソーシャルログイン -----*/

/*Facebook*/

#df_wrap .df_memberBtn.df_fb .df_btnInner{
box-shadow: 0px 0px 3px #acacac;
-moz-box-shadow: 0px 0px 2px #acacac;
-webkit-box-shadow: 0px 0px 3px #acacac;
color:#3c5a98;
text-shadow:1px 1px 2px rgba(255,255,255,0.8);
background:url(../images/bg_login_fb.png) no-repeat 0% 50%;
padding: 7px 0 7px 20px;
}

#df_wrap .df_memberBtn.df_fb .df_btnInner a{
color:#3c5a98;
font-weight:bold;
}

/*Twitter*/
#df_wrap .df_memberBtn.df_tw .df_btnInner{
box-shadow: 0px 0px 3px #acacac;
-moz-box-shadow: 0px 0px 2px #acacac;
-webkit-box-shadow: 0px 0px 3px #acacac;
color:#00aced;
text-shadow:1px 1px 2px rgba(255,255,255,0.8);
background:url(../images/bg_login_tw.png) no-repeat 0% 50%;
padding: 7px 0 7px 20px;
}
#df_wrap .df_memberBtn.df_tw.df_snsLink .df_btnInner{
padding:7px 0;
}

#df_wrap .df_memberBtn.df_tw .df_btnInner a{
color:#00aced;
font-weight:bold;
}


/*小サイズ*/

/*Facebook*/

#df_wrap .df_memberBtn.df_short.df_fb .df_btnInner{
padding: 7px 0 7px 25px;
}

#df_wrap .df_memberBtn.df_short.df_fb .df_btnInner a{
color:#3c5a98;
}

/*Twitter*/

#df_wrap .df_memberBtn.df_short.df_tw .df_btnInner{
padding: 7px 0 7px 25px;
}

#df_wrap .df_memberBtn.df_short.df_tw .df_btnInner a{
color:#00aced;
}

/*----- コネクト用 ------*/


#df_wrap .df_memberBtn.df_snsConnect {
float:right;
margin:5px 10px;
}
@media only screen and (max-width:640px) {
#df_wrap .df_memberBtn.df_snsConnect {
float:none;
margin:0;
}
}


/*Facebook*/

#df_wrap .df_memberBtn.df_snsConnect.df_fb .df_btnInner{
padding: 7px 0 7px 55px;
width: 189px;
}

/*Twitter*/

#df_wrap .df_memberBtn.df_snsConnect.df_tw .df_btnInner{
padding: 7px 0 7px 67px;
width: 176px;
}

@media only screen and (max-width:640px) {
#df_wrap .df_memberBtn.df_snsConnect.df_fb .df_btnInner {
width:166px;
padding-left:52px;
}
#df_wrap .df_memberBtn.df_snsConnect.df_tw .df_btnInner{
width:162px;
padding-left:57px;
}
}



/*----- 濃いグレー背景 -----*/

#df_wrap .df_memberBtn.df_darkGray{
border:solid 1px #fff;
background: #cecece;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlY2VjZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2MwYzBjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2FkYWRhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMmEyYTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #cecece 0%, #c0c0c0 50%, #adadad 50%, #a2a2a2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cecece), color-stop(50%,#c0c0c0), color-stop(50%,#adadad), color-stop(100%,#a2a2a2));
background: -webkit-linear-gradient(top,  #cecece 0%,#c0c0c0 50%,#adadad 50%,#a2a2a2 100%);
background: -o-linear-gradient(top,  #cecece 0%,#c0c0c0 50%,#adadad 50%,#a2a2a2 100%);
background: -ms-linear-gradient(top,  #cecece 0%,#c0c0c0 50%,#adadad 50%,#a2a2a2 100%);
background: linear-gradient(to bottom,  #cecece 0%,#c0c0c0 50%,#adadad 50%,#a2a2a2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cecece', endColorstr='#a2a2a2',GradientType=0 );
}
#df_wrap .df_memberBtn.df_darkGray:not(target){
filter:none\0; /*IE9*/
}

#df_wrap .df_memberBtn.df_darkGray:hover{
background: #d8d8d8;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q4ZDhkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2I3YjdiNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZmFmYWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #d8d8d8 0%, #cccccc 50%, #b7b7b7 50%, #afafaf 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(50%,#cccccc), color-stop(50%,#b7b7b7), color-stop(100%,#afafaf));
background: -webkit-linear-gradient(top,  #d8d8d8 0%,#cccccc 50%,#b7b7b7 50%,#afafaf 100%);
background: -o-linear-gradient(top,  #d8d8d8 0%,#cccccc 50%,#b7b7b7 50%,#afafaf 100%);
background: -ms-linear-gradient(top,  #d8d8d8 0%,#cccccc 50%,#b7b7b7 50%,#afafaf 100%);
background: linear-gradient(to bottom,  #d8d8d8 0%,#cccccc 50%,#b7b7b7 50%,#afafaf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#afafaf',GradientType=0 );
}

#df_wrap .df_memberBtn.df_darkGray:hover:not(target){
filter:none\0; /*IE9*/
}

/*----- 青背景 -----*/

#df_wrap .df_memberBtn.df_blue{
border:solid 1px #fff;
background: #4cace2;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjYWNlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzMxYTZlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzA5OTlkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDhjY2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #4cace2 0%, #31a6e5 50%, #0999dd 50%, #008ccf 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4cace2), color-stop(50%,#31a6e5), color-stop(50%,#0999dd), color-stop(100%,#008ccf));
background: -webkit-linear-gradient(top,  #4cace2 0%,#31a6e5 50%,#0999dd 50%,#008ccf 100%);
background: -o-linear-gradient(top,  #4cace2 0%,#31a6e5 50%,#0999dd 50%,#008ccf 100%);
background: -ms-linear-gradient(top,  #4cace2 0%,#31a6e5 50%,#0999dd 50%,#008ccf 100%);
background: linear-gradient(to bottom,  #4cace2 0%,#31a6e5 50%,#0999dd 50%,#008ccf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4cace2', endColorstr='#008ccf',GradientType=0 );

}
#df_wrap .df_memberBtn.df_blue:not(target){
filter:none\0; /*IE9*/
}

#df_wrap .df_memberBtn.df_blue:hover{
background: #50b8ed;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUwYjhlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzM0YWNlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzBiYTRlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDk3ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #50b8ed 0%, #34aced 50%, #0ba4e5 50%, #0097d8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#50b8ed), color-stop(50%,#34aced), color-stop(50%,#0ba4e5), color-stop(100%,#0097d8));
background: -webkit-linear-gradient(top,  #50b8ed 0%,#34aced 50%,#0ba4e5 50%,#0097d8 100%);
background: -o-linear-gradient(top,  #50b8ed 0%,#34aced 50%,#0ba4e5 50%,#0097d8 100%);
background: -ms-linear-gradient(top,  #50b8ed 0%,#34aced 50%,#0ba4e5 50%,#0097d8 100%);
background: linear-gradient(to bottom,  #50b8ed 0%,#34aced 50%,#0ba4e5 50%,#0097d8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50b8ed', endColorstr='#0097d8',GradientType=0 );
}
#df_wrap .df_memberBtn.df_blue:hover:not(target){
filter:none\0; /*IE9*/
}

#df_wrap .df_memberBtn.df_blue .df_btnInner{
text-shadow:1px 1px 2px rgba(4,132,193,0.8);
}


/*----- オレンジ背景 -----*/

#df_wrap .df_memberBtn.df_orange{
border:solid 1px #fff;
background: #f9a236;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5YTIzNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y5OWMwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZhODQwNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOTgzMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f9a236 0%, #f99c04 50%, #fa8405 50%, #f98304 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9a236), color-stop(50%,#f99c04), color-stop(50%,#fa8405), color-stop(100%,#f98304));
background: -webkit-linear-gradient(top,  #f9a236 0%,#f99c04 50%,#fa8405 50%,#f98304 100%);
background: -o-linear-gradient(top,  #f9a236 0%,#f99c04 50%,#fa8405 50%,#f98304 100%);
background: -ms-linear-gradient(top,  #f9a236 0%,#f99c04 50%,#fa8405 50%,#f98304 100%);
background: linear-gradient(to bottom,  #f9a236 0%,#f99c04 50%,#fa8405 50%,#f98304 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9a236', endColorstr='#f98304',GradientType=0 );
}
#df_wrap .df_memberBtn.df_orange:not(target){
filter:none\0; /*IE9*/
}

#df_wrap .df_memberBtn.df_orange:hover{
background: #ffa947;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYTk0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmYTAxMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmOGIwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjhjMTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffa947 0%, #ffa011 50%, #ff8b0f 50%, #ff8c11 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa947), color-stop(50%,#ffa011), color-stop(50%,#ff8b0f), color-stop(100%,#ff8c11));
background: -webkit-linear-gradient(top,  #ffa947 0%,#ffa011 50%,#ff8b0f 50%,#ff8c11 100%);
background: -o-linear-gradient(top,  #ffa947 0%,#ffa011 50%,#ff8b0f 50%,#ff8c11 100%);
background: -ms-linear-gradient(top,  #ffa947 0%,#ffa011 50%,#ff8b0f 50%,#ff8c11 100%);
background: linear-gradient(to bottom,  #ffa947 0%,#ffa011 50%,#ff8b0f 50%,#ff8c11 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa947', endColorstr='#ff8c11',GradientType=0 );
}
#df_wrap .df_memberBtn.df_orange:hover:not(target){
filter:none\0; /*IE9*/
}


#df_wrap .df_memberBtn.df_orange .df_btnInner{
text-shadow:1px 1px 2px rgba(217,117,0,0.8);
}


/*----- 緑背景 -----*/

#df_wrap .df_memberBtn.df_green{
border:solid 1px #fff;
background: #8abc14;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyJSIgc3RvcC1jb2xvcj0iIzhhYmMxNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzhhYmMxNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzcyYWEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NGFjMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #8abc14 2%, #8abc14 50%, #72aa00 50%, #74ac00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#8abc14), color-stop(50%,#8abc14), color-stop(50%,#72aa00), color-stop(100%,#74ac00));
background: -webkit-linear-gradient(top,  #8abc14 2%,#8abc14 50%,#72aa00 50%,#74ac00 100%);
background: -o-linear-gradient(top,  #8abc14 2%,#8abc14 50%,#72aa00 50%,#74ac00 100%);
background: -ms-linear-gradient(top,  #8abc14 2%,#8abc14 50%,#72aa00 50%,#74ac00 100%);
background: linear-gradient(to bottom,  #8abc14 2%,#8abc14 50%,#72aa00 50%,#74ac00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8abc14', endColorstr='#74ac00',GradientType=0 );
}
#df_wrap .df_memberBtn.df_green:not(target){
filter:none\0; /*IE9*/
}

#df_wrap .df_memberBtn.df_green:hover{
background: #94c615;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk0YzYxNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzk0YzYxNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzdiYjUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI3MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #94c615 0%, #94c615 50%, #7bb500 50%, #7db700 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#94c615), color-stop(50%,#94c615), color-stop(50%,#7bb500), color-stop(100%,#7db700));
background: -webkit-linear-gradient(top,  #94c615 0%,#94c615 50%,#7bb500 50%,#7db700 100%);
background: -o-linear-gradient(top,  #94c615 0%,#94c615 50%,#7bb500 50%,#7db700 100%);
background: -ms-linear-gradient(top,  #94c615 0%,#94c615 50%,#7bb500 50%,#7db700 100%);
background: linear-gradient(to bottom,  #94c615 0%,#94c615 50%,#7bb500 50%,#7db700 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94c615', endColorstr='#7db700',GradientType=0 );
}
#df_wrap .df_memberBtn.df_green:hover:not(target){
filter:none\0; /*IE9*/
}

#df_wrap .df_memberBtn.df_green .df_btnInner{
text-shadow:1px 1px 2px rgba(80,146,0,0.8);
}