@charset 'utf-8';

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

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

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

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

/* ボタンスタイル */
#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_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_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_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_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_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_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_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_formSet .df_table dd div p {
margin:0;
padding: 3px 0;
}
#df_formSet .df_table dd div p.df_short_from {
display: inline-block;
}

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

/* フォーム関連スマフォ用 */
@media only screen and (max-width:640px) {
#df_formSet .df_table dd div p {
padding: 5px 0;
}
#df_formSet .df_button {
margin: 15px 5px 20px 5px;
font-size: 1em;
}
#df_formSet .df_inputText {
height:3em;
}
#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_formSet input.df_middle {
width: 50%;
}
@media screen and (max-width: 640px) {
#df_formSet input.df_middle {
width: 97%;
}
}
/*----- 1行テキスト（短） -----*/
#df_formSet input.df_short {
width: 27%;
}
@media screen and (max-width: 640px) {
#df_formSet input.df_short {
width: 50%;
}
}

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

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


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

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


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

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

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

/*------------------------------------
会員まわりのボタン
------------------------------------*/
.df_memberBtn{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;	
display:inline-block;
margin: 10px 0;
}
.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;
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_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_green{
margin:15px 0 0 ;
}

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

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

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

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

}




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

.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 );
}



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

/*Facebook*/

.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(../../../shared/images/bg_login_fb.png) no-repeat 0% 50%;
padding: 7px 0 7px 20px;
}

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

/*Twitter*/
.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(../../../shared/images/bg_login_tw.png) no-repeat 0% 50%;
padding: 7px 0 7px 20px;
}

@media only screen and (max-width:640px) {
.df_memberBtn.df_tw .df_btnInner, .df_memberBtn.df_fb .df_btnInner {
width: 175px;
}

.df_memberBtn.df_tw .df_btnInner{
padding-left: 40px;
}

.df_memberBtn.df_fb .df_btnInner{
padding-left: 40px;
}
}

.df_memberBtn.df_tw.df_snsLink .df_btnInner{
padding:7px 0;
}

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


/*小サイズ*/

/*Facebook*/

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

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

/*Twitter*/

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

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

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


.df_memberBtn.df_snsConnect {
float:right;
margin:5px 10px;
}

/*Facebook*/

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

/*Twitter*/

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



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

.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);
background-color:transparent;
}


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

.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_user h3 {
color: #84868a;
font-weight: bold;
font-size: 1.1em;
background: url(../../../shared/images/icon_arrow_shikaku_orange_right.png) no-repeat 0px 50%;
padding: 0 0 0 23px;
margin: 20px 0 10px 0; }
#df_user .df_cornerTitleMiddle {
color: #84868a;
font-weight: bold;
border-left/*\**/: solid 4px #FD341F\9;
/* IE8のみ */
border-bottom/*\**/: none\9;
/* IE8のみ */
margin: 20px 0 15px; }
#df_user .df_cornerTitleMiddle:not(:target) {
border-left: none\9;
/* IE9のみ */
border-bottom: none\9;
/* IE9のみ */ }
#df_user .df_cornerTitleMiddle:before {
background: none; }
#df_user .df_cornerTitleMiddle:after {
background: #a7a5a0;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNhN2E1YTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM4MTdmNzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #a7a5a0 50%, #817f78 50%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #a7a5a0), color-stop(50%, #817f78));
background: -webkit-linear-gradient(top, #a7a5a0 50%, #817f78 50%);
background: -o-linear-gradient(top, #a7a5a0 50%, #817f78 50%);
background: -ms-linear-gradient(top, #a7a5a0 50%, #817f78 50%);
background: linear-gradient(to bottom, #a7a5a0 50%, #817f78 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a7a5a0', endColorstr='#817f78',GradientType=0 );
top: 3px;
height: 20px; }
#df_user .df_mypageMenuWrap {
border: solid 1px #b3b3b3;
margin: 0 auto 15px auto; }
#df_user .df_mypageMenu {
border-top: dotted 1px #b3b3b3;
padding: 15px 20px; }
@media screen and (max-width: 640px) {
#df_user .df_mypageMenu {
padding: 10px 15px; } }
#df_user .df_mypageMenu p {
background: url(../../../shared/images/icon_arrow_shikaku_orange_right.png) no-repeat 0px 50%;
padding: 0 0 0 23px;
width: 27%;
float: left; }
@media screen and (max-width: 640px) {
#df_user .df_mypageMenu p {
width: 100%; } }
#df_user .df_mypageMenu span {
display: inline-block;
overflow: hidden; }
@media screen and (max-width: 640px) {
#df_user .df_mypageMenu span {
padding: 0 0 0 25px; } }
#df_user .df_mypageMenu.df_first {
border-top: none; }
#df_user .df_even {
background: #f7f7f7; }
#df_user .df_grayBlockWrap {
border: 1px solid #e6e5e2;
padding: 1px; }

#df_user .df_grayBlock {
background: #f9f8f4;
padding: 18px; }
#df_user .df_grayBlockInner {
background: #fff;
padding: 18px; }

#df_user .df_grayBlockWrap.df_loginPage .df_grayBlock{
padding: 1px 18px 18px; }




#df_user .df_grayBlockInner.df_carrierLogin {
text-align:center; 
}
#df_user .df_carrierLogin p{
font-size:0.85em; 
}
#df_user .df_grayBlockInner.df_carrierLogin img{
display:inline-block;
margin:10px 0 20px 0; 

}

#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; }
#df_user .df_blueBlockWrap.df_connect {
width: 80%;
margin: 15px auto 10px auto; }
#df_user .df_blueBlockWrap.df_connect .df_blueBlock {
background: #edf5f8;
padding: 8px;
font-weight: bold;
color: #666666;
overflow: hidden; }
#df_user .df_blueBlockWrap.df_connect .df_blueBlock p {
float: left;
padding: 13px 10px 0 13px; }
#df_user .df_beigeBlockWrap {
border: 1px solid #f9dfca;
padding: 1px;
margin: 5px 0 15px 0; }
#df_user .df_beigeBlock {
background: #fffded; }
#df_user .df_beigeBlock p {
padding: 5px 0 10px; }
#df_user .df_beigeBlock p a {
font-size: 0.9em;
background: url(../../../shared/images/icon_arrow_plain_orange_dark_right.png) no-repeat 0px 50%;
padding: 0 0 0 10px; }
#df_user .df_premiumBlockWrap {
border: 1px solid #e1d4ab;
padding: 1px; }
#df_user .df_premiumBlock {
background: url(../../../shared/images/bg_premium.png) #fff4d7;
padding: 0 0 1px 0; }
#df_user .df_premiumBlock .df_title_image {
position: relative;
top: -4px;
left: -4px; }
#df_user .df_premiumBlockInner {
background: none;
margin: 5px 20px;
padding: 0px;
border: none; }
#df_user .df_table.df_user {
border: solid 1px #e1dfd2;
border-style: none none solid none; }
#df_user .df_table.df_user dt {
background: #fffce8;
border: solid 1px #e1dfd2;
border-bottom: none; }
#df_user .df_table.df_user dd {
background: #fffffc;
border: solid 1px #e1dfd2;
border-bottom: none; }
#df_user .df_kiyakuPrivacy {
margin: 10px 0 0 0; }
#df_user .df_kiyakuPrivacy li {
display: inline-block; }
#df_user .df_kiyakuPrivacy li:first-child {
margin: 0 10px 0 0; }
#df_user .df_kiyakuPrivacy li a {
background: url(../../../shared/images/icon_arrow_plain_gray_right.png) no-repeat 0px 50%;
padding: 0 0 0 10px;
font-size: 0.9em; }
#df_user .df_selectionWrap {
width: 330px;
float: left;
font-size: 0.9em; }
#df_user #df_formSet .df_selectionWrap:first-child {
margin: 0 10px 0 0; }
#df_user .df_table.df_selectionTable dt {
width: 30%; }
#df_user .df_table.df_selectionTable dd {
margin-left: 34%; }
#df_user .df_selectionWrap.df_confirm {
width: 330px;
float: none;
font-size: 0.9em;
margin: 0 auto 15px; }
#df_user .df_selectRadio {
border: solid 1px #e1dfd2;
border-style: none solid solid solid;
padding: 8px 0;
text-align: center;
width: 326px;
background: #f3f3f0; }


/*------------------------------------
会員情報登録の表
--------------------------------------*/
#df_formSet .df_table.df_user .df_inputText {
height: auto; }

/*------------------------------------
SSLテキスト
--------------------------------------*/
#sslTxt {
margin:20px 0;
padding:10px;
border:solid 1px #9FA0A0;
font-size:0.9em;
}




/*------------------------------------
コーナータイトル
--------------------------------------*/

.df_cornerMainTitle {
padding: 3px 0;
margin:15px 0 0 0;
font-size:16px;
color: #5B5D63;
background:#E3E3E3;
}

/*--- 会員キャリアログイン画面のところ ---*/
span.status {
display: block;
font-weight: bold;
font-size: 1.2em;
text-align: center;
margin-bottom: 4px;
}


.mStatus span {
font-weight: bold;
display: block;
background: #EEE;
padding:6px 8px;
margin-bottom: 14px;
}

.mStatus span:before {
content: "■";
color: #F90;
display: inline-block;
padding-right: 4px;
}
#df_user{
	margin:80px 0 0 0 ;	
}
.df_blueBlockMessage{
	text-align:center;	
}

.df_modoruLink{
	padding:10px 0;
margin:20px 15px 10px 10px;
text-align:center;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 3px #000000;
-webkit-box-shadow: 0px 0px 3px #000000;
box-shadow: 0px 0px 3px #000000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f2f2f2');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f2f2f2')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
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;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/	
}
.df_formText{
	margin:0 10px;	
}

#kakin-wrap{
	margin:80px 0 0 0;
	text-align:center;
}