@charset "utf-8";

*{margin:0px;padding:0px;}
table{border-collapse:collapse;empty-cells:hide;}
h1, h2, h3, h4, h5, h6, ol, ul, pre, blockquote{
font-size:small;
line-height:1.7em;
text-align:justify;
letter-spacing:0.1em;
}
p{
font-size:small;
line-height:1.6em;
text-align:justify;
letter-spacing:0.1em;
}
p strong{
font-weight:bold;
color:#000000;
}
fieldset{border:none;}
body{
margin:0;
padding:0;
color:#555;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
text-align:left;
background:url("http://www.whatsinc.jp/whatsup/img/backline.gif") repeat-x top;
}



/*CLASS -------------------------------------------------*/
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.red{color:#FF3300;font-weight:normal;}
.green{color:#369A00;font-weight:normal;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; min-height: 1%; }
/* ¥*/ * html .clearfix { height: 1%; }
.clearfix { display: block; } /* */



/*a ------------------------------ -------------------*/
a:link{color:#000;}
a:visited{color:#000;}
a:hover{color:#fff;background:#000;}
a img{border:none;text-decoration:none;background:none;}



/*WRAPPER -------------------------------------------------*/
#wrapper{
margin:0 auto;
width:764px;
padding:0 12px;
background:url("http://www.whatsinc.jp/whatsup/img/back.gif") no-repeat top center;
}


/*header -------------------------------------------------*/
#header{
width:764px;
}

#header #flashcontent{
float:right;
width:360px;
}

h1{
float:left;
font-size:1px;
text-indent:-9999px;
line-height:0;
overflow:hidden;
width:360px;
height:100px;
padding:47px 0 0 0;
}
h1 a{
display:block;
background:url("http://www.whatsinc.jp/whatsup/img/logo.gif") no-repeat top left;
width:360px;
height:100px;
}
h1 a:hover{
background:url("http://www.whatsinc.jp/whatsup/img/logo.gif") no-repeat top left;
}



/*ベース -------------------------------------------------*/
#maincontent{
float:left;
width:470px;
margin:85px 0 0 0;
text-align:left;
}
#maincontent p{
margin:10px 0 0 0;
}


#sidebar{
float:right;
width:190px;
margin:35px 0 0 0;
text-align:left;
}



/*2nd
-------------------------------------------------*/
.entry{
margin:0 0 70px 0;
}

.entry-title{
border:1px solid #aaa;
padding:0px 10px 5px 10px;
margin:0 0 25px 0;
display:block;
}
.entry-title:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.entry-title{ display: inline-table; min-height: 1%; }
/* ¥*/ * html .entry-title{ height: 1%; }
.entry-title{ display: block; } /* */

.entry-title h2.left{
margin:7px 0 0 0;
}
.entry-title p.right{
font-size:x-small;
line-height:normal;
}

a:hover .entry-title{
color:fff;
background:#000;
border:1px solid #000;
}
.entry a .entry-title h2.left,
.entry a .entry-title p.right{
text-decoration:none;
}
.entry a:hover .entry-title h2.left,
.entry a:hover .entry-title p.right{
text-decoration:none;
}


#more{
margin:30px 0 0 0;
}

.entry-more-link{
margin:20px 0;
}



.entry-footer{
font-size:x-small;
padding:20px 0 0 0;
width:470px;
text-align:right;
}
.entry-footer:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.entry-footer{ display: inline-table; min-height: 1%; }
/* ¥*/ * html .entry-footer{ height: 1%; }
.entry-footer{ display: block; } /* */

.entry-footer .right p{
text-align:right;
width:430px;
}
.entry-footer .left{
text-align:left;
width:30px;
margin:16px 0 0 0;
}
.entry-footer .left p,.entry-footer .right p{
font-size:x-small;
}



.content-nav{
padding:0 0 20px 0;
text-align:center;
}



h3.trackbacks-comments{
border-bottom:1px solid #aaa;
color:#000;
margin:40px 0 10px 0;
}

p.comments-open-moderated{
font-size:x-small;
margin:0 0 20px 0;
}

#comments-open-data p{
margin:5px 0 0 0;
}
#comments-open-data p span{
font-size:x-small;
}

.comment{
margin:0 0 25px 0;

}
.comment p{
font-size:x-small;
margin:5px 0 0 0;
}



#archive-title{
font-size:medium;
color:#000000;
margin:0 0 30px 0;
}
.clearfix p.right{
margin:0;
padding:0;
}



/*sidebar
-------------------------------------------------*/
#whatsimg{
margin:50px 0 0 0;
}
#whatsimg p{
margin:10px 0 0 0;
font-size:x-small;
}


h2.module-header{
border:1px solid #aaa;
padding:1px 5px;
margin:50px 0 15px 0;
}
a:hover .module-header{
color:fff;
background:#000;
border:1px solid #000;
}
a .module-header h2{
text-decoration:none;
}


#sidebar ul{
list-style:none;
}

#commentsside p{
font-size:x-small;
}
#commentsside a:hover p{
color:#fff;
background:#000;
}
.commentlist{
margin:0 0 10px 0;
}




#copyright{
font-size:xx-small;
margin:30px 0 0 0;
}