/* ====================================================== */
/* == HTML Elements == */
/* ====================================================== */

/*
// blue系
#C0DEED
#0084B4

// green系
#9AE4E8
#0084B4
*/

html {
    margin: 0;
    padding: 0;
}

body {
    text-align: center;
    margin: 0;
    padding: 0;
    font: normal 12px/18px "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
	/* bg_grey.png | bg_egg_shell.png | bg_extra_clean_paper.png | bg_large_leather.png */
	background: #EEE url(/img/bg_large_leather.png);
}

form { margin: 0; padding: 0; border: 0; }
input,textarea {
    margin: 0;
    padding: 0;
    font: normal 12px/18px "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
}

a       { color: #099; text-decoration: none; }
a:hover { color: #099; text-decoration: underline; }
a img   { border: 0; }

h1, h2, h3, h4, h5, h6 {
    font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
	color: #036;
}
h1 {
	font-size: 30px;
	line-height: 40px;
	font-weight: bold;
	color: #333;
}
h3 {
	margin: 0 0 10px 0;
    padding: 0;
    font-size: 20px;
    line-height: 30px;
    font-weight: normal;
}

p, blockquote
{
    margin: 0 0 10px 0;
}

pre {
    background: #DDD;
    color: #000;
    width: 620px;
    margin: 10px 0 10px 0;
    padding: 5px;
    border: 1px solid #999;
    font: normal 12px/14px "Osaka-等幅","Osaka-Mono","ＭＳ ゴシック",monospace;
    overflow: scroll;
}
html > body pre {
    overflow: auto;
}
*:first-child+html pre {
    overflow: scroll;
}

pre br {
    display: none;
}

pre strong {
    margin: 0;
    padding: 0;
    color: #990000;
    font: normal 12px/14px "Osaka-等幅","Osaka-Mono","ＭＳ ゴシック",monospace;
}

pre em {
    margin: 0;
    padding: 0;
    color: ##009900;
    font: normal 12px/14px "Osaka-等幅","Osaka-Mono","ＭＳ ゴシック",monospace;
}

strong {
    color: #00CC00;
    font: normal bold 16px/20px "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
    margin: 0;
    padding: 0 3px 0 3px;
}
em {
    color: #009900;
    font: normal normal 14px/20px "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
    margin: 0;
    padding: 0 3px 0 3px;
}


/* ====================================================== */
/* == COMMON == */
/* ====================================================== */

/* For modern browsers */
.cf:before, .cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

input.inp {
    display: inline-block;
    text-indent: 5px;
    font: normal 12px/30px "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
    background: #FFF;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#FFFFFF'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #EEE,  #FFF); /* for firefox 3.6+ */
    border: 1px solid #CCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 30px;
    vertical-align: middle;
}
textarea.inp {
    display: inline-block;
    padding: 5px;
    font: normal 12px/20px "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
    background: #FFF;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#FFFFFF'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #EEE,  #FFF); /* for firefox 3.6+ */
    border: 1px solid #CCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 150px;
    vertical-align: middle;
}
input.btn_left {
    display: inline-block;
    height: 30px;
    padding: 0 15px 0 15px;
    font: bold 16px/30px "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
    background: #EEE;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C0DEED', endColorstr='#CCCCCC'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#C0DEED), to(#CCC)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #C0DEED,  #CCC); /* for firefox 3.6+ */
    border: 1px solid #0084B4;
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    vertical-align: middle;
}
input.btn_right {
    display: inline-block;
    height: 30px;
    padding: 0 15px 0 15px;
    font: bold 16px/30px "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
    background: #EEE;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C0DEED', endColorstr='#0084B4'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#C0DEED), to(#0084B4)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #C0DEED, #0084B4); /* for firefox 3.6+ */
    border: 1px solid #0084B4;
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    vertical-align: middle;
}
input[type="radio"] {
	margin: 0 5px 0 0;
}

.fav_btn {
	font-size: 12px;
	line-height: 20px;
	padding: 2px 4px 2px 4px;
	vertical-align: middle;
}
.fav_btn i {
	font-size: 16px;
	line-height: 20px;
	color: #FF0;
	text-shadow: 0 0 1px #666;
}
.fav_btn_faved {
	color: #999;
}
.fav_btn_faved i {
	color: #999;
}

/* === Twitter Bootstrap Hack === */
.hero-unit{
	background-color: rgba(0,0,0,0.1);
	text-align: center;
}
.reportHeader {
	margin: 0 0 10px 0;
	padding: 20px;
	text-align: left;
}
.reportHeader img.reportThumb {
	display: block;
	float: left;
	width: 100px;
	height: 100px;
	margin: 0 10px 10px 0;
	padding: 0;
	border: 5px solid #FFF;
	box-shadow: 0 0 3px 0 #666;
	-moz-box-shadow: 0 0 3px 0 #666;
	-webkit-box-shadow: 0 0 3px 0 #666;
}
.reportHeader h1 {
	font-size: 26px;
	line-height: 30px;
	margin: 0 0 10px 0;
	padding: 0;
}
.reportHeader h2 {
	font-size: 12px;
	line-height: 20px;
	margin: 0 0 5px 0;
	padding: 0;
	background: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	color: #333;
}
.reportHeader .twport_user_contents {
	margin: 0 0 0 120px;
	float: none;
	font-size: 12px;
	line-height: 20px;
}

.reportSummary iframe {
	vertical-align: middle;
}

.hero-unit .socialCounter {
	float: right;
	list-style: none;
	margin: 0 0 0 10px;
	width: 200px;
}
.hero-unit .socialCounter li {
	float: left;
}

.label-normal {
	border: 1px solid #CCC;
	background-color: #FFF;
	color: #666;
	font-weight: normal;
	text-shadow: none;
	vertical-align: middle;
}
.label-normal em {
	font-weight: bold;
	color: #000;
}
a.label-normal:hover {
	color: #000;
}
.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
    margin-top: 0;
}
.form-horizontal .form-actions {
    padding-left: 0;
}
.form-actions .btn input {
	margin: 0;
	padding: 0;
}
.breadcrumb li {
	display: inline;
}

/* ====================================================== */
/* == HEADER == */
/* ====================================================== */
#header {
	position: fixed;
	top:0;
	left:0;
	z-index: 99;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 32px;
	font-size: 12px;
	line-height: 32px;
	background-color: #FFF;
	border-bottom: 1px solid #CCC;
    box-shadow: 0 10px 10px -10px #000000;
    -webkit-box-shadow: 0 10px 10px -10px #000000;
    -moz-box-shadow: 0 10px 10px -10px #000000;
	text-align: center;
}
* html #header {
    position: absolute;
    top: expression(eval(document.documentElement.scrollTop+0));
}

#headerInner {
	width: 960px;
	height: 32px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
}
#headerLogo {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 30px;
}
#headerMessage {
	display: none;
	float: left;
	margin: 5px 0 0 10px;
	padding: 0 10px 0 10px;
	font-size: 12px;
	line-height: 20px;
	vertical-align: top;
	color: #300;
	background-color: #FEE;
	border: 1px solid #FEE;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#headerMenu {
	float: right;
	height: 32px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#headerMenu li {
	float: left;
	margin: 0;
	padding: 0 0 0 15px;
	list-style: none;
	line-height: 32px;
	vertical-align: middle;
}


#header_title {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 400px;
    height: 100px;
}
#logo {
    display: block;
    margin: 0;
    padding: 0;
    width: 400px;
    height: 100px;
    background-image: url(/img/logo.png);
    text-indent: -9999px;
    overflow: hidden;
}

#description {
    display: block;
    float: right;
    margin: 20px 10px 0 10px;
    padding: 0;
    width: 500px;
}


/* ====================================================== */
/* TOP */
/* ====================================================== */
.top_trends {
    margin: 20px auto 20px auto;
    width: 900px;
}
.top_trend {
    float: left;
    margin: 10px;
    padding: 10px;
    width: 290px;
    _width: 300px;
    background: #FFF;
    border: 1px solid #CCC;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: left;
}
.top_trend_ad {
    float: left;
    margin: 10px 0 10px 10px;
    width: 100px;
    text-align: left;
}

.top_trend .ad {
    margin-left: 40px;
}

/* ====================================================== */
/* == CONTENTS == */
/* ====================================================== */
#contents {
    margin: 50px 0 0 0;
    padding: 0;
    text-align: left;
}
#contentsInner {
	width: 960px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
}

.breadcrumb {
    margin: 0;
    padding: 8px 15px 8px 15px;
    list-style: none;
	background-color: #FFF;
}

#main {
    margin: 0;
    padding: 0;
    width: 960px;
	background-clip: padding-box;
    border: 0 solid transparent;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 0 5px 10px 0 #666666;
    -moz-box-shadow: 0 5px 10px 0 #666666;
    -webkit-box-shadow: 0 5px 10px 0 #666666;
}

#main td {
    font: normal normal 12px/20px "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
}
#main th {
    font: bold normal 12px/20px "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
}

/* ====================================================== */
/* === main left === */
#main_left {
	position: relative;
    margin: 0;
    padding: 0;
    width: 500px;
    background: #FFF;
    border: 0 solid transparent;
    border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    -webkit-border-radius: 8px 0 8px 8px;
	background-clip: padding-box;
	vertical-align: top;
	z-index: 5;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.5);
    -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.5);
}

#main_left .ad {
    margin: 100px auto 100px auto;
    padding: 0;
}
#main_left .ad span {
    text-align: center;
	display: block;
}
#main_left .adLeftBottom1 {
	width: 336px;
	height: 280px;
    margin: 0 auto 0 auto;
}
#main_left .adLeftBottom2 {
	width: 120px;
	height: 280px;
	float: right;
}

.reportMetas {
	margin: 0 0 5px 0;
	padding: 0;
	list-style: none;
	line-height: 20px;
}
.reportMetas li {
	margin: 0;
	padding: 0;
	display: inline;
	line-height: 20px;
}

.reportContents {
	margin: 10px;
	padding: 10px;
	border: 1px solid #CCC;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	background-clip: padding-box;
}

.notice {
    font: normal normal 10px/16px "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
}

.form_title {
    margin: 0;
    padding: 0 10px 0 10px;
    font: bold 16px/30px Verdana,sans-serif;
}

#result_form .btn-toolbar {
	text-align: center;
}

.btn i {
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.input_value {
    display: inline-block;
    font: normal 12px/20px "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
    height: 20px;
}

#search_button {
    vertical-align: middle;
}

.error_text {
    color: #F00;
}

#result_menu {
    display: none;
}

#results_count {
    margin: 0 10px 0 0;
    font: bold 16px/30px "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
}

.flashInfo,
.flashError{
	margin: 0 0 10px 0;
}

input#SearchQ ,
input#ReportTitle ,
input#report_title ,
textarea#report_description ,
input#report_tag {
    width:300px;
}
input#SearchSince ,
input#SearchUntil {
    width:160px;
}

#top_eyecatchs img {
	width: 50px;
	height: 50px;
	vertical-align: middle;
}

.q_help {
    margin: 0;
    font: normal 10px/30px "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
}

.form-horizontal .control-label {
	width: 90px;
}
.form-horizontal .controls {
	margin-left: 100px;
}

.form-actions {
    margin-bottom: 0;
    text-align: right;
}

#twport_description_ex {
	position: absolute;
	top: 70px;
	left: 0;
	width: 100%;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	font-weight: normal;
	text-align: center;
	background: rgba(255,255,255,0.5);
	background: -moz-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,1) 70%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0.3)), color-stop(70%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,1) 70%);
	background: -o-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,1) 70%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,1) 70%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(255,255,255,1) 70%);
}
#twport_description_ex a {
	margin: 0;
	padding: 0 10px 0 10px;
	border: 1px solid rgba(255,255,255,0.7);
	background: rgba(255,255,255,0.5);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#search_option {
    margin: 0 10px 10px 10px;
    padding: 0;
    font: bold 12px/16px "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
}

.leftTitle {
	margin: 10px;
    padding: 0 10px 0 10px;
    background-color: #FFF;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
	border-left: 5px solid #033;
	color: #000;
}
.searchRequestInfo {
	position: relative;
	margin: 10px;
	padding: 5px;
	border: 1px solid #CCC;
}
.searchRequestInfo b {
	margin: 0 5px 0 0;
	padding: 0;
}
.reportFooter {
	margin: 10px;
	padding: 5px;
	border: 1px solid #CCC;
}
.reportFooter h3 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	background: none;
	border: 0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	color: #666;
}
.reportFooter b {
	margin: 0 3px 0 3px;
	padding: 0;
	font-weight: bold;
}

#research_open_button{
    display: none;
	position: absolute;
	right: 5px;
	bottom: 5px;
}
.searchResultInfo {
	position: relative;
	margin: 10px;
	padding: 5px;
	border: 1px solid #CCC;
}
.searchResultButton {
}
.twitterLogo {
	margin: 0 6px 0 0;
	padding: 0;
}
.twitterLogo img {
	margin: 0 6px 0 0;
	padding: 0;
	vertical-align: middle;
}

#output {
    margin: 10px 0 10px 0;
}
#output_msg {
    margin: 0;
    padding: 20px;
    font: bold 14px/20px "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
    color: #333;
    background-color: #CFC;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#CFC'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CFC)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #FFF, #CFC); /* for firefox 3.6+ */
    border: 1px solid #9F9;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
#output_info {
    margin: 5px 0 5px 0;
    padding: 0;
    text-align: right;
    font: bold 12px/16px "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
}

#information {
    margin: 10px 10px 30px 10px;
}


/* ==== dashboard ==== */
.dashboardAdd {
	margin: 0 0 10px 0;
	width:500px;
	border-bottom: 1px dotted #CCC;
	text-align:center;
}
.dashboardAdd a {
	margin: 10px;
}
#profileUnit {
	margin: 10px;
}
.profileImgMedium {
	float: left;
	width: 48px;
	height: 48px;
	margin: 0 10px 10px 0;
	padding: 0;
	border: 5px solid #FFF;
	box-shadow: 0 0 3px 0 #666;
	-moz-box-shadow: 0 0 3px 0 #666;
	-webkit-box-shadow: 0 0 3px 0 #666;
}
#profileUnit h2 {
	font-size: 26px;
	line-height: 30px;
}

.infoUnit {
	margin: 0 10px 20px 10px;
	padding: 0;
}

/* ==== report list ==== */
#reports {
	width:500px;
}
.report {
	margin: 0 10px 10px 10px;
	padding: 10px;
    border: 1px solid #CCC;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.report h2 ,
.report h2 a {
	font-size: 20px;
	line-height: 30px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
.report h2 {
	margin: 0 0 5px 0;
}
.report .entityThumb {
	margin: 0 10px 0 0;
	padding: 0;
	width: 80px;
	height: 80px;
	float: left;
}

.profileImgMini{
	width: 16px;
	height: 16px;
	vertical-align: middle;
}
.reportUserName {
	font-weight: bold;
}

/* ====================================================== */
/* === main right === */

#main_right {
	position: relative;
    margin: 0;
    padding: 0;
    width: 460px;
    background-color: rgba(0,0,0,0.1);
	background-clip: padding-box;
    border: 0 solid transparent;
    border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    -webkit-border-radius: 0 8px 8px 0;
	vertical-align: top;
}

.rightUnit ,
#addBlock {
	margin: 0 0 0 0;
	padding: 20px;
	border: 0 solid transparent;
    border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    -webkit-border-radius: 0 8px 8px 0;
    box-shadow: 0 5px 5px 0 #000;
    -moz-box-shadow: 0 5px 5px 0 #000;
    -webkit-box-shadow: 0 5px 5px 0 #000;
}
.rightUnit .rightUnitTitle ,
.rightUnit h3 ,
#addBlock h3 {
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	font-size: 26px;
	line-height: 40px;
	text-align: center;
	background: #CCC;
	background: -moz-linear-gradient(left,  rgba(204,204,204,0.1) 0%, rgba(204,204,204,1) 50%, rgba(204,204,204,0.1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(204,204,204,0.1)), color-stop(50%,rgba(204,204,204,1)), color-stop(100%,rgba(204,204,204,0.1)));
	background: -webkit-linear-gradient(left, rgba(204,204,204,0.1) 0%,rgba(204,204,204,1) 50%,rgba(204,204,204,0.1) 100%);
	background: -o-linear-gradient(left, rgba(204,204,204,0.1) 0%,rgba(204,204,204,1) 50%,rgba(204,204,204,0.1) 100%);
	background: -ms-linear-gradient(left, rgba(204,204,204,0.1) 0%,rgba(204,204,204,1) 50%,rgba(204,204,204,0.1) 100%);
	background: linear-gradient(to right, rgba(204,204,204,0.1) 0%,rgba(204,204,204,1) 50%,rgba(204,204,204,0.1) 100%);
	text-shadow: 1px 1px 0 #FFF;
}

.adUnit {
	padding: 10px;
	border: 0 solid transparent;
	background: #EEE;
	background: -moz-linear-gradient(left,  #333 0%, rgba(255,255,255,0.5) 5px);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#333), color-stop(5px,rgba(255,255,255,0.5)));
	background: -webkit-linear-gradient(left,  #333 0%,rgba(255,255,255,0.5) 5px);
	background: -o-linear-gradient(left,  #333 0%,rgba(255,255,255,0.5) 5px);
	background: -ms-linear-gradient(left,  #333 0%,rgba(255,255,255,0.5) 5px);
	background: linear-gradient(to right,  #333 0%,rgba(255,255,255,0.5) 5px);
	z-index: 4;
}
.rightUnit1 {
	background: #EEE;
	background: -moz-linear-gradient(left,  #333 0%, rgba(255,255,255,0.5) 5px);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#333), color-stop(5px,rgba(255,255,255,0.5)));
	background: -webkit-linear-gradient(left,  #333 0%,rgba(255,255,255,0.5) 5px);
	background: -o-linear-gradient(left,  #333 0%,rgba(255,255,255,0.5) 5px);
	background: -ms-linear-gradient(left,  #333 0%,rgba(255,255,255,0.5) 5px);
	background: linear-gradient(to right,  #333 0%,rgba(255,255,255,0.5) 5px);
	z-index: 4;
}
.rightUnit2 {
	background: #CCC;
	background: -moz-linear-gradient(left,  #333 0%, rgba(255,255,255,0.3) 5px);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#333), color-stop(5px,rgba(255,255,255,0.3)));
	background: -webkit-linear-gradient(left,  #333 0%,rgba(255,255,255,0.3) 5px);
	background: -o-linear-gradient(left,  #333 0%,rgba(255,255,255,0.3) 5px);
	background: -ms-linear-gradient(left,  #333 0%,rgba(255,255,255,0.3) 5px);
	background: linear-gradient(to right,  #333 0%,rgba(255,255,255,0.3) 5px);
	z-index: 3;
}
.rightUnit3 {
	background: #999;
	background: -moz-linear-gradient(left,  #333 0%, rgba(255,255,255,0.1) 5px);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#333), color-stop(5px,rgba(255,255,255,0.1)));
	background: -webkit-linear-gradient(left,  #333 0%,rgba(255,255,255,0.1) 5px);
	background: -o-linear-gradient(left,  #333 0%,rgba(255,255,255,0.1) 5px);
	background: -ms-linear-gradient(left,  #333 0%,rgba(255,255,255,0.1) 5px);
	background: linear-gradient(to right,  #333 0%,rgba(255,255,255,0.1) 5px);
	z-index: 2;
}

.rightUnit .socialCounter {
	float: left;
	width: 70px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.rightUnit .socialCounter li {
	display: block;
	float: none;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
}
.rightUnit .socialCounter li .fav_count_baloon {
	display: block;
	margin: 0;
	padding: 5px 0 5px 0;
	text-align: center;
	border: 1px solid #CCC;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	background: #FFF;
	background-clip: padding-box;
}
.rightUnit .socialCounter li .fav_count_baloon span {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
}
.rightUnit .socialCounter li iframe {
	float: none;
	margin: 0 auto 0 auto;
}

.rightUnit #categoryNavi {
	float: left;
	width: 138px;
	margin: 0;
	padding: 0;
}
.rightUnit #categoryNavi #categoryHeader {
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: bold;
}
.rightUnit #categoryNavi ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.rightUnit #categoryNavi li {
	margin: 0 0 15px 0;
	padding: 0;
}
.rightUnit #categoryNavi a {
	display: block;
	font-size: 12px;
	padding: 0 0 0 10px;
}
.rightUnit #categoryNavi a:hover {
	background: #FFF;
}

.rightUnit .ad {
	width: 336px;
	margin: 60px auto 60px auto;
	padding: 0;
	text-align: center;
}
.rightUnit .adLong {
	float: right;
	width: 300px;
	height: 600px;
	margin: 0;
	padding: 0;
}
.rightUnit .adLong1 {
	float: left;
	width: 160px;
	height: 600px;
	margin: 0 0 0 10px;
	padding: 0;
}
.rightUnit .adLong2 {
	float: left;
	width: 120px;
	height: 600px;
	margin: 0 0 0 10px;
	padding: 0;
}


#addBlock th {
	width: 80px;
}

#statsUnit {
}
#statsUnit table {
	margin: 0 0 20px 0;
	width: 420px;
}

#statsUnit table thead th {
	background: #EEE;
	background-clip: padding-box;
}
#statsUnit table tbody td {
	background: #FFF;
	background-clip: padding-box;
}
#statsUnit table tfoot td {
	background: #FFF;
	background-clip: padding-box;
	text-align: right;
}

th.td_count ,
td.td_count {
    text-align: center;
    width: 30px;
}

#top_urls td.td_result a {
	display: block;
	width: 310px;
	overflow: visible;
}
td.td_result {
	overflow: scroll;
}
td.td_result a span {
	margin: 0 0 0 5px;
	color: #666;
}

#top_images td {
	padding: 1px;
}
#top_images td img {
	width: 100px;
	height: 100px;
}
.statsThumb {
	position: relative;
	padding: 0;
}
.statsThumb img {
	width: 100px;
	height: 100px;
}
.statsNumber {
	position: absolute;
	right: 0;
	bottom: 0;
}

a.expand_urls_title {
    display:block;
}
a.expand_urls {
    margin-left: 5px;
    color: #999;
}
div.topsy_widget_data {
    float: left;
}
iframe.hatena-bookmark-button-frame {
    float: left;
}
div.fb-like {
    float: left;
}

em.twitter_count ,
em.facebook_count ,
em.hatebu_count {
    display: inline_block;
    margin: 0;
    padding: 0 5px 0 5px;
    vertical-align: middle;
    font: normal 11px/20px "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
}
em.twitter_count {
    color: #FFF;
    background-color: #2D76B9;
    border: 1px solid #2D76B9;
}
em.facebook_count {
    color: #FFF;
    background-color: #3B5998;
    border: 1px solid #3B5998;
}
em.hatebu_count {
    color: #FFF;
    background-color: #66F;
    border: 1px solid #66F;
}

/* ====================================================== */
/* === twport style === */
/* ====================================================== */
.twport_post {
	position: relative;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #DDD;
}
.twport_icon {
	display: block;
	float: left;
	margin: 5px 0 0 5px;
	padding: 0;
	width: 48px;
	height: 48px;
}
.twport_icon img {
	width: 48px;
	height: 48px;
}
.twport_contents{
	float: right;
	width: 425px;
	margin: 0;
}
.twport_item_header{
	position: relative;
}
.twport_user_name{
	font-weight: bold;
}
.twport_screen_name{
	margin: 0 0 0 5px;
	color: #666;
}
.twport_user_contents{
	float: left;
    margin: 0;
	padding: 10px;
    background-color: #FFFFFF;
    border: 1px dotted #CCCCCC;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.twport_user_description {
    margin: 0;
	padding: 0;
}
.twport_user_url {
    margin: 0;
	padding: 0;
}
.twport_created {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
}
.twport_text{
	display: block;
}
.twport_thumb {
	text-align: center;
	margin: 5px 0 5px 0;
}
.twport_thumb .entityThumb {
	width: 120px;
	height: 120px;
	margin: 5px;
}
.twport_thumb .entityPreview {
	max-width: 300px;
	max-height: 300px;
	margin: 5px;
}

.level1 .twport_not_rt {
	font-weight: bold;
	font-size: 26px;
	line-height: 30px;
	color: #C96;
}
.level2 .twport_not_rt {
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	color: #963;
}
.level_normal .twport_not_rt {
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #333;
}
.level_exclude {
	background: #999;
}
.level_exclude .twport_not_rt {
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #333;
}
.twport_rt a,
.twport_rt{
	font-size: 12px;
	line-height: 18px;
	color: #CCC;
}

.twport_meta{
	position: relative;
	clear: both;
	text-align: right;
	color: #666;
}
.twport_meta a{
	color: #666;
}

.twport_controls{
	margin: 0 0 0 10px;
}

.twport_button_reply,
.twport_button_rt,
.twport_button_fav{
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 0;
	line-height: 16px;
	vertical-align: middle;
}
.twport_button_reply span{
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	background: url(/img/twitter_intent_sprite.png) no-repeat scroll 0px 0px;
	vertical-align: middle;
}
.twport_button_reply:hover span{
	background: url(/img/twitter_intent_sprite.png) no-repeat scroll -16px 0px;
}
.twport_button_rt span{
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	background: url(/img/twitter_intent_sprite.png) no-repeat scroll -80px 0px;
	vertical-align: middle;
}
.twport_button_rt:hover span{
	background: url(/img/twitter_intent_sprite.png) no-repeat scroll -96px 0px;
}
.twport_button_fav span{
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	background: url(/img/twitter_intent_sprite.png) no-repeat scroll -32px 0px;
	vertical-align: middle;
}
.twport_button_fav:hover span{
	background: url(/img/twitter_intent_sprite.png) no-repeat scroll -48px 0px;
}

#search_newer {
	margin: 0;
	padding: 10px 0 10px 0;
	text-align: center;
}
.search_fill {
	margin: 0;
	padding: 10px 0 10px 0;
	text-align: center;
}
#search_older {
	margin: 0;
	padding: 10px 0 10px 0;
	text-align: center;
	border-bottom: 1px solid #DDD;
}

.delete1 {
	color: orange;
}
.delete2 {
	color: red;
}

/* ====================================================== */
/* == MODAL/DIALOG == */
/* ====================================================== */
#dialog {
    display: none;
    position: absolute;
    width: 640px;
    height: 480px;
    background-color: #FFF;
    border: 3px solid #CCC;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-clip: padding-box;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    box-shadow: 0 0 30px #000;
    -moz-box-shadow: 0 0 30px #000;
    -webkit-box-shadow: 0 0 30px #000;
}
#dialog_header {
    margin: 0;
    padding: 0 10px 0 10px;
    border: 1px solid #EEE;
    border-bottom: 1px solid #999;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    background-clip: padding-box;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-color: #EEE;
    font: normal 20px/30px "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
    height: 30px;
}
#dialog_title {
}
#dialog_close {
    display: block;
    float: right;
    margin: 3px 0 0 0;
    width: 20px;
    height: 20px;
    border: 1px solid #999;
    font: bold 20px/20px "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
    text-align: center;
}
#dialog_content {
    margin: 20px 0 20px 0;
    height: 410px;
    text-align: left;
    overflow: auto;
}
#dialog_content p {
    margin: 0 0 10px 20px;
}
#dialog_content ul {
    margin: 0 0 10px 20px;
}

#jdialog {
}
#jdialog .entityThumb {
	width: 100px;
	height: 100px;
}
#tmodal .entityThumb {
	width: 100px;
	height: 100px;
}
#tmodal .statsThumb {
    width: 100px;
    height: 100px;
    float: left;
	margin: 0;
    padding: 0;
    position: relative;
}
textarea#code {
    margin: 0 0 0 20px;
    width:600px;
    height:380px;
    overflow: auto;
    font: normal 10px/16px "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
}

table.manual_table {
    margin: 0 10px 10px 10px;
    padding: 0;
    /* width: 100%; */
    border-collapse: collapse;
    border: 1px solid #CCC;
}
table.manual_table td {
    padding: 5px;
    border-bottom: 1px dashed #CCC;
    text-align: left;
    font: normal 12px/20px "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
}

/* ====================================================== */
/* == FOOTER == */
/* ====================================================== */
#footer {
    margin: 20px 0 0 0;
    padding: 20px;
    font: normal normal 12px/20px "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
    color: #fff;
	background-color: rgba(0,0,0,0.7);
    text-align: center;
}

#footer a {
    color: #fff;
    text-decoration: underline;
}
address {
	margin: 0;
	padding: 0;
}
