/*各タグ初期化*/

body,div,pre,p,blockquote,form,fieldset,input,textarea,select,option,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td,embed,object{
margin:0em;
padding:0em;
vertical-align: baseline;
}

html{
height:100%;
}

html>/**/body{
overflow:-moz-scrollbars-vertical;
}

html:first-child body{
min-height:100%;
padding-bottom:1px;
} 

body{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
color:#555555;
line-height:1.5;
background:#fff;
margin:0em 0;
}


h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
}

ol,ul{
list-style:none;
margin-left:0em;
padding-left:0em;
}

li{

}


img{
vertical-align:bottom;
border:none;
}

th,td{
font-size: 100% !important;
font-size /**/: 80%;
}

h1,h2,h3{
margin:0px;
padding:0px;
}

/*各タグ初期化ここまで*/

.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*clearfix ここまで*/

a{
color:#6699cc;
text-decoration:none;
}

a:hover{
color:#6699cc;
text-decoration:underline;
}
a:visited{
color:#ff6666;
text-decoration:none;
}
a:active{
color:#ff6666;
text-decoration:underline;
}


body.chou{
background-image: url("../image/back2.gif");
}

body{
font-size:100%;
color:#888888;
background-image: url("../image/back.jpg");
}


#header{
width:800px;
margin:0px auto;
background-color:#ffffff;
padding-bottom:10px;
}

#headerin{
padding:10px;
}

h1{
font-size:200%;
color:#333333;
padding-left:60px;
padding-top:-2px;
background-image: url("../image/book.png");
background-repeat:no-repeat;
}

h2{
margin-top:15px;
font-size:120%;
color:#666666;
padding-left:35px;
margin-left:10px;
padding-top:2px;
background-image: url("../image/arrow.png");
background-repeat:no-repeat;
}

.strong{
font-weight:bold;
}

.red{
color:#ff0000;
}

.about{
font-size:80%;
padding:5px 15px 5px 15px;
}

.link{
font-size:80%;
padding:5px 15px 5px 15px;
}

#snssearch{
width:800px;
margin:0px auto;
background-color:#ffffff;
padding-bottom:10px;
}

#sns{
width:500px;
float:left;
padding-left:10px;
padding-top:5px;
}

#searcharea{
width:250px;
float:right;
text-align:right;
background-color:#ffffff;
padding-right:10px;
padding-top:0px;
}


#searcharea #submitbtn{
display:none;
}

#tweetsarea{
width:800px;
margin:0px auto;
background-color:#ffffff;
border-width:1px 0px 0px 0px;
border-style:solid;
border-color:#aaaaaa;
}

.tweetbox{
height:80px;
line-height:120%;
border-width:0px 0px 1px 0px;
border-style:solid;
border-color:#aaaaaa;
overflow:hidden;
}

.tweetboximgandtext{
line-height:1.2em;
}

.tweetboximg{
float:left;
width:50px;
padding:5px 5px 5px 7px;
}

.tweetboxtext{
float:left;
font-size:85%;
width:710px;
padding:5px;
}

.username{
margin-right:0.5em;
font-weight:bold;
}

.boothnum{
margin-right:0.5em;
font-weight:bold;
}

.tweetboxtime{
font-size:70%;
line-height:1.1em;
text-align:right;
margin-right:10px;
}

.nextbox{
background-color:#eeffff;
text-align:center;
padding:20px 0px;
}

.nextbox a{
color:#888888;
text-decoration:none;
display:block;
}

.nextbox a:hover{
color:#888888;
text-decoration:none;
}


#formarea{
font-size:80%;
padding:0px 15px 0px 15px;
color:#000000;
}

#formarea p{
padding:5px 0px;
}

.accountbox{
line-height:120%;
border-width:0px 0px 1px 0px;
border-style:solid;
border-color:#aaaaaa;
overflow:hidden;
}

.tweetboxlink{
font-size:80%;
line-height:1.4em;
text-align:left;
margin-left:65px;
margin-right:10px;
margin-bottom:5px;
}

ul.otherlink{
margin-left:0px;
padding-left:1.5em;
list-style-type:disc;
}

ul.contentslink{
margin-left:1em;
padding-left:1.5em;
list-style-type:circle;
margin-bottom:1em;
}