@charset "UTF-8";

/*鉄道モバイル専用*/

#df_user{
padding: 30px 0 0;
margin: 16px 0 0 0;
line-height: 1.5;
}
/*ダウンロードページからのログイン時*/
#df_payMember #df_user{
padding: 0px 0 0;
}
/*トップページのログインボタン*/
div.osirase #df_user{
padding: 0px 0 0;
}
div.osirase section#df_user .df_carrierLoginBtn {
margin: 0px;
}


/*===================
df_payMember
===================*/

div#df_payMember{
background: #FEFFE7;
border: solid 1px #E6E6C8;
padding: 0 2% 14px;
width: 90%;
margin: 10px auto;
font-size: 14px;
line-height: 1.5;
font-family: 'Hiragino Kaku Gothic Pro', "Helvetica";
color: #333;
text-align: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}

div#df_payMember p.df_txt{
font-size: 14px;
margin: 16px 0 0;
padding: 0;
}

div#df_payMember div.df_loginTitle{
padding: 2px 12px;
margin: 16px 0 0 0;
font-weight: bold;
color: #fff;
font-size: 15px;
background: #999999;
background: -moz-linear-gradient(top,  #999999 0%, #898989 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#898989));
background: -webkit-linear-gradient(top,  #999999 0%,#898989 100%);
background: -o-linear-gradient(top,  #999999 0%,#898989 100%);
background: -ms-linear-gradient(top,  #999999 0%,#898989 100%);
background: linear-gradient(to bottom,  #999999 0%,#898989 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#898989',GradientType=0 );
font-size: 15px;
border-left: solid 5px #777;
border-bottom: solid 1px #777;
text-shadow: 0 1px 1px #666;
}

section#df_user .df_carrierLoginBtn{
margin: 0 0 10px;
text-align: center;
padding: 0;
}
section#df_user .df_carrierLoginBtn img{
width: auto;
}

section#df_user .df_carrierLoginBtn a:link{
text-decoration: none;
}
section#df_user .df_carrierLoginBtn a:hover{
text-decoration: none;
}
/*section#df_user p:last-child.df_carrierLoginBtn{
margin: 0;
}*/

div.df_carrierLogin.df_newReg{
background: #fff;
-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
text-align: center;
border: solid 1px #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 100%;
max-width: 300px;
margin: 10px auto;
padding: 0;
}
/*docomo input*/
div.df_carrierLogin.df_newReg.df_docomoInputWrap{
background: url(/sp_reg/images/carrier/logo_docomo_sp.gif) no-repeat 50% 8px;
-webkit-background-size: 24px auto;
background-size: 24px auto;
margin: 10px auto;
}
div.df_carrierLogin.df_newReg input.df_docomoBtn{
text-align: center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 100%;
max-width: 300px;
padding: 40px 0 5px;
background: url(/sp_reg/images/carrier/icon_arrow_red.gif) no-repeat 96% 50%;
-webkit-background-size: 15px auto;
background-size: 15px auto;
border: none;
font-size: 14px;
font-weight: bold;
color: #333;
}
div.df_carrierLogin.df_newReg p{
text-align: center;
border-top: solid 1px #ccc;
}
div.df_carrierLogin.df_newReg p:first-child{
border-top: none;
}
section#df_user div.df_carrierLogin.df_newReg p a{
color: #333;
font-weight: bold;
display: block;
padding: 34px 0 5px;
font-size: 14px;
-webkit-background-size: 15px auto;
background-size: 15px auto;
}
section#df_user div.df_carrierLogin.df_newReg p.df_docomoBtn a{
background: url(/sp_reg/images/carrier/icon_arrow_red.gif) no-repeat 96% 50%;
-webkit-background-size: 15px auto;
background-size: 15px auto;
}

section#df_user div.df_carrierLogin.df_newReg p.df_auBtn a{
background: url(/sp_reg/images/carrier/icon_arrow_orange.gif) no-repeat 96% 50%;
-webkit-background-size: 15px auto;
background-size: 15px auto;
}
section#df_user div.df_carrierLogin.df_newReg p.df_softbankBtn a{
background: url(/sp_reg/images/carrier/icon_arrow_gray.gif) no-repeat 96% 50%;
-webkit-background-size: 15px auto;
background-size: 15px auto;
}
section#df_user div.df_carrierLogin.df_newReg p a:hover{
color: #333;
font-weight: bold;
}
section#df_user div.df_carrierLogin.df_newReg p.df_docomoBtn{
background: url(/sp_reg/images/carrier/logo_docomo_sp.gif) no-repeat 50% 8px;
-webkit-background-size: 24px auto;
background-size: 24px auto;
padding: 0;
margin: 0;
}
section#df_user div.df_carrierLogin.df_newReg p.df_auBtn{
background: url(/sp_reg/images/carrier/logo_au_kantan.png) no-repeat 50% 8px;
-webkit-background-size: 150px auto;
background-size: 150px auto;
padding: 0;
margin: 0;
}
section#df_user div.df_carrierLogin.df_newReg p.df_softbankBtn{
background: url(/sp_reg/images/carrier/logo_softbank.gif) no-repeat 50% 12px;
-webkit-background-size: 100px auto;
background-size: 100px auto;
padding: 0;
margin: 0;
}



/*-----------------------------
sp_reg
-----------------------------*/

p#df_sitePolicyInner{
display: none;
width: 94%;
margin: 5px auto 0;
}
div#df_sitePolicy{
margin: 8px 0 0;
}
span#df_sitePolicyLink{
font-size: 12px;
color:#666;
margin: 8px 0 3px;
padding: 0;
color: #047391;
cursor: pointer;
}
span#df_sitePolicyLink:before{
content:"▼";
font-size: 8px;
color: #fff;
background: #ccc;
border-radius: 8px;
width: 16px;
display: inline-block;
line-height: 16px;
text-align: center;
margin: 0 5px 0 0;
position: relative;
top: -1px;
}
span#df_sitePolicyLink.df_active:before{
content:"▲";
font-size: 8px;
color: #fff;
background: #ccc;
border-radius: 8px;
width: 16px;
display: inline-block;
line-height: 16px;
text-align: center;
margin: 0 5px 0 0;
position: relative;
top: -1px;
}
p.df_small{
font-size: 12px;
width: 94%;
margin: 0 auto;
}
p.df_getsugaku{
text-align: center;
font-weight: bold;
padding: 0 0 15px;
}
p.df_nowStatus{
font-size: 12px;
margin: 10px 0 0;
text-align: center;
}
div#df_newRegInfo{
background: #FEFFE7;
border: solid 1px #E6E6C8;
padding: 14px 2%;
margin: 10px auto;
font-size: 14px;
line-height: 1.5;
font-family: 'Hiragino Kaku Gothic Pro', "Helvetica";
color: #333;
text-align: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
/*戻るボタン*/
.df_modoruLink {
margin: 10px 15px 10px 10px;
text-align: center;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0px 0px 3px #000000;
-webkit-box-shadow: 0px 0px 3px #000000;
box-shadow: 0px 0px 3px #000000;
background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
background-image: -ms-linear-gradient(top, #ffffff, #f2f2f2);
background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#f2f2f2));
background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
background-image: linear-gradient(top, #ffffff, #f2f2f2);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.df_modoruLink a{
font-size: 14px;
color: #666;
font-weight: bold;
display: block;
padding: 10px 0;
}
/*------------------------------------
コーナータイトル
--------------------------------------*/


.df_cornerMainTitle {
background: #C9C9C9;
display: block;
text-align: center;
padding: 5px 0;
margin: 10px 0 10px 0;
font-weight: bold;
}


/*------------------------------------
ボタン関係
--------------------------------------*/
.df_memberBtn{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;	
display:inline-block;
margin: 10px 0;
}
.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(../../../shared/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_memberBtn .df_btnInner.df_back{
background:url(../../../shared/images/icon_arrow_maru_white_left.png) no-repeat 4% 50%;
}


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

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

.df_memberBtn .df_btnInner a{
color:#fff;
font-weight:bold;
display:block;
text-align:center;
}
.df_memberBtn .df_btnInner a:hover{
text-decoration:none;
}
/*----- 濃いグレー背景 -----*/

.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_memberBtn.df_darkGray:not(target){
filter:none\0; /*IE9*/
}

.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_memberBtn.df_darkGray:hover:not(target){
filter:none\0; /*IE9*/
}


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

.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_memberBtn.df_blue:not(target){
filter:none\0; /*IE9*/
}

.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_memberBtn.df_blue:hover:not(target){
filter:none\0; /*IE9*/
}

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


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

.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_memberBtn.df_orange:not(target){
filter:none\0; /*IE9*/
}

.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_memberBtn.df_orange:hover:not(target){
filter:none\0; /*IE9*/
}


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


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

.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_memberBtn.df_green:not(target){
filter:none\0; /*IE9*/
}

.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_memberBtn.df_green:hover:not(target){
filter:none\0; /*IE9*/
}


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

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

.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_memberBtn.df_gray:not(target){
filter:none\0; /*IE9*/
}

.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_formText {
margin: 10px 0 20px 0;
text-align:left;
font-size: 14px;
padding: 0 10px;
}
.df_formText span {
font-size:1.25em;
font-weight:bold;
}
.df_centering {
text-align: center;
padding:0;
margin:0;
clear: both;
}
/*------------------------------------
メッセージ青枠
--------------------------------------*/
#df_user .df_blueBlockWrap {
border: 1px solid #d1e4eb;
padding: 1px;
margin: 5px 0 15px 0; 
}
#df_user .df_blueBlock {
background: #edf5f8;
overflow: hidden;
}
#df_user .df_blueBlockMessage {
background: #edf5f8;
padding: 8px;
text-align: center;
font-weight: bold;
color: #666666;
overflow: hidden; 
}