/* common
---------------------------------------------*/
body,img,p,span,strong{
	padding: 0;
	margin: 0;
}
a,
a:focus{
	outline: none;
}
.relative{
	position: relative;
}
.img-rounded-s {
  border-radius: 3px;
}
.strong{
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
}
.micro{
	font-size: 10px;
	line-height: 10px;
}
.strong-l{
	font-weight: bold;
	font-size: 22px;
}
.horizontal{
	padding: 0;
	margin: 0;
	list-style: none;
}
.horizontal li{
	padding: 0;
	margin: 0;
	display: inline-block;
	_display:inline;
	_zoom:1;
}

body{
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
body.ja{
	font-family:Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.full-spread{
	width: 100%;
	height: 100%;
}
.fixed-spread{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.signin-gray{
	position: fixed;
	top: 50%;
	left: 0;
	width: 100%;
	height: 50%;
	background-color: #efefef;
}
.m-r1{
	margin-right:10px;
}

/*
---------------------------------------------*/
.signin-button{
	text-align: center;
	color: #fff;
	font-size: 12px;
	line-height: 40px;
	display: inline-block;
	width: 188px;
	height: 40px;
	background: url(../img/signin.png) no-repeat 0 0;
	text-decoration: none;
	border-radius:3px;
}
.signin-button span{
	padding-left: 46px;
}
.signin-button:hover{
	background-position: 0 -40px;
}

/* return 2 top
---------------------------------------------*/
#fixed-nav {
	position:fixed;
	right:2px;
	bottom:0;
	width:40px;
	text-align:center;
}
#fixed-nav > a {
	font-size:16px;
	color:#bbbbbb;
	display:block;
	width:40px;
	height:40px;
	line-height:40px;
	background-color: #fff;
	border:1px solid #ddd;
	border-bottom:none;
	-webkit-border-radius: 3px 3px 0 0;
	   -moz-border-radius: 3px 3px 0 0;
			border-radius: 3px 3px 0 0;
	overflow:hidden;
	outline:none;
}
#fixed-nav > a:hover{
	color:#088253;
}

/* panel-add
---------------------------------------------*/
#panel-add {
	position:fixed;
	font-size: 10px;
	right:52px;
	bottom:0;
	background-color: transparent;
}
#panel-add > a {
	padding: 3px 5px;
	display:block;
	border:1px solid #ddd;
	border-bottom:none;
	-webkit-border-radius: 5px 5px 0 0;
	   -moz-border-radius: 5px 5px 0 0;
			border-radius: 5px 5px 0 0;
	overflow:hidden;
	outline:none;
}

/* header
-----------------------------------------------*/
#header-wrapper{
	position:fixed;
	z-index:8888;
	top:0;
	left:0;
	width:100%;
	background-color:white;
	border-bottom: 1px solid #eee;
	margin-bottom: 2px;
}
.header-wrapper{
	border-bottom: 1px solid #eee;
	margin-bottom: 2px;
}
#header{
	width: 1170px;
	margin: 0 auto;
}
.profile{
	padding: 0;
	margin: 0;
	list-style: none;
}


#header-wrapper ul > li *{
	vertical-align: middle;
}
.header-left > li a:link,
.header-left > li a:active,
.header-left > li a:visited,
.header-user > li a:link,
.header-user > li a:active,
.header-user > li a:visited{
	color: #bbbbbb;
}
.header-left > li a strong,
.header-left > li a:hover,
.header-user > li a strong,
.header-user > li a:hover{
	color:#088253;
}
.header-left > li a:hover,
.header-user > li a:hover{
	background-color: #efefef;
}

.header-left > li{
	padding: 0;
	margin: 0;
	display: inline-block;
	_display:inline;
	_zoom:1;
	vertical-align: top;
}
.header-left a{
	display: table-cell;
	vertical-align: middle;
	height: 50px;
	padding: 0 10px;
	margin: 0;
	text-decoration: none;
}
.header-left a .glyphicon{
	font-size: 18px;
}
.sharp-large{
	font-size: 22px;
	font-weight: bold;
}


.header-user .profile-image{
	margin-top: 3px;
}
.header-user .glyphicon{
	font-size: 18px;
}
.header-user > li{
	padding: 0;
	margin: 0;
	display: inline-block;
	_display:inline;
	_zoom:1;
	vertical-align: top;
	line-height: 10px;
}
.header-user > li > a{
	display: table-cell;
	height: 50px;
	padding: 0 10px;
	margin: 0;
	text-decoration: none;
}
.header-user > li > a > span{
	display: inline-block;
}




.header-right > li{
	padding: 0;
	margin: 0;
	display: inline-block;
	_display:inline;
	_zoom:1;
	vertical-align: top;
}
.header-right >li > a{
	display: table-cell;
	vertical-align: middle;
	height: 50px;
	padding: 0 10px;
	margin: 0;
	text-decoration: none;
	color:#bbbbbb;
}
.header-right >li > a:hover{
	color:#088253;
}
.header-right a .glyphicon{
	font-size: 18px;
}
.header-right .dropdown-menu{
	margin-top: 0px;
			box-shadow: 0px 0px 4px #ddd;
	   -moz-box-shadow: 0px 0px 4px #ddd;　/* Firefox用 */  
	-webkit-box-shadow: 0px 0px 4px #ddd;　/* Safari,Google Chrome用 */
}
.header-right .dropdown-menu a:hover{
	color:#088253;
}
.header-right .dropdown-menu input{

}
.header-right .dropdown-menu input[type="search"],
.header-right .dropdown-menu input[type="text"]{
	border:1px solid #ddd;
	font-size: 12px;
	padding: 3px 5px;
	padding-right: 16px;
	width: 230px;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}
.header-right .search-box{
	padding: 0px 20px;
	padding-bottom: 5px;
}
.header-right .dropdown-menu .search-icon {
	position:absolute;
	top:5px;
	right:24px;
	display:block;
	cursor:pointer;
}
.header-right .dropdown-menu .invisible{
	background-color: transparent;
	border: none;
}


#main{
	margin: 0 auto;
}
/* post-board
---------------------------------------------- */
#post-board{
	position: fixed;
	z-index:9999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color:rgba(0,0,0,0.3);
	text-align: center;
}
.post-board-inner{
	color: #888;
	width:530px;
	background-color: white;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
}
.post-board-inner-reply{
	margin-top: 5px;
	width: 100%;
}
.post-board-inner p{
	padding: 13px 15px;
	text-align: center;
}
#post-board .post-board-inner p{
	border-bottom: 1px solid #ddd;
}
.post-board-inner-reply p{
	border:none;
	border-top:1px dotted #ccc;
	padding-bottom: 0;
}
.post-board-inner form{
	padding: 13px 15px;
}
.post-board-inner form .add-photo{
	color:#fff;
	background-color:#088253;
}
.post-board-inner form .new-tweet-button{
	color:#fff;
	background-color:#088253;
	border:none;
}
.post-board-inner form textarea{
	color: #000;
	font-size:12px;
	letter-spacing: 1px;
	border:1px solid #cccccc;
	width: 100%;
	height:98px;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}
.post-board-inner .post-board-close{
	color:#088253;
}
.post-image-preview{
	position: relative;
}
.post-image-preview >*{
	vertical-align: top;
}
.post-image-preview span{
	position: relative;
	display: inline-block;
}
.post-image-preview span img{
	max-width: 110px;
	max-height: 110px;
}
.post-image-preview a{
	text-align: center;
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: rgba(0,0,0,0.4);
	left:-20px;
}
.post-image-preview a span{
	line-height: 20px;
}
.add-photo-input-wrapper{
	width: 200px;
	overflow: hidden;
	display: inline-block;
}
.invisible{
	opacity: 0.0;
}
.info-board{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color:transparent;
	text-align: center;
}
.info-board-inner{
	display: inline-block;
	padding: 13px 15px;
	margin: 0 auto;
    -webkit-border-radius:0px 0px 6px 6px;
       -moz-border-radius:0px 0px 6px 6px;
            border-radius:0px 0px 6px 6px;
}
.ml-1{
	margin-left: 10px;
}
#debug textarea{
	width: 100%;
	height: 300px;
}
/*
.post-reply p,
.post-reply form{
	padding: 2px 0px;
}
.post-reply p{
	border-top:1px dotted #ccc;
}
.post-reply p *{
	vertical-align: bottom;
}
.post-reply form textarea{
	width: 530px;
}
*/
.block {
	text-align: center;
}
.block:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em; /* Adjusts for spacing */
}
.centered {
	display: inline-block;
	vertical-align: middle;
}
.link-w a,
.link-w a:active,
.link-w a:visited,
.link-w a:hover{
	color: #fff;
}

/* setting-board
---------------------------------------------- */
#setting-board{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color:rgba(0,0,0,0.3);
	text-align: center;
}
.setting-board-inner{
	text-align:left;
	color: #888;
	width:530px;
	background-color: white;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
}
.setting-board-inner .tab-pane{
	height:70px;
}
.setting-board-inner .setting-board-header{
	text-align:center;
	padding: 13px 15px;
	margin-bottom:10px;
	border-bottom:1px solid #ddd;
}
.setting-board-inner .tab-content{
	padding:10px;
}
.setting-board-inner .tab-content-footer{
	margin-top:10px;
}
.setting-board-inner .update-button{
	color:#fff;
	background-color:#088253;
	border:none;
}
.setting-board-inner .sort-order-field{
	position:relative;
	height:55px;
}
.setting-board-inner .sort-order-field > div{
	position:absolute;
	z-index:200;
	border:1px solid #ddd;
	background-color:#fff;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}
.setting-board-inner .sort-order-field .dragging{
	opacity:0.6;
}
.setting-board-inner .sort-order-field a{
	display:inline-block;
	padding:10px;
	cursor:w-resize;
}
.setting-board-inner .sort-order-field a:hover{
	text-decoration:none;
}
.inline-form input{
	display:inline-block;
	vertical-align:middle;
	width:120px;
}
.inline-form button{
	display:inline-block;
	vertical-align:middle;
}
.scroll-content-wrapper{
	width:100%;
	overflow-x:auto;
	overflow-y:hidden;
}
.v-bottom{
	vertical-align:bottom;
}

/* timeline
---------------------------------------------- */
#tab-wrapper{
	width: 100%;
	margin-top:55px;
}
#tab-paginator-wrapper{
	text-align: center;
}
#tab-paginator{
	padding: 0;
	margin: 0;
	margin-left: -17px;
}
#tab-paginator li{
	padding: 0;
	margin: 0;
	margin-top: 2px;
	display: inline-block;
	_display:inline;
	_zoom:1;
}
#tab-paginator li a{
	display: block;
	width: 16px;
	height: 16px;
	background: url(../img/dot.png) no-repeat 0px 0px;
}
#tab-paginator li a.active{
	background-position: -16px 0px;
}
.tab-content{
	width: 100%;
}
.tab-pane{
	overflow:hidden;
}
.tab-pane ul{
	margin-top: 2px;
}
.tab-pane ul li{
	vertical-align: top;
}
.tab-pane .space{
	width: 3000px;
}
#timeline-model{
	display: none;
}
.timeline{
	width: 540px;/* 590 */
	margin-right: 2px;
	font-size: 12px;
	border:1px solid #ddd;
	-webkit-border-radius:6px;
	   -moz-border-radius:6px;
			border-radius:6px;
}
/*
.timeline-main .conversation{
	margin: 0px;
	border:1px solid #ddd;
	-webkit-border-radius:6px;
	   -moz-border-radius:6px;
			border-radius:6px;
}
*/
.timeline-header{
	padding: 3px 5px;
	font-size: 14px;
	font-weight: bold;
	border-bottom:1px solid #ddd;
	text-align: center;
}
.timeline-header .reload-on{
	font-size:14px;
	margin-top:4px;
	color:#088253;
}
.timeline-footer{
	text-align: center;
	border-top:1px solid #ddd;
}
.timeline-footer a,
.timeline-footer a:hover{
	text-decoration:none;
}
.timeline-footer a{
	font-size:18px;
	color:#088253;
}
.timeline-footer a *{
	vertical-align:top;
}
.timeline-footer .more-on,
.timeline-footer .more-off{
	height:25px;
}
/* more
------------------------------------*/
.more-on{
	padding: 4px 0px;
	display: block;
}
.more-off{
	padding: 4px 0px;
	height: 24px;
	display: block;
}
/* article
------------------------------------*/
.article-conversation{
	border: 1px solid #ddd;
	padding: 0px 4px;
	margin: 10px 0px;
	-webkit-border-radius:6px;
	   -moz-border-radius:6px;
			border-radius:6px;
}
.article-container{
	border:1px solid #ddd;
	border-left: none;
	border-right: none;
	/*border-bottom: 1px solid #ddd;*/
	padding: 1px 4px;
	margin:-1px 0px 0px 0px;
}
.article-container-conversation{
	padding: 1px 0px;
	margin: 0;
	border: none;
	border-bottom: 1px dotted #ccc;
}
.article-inner{

}
.article-inner-added{
	border-top:1px solid #ddd;
}
.article-status{
	margin-left:53px;
}
.article-status a,
.article-status a:visited,
.article-status a:active,
.article-status a:link{
	color:#088253;
}
.article-status .glyphicon-retweet{
	color:#609928;
}
.article-container:last-child{
	border: none;
}
.article-header{
	word-wrap:normal;
	word-break:normal;
}
.article-header .glyphicon-lock{
	color:#bbbbbb;
	font-size:10px;
}
.article-header .category,
.article-header .category > a{
	color: #999999;
	font-size: 10px;
}
.article-header .article-strong{
	/*margin-left: -6px;*/
	color:#088253;
	font-weight:bold;
}
.article-header > a:hover{
	text-decoration:none;
	border-bottom:1px solid #088253;
}
.article-image{
	float:left;
	margin-top:3px;
	margin-left:-53px;
	border-radius:6px;
}
.article-image-rss{
	display: block;
	width: 48px;
	height: 48px;
	overflow: hidden;
	border-radius:6px;
}
.article-image-rss img{
	padding: 0;
	margin: 0;
	clear: both;
}
.article-right{
	margin-left:53px;
}
.article-time{
	color:#999;
	position:relative;
	float:right;
	margin-top:1px;
}
.article-text{
	width: 100%;
	display:inline-block;
	/*margin-left: -6px;*/
}
.article-text p{
	padding: 0;
	margin:0;
}
.article-text img{
	max-width: 480px;
}
.article-text img,
.article-text iframe,
.all-inner iframe{
	border:1px solid #ddd;
	-webkit-border-radius:6px;
	   -moz-border-radius:6px;
			border-radius:6px;
}
.article-text img.unborder{
	border: none;
}
.article-text .feedflare{
	display: none;
}
.article-text a,
.article-text a:visited,
.article-text a:active,
.article-text a:link{
	color:#088253;
}
.article-footer {
	width: 100%;
	font-size:12px;
	padding-top:1px;
	position:relative;
	white-space:nowrap;
}
.tweet-status{
	padding: 0;
	margin: 0;
	color:#999;
	float: left;
	list-style: none;
}
.tweet-status li{
	padding: 0;
	margin: 0;
	display: inline-block;
	_display:inline;
	_zoom:1;
}
.tweet-status li a,
.tweet-status li a:visited,
.tweet-status li a:active,
.tweet-status li a:link{
	color:#088253;
}
.tweet-status *{
}
.tweet-actions{
	padding: 0;
	margin: 0;
	float:right;
	position:static;
}
.tweet-actions {
	display:inline;
}
.tweet-actions li {
	display:inline;
	margin-left: 5px;
}
.tweet-actions a,
.tweet-actions button {

}
.tweet-actions a {
	color:#999;
}
.tweet-actions a:hover{
	text-decoration:none;
	border-bottom:1px solid #bbbbbb;
}

/* reload
------------------------------------*/
.reload{
	width: 20px;
	margin-top: -2px;
}
.reload *{
	vertical-align: top;
}
.reload .reload-on{
	border: none;
	display: block;
}
.reload .reload-off{
	margin-top: 3px;
	margin-left: -1px;
}

/* retweet
------------------------------------*/

.undo-retweet,
.undo-retweet:link,
.undo-retweet:active,
.undo-retweet:visited{
	color:#609928;
}

/* favorite
------------------------------------*/
.unfavorite,
.unfavorite:link,
.unfavorite:active,
.unfavorite:visited{
	color:#ff9900;
}



/* badge
---------------------------------------*/
.badge-promoted,.badge-top,.badge-political,.badge-favorited,.badge-tweet-alert,.badge-retweeted {
width:16px;
height:12px;
background-color:transparent;
vertical-align:-1px;
*vertical-align:middle
}
.badge-promoted {
background-position:0 -350px
}

.badge-political {
background-position:-20px -350px
}

.badge-top {
background-position:-40px -350px
}

.badge-retweeted {
background-position:-60px -350px
}

.badge-favorited {
background-position:-80px -350px
}

.badge-tweet-alert {
background-position:-120px -350px
}

.ss-ktyrtw{
	font-weight:bold;
}

/*
.Icon {
	font-size:12px;
	position:relative;
	top:1px;
	background-color:#bbbbbb;
	display:inline-block;
	vertical-align:text-top;
	background-image:url(../img/icons.png);
	background-repeat:no-repeat;
}
.Icon-plus {
	background-color: transparent;
	background-position:-154px -1294px;
	width:9px;
	height:10px;
}
.Icon-minus {
	background-color: transparent;
	background-position:-168px -1294px;
	width:9px;
	height:10px;
}
.Icon-search{
	background-color: transparent;
	background-position:-19px -711px;
	width:15px;
	height:14px;
}
.Icon-gray-plus{
	background-color: transparent;
	background-position:-79px -711px;
	width:12px;
	height:12px;
}
.Icon-more {
	background-color: transparent;
	background-position:-106px -1294px;
	width:20px;
	height:16px;
}
.Icon-lock{
	background-position:-138px -191px;
	width:12px;
	height:12px;
	background-color: #ccc;
}
.Icon-reload {
	display:inline-block;
	vertical-align:middle;
	background-color: transparent;
	background-position:-54px -1290px;
	width:20px;
	height:16px;
}

.Icon-conversation{
	background-position:-198px -191px;
	width:14px;
	height:11px;
}

.Icon-reply {
	background-position:0 -190px;
	width:12px;
	height:12px;
}
.Icon-retweet{
	background-position:-20px -191px;
	width:14px;
	height:12px;
}
.Icon-retweeted{
	background-position:-20px -191px;
	width:14px;
	height:12px;
	background-color:#609928;
}
.Icon-favorite{
	background-position:-40px -190px;
	width:11px;
	height:12px;
}
.Icon-favorited{
	background-position:-40px -190px;
	width:11px;
	height:12px;
	background-color:#ff9900;
}
.Icon-delete{
	background-position:-160px -190px;
	width:10px;
	height:12px;
}
*/