/* clearfix
------------------------------------------------------------ */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  zoom: 1;
}

/* skinjack
------------------------------------------------------------ */

.sj_btn{
position:absolute;
left:-160px;
top:520px;
width:130px;
height:130px;
}

.sj_btn2{
position:absolute;
right:-160px;
top:130px;
width:130px;
height:130px;
}

.sj_btn img{
width:130px;
height:130px;
}


/* base
------------------------------------------------------------ */

*{margin:0; padding:0;}

img,table {border:none;border-collapse: collapse;}

br{letter-spacing:normal;}

p{margin:0;}

a {text-decoration: none;}

a:link {color: #0C84C7;}
a:visited {color: #0C84C7;}
a:hover {color: #FFB900;text-decoration:underline;}
a:active {color: #0C84C7;}


body {
background: #DCF1F3 url(/img2/twitcomike/bg.gif) repeat-x;
margin: 0 auto;
padding: 0;
text-align:center;
}

body,table{
color: #333;
font-size:13px;
font-family:'ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
line-height : 130%;
}

ul{list-style-type:none;}

#container {
position:relative;
width: 960px;
margin: 0 auto;
text-align:left;
}
/* background: url(/img2/twitcomike/cloud.png) no-repeat 180px 15px; */

#base_top {
width:960px;
height:25px;
background: url(/img2/twitcomike/base_top.png) no-repeat left top;
margin:0;
}

#base_bottom {
width:960px;
height:14px;
background: url(/img2/twitcomike/base_bottom.png) no-repeat left top;
margin:0;
}

.red{color:red !important;}

p.more{text-align:right!important;margin:0.5em 4px;font-weight:bold;}
p.more a{
font-weight:bold;padding-right:9px;
background:url("/img/icon/arrow.gif" ) no-repeat right 3px;}
p.more a:hover
{background:url("/img/icon/arrow_orange2.gif" ) no-repeat right 3px;}

ul.list{
text-align:left;
margin:0.7em 2.5em;
list-style-type: none;
background: #fff9d3;
padding:1px 5px;
color:#422100;
border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;
}

ul.list li{
padding:0 0 0 12px;
background : url("/img/icon/arrow_gray.gif" ) -1px -1px no-repeat;
margin:0.7em 0;
}

h1{
margin:0 1em;
padding:10px 0;
font-size:16px;
}

h2 {
clear:both;
  font-size:15px;
  margin:10px 0;
  background-color:#EEEEEE;
  color:#005E7F;
  padding: 5px 5px 3px 7px;
  text-align:left;
  position:relative
  border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;
}


/* header
------------------------------------------------------------ */

#header {
padding-top:10px;
position:relative;
}

#login{float:right;padding:0;font-size:13px;text-align:right;min-width:200px;margin:20px 0 0 0;}
* html #login{width:350px;}
#login div{margin: 0px;padding: 1px 0px;background: #fff;}
#login div div{margin: 0px -1px;background: #fff;padding:2px 5px;}

#login a{font-weight:bold;}

#login a.twilogin{padding:3px 0 4px 20px;background:url(/img2/twitcomike/t_mini-b.png) no-repeat 0 2px;}

.loading{position: absolute; top: 60px; left:1096px;}
.loading img{width:16px; height:16px;}

div#buttons{float:right;padding:0 12px 3px 0}
div#buttons img{margin-left:1px;width:136px;height:27px;}

/* body
------------------------------------------------------------ */

#content {
background: #fff;
}

div.text{margin:0 1em;padding:1em;line-height : 150%;}

div.text p{margin:1em 1.5em;}
div.text ol{margin:1em;}
div.text ol li{margin:1em 2em;}

div.text h1,div.text h2,div.text h3
{margin:1em 0;}

div.text h1
{font-size:16px;padding:0;}

div.text h3
{font-size:14px;margin:1em;color:#e24a72;}

div.follow{float:left;width:660px;}

div.follow p{
margin:1em 1.5em;
}

div.pager{text-align:right;margin:0.5em;font-weight:bold;}

div.follow ul{border-top:1px #ddd solid;margin-left:15px;}
div.follow li{border-bottom:1px #ddd solid;padding:5px 7px;}
div.follow li img.userimg{float:left;width:40px;}
div.follow li div{margin-left:50px;}
div.follow li div p{margin:2px 0;}
div.follow li div p.comment{color:aaa;font-size:12px;}

div.follow li div.favstar{background:url(/img2/twitcomike/favorite.png) no-repeat 0 -24px;
width:24px; height:24px; cursor:pointer;float:right;
}

div.ad{float:right;width:230px;margin-right:12px;text-align:center;}

div.ad table{width:180px;margin:0.5em auto;}
div.ad table td{text-align:right;padding:5px 0;white-space:nowrap;}
div.ad table td.l{text-align:left;padding:5px 0;}

div.ad h3{font-size:13px;padding:5px;text-align:left;}

div.ad p{text-align:center;margin:1em auto;}

div.ad a:link {color: #0078b0;}
div.ad a:visited {color: #0078b0;}
div.ad a:hover {color: #ffb400;text-decoration:underline;}
div.ad a:active {color: #0078b0;}

#navi {
margin:0;
padding:0 0 7px 20px;
}

#map {
margin:0 15px;
}

iframe#tinamap { height:500px;border:1px #E3DCD1 solid;width:100%;margin:0 auto; }

#search-title h2 {position:relative}

#search-title h2 img{position:absolute; top:4px; right:3px}

p.note{margin:0.5em 1.5em;}

/* body_main
------------------------------------------------------------ */

#main {
margin:15px 15px 0 0;
width: 455px;
float: right;
}

div.round {margin: 0 0 10px 0px;padding: 1px 0px;background: #DCE7E7;}
div.round div.inner {margin: 0px -1px;background: #DCE7E7;padding: 2px 5px 10px 5px;}

p#stream-circle-title{
margin: 10px 0px 0px 7px;font-weight:bold;
color:#666;
}

#main ul{
text-align:left;
list-style-type:none;
margin:0;
padding:0;
}

#main ul li{
padding:5px;
margin:0;
}

#main ul li:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html #main ul li             { zoom: 1; } /* IE6 */
*:first-child+html #main ul li { zoom: 1; } /* IE7 */


#main ul li div.image{
margin:0;
padding:0;
width:46px;text-align:left;
float:left;
}

#main ul li div.image img{
margin:0;
width:40px;
background:#fff;
padding:2px;
border:1px #ddd solid;
}

#main ul li div.word{
margin:0 0 0 50px;
padding:0;
background:url(/img2/twitcomike/fuki.png) no-repeat 0px 16px;
}

#main ul li div.word div{
margin:0 0 0 9px;
padding: 5px 7px;
background:#fff;
}

#main ul li div.word p{
margin:0;
font-size:13px;
}

#main ul li div.word p.time{
margin-top:0.5em;
font-size:12px;text-align:right;color:#aaa;
}

ul.yui-nav{}

ul.yui-nav li{background:#b9cbcb;float:left;width:110px;padding:2px;text-align:center;}
ul.yui-nav li.selected{background:#DCE7E7;}

ul.yui-nav li a{color:#fff;}

ul.yui-nav li.selected a{color:#333;}

ul.yui-nav li em {font-weight:bold;font-style: normal;}

p.nocircle{margin:1em;color:#444;}

a.twitlink {
padding:2px 0 4px 18px;
background:url(/img2/twitcomike/t_mini-b.png) no-repeat 0px 0;
}

a.dlsite-open{
padding:1px 0 0 15px; background:url('/img/icon/arrow_bp_r.png') no-repeat 4px 0px;
}


/* body_sub
------------------------------------------------------------ */
#sub {
margin:15px 0 0 15px;
width: 455px;
float: left;
text-align:left;
}

#content ul.welcome{margin:0;padding:0;list-style-type:none;}
#content ul.welcome li{
background: #fff url(/img/icon/arrow_orange2.gif) no-repeat 0 2px;
margin:0.7em;padding:0 0 0 10px;text-align:left;font-size:12px;}



#content .update{margin: 2em 1em 1em 1em;font-size:12px;color:#555;}
#content .update p{text-align:left;margin:0.3em;}

.search{
margin: 0 0 11px 0;
}

.search .word{color:#555;border:1px #aaa solid;padding:3px;font-size:100%;}

.circle-list p {text-align:center;margin:1em auto;}

.circle-list ul {
margin:0;padding:0;
list-style-type: none;
}

.circle-list ul li{
clear:both;
font-size:13px;
margin:0.5em;padding:0;
}

.circle-list ul li img {
float:left;
width: 32px;
height: 32px;
margin:3px;
}


#trackback {
  margin: 5px;
}

.panel {
  border: 2px solid #91A3Af;
  background-color: #F3F8E3;
  padding: 5px;
  margin: 0 0 0.5em 0;
}

#twitterinfo-image {
  background: none repeat scroll 0 0 #FFFFFF;
  margin: 0px;
  padding: 2px;
  width: 40px;
}

div#topinfo{background:#FEFFB3;padding:5px;margin:2px 5px;}
div#topinfo p{margin:0.3em;text-align:left;}
div#topinfo p.banner{float:left;margin:2px 0 0 3px;}
div#topinfo p.more{margin:25px 0 0 0;text-align:right;}

div#topinfo p.new{font-weight:bold;}
div#topinfo p.new a{
font-weight:bold;padding-left:10px;
background:url("/img/icon/arrow.gif" ) no-repeat left 3px;}
div#topinfo p.new a:hover
{background:url("/img/icon/arrow_orange2.gif" ) no-repeat left 3px;}

div#content .notice{text-align:left;margin: 8px 0 1px 5px;font-weight:bold;color:red;}

div#contents_list{margin:0 auto;padding:0;width:460px;}
div#contents_list div{float:left;margin:0;padding:2px;}
div#contents_list div img{float:left;}


/* form
------------------------------------------------------------ */

table.config{
border-collapse: separate;
border:none;
margin: 1em auto 0.3em auto;
padding:0;

}

table.config .border_r{
text-align:center;

}

table.config td,table.config th{
text-align:left;
padding:5px 7px;
background:#fff;
}

table.config td label{
margin-right:0.5em;
}

table.config th{
font-weight:normal;
white-space:nowrap;
background-color:#eee;
vertical-align:top;
font-weight:bold;
color:#0B617F;
padding-top:7px;
}

table.config p{text-align:center;margin:1em;}

table.config ul{list-style-type:none;}
table.config ul li{margin:0.8em 0;color:#777;}
table.config input.input{width:300px;}

ul.error li{color:red;margin:0.5em 2em;}

table.print{margin:auto;}
table.print th,table.print td{padding:10px;width:300px;}
table.print th img{width:300px;}

table.iphone{margin:auto;}
table.iphone p{margin:1em 0;}
table.iphone th,table.iphone td{border-bottom:2px #ccc dotted;}
table.iphone th{padding:10px;width:370px;}
table.iphone td{padding:10px;width:450px;vertical-align:top;}
table.iphone th img{width:170px;}


/* form
------------------------------------------------------------ */
textarea,input.long,input.middle,input.word{
    border:1px solid #aaa;
    padding: 3px 5px 2px;
    color: #000;
    background: #fff;
border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;
    font-size:13px;}

input.long{width:360px;}
input.middle{width:200px;}

.submit input,input.submit,.btn a,p.submit input{
text-decoration:none;
border:1px solid #aaa;
padding: 2px 15px 1px 15px;
color: #133d68!important;
cursor: pointer;
background: #0F91F5 url(http://www.tinami.com/img_ep/base/grade.png) repeat-x 0 -10px;
font-size:13px;
border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;

/* Firefox */
-moz-border-radius: 3px;
-moz-box-shadow: 1px 1px 1px #fff;
}

.submit input:hover,input.submit:hover,.btn a:hover{
    background: #004BA6 url(http://www.tinami.com/img_ep/base/grade.png) repeat-x 0 -15px;
    border:1px solid #777;
    text-decoration:none!important;
 }

.submit input:active,input.submit:active,.btn a:active{
    background: #1E54B3 url(http://www.tinami.com/img_ep/base/grade.png) repeat-x 0 -15px;
 }
 
 input.disabled,input.disabled:hover{
 background: #aaa url(http://www.tinami.com/img_ep/base/grade.png) repeat-x 0 -10px;
 border:1px solid #aaa;
 color:#888;
 }

#map_keyword{padding:5px;}

#map_keyword input.word{width:320px;}

/* footer
------------------------------------------------------------ */

#footer {
text-align:center;
clear: both;
padding:10px;
color:#487e82;
}