/* Cross-browser settings */
* {
 margin: 0;
 padding: 0;
}




/* general styles */
body {
height: 100%;
background: #ffffff url(http://arashi.s-log.info/images/dot.gif) repeat;
font-size: 13px;
}


img {
 border:0;
}




#contents a {
 color: #993300;
}




#contents a:hover {
 color: #ff9999;
}




#wrapper {
 width: 850px;
 margin: 0px auto;
 padding: 0px;
 background: #ffffff;
 color: #333333;
 font: 1.0em/150% 'Verdana', 'ＭＳ ゴシック', 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3';
}




/* Header */
#header {
 float: left;
 width: 100%;
 height: 200px;
 margin: 0px;
 padding: 0px;
 border-bottom: 1px solid #cccccc;
 background: #ffffff url(http://arashi.s-log.info/images/header_bg.jpg) no-repeat right;
}


h1#title {
 display: block;
text-indent: -9999px;
margin: 20px 0px 0px 20px;
 padding: 0px;
width: 370px; height: 70px;
 background: #ffffff url(http://arashi.s-log.info/images/title.gif) no-repeat;
 text-align: left;
}
h1#title a {display: block; width: 370px; height: 70px;}












#header div#description {
 margin: 5px 0px 0px 25px;
 padding: 0px;
 color: #330000;
 font-size: 1.0em;
 text-align: left;
}








/* Main contents */
#contents {
 float: left;
 width: 600px;
 margin: 10px 0px 0px;
 padding: 0px;
 background: #ffffff;
 font-size: 1.0em;
 text-align: left;
}




#contents h1 {margin: 20px 25px 10px; color: #000000;font: bold 1.1em 'Verdana', sans-serif;text-align: left;}

#contents h2 {margin: 20px 25px 10px;padding: 10px 20px;border-top: 1px solid #ffffff;border-right: 1px solid #ffffff;border-bottom: 1px solid #999999;border-left: 15px solid #999999;background: url(http://arashi.s-log.info/images/h2.gif) repeat;color: #000000;font: bold 1.1em 'Verdana', sans-serif;text-align: left;}








#contents h2 a {
 color: #000000;
}




#contents .contents_body {
 margin: 15px 25px;
 padding: 0px;
}

#contents .search_body {
 margin: 15px 0px;
 padding: 0px;
}






#contents blockquote {
 padding: 10px;
 background: #efefef;
 border: #999999;
}






#contents .posted {
margin-top: 10px;
border-top: 1px dashed #999999;
}


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




/* Sidebar */
#sidebar {
 float: left;
 width: 220px;
 margin: 10px 5px 10px 0px;
 padding: 0px 0px 0px 20px;
 background: #ffffff;
 font-size: 1.0em;
 text-align: left;
}









#sidebar ul {
 list-style:none;
 width: 190px;
}

#sidebar ul.datescroll {
 list-style:none;
 width: 188px;
 overflow: auto;
 height: 330px;
 scrollbar-3dlight-color: #fff;
 scrollbar-track-color: #fff;
 scrollbar-arrow-color: #666;
 scrollbar-base-color: #fff;
 scrollbar-darkshadow-color: #fff;
 scrollbar-face-color: #fff;
 scrollbar-highlight-color: #666;
 scrollbar-shadow-color: #666;
}







#sidebar p {
 padding: 10px 0px 0px;
}










#sidebar li {
 line-height: 0;
}






#sidebar li a {
 display:block;
 line-height: normal;
 padding: 5px 2px;
 border-bottom: 1px dashed #666666;
 background: #ffffff;
 color: #666666;
 font-size: 1.0em;
 text-align: left;
 text-decoration: none;
}




#sidebar li a:hover {
 border-bottom: 1px solid #000000;
 color: #000000;
}




/* Footer */












h4 {
	display:block;
	text-indent:-9999px;
}








#navi {
 height: 35px;
 margin: 0px;
 padding: 20px 25px 0px 0px;
 background: #ffffff;
 font-size: 0.9em;
 text-align: right;
}








#footer {
 clear:both;
 height: 65px;
 margin: 0px;
 background: #ffffff;
background: #ffffff url(http://arashi.s-log.info/images/footer.gif) no-repeat right;
}








#searchbox {
	display:block;
	text-indent:-9999px;
margin: 20px 15px 0px -20px;
width: 220px;
height:45px;
background: #ffffff url(http://arashi.s-log.info/images/s_search.gif) no-repeat top; 
}








#date {
	display:block;
	text-indent:-9999px;
margin: 20px 15px 0px -20px;
width: 220px;
height:45px;
background: #ffffff url(http://arashi.s-log.info/images/s_date.gif) no-repeat top; 
}








#category {
	display:block;
	text-indent:-9999px;
margin: 20px 15px 0px -20px;
width: 220px;
height:45px;
background: #ffffff url(http://arashi.s-log.info/images/s_category.gif) no-repeat top; 
}








#tag {
	display:block;
	text-indent:-9999px;
margin: 20px 15px 0px -20px;
width: 220px;
height:45px;
background: #ffffff url(http://arashi.s-log.info/images/s_tag.gif) no-repeat top; 
}








#about {
	display:block;
	text-indent:-9999px;
margin: 20px 15px 0px -20px;
width: 220px;
height:45px;
background: #ffffff url(http://arashi.s-log.info/images/s_about.gif) no-repeat top; 
}


form {
    margin: 0;
}


input,textarea {
    border: 1px solid #666;
    font-size: 14px;
}


#feedlink {
margin-top: 20px;
}

#add {
margin: 15px 0px;
padding:10px 0px;
}


/* ポップアップ */

#previewlink{
  position:absolute;
  width: 220px;
  height: 170px;
	border:1px solid #666;
	background:#fff;
	display:none;
	color:#333;
  text-align: center;
  
}
#previewlink p {
  width: 220px;
  height: 170px;
  padding: 10px 0 0 0;
  margin: 0;
  background: url(loading.gif) no-repeat 90px 70px;
}
#tooltip{
  position:absolute;
  padding: 5px;
  border:1px solid #666;
	background:#fff;
	display:none;
	color:#333;
  
  
}
#tooltip p {
  width: 220px;
  font-size: 0.8em;
  text-align: left;
  margin: 0;
}