html {
 scrollbar-arrow-color: #000;
 scrollbar-base-color: #000;
 scrollbar-darkshadow-color: #000;
 scrollbar-highlight-color: #FFF;
 scrollbar-shadow-color: #FFF;
}

body {
 text-align:center; 
 margin:0px;
 background:url("http://www.apits.net/image/bg_back.jpg") repeat-x; 
}

#container {
 margin:auto;
 width:750px;
 min-height:300px;
 text-align:center;
 font-size:12px;
}

#container_line {
 margin:auto;
 float:left;
 width:750px;
 min-height:300px;
 text-align:center;
 border:solid black 1px;
}

#header {
 width:750px;
 height:170px;
 margin:auto;
 text-align:left;
 background:#fff;
}


#logo {
 width:260px;
 height:100px;
 margin:0px;
 float:left;
 text-align:left;
 margin-left:10px;
}

#title {
 width:470px;
 height:100px;
 margin:auto;
 float:right;
 text-align:right;
}

h1.sitetitle {
 font-size:14px;
 margin:0px;
 float:right;
 text-align:right;
}

a.sitetitle {
 color:#000;
}

a.sitetitle:hover {
 color:#000;
}

#description {
 width:470px;
 font-size:11px;
 text-align:right;
 float:right;
 color:#32cd32;
}

#head_right {
 width:530px;
 height:60px;
 float:right;
 margin:0px;
}
 
img. logo_m {
 width:530px; height:60px; margin:0px;
}

#menu_line1 {
 float:left;
 width:750px;
 height:40px;
 position:relative;
 margin:0px;
 float:left;
 z-index:1;
}


#main_line {
 width:750px;
 height:296px;
 text-align:center;
 float:left;
 position:relative;
 z-index:0;
 margin-top:-4px;
 margin-bottom:0px;
}

#top_blog_header {
 width:260px;
 height:20px;
 position:relative;
 z-index:1;
 top:-168px;
 left:5px;
 text-align:left;
 font-size:12px;
}

#top_blog_header a img {
 border: none;
}

#top_blog {
 width:270px;
 height:136px;
 float:left;
 position:relative;
 z-index:1;
 top:-166px;
 left:5px;
 text-align:left;
 overflow:auto;
 scrollbar-arrow-color: #FFF;
 scrollbar-base-color: #FFF;
 scrollbar-darkshadow-color: #FFF;
 scrollbar-highlight-color: dimgray;
 scrollbar-shadow-color: dimgray;
 font-size:12px;
}

#top_menu {
 position:relative;
 top:-4px;
}


#banner {
 width:750px;
 height:240px;
 position:relative;
 margin:auto;
 top:10px;
 text-align:center;
 float:left;
}


#copyright {
 width:750px;
 font-size:12px;
 text-align:center;
 clear:both;
}


/* twitter timeline */

.twitter_div {
 
}

#twitter_update_list {
 width: 236px;
 list-style-type: none;
 border: 1px solid #ccc;
 padding: 5px;
 float: left;
}

#twitter_update_list li {
 word-break: break-all;
 margin-bottom: 10px;
 padding: 2px;
}

ul:first-child li:nth-child(odd) {
 background-color: #F1F1F0;
}

#twitter_update_list li a {
 font-size: 100%;
 text-decoration: none;
}

#twitter_update_list li a img {
 border: none;
}

#twitter_update_list li #tw_name {
 padding-bottom: 3px;
 border-bottom: 1px dotted #ccc;
}

.clearfix:after { /*floatの解除、ここがポイント*/
 display:block;
 clear:both;
 height:0px;
 visibility:hidden;
 content:".";
}


#twitter_update_list li #tw_time {
 font-size: 100%;
 text-align: right;
}