@charset "UTF-8";

#container{
width:100%;
background-color: #FFF;
}

/*----------------------------------------------
全体
----------------------------------------------*/
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000000;
	min-width: 1000px;
}

a {
	color: #339bff;
	-webkit-transition:0.3s ease;
	-webkit-transition-property:opacity,border,color,background;
	-moz-transition:0.3s ease;
	-moz-transition-property:opacity,border,color,background;
	-o-transition:0.3s ease;
	-o-transition-property:opacity,border,color,background;
	transition:0.3s ease;
	transition-property:opacity,border,color,background;
}

a:hover {
	color: #41464a;
}

/* input */
input[type="text"] {
	border-radius: 3px;
	border: 1px solid #CCC;
	height: 25px;
	margin-right: 10px;
}

input:focus {
    border:solid 1px #339bff;
}

/* 吹き出し */
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; }
.tipsy-inner { padding: 4px 5px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-north { background-image: url(../img/tipsy.gif); background-position: top center; }

/* フォント */
.fs12 { font-size: 12px;}
.weight_nomal {	font-weight: normal;}
.weight_bold { font-weight: bold;}
.co01 { color: #339bff;}

/*----------------------------------------------
header
----------------------------------------------*/
header {
	background-color: #339bff;
	width: 100%;
	height: 40px;
	overflow: hidden;
	color: #FFF;
	font-size: 12px;
	position: relative;
}

header a {
	color: #FFF;
}

header a:hover {
	color: #c1e1ff;
}

div#logo {
	background: url(../img/arc_logo.gif) no-repeat;
	width: 48px;
	height: 25px;
	text-indent: -9999em;
	margin-left: 20px;
	margin-top: 5px;
	float: left;
}

div#admin {
	line-height: 40px;
	overflow: hidden;
}

form#keyword {
	float: left;
	margin: 5px 0 0 20px;
	padding: 0 10px;
	background-color: #c1e1ff;
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
}

form#keyword label {
	border-right: 1px solid #339bff;
	color: #41464a;
	padding-right: 5px;
}

div#admin dl {
	color: #41464a;
	overflow: hidden;
	margin-top: 5px;
}

div#admin dl dt#twid {
	float: left;
	margin-left: 10px;
	padding-left: 10px;
	background-color: #c1e1ff;
	height: 30px;
	line-height: 30px;
	border-radius: 5px 0 0 5px;
	width: 70px;
}

span.line01 {
	border-right: 1px solid #339bff;
	padding-right: 5px;
}

div#admin dd {
	float: left;
	padding-right: 5px;
	background-color: #c1e1ff;
	height: 30px;
	line-height: 30px;
	border-radius: 0 5px 5px 0;
	width: 140px;
}

div#admin dd a {
	color: #41464a;
}

div#admin dd a:hover {
	color: #ffffff;
}

div#admin dd img {
	vertical-align: -10%;
	margin-right: 2px;
	width: 14px;
	height: 14px;
	border-radius: 3px;
}

p#logout {
	position: absolute;
	top: 10px;
	right: 20px;
}

/*----------------------------------------------
h1,h2,h3,h4
----------------------------------------------*/
h1 {
	background-color: #41464a;
	line-height: 30px;
	padding-left: 20px;
	color: #FFF;
}

h2 {
	background-color: #339bff;
	color: #FFF;
	padding: 5px 10px;
	margin: 20px 0 5px 0;
	font-size: 16px;
}

h3 {
	margin: 20px 0 5px 0;
}

h3 i.icon-filter, h3 i.icon-comments-alt {
	color: #339bff;
}

h4 {
	background-color: #b9c7d2;
	padding-left: 10px;
	line-height: 170%;
	margin: 20px 0 10px;
}

/*----------------------------------------------
main
----------------------------------------------*/
div#main {
	width: 980px;
	margin: 0 auto;
	font-size: 14px;
	overflow: hidden;
}

nav {
	overflow: hidden;
}

nav ul li {
	float: left;
	margin-right: 5px;
	background: #41464a;
	font-size: 14px;
}

nav ul li a {
	display: block;
	padding: 5px 15px;
	color: #FFF;
	border-bottom: 3px solid #41464a;
}

nav ul li a:hover, nav ul li#page a {
	border-bottom: 3px solid #CC333F;
	color: #CCC;
}

/* タグで絞り込み */
ul#taggroup_a,ul#taggroup_b {
	overflow: hidden;
}

ul#taggroup_a li, ul#taggroup_b li  {
	float: left;
	border-radius: 3px;
	font-size: 12px;
	margin-right: 5px;
}

ul#taggroup_a li {
	background-color: #cc333f;
	margin-bottom: 5px;
}

ul#taggroup_b li {
	background-color: #339bff;
}

ul#taggroup_a li a, ul#taggroup_b li a {
	display: block;
	color: #FFF;
	padding: 3px 10px;
	border-radius: 3px;
}

ul#taggroup_a li a:hover, ul#taggroup_b li a:hover {
	background-color: #41464a;
	border-radius: 3px;
}

/*----------------------------------------------
div#result 
----------------------------------------------*/
div#result {
	border: 1px solid #41464a;
	border-radius: 5px;
	margin-top: 20px;
	position: relative;
	overflow: hidden;
}

div#result_header {
	background-color: #b9c7d2;
	padding: 10px 0 5px 0;
}

/* 抽出条件 */
dl#terms {
	overflow: hidden;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	padding-left: 20px;
	padding-right: 280px;
}

dl#terms dt {
	float:left;
	margin-right: 10px;
}

/* CSV DLボタン */
#dlbutton01 {
	position: absolute;
	top: 10px;
	right: 20px;
	width: 260px;
	height: 30px;
	background-color: #FFF;
	border-radius: 20px;
	text-align: center;
	line-height: 30px;
	font-size: 16px;
}

#dlbutton01 a {
	display: block;
	color: #41464a;
	border-radius: 20px;
}

#dlbutton01 a:hover {
	color: #ffffff;
	background-color: #41464a;
	border-radius: 20px;
}

/* タグ管理 */
div#ikkatsukanri {
	overflow: hidden;
	margin: 10px 0 10px 20px;
}

div#accordion {
	float: left;
	margin: 3px 15px 0 0;
}

div#save_tag01 {
	position: absolute;
	top: 50px;
	right: 20px;
}

div#result_footer {
	position: relative;
	background-color: #b9c7d2;
	overflow: hidden;
	padding: 10px 20px;
}

div#save_tag02 {
	float: right;
}

div#save_tag01 input[type="submit"], div#save_tag02 input[type="submit"] {
	height: 30px;
	line-height: 30px;
	font-size: 110%;
	border-radius: 15px;
	padding: 5px 10px;
	border: 1px solid #999;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

div#save_tag01 input[type="submit"]:hover, div#save_tag02 input[type="submit"]:hover {
	background: rgb(226,226,226); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}

div#save_tag01 form, div#save_tag02 form {
	margin: 0 0;
}


/* 抽出結果 */
div.tweet_box {
	clear: both;
	margin: 10px 20px 5px 20px;
	border: 1px solid #cccccc;
	border-radius: 0 0 3px 3px;
	position: relative;
}

div.prof {
	margin: 10px 10px 0 10px;
}

div.prof img {
	width: 36px;
	height: 36px;
	float: left;
	margin-right: 5px;
	border-radius: 5px;
}

span.prof01 {
	color: #000000;
	float: left;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	margin-right: 5px;
	margin-top: 10px;
}

span.prof01:hover {
	text-decoration: underline;
}

span.prof02 {
	color: #CCCCCC;
	font-size: 12px;
	padding-top: 14px;
	vertical-align: middle;
}

div.user_tweet {
	display: block;
	font-size: 16px;
	line-height: 140%;
	padding: 10px 45px 15px 50px;
}

p.tweet_time, p.tweet_time a {
	color: #cccccc;
	font-size: 12px;
}

p.tweet_time a:hover {
	text-decoration: underline;
}

span.client {
	margin-left: 1em;
}

span.graphicon {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 20px;
	line-height: 20px;
}

span.graphicon a:hover {
	color: #41464a;
}

div.check_tag {
	border-radius: 0 0 3px 3px;
	background-color: #eeeeee;
	padding: 5px 10px;
}

div.check_tag input {
	margin-left: 80px;
}

div.check_tag input[type=checkbox]:checked + label {
	border-radius: 3px;
	margin-right: 5px;
	padding: 5px;
	background-color: #339bff;
	color: #fff;
}



/* タグ保存へのページ内リンク */
div.shortcut {
	width: 250px;
	background-color: #eeeeee;
	border-radius: 16px;
	text-align: center;
	padding: 5px 0;
	margin-right: 20px;
	float: right;
	line-height: 14px;
}

div.shortcut a {
	color: #41464a;
}

div.shortcut a:hover {
	color: #cc333f;
}

div.shortcut i.icon-download-alt {
	color: #999;
}

.icon-chevron-sign-up, .icon-chevron-sign-down {
	margin-left: 2px;
}

.right {
	text-align: right;
	margin: 10px 0;
}

.center {
	text-align: center;
	margin: 10px 0;
	font-size: 120%;
}

/*----------------------------------------------
ツイート分析ページ
----------------------------------------------*/
div.start_end_date {
	background-color: #eeeeee;
	padding: 5px 20px 5px 0;
	text-align: center;
}

div.start_end_date label {
	margin-left: 20px;
}

div.filedownload {
	overflow: hidden;
	text-align: center;
	width: 734px;
	margin: 10px auto 20px auto;
}

li.filedl {
	width: 360px;
	height: 30px;
	border: 1px solid #41464a;
	font-size: 16px;
	text-align: center;
	letter-spacing: -1px;
	border-radius: 20px;
	line-height: 30px;
	float: left;
}

li.filedl a {
	color: #41464a;
	border-radius: 20px;
	display: block;
}

li.filedl a:hover {
	color: #ffffff;
	background-color: #41464a;
	border-radius: 20px;
}

li.filedl:nth-of-type(2) {
	float: right;
}

table#totals {
	width: 350px;
	margin-left: 20px;
	border: 1px solid #41464a;
}

table#totals th {
	border-right: 1px solid #41464a;
	background-color: #b9c7d2;
	padding: 0 5px;
	width: 120px;
	white-space: nowrap;
}

table#totals td {
	border-bottom: 1px dotted #41464a;
	text-align: right;
	padding: 0 5px;
}

table#totals th#th01, table#totals td#td01, table#totals td#td02 {
	border-bottom: 1px solid #41464a;
}

table#totals td#td01 {
	width: 120px;
}

/*----------------------------------------------
フォロワー分析ページ
----------------------------------------------*/
div.flbunseki_following {
	text-align: center;
	margin: 10px;
}

div.flbunseki_following dl {
	width: 300px;
	margin: 0 auto;
	overflow: hidden;
}

div.flbunseki_following dt {
	float: left;
}

div.flbunseki_following dd,div.flbunseki_following dd a,div.flbunseki_following dd a:hover  {
	color: #ffffff;
	border-radius: 15px;
}

div.flbunseki_following dd {
	background-color: #41464a;
	float: left;
	width: 35px;
	margin-left: 10px;
}

div.flbunseki_following dd a {
	background-color: #CC333F;
	display: block;
	text-decoration: none;
}

div.flbunseki_following dd a:hover {
	background-color: #41464a;
}

/*----------------------------------------------
リツイートCPページ
----------------------------------------------*/
.rtbunseki_start_end_date {
	overflow: hidden;
	background-color: #b9c7d2;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	padding-left: 20px;
}

.rtbunseki_start_end_date span {
	margin-right: 10px;
}

table#twtotals {
	width: 500px;
	margin: 20px auto 0 auto;
	border-top: 1px solid #41464a;
	border-left: 1px solid #41464a;
}

table#twtotals th {
	border-right: 1px solid #41464a;
	border-bottom: 1px dotted #41464a;
	background-color: #b9c7d2;
	padding: 0 5px;
	width: 120px;
	white-space: nowrap;
	text-align: center;
}

table#twtotals td {
	border-bottom: 1px dotted #41464a;
	border-right: 1px solid #41464a;
	text-align: right;
	padding: 0 5px;
}

.bd01 {
	border-bottom: 1px solid #41464a !important;
}

.rtbunseki_switch_graph {
	margin: 10px 0;
}

.rtbunseki_switch_graph input[type="button"] {
	font-size: 110%;
	margin: 0 10px;
	padding: 5px 10px;
	border-radius: 20px;
	border: 1px solid #999;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.rtbunseki_switch_graph input[type="button"]:hover {
	background: rgb(226,226,226); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}


/*----------------------------------------------
クチコミ掲載ページ
----------------------------------------------*/
div#design_costam {
	width: 500px;
}

td.radiobtn {
	padding-right: 5px;
}

.text span {
	border-radius: 3px;
	font-size: 12px;
	margin-right: 5px;
	padding: 5px 10px;
	background-color: #339bff;
	color: #FFF;
}

table#design_tbl {
	margin: 10px 0;
}

table#design_tbl th {
	padding-right: 20px;
}

table#design_tbl td {
	padding-bottom: 5px;
	padding-right: 5px;
}

.iframe_src {
	margin-top: 20px;
}

/*----------------------------------------------
footer 
----------------------------------------------*/
footer {
	background-color: #41464a;
	padding: 20px;
	margin-top: 10px;
	font-size: 12px;
	text-align: right;
}

footer a {
	color: #FFF;
}

footer a:hover {
	color: #CCC;
}


/*----------------------------------------------
graph
----------------------------------------------*/
div#grapharea {
	margin: 20px 30px;
	text-align: center;
	font-size: 85%;
}

.graph{
	margin: 25px auto;
	width: 980px;
	height: 340px;
}

.devrate_graph{
	float: left;
	margin-right: 30px;
	width:350px;
	height:220px;
}

.twbunseki_devrate_graph {
	margin: 25px auto;
	overflow: hidden;
	width: 980px;
}


/*----------------------------------------------
login
----------------------------------------------*/
body#login {
	background: #eeeeee;
}

div#login_box {
	width: 350px;
	margin: 50px auto auto;
	background-color: #FFF;
	padding: 100px 0px 20px 0px;
	border-radius: 5px;
	border: 1px solid #41464a;
	background-image: url(../img/arc_logo2.gif);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
}

div#login_box p {
	font-size: 80%;
	line-height: 100%;
	text-indent: -1em;
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 180px;
}

div#login_box form {
	margin: 0 30px;
}

div#login_box label {
	font-size: 14px;
	font-weight: bold;
}

div#login_box input[type="text"],div#login_box input[type="password"] {
	width: 100%;
	border-radius: 3px;
	border: 1px solid #CCC;
	font-size: 22px;
	padding: 5px;
	margin-bottom: 10px;
}

div#login_box input:focus {
    border:solid 1px #339bff;
}

div#login_box button {
	width: 80px;
	height: 30px;
	font-size: 14px;
	border-radius: 3px;
	border: 1px solid #CCC;
	margin-top: 10px;
	-webkit-transition:0.3s ease;
	-webkit-transition-property:opacity,border,color,background;
	-moz-transition:0.3s ease;
	-moz-transition-property:opacity,border,color,background;
	-o-transition:0.3s ease;
	-o-transition-property:opacity,border,color,background;
	transition:0.3s ease;
	transition-property:opacity,border,color,background;
}

div#login_box button:hover {
	background-color: #339bff;
	color: #FFF;
}

.shlinkdiv {
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin: 10px auto;
	width: 350px;
}