* {
    line-height: 150%;
    margin: 0;
    padding: 0;
}
body {background: #FFFFFF url(images/bg.jpg) fixed repeat-x;
        font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}
#wrap {background:url(images/mainbg.jpg) repeat-y; width:880px; margin:auto;}
#header {
    height:210px;
    background-image: url(images/header.jpg);
    background-repeat: no-repeat;
}
#content #sidebar { width:222px; float:right;}
#content #left {width:640px; float:left;}
.clear {clear:both;}
#footer {background: url(images/footer.jpg) no-repeat; height:35px; padding-top:25px; text-align:center;}
#footer p {display:block; margin-top:3px;}
#footer #credit { font-size:10px;}

#sitename { font-weight: bold; font-variant: normal; padding-top: 20px; padding-right: 40px; float: right; clear: none; display: block; }
#sitename .description { font-family: Arial,Helvetica,sans-serif; font-size: 18px; color: #ffffff; font-weight: bold; padding-left: 10px; display: block; }
#sitename a{text-decoration:none;}
#sitename a:visited,active{text-decoration:none;}
h1, h2, h3, h4, h5, h6 { color: #000000; }

h1 {font-size:28px;}
h2 { font-size: 18px; color: #004000; font-weight: bold; }
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:12px;}

a { color: #669900; text-decoration: none; }
a:visited { color: #669900; text-decoration: none; }
a:active {color:#584A30;}
a:hover { color: #804000; text-decoration: none; background-color: #ffffcc; }

#content #left p { line-height: 1.5em; margin-top: 5px; margin-bottom: 5px; }
#sidebarcontent {padding:5px 10px 5px 25px;}

#sidebar h2 { font-size: 16px; color: #006600; padding: 5px; background: url(images/sidebarheading.jpg) no-repeat center bottom; display: block; }

#sidebar ul { list-style: none; }
#sidebar ul .LIn_date{ display: none; }
#sidebar li { height: 25px; display: inline; }
#sidebar a { color: #669900; text-decoration: none; padding: 5px; height: auto; display: block; }
#sidebar a:visited,active { color: #669900; text-decoration: none; padding: 5px; height: auto; }
#sidebar a:hover { color: #990000; }
#left .post { margin-bottom: 10px; margin-left: 16px; width: 630px; background: url(images/postmid.jpg) repeat-y; display: block; }
#left .post .posttop {background:url(images/posttop.jpg) no-repeat; height:11px;}
.post .postitem {padding:10px;}
.post .postbottom {background:url(images/postbottom.jpg) no-repeat; height:30px; font-size:14px; padding-top:17px; text-align:center; }
.post h2 {display:block; padding:5px 0px 5px 0px; border-bottom:solid 1px  #D8CDB8; margin-bottom:15px;}
#left .postinfo {display:block; font-size:11px; color:#666666; font-variant:normal; font-weight:normal;}
h2 a {text-decoration:none;}
h2 a:visited {text-decoration:none;}
h2 a:active {text-decoration:none;}
h2 a:hover {text-decoration:none;}


blockquote { color: #666666; margin: 10px; padding-right: 15px; padding-left: 35px; display: block; }
blockquote p { line-height:25px; margin:0px;}
.rightquote { float:right; width:250px; text-align:left;}
blockquote cite {display:block; color:#000000; font-weight:bold; padding:3px; margin-top:10px;}

.leftquote  { float:left; width:250px; text-align:right;}

#header ul {list-style:none;}
#topmenu {float:right;}
#topmenu li { font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 14px; font-weight: bold; display: inline; }
#topmenu a {display:block; float:left; color:#E9E0CF; height:36px; padding-top:10px; padding-left:15px; padding-right:15px; text-decoration:none;}
#topmenu a:visited,active {display:block; float:left; color:#E9E0CF; height:36px; padding-top:10px; padding-left:15px; padding-right:15px; text-decoration:none;}
#topmenu a:hover {display:block; float:left; color:#E9E0CF; height:36px; padding-top:10px; padding-left:15px; padding-right:15px; text-decoration:none; background:url(images/topmenu.png) repeat-x; color:#990000;}

#pagination {background:#F5F0EA; padding:8px; margin-left:8px; margin-top:20px; margin-bottom:20px;}
#pagination .pre{display:block; padding:3px; float:left;}
#pagination .next{display:block; padding:3px; float:right;}
#pagination .clear2 { clear:left; width:99%;}

#left img { padding: 2px; border-top-width: 0px; border-top-style: none; border-right-width: 0px; border-right-style: none; border-bottom-width: 0px; border-bottom-style: none; border-left-width: 0px; border-left-style: none; }
#left .leftimg {float:left;}
#left .rightimg {float:right;}

#tab {background:url(images/tabcontenbg.jpg) repeat; margin-bottom:0px; margin-left:18px;}
#tab #tabhead {height:40px;}
#tab #tabcontent { padding: 10px 40px;}

#tabhead ul {list-style:none; padding-left:10px;}
#tabhead li {display:inline;}
#tabhead a {display:block; float:left; height:30px; padding:10px 10px 0px 10px; background:url(images/tabnormal.jpg) repeat-x; color:#ffffff; text-decoration:none;}

#tabhead a:visited,active { color: #ffffff; text-decoration: none; padding: 10px; border-right-width: 1px; border-right-color: #c7e7b6; border-right-style: solid; float: left; height: 20px; background: url(images/tabnormal.jpg) repeat-x; display: block; }

#tabhead a:hover {background:url(images/tabhover.jpg) repeat-x; color:#990000;}
#tabhead .activetab a{background:url(images/tabhover.jpg) repeat-x; color:#000000;}
#tabhead .activetab a:visited{background:url(images/tabhover.jpg) repeat-x; color:#000000;}
#tabhead .activetab a:active{background:url(images/tabhover.jpg) repeat-x; color:#000000;}

.post ul {list-style:square; margin-left:10px;}
.post ol { list-style:decimal; list-style-position:inside;}
.post li {padding:5px 10px 5px 10px;}
.post ul li {margin-left:10px;}

#left code {
    white-space: pre;
    display: block;
    font-family: "Courier New", Courier, monospace;
    font-size: 12px;
    background-color: #E3D6C6; color:#000000;
    margin: 10px; padding:10px;}


#left table { width: 100%; }
#left th {padding:10px; background: url(images/strips.jpg) repeat-x; color:#000000; font-family:"Trebuchet MS", Verdana, sans-serif; font-size:14px; text-transform:uppercase; margin:0px; border-bottom: solid 1px #DBD2B0;}
#left td { text-align: left; padding: 5px; }

.form {margin:10px 25px 10px 50px;}
.form .text {display:block; border:solid 1px #B6A278; background: #F9F8F2; width:250px; padding:5px; font-size:14px; color:#000000;}
.form label {display:block; margin-bottom:3px; margin-top:10px;}
.form .text:hover{background:#FFFFFF; border: solid 1px #000000;}
.form .text:focus {background:#F4EFE3; border: solid 1px #000000;}
.form .button { display:block; border:solid 1px #CBBA96; background:#EAE3D5; padding:5px 10px 5px 10px; margin:10px 0px 10px 0px;}
.form .button:hover { display:block; border:solid 1px #CBBA96; background: #EDECD1; padding:5px 10px 5px 10px; margin:10px 0px 10px 0px;}



/* SEARCH */
    #search { color: #ffffff; font-weight: bold; width: auto; }
    #search form { margin-left: 670px; }
    #search input { margin: 0px; height: auto; width: 100px; }
    #search label {padding:5px 0 0;display:inline}
    #search input.FSF_submit {width:60px;font-size:81%;margin-left:10px;height:auto}


#tabcontent q{ color: #000000; font-weight: bold; }
#tabcontent .ajaxSearch_resultLink{ color: #cc0000; text-decoration: underline; }
#tabcontent .ajaxSearch_paging{ font-family: Arial,Helvetica,sans-serif; font-weight: bold; letter-spacing: 0.2em; }

.dittio_ownerphoto {
    float: right;
}
.o_photo {
    margin-top: 5px;
    margin-right: 0px;
    float: right;
}

.hidepage {display:none;}

#rank li{ margin-left: 10px; list-style-type: decimal; list-style-position: inside; }

div.tagcloud {
margin: 0 20px;
}
div.tagcloud span a.s5 {
font-size:1.5em;
}
div.tagcloud span a.s4 {
font-size:1.3em;
}
div.tagcloud span a.s3 {
font-size:1.15em;
}
div.tagcloud span a.s2 {
font-size:1em;
font-weight:bold;
}
div.tagcloud span a.s1 {
font-size:1em;
}

/*SCROLLBAR*/
div.scroll {
overflow : auto;
height : 250px;
width : 555px;
padding : 1px;
border : 0px solid #aaa;
margin : 1px;
background : inherit;
color : #555;
font-size : 110%;
}


#rezise {
line-height: 200%;
text-align: left;
clear: left;
}

/***** twitter *****/

/* Twitterブログパーツ全体枠設定 */
#twitter_div{
margin: 10px 0px 0px;
padding: 5px;
border-width: 2px;
border-color: #E1EFFF;
border-style: solid;
width: auto;
background-color: #E1EFFF;
}

/* Twitterブログパーツつぶやき設定 */
#twitter_update_list{
line-height: 1.5;
text-align: left;
margin: 0px 0px 5px;
padding: 0px 0px 0px 12px;
border-color: #FFFFFF;
list-style-position: inside;
list-style-image: url(http://画像のURL);
width: auto;
background-color: #FFFFF0;
}

/* TwitterRSS設定 */
hr {
	border:none;
	border-top:1px solid #CCCCCC;
	height:1px;
	margin-bottom:25px;
	}

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

#tw {
	width: 100%;
	margin: 0px;
	}

#tw li a {
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}

#tw li a:link, #tw li a:visited {
	color: #ffffff;
	display: block;
	background:  url(images/tw.gif);
	padding: 4px 0 0 4px;
	}

#tw li a:hover {
	color: #000000;
	background:  url(images/tw.gif) 0 -32px;
	padding: 4px 0 0 4px;
	}