/**** Base styles ****/
@import url("/common/css/base.css");
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
img{border:none; vertical-align:middle;}
ol, ul {list-style: none;}
a {color:#6c6c6c;  text-decoration: none; cursor:pointer;}
a:hover {text-decoration: none; color:#EA6380; }
a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ }
a:focus{ -moz-outline-style: none; /* FF */ }
h1 { font-size: 36px; }
h2 { font-size: 16px; font-weight: bold;}
strong { font-weight: bold; }
.cl{clear: both;}
p{word-wrap: break-word; /*word-break: break-all;*/}
p a{word-wrap: break-word; /*word-break: break-all;*/}

body{background:#F3F3F3 url("http://sns.birthdaybank.jp/static/images/bgall.gif") 0 0 repeat; font-size:10px; -webkit-text-size-adjust:none; color:#6c6c6c; font-family: "メイリオ",Meiryo,Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; line-height: 1.6em; overflow-y: scroll; position: relative;}
.bgup{background:#F3F3F3 url("http://sns.birthdaybank.jp/static/images/bgup.gif") 0 0 repeat; width:100%; height:530px; z-index:1; position:absolute; top:0; left:0;right:0;}
/* html{overflow-y:scroll }*/
* html #header {position:absolute;}
.clearfloat:after { content: ".";  display: block;  height: 0; clear: both; visibility: hidden; } 
/* Hides from IE-mac \*/ 
* html .clearfloat {height: 1%;} 
/* End hide from IE-mac */ 

/* BUTTONS
--------------------------------------------------------------------------------------- */
.Button,.Button01,.Button02,.Button03{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;
}
.Button,.Button01,.Button02{-moz-border-radius:3px; -webkit-border-radius: 3px; border-radius:3px;}
a.Button:hover,a.Button01:hover,a.Button02:hover,a.Button03:hover{text-decoration: none;}
a.Button:active,a.Button01:active,a.Button02:active,a.Button03:active{-moz-transition: none;-o-transition: none;-webkit-transition: none;}
.btnShadow{font-size:10px;  -webkit-text-size-adjust:none; min-width:53px; *width:53px; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff;-ms-box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff;}

/* black Color */
.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;
}

a.black:visited{background:#1c1b1a; text-decoration: none; }
a.black:hover{background:#454444; text-decoration: none; cursor:pointer; }
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 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c1b1a', endColorstr='#4544441c1b1a');/* ie8*/
text-decoration:none; 
} 
a.black.disable,a.black.disable:visited,a.black.disable:hover,a.black.disable:active{background:#aaa; text-decoration: none; cursor:default; border: 1px solid #999; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#aaaaaa');}

.Button02 span{border-top:1px solid #fff; padding:0 3px; border-left:1px solid #fff; display:block;  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align:center; text-shadow: 0 1px #ffffff;  }

/* Gray01 Color */
.gray01 {color: #6c6c6c; background: #dfdfdf; 
border:1px solid #b7b7b7;
background-image: -moz-linear-gradient(top,  #ffffff 0%, #cfcfcf 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cfcfcf)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top,  #ffffff 0%,#cfcfcf 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top,  #ffffff 0%,#cfcfcf 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(top,  #ffffff 0%,#cfcfcf 100%); /* IE10+ */
background-image: linear-gradient(top,  #ffffff 0%,#cfcfcf 100%); /* W3C */
}

a.gray01:hover{background:#e6e6e6; color:#6c6c6c; }
a.gray01:active{
background-color:#d0d0d0;	
background-image: -moz-linear-gradient(top,  #d0d0d0 0%, #fefefe 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0d0d0), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top,  #d0d0d0 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top,  #d0d0d0 0%,#fefefe 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(top,  #d0d0d0 0%,#fefefe 100%); /* IE10+ */
background-image: linear-gradient(top,  #d0d0d0 0%,#fefefe 100%); /* W3C */
text-decoration:none;  color:#a3a3a3;
} 
.gray01.clicked{background:#e6e6e6;  color:#6c6c6c;}

/* Gray02 Color */
.gray02{color: #6c6c6c; background: #FBFBFB; 
border:1px solid #b7b7b7;
background-image: -moz-linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .05) 49%, rgba(0, 0, 0, .05) 51%, rgba(0, 0, 0, .1));
background-image: -ms-linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .05) 49%, rgba(0, 0, 0, .05) 51%, rgba(0, 0, 0, .1));
background-image: -o-linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .05) 49%, rgba(0, 0, 0, .05) 51%, rgba(0, 0, 0, .1));
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .1)), color-stop(49%, rgba(255, 255, 255, .05)), color-stop(51%, rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, .1)));
background-image: -webkit-linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .05) 49%, rgba(0, 0, 0, .05) 51%, rgba(0, 0, 0, .1));
background-image: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .05) 49%, rgba(0, 0, 0, .05) 51%, rgba(0, 0, 0, .1));
}
a.gray02:hover,input.gray02[type="submit"]:hover{background:#e6e6e6; color:#6c6c6c; }
a.gray02:active,input.gray02[type="submit"]:active{
background-color:#d0d0d0;	
background-image: -moz-linear-gradient(top,  #d0d0d0 0%, #fefefe 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0d0d0), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top,  #d0d0d0 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top,  #d0d0d0 0%,#fefefe 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(top,  #d0d0d0 0%,#fefefe 100%); /* IE10+ */
background-image: linear-gradient(top,  #d0d0d0 0%,#fefefe 100%); /* W3C */
text-decoration:none;  color:#a3a3a3;
} 
.gray02.clicked{background:#e6e6e6;  color:#6c6c6c;}

/* orange01 Color */
.orange01{color: #fff; background: #fc853c; 
border:1px solid #eb8340;
background-image: -moz-linear-gradient(top,  #ffe190 0%, #fc853c 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe190), color-stop(100%,#fc853c)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top,  #ffe190 0%,#fc853c 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top,  #ffe190 0%,#fc853c 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(top,  #ffe190 0%,#fc853c 100%); /* IE10+ */
background-image: linear-gradient(top,  #ffe190 0%,#fc853c 100%); /* W3C */
}
a.orange01:hover{background:#feaa5a; color:#fff; }
a.orange01:active{
background-color:#fc853c; color:#fff;
background-image: -moz-linear-gradient(top,  #fc853c 0%, #ffe190 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc853c), color-stop(100%,#ffe190)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top,  #fc853c 0%,#ffe190 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top,  #fc853c 0%,#ffe190 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(top,  #fc853c 0%,#ffe190 100%); /* IE10+ */
background-image: linear-gradient(top,  #fc853c 0%,#ffe190 100%); /* W3C */
text-decoration:none; 
} 
.orange01.clicked{background:#fc853c;  color:#fff;}
.orange01 span {border-top: 0px solid white;padding: 0 3px;border-left: 0px solid white;display: block;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;text-align: center;text-shadow:none;}

.Button03 span{ display:block; height:30px; text-shadow: 0 1px white; line-height:30px; text-align:center;  }
/* Orange03 Color */
.orange03{text-decoration: none; 
color:#666; background: #d3d3d3;
background-image: -moz-linear-gradient(top,  #ffffff 0%, #d3d3d3 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d3d3d3)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top,  #ffffff 0%,#d3d3d3 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top,  #ffffff 0%,#d3d3d3 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(top,  #ffffff 0%,#d3d3d3 100%); /* IE10+ */
background-image: linear-gradient(top,  #ffffff 0%,#d3d3d3 100%); /* W3C */
/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#d3d3d3'); ie8*/
border-bottom:1px solid #b3b3b3; border-top:0px;
}

/*a.orange03:visited{background:#e6e6e6;}*/
a.orange03:hover{color: #666; text-decoration: none; background:#e6e6e6; }
a.orange03:active{
backgroundr:#d3d3d3;
background-image: -moz-linear-gradient(top,  #d3d3d3 0%, #ffffff 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top,  #d3d3d3 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top,  #d3d3d3 0%,#ffffff 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(top,  #d3d3d3 0%,#ffffff 100%); /* IE10+ */
background-image: linear-gradient(top,  #d3d3d3 0%,#ffffff 100%); /* W3C */
/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3d3d3',endColorstr='#ffffff');*/
}

a.orange03.clicked{background:#e6e6e6;}


.btnRadius,.btnRadius span{ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.button194{ width:auto; min-width:194px;}
.button120{width:auto; min-width:120px; border:1px solid #ccc;}
.button14{font-size:14px; min-width:120px; height:35px;}
.button130{width:auto; min-width:130px;  font-size:14px; height:33px; line-height:33px;}
.button50{width:auto; min-width:50px; font-size:12px; height:26px; line-height:26px;}
.button60{width:auto; min-width:60px; }
.button195{width:auto; min-width:195px; padding:10px;}

.button215 span{min-width:215px; *width:214px;}
.button162{min-width:162px;}
.button190 span{min-width:194px;height:34px; line-height:34px;}
.button126 span{min-width:120px; height:35px; line-height:35px;}
.button56 span{min-width:56px; height:26px; line-height:26px;}
.button50 span{min-width:50px;}
.button60 span{min-width:60px; height:30px; line-height:30px;}
.button186 span{min-width:180px; height:34px; line-height:34px;  text-align:left;}
.button175 span{min-width:175px; height:34px; line-height:34px;  text-align:left;}
.button200 span{min-width:200px; height:34px; line-height:34px;}
.button140 span{min-width:140px; height:34px; line-height:34px;  text-align:left;}

.mr5{margin-right:5px;}
.ml5{margin-left:5px;}
.mt5{margin-top:5px;}
.mb5{margin-bottom:5px;}

.mt8{margin-top:8px;}

.mr10{margin-right:10px;}
.ml10{margin-left:10px;}
.mt10{margin-top:10px;}
.mb10{margin-bottom:10px;}

.mr15{margin-right:15px;}
.ml15{margin-left:15px;}
.mt15{margin-top:15px;}
.mb15{margin-bottom:15px;}

.mr20{margin-right:20px;}
.ml20{margin-left:20px;}
.mt20{margin-top:20px;}
.mb20{margin-bottom:20px;}

.ml30{margin-left:30px;}
.mr30{margin-right:30px;}
.mt30{margin-top:30px;}
.mb30{margin-bottom:30px;}

.ft{float:left;}
.rt{float:right;}

input[type="file"]{cursor: pointer;}
input,textarea{display: inline-block; overflow:visible; margin: 0; padding:5px; line-height:1; font-size:14px; background:#fff; color:#6c6c6c; border: 1px solid #c9c9c9;position:relative; resize: none;outline: none;}
textarea{line-height:1.4;}
input:-webkit-autofill{background-color:#fff!important;}
textarea{ padding:5px 5px 0 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing   : border-box;
	-ms-box-sizing    : border-box;
	-o-box-sizing     : border-box;
	box-sizing        : border-box;
}
:-moz-placeholder{color: #bbb; }
::-webkit-input-placeholder{color:#bbb;}
:-ms-input-placeholder {color:#bbb;}
h1{clear: both; font-size: 28px; font-weight: 300; line-height: 30px;}
.btn_bg03{width:80px; height:22px; line-height:22px;  margin-right:10px; border:1px solid #ccc; }
.btn_bg03 span{ height:21px; line-height:21px;border-left:1px solid #fff; border-top:1px solid #fff;  }

.birth_mainwrap{ width:980px; background:#f4f1e8; margin:0 auto; z-index:2; position: relative;  min-height: 1000px; padding-bottom:30px;
box-shadow: 0 -4px 10px rgba(105, 104, 104, 0.4);
-webkit-box-shadow: 0 -4px 10px rgba(105, 104, 104, 0.4);
-moz-box-shadow: 0 -4px 10px rgba(105, 104, 104, 0.4);
}

#content {margin:20px auto 0; clear: both;position:relative; width: 920px; min-width:460px;z-index:2; padding-bottom: 10px;}
#header{background:#fdf9f6; box-shadow:0 2px 6px rgba(105, 104, 104, 0.4); -webkit-box-shadow:0 2px 6px rgba(105, 104, 104, 0.4); -moz-box-shadow:0 2px 6px rgba(105, 104, 104, 0.4);
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#bbbbbb')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#bbbbbb');
}
.birthtop{position: relative;}
.topnav{height:30px; width:100%; background:url("http://sns.birthdaybank.jp/static/images/topup.jpg") 0 0 repeat-x;}
.topnav ul{float:right;}
.topnav ul li{display:inline-block; border-left:1px solid #7b6960; padding:0 10px; height:30px; line-height:30px; color:#fdf9f8;background: url("http://sns.birthdaybank.jp/static/images/topup.jpg") 0 0 repeat-x;}
.topnav ul li a{display:inline-block; height:30px; color:#fdf9f8; font-weight: bold; min-width:64px;text-align:center;}
.topnav ul li.cart{background:#089899;}
.topnav ul li.cart a{background:url("/sns-sub/static/images/cart.gif") 0 center no-repeat; padding-left:25px; min-width:40px; text-align:left;}
.topnav ul li:hover{background:rgba(255,255,255,0.3);opacity: 0.8; filter:alpha(opacity=80);-moz-opacity:0.8; -khtml-opacity: 0.8;}
.topnav ul li.cart:hover{background:#089899;}
.topnav ul li a:hover{text-decoration:none;}
.mainav{width:100%; text-align:right;}
.mainav .textlinks{float:right; margin:20px 20px 0 0; width: 100%;}
.mainav .textlinks a{padding:0 8px;}
.mainav .textlinks a.btnright{ border:1px solid #069897; color:#069897; -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;text-align: center;}
.mainav .textlinks a:hover{text-decoration:none; color:#069897;}
.mainav .textlinks a.btnright:hover{background:#c7e7e8;}

.mainav ul.navlist{float:right; margin-top:25px; font-size: 12px; }
.mainav ul.navlist li{display:inline-block; border-top:1px solid #d3d3d3; border-left:1px solid #d3d3d3; }
.mainav ul.navlist li a{display:block; width:148px; height:39px; line-height:39px; text-align:center; font-weight: bold;}
.mainav ul.navlist li a:hover{text-decoration:none; background:#f7efe4; color:#089799;}
.birsearch{float:right; width:100%; background:url("/sns-sub/static/images/bgtopdown.jpg") 0 0 repeat-x; height:36px; line-height:36px; text-align:right; position:relative;}
.birsearch-left,.birsearch-right input.birsearch-input{ height:10px; border:0px; -moz-border-radius: 0px;-webkit-border-radius: 0px; border-radius: 0px;
padding:5px; float: left;}
.birsearch-left{width:500px; margin-left: 235px;}
.birsearch-right{display: block;width: 160px;height: 22px;position: absolute;right: 20px;top: 8px;}
.birsearch-right input.birsearch-input{width:150px;}
.birsearch-right .btnser{right: 5px;top: 4px;}

.tickercontainer {width: 500px;height: 22px;background-color: white;margin: 0;padding: 0;overflow: hidden;position: absolute;left: 259px;top: 7px;}
.tickercontainer .mask {position: relative;top: 2px;height: 20px;overflow: hidden;}
ul.newsticker{position: relative;font-size:13px;list-style-type: none;margin: 0;}
ul.newsticker li{float: left;margin: 0;padding-right: 25px; line-height:20px; height:20px;}

.hdtop{height:40px; margin-top: 35px;}
.birthtop .logo{position:absolute; top:0; left:15px; z-index:2; dispaly:block; background:url("/sns-sub/static/images/logo.png") 0 center no-repeat;}
.birthtop .logo img{width:169px; height:166px;}
.birthtop h1{position: absolute;top: 50px;left: 190px;font-size: 14px;}

#header .wrapper{ margin:0 auto; width:auto; line-height:40px; height:40px;}
#header .wrapper .hd_left{float:left;}
#header .wrapper .hd_right{width:auto; min-width:500px;}
.hd_right .navmenu{position: relative;float: right; display:inline; margin-right: 40px;}
.hd_right .navmenu li{float:left; display:inline; position: relative;}
.hd_right .navmenu li ul{position: absolute; z-index: 10; color:#333; right:0; top:40px; width:207px; background-color:#f2f2f2; box-shadow:0 6px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 6px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 6px 4px rgba(0, 0, 0, 0.2); filter: Alpha(opacity=95);/*ie*/-moz-opacity:0.95; /*ff*/  opacity:0.95;  visibility: hidden;}
.hd_right .navmenu li ul li{font-weight:normal;  color:#6c6c6c; width:100%; padding-top: expression_r(this.previousSibling==null?'15px':'10px'); padding-bottom: expression_r(this.nextSibling==null?'15px':'10px');}
.hd_right .navmenu li.menu ul li a{color:#6c6c6c;  padding: 8px 10px; display:block;}
.hd_right .navmenu li.noticli ul li{padding:10px; width:187px;}
.hd_right .navmenu li ul li:first-child a{padding-top:15px;}
.hd_right .navmenu li ul li:last-child a{padding-bottom:15px;}
.hd_right .navmenu li ul li.noborder{border-bottom:none;}
.hd_right .navmenu li ul li.title{font-weight:bold; font-size:12px; line-height:36px; height:36px;  }
.hd_right .navmenu li:hover ul { visibility: visible; }
.hd_right .navmenu li#noticli:hover ul { visibility: hidden; }

.hd_right .navmenu li ul li:hover{background:#c5c5c5; }

.hd_right .navmenu li ul a:hover {color:#858c85; text-decoration:underline;}
.hd_right .navmenu li ul li a.linkimg26{float:left; width:26px; height:26px; display:inline-block; }
.hd_right .navmenu li ul li a.linkimg26 .img26{max-width:26px; max-height:26px; margin:0 auto; display:block;}
.hd_right .navmenu li ul li .notetext{float:left; display:inline-block; line-height:13px; padding:0 0 0 10px; width:150px; word-wrap: break-word; break-word: break-all; }
.hd_right .navmenu li ul li:hover .notetext a{ color:#fff;}
.notenum{position: absolute; color:#fff; top:2px; right:0; background:#ff3a7b; width:14px; height:14px; line-height:16px; text-align:center;}
.notenum a{ color:#fff; font-size:12px;}
.engirUnlogin,.engirjia,.engirco{width:24px; height:24px; background:url("http://sns.birthdaybank.jp/static/images/icon_01.gif") no-repeat;}
.engirUnlogin{background-position:-198px -198px;}
.engirco{background-position:-100px -198px;}
.engirjia{background-position:-149px -198px;}
.hd_right .navmenu li ul li a.settext{line-height:14px; width: 120px; display: block; text-align:left;}
.hd_right .navmenu li ul li:hover a.settext{text-decoration:none; color:#fff; }
.hd_right .navmenu li ul.headerWid150{width:150px;}
.hd_right .navmenu li ul.headerWid150 li a.settext{width:130px;}

.hd_right .navmenu li.noticli ul li:first-child{padding-top:10px;}
.hd_right .navmenu li.noticli ul li:last-child{padding-bottom:10px;}
.hd_right .navmenu li.noticli ul li:first-child a{padding-top:0;}
.hd_right .navmenu li ul li.notefoot{padding:0 0 10px 0; text-align:right; line-height:20px;}
.hd_right .navmenu li ul li.notefoot a{ font-size:10px;}
.hd_right .navmenu li ul li.notefoot:hover{background:none;}

.hd_left .hd_search{float:left; margin:8px 20px 0 20px;  position:relative;}
.seachbg{ position:relative; float:left; background: #fff; border:1px solid #eaeaea; font-size:12px; line-height:1.2; -webkit-text-size-adjust:none;  -moz-border-radius: 2px; -webkit-border-radius:2px; border-radius: 2px; width:152px; padding:4px 5px 2px; color:#999; }
.btnser{position:absolute; float:left; z-index:2; right: 8px;top: 5px; border:none; background:url("/sns-sub/static/images/btnsearch.gif") 0 0 no-repeat; width:15px; height:15px; padding:0; text-indent:-999px; overflow:hidden;}
.hdlf_linknav{float:left; position:relative; display:inline;}
.hdlf_linknav li{float:left; display:inline; position: relative;}
.hdlf_linknav li a{float:left;display:block; color:#999; height:40px; line-height:40px; font-weight:bold; padding:0 10px;  text-decoration:none;}
.hdlf_linknav li a:hover{ color:#6c6c6c;}
.hdlf_linknav li.current a{color:#6c6c6c; } 
.hdlf_linknav li ul{position: absolute; z-index:10; left:0; top:40px; width:240px; background-color:#F8F6F5;box-shadow:0 6px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 6px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 6px 4px rgba(0, 0, 0, 0.2); filter: Alpha(opacity=95);/*ie*/-moz-opacity:0.95; /*ff*/  opacity:0.95;}
.hdlf_linknav li ul li a{ display:block; width:120px; min-height:18px; height:auto;  line-height:20px;  padding:0 10px; font-weight:normal; overflow:hidden; white-space:nowrap; word-break:keep-all; text-overflow:ellipsis;}
.hdlf_linknav li:hover a{color:#6c6c6c;}
.hdlf_linknav li ul a:hover {background: #c5c5c5; color:#fff;  }

.hdlf_linknav li ul.all_navi li:first-child a{padding-top:10px;}
.hdlf_linknav li ul.all_navi li:last-child a{padding-bottom:10px;}
.hdlf_linknav li ul.all_navi li:nth-last-child(2) a{padding-bottom:10px;}
.hdlf_linknav li ul.all_navi li:nth-child(2) a{padding-top:10px;}

.hdlf_linknav li ul.follow_navi{padding:10px 0; min-width:280px; display: none;}
.hdlf_linknav li ul.interest_navi{display: none; width:auto; padding:10px 0;}
.hdlf_linknav li ul.interest_navi li dl.categoryDL,.hdlf_linknav li ul.follow_navi li dl.categoryDL{float:left; width:140px;}
.hdlf_linknav li ul.interest_navi li dl.tagDL,.hdlf_linknav li ul.follow_navi li dl.tagDL{float:left; width:120px;}
.hdlf_linknav li ul.interest_navi li dt,.hdlf_linknav li ul.follow_navi li dt{padding:0 0 5px 10px; color:#a4a4a4; font-weight:bold; line-height:20px;}
.hdlf_linknav li ul.interest_navi li dl.tagDL dd,.hdlf_linknav li ul.follow_navi li dl.tagDL dd{width:120px; float:left;}
.hdlf_linknav li ul.interest_navi li a.edite_navi,.hdlf_linknav li ul.follow_navi li a.edite_navi{color:#6c6c6c; width:auto; float:right; text-align:right; padding-right:10px; font-size:10px;  -webkit-text-size-adjust:none; }
.hdlf_linknav li ul.interest_navi li a.edite_navi:hover,.hdlf_linknav li ul.follow_navi li a.edite_navi:hover{background:none; text-decoration: underline; color:#999; font-weight:normal; }

.navmenu li .friend_nav{color:#6C6C6C;  line-height:40px; margin-right:30px; display:block; }
.navmenu li a.friend_nav:hover{color:#999; text-decoration:none;}
.userid{padding-right:10px; display:table-cell; height:40px; line-height:40px; text-decoration:none; vertical-align:middle; color:#6C6C6C; }
.userid img{ padding-right:10px; vertical-align:middle; float:left; margin-top:6px; }
.userid span{display:inline-block; text-decoration:none; max-width:175px; overflow:hidden; white-space:nowrap; word-break:keep-all; text-overflow:ellipsis;}
a.userid:hover{color:#858c85; text-decoration:none;}
.hdrt_link{ padding:0 5px; vertical-align:middle; display:table-cell;height:40px;}
.hdrt_link img{vertical-align:middle;}
a.logintext{padding: 0 10px; color: #999; font-weight:bold;}
a.logintext:hover{color: #6c6c6c; text-decoration: none;}
.comment{float:left; line-height:15px; margin-top:10px; padding:10px 0 0;  color:#666;  width:100%; position:relative; }
.noboder{border-bottom:none;}
.comment img{float:left; padding-right:10px;}
.comment p{float:left;  width: 152px; line-height:15px; word-wrap: break-word; word-break: break-all; font-size:10px; -webkit-text-size-adjust:none; }
.comment p.width312{width:312px;}
.comment p.width312{width:312px;}
.description{margin: 10px 10px 5px 0; overflow: hidden;}
.comment .btn_add{ width:auto; min-width:50px; float:right; margin-top:5px; font-size:10px;  -webkit-text-size-adjust:none;}
.comment .btn_add span{height:22px; line-height:22px;}

#container {margin:0 auto; display:block;}
#container.listpage{width:900px;}
.category_str{font-size:14px; margin:20px 0 10px;; color:#262626;  font-weight:bold;}
.category_str.mleft{margin-left:40px;}

.prohome-title{font-size:14px; line-height:36px; width:100%; color:#262626; font-weight:bold;}
.box{position:relative; margin:7px; overflow: hidden; float: left; background: #fff;
box-shadow:0 2px 4px rgba(105, 104, 104, 0.8); -webkit-box-shadow: 0 2px 4px rgba(105, 104, 104, 0.8); -moz-box-shadow:0 2px 4px rgba(105, 104, 104, 0.8);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#bbbbbb')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#bbbbbb');
}
.boxTra{position:relative; margin:5px; padding:0; overflow: hidden; float: left;  background: #fff;  box-shadow:0 2px 4px rgba(105, 104, 104, 0.8); -webkit-box-shadow:0 2px 4px rgba(105, 104, 104, 0.8); -moz-box-shadow:0 2px 4px rgba(105, 104, 104, 0.8);
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#bbbbbb')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#bbbbbb');
}
.boxboard {position:relative; margin: 5px; padding:5px 0 10px 15px; overflow: hidden; float: left;  background: #fff;
box-shadow:0 2px 4px rgba(105, 104, 104, 0.8); -webkit-box-shadow:0 2px 4px rgba(105, 104, 104, 0.8); -moz-box-shadow:0 2px 4px rgba(105, 104, 104, 0.8);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#bbbbbb')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#bbbbbb');
}

.col1 {width:160px; padding:5px;}
.col1 img {max-width:160px;}
.longimg{display: block; position: relative; width:192px; overflow:hidden;}
a.longimg:hover{text-decoration:none; curson:pointer;}
a.longimg img{display: block; margin:0 auto;}
a.longimg h1{ word-wrap: break-word; break-word: break-all;}
a.longimg h1.pintitle{max-height:36px; line-height:18px; overflow:hidden; margin:0 0 10px; color:#6c6c6c; font-size:10px; -webkit-text-size-adjust:none; font-weight:bold; line-height:15px; word-wrap: break-word; break-word: break-all; }
table.pin_textable,table.detail_textable{width: 100%;  color: #333;}
table.pin_textable tr td,table.detail_textable tr td{vertical-align: middle;  width:100%;}
table.pin_textable tr td.pin_textable_td{height:150px;}
table.pin_textable tr td.pin_textable_td a{color:#333;}
table.detail_textable tr td.detail_textable_td{height:250px;}

.pinArtical{position:relative;}
.pinArtical p,.sns_memo{width:100%; font-size:12px; -webkit-text-size-adjust:none; color: #333;}
.pinArtical p{margin-bottom:18px;}
.user_name_length{height:19px; overflow: hidden;white-space: nowrap;word-break: keep-all;text-overflow: ellipsis;}

.solidline{width:100%; border-bottom:1px solid #d0d0d0; height:0; font-size:0;}

.col3 {width:211px;margin: 5px; }
.col5{width:215px;}

.col2 .col2img img {width:358px; }
.box h3,.boxboard h3{font-size:12px; font-weight:bold; }
.box h3 .numright,.boxboard h3 .numright{float:right; font-weight:normal;}
.box:hover .action_button,.boxTra:hover .action_button{visibility: visible;}
.action_button {visibility: hidden; position: absolute;z-index: 3;top:5px;right: 5px;left: 5px; }
.nobox{position:absolute; z-index:10; top:0; left:0; right:0; bottom:0; background:url("/sns-sub/static/images/noboxbg.png") 0 0 no-repeat; border:none; -webkit-box-shadow:none; -moz-box-shadow:none; width:226px; height:277px; }

.box h3{ margin:10px 10px 5px;height: 19px;}
.box h3 a:hover,.boxboard h3 a:hover{text-decoration:none;}
.nextpage_board_name{display: block; width:auto; max-width:160px; *width:160px; _width:160px; overflow:hidden; white-space: nowrap; word-break: keep-all; text-overflow: ellipsis;}

.button_board{display: inline-block; text-align: center; text-decoration: none; font-weight:bold;  
-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;
color: #666; background: #d3d3d3;  text-shadow: 1px 1px 1px #fff; 
background-image: -moz-linear-gradient(top,  #fff 0%, #d3d3d3 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#d3d3d3)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top,  #fff 0%,#d3d3d3 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top,  #fff 0%,#d3d3d3 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(top,  #fff 0%,#d3d3d3 100%); /* IE10+ */
background-image: linear-gradient(top,  #fff 0%,#d3d3d3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#d3d3d3');/* ie8*/ width:100%; height:30px; line-height:30px;
behavior: url("http://engir.com/static/js/ie-css3.htc");
}

a.button_board:hover{text-decoration:none;}
.board_name_pin{color:#6C6C6C;font-weight: bold; font-size:11px;}

.boxTra h2.toptext{ font-size:20px; font-weight:bold; padding-right:10px; line-height:120%;}
.longimg .stop {display: block;position: absolute; width: 163px; height: 20px; left: 0; bottom: -1px; background: url("http://sns.birthdaybank.jp/static/images/long_image_shadow.png") no-repeat left top;}
.pin_info{float:left; border:1px solid #ccc; width:203px;}
.indexpinInfo{ margin:8px 0 0; line-height:18px;  font-size: 12px; -webkit-text-size-adjust:none; max-height: 90px; overflow: hidden; color: #333;}
.indexpinInfo p,.indexpinInfo h2{margin-bottom: 18px;}
.indexpinInfo a{color:#333;}
.indexpinInfo a:hover{text-decoration:none;}
.repinComment{ color:#666; font-size:10px; -webkit-text-size-adjust:none; }

.pin_website{float:left; width:195px; text-align:right; padding:10px;}
.videoimg_position{position:relative;width:192px; text-align: center;}

.zhuanzai{font-size:10px; margin:10px 0 0; -webkit-text-size-adjust:none;}

/* board_contents  page */
.corner-stamp {position:relative; width:270px; padding:10px; float: right; margin:5px;  height:auto; background:#fff; box-shadow:0 2px 4px rgba(105, 104, 104, 0.8); -webkit-box-shadow:0 2px 4px rgba(105, 104, 104, 0.8); -moz-box-shadow:0 2px 4px rgba(105, 104, 104, 0.8);}
.corner-stamp .tags{float:left;}

.time_str{ color:#999; font-size:9px; -webkit-text-size-adjust:none; margin-top:10px;}
.col2 {width:270px; padding:10px; }
.col2 img {max-width:270px;}
.col2 .longimg{display: block; position: relative; width:270px; overflow:hidden; line-height: 18px;}
.col2 a.longimg:hover{text-decoration:none; curson:pointer;}
.col2 a.longimg img{display: block; margin:0 auto;}
.col2 .videoimg_position {width:270px;}
.col2 .comment p {width:230px}
.col2 .comment p.owner{width:156px; padding-right:64px;}
.col2 audio,.col2 iframe,.col2 embed,.col2 object{display: block; margin:10px auto 0; max-width:270px;}
.birthcake{float:right; position:absolute; top:0; right:0;}
.birthcake .birthdg-img{background:url("http://sns.birthdaybank.jp/static/images/btn_buycake.gif") 0 0 no-repeat; width:64px; height:20px; padding-right:0;}

.pdf-icon,.ppt-icon,.doc-icon,.textpage-icon,.video-icon,.music-icon{position: absolute;display: block; right: 0; top:0; width:57px; height:57px; line-height:14px; text-align:center; color:#fff; font-size:12px; text-indent:-9999px;}
.textpage-icon{background:url("/sns-sub/static/images/type_icon.png") 0 -76px no-repeat;}
.video-icon{background:url("/sns-sub/static/images/type_icon.png") 0 0 no-repeat;}
.music-icon{background:url("/sns-sub/static/images/type_icon.png") 0 -153px no-repeat;}

.ppt-icon{background:#eb7a14;}
.doc-icon{background:#27438d;}

/**** Transitions ****/

.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.0s;
     -moz-transition-duration: 0.0s;
       -o-transition-duration: 0.0s;
          transition-duration: 0.0s;
}

.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick {
  -webkit-transition-property: bottom;
     -moz-transition-property: bottom;
       -o-transition-property: left;
          transition-property: left;
}


/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}

.newitem{filter: Alpha(opacity=0);/*ie*/-moz-opacity:0.0; /*ff*/  opacity:0.0; }

/* Infinite Scroll loader */
#infscr-loading { 
  text-align: center;
  z-index: 100;
  position: fixed;
  left: 45%;
  bottom: 40px;
  width: 200px;
  padding: 10px;
  background: #000; 
  opacity: 0.8;
  color: #FFF;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}

/**** Fluid ****/
.fluid .box.col1 { width: 16%; }
.fluid .box.col2 { width: 36%; }
.fluid .box.col3 { width: 56%; }

/**** Clearfix ****/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* Profile page */
.usrinfo{float:left; padding:15px; width:185px;}
.usrinfo .ImgLink{float: left; display:inline-block; width:100%;  max-height:105px; _height:105px; *height:105px; overflow:hidden;}
.usrinfo h2{margin-top:10px;  clear: both; float: left;}
.usrinfo h2 strong{display:inline-block; max-width:195px; overflow:hidden; white-space:nowrap; word-break:keep-all; text-overflow:ellipsis; float:left; padding-right:10px;}
.usrinfo h2 span{font-style: italic; font-weight:normal; font-size:12px; }
.usrinfo .ImgLink img{margin:0 auto; width:105px; height:auto;}
.usrinfo p{clear: both; line-height:20px; color:#6c6c6c; word-wrap: break-word; break-word: break-all;}
.usrinfo p span{}
.usrinfo .info{ line-height:16px; height:64px; overflow:hidden;}
.WhiteButton{margin:10px auto 0; width:190px; height:22px;}
.usrinfo .ProfileLinks{width:24px; height:24px; margin:0 5px 0 0;}
.activity{padding-top: 10px; border-top: 1px solid #e5e5e5; display: block; list-style-type: decimal;}
.activity li{display: block; margin: 0 -15px; padding: 5px 15px 5px 51px; font-size: 12px; color: #221919; overflow: hidden;}
.activity li p{color:#999;  word-wrap: break-word; break-word: break-all;}
.activity li p a{padding:0 2px;}
.activity li img{float: left;width: 30px;height: 30px;margin: 0 6px 0 -36px;}

.profileinfo{float:left; width:100%; margin-bottom: 10px; }

.con_top{ margin:20px auto 10px; padding:10px 0; max-width:920px; height:26px;}
.con_top .toptext{ float:left; max-width:380px; font-size:14px; font-weight:bold; padding-right:40px; display: block;line-height: 26px;}
.con_top .topmiddle{float:left; line-height:26px;}
.con_top .topmiddle span{ padding:0 5px; font-weight:bold;}
.con_top .usr_div{float:right; display:table-cell; vertical-align:middle; height:46px; line-height:46px; padding-right:10px;}
.con_top .usr_div img{vertical-align:middle; width:30px; height:30px;}
.con_top .usr_div span{margin-left:10px;}
.toptags{float:left; margin-left:25px; display:inline; max-width:500px; height:35px; overflow:hidden;}
.board_sort_top{border:none; height:40px;}

.con_top ul.menulist{float:left; margin:0 0 0 10px;}
.con_top ul.menulist li{float:left; display:inline; font-size: 12px; padding-right: 10px;}
.con_top ul.menulist li .btnShadow {height:18px;}
.con_top ul.menulist li .btnShadow span{width:64px;}


.boardinfo{margin: 0 auto; font-size:14px; padding:0 0 10px 0; width: 920px; line-height:26px; clear:both;}

/* Search results page */
.sear_fl{float:left; margin-top:5px;}
.sear_fl li{float:left; display:inline;  font-size: 12px; padding-right:10px;}
.sear_fl li a{padding:2px;}
.sear_fl li a:hover{color:#fff; text-decoration:none; background:#525252;}
.sear_fl li.current a{color:#fff; background:#525252;}
.sear_fl li a span{padding-right:5px; font-weight:bold;}
.btnbg_search{margin-top:2px;}
.btn_fbsearch,.btn_twsearch{float:left; min-width:65px;  height:20px; line-height:20px; padding:0 3px;  font-size:12px; font-weight:normal;  display:block; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-shadow: 1px 1px 1px #fff; }
.btn_fbsearch{ border:1px solid #cad4e7; color: #3b5998; background: #eceef5; 
background-image: -moz-linear-gradient(top,  #f8f9fd 0%, #eceef5 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f9fd), color-stop(100%,#eceef5)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top,  #f8f9fd 0%,#eceef5 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top,  #f8f9fd 0%,#eceef5 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(top,  #f8f9fd 0%,#eceef5 100%); /* IE10+ */
background-image: linear-gradient(top,  #f8f9fd 0%,#eceef5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f9fd', endColorstr='#eceef5');/* ie8*/
}
.btn_twsearch{ border:1px solid #ccc; color: #333; background: #dfdfdf; 
background-image: -moz-linear-gradient(top,  #fefefe 0%, #dfdfdf 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top,  #fefefe 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top,  #fefefe 0%,#dfdfdf 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(top,  #fefefe 0%,#dfdfdf 100%); /* IE10+ */
background-image: linear-gradient(top,  #fefefe 0%,#dfdfdf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#dfdfdf');/* ie8*/
}
.btn_fbsearch em,.btn_twsearch em{display:inline-block; float:left; margin:3px 3px 0 0; background:url("/img/sns/icon02.gif") no-repeat; width:15px; height:15px; overflow:hidden;}
.btn_fbsearch em{background-position:0 -32px;}
.btn_twsearch em{background-position:0 -66px;}

a.btn_fbsearch:hover,a.btn_twsearch:hover{text-decoration: none; -webkit-box-shadow:0 0 3px #aaa; -moz-box-shadow:0 0 3px #aaa;}
.sear_fl li a.btn_fbsearch:hover{color: #3b5998;}
.sear_fl li a.btn_twsearch:hover{color: #333;}

.num_style{float:left; background:url("http://sns.birthdaybank.jp/static/images/numbg01.png") 0 0 no-repeat; height:20px; margin:0 15px 0 5px;}
.num_style a{background:url("/sns-sub/static/images/numbg02.png") right 0 no-repeat; height:20px; display:block; line-height:20px; padding: 0 5px 0 10px; font-size:12px; font-weight:normal;}

.btnbg_search .tags{float:left;}

.btntag_like{margin-top:0px;}
.con_top ul.menulist li.btntag_like .btnShadow {height:auto;}
li.btntag_like .btnShadow span{padding:2px 3px;}

/* unlogin page */
.unlogin,.nofollow{position:absolute; left:50%; margin:20px 0 0 -419px; width:800px; height:48px; line-height:48px; padding:0 15px 0 20px; background:#4c4c4c; z-index:100;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.5); filter: Alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95;}
.unlogin .unloginLeft{ float:left; color:#fff; font-size:14px; overflow: hidden; white-space: nowrap; word-break: keep-all; text-overflow: ellipsis;}
.unlogin .unloginLeft strong{ font-size:16px; font-weight:bold;}
.unloginRight{float:right; margin-top:10px;}
.btn_unlogin01,.btn_unlogin02{float:right; width:110px; height:29px; line-height:29px; text-align:center; margin-left:10px; color:#fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.btn_unlogin01{background:#757575;}
.btn_unlogin02{background:#000000;}
a.btn_unlogin01:hover,a.btn_unlogin02:hover{text-decoration:none;}
a.btn_unlogin01:hover{background:#a4a4a4;}
a.btn_unlogin02:hover{background:#333333;}
a.btn_unlogin01:active{
background-color:#757575;	
background-image: -moz-linear-gradient(top,  #757575 0%, #a4a4a4 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#757575), color-stop(100%,#a4a4a4)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top,  #757575 0%,#a4a4a4 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top,  #757575 0%,#a4a4a4 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(top,  #757575 0%,#a4a4a4 100%); /* IE10+ */
background-image: linear-gradient(top,  #757575 0%,#a4a4a4 100%); /* W3C */
text-decoration:none; 
}
a.btn_unlogin02:active{
background:#000000;
background-image: -moz-linear-gradient(top,  #000000 0%, #333333 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#333333)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top,  #000000 0%,#333333 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top,  #000000 0%,#333333 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(top,  #000000 0%,#333333 100%); /* IE10+ */
background-image: linear-gradient(top,  #000000 0%,#333333 100%); /* W3C */
}


.nofollow{margin:0 0 0 -362px; width:690px; height:63px; }
.nofollow p{ padding:14px 0; line-height:20px; font-size:14px; color:#fff; text-align:center; }


.loginpage{ margin:0 auto; width:600px; margin-top:50px; text-align:center;}
.login_logo{}
a.login_logo:hover{text-decoration: underline;}
.entry_box {text-align: left;}
.entry_box .img150{margin-top:40px; width:108px; height:108px; float:left;}
.entry_box .img150 img{float:left; width:150px; height:auto;}
.entry_box .entry_form{float:left; margin-left:75px; width:455px; display:inline;padding:20px 0 50px; }
.entry_box .entry_form .textinput{width:308px;}
.entry_box .entry_form .btn_login{float: left; border:none; margin-top:30px; width:184px; height:35px;color:#fff; font-size:14px; cursor: pointer;}
.entry_box .login_form label{float:left; width:125px; margin-right:10px; line-height:28px; display:block; font-weight:bold; }
.entry_box .login_form .checkboxes label{line-height:30px;  font-weight:normal; }
.webtextbbb{position: absolute; color: #666;left:135px; top:30px;}
.entry_box .login_form label.label_check{width:auto;}

.entry_box .imgchoose{float:left; width:150px;}
.entry_box .imgchoose a span{width:100px;}
.entry_box .imgchoose .img150{background:#D0D0D0 url("/sns-sub/static/images/default_user_img.png") center center no-repeat; }
.entry_box .imgchoose .img150 p{padding-top:60px;text-align:center;}
.entry_box .imgchoose .img150 img{width:108px; height:auto;} 

.login_box{width:600px; margin:0 auto; padding:35px 0 0; text-align:center;}
.login_box img{}
a.btn_facebook span em,a.btn_twitter span em,a.btn_qqweibo span em,a.btn_xinlangweibo span em,a.btn_pinimg span em,a.btn_sina span em,a.btn_qqlogo span em,a.btn_gmailww span em,a.btn_mixiww span em{display:inline-block; width:28px; height:28px; margin:3px 10px 0 2px;}
a.btn_facebook span em{float:left; background:url("/sns-sub/static/images/icon_faceb.png") 0 0 no-repeat; }
a.btn_twitter span em{float:left; background:url("/sns-sub/static/images/icon_twitter.png") 0 0 no-repeat;}
a.btn_qqweibo span em{float:left; background:url("http://sns.birthdaybank.jp/static/images/qqwbicon28.png") 0 0 no-repeat;}
a.btn_xinlangweibo span em{float:left; background:url("http://sns.birthdaybank.jp/static/images/sinawbicon28.png") 0 0 no-repeat;}
a.btn_pinimg span em{float:left; background:url("http://sns.birthdaybank.jp/static/images/icon_pinimg.png") 0 0 no-repeat;}
a.btn_sina span em{float:left; background:url("http://sns.birthdaybank.jp/static/images/icon_sina.png") 0 3px no-repeat;}
a.btn_qqlogo span em{float:left; background:url("http://sns.birthdaybank.jp/static/images/icon_qqlogo.png") 0 0 no-repeat;}
a.btn_facebook.btn_facebook_gray,a.btn_twitter.btn_twitter_gray{background-image:none;}
a.btn_facebook.btn_facebook_gray:hover,a.btn_twitter.btn_twitter_gray:hover{background-image:none;color: #6c6c6c; background: #dfdfdf; }
a.btn_facebook.btn_facebook_gray:active,a.btn_twitter.btn_twitter_gray:active{background-image:none;color: #6c6c6c; background: #dfdfdf; }
a.btn_facebook.btn_facebook_gray span em{background:url("http://sns.birthdaybank.jp/static/images/icon02.png") 0 -414px no-repeat; }
a.btn_twitter.btn_twitter_gray span em{background:url("http://sns.birthdaybank.jp/static/images/icon02.png") 0 -510px no-repeat; }
a.btn_gmailww span em{float:left; background:url("http://sns.birthdaybank.jp/static/images/icon_gmmix.png") 0 0 no-repeat; margin-top:3px;}
a.btn_mixiww span em{float:left; background:url("http://sns.birthdaybank.jp/static/images/icon_gmmix.png") 0 -41px no-repeat;}

.login_form{clear:both; width:400px; margin:0 auto; margin-top:10px; position:relative;}
.entry_box .entry_form .login_form {float:left; margin-top:20px; width:100%;}

.login_formline{position:relative;   margin-top:15px;   -webkit-transition: all 0.08s ease-in-out; -moz-transition: all 0.08s ease-in-out; }
.login_form .textinput{ width:388px; }
.login_form .helper_msg,.lileft .helper_msg{background-position: left center;background-repeat: no-repeat;color: gray;font-size: 13px;line-height: 16px;position:absolute; left:0; top:40px; display:block; min-width:300px; text-align: left;}
.login_form .score{display: none;position: absolute;top: 15px;left: 290px;}
.login_form .score span{background-color: #EEEEEE;border-radius: 3px 3px 3px 3px;display: inline-block;height: 8px;overflow: hidden;vertical-align: middle;width: 50px;}
.login_form .score span b{background-color: #6EC02A;display: block;height: 8px;width: 25px;}
.login_form .error,.lileft .error{background: url("http://sns.birthdaybank.jp/static/images/error.png") 0 3px no-repeat;color: #CC3333;padding-left: 18px;}
.login_form .ok,.lileft .ok{ background: url("/sns-sub/static/images/accept.png")0 3px no-repeat;color: #339900;padding-left: 18px;}
.login_form .btn_login{border:none;  width:84px; height:25px; line-height:25px; margin-right:10px;}
.login2{width:auto;}
.login2 .width224{margin-right:10px; width:224px; height:18px; }
.login2_foot{clear:both;}
.btn_forget,.btn_fbtext,.btn_twtext{float:left; height:28px; line-height:28px; display:block; margin-right:10px;}
.btn_fbtext{background:url("/sns-sub/static/images/icon_faceb.png") 0 0 no-repeat; padding-left:38px; }
.btn_twtext{background:url("/sns-sub/static/images/icon_twitter.png") 0 0 no-repeat; padding-left:38px;}
.btn_forget:hover,.btn_fbtext:hover,.btn_twtext:hover{color:#333; text-decoration:underline;}
.login2_foot{color:#6c6c6c; height:40px; line-height:40px;font-size:16px; font-weight:bold; text-align:center; margin-top:40px;}
.login2_foot a{color:#6c6c6c;}
.login2_foot a:hover{color:#6c6c6c; text-decoration:underline;}
.login_box .weltips{margin-top:20px;}
.login_box .weltips a{ font-weight:bold; padding:0 5px;}

#step_header,#welcome_header{height:70px; width:100%; background:#fff; border-bottom:1px solid #dddfde;box-shadow:0 0 10px #bbb; -webkit-box-shadow:0 0 10px #bbb; -moz-box-shadow:0 0 10px #bbb;
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#bbbbbb')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#bbbbbb');
}
#step_header .wrapper{ margin:0 auto; width:850px;}
#step_header .wrapper .hd_left{float:left; margin-right:95px;height:70px; line-height:70px; display:table-cell; vertical-align:middle;}
#step_header .wrapper .hd_left .logo{line-height: 70px; display:block; height: 70px; width:124px; background:url("/sns-sub/static/images/logo-tc.jpg") 0 center no-repeat;}
#step_header .wrapper .hd_left img{vertical-align:middle; margin-top:20px;}
#step_header .wrapper .hd_right{float:right; }
#step_header .wrapper .step1_current,#step_header .wrapper .step2_current{background:url("/sns-sub/static/images/stepbg.gif") no-repeat;  height:70px; }
#step_header .wrapper .step2_current{ background-position: 0 -91px; }
.step1_current span,.step2_current span,.step1_current a,.step2_current a{float:left; width:190px; height:70px; line-height:70px; display:block; padding-left:100px; font-size:16px; color:#999; font-weight:bold; }
.step1_current a:hover,.step2_current a:hover{color:#333; text-decoration:none;}
.step1_current a:active,.step2_current a:active { background:none; }
.steppage{margin:35px auto 0; width:740px;}
.step_box{float:left; margin:8px; width:165px; height:196px; overflow:hidden; background: #fff;
box-shadow: 0 2px 4px rgba(105, 104, 104, 0.8);
-webkit-box-shadow: 0 2px 4px rgba(105, 104, 104, 0.8);
-moz-box-shadow: 0 2px 4px rgba(105, 104, 104, 0.8);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#bbbbbb')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#bbbbbb');
}
.steppage h3{font-weight:bold; line-height:28px; padding:0 10px; }
.steppage .step_box h3{color:#6c6c6c;}
.step_box .stepimg{width:165px; height:171px; position:relative;cursor:pointer;}
.step_box .stepimg a{display:block; width:168px;  height:168px;  background:url("/sns-sub/static/images/BoardBackground_small81.png") 1px 3px no-repeat;}
.step_box .stepimg .piclist81{float:left; width:81px; height:81px; margin-top:3px;}
.steppage .btnbg{margin:20px 0 20px 260px; width:184px; height:35px; line-height:35px; font-weight:bold; font-size:14px;}
.step_box .stepimg .selected{display:none; position:absolute; top:31px; left:0; width:165px; height:165px; filter:alpha(opacity=85); -moz-opacity:0.85;-khtml-opacity: 0.85;opacity: 0.85; z-index:2; }
.step_box .stepimg .selected img{ width:165px; height:165px;}
.step_overplay{position:absolute; display:block; top:0; width:100%; height:100%; background:url("/sns-sub/static/images/space.gif") 0 0 repeat;;  z-index:10;}

.stepTags,.stepAddTags{width:100%; overflow:hidden;}
.stepTags{padding:15px 0 45px;}
.stepAddTags{padding:15px 0;}
.stepTagsLeft{float:left; width:450px;}
.stepTagsRight{float:right; width:250px; }
.stepTagsRight ul{padding-right:10px; max-height:240px; overflow-y:auto;overflow-x:hidden;}
.stepTagsLeft ul li,.stepTagsRight ul li{float:left; display:inline-block; *display:inline;}
.stepTagsLeft ul li a,.stepTagsRight ul li a{display:inline-block; color:#6c6c6c; background:#f2f2f2; width: auto;
white-space: nowrap;
float:left;
padding: 0 6px 0 6px;
margin: 3px;
box-shadow: 0 1px 2px rgba(105, 104, 104, 0.6);
-webkit-box-shadow:0 1px 2px rgba(105, 104, 104, 0.6);
-moz-box-shadow: 0 1px 2px rgba(105, 104, 104, 0.6);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#bbbbbb')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#bbbbbb');
-o-box-shadow:0 1px 2px rgba(105, 104, 104, 0.6);
font-size: 12px;
font-weight: normal;
height:21px;
line-height: 21px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-transition: 300ms ease all;
-moz-transition: 300ms ease all;
-ms-transition: 300ms ease all;
-o-transition: 300ms ease all;
transition: 300ms ease all;
outline: none;
}
.stepTagsRight ul li a{ background-color:#fbfbfb;}
.stepTagsRight ul li a span{float:left; max-width:160px; display:inline-block; overflow:hidden; white-space:nowrap; word-break:keep-all; text-overflow:ellipsis;}
.stepTagsLeft ul li a:hover,.stepTagsRight ul li a:hover{ text-decoration:none; background:#fff;}
.stepTagsRight ul li a em{float:right; display:inline-block; *display:inline; margin:3px 0 0 8px; width:17px; height:17px; background:url("http://sns.birthdaybank.jp/static/images/icon.png") 0 -28px no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/icon.png");}
.stepAddTags input{width:311px;float: left; margin: 0;}

.steppage h2.set{height: 39px; line-height: 39px;font-size: 16px; font-weight: bold;}
.dotline{clear:both; float:left; width:100%; height:1px; font-size:0; border-bottom:1px dotted #ccc; margin:45px 0;}

.step2page{margin:40px auto; width:760px;}
.step2top{float:left; padding-bottom:60px;width: 850px}
.step2top .stopleft{float:left; width:200px; margin-right:40px; margin-top:0px; position:relative;}
.step2top .btn_bg02{ background:url("http://sns.birthdaybank.jp/static/images/btnbg02.png") 0 0 no-repeat; width:200px; height:60px; line-height:60px; text-align:center; color:#fff; font-size:16px; font-weight:bold; display:block;}
.step2top a.btn_bg02:hover{text-decoration:none;}
.step2top .stopleft .collectarrow { position: absolute; z-index: 9999; left: 170px; top:-110px;}
.step2top .stopleft p{ margin-top:20px; width:100%;}
.step2top .stopright{float:left; width:610px;}
.step2top .stopright h2{line-height:24px; margin-top: 8px; font-size:18px; font-weight:normal;}
.step2top .stopright h3{ font-weight:bold; text-decoration:underline; margin-top:10px;}
.step2_content{float:left; padding-bottom:50px;}
.step2_content h3{font-size:18px;}
.step2_content h4,.step2_content p{font-size:16px; margin-top:50px;}
.step2_content img{margin-top:40px;}

.Step2buttons{ margin:30px auto 50px; text-align:center; float: left; width: 100%;}
.Step2buttons .btnStepa,.Step2buttons .btnStepb{ width:190px; height:37px; line-height:37px; text-align:center;font-size:16px; }
.Step2buttons .btnStepa{margin-right:20px; background:#505050;}
p.stepQa{float:left; font-size:16px; margin-top: 50px;}
p.stepQa a{font-size:14px; color:#999;}

.welcome_logo{margin:0 auto; display:block;;; width:71px; height:70px; line-height:70px;}
.welcome_logo img{ width:71px; height:27px;}
.welcomepage{margin: 0 auto; position: relative;}
.welcomepage p{text-align:center;}
.welcomepage p.weltext{margin-bottom:65px; font-size:18px; font-weight:bold;}
.welcomepage p.weltext strong{font-size:24px; font-weight:bold; color:#333;}
.welcomepage .weltips{font-size:14px; margin:40px 0 55px;}
.welcomepage .weltips span{width: 196px; display:inline-block;}
.welcomepage .weltips a{font-weight:bold; padding:0 5px; color:#333;}
.welcomepage .button196 span{font-size:14px; color:#273234; width:196px; height: 34px; line-height: 34px; text-align: left;}


/* detail page */
.detailbox{margin:20px auto 40px; width:860px; position: relative;}
.detailleft{position:relative; float:left; width:620px;padding:10px; background: #fff; color:#333;  overflow: hidden;}
.detailleft .detop{ width:100%; overflow: hidden;}
.detailleft .detop .toppic{float:left; margin-right:10px; display:inline;}
.detailleft .detop .toppic img{width:40px; height:40px;}
.detailleft .detop .usrinfo{float:left; width:427px; background:none; padding:0;}
.detailleft .detop .usrinfo h3{font-size:16px; font-weight:normal;}
.detailleft .detop .usrinfo p{width:100%;}
.detailleft .proinfo{overflow: hidden;}
.detailleft .proinfo h2{margin-top:20px; font-size:18px; font-weight:normal; line-height:24px; color:#333; text-shadow:0 1px 3px rgba(0,0,0,0.2);}
.detailleft .proinfo img,.detailleft .proinfo object,.detailleft .proinfo iframe,.detailleft .proinfo audio,.detailleft .proinfo embed{display: block; max-width: 100%; margin: 0 auto;}
.detailleft .proinfo object,.detailleft .proinfo iframe{z-index:1;}
.detailleft .proinfo p{margin-top:20px; line-height:24px; font-size:14px; color:#333; }
.detailleft .proinfo .engirArticle{font-size:14px; line-height:24px; margin-top:20px; text-align:left;}

.detailleft .usepinner{width:450px; margin-left:170px; margin-top:20px;}
.detailleft .usepinner .usrpic{float:left; margin-left:-170px;}
.detailleft .usepinner .usrpic img{float:left; width:30px; height:30px; margin-right: 10px;}
.detailleft .usepinner .usrxinxi{width:100%;}
.detailleft .usepinner .usrxinxi p{line-height:30px; font-size:12px; color:#333;}
.detailleft .comment p{width:580px;}

.detailright{float:right; width:195px;}
.detailright .box{box-shadow:none;-webkit-box-shadow: none;-moz-box-shadow:none;-ms-filter:none;filter: none; margin: 0 0 10px 0;width: 195px; overflow:hidden;}
.detailright .box span.board_name{max-width: 155px;overflow: hidden;display: block;float: left;white-space: nowrap;word-break: keep-all;text-overflow: ellipsis;}
.detailright .box h3{overflow: hidden;white-space: nowrap;word-break: keep-all;text-overflow: ellipsis;}
.listboard{float:left; width:205px; padding:0 0 10px 0; margin-right: -10px;}
ul.listboard li{float:left; display:inline; width:92px; height:92px; margin-right:10px; background: url("http://sns.birthdaybank.jp/static/images/BoardBackground_new92.png") 0 0 no-repeat;}
ul.listboard li .piclist46{width:45px; height:45px;float:left;}
.listurl_link{float:left; width:185px; padding:0 0 10px 10px;}
.listurl_link .piclist48{width:43px; height:43px;float:left;}

p.width640{width:640px;}
p.width500{ width:500px;}
.PinAddComment{width:100%; margin-top:10px; padding:10px 0;overflow: hidden;}
.PinAddComment img{width:30px; height:30px; vertical-align:top; float:left}
.CloseupComment{ width:510px; margin-left:10px; height:30px; line-height:15px; padding:3px 0 3px 3px;}
.detailleft .CloseupComment{width: 580px; margin-left:0px;  float: left; display: block;overflow: hidden; }
.jiajiaobg{position:relative; width: 580px; float: left;margin-left: 10px;}
.jiajiaobg .bot_cor{ width:0;  height:0; font-size:0; border-width:6px; border-style:solid; border-color: transparent #c9c9c9 transparent transparent; _border-color:white #c9c9c9 white white; overflow:hidden; position:absolute; left:-12px; top:7px;}

.PinAddComment .btn_add{float:left; margin:10px auto auto 40px; padding:0 10px; line-height:20px;}
.PinActionButtons{ margin-top:10px; padding-top:10px; border-top: 1px solid #E4E4E4; }
.Pin_Buttons{float:left; height:35px;}
.PinActionButtons p{line-height:35px;}
.repin_linkbg{}
.repin_linkbg a{font-weight:normal;}
.repin_link{display:block;  height:28px; width:60px; text-align:center;}
.action_link{display:block; font-size:11px; font-weight:normal; background: url("/sns-sub/static/images/btn_bg80.png") right -28px no-repeat; height:28px; padding:0 5px;}
.pin_source{float:right; color:#6c6c6c;}
.pin_source span{color:#999;}
.origin{ color:#6c6c6c; font-size:12px; margin-top:20px; line-height:18px;}
.repin_people{display:block; margin-top:10px; color:#999; line-height:30px;}
.repin_people img{width:30px; height:30px;vertical-align:middle; margin-right:10px;}
.comment_time{color:#999;}
#comments .recom{border-top:1px solid #E4E4E4; border-bottom:none; margin-top:10px; }
.detailleft #comments .comment{margin:10px 0 0 0; width:100%; position: relative; border-top: 0px;}

.list_link{display: block; margin-top:10px; background: url("/sns-sub/static/images/BoardBackground.png") 0 0 no-repeat; width:100%; height:191px; overflow: hidden;}
.list_link_small{display: block; background: url("http://sns.birthdaybank.jp/static/images/BoardBackground_small.png") 0 0 no-repeat; width:100%; height:161px; overflow: hidden;}
.piclist01,.piclist02,.piclist11,.piclist12{float:left; padding:4px 4px 0 0;}
.piclist01{width:105px; height:105px;}
.piclist02{width:48px; height:48px;}
.piclist11{width:126px; height:126px;}
.piclist12{width:61px; height:61px;}
.piclist21{float:left; width:106px; height:106px; margin-top:3px;}
.box2{background: url("/sns-sub/static/images/bg_s01.gif") 0 0 no-repeat; width:158px; height:100px; overflow:hidden; padding:10px 0 3px 7px;}
.box3{background:url("/sns-sub/static/images/bg_s02.gif") 0 0 no-repeat; width:44px; height:51px; margin:0 4px 4px 0; padding:5px 0 2px 2px;overflow: hidden; float: left; border:1px solid #cdc3b4; -webkit-box-shadow:0 0 2px #bbb; -moz-box-shadow:0 0 2px #bbb;}
.piclist03,.piclist04{float:left; padding:1px;}
.piclist03{width:25px; height:25px;}
.piclist04{width:12px; height:12px;}
.userlist_img img{width:163px; height:163px;}
.box .list_link{position: relative; background: url("/sns-sub/static/images/BoardBackground_new.png") 0 3px no-repeat; height:218px; margin-top:0;}
.box a.list_link:hover{text-decoration:none;}
.box a.list_link .draglay11{display: block; opacity: .0; filter: alpha(opacity=0);  position: absolute; left: 0; top: 3px; background: white;
z-index: 2; width: 215px; height: 215px;  }
.board_comment{float:left; display:block; width:106px; height:106px; margin-top:3px; background:url("http://sns.birthdaybank.jp/static/images/board_comment_bg.png") 0 0 no-repeat; font-size:14px;  word-wrap: break-word; break-word: break-all; }
.firstQuotes,.lastQuotes{display:block; width:100%; height:16px; background: url("http://sns.birthdaybank.jp/static/images/engir_quotes.png") no-repeat;}
.firstQuotes{text-align:left; background-position:0 0;}
.lastQuotes{text-align:right; background-position:right -45px;}
.board_comment td{vertical-align: middle;  width:106px; height:106px;}
.Quotestext{margin:10px; width:84px; max-height: 84px; overflow:hidden; font-size:10px;  -webkit-text-size-adjust:none; line-height:14px; color:#fff; }
.Quotestext:first-line{text-align:center;}
.tagslink{display: inline-block; color: #6C6C6C; background: #f2f2f2;  cursor: pointer;
float:left;
padding: 0 6px 0 6px;
margin: 3px;
box-shadow: 0 1px 2px rgba(105, 104, 104, 0.8);
-webkit-box-shadow: 0 1px 2px rgba(105, 104, 104, 0.8);
-moz-box-shadow: 0 1px 2px rgba(105, 104, 104, 0.8);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#bbbbbb')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#bbbbbb');
-o-box-shadow:0 1px 2px rgba(105, 104, 104, 0.8);
font-size: 12px;
font-weight: normal;
height:21px;
line-height: 21px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-transition: 300ms ease all;
-moz-transition: 300ms ease all;
-ms-transition: 300ms ease all;
-o-transition: 300ms ease all;
transition: 300ms ease all;
outline: none;
}
.tagslink span{float: right; display: inline-block; margin: 3px 0 0 8px; width: 17px; height: 17px; background: url("http://sns.birthdaybank.jp/static/images/icon.png") 0 -28px no-repeat;}
.tagslink:hover,.tagslink a:hover{text-decoration:none;background: #fbfbfb;}
.sear_fl li .tagslink{padding: 2px 20px;font-size: 14px;font-weight: bold;background: #525252; color:#fff;}
.sear_fl li .tagslink:hover{text-decoration:none;background:#f2f2f2; color: #6C6C6C;}
.sear_fl li .tagslink:active{text-decoration:none;background:#fbfbfb; color: #6C6C6C;}


/* notice page */
.mainbox{width:940px; margin:20px auto 0;  position:relative; }
.width700{width:700px;}
.width850{width:850px; }
.mainbox:after { content: ".";  display: block;  height: 0; clear: both; visibility: hidden; } 
.mainbox h3{height:39px; line-height:39px; font-size:16px; font-weight:bold; }
h3.notice_list_h3{height:39px; line-height:39px;}

.setright{float:right; width: 740px;}
.setright .title{width:100%; border-top:3px solid #08979d; border-bottom:3px solid #08979d; margin-top:10px; height:30px; line-height:35px; font-size:16px; font-weight:bold; color:#00a1a5;}
.setright p.redtext{color:#Ff0000; font-size:14px; margin-top:10px; line-height:20px;}
.setleft{float:left; width:160px;}
ul.setleft-bottom {border-top:3px solid #c7e7e8; margin-top:10px;}
h3.set{border-bottom:3px solid #c7e7e8; background:url("http://sns.birthdaybank.jp/static/images/bg-settitle.png") right 50% no-repeat;margin-bottom: 10px;}

.notice_list{}
.notice_list li{float:left; width:100%; padding:20px 0;background:none; border-bottom:1px solid #e6e6e6;}
.notice_list li .linkimg40{float:left; margin-right:20px; width:40px;  display:block;}
.notice_list li .img40{width:40px; height:40px}
.notice_list li .linkimg42{float:left; margin-right:5px; display:block; }
.notice_list li .img42{float:left; width:42px; height:42px; border:1px solid #ccc;}
.notice_list li .linkimg42 span{ line-height:20px; display:block; float:left; padding-left:5px; width:40px;height:42px; overflow:hidden;  word-wrap: break-word; break-word: break-all;  text-overflow:ellipsis;}
.notice_list li .info{float:left; width:500px; display:block;}
.notice_list li .info a{font-weight:bold;}
.notice_list li .day{ display:block; float:right;}
.notice_list li label{float:left; width:160px; line-height:30px; display:block; font-size: 14px;}
.notice_list li .textinput{float:left; width:468px; padding: 10px 5px;}
.notice_list li .pinEditleft .textinput{width:468px;}
.notice_list li .textinput02{float:left; width:390px; margin: 0;}
.mainbox p.btnline{ clear:both; padding:20px 0 20px 160px;}
.mainbox p.btnline a{font-size:14px;}
.mainbox p.btnline .btn_bg{ font-size:14px; width:184px; height:31px; line-height:31px;}
.descrTextarea{ width:100%; height:96px;  padding:5px 0 5px 5px;}
.notice_list li .follow_user{float:left; width:220px;}

.singleradios{clear:both; float:right; margin-top:15px;}
.notice_list li .singleradios label{width:auto; font-weight: normal;}

.lileft{float:left; width:380px; position: relative;}
.board_edit_box .lileft{width:480px;}
ul.setpro_list{border-bottom: 1px solid #686868;float: left;}
.setpro_list li{padding:0; border:1px solid #686868;border-bottom:none; background-color: #E0E0E0;}
.setpro_list li label{font-size:14px; width: 20%; padding:18px; line-height: 28px; background-color: #E0E0E0;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
-o-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
}
.setpro_list .lileft{ font-size: 12px; padding: 18px; width:70%;  border-left:1px solid #686868; background: white;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
-o-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
}
.setpro_list .lileft .textinput{padding:5px; width:500px;}
.setpro_list .lileft .helper_msg{top:44px; left:15px;}
.setpro_list .lileft a{font-size: 12px;}
.setpro_list .websitadd{margin-left: 160px; font-size:12px; color: #666; float:left; margin-top:8px;}
.input_witherror{position:relative; width:480px;}
.btn_fb,.btn_tw,.btn_gm,.btn_fbbangding,.btn_gmbangding,.btn_twbangding,.btn_mxbangding{margin-top:10px;}
.btn_fb span,.btn_tw span,.btn_gm span,.btn_fbbangding span,.btn_gmbangding span,.btn_twbangding span,.btn_mxbangding span{text-align:left;}
.btn_fbbangding i,.btn_twbangding i,.btn_gmbangding i,.btn_mxbangding i{float:right; width:15px; height:28px; padding:0 8px 0 0; background:url("http://sns.birthdaybank.jp/static/images/icon_01.gif") 0 6px no-repeat; }
.btn_fbbangding i.ibinding,.btn_twbangding i.ibinding,.btn_gmbangding i.ibinding,.btn_mxbangding i.ibinding{background:url("http://sns.birthdaybank.jp/static/images/icon_01.gif") -69px 6px no-repeat; }
.btn_fb em,.btn_tw em,.btn_gm em,.btn_mx em{float:left; background:url("/sns-sub/static/images/icon_birshare.png") no-repeat; width:15px; height:15px; text-indent: -9999px; overflow:hidden;}
.btn_fb em{background-position:0 2px;}
.btn_tw em{background-position:-64px 2px;}
.btn_gm em{background-position:0 -529px;}
.btn_mx em{background-position:-29px 3px;}
.btn_fb.btn_fb_gray em{background-position:0 -62px;}
.btn_tw.btn_tw_gray em{background-position:-64px -62px;}
.btn_gmbangding span em{background: url("/sns-sub/static/images/icon_birshare.png") -142px -132px no-repeat; width: 27px; height: 24px; display: inline-block; float:left; margin-right: 10px;}
.btn_fbbangding span em {background: url("/sns-sub/static/images/icon_birshare.png") -142px 3px no-repeat;  width: 28px; height: 29px; display: inline-block; float: left; margin-right: 10px;}
.btn_twbangding span em {background: url("/sns-sub/static/images/icon_birshare.png") -142px -43px no-repeat;  width: 28px; height: 29px; display: inline-block; float:left; margin-right: 10px;}
.btn_mxbangding span em {background: url("/sns-sub/static/images/icon_birshare.png") -142px -89px no-repeat;  width: 28px; height: 29px; display: inline-block; float: left; margin-right: 10px;}

.img140div{float:left; width:108px; margin-right:20px;}
.img140div img{width:108px; }
.lileft .label_radio,.checkboxes .label_check,.lileft .label_select{width:auto; font-weight:normal; padding: 0 0 0 25px;}
.lileft fieldset {float:left;  border: 0; font-weight:normal; }
.has-js .label_check, .has-js .label_radio {padding-left: 25px;}
.has-js .label_radio,.has-js .label_check{ margin-right:20px; background:url("http://sns.birthdaybank.jp/static/images/checkbox-radio-bg.png") no-repeat;  }
.has-js .label_radio {  background-position: 0 7px;  }
.has-js .label_check {background-position: 0 -67px;}
.has-js label.c_on {  background-position: 0 -104px; }
.has-js label.r_on {  background-position: 0 -30px;  }
.has-js .label_check input, .has-js .label_radio input ,.has-js .setnt_check input{  position: absolute;  left: -9999px;  }


/* add zhuxindong start  bookmarklet.html页面修改  */
.has-title {position: relative; width: 100%; float: right;}
.has-title .label_title_check {background: url("http://sns.birthdaybank.jp/static/images/checkbox-radio-bg.png") no-repeat scroll 0 0 transparent;height: 20px;float:left;display: block;font-size: 12px;font-weight: normal;line-height:20px;margin: 28px -35px 0;padding-left: 20px;position: absolute;width: auto;background-position: 0 -73px;}
.has-title label.c_on {background-position: 0 -110px;}
.has-title .label_title_check input{left: -9999px;position: absolute;height:20px;}

#bookmarklet .InputArea{float: left; margin-top: 20px; position: relative; width: 100%;}
#bookmarklet .InputArea .label_cite_check {background: url("http://sns.birthdaybank.jp/static/images/checkbox-radio-bg.png") no-repeat scroll 0 0 transparent;height: 20px;float:left;display: block;font-size: 12px;font-weight: normal;line-height:20px;margin: 80px -35px 0;padding-left: 20px;position: absolute;width: auto;background-position: 0 -73px;}
#bookmarklet .InputArea label.c_on {background-position: 0 -110px;}
#bookmarklet .InputArea .label_cite_check input{left: -9999px;position: absolute;height:20px;}
/* add zhuxindong end */

.has-js .setnt_check{float:right; margin-right:0; margin-top:-10px; width:20px; height:30px; padding-left: 15px; }

.form-input-select{float:left;position: relative; display: inline-block; border: 1px solid #CCC; font-weight: bold; font-size: 12px; vertical-align: middle; cursor: pointer;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
border-color: #b7b7b7; background-color: #dfdfdf; 
background-image: -moz-linear-gradient(top,#f4f4f4 0,#dfdfdf 100%);
background-image: -ms-linear-gradient(top,#f4f4f4 0,#dfdfdf 100%);
background-image: -o-linear-gradient(top,#f4f4f4 0,#dfdfdf 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f4f4f4),color-stop(100%,#dfdfdf));
background-image: -webkit-linear-gradient(top,#f4f4f4 0,#dfdfdf 100%);
background-image: linear-gradient(to bottom,#f4f4f4 0,#dfdfdf 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f4f4f4', endColorstr='#dfdfdf');/* ie8*/
-moz-box-shadow: inset 0 0 1px #fff;
-ms-box-shadow: inset 0 0 1px #fff;
-webkit-box-shadow: inset 0 0 1px #fff;
box-shadow: inset 0 0 1px #fff;
}
.form-input-select-content {position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 30px; border-top:1px solid #fff; border-left:1px solid #fff; color: #555; text-shadow: 0 1px 0 white; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: inset 0 1px 3px #eaeaea;
-ms-box-shadow: inset 0 1px 3px #eaeaea;
-webkit-box-shadow: inset 0 1px 3px #eaeaea;
box-shadow: inset 0 1px 3px #eaeaea;
}
.form-input-select-arrow{float: right; width: 0; height: 0; border: 1px solid transparent; border-width: 5px 5px 0; border-top-color: #6c6c6c; margin-top: 13px; margin-right: 10px;}
.form-input-select-value,.select-year,.select-month,.select-day,.select-birthday-show,.select-language {display: block;margin: 0 5px 0 10px;overflow: hidden;white-space: nowrap;word-wrap: normal;-o-text-overflow: ellipsis;text-overflow: ellipsis; }
.form-input-select-element{position: relative;height: 33px; width:auto; min-width:50px; z-index: 2; -webkit-appearance: none; -moz-appearance: none; opacity: 0; filter: alpha(opacity=0); _filter: none;}
.form-input-select:hover {border-color: #999;-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff;-ms-box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff;
behavior: url("http://engir.com/static/js/ie-css3.htc");
}
.form-input-select.focused {border-color: #999;-moz-box-shadow: 0 0 5px #4496e7,inset 0 0 10px #fff;-ms-box-shadow: 0 0 5px #4496e7,inset 0 0 10px #fff;-webkit-box-shadow: 0 0 5px #4496e7,inset 0 0 10px #fff; box-shadow: 0 0 5px #4496e7,inset 0 0 10px #fff;
behavior: url("http://engir.com/static/js/ie-css3.htc");}

.lileft .label_select{padding:0 5px;}
li.set_title{border:none; padding-bottom:0;}

/* pin_edit page */
.pinEdit{float:left; width:650px; font-size:14px;}
.pinEdit .pinEditleft{width:480px; float:left;}
.pin_edit_img{float:left; width:168px; margin:20px 0 0 25px;  overflow: hidden; display:inline;}
.pin_edit_img .linkimg150{display:block; width:150px; min-height:150px; background:url("http://sns.birthdaybank.jp/static/images/noimage_bg.gif") 0 0 no-repeat;}
.pin_edit_uploadimg{width:150px; max-height:350px; overflow:hidden;}
.pin_edit_img .pin_edit_uploadimg img{width:150px; height:auto; }
.pinEdit .pinEditleft .BoardList li{ padding: 5px 46px 5px 8px;}

/* board_edit page */
.lileft .keywords{float:left;  clear:both; width:100%;}
.lileft .keywords li{float:left; margin-top:10px; display:inline; padding:0; width:auto; border-bottom:none; height:20px; line-height:20px;}
/*.lileft .keywords li em{float:left; display:block; margin-left:10px; width:10px; height:20px; background:url("http://sns.birthdaybank.jp/static/images/icon.png") 0 6px no-repeat; }
.lileft .keywords li a{float:left; display:block; height:20px; background:url("/sns-sub/static/images/btn_bg80.png") right -98px no-repeat; padding:0 5px 0 0;}*/

.article{padding-bottom:40px;}
.article h4{float:left; width:100%; padding-top:30px; font-size:18px; line-height:36px; font-weight:normal;}
.article p{font-size:12px;}
.article p a{color:blue; text-decoration:underline;}

/* invitefriend page */
.mainbox .invit-h1{font-size:14px; font-weight:bold; padding-bottom: 25px;}
.InviLeftside{width: 110px; overflow: hidden; position: absolute;}
.InviLeftside .sidenav{ width: 110px; margin-top:10px;}
.InviLeftside .sidenav li{width: 110px; height:32px; line-height:32px; padding-bottom:10px;}
.InviLeftside .sidenav li a{display:block; line-height:32px; width: 104px; height:32px; padding-left:6px; }
.InviLeftside .sidenav li a b{font-size:14px; display:block; padding-left:30px; background:url("/sns-sub/static/images/icon_birshare.png") no-repeat;}
.InviLeftside .sidenav li a.invitetext b{background-position:-142px -171px;}
.InviLeftside .sidenav li a.fbtext b{background-position:-142px 3px;}
.InviLeftside .sidenav li a.gmtext b{background-position:-142px -132px;}
.InviLeftside .sidenav li a.twittertext b{background-position:-142px -43px;}
.btn_gmail span em{background: url("/sns-sub/static/images/icon_birshare.png") -142px -132px no-repeat; width: 27px; height: 24px; display: inline-block; float: right;}
.btn_invite_facebook span em {background: url("/sns-sub/static/images/icon_birshare.png") -142px 3px no-repeat;  width: 28px; height: 29px; display: inline-block; float: right; }
.btn_invite_twitter span em {background: url("/sns-sub/static/images/icon_birshare.png") -142px -43px no-repeat;  width: 28px; height: 29px; display: inline-block; float: right; }


.InviLeftside .sidenav li a:hover{color:#333; text-decoration: none; background-color:#d7d7d7; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.InviLeftside .sidenav li.current a{ background-color:#d7d7d7;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.InviLeftside .sidenav li a:hover b,.InviLeftside .sidenav li.current a b{color:#fff;}

.InviRightside{ margin-left:170px;}
.InviRightside .invitips{font-size:14px; margin-bottom:35px;}
.FormInvite li{ padding-bottom:20px;}
.FormInvite li .textinput{ width:318px;  line-height: 1.4em; font-size: 14px;}
.helper{padding:0 5px; display:inline-block; color:red; position:absolute;}
.FormInvite li .InviteTextarea{width:330px; height:110px; line-height:20px; word-wrap: break-word; break-word: break-all; line-height: 1.4em; font-size: 14px;}
.FormInvite .btnbg{margin-top:20px;}
.InviteSearchinput{width:363px;height:23px;}
.InviteSearchTextarea{width:640px; height:90px;}
.friendslist{padding:5px; border:1px solid #b1a894; background:#fcfbed; width:640px; height:270px;overflow-y:scroll; overflow-x:hidden;table-layout: fixed;word-wrap:break-word;word-break:break-all;}
.friendslist .item{float:left; width:52px; padding:5px 5px 1px; position:relative;}
.friendslist .item img{float:left; width:52px; height:52px;}
.friendslist .item span{float:left; width:52px; text-align:center; word-wrap:break-word;word-break:break-all; line-height:15px; margin-top:2px;}
.wihteboard{position:absolute; z-index:5; width:52px; height:52px; top:5px; left:5px; background:#fff url("http://sns.birthdaybank.jp/static/images/pic_selected52.jpg") 0 0 no-repeat; width:52px; height:52px;filter: Alpha(opacity=80); -moz-opacity:.80; opacity:0.80;}
.btn_search_friends{-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff; -ms-box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.25)}
.btn_search_friends span{min-width:216px; _width:216px; height:34px; line-height:34px; font-size:14px; padding:0 15px; text-align:left; border-left:1px solid #fff; }


.InviRightside .half{float: left; width:300px; margin-right: 40px; padding-bottom:40px;}
.half h3{ background:none; padding:0; margin-top:20px; height:19px;line-height: 19px;}
.half h3 .invitButton {float: right; line-height:18px; font-size:12px; border:1px solid #ccc; }
.half h3 .invitButton span{padding:0 5px;border-left:1px solid #eee; border-bottom:1px solid #eee;}
.InvitesList {margin: 0; width:100%;  height:auto;  }
.InvitesList li {clear: both;display: block; margin: 0; padding:10px 0; list-style: none;  border-bottom: 1px solid #d4d4d4; overflow: hidden;}
.InvitesList .InvitesProfileImage{ float: left; width: 32px; height: 32px; margin-right: 6px; }
.search_friend_inpage_input{width:278px; padding:10px; -moz-border-radius: 3px; webkit-border-radius: 3px; border-radius: 3px; line-height: 1.4em; font-size: 12px; border: 1px solid #B7B7B7; background: #FBFBFB;
-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);}
.InvitesList li .btnser{top:15px; right:10px;}
.InvitesList li .individual {display: block; margin-top: 7px; font-size: 14px;line-height: 16px; }
.InvitesList.Following {border: none; margin-bottom: 32px;}
.InvitesList .SeeMoreFriends {display: block; font-size: 14px; clear: both; display: block; margin: 0 0 32px; padding: 10px 0; list-style: none; border: none; overflow: hidden;}
.SeeMoreFriends #InvitesRule {margin: -10px 0 0; border-top: 0; overflow: hidden;}
.btnInvite{margin-top:4px; width: auto; min-width: 50px; font-size: 12px; height: 22px; line-height: 21px;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff;
-ms-box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.25);
}
.InvitesList_right{margin-top: 20px; border-top: 1px solid #d4d4d4; }

.btn_nextpage{margin:10px auto; text-align:center; width:16px;}
.btn_nextpage span{margin:0 auto;}
.nextpagegif{background:url("http://sns.birthdaybank.jp/static/images/icon_01.gif") -119px 0 no-repeat; width:10px; height:13px; display:block; }

.topbar{ margin: 10px auto 0; padding:0 25px; height:38px; width:500px; line-height:38px; background:#f2f2f2; border:1px dotted #7d7d7d;  }
.topbar p{float:left; font-size:14px; font-weight:bold;}
.topbar .buttonRight{float:right;}
/*.topbar .buttonRight .buttonRight_01{float:left; margin-right:10px; display:block;  width:144px; height:22px; line-height:22px; text-align:center; background:url("http://sns.birthdaybank.jp/static/images/btn_bg04.gif") 0 -168px no-repeat;}
.topbar .buttonRight .buttonRight_02{float:left; display:block; width:77px; height:22px; line-height:22px; color:#fff; text-align:center; background:url("http://sns.birthdaybank.jp/static/images/btn_bg04.gif") 0 -210px no-repeat;}
*/
.btn_sort_save,.btn_sort_cancel{float:right; display:inline-block; margin:8px 0 8px 10px; width:73px; height:22px; line-height:22px; text-align:center; color:#fff;}
.btn_sort_save{background:#000;}
.btn_sort_cancel{background:#505050;}
a.btn_sort_save:hover,a.btn_sort_cancel:hover{text-decoration:none;}
a.btn_sort_save:hover{background:#333;}
a.btn_sort_cancel:hover{background:#737373;}
a.btn_sort_save:active{
background: #333;
background-image: -moz-linear-gradient(top, #333333 0%, #666666 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#666666));
background-image: -webkit-linear-gradient(top, #333333 0%,#666666 100%);
background-image: -o-linear-gradient(top, #333333 0%,#666666 100%);
background-image: -ms-linear-gradient(top, #333333 0%,#666666 100%);
background-image: linear-gradient(top, #333333 0%,#666666 100%);
text-decoration: none;
}
a.btn_sort_cancel:active{
background-color: #737373;
background-image: -moz-linear-gradient(top, #737373 0%, #a4a4a4 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#737373), color-stop(100%,#a4a4a4));
background-image: -webkit-linear-gradient(top, #737373 0%,#a4a4a4 100%);
background-image: -o-linear-gradient(top, #737373 0%,#a4a4a4 100%);
background-image: -ms-linear-gradient(top, #737373 0%,#a4a4a4 100%);
background-image: linear-gradient(top, #737373 0%,#a4a4a4 100%);
text-decoration: none;
}

/* html email  page */
.msgPage{ margin:0 auto; background:#fff; width:700px; border:1px solid #cdc3b4; -webkit-box-shadow:0 0 5px #bbb; -moz-box-shadow:0 0 5px #bbb;  }
.msgPage .header{background:url("/sns-sub/static/images/bg_messagehead.jpg") 0 0 repeat-x; height:35px; line-height:40px; padding:5px 10px 0;}
.msgPage .header .logo{display:block;width:134px; height:34px;background:url("/sns-sub/static/images/logo.jpg") 0 0 no-repeat; text-indent:-9999px; overflow:hidden;}
.msgPage .msgPageContent{padding:10px 0 10px 10px;}
.msgPage .msgPageContent p{margin:10px 0;}
.msgPage .msgPageContent p a{color:#f68448;}
.msgPage .msgPageContent .msgPageBox{clear:both;}
.msgPageBox .BoxItem{float:left; width:200px; height:70px; background:#ececec; padding:10px; margin:10px 10px 0 0;}
.msgPageBox .BoxItem p{margin-top:0;}
.msgPageBox .BoxItem p a{float:left; display:block; color:#f68448; background:#fff; padding:0 2px; margin-right:3px;}
.BoxItemUser{float:left; padding-left:52px;}
.BoxItemUser .linkUsrimg{float:left; display:block; width:42px; height:42px; margin-left:-52px;}
.BoxItemUser .linkUsrimg img{width:42px; height:42px;}
.BoxItemUser strong{width:100%; font-weight:300; color:#f68448;}
.BoxItemUser .btn_msgpage{float:left;display:block; color:#fff; background:#4e4e4e; padding:0 5px; margin-right:3px;}
.msgPage_footer{margin:0 auto;width:700px; text-align:right; }


.overlay{position: fixed; z-index: 99998; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .8);}
.addwrap,.createWrap,.memoWrap{display:block;}
.addwrap .modal,.createWrap .modal,.memoWrap .modal{position: fixed; z-index: 99999; top: 100px; left: 50%; background:#fff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.8);}

/* Add  page */
.addwrap .modal{ margin:0 0 0 -420px;  width:840px;}
.addwrap .modal .header{ padding:10px 30px; height:38px; border-bottom:1px solid #d9d9d9;}
.addwrap .modal .addtags{ padding:15px 30px; line-height:20px; border-bottom:1px solid #d9d9d9; background:#f3f3f3; text-align:center;}
.addwrap .modal .addtags a{color:#333; font-weight:bold;}
.addwrap h2,.createWrap h2{float:left;font-size:18px; font-weight:bold; height:38px; line-height:38px;}
.addwrap h2 span,.memoWrap h2 span,.uploadModel h2.uploadeEm span{float:left; display: inline-block; margin-right:20px;  background:url("http://sns.birthdaybank.jp/static/images/icon_01.gif") no-repeat;}
.uploadModel h2.uploadeEm em{ width:35px; height:35px; background-position:0 -40px;}
.addwrap .closed,.createWrap .closed,.memoWrap .closed{float:right; margin-top:-15px; margin-right:-10px; display: inline-block; width:28px; height:28px; background:url("http://sns.birthdaybank.jp/static/images/icon_01.gif") -52px -44px no-repeat; text-indent:-9999px; overflow:hidden;}
.addwrap .addLinks{clear:both; position:relative; width:100%; float: left;
background-image: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* IE10+ */
background-image: linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0');/* ie8*/
}
.addwrap .addLinks a{display:inline-block; float: left; width:191px; height:95px; overflow:hidden; text-align:center; border-right:1px solid #d9d9d9;  padding-bottom:20px; padding-top:15px; font-size:14px; font-weight:bold; color:#787878;}
.addwrap .addLinks a.noborder{ background:none;}
.addwrap .addLinks a b{display:block; background:url("http://sns.birthdaybank.jp/static/images/addicon.png") no-repeat; height:56px; margin-bottom:15px;}
.addwrap .addLinks a.plink01 b{background-position:0px 0px; width:56px; margin-left:auto;margin-right:auto ;}
.addwrap .addLinks a.plink02 b{background-position:-76px 0; width:49px; margin-left:auto;margin-right:auto ;}
.addwrap .addLinks a.plink03 b{background-position:-144px 0; width:65px; margin-left:auto;margin-right:auto ;}
.addwrap .addLinks a.plink04 b{background-position:-229px 0; width:42px; margin-left:auto;margin-right:auto ;}
.addwrap .addLinks a.plink05 b{background-position:-290px 0; width:79px; margin-left:auto;margin-right:auto ;}
.addwrap .addLinks a.plink06 b{background-position:-388px 0; width:80px; margin-left:auto;margin-right:auto ;}
.addwrap .addLinks a.plink07 b{background-position:-491px 0; width:55px; margin-left:auto;margin-right:auto ;}
.addwrap .addLinks a:hover{ text-decoration:none; background:#d0d0d0; color:#333;}
.addwrap .addLinks a.plink01:hover b{background-position:0 -74px;}
.addwrap .addLinks a.plink02:hover b{background-position:-76px -74px;}
.addwrap .addLinks a.plink03:hover b{background-position:-144px -74px;}
.addwrap .addLinks a.plink04:hover b{background-position:-229px -74px;}
.addwrap .addLinks a.plink05:hover b{background-position:-290px -74px;}
.addwrap .addLinks a.plink06:hover b{background-position:-388px -74px;}
.addwrap .addLinks a.plink07:hover b{background-position:-491px -74px;}

.addwrap .addpinForm{float:left;  clear:both; margin:0 50px 0; padding-bottom:20px;}
.addwrap .addpinForm .addpinInput,.memoWrap .modal .memoForm .addpinInput{ float:left; width:458px ; margin-right:20px; }


/* board_delete page */
.deleteWrap .modal{position: fixed; z-index: 99999; top: 50%; left: 50%; width: 540px; margin:-86px 0 0 -220px; }
.deleteWrap .modal p{text-align:center;}
.deleteWrap .modal p.toptext{margin:25px 0 10px; font-size:20px; text-align:center; font-weight:bold;}
.deleteWrap .modal p.deleinfo{margin:15px 0;font-size:12px;}
.deleteWrap .modal p.btn{ margin:0 auto; padding-bottom:20px;}
.deleteWrapbg{ background:#fff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.8);}

/* engir+ 相同样式  page */
.memoWrap .modal{width:538px;}
.memoWrap .modal .header{ margin:0 30px; padding:30px 0; border-bottom:1px solid #EAEAEA;}
.memoWrap h2{float:left; font-size:16px;}
.memoWrap input,.memoWrap textarea{background: #ffffff;border: 1px solid #c9c9c9;font-size:12px;}
.memoInput{ margin-top:20px; width:466px; }
.memoDescription{ margin-top:20px; width:100%; height:105px;}
.memoWrap .Buttons{text-align: center; width: 100%;/* margin-top:30px;*/ float: left;}
.memobtntg{width: 120px; font-size: 14px; height: 40px; line-height: 40px; }
.memoWrap .modal .memoForm{float:left; margin: 30px; width:478px; padding-bottom: 10px; position: relative;}
.InputArea{float: left;  position: relative; width: 100%; margin-top: 20px;}

/* memo page */
.textModal{margin:0 0 0 -269px}
.memoWrap .textModal .header{ height:35px; line-height:35px;}
.memoWrap .textModal h2 em{ width:60px; height:35px; background-position:-213px -246px;}
.memoWrap .textModal .board_add_input{width:364px;}

/* repin page */
.modal.repinModel{ width:760px; margin:0 0 0 -380px; top:80px;}
.repinModel .header{ height:35px;}
.repinModel h2 em{ width:37px; height:37px; background-position:-429px -246px;}
.repinModel .noheader{ margin: 0 30px; padding: 30px 0 0;}
.repinModel .mpage{float: left; margin: 30px; width:700px; padding-bottom: 10px;}
.repinModel .pin-form-pinIt{position:relative;width:422px;}
.repinModel .memo_title_input{margin-top: 20px; width: 410px; padding: 10px 5px;}

.modal.repinModel .memoForm{width: 700px;}
.doc_pin_tip{font-size:18px; color:#999; line-height:1.8; display: block;}

/* board_create page */
.createModal,.uploadModel{margin:0 0 0 -269px; }
.createModal .header{height:35px; line-height:35px;}
.createModal .header h2 span{ width:35px; height:36px; background-position:-374px -246px;}
.createModal ul {clear:both; padding:0 30px 20px;}
.createModal ul li{float:left;display:block; padding:15px 0; width:100%; border-bottom:1px solid #eaeaea;  }
.createModal ul li .BoardListBody ul{padding:0;}
.createModal ul li .BoardListBody ul li.BoardCategory{padding:10px 46px 10px 8px;}
.createModal ul li label{float:left; display:inline-block; width:120px; line-height:30px; font-weight:bold; font-size:12px; }
.createModal .formright{float:left; width:358px;}
.createModal .formright .label_radio{width:auto;}
.createModal ul li .textinput{width:346px; float:left; padding:6px 5px;}
.createModal ul li .textinput2{width:270px; float:left; padding:6px 5px;}
.createModal ul li .keywords,.uploadImage-right .keywords,.pin-form .keywords,.whiteDiv .keywords{float:left;  clear:both; width:100%; padding:0; max-height: 86px; overflow-y: auto; overflow-x: hidden;  margin-top:10px}
.createModal ul li .keywords li,.uploadImage-right .keywords li,.pin-form .keywords li,.whiteDiv .keywords li{float:left;display:inline; }
.createModal ul li .keywords li,.pin-form .keywords li{padding:0; width:auto; border-bottom:none; margin: 0 3px 3px 0;}
.createModal dl{margin-top:10px;}
.createModal dl dt{ line-height:24px;}
.createModal dl dd .tags{float:left;margin: 0 3px 3px 0;}
.createModal .CreateUl li .keywords li a:hover,.createWrap .modal dl dd .tags a:hover{color:#999;}
.createModal .btnline{ clear:both; padding:20px 0; text-align: center; width: 100%;}
.createModal .btnline .btn_bg{ display:block; color:#eee; font-size:14px; font-weight:bold; text-align:center; width:184px; height:35px; line-height:35px; background:url("http://sns.birthdaybank.jp/static/images/bg_btn01.gif") 0 0 no-repeat;}
.createModal ul.resetli li,.whiteDiv ul.keywords li{border:none; width:auto; padding: 0; font-size: 12px; margin: 0 3px 3px 0;}

/* uploadimg page */
.modal.uploadModel{ width:540px; margin:0 0 0 -270px; top:80px; min-height: 500px;}
.modal.uploadModel .header{height:35px;}
.uploadModel .header h2{width: 100%; height:35px; line-height:35px; border-top:3px solid #089799; border-bottom:3px solid #089799; color:#089799;}
.uploadModel h2 em{background:none;}
.uploadModel .header h2.uploadeEm{border:0px; color:#333; width: auto;}
.uploadModel .mpage{float: left; margin: 30px; width:700px; padding-bottom: 10px;}
.uploadModel .pin-form-pinIt{position:relative;width:422px;}
.uploadModel .memo_title_input{margin-top: 20px; width: 410px; padding: 10px 5px;}
.uploadModel ul {clear:both; padding:0 30px 20px;}
.uploadModel ul li{float:left;display:block; padding:15px 0; width:100%; border-bottom:1px solid #eaeaea;  }
.uploadModel ul li .BoardListBody ul{padding:0;}
.uploadModel ul li .BoardListBody ul li.BoardCategory{padding:10px 46px 10px 8px;}
.uploadModel ul li label{float:left; display:inline-block; width:120px; line-height:30px; font-weight:bold; font-size:12px; }
.uploadModel .formright{float:left; width:358px; position: relative;}
.uploadModel .formright .label_radio{width:auto;}
.uploadModel ul li .textinput{width:346px; float:left; padding:6px 5px;}
.uploadModel ul li .textinput2{width:270px; float:left; padding:6px 5px;}
.uploadModel ul li .keywords,.uploadImage-right .keywords,.pin-form .keywords,.whiteDiv .keywords{float:left;  clear:both; width:100%; padding:0; max-height: 86px; overflow-y: auto; overflow-x: hidden;  margin-top:10px}
.uploadModel ul li .keywords li,.uploadImage-right .keywords li,.pin-form .keywords li,.whiteDiv .keywords li{float:left;display:inline; }
.uploadModel ul li .keywords li,.pin-form .keywords li{padding:0; width:auto; border-bottom:none; margin: 0 3px 3px 0;}
.uploadModel dl{margin-top:10px;}
.uploadModel dl dt{ line-height:24px;}
.uploadModel dl dd .tags{float:left;margin: 0 3px 3px 0;}
.uploadModel .CreateUl li .keywords li a:hover,.createWrap .modal dl dd .tags a:hover{color:#999;}
.uploadModel .btnline{ clear:both; padding:20px 0; text-align: center; width: 100%;}
.uploadModel .btnline .btn_bg{ display:block; color:#eee; font-size:14px; font-weight:bold; text-align:center; width:184px; height:35px; line-height:35px; background:url("http://sns.birthdaybank.jp/static/images/bg_btn01.gif") 0 0 no-repeat;}
.uploadModel ul.resetli li,.whiteDiv ul.keywords li{border:none; width:auto; padding: 0; font-size: 12px; margin: 0 3px 3px 0;}
.uploadModel .real_file{font-size:30px;}

.sizetips{color: red; min-width:65px; position: absolute;text-align: center; font-size: 10px; top: 29px; right:0;  display:block;}

/* addpinbyurl page */
.add_pin_modal{margin:0 0 0 -269px;}
.memoWrap .add_pin_modal .header{ height:29px; line-height:29px;}
.memoWrap .add_pin_modal h2 em{ width:62px; height:29px; background-position:-292px -251px;}
.memoWrap .addpinForm{float: left; clear: both; padding: 30px;}
.memoWrap .addpinForm .addpinInput{float: left; width: 353px; margin-right: 20px;}
.memoWrap .addpinForm .addpinBtn span{width: 84px; height: 35px; line-height: 35px;}

/* doc page */
.docModal{margin:0 0 0 -269px;}
.memoWrap .docModal .header{ height:36px; line-height:36px;}
.memoWrap .docModal h2 em{ width:27px; height:36px; background-position:-166px -246px;}

/* music page */
.musicModal{ margin:0 0 0 -269px;}
.memoWrap .musicModal .header{ height:36px; line-height:36px;}
.memoWrap .musicModal h2 em{ width:32px; height:36px; background-position:-48px -246px;}
.musicModal .searchMusic,.videoModal .searchMusic{ position:relative; z-index:2;}
.music_input_info{position:absolute; top:45px; right:10px; color:#999;}
.musicModal .musicInput,.videoModal .musicInput{ width:435px; padding-left: 36px;}
.musicModal .music-list,.videoModal .music-list{position:absolute; top:30px; z-index:1; border:1px solid #bbbbbb; background:#fff; width:476px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}
.musicModal .music-list ul,.videoModal .music-list ul{width:100%; margin-top:6px;}
.musicModal .music-list ul li,.videoModal .music-list ul li{width:456px; padding:10px; overflow: hidden; white-space: nowrap; word-break: keep-all; text-overflow: ellipsis;}
.musicModal .music-list ul li:first-child ,.videoModal .music-list ul li:first-child {padding-top:20px;}
.music-list ul li .music-song{font-weight:bold;}
.music-list ul li .music-artist{margin-left: 2px;}
.music-list ul li .music-artist::before {content: ' — ';}
.music-list ul li .music-cite{margin-left: 2px; font-style: italic; color:#999;}
.music-list ul li .music-cite::before {content: ' — ';}
.musicModal .music-list ul li:hover,.videoModal .music-list ul li:hover{background:#cacaca; color:#fff;}
.musicModal .music-list ul li:hover .music-cite,.videoModal .music-list ul li:hover .music-cite{color:#fff;}
.musicModal .music-list ul li.selected,.videoModal .music-list ul li.selected{background:#cacaca; color:#fff;}
.musicModal .music-list ul li.selected .music-cite,.videoModal .music-list ul li.selected .music-cite{ color:#fff;}

.pb-music-song{padding-right:10px;}
.music-result-footer { background:#fff; color:#999; width:456px; padding:10px; border-top:1px solid #D9D9D9;
border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
-webkit-border-radius: 0 0 6px 6px;
}
.music-result-footer .music-result-count{}
.music-result-footer .next-page{float:right;}
.buttonNext {margin-top:-6px; width: 80px; font-size: 14px; height: 30px;line-height: 30px;}
input.music_btnser{position: absolute;  left: 10px; top: 10px;  background:transparent url("http://sns.birthdaybank.jp/static/images/icon_01.gif") -147px 0 no-repeat; border:none; width: 22px; height: 22px; padding: 0; text-indent: -999px; overflow: hidden;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius:0px;
-moz-transition: all 0.08s ease-in-out;
-webkit-transition: all 0.08s ease-in-out;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.post-media-preview{position:relative; float:left; margin-top:30px; background:#2d2d2d; width:458px; padding:10px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-transition: all 0.08s ease-in-out;
-webkit-transition: all 0.08s ease-in-out;
}
.post-media-preview img{float: left; width:68px; height:auto; padding-right:10px; margin-right:10px; background:transparent url("/sns-sub/static/images/separator_line.gif") right 0 no-repeat;}
.post-media-preview .icon_delete{right:10px; top:10px;}
.post-media-preview .audio-thumb{width:68px;  float:left; padding:10px; background:transparent url("/sns-sub/static/images/separator_line.gif") right 0 no-repeat; }
.post-media-preview .audio-thumb img{width:68px; height:auto;}
.post-media-preview .audio-player{float:left; padding:10px;}

/* video page */
.videoModal{ margin:0 0 0 -269px;}
.memoWrap .videoModal .header{ height:36px; line-height:36px;}
.memoWrap .videoModal h2 em{ width:47px; height:36px; background-position:-99px -246px;}
.post-video-preview{position:relative; float:left; margin-top:30px; width:100%;
-moz-transition: all 0.08s ease-in-out;
-webkit-transition: all 0.08s ease-in-out;
}
.post-video-preview .icon_delete{right:10px; top:0;}
.post-video-preview .video-thumb{width:164px; height:122px;  float:left; padding-right:10px; }
.post-video-preview .video-thumb img{width:164px; height:auto;}
.post-video-preview .video-info{float:left; height:122px; width:304px; vertical-align: middle; display:table;  }
.post-video-preview .video-info p{ vertical-align: middle; display:table-cell;}

/* uploadimg page */
.imgModal{ margin:0 0 0 -269px}
.memoWrap .imgModal .header{ height:35px; line-height:35px;}
.memoWrap .imgModal h2 em{ width:35px; height:35px; background-position:0 -246px;}

.memoWrap .uploadModal .header{ height:37px;}
.memoWrap .uploadModal h2 em{ width:37px; height:37px; background-position:-429px -246px;}

.uploadImage .uploadImagePicker{
position: relative;
float: left;
width: 192px;
max-height:192px;
padding: 15px;
overflow: hidden;
margin-right: 10px;
background: #F3F3F3;
box-shadow: 0 2px 4px rgba(105, 104, 104, 0.8);
-webkit-box-shadow: 0 2px 4px rgba(105, 104, 104, 0.8);
-moz-box-shadow: 0 2px 4px rgba(105, 104, 104, 0.8);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#bbbbbb')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#bbbbbb');
}
.div150hidden{overflow:hidden; max-height:192px;float: left;}
.memoWrap .modal .memoForm .uploadImage .div150{width:192px; float: left;}
.memoWrap .modal .memoForm .uploadImage .div150 .div150cell{min-height:50px; overflow:visible;}
.memoWrap .modal .memoForm .uploadImage #outer {max-height: 192px; overflow: hidden; position: relative;width:192px;}
.memoWrap .modal .memoForm .uploadImage #outer[id]{display: table; position: static;}
.memoWrap .modal .memoForm .uploadImage #middle{position: absolute; top: 50%;}
.memoWrap .modal .memoForm .uploadImage #middle[id]{display: table-cell; vertical-align: middle; position: static;}
.memoWrap .modal .memoForm .uploadImage #inner {position: relative; top: -50%;text-align: center;}
.memoWrap .modal .memoForm .uploadImage .div150 img{max-width: 192px;  }
.memoWrap .modal .memoForm .uploadImage-right{position:relative; float:right;}
.memoWrap .modal .memoForm .uploadImage-right .BoardList{width:100%;}

.memoWrap .modal .memoForm .uploadImage-right .board_name_input{width:180px; min-width:180px;}
.memoWrap .modal .memoForm .uploadImage .div150 .arrows{margin:2px auto 0; float:left;}
.memoWrap .modal .memoForm .uploadImage .div150 .arrows a{float:left; display:inline-block; width:104px; text-align:center; padding:2px 0; background:#ddd;}
.memoWrap .modal .memoForm .uploadImage .div150 ul{width:auto; height:170px; overflow:hidden; }
.memoWrap .modal .memoForm .uploadImage .div150 ul li{float:left; width:215px; height:170px; line-height: 170px; display:inline;}
.memoWrap .modal .memoForm .uploadImage .div150 ul li img{max-width:215px; max-height:170px;}
.boardCreate01{position:absolute; top:1px; left:1px; z-index:10; background:#fdfbee; width:296px; height:230px; max-height:230px;}
.boardCreate01 .BoardCreateList{padding:10px 0; height:150px; overflow-x:hidden; overflow-y:auto;}
.boardCreate01 .BoardCreateList li{line-height:24px; color:#6c6c6c; padding:0 10px;}
.boardCreate01 .BoardCreateList li:hover{background:#ddd;}
.boardCreate01 .CreateBoard_01{ border-top:1px dotted #c0bec1; padding:10px;}
.adddiv{float:left; width:100%; position:relative; margin-top:20px;}
.adddiv label {float: left; display: inline-block; line-height: 30px; position:relative;}
.adddiv .board_add_input{width:250px; float: left; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;  -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);}
.Buttons_succeful{ position:absolute; background:rgba(255,255,255, .85); z-index:500; text-align:center; border:3px solid rgba(0,0,0, .22); top:250px; right:20px;  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;  width:60%;}

.pageList{padding:10px; line-height:24px; color:#6c6c6c; border-bottom:1px dotted #bfbfbf;}
.pageList li a{color:#6c6c6c;}
.uploadPage2{padding:10px 15px; }

.fileform{position:relative;}
.real_file{position:absolute; right:0; top:0; font-size:60px;padding:0; filter: Alpha(opacity=0);-moz-opacity:0;  opacity:0; cursor:pointer;}
a.no_real_file{overflow: hidden; position:relative;font-size: 12px;}

/* add_pin_toolbar  page */
#add_pin_toolbar{ position: absolute; padding-top: 37px; z-index: 100000002; top: 0; left: 0; opacity: 1; hasLayout: -1}
.add_pin_Control{position: relative; z-index: 100000; float: left; background-color: #FCF9F9; border: solid #C5C5C5; height: 180px; width: 180px; opacity: 1; border-width: 0 1px 1px 0;}
.add_pin_Control img{position: relative;padding: 0;display: block;margin: 82px auto 0; -ms-interpolation-mode: bicubic;}
.add_pin_Control a {position: fixed; z-index: 100003; right: 0; top: 0; left: 0; height: 24px; padding: 12px 0 0; text-align: center; font-size: 14px; line-height: 1em; text-shadow: 0 1px white; color: #211922; font-weight: bold;
text-decoration: none; background:#e0e0e0;  background: -webkit-gradient(linear, left top, left 24, from(#ececec), to(#e0e0e0));  
   background: -moz-linear-gradient(top, #ececec, #e0e0e0 24px);   border-bottom: 1px solid #fff;
}
.add_pin_ImagePreview {position: relative; z-index:99999; padding: 0; margin: 0; float: left; background-color: white; border:solid #d7d7d7; border-width: 0 1px 1px 0; height: 180px; width: 180px;opacity: 1; text-align: center;}
.add_pin_ImagePreview .add_pin_Img{border: none; height: 180px; width: 180px; opacity: 1; padding: 0; display:table-cell; text-align:center; vertical-align: middle; line-height: 50px;}
.add_pin_ImagePreview .add_pin_Img .ImageToPin {max-height: 180px;max-width: 180px;width: auto !important;height: auto !important; vertical-align: middle;}
.add_pin_ImagePreview img.add_pin_PinIt {border: none; position: absolute;top: 65px; left: 32px;display: none;padding: 0; z-index: 100;}
.add_pin_ImagePreview .add_pin_Img a:hover img.add_pin_PinIt{display: block;}
.add_pin_ImagePreview .add_pin_Img h2{text-align:left; font-size: 18px;font-weight: bold;padding: 10px; line-height: 120%;}
.add_pin_ImagePreview .add_pin_Img p{text-align:left; font-size: 12px; padding:0 10px 10px; line-height: 120%;}


/* errormsg  page */
.errpage,.RequestContainer{width:700px; margin:100px auto; text-align: center;}
.errpage h1,.RequestContainer h1{text-align:center; margin-top:20px;}
.errpage .btn{margin-top:30px; width:120%;}
.errpage .btn input{float: left; width: 450px; font-size:32px; font-weight: 300;  padding: 10px 14px 7px;  -webkit-transition: all 0.08s ease-in-out; -moz-transition: all 0.08s ease-in-out;}

.Request{ margin:40px 0 0 150px;}
.btnRequest{float:left;}
.btnRequest span{min-width:250px; height:34px; line-height:34px; font-size:16px; font-weight:bold; text-shadow:1px 1px #fff;}
.requestTip{float:left; width:156px; margin-left:10px; display:inline; line-height:18px;}
.changeTip{clear:both; float:left;  margin-top:40px; width:100%; text-align:center;}
.errpage .button14 {float: left; min-width: 120px; height: 53px; line-height: 53px; font-size: 24px; padding: 0 1em;}


/* board_list page */
.recordBoard li{ padding:6px 10px 6px 0; border-bottom:1px solid #e5e5e5;}

#bookmarklet .Arrows, #ScrapePin .Arrows { display:none; background:#ddd9d9 }
#bookmarklet .picker, #ScrapePin .picker { display:inline-block; margin-right:8px; padding:3px 10px 3px; font-size:13px; border:1px solid #e1dfdf }
#bookmarklet .picker:hover, #ScrapePin .picker:hover { background:#eee; text-decoration:none }
#bookmarklet .imagePickerNext, #ScrapePin .imagePickerNext { float:right; margin-right:0 }

.ImagePicker {position:relative; float:left; width: 192px; max-height: 250px; padding: 15px; overflow:hidden; margin-right:10px; 
background: #F3F3F3;
box-shadow: 0 2px 4px rgba(105, 104, 104, 0.8);
-webkit-box-shadow: 0 2px 4px rgba(105, 104, 104, 0.8);
-moz-box-shadow: 0 2px 4px rgba(105, 104, 104, 0.8);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#bbbbbb')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#bbbbbb');
}
.ImagePicker h2 {width: 100%; font-size: 12px; font-weight: bold; line-height: 15px; color: #6C6C6C;  max-height: 30px; overflow: hidden; margin: 0 0 10px;word-wrap: break-word;break-word: break-all;}
.ImagePicker li { position:relative; width:100% }
.ImagePicker img { display:block; max-width:192px; margin:0 auto; }
.ImagePicker .Images { position:relative; float:left; width:192px; max-height:192px; overflow:hidden; padding:0;}
.ImagePicker .video { position:absolute; z-index:1; top:50%; left:50%; width:50px; height:50px; margin:-25px 0 0 -25px; }
.ImagePicker .load { position:absolute; z-index:10; top:50%; left:50%; display:none; margin:-8px 0 0 -8px; }
.ImagePicker .loading { background:url("http://sns.birthdaybank.jp/img/ajaxload2.gif") no-repeat; background-position:center center; }
.ImagePicker .price { z-index:3; top:-70px; left:-117px; -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; }
.ImagePicker .price.visible { top:19px; left:-28px }
.ImagePicker .Arrows { display:none }
.carousel-clip { position:relative; z-index:2; margin:0; -webkit-box-shadow:0 0 2px #bbb; -moz-box-shadow:0 0 2px #bbb;   min-height:50px; vertical-align:middle; overflow:visible; }
.carousel-list { position:relative; z-index:1; top:0; left:0; margin:0; padding:0; overflow:hidden }
.carousel-list li, .carousel-item { float:left; width:170px!important; height:170px }
.carousel-item a, .carousel-item img { max-width:170px; max-height:170px }

.BoardListOverlay { display:none; position:fixed; z-index:9998; top:0; right:0; bottom:0; left:0 }
.BoardPicker { width: 100%;float: left;position:relative; display:block; position: relative; line-height:30px;  padding:0; background-color:#dfdfdf; background:-moz-linear-gradient( #f4f4f4, #dfdfdf); background:-o-linear-gradient( #f4f4f4, #dfdfdf); background:-webkit-linear-gradient( #f4f4f4, #dfdfdf); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#dfdfdf');
cursor:pointer; border:1px solid #cccaca; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:inset 0 1px 1px rgba(34,25,25,.1); -moz-box-shadow:inset 0 1px 1px rgba(34,25,25,.1); -webkit-box-shadow:inset 0 1px 1px rgba(34,25,25,.1);
-moz-box-shadow: inset 0 1px 3px #eaeaea;
-ms-box-shadow: inset 0 1px 3px #eaeaea;
-webkit-box-shadow: inset 0 1px 3px #eaeaea;
box-shadow: inset 0 1px 3px #eaeaea;
}

.BoardPicker .current{height:20px; padding:6px 24px 6px 12px; border-top:1px solid #fff;  border-left:1px solid #fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.BoardPicker .CurrentBoard { display:block; white-space:nowrap; overflow:hidden }
.BoardPicker:active .CurrentBoard {}
.BoardPicker .CurrentBoard, .BoardPicker .CurrentCategory { display:block; font-size:14px; white-space:nowrap; overflow:hidden;line-height: 20px; }
.BoardPicker:active .CurrentBoard, .BoardPicker:active .CurrentCategory { text-shadow:none }
.BoardPicker .DownArrow { position:absolute; top:14px; right:14px; width:11px; height:9px; background:url("http://sns.birthdaybank.jp/static/images/downArrow.png") center top no-repeat }
.BoardPicker:hover .DownArrow { background-position:center }
.BoardList { display:none; width:100%; padding-bottom: 55px; position:absolute; z-index:9999; top:-1px; left:-1px; overflow-x:hidden; background-color:#fbfbfb; border:1px solid #aaa; box-shadow:0 4px 4px rgba(0, 0, 0, 0.30); -moz-box-shadow:0 4px 4px rgba(0, 0, 0, 0.30); -webkit-box-shadow:0 4px 4px rgba(0, 0, 0, 0.30); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.BoardList ul li.BoardCategory { position:relative; display:block; padding:0; margin:0; font-size:14px; padding:10px 46px 10px 8px; list-style:none; line-height:1.15em; cursor:pointer; border:0!important }
.BoardList li:hover { color:#221919; background-color:#ebe8e8 }
.BoardList li:active { color:#221919; text-shadow:none }
.BoardList li:first-child { border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0 }
.BoardListBody { width:100%; max-height:300px; overflow-y:auto; overflow-x:hidden }
.BoardListBody ul{height:auto;max-height:150px; overflow-y:auto; overflow-x:hidden; border-bottom:1px solid #d4d4d4;}
.BoardPicker .CreateBoard, .BoardPicker .CreateCategory { position:absolute; bottom:0; width:100%; background-color:#f2f0f0; border-top:1px solid #cccaca; border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; cursor:default; }
.BoardPicker .CreateBoard input, .BoardPicker .CreateCategory input { display:inline-block; margin:8px; height:35px; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; font-size:18px!important;  min-width:236px; font-size:1em; border:1px solid #a4a2a2; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; box-shadow:inset 0 1px rgba(34,25,25,.15), 0 1px rgba(255,255,255,.8); -moz-box-shadow:inset 0 1px rgba(34,25,25,.15), 0 1px rgba(255,255,255,.8); -webkit-box-shadow:inset 0 1px rgba(34,25,25,.15), 0 1px rgba(255,255,255,.8); -webkit-transition:all .08s ease-in-out; -moz-transition:all .08s ease-in-out;}
.BoardPicker .CreateBoardStatus { display:none; text-align:right; padding:2px; font-size:.8em ; }
.BoardPicker .CreateBoardStatus.error { color:red ;}
.BoardPicker .CreateBoardStatus.good { color:green; }
.BoardPicker .CreateBoard { }
.BoardPicker .CreateBoard_01{padding:10px;background:#fff; }
.BoardPicker .CreateBoard_01 .board_add_input{width:250px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;  -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);}
.pin-form {float:right; font-weight:300; -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px;}
.pin-form .mainerror { display:none; margin-top:14px; font-size:21px; }

.whiteDiv .Buttons{width:100%;}
#pinIt .Buttons{width:100%; float: left;}
.pin-form .Buttons label { float:right; margin-left:6px; padding:9px; font-size:13px; font-weight:700; border:2px solid transparent; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer; }
.pin-form .Buttons label span { display:inline-block; }
.pin-form .Buttons label.weibo span { height:20px; line-height:20px; padding-left:22px; background:url("http://sns.birthdaybank.jp/img/icon_weibo_disable.png") no-repeat }
.pin-form .Buttons label.weibo.enabled span { background:url("http://sns.birthdaybank.jp/static/img/icon_weibo.png") 0 0 no-repeat; }
.pin-form .Buttons label input { display:inline-block; margin-right:5px; cursor:pointer ;}
.pin-form .Buttons .weibo.active span { color:#48d3ff }
.Buttons .boardcreat_cancel,.Buttons .boardcreat_add{ width:110px; height:30px; line-height:30px; text-align:center; color:#fff;}
.Buttons .boardcreat_cancel{background:#a6a6a6; margin-right:10px;}
#pinIt{float:left;}
.pin-title{font-size:12px; font-weight:bold; max-height:30px; line-height:15px; margin-bottom: 10px;  overflow: hidden;padding: 0;position: relative;}
.pin-desc{padding: 10px;}
.pin-cite{width:192px; clear: both; display: table; height: 50px; overflow:visible;}
.pin-coment{overflow: hidden;position: relative;z-index: 2; font-size:12px; display: table-cell; vertical-align: middle; }
.pin-coment span{border: medium none;vertical-align: middle;display: block;margin: 0 auto; word-wrap: break-word; word-break: break-all; white-space:pre-wrap; text-overflow:ellipsis;}

.DescriptionTextarea{float: left; width:100%; height:122px; border:1px solid #cccccb; background:#fff; padding:10px 0 10px 5px; color:#6c6c6c;line-height:1.4em; font-size:12px;}
.CiteTextarea{float: left; width:418px; height:180px; border:1px solid #b7b7b7; background:#fbfbfb; padding:10px 0 10px 10px; color:#6c6c6c;
-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; line-height:1.4em; font-size:12px;
-moz-box-shadow: inset 1px 1px 10px 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);}
.btnbg_bm{float:right; min-width: 116px; margin-top:20px; height:35px; line-height:35px;  font-size:14px;}
.btnbg_book{float:left; min-width: 140px; margin-top:20px; height:35px; line-height:35px;  font-size:14px;}

#createBoardInfo{position:relative;}
.whiteDiv{ padding: 10px 10px 20px 10px; z-index:9999; top:-1px; left:-1px; right:-1px; font-size:12px; overflow-x:hidden; background-color:#fff; border:1px solid #b7b7b7; box-shadow:0 0 17px #bbb; -moz-box-shadow:0 0 17px #bbb; -webkit-box-shadow:0 0 17px #bbb; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.whiteDiv h3{ font-size:16px; color:#333;  padding:5px 0 15px 0; margin-bottom:0;}
.lableTitle{float:left; display:block; font-size:12px; padding-right:20px; font-weight:normal;}
.adddiv .radios{font-size:12px;}

/*custom_list_order*/
.drag_order ul {position:relative; zoom:1; margin:0 auto; }
.drag_order li {float:left; margin:15px 6px 0;  box-shadow:0 2px 4px rgba(105, 104, 104, 0.8); -webkit-box-shadow:0 2px 4px rgba(105, 104, 104, 0.8); -moz-box-shadow:0 2px 4px rgba(105, 104, 104, 0.8); width: 215px; height:281px; padding:0; }
.drag_order li.drag_li {float:left; margin:7px;cursor:pointer;}
.drag_order .modbox {float:left; width:213px; height:271px; margin:15px 6px 0; line-height:370px; text-align:center; color:#d3d3d3; font-weight:bold; font-size:18px; background:url("/sns-sub/static/images/noboxbg.png") 0 0 no-repeat; overflow:hidden;}
.drag_order .no_drag {width:212px; height:271px; margin:15px 6px 0; overflow:hidden; padding:0; border:0;}
.drag_order .pre_sort { color:#6c6c6c;}
.drag_order .pre_sort a{margin-left:2px; margin-right:2px; color:#6c6c6c;}
.drag_order .pre_sort a.on {color:#f60;}
.drag_order .v_middle{margin:0;border:none; -webkit-box-shadow:none; -moz-box-shadow:none;}
.draglay{display:none; opacity: .3; filter: alpha(opacity=30); position: absolute; left: 0; top: 0;background: white;z-index: 9;width: 215px; height: 281px;}

.pin_addcomment{float:right; width:152px; height:30px; padding: 4px 3px 3px; font-size:10px; -webkit-text-size-adjust:none;  line-height:1em; overflow-y:auto; overflow-x:hidden; }
.loadend{display:block; width:161px; height:110px; background:url("http://sns.birthdaybank.jp/static/images/load_end.png") 0 0 no-repeat; font-size:16px; text-align:center; padding-top:22px; font-weight:bold; text-shadow:1px 1px #fff;}

.col2 .pin_addcomment{width:230px; height:30px;}

.piclist105{float: left; padding: 0 10px 0 0; width: 106px; height: 106px;}
.piclist54{float: left; width: 54px; height: 54px; }
.piclistbg{float:left; display:block; width:110px; height:110px; background:#555 url("http://sns.birthdaybank.jp/static/images/BoardBackground_small.png") 0 0 repeat; margin-right:20px; box-shadow: 0 0 8px #000;-moz-box-shadow: 0 0 8px #000;-webkit-box-shadow: 0 0 8px #000;}
.icon_delete{position:absolute; right:0; display:block; background:url("/sns-sub/static/images/icon_delete.png") 0 0 repeat; width:13px; height:13px; text-indent:-9999px; overflow:hidden; }

.create_time_css{display: block; color: #999;}
.board_comment_detail{float:left; display:table; width:45px; height:45px; background: url("http://sns.birthdaybank.jp/static/images/board_comment_bg.png") 0 0 no-repeat; color:#fff; font-size:10px; -webkit-text-size-adjust:none;  word-wrap: break-word; word-break:break-all;  overflow:hidden;}
.board_comment_detail p{float:left; margin:5px; width:35px; height:35px; display:table-cell; vertical-align:middle;  line-height: 16px; overflow: hidden; word-wrap: break-word; word-break:break-all; }
.tagswrap .AddTags{top: -38px;position: absolute;right: 0;}
.tagswrap .AddTags input{float: left; width:144px; padding:5px; font-size: 12px;}
.tagswrap .AddTags .Button02 span{min-width: 40px;line-height: 22px;}
.SocialShare {margin:10px 0; width:100%; border-bottom:1px solid #ececec; padding-bottom: 10px; height:20px;}
.SocialShare ul li{display:inline; padding-right: 7px; float:left;}
.SocialShare .Button02.price span {min-width: 90px;padding: 5px 0;}

.proinfo_img_left{float:left;margin: 0 20px 10px 0;}


.backToTop {display: none; z-index: 999; zoom: 1; color: #6c6c6c; font-size: 10px;text-align: center;position: absolute;right: 10px;
bottom:10px;  _bottom: "auto"; cursor: pointer; opacity: .6; filter: Alpha(opacity=60); width:25px;
height: 10px; line-height:10px; padding-left: 10px; background:url("http://sns.birthdaybank.jp/static/images/backtotop.gif") left center no-repeat; 
outline: 0 none; -moz-transition: bottom 250ms ease-in-out;-webkit-transition: bottom 250ms ease-in-out;}

.reportToInfo {display: block;z-index: 999;zoom: 1;background-color: #000;color: #fff;font-size: 12px;text-align: center;position: fixed;right: 10px;bottom: 10px;cursor: pointer;
opacity: .6;width: 50px;height: 50px;text-indent: -9999em;background: #6c6c6c url("http://sns.birthdaybank.jp/static/images/icon_mail_fk.png") center center no-repeat;margin-bottom: 15px;outline: 0 none;
-webkit-border-radius: 4px;border-radius: 4px;-webkit-transition: bottom 250ms ease-in-out;}

.search_noresult{text-align:center; font-size:18px; font-weight:bold; margin-top:60px;}

.error_page{ width:640px; padding:50px 0 0 60px; font-size:16px; color:#333; line-height: 1.6em;}
.centerbtn{width:100%; text-align:center; margin-top:70px;}
.centerbtn .btn_bg{height:38px; line-height:38px; padding:0 15px; min-width:135px; font-size:15px; box-shadow: 0 6px 10px #999; -webkit-box-shadow: 0 2px 4px #999; -moz-box-shadow: 0 2px 4px #999;}

/*custom_creatBoard_list*/
.mycreat_board_top h3{font-weight:bold;}
.mycreat_board_top h3 img{margin-right:10px;}
.creatnew_box{
background-color:#ffffff;
background-image: -moz-linear-gradient(top, #ffffff 0%, #EBEBEB 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#EBEBEB));
background-image: -webkit-linear-gradient(top, #ffffff 0%,#EBEBEB 100%);
background-image: -o-linear-gradient(top, #ffffff 0%,#EBEBEB 100%);
background-image: -ms-linear-gradient(top, #ffffff 0%,#EBEBEB 100%);
background-image: linear-gradient(top, #ffffff 0%,#EBEBEB 100%);
}
.creatnew_text{width:215px; height:151px; padding-top:130px; text-align:center; font-size:30px; line-height:1.2em; color:#b4b4b4; font-weight:normal; background: url("http://sns.birthdaybank.jp/static/images/creatnew_text_bg.png") center 65px no-repeat;}
.creatnew_text strong{font-size:40px; font-weight:normal;}
.mycreat_board_ul{float:left; margin-top:10px; width:100%;}
.mycreat_board_ul li{line-height:28px; border-top: 1px dotted #B4B4B4; width:100%;}
.mycreat_board_ul li a{display:block; height:28px; line-height:28px; padding:0 10px;}
.mycreat_board_ul li a:hover{background:#c7c7c7; text-decoration:none; color:#fff;}
.mycreat_board_ul li.current a{background:#c7c7c7; text-decoration:none; color:#fff;}

h1.invite_regist_h1{margin-top:35px;line-height: 43px; font-size:32px;}
.invite_regist_reg{margin: 0px auto 20px; font-size:18px; line-height: 24px; width: 100%; text-align: center; color: #aaa;}
.invite_regist_reg a{padding:0 5px; font-weight:bold;color: #aaa;}

.unlogin_fb{width:960px; margin:20px auto 10px;}
.unlogin_fb .unlogin_topimg{float:right; margin-left:10px;display:inline;}
.unlogin_fb .unlogin_topimg img{float:left; width:30px; height:30px; margin-right:5px; display:inline;}
.unlogin_category{width:900px; margin:0 auto; height:460px;}
.unlogin_category a{}
.unlogin_category a:hover{text-decoration:none;}
.unlogin_overplay{opacity: .0; filter: alpha(opacity=0); position: absolute; left: 0; top: 0; background: white;
z-index: 9; width: 215px; height: 215px; display:block;}
.unlogin_category_box{position: relative; margin:5px;  overflow: hidden; float: left; width:215px; height:215px;  background: white url("/sns-sub/static/images/BoardBackground_new240.png") -12px -12px no-repeat; 
box-shadow: 0 2px 4px rgba(105, 104, 104, 0.8);
-webkit-box-shadow: 0 2px 4px rgba(105, 104, 104, 0.8);
-moz-box-shadow: 0 2px 4px rgba(105, 104, 104, 0.8);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#bbbbbb')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#bbbbbb');
}
.unlogin_category_box img{float:left; width:106px; height:106px;}
.unlogin_category_name{position:absolute; left:0px; bottom:10px; height:34px; line-height:34px; padding:0 10px; background:rgba(0,0,0,0.85); color:#fff; font-size:14px;}
.category_text {float: left; display: table; width: 109px; height: 109px; overflow:hidden; background: url("http://sns.birthdaybank.jp/static/images/board_comment_bg.png") 0 0 no-repeat; word-wrap: break-word; break-word: break-all;}
.category_text > div{display:table-cell;position: static; vertical-align:middle; top: 50%; left: 0;overflow:hidden; }
.category_text > div p{position: relative; top: -50%; color:#fff; margin:10px; max-height:84px; overflow: hidden; font-size: 10px; -webkit-text-size-adjust: none; line-height: 14px;}

.box:hover .pinwebsite, .boxTra:hover .pinwebsite {visibility: visible;}
.pinwebsite{position:absolute; visibility: hidden; display:block; z-index: 2; width:275px; padding:0 10px; height:30px; line-height:30px; top:50px; left:15px; right:15px;background:rgba(46,46,46,0.70); color:#fff; overflow: hidden; white-space: nowrap;word-break: keep-all;text-overflow: ellipsis;}
.pinwebsite:hover{ background:rgba(100,100,100,0.70); text-decoration:none;}

/*clip_quote.html start*/
.clip_quote_wrap{ background:#fff; position: relative; margin: 45px auto 0; width:510px;  padding:65px; z-index: 9999; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#clip_quote .closed{position: absolute;z-index: 1; top: 20px; right: 25px; display: block; margin-top: 5px; display: inline-block; width: 28px; height: 28px; background: url("http://sns.birthdaybank.jp/static/images/icon_01.gif") -52px -44px no-repeat; text-indent: -9999px; overflow: hidden;}
#clip_quote h2{font-size:24px; font-weight:bold;}
#clip_quote h3{margin-top:55px; font-size:18px; font-weight:bold; color:#333; }
#clip_quote img{margin-top:30px; width:510px;  height:auto;}
#cite_span{margin: 8px 0 0; line-height: 18px; font-size: 12px; line-height:15px; max-height: 190px; max-width: 192px; overflow: hidden; display: block; float: left;border: medium none;vertical-align: middle;word-wrap: break-word; word-break: break-all; white-space:pre-wrap; text-overflow: ellipsis;}

/* cite detail */
/* add zhuxinong start memo在页面中显示样式*/
.sigmaCite h1{font-size: 20px;font-weight: normal;line-height: 24px;padding: 20px 0 0;}
.sigmaCite h2{font-size: 18px;font-weight: normal;line-height: 24px;padding: 20px 0 0;}
.sigmaCite h3{font-size: 16px;font-weight: normal;line-height: 24px;padding: 10px 0 0;}
.sigmaCite p{line-height: 24px; padding: 15px 0;}
.sigmaCite strong {font-weight: bold;}
.engirArticle a,.pin_textable a/*,.indexpinInfo a*/{text-decoration: none;}
.sigmaCite a{/*color: #2A85E8;*/outline: medium none;text-decoration: none;}
.engirArticle li,.pin_textable li ,.indexpinInfo li{ list-style:disc inside none;}
.engirArticle li div,.pin_textable li div,.indexpinInfo li div{display:inline;}
.pin_textable img{max-width:345px;}
.boxTra .sigmaCite h1{font-size: 20px;font-weight: normal;line-height: 18px; padding:0;}
.boxTra .sigmaCite h2{font-size: 18px;font-weight: normal;line-height: 18px; padding:0;}
.boxTra .sigmaCite h3{font-size: 16px;font-weight: normal;line-height: 18px; padding:0;}
.boxTra .sigmaCite p{line-height: 18px; padding: 0;}
/* add zhuxinong  end */
.boxTra .sns_memo{line-height:18px;}
.boxTra .sns_memo strong{font-weight:normal;}

.no_EditArea{float: left; width:420px; height:223px; border:1px solid #b7b7b7; background:#fbfbfb; padding:0; color:#6c6c6c;
-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; line-height:1.4em; font-size:12px;
-moz-box-shadow: inset 1px 1px 10px 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);}
.no_EditArea .cant{background: url("http://sns.birthdaybank.jp/static/images/ico_warning.png") no-repeat scroll 12px 25px transparent; border: 1px solid #CCCCCC; margin: 50px 50px 0;padding: 30px 20px 30px 80px;}

.submit_success_tips{border:0; color:#e5e5e5; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.20); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000); padding:20px 40px; text-align:center;}

#popwin {  
	position: fixed; z-index: 9998;top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.80); -pie-background:rgba(0,0,0,.80); width:100%;overflow-x: hidden; overflow-y: scroll;  
	-moz-transition: all 0.22s ease-out; -webkit-transition: all 0.22s ease-out; }
#popwin #zoom{position: static; margin: 0 auto; top: 110px !important; width:724px;  z-index: 9999; }
#popwin #zoom.pinDetail{padding-right: 205px;}
#popwin #zoom.pinDetail .detailbox{width:650px;}
#popwin #zoom.pinDetail .detailright{margin-right: -205px;position: absolute;right: 0;}
#popwin .pinDetail .proinfo{ text-align:center;width:100%;}
#popwin .pinDetail .proinfo audio,#popwin .pinDetail .proinfo embed{margin-top:20px;}
#popwin .pinDetail .proinfo iframe{margin-top:20px;}
#popwin .pinDetail .proinfo .proinfo_img{padding:20px 0 0; text-align:center;}
#popwin .pinDetail .proinfo .proinfo_img img,#popwin .pinDetail .proinfo .proinfo_img object,#popwin .pinDetail .proinfo .proinfo_img iframe{margin: 0 auto; max-width:680px;}

#popwin #zoom .pintitle h2{padding:20px 0 0; line-height:24px; font-size:18px; font-weight:normal; color:#fff;}
#popwin #zoom .pintitle h2 a{color:#fff; text-decoration:none;}
#popwin #zoom .btn_follow{float:right; margin-top:10px; }
#popwin #zoom .btn_follow span{min-width:60px;_width:60px;text-align:center; font-size: 12px; -webkit-text-size-adjust: none;}
#popwin{height: 100%;}

.rss_unsubscribe{}
.rss_unsubscribe .modal {position: fixed; z-index: 99999; top: 50%; left: 50%; width:496px; height:82px; margin: -71px 0 0 -248px; padding:30px 0; background:#fff;}
.overlay {position: fixed; z-index: 99998; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .8);}
.rss_unsubscribe .modal p{font-size: 16px; text-align: center; font-weight: bold; width:100%;}
.rss_unsubscribe .modal p.btn{ margin: 0 auto; margin-top:30px; position:relative;}
.rss_unsubscribe .modal div.btn{margin:30px; position:relative;}
.rss_unsubscribe a.rss_btn_ok,.rss_unsubscribe a.rss_btn_cancel {display:inline-block; width: 85px; height: 34px; line-height: 34px; text-align: center; margin-right: 10px; color: white;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.rss_unsubscribe a.rss_btn_ok{background: #000;}
.rss_unsubscribe a.rss_btn_cancel{background: #b0b1b2;}
.rss_unsubscribe a.rss_btn_ok:hover{background: #333333; text-decoration:none;}
.rss_unsubscribe a.rss_btn_cancel:hover{background: #cccccc; text-decoration:none;}
.rss_unsubscribe a.rss_btn_ok:active{
background-color: black;
background-image: -moz-linear-gradient(top, #000000 0%, #333333 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#333333));
background-image: -webkit-linear-gradient(top, #000000 0%,#333333 100%);
background-image: -o-linear-gradient(top, #000000 0%,#333333 100%);
background-image: -ms-linear-gradient(top, #000000 0%,#333333 100%);
background-image: linear-gradient(top, #000000 0%,#333333 100%);
}
.rss_unsubscribe a.rss_btn_cancel:active{
background-color: #757575;
background-image: -moz-linear-gradient(top, #b0b1b2 0%, #cccccc 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b0b1b2), color-stop(100%,#cccccc));
background-image: -webkit-linear-gradient(top, #b0b1b2 0%,#cccccc 100%);
background-image: -o-linear-gradient(top, #b0b1b2 0%,#cccccc 100%);
background-image: -ms-linear-gradient(top, #b0b1b2 0%,#cccccc 100%);
background-image: linear-gradient(top, #b0b1b2 0%,#cccccc 100%);
text-decoration: none;
}
.rss_unsubscribe_input{width:345px; padding:6px 5px; font-size:12px; margin-right:10px;
background: #F3F3F3;
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);
}
.rss_unsubscribe_btnadd{width:50px; height:28px; line-height:28px; font-size:12px; font-weight:normal;}
.rss_unsubscribe .closed{float: right; margin-top: -20px; margin-right:10px; display: inline-block; width: 28px; height: 28px; background: url("http://sns.birthdaybank.jp/static/images/icon_01.gif") -52px -44px no-repeat; text-indent: -9999px; overflow: hidden;}
.rss_topp{float: left; font-size: 18px; margin-right: 30px; max-width: 800px; line-height: 46px; height: 46px; overflow: hidden; white-space: nowrap; word-break: keep-all; text-overflow: ellipsis;}

.ipad_pindetail{width:100%;}
.ipad_closed{position:absolute; width:24px; height:24px; background:url("http://sns.birthdaybank.jp/static/images/icon.png") 0 -64px no-repeat; top:-10px; right:-10px; text-indent:-9999px;}
.ipad_pin_thing.pin_thing{width:940px; background-color:transparent; margin:20px;}

/*directory page*/
.directory{width:944px; margin-bottom:70px;}
.directory_tabs {width:100%; }
.directory_tabs ul{width:100%; border-left:1px solid #b3b3b3;}
.directory_tabs ul li{display:inline-block; float:left; width:100px; height:28px;  border-top:1px solid #b3b3b3;  border-right:1px solid #b3b3b3;}
.directory_tabs ul li a{ width:100px; height:28px; line-height:28px; display:block; text-align:center; font-weight: bold;}
.directory_tabs ul li.current a{background:#dfdfdf; text-decoration:none;}
.directory_tabs ul li a:hover{background:#dfdfdf; text-decoration:none;}
.directory .alphabet_list{width:912px; border:1px solid #b3b3b3; height:40px; line-height:40px; background:#dfdfdf;font-weight: bold; font-size:14px; padding:0 15px;}
.directory .alphabet_list a{display:inline-block; width:20px; height:20px; line-height:20px; text-align:center;}
.directory .alphabet_list a:hover,.directory .alphabet_list a.current{text-decoration:none; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background:#f3f3f3;}
.directory .alphabet_list span{display:block;}
.directory .alphabet_list span a{width:250px; text-align:right; width: auto; padding: 0 10px;}
/*
.directory .alphabet_list span a:hover{background:transparent; text-decoration:underline;}
.directory .alphabet_list span a.current{background:transparent;}
*/
.directory_box_header{width:100%;  background:#e7e7e7;  margin-top:15px;}
.directory_box_header p{height:30px; line-height:30px; font-weight: bold; color:#777; padding:0 10px;}
.directory_box_content{margin-top:10px;}
.directory_box_content ul{float:left; width:314px;}
.directory_box_content ul li{width:304px; overflow:hidden;}
.directory_box_content ul li a{display: block; max-width:304px;overflow:hidden; white-space: nowrap; word-break: keep-all; text-overflow: ellipsis;}
.page_number{margin-top:30px;}
.page_number a,.page_number .page{font-size:14px; padding:0 5px;}
.page_number a{text-decoration:none;}
font.page{text-decoration:underline;}
.directory_footer{clear: both; padding: 10px 0;border-top: 1px solid #CCC; width: 100%;}
.directory_footer_content{width:1170px; margin:0 auto;}
.directory_footer_content .select_lang{float:left;}
.directory_footer_content a{padding:0 5px;}
.directory_footer_content .navigation{float:right;}

/* bookmarket share */
.bookmarket_toolbar{width: 100%; float: left;}
.bookmarket_toolbar label{margin-right:15px; display: inline-block; line-height:33px;}
.bookmarket_toolbar label span{line-height: 29px;}
.bookmarket_toolbar span b{float:left;font-size:14px; display:inline-block; padding-left:5px; background:url("/sns-sub/static/images/icon_birshare.png") no-repeat; width:29px; height:29px; overflow:hidden; text-indent:-9999px;}
.bookmarket_toolbar span.share_facebook b{background-position:-142px 3px;}
.bookmarket_toolbar span.share_twitter b{background-position:-142px -43px;}
.bookmarket_toolbar span.share_mixi b{background-position:-142px -89px }
.bookmarket_toolbar span.share_facebook.share_facebook_gray b,.bookmarket_toolbar span.share_twitter.share_twitter_gray b{background:url("/img/sns/icon02.gif") no-repeat; padding-left:20px;}
.bookmarket_toolbar span.share_facebook.share_facebook_gray b{background-position:-96px 3px;}
.bookmarket_toolbar span.share_twitter.share_twitter_gray b{background-position:-96px -43px;}

.bookmarket_toolbar li{float:right; margin-left:10px; width:25px; height:25px; }
.bookmarket_toolbar li span{text-indent:-9999px;display: block;}
.bookmarket_toolbar li.fb{background:url("http://sns.birthdaybank.jp/static/images/icon02.png") 0 -170px no-repeat;}
.bookmarket_toolbar li.tw{background:url("http://sns.birthdaybank.jp/static/images/icon02.png") 0 -211px no-repeat;}

/* clip_success page */
.clip_success .modal{position: fixed; z-index: 99999; top: 50%; left: 50%; padding:50px 35px; width: 550px; background: white; margin: -86px 0 0 -290px;}
.clip_success .modal p.toptext {font-size: 30px; text-align: center;font-weight: bold; color:#545454; line-height: 1;}
.clip_success a.btn_facebook,.clip_success a.btn_twitter,.clip_success a.btn_qqweibo,.clip_success a.btn_xinlangweibo,.clip_success a.btn_pinimg,.clip_success a.btn_sina,.clip_success a.btn_qqlogo{float:left; margin:10px 5px 0;}
.clip_success a.btn_facebook span em, .clip_success a.btn_twitter span em,.clip_success a.btn_qqweibo span em,.clip_success a.btn_xinlangweibo span em,.clip_success a.btn_pinimg span em,.clip_success a.btn_sina span em,.clip_success a.btn_qqlogo span em {margin: 3px 5px 0 0;}
.clip_success .closed{float: right;margin-top:-25px;display: inline-block;width: 28px;height: 28px;background: url("http://sns.birthdaybank.jp/static/images/icon_01.gif") -52px -44px no-repeat;text-indent: -9999px;overflow: hidden;}

/*price page */
.detail_img_price{margin:0 auto;background: #F4F4F4;}
span.price{top: 15px;left: 15px;position: absolute; z-index: 10; overflow: hidden;width: 110px;height: 110px;visibility: hidden;background-color: transparent;}
.detail_img_price span.price{position: absolute;z-index: 2;top: 0px;left: 0px;width: 110px;height: 110px;overflow: hidden; background-color: transparent;}
span.price strong,.detail_img_price span.price strong{position: absolute;z-index: 2;top:26px;left: -32px;width: 145px;height: 22px;padding-top: 8px;text-align: center;font-size: 12px;color: #FF7F00;background-color: rgb(245, 245, 245);background-color: rgba(245, 245, 245, 0.8);overflow: hidden;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
.box:hover span.price,.boxTra:hover span.price,.detail_img_price:hover span.price{visibility: visible;}
span.price a:hover{text-decoration: none;}
span.price a:hover strong{ background-color: rgb(235, 235, 235);background-color: rgba(235, 235, 235, 0.8);text-decoration: none;}

/*admin_email */
.ico_addusers{position: absolute; top: 10px; right: 10px; z-index: 3; font-size: 30px; font-weight:bold; font-family: "helvetica neue",arial,sans-serif;}
.AddrTextArea_value{position: absolute; max-height: 80px; min-height:24px; overflow-y:auto; z-index: 3; left:7px; right:30px; top:7px; }
.AddrTextArea_value span{ background:#eee; display:inline-block; padding:0 3px; margin:3px;}
.AddrTextArea_value span em{text-indent:-9999px; background: url("http://sns.birthdaybank.jp/static/images/icon.png") 0 0 no-repeat; width:8px; height:8px; margin-left:5px; display:inline-block;}

.Addfriend{position:relative;}
.Addfriend textarea{height:38px; max-height:1000px; overflow:hidden;}
.Addfriend-list{position: absolute; top: 30px; padding-top:10px; z-index: 1;border: 1px solid #C3CAC4;background: white;width: 400px; -moz-border-radius: 6px;-webkit-border-radius: 6px; border-radius: 6px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);}
.Addfriend-list li{padding:10px 0; border:0px;}
.Addfriend-list li img{width:36px; height:36px;}
.Addfriend-list li span{margin-left:10px;}
.Addfriend-list li:hover{background: #CACACA;}

ul.special_friend_list{margin-right:-50px;}
.special_friend_list li,.collaborator_list li{border-bottom:0px; padding:20px 0 0;  line-height:36px; margin-right:50px;}
.special_friend_list li{width:215px;}
.special_friend_list li a{display:block; float:left;}
.special_friend_list li a img,.collaborator_list li a img{width:36px; height:36px;}
.special_friend_list li a.special_friend_name{width:150px; margin-left:10px; font-size:14px;}
.collaborator_list li{width:100%;}
.collaborator_list li a.collaborator_name{margin-left:10px; font-size:14px;}
.special_friend_list li .delete,.collaborator_list li .delete{float:right; margin-top:13px; width:18px; height:18px; background:url("http://sns.birthdaybank.jp/static/images/icon.png") 0 0 no-repeat; text-indent:-9999px; }
.special_friend_list li .delete:hover,.collaborator_list li .delete:hover{opacity:0.5;-moz-opacity:0.5; filter:alpha(opacity=50);}
.collaborator_list li.unaccepted{opacity:0.5;-moz-opacity:0.5; filter:alpha(opacity=50);}

/* profile bage */
.pro_info_box{margin: 20px auto 0; background:#fff; position:relative; width:910px; padding:15px;
box-shadow: 1px 2px 3px rgba(105, 104, 104, 0.5);
-webkit-box-shadow:1px 2px 3px rgba(105, 104, 104, 0.5);
-moz-box-shadow: 1px 2px 3px rgba(105, 104, 104, 0.5);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#bbbbbb')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#bbbbbb');
}
.pro_info_ImgLink{margin:-15px 0 -15px -15px ; width:160px; height:160px; overflow:hidden; position:relative;}
.pro_info_ImgLink img{max-width:160px; height:160px;}
.btn_editeimg{position:absolute; bottom:10px; right:10px; background:rgba(0,0,0,0.6); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding:0 3px; color:#fff;}
.btn_editeimg:hover{background:rgba(0,0,0,0.4);color:#fff;}
.btn_editeimg:active{background:rgba(0,0,0,0.5);color:#fff;}

.pro_info_user{position:absolute; left:175px; top:15px; width: 380px;}
.pro_info_user .pro_info_name{width:100%;}
.pro_info_user .pro_info_name strong{font-weight: bold;font-size: 33px;margin-right: 20px;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;line-height: 1.2;}
.pro_info_user .pro_info_name .user_birthday,.pro_info_user .pro_info_name .user_sex{font-style:italic; font-size:14px; margin-right:10px;}
.pro_info_user .pro_info_name .user_location{font-size:14px;}
.pro_info_desc{width: 380px; height:3.2em; font-size:16px; line-height:1.6;overflow: hidden; margin-top:10px;}
.pro_smalltext{height:4.2em;font-size: 14px;line-height: 1.4;margin-top: 5px;}
.pro_moretext{height:auto; background:#fff;}
.pro_nodesc, .pro_nodesc_others{margin-top:20px; font-style:italic; font-size:14px;  color: #999;}
p.pro_nodesc:hover{border:1px solid #ddd; padding:3px; cursor:text; margin:16px 0 0 -4px;}
.pro_nodesc img{padding-left:5px;}
.pro_info_btn{position:absolute; bottom:10px; left:175px;}
.pro_info_btn a{float:left; margin-right:10px;}
.pro_info_btn .pro_setbtn{float:left; margin-top: -3px;}
.pro_info_btn .gray02{-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.pro_info_btn .pro_setbtn span{background:url("http://sns.birthdaybank.jp/static/images/icon_nav.png") -166px -34px no-repeat; padding-left:15px; text-align: left; min-width:55px; height:24px; line-height:24px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

.pro_info_btn .ProfileLinks{background:url("http://sns.birthdaybank.jp/static/images/icon_nav.png") no-repeat;}
.pro_info_btn .ProfileLinks.linkfb{background-position:0 -37px; width:20px; height:20px;}
.pro_info_btn .ProfileLinks.linktw{background-position:-38px -37px; width:24px; height:20px;}
.pro_info_btn .ProfileLinks.linksite{background-position:-83px -37px; width:20px; height:20px;}
.pro_info_btn .ProfileLinks.linkqq{background-position:0 -109px; width:20px; height:21px;}
.pro_info_btn .ProfileLinks.linkwb{background-position:-41px -112px; width:20px; height:16px;}


.proinfo_right{width:312px; position:absolute; right:0; top:0; bottom:0; padding:10px 15px; }
.mytags{float:left; width:100%;}
.mytags .mytags_title{font-size:14px; font-style:italic;}
.mytags .mytags_title span{display: inline-block;float: left;}
.mytags .mytags_title em{ display:inline-block; background:url("http://sns.birthdaybank.jp/static/images/icon_nav.png") -98px 0 no-repeat; width:20px; height:18px;margin-left:10px;}
.mytags .mytags_list{margin-top:5px;}
.followers_right{float:left; display:inline; width: 150px;}
.followers_right .followers_title{font-size:14px;font-weight: bold;}
.followers_right .followers_title span{padding:10px; font-weight:normal;}
.followers_right a.followers_title:hover{text-decoration:none; color:#999;}
.followers_right ul{width:150px;height: 120px; overflow: hidden;}
.followers_right ul li{display:block;margin-top:8px; height:32px; overflow:hidden;}
.followers_right ul li a:hover{text-decoration:none;}
.followers_right ul li a img{width:32px; height:auto; margin-right:5px; float:left;}
.followers_right ul li a span{ float:left; display:inline-block;width:110px;line-height: 32px; font-size:14px; overflow: hidden; white-space: nowrap; word-break: keep-all; text-overflow: ellipsis;}
.followers_right p{ margin-top:15px; color:#999;}
.proinfo_edit{margin-top:16px; display:none;}
.proinfo_edit_textarea{width:100%; height:36px; line-height: 1em; margin-left: 0; }
.proinfo_edit .btn_edit{float:right; margin-top:5px; }
.proinfo_edit .btn_edit span{min-width:50px;}

.profile_navbg{ width: 940px; margin: 15px auto;}
.pro_nav{margin:0 auto; position: relative;}
.btnTopfollow{float:right; display:inline; font-size: 12px; }
.pro_navleft{float:left;}
.pro_navleft li{float: left; display: inline; font-size: 12px; padding-right: 20px;}
.pro_navleft li a,.btnTopfollow a{position: relative;  display:block;  height: 20px; line-height:20px;  border-bottom:0px; padding:0 4px 0 20px;}
.pro_navleft li a:hover,.btnTopfollow a:hover{ border-bottom:0px; text-decoration:none; background:#bbb; color:#fff;}
.pro_navleft li.current a,.btnTopfollow.current a{ border-bottom:0px; text-decoration:none; background:#bbb; color:#fff;}
.pro_navleft li a span,.btnTopfollow a span{margin-left:10px;}
.pro_navleft li a em,.btnTopfollow a em{position: absolute; top: 4px; left: 4px; display:block;background:url("http://sns.birthdaybank.jp/static/images/icon_nav.png") no-repeat; width:11px; height:11px; margin-right:10px;}
.pro_navleft li a.menu_notebook em,.btnTopfollow a.menu_notebook em{background-position:0 0;}
.pro_navleft li a.menu_clip em{background-position:-31px 0;}
.pro_navleft li a.menu_like em{background-position:-60px 0;  width:13px; }
.pro_navleft li a.menu_notebook:hover em,.btnTopfollow a.menu_notebook:hover em,.pro_navleft li.current a.menu_notebook em,.btnTopfollow a.menu_notebook.current em{background-position:0 -77px;}
.pro_navleft li a.menu_clip:hover em,.pro_navleft li.current a.menu_clip em{background-position:-31px -77px;}
.pro_navleft li a.menu_like:hover em,.pro_navleft li.current a.menu_like em{background-position:-60px -77px;  width:13px; }

.board_sort{float: right; margin:0 0 0 20px; position:relative;}
.board_sort span{background:url("http://sns.birthdaybank.jp/static/images/icon_nav.png")  -150px 3px no-repeat; padding:0 15px 0 35px;}

/* profile bage search your clip*/
.search_your_clip{position:absolute; left:50%; margin-left:-60px; top:0; height: 20px;}
.search_your_clip .search_clipbg{ width: 150px; border:1px solid #ccc; font-size:12px; line-height:1; padding:4px 22px 0 4px; background:#fff; border-radius: 0px; -moz-border-radius: 0px;-webkit-border-radius: 0px; }
.search_your_clip .btnser{top:4px; background: url("http://sns.birthdaybank.jp/static/images/icon_nav.png") -92px -77px no-repeat; }

/* profile bage HiddenBoards */
.pro_notename{height:19px;max-width:130px;overflow: hidden;display: block;float: left;margin-right:5px;}
.HiddenNb{background:url("http://sns.birthdaybank.jp/static/images/hiddenbn_topbg.png") 0 0 no-repeat; margin:25px -8px 25px -7px;}
.HiddenNb_downbg{background:url("/sns-sub/static/images/hiddenbn_downbg.png") 0 bottom no-repeat; padding-bottom: 20px; padding: 7px;}
.hidden_lock,.half_visible,.moreclipers{margin-right: 1px; background:url("http://sns.birthdaybank.jp/static/images/icon_nav.png") no-repeat; width:17px; height:18px; text-indent:-9999px; overflow:hidden; display:inline-block;}
.hidden_lock{background-position:-126px -76px;}
.half_visible{background-position:-160px -76px; width:13px;}
.moreclipers{background-position:-124px -39px; width:18px;}

.nofollow{margin:0 0 0 -362px; width:690px; height:63px; }
.nofollow p{ padding:14px 0; line-height:20px; font-size:14px; color:#fff; text-align:center; }
.confirm_emailbar{margin-top:0px; font-size:14px; color:#fff;}
.confirm_emailbar p{color:#fff; }
.unlogin,.nofollow,.confirm_emailbar{position:absolute; left:50%; margin:20px 0 0 -480px; width:925px; min-height:48px; line-height:48px; padding:0 15px 0 20px; background:#4c4c4c; z-index:100;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.5); filter: Alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95;}
.confirm_right .btn_unlogin01,.confirm_right .btn_unlogin02{width:140px;}
.unloginRight,.confirm_right{float:right; margin-top:10px;}

.step1-wrap{width:950px; margin: 35px auto 150px; position:relative;}
.step1-wrap h2{margin:20px 0; line-height: 20px; height:20px;}
.step1-wrap .pageturn{position:absolute; top:0; right:20px; height:20px; line-height:20px; background:#555;
-webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color:#bbb;}
.step1-wrap .pageturn a{display:inline-block;padding: 5px 12px;}
.step1-wrap .pageturn .prearrow,.step1-wrap .pageturn .nextarrow{display:inline-block;text-indent:-9999px; overflow:hidden;}
.step1-wrap .pageturn .prearrow{  
	 border-color: transparent #eee transparent transparent;  
	 border-style: solid;  
	 border-width: 5px 12px 5px 0px;  
	 padding: 0;  
	 width: 0;  
	 height: 0;  
	 /* ie6 height fix */  
	 font-size: 0;  
	 /* ie6 transparent fix */  
	 _border-top-color: #eee;  
	 _border-bottom-color: #eee;  
	 _filter: chroma( color = #eee);  
}
.step1-wrap .pageturn .nextarrow{
	 border-color: transparent  transparent transparent #eee;
     border-style: solid;
     border-width: 5px 0px 5px 12px;
     font-size: 0;   
     width: 0;
     height: 0;
     _border-top-color: #eee;
     _border-bottom-color: #eee;
     _filter: chroma( color =#eee);
}
.step1-wrap .pageturn .prearrow:hover,.step1-wrap .pageturn .prearrow.disable{ border-color: transparent #8b8b8b transparent transparent;  }
.step1-wrap .pageturn .nextarrow:hover,.step1-wrap .pageturn .nextarrow.disable{ border-color: transparent transparent transparent #8b8b8b;}
.step1-wrap .pagebox{position:relative; clear: both;height: 380px;width:948px;}
.step1-wrap .pagebox a.indexShowLeft,.step1-wrap .pagebox a.indexShowRight{position: absolute;top: 45%;display: inline-block;width:50px;height: 50px;}
.step1-wrap .pagebox a.indexShowLeft{left: -60px; background: url("http://sns.birthdaybank.jp/static/images/sl.png") no-repeat center center;}
.step1-wrap .pagebox a.indexShowRight {right: -60px; background: url("/sns-sub/static/images/sr.png") no-repeat center center;}
.step1-wrap .nicelists{position:relative;clear: both;height: 380px;overflow:hidden;width:950px;}
.step1-wrap .nicelists ul li{display:inline-block; float:left; background: white; width:170px; height:170px; position:relative; margin:10px; overflow: hidden;
box-shadow: 0 0 6px rgba(105, 104, 104, 0.4);
-webkit-box-shadow: 0 0 6px rgba(105, 104, 104, 0.4);
-moz-box-shadow: 0 0 6px rgba(105, 104, 104, 0.4);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#bbbbbb')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#bbbbbb');
}
.step1-wrap .nicelists ul li img{margin:0 auto;display: block; width:auto; height:170px; -webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transition: all 0.2s ease;}
.step1-wrap .nicelists ul li .likebg{position:absolute; display:none;  top:0; right:0; left:0; bottom:0; width:170px; height:170px; overflow:hidden; -webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transition: all 0.2s ease;}
.step1-wrap .nicelists ul li .likebg .pininfo{position:absolute; bottom:0; left:0; right:0; color:#666; padding:5px; line-height:13px; font-size:11px; max-height:0px; overflow:hidden; -webkit-transition: max-height 0.4s linear;-moz-transition: max-height 0.4s linear;transition: max-height 0.4s linear;}
.step1-wrap .nicelists ul li .likebg a{position:absolute; top:0; left:0; margin-top:70px; margin-left:42px; z-index:100;}
.step1-wrap .nicelists ul li .likebg a span{width:75px; height:28px; line-height:28px; font-size:14px;}
.step1-wrap .nicelists ul li:hover .likebg{ display:block; }
.step1-wrap .nicelists ul li:hover .likebg .pininfo{max-height:26px;}
.step1-wrap .nicelists ul li:hover img{filter: Alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3;}
.step1-wrap p.btns{width:100%; margin-top:20px; text-align:center;}
.step1-wrap p.btns .btnbg{width: 184px;height: 35px;line-height: 35px;font-size: 16px;}
.step1-wrap p.btns a.black.disable{background:#aaa; text-decoration: none; cursor:default; border: 1px solid #999; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#aaaaaa');}
.step1-wrap .nicelists ul li .likebg.clicked a.gray02{background: #e6e6e6;color: #6c6c6c;}
.opacityimg{filter: Alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; }

.birfooter{position: relative; width:100%; background: url("http://sns.birthdaybank.jp/static/images/bgup.gif") 0 0 repeat; font-size:10px; overflow: hidden;}
.footertop{ width:940px; margin:0 auto; padding:40px 20px;}
.footer-sitemap{float:left;width:395px; padding-left: 9px; height:125px; border:2px solid #6b7879; border-top:none; position:relative;  background: url("http://sns.birthdaybank.jp/static/images/bg-footer-sitemap.gif") 0 0 no-repeat;}
.footer-sitemap ul{padding:20px 0 10px 10px; display:block;}
.footer-sitemap ul li{width:115px; line-height:22px; float:left; background: url("http://sns.birthdaybank.jp/static/images/arrow_foot_sitemap.png") 0 50% no-repeat; padding-left: 12px;}
.footer-sitemap span.title{position:absolute; padding:5px 10px; font-size:13px;  top:-12px; left:30px;}
.footer-info{width:500px; float:left; margin-left:30px;}
.footer-info span.title{font-size:13px;padding-bottom: 10px;margin-bottom: 10px; display: block; border-bottom: 1px solid #2b2b2b;}
.footerbottom{background:#000;width:100%; color:#90d1d0; text-align:center; padding:15px 0;}

.seemorebtn{background: url("http://sns.birthdaybank.jp/static/images/btnmore.png") 0 0 no-repeat; width:225px; height:35px; display:block; margin:30px auto;text-indent: -9999px; overflow: hidden;}
#loading{margin-top:30px;}
.detail-leftmb{margin-top:30px;}
.detail-leftmb h3{height:20px; line-height:20px; width:100%; text-indent:24px; background:#ea6380; font-size:12px; color:#fff;}
.detail-leftmb p.btnblue{ border-bottom:1px solid #c9c9c9;width:100%; text-align:center;}
.detail-leftmb p.btnblue a{display:block; margin:15px auto; width:283px; height:40px;text-indent:-9999px; background:url("/sns-sub/static/images/btn-birth.png") 0 0 no-repeat;}
.detail-leftmb p.btnblue a:hover{background-position:0 -40px;}
.detail-leftmb .spitems{margin-top:10px; border-bottom:1px solid #c9c9c9;padding-bottom: 10px; }
.spitems .pic-alumn{float:left; width:135px; height:135px; border:1px solid #ea6380; backgroudn:#f4f4f4; position:relative;}
.spitems .pic-alumn span{position:absolute; top:0; right:0; background:url("http://sns.birthdaybank.jp/static/images/new-overpic.png") 0 0 no-repeat; z-index:2;display: block;width: 35px;height: 34px;text-indent: -9999px;}
.spitems .thing-info{float:left; margin-left:10px; width:230px;}
.spitems .thing-info span{display:block;}
.spitems .thing-info span.costprice{text-decoration:line-through;margin-top: 5px;}
.spitems .right{ float: right;}
.spitems .right label{float:left; line-height:35px;margin-right:10px;}
.spitems .right .form-input-select{width: 135px; float:right;}
.spitems .right .form-input-select .form-input-select-element{width: 135px;}
.spitems .right .redtips{color:#ff0000; display:block;line-height: 30px;width: 100%; clear: both;}
.spitems p.buycarp{width:100%; margin-top:10px;}
.spitems p.buycarp .btnbuycart{float:right; display:block;width:212px; height:40px;text-indent:-9999px; background:url("/sns-sub/static/images/btn-birth.png") 0 -121px no-repeat;}
.spitems p.buycarp .btnbuycart:hover{background-position:0 -160px;}
.tagswrap,.boxstyle{width:100%; margin-top: 10px; position: relative;}
.tagswrap h3{line-height:30px; font-size:12px;}
.boxstyle .tags{float:left;}
.detail-banner{ margin-top:10px; text-align:center;}
.detail-banner img{margin:0 auto;}
.pic-listbyf{float:left; margin:0 10px;}

.modal.uploadmodel.applu {top:0; background:#F3F1E8; box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow:none;  }
.uploadModel .upbtns{margin:30px 0;}
.uploadModel .upbtns p{width:100%; text-align:center; margin-top:30px; }
.uploadModel .upbtns .btnuploat{margin:0 auto; font-size:12px;}
.uploadModel .upbtns .btnuploat span{width:288px; height:42px; line-height:42px;}
.uploadModel .imglist ul{height:465px; overflow-y:auto; margin: 0 30px; padding:0;}
.uploadModel .imglist li{margin:5px; display:inline; width:105px; height:105px; float:left; border:0; padding:0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.uploadModel .imglist li:hover {filter: Alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3;}
.uploadModel .imglist li.clicked{filter: Alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3;}
.uploadModel .imglist p{padding: 25px 0 30px; text-align: center; clear: both;}
.uploadModel .upload_success{margin: 0 30px;font-size: 12px; line-height: 22px;}
.uploadModel .up-tips{color:#fff; margin-top:40px; background:#ea6380; font-weight:bold;}
.uploadModel .upload_closed{text-align:center; margin-top:30px;}
.memowrap .modal.upplu .header {padding: 25px 0 20px; border:none;}
.memowrap .modal.upplu{background:#f3f1e8;}
#boardError{display: none;color:red;position: absolute;top: 60px;width: 100%;text-align: center;}



/* id 103 css bbpplugin*/
.setttitle{font-size: 16px;color: #2B2B2B;font-weight: bold;padding-top: 10px;padding-bottom: 5px;border-bottom: 3px solid #C7E7E8;margin: 0 auto 20px auto;background-image: url("/img/pc/common/bg_ttl_flower_blue.png");background-repeat: no-repeat;background-position: right;}
.mainbox .setleft h3{line-height:19px;}
.setright .pstext{font-size:13px; color:#686868;}
.setright  .pstitle{ font-size:16px; color:#089799; font-weight:bold; border-top:3px solid #089799; border-bottom:3px solid #089799; height:35px; line-height:35px; margin:10px 0 20px;}
.TableListmb {display: table;width: 100%;border-top: 1px solid #686868; border-right: 1px solid #686868; margin: 10px auto;}
.TableListmb dl {display: table-row;background-color: white;}
.TableListmb dl.tabtitle{background-color: #E0E0E0;}
.TableListmb dl.tabtitle dt{text-align:center;}
.TableListmb dl dt {
display: table-cell;
width:638px;
vertical-align: middle;
padding: 10px;
color: #2B2B2B;
border-left: 1px solid #686868;
border-bottom: 1px solid #686868;

font-size: 13px;
}
.TableListmb dl dd {
display: table-cell;
width: 76px;
text-align: left;
vertical-align: middle;
padding: 10px;
color: #2B2B2B;
border-left: 1px solid #686868;
border-bottom: 1px solid #686868;
font-size: 13px;
}
.TableListmb dl dd a{width:62px; height:28px; line-height:28px; }

.TableListmb .topimgone{width:109px; height:105px; float:left;}
.TableListmb .topimgone img{width:109px; height:105px;}
.TableListmb .tougtext{float:left; width:515px; font-size:13px; margin-left: 10px; display:inline;}
.TableListmb .line{float:left; border:1px solid #dbdbdb; margin:10px 0; font-size:0; width:100%; clear:both;}
.bbprodcuts-plugin{width:638px; margin:0 auto;}
.bbprodcuts-plugin .bbpimgs{margin:0 -11px;}
.bbprodcuts-plugin .bbpimgs .bbpimg-item{float:left; width:110px; margin:0 11px; display:inline;}
.bbprodcuts-plugin .bbpimgs .bbpimg-item img{width:108px; height:108px; border:1px solid #686868;}
.bbprodcuts-plugin .bbpimgs .bbpimg-item span{margin-top:10px;  line-height:35px; font-size:13px;}
.bbprodcuts-plugin .bbpimgs .bbpimg-item span .delete-bbp{color:#ea6380;margin-left:5px;}
.bbpdes{clear:both; margin-top:10px; background:#c7e7e8; color:#089799; border:2px solid #81dcdf; width:634px; padding:15px 0; text-align:center; }
.bbpdes p{color:#089799; font-size:13px; font-weight:bold;}
.bbpdes p a{margin-left:60px;}

.page-turn{margin:30px auto; font-size:13px; text-align: center;}
.page-turn a{font-size:13px;}
.page-turn .perpage,.page-turn.lastpage{color:#ea6380; margin:0 5px; line-height:26px; }
.page-turn .perpage:hover,.page-turn.lastpage:hover{color:#999999;}
.page-turn .pagnum{display:inline-block; margin:0 5px; width:26px; height:26px; line-height:26px; text-align:center; color:#fff; background:#999999;}
.page-turn .pagnum.current{background:#ea6380;}
	
#containerDataLoading{width:100%; height:1200px; background:#F4F1E8; position:absolute; z-index:66; display:block; }

.SlideList {display: block;width: 740px;margin-bottom: 25px;}
.ttltxt {height: 17px;padding: 5px 0 0 10px;margin-bottom: 20px;background-color: #EA6380;color: white;font-size: 13px;}
.SlideList .items {width: 610px;margin: 0 auto;padding: 0;overflow: hidden;}
.bx-wrapper {position: relative;margin: 0;padding: 0;width: 100% !important;}
.SlideList .items ul li{text-align: center;}
.SlideList .items ul li img {max-width: 135px; max-height:135px;}
.SlideListSelector {width: 100%;position: relative;height: 1px;}
.SlideListSelector .SlideItemnext {display: block;width: 25px;height: 135px;position: absolute;left: 0;top: -135px;}
.SlideListSelector .SlideItemnext a {
display: block;
width: 25px;
height: 135px;
overflow: hidden;
text-indent: -9999px;
background-image: url("http://sns.birthdaybank.jp/static/images/mypage_img/pc/common/arrow_slide_left.png");
background-repeat: no-repeat;
background-position: left 50px;
}
.SlideListSelector .SlideItemprev {
display: block;
width: 25px;
height: 135px;
position: absolute;
right: 0;
top: -135px;
}
.SlideListSelector .SlideItemprev a {
display: block;
width: 25px;
height: 135px;
overflow: hidden;
text-indent: -9999px;
background-image: url("/sns-sub/static/images/mypage_img/pc/common/arrow_slide_right.png");
background-repeat: no-repeat;
background-position: left 50px;
}
.SlideListSelector .SlideItemprev a.disabled, .SlideListSelector .SlideItemnext a.disabled {filter: alpha(opacity=50);-moz-opacity: 0.50;opacity: 0.50;}
#loginName {color: #FFFFFF;font-size: 13px;position: absolute;right: 360px;top: 8px;z-index: 11; width: 400px; text-align:right;}
.uploadModel a.btn_facebook,.uploadModel a.btn_twitter,.uploadModel a.btn_pinimg{margin:10px 5px 0;}
.uploadModel a.btn_facebook span em, .uploadModel a.btn_twitter span em,.uploadModel a.btn_pinimg span em{margin: 3px 5px 0 0;}
.uploadModel .upload_btn{text-align:center; margin-top:25px; width:100%;}
.uploadModel .upload_btn a{display:block; margin: 0 auto; background:url("http://sns.birthdaybank.jp/static/images/btn_uploadover.png") 0 0 no-repeat; width:283px; height:40px; text-indent:-9999px; overflow:hidden;}
.uploadModel .upload_btn a:hover{filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}