@CHARSET "UTF-8";

/* embed.html page */
.ModalContainer { position: fixed; width: 100%; height:100%; z-index: 99999; top: 0; right: 0; bottom: 0; left: 0; display: block; overflow: scroll; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; }
#EmbedModal.ModalContainer{background-color:rgba(0,0,0,0.80);}
.ModalContainer .modal wide { margin-bottom: -165px; }
.ModalContainer .wide { width: 430px;  margin-left: -265px; }
.ModalContainer .modal { position: fixed; z-index: 2; left: 50%; padding: 30px 50px 35px; background: #fff; box-shadow: 0 2px 5px rgba(34, 25, 25, 0.5); -moz-box-shadow: 0 2px 5px rgba(34, 25, 25, 0.5); -webkit-box-shadow: 0 2px 5px rgba(34, 25, 25, 0.5); -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -webkit-backface-visibility: hidden; }
.ModalContainer .modal .header { position: relative; margin: 0 0 20px; padding-bottom:15px; border-bottom: 1px dotted #bfbfbf; }
.ModalContainer .modal .header.snsshare{ margin: 0 0 15px; padding-bottom:0; border-bottom:none; }
.ModalContainer .modal .close { position: absolute; z-index: 1; top:0; right: 0; bottom:20px; display: block; width: 28px; height:28px; text-indent: -9999px;  background: url("http://sns.birthdaybank.jp/static/images/icon_01.gif") 0 0 no-repeat; }
.ModalContainer a { font-weight: bold; text-decoration: none; outline: none; }
.ModalContainer .modal .close strong { display: none; }
.ModalContainer .modal .close span { position: absolute; top: 50%; right: 0; bottom: 0; left: 0; width:28px; height:28px; margin-top:-14px; background: url("http://sns.birthdaybank.jp/static/images/icon_01.gif") -52px -44px no-repeat; }
.ModalContainer .modal .Form ul { border-top: none; }
.ModalContainer .FancyForm li,.ModalContainer .FancyContainer { position: relative; }
.ModalContainer .Form li { display: block; margin-bottom: 18px; font-size: 14px;}
.ModalContainer .Form li label{width:100px;display: inline-block;overflow:hidden;} 
.ModalContainer .Form li { list-style: none; text-align: -webkit-match-parent; }
.ModalContainer input[type="text"],.ModalContainer .FancyForm input[type="password"],.ModalContainer .FancyForm textarea { position: relative; z-index: 3; display: block; width: 100%; background: transparent; border: 1px solid #A4A2A2; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: inset 0 1px rgba(34, 25, 25, 0.15), 0 1px  rgba(255, 255, 255, 0.8); -moz-box-shadow: inset 0 1px rgba(34, 25, 25, 0.15), 0 1px  rgba(255, 255, 255, 0.8); -webkit-box-shadow: inset 0 1px rgba(34, 25, 25, 0.15), 0 1px  rgba(255, 255, 255, 0.8); -webkit-transition: all 0.08s ease-in-out; -moz-transition: all 0.08s ease-in-out; }
.ModalContainer .Form input[type="text"],.ModalContainer .Form input[type="password"],.ModalContainer .Form textarea { display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; background: #f3f3f3; padding:7px 10px; color: #6C6C6C; line-height: 1.4em; font-size: 14px; border: 1px solid #B7B7B7; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-transition: all 0.08s ease-in-out; -webkit-transition: all 0.08s ease-in-out; -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,.4); -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.4); box-shadow: inset 1px 1px 3px rgba(0,0,0,.24); }
.ModalContainer textarea,.ModalContainer input { padding: 5px; line-height: 1em; color: #8C7E7E; background: #FCF9F9; border: 1px solid; box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.75); -moz-box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.75); -webkit-box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.75); border-color: #DDD #E1DFDF #D1CDCD; }
.ModalContainer input,.ModalContainer textarea,.ModalContainer select { font-family: inherit; font-size: inherit; font-weight: inherit; resize: none; outline: none; }
.ModalContainer #EmbedImageWidth { display: inline-block; width: 25%; min-width: 25%; }

.ModalContainer .FancyForm .fff { position: absolute; z-index: 1; top: 0; right: 0; left: 100px; bottom: 0; background-color: white; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
textarea#EmbedHTMLCode,textarea#MessageBody{ height: 106px; }

#EmbedModal.ModalContainer .thin{top:100px; margin-bottom:0;}
.ModalContainer .thin { width: 367px; margin-left: -233.5px; margin-bottom: -192.5px; }
.ModalContainer ul,.ModalContainer menu,.ModalContainer dir { display: block; list-style-type: disc; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; }
.ModalContainer .error { font-size: 18px; font-weight: 300; color: red !important; }

.ModalContainer .Button{display: inline-block; text-align: center; text-decoration: none; color:#6c6c6c;
 -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; -ms-transition: all 0.15s ease; transition: all 0.15s ease;}
.ModalContainer .black {color: #fff; background: #1c1b1a; padding:0 5px; text-shadow: 1px 1px 1px rgba(0,0,0, .22); 
background-image: -moz-linear-gradient(top,  #454444 0%, #1c1b1a 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#454444), color-stop(100%,#1c1b1a)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top,  #454444 0%,#1c1b1a 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top,  #454444 0%,#1c1b1a 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(top,  #454444 0%,#1c1b1a 100%); /* IE10+ */
background-image: linear-gradient(top,  #454444 0%,#1c1b1a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#454444', endColorstr='#1c1b1a');/* ie8*/
border-bottom:1px solid #1c1b1a; border-right:1px solid #1c1b1a; border-top:1px solid #888787; border-left:1px solid #888787;
}
.ModalContainer a.black:visited{background:#1c1b1a; text-decoration: none; }
.ModalContainer a.black:hover{background:#454444; text-decoration: none; }
.ModalContainer a.black:active{ 
background-color:#454444;	
background-image: -moz-linear-gradient(top,  #1c1b1a 0%, #454444 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c1b1a), color-stop(100%,#454444)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top,  #1c1b1a 0%,#454444 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top,  #1c1b1a 0%,#454444 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(top,  #1c1b1a 0%,#454444 100%); /* IE10+ */
background-image: linear-gradient(top,  #1c1b1a 0%,#454444 100%); /* W3C */
text-decoration:none; 
}
.ModalContainer a.black.disable,.ModalContainer a.black.disable:visited,.ModalContainer a.black.disable:hover,.ModalContainer a.black.disable:active{background:#aaa; text-decoration: none; cursor:default; border: 1px solid #999; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#aaaaaa');}

.ModalContainer .button160{width:160px; height:40px; line-height:40px;}

.ModalContainer .Form fieldset {float: left;border: 0;font-weight: normal; width:100%;}
.ModalContainer .radios label{display: block; line-height: 30px;}
.ModalContainer textarea.ortherReasons{height:60px; margin: 20px 0 0;}
.ModalContainer .thin_pin_sent{text-align: center; width: 100%; float: left; margin: 20px 0 0;}


.ret {display: block; height: 100%;width: 100%; z-index: 99999;position: absolute;top: 0; background-color:rgba(0,0,0,0.30);}
.ret .modal{width: 367px; padding-top:30px;padding-left:50px;padding-bottom:35px;padding-right:50px; background: #fff; margin: 101px auto;}
.ret .modal .header{margin: 0 0 20px; padding-bottom:20px; border-bottom: 1px dotted #bfbfbf;}
.ret .modal .header a{float: right;}
.ret .modal .close span {margin-top:-8px;display:block; width:28px; height:28px; background: url("http://sns.birthdaybank.jp/static/images/icon_01.gif") -52px -44px no-repeat; }
.ret .Form fieldset {float: left;border: 0;font-weight: normal; width:100%;}
.ret .radios label{display: block; line-height: 30px;}
.ret .thin_pin_sent{text-align: center; width: 100%; float: left; margin: 20px 0 0;}
.ret textarea.ortherReasons{height:60px; margin: 20px 0 0;}
.ret .button160{width:160px; height:40px; line-height:40px;}
.ret textarea,.ret input { padding: 5px; line-height: 1em; color: #8C7E7E; background: #FCF9F9; border: 1px solid; box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.75); -moz-box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.75); -webkit-box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.75); border-color: #DDD #E1DFDF #D1CDCD;
width:100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
background: #F3F3F3;
padding: 7px 10px;
color: #6C6C6C;
line-height: 1.4em;
font-size: 14px;
border: 1px solid #B7B7B7;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-moz-transition: all 0.08s ease-in-out;
-webkit-transition: all 0.08s ease-in-out;
-moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .4);
-webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .4);
box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .24);}
.ModalContainer .header h2{line-height: 33px;height: 33px;}
.ModalContainer h2.fbshare,.ModalContainer h2.twshare{display: block;padding-left: 30px;background: url("http://sns.birthdaybank.jp/static/images/icon02.png") no-repeat;line-height: 33px;height: 33px;}
.ModalContainer h2.fbshare{background-position: 0 -165px;}
.ModalContainer h2.twshare{background-position: 0 -165px; background-position: 0 -206px;}