@charset "utf-8";
/*
Theme Name: kaleno
Theme URI: http://kaleno.net
Description: kalenoウェブサイトシステム。labo開設用
Version: 2.0
Author: Ayato Kimura
Author URI: http://mabataki.cc
Tags: kaleno

*/



/* Begin Typography & Colors */
::selection {background:#CCC; color:#FFF;}
::-moz-selection{background:#CCC; color:#FFF;}

body {font-size: 10pt;color: #333;background:#fff url(images/stripe.png);text-align: center; line-height:150%; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif}
p{margin:0; padding:5px 0; font-size: 10pt;color: #333;}


#page {text-align: left;}

#header p,#footer p { margin:0; padding:0; font-size:8pt;}
#footer p{text-align:right; padding-top:10px;}
#footer h5{text-align:center;}

small { font-size:8pt; padding-top:0; color:#999900;}
h1 { font-size:1pt; text-indent:-9999px; margin:0; padding:0;}
h2 { font-size:10pt; margin:0; padding:0;}
/****** h4は「タグクラウド」 ******/
h4{ margin:5px 0; padding:3px 0 0 0; border-bottom:#000 2px solid;  font-size:10pt; color:#000; font-weight:bold; background:url(images/p.gif) no-repeat left center #EEE; text-indent:15px;}
h5,h6{font-size:9pt; margin:0; padding:0;}
h5{ line-height:130%; color:#999; font-weight:normal;}
h6{line-height:150%; font-weight:bold;}
.posttitle{font-size:18pt; font-weight:bold; margin:20px 0 0 0; padding:0; color:#000; line-height:130%;}
.profile{font-size:9pt; color:#666; font-weight:normal; line-height:130%; padding:0 0 15px 0; word-break:break-all;}
.tag{ font-size:9pt;}
.notes{ font-size:8pt; color:#999999; padding:0 0 10px 0;}

#ablock p{font-size:9pt; color:#999; line-height:130%; margin:0; padding:0;}

.nReport{border-bottom:#000 2px solid}
.nInterview{border-bottom:#000 2px solid}
.nDiscussion{border-bottom:#000 2px solid}
.nAnnounce{border-bottom:#000 2px solid}

	
a, a:visited{ color:#666; text-decoration:none; border-bottom:dotted 1px #666; outline: none;}
a:hover { color:#FFF; text-decoration:none; background-color:#000;}
#ablock a, #ablock a:hover{border:none; background:none;}
#header a, #header a:visited{ border:none; outline: none;}
#menu a, #menu a:visited{ color:#999; font-weight:bold; border:none;}
#menu a:hover{color:#ccc;}

blockquote{border:1px dotted #CCC; padding:50px 20px 20px 20px; margin:20px; background:url(images/blockquote.gif) no-repeat left top; clear:both;}

.bookmark{margin:0; padding:0 0 15px 0; font-size:8pt; color:#663333;}
.bookmark a, .bookmark a:visited{border:none; color:#663333;}
.bookmark a:hover{border:none; color:#FFF; background:#663333;}
.bookmark strong{background:#FFCC00; color:#000;}

/* End Typography & Colors */



/* Begin Structure */
body {margin:0;padding: 0;}

#wrap{margin: 10px auto; padding:0; border:#CCC 1px solid; background:#fff; width:950px;}
#header {width:950px;}
#page {padding:30px 30px; width:890px;}

#menu{text-align:right; padding:5px 30px 3px 0; background:#000;}

#new {width:500px; padding:10px 0 0 0; margin:0 0 5px 0;}
#announce {padding:15px 0 0 0;}

#ablock{ border-bottom:#CCC dotted 1px; display:block; padding:5px 0; color:#666;}
#index-thumb{float:left; padding:2px; border:1px solid #CCC; margin:0 10px 0 0; background:#FFF;}
#ablock img, #ablock img a, #ablock img a:hover, #ablock img a:visited{float:left; padding:2px; border:1px solid #CCC; margin:0 10px 0 0; background:#FFF;}

#dot {height:5px; padding:0 0 10px 0; margin:0 0 40px 0;}
#dot2 {height:5px; padding:0 0 5px 0; margin:0;}

#new, #dot, #dot2, .post, .post2 {border-bottom:1px dotted #999;}
.r0 {border-bottom:solid 1px #CCC;}

#about_profile{padding:30px 0 15px 0;}
#proright{ padding:0; margin:0;}

#tl{float:left; width:480px;}
#tr{float:right; width:380px;}
#tb{display:block; padding:0 0 10px 0;}

.narrowcolumn {float: left;width: 550px;}
.post {padding:0 0 5px 0; margin:0 0 20px 0;}
.post2 {padding:0 0 30px 0; margin:0 0 5px 0;}
.post hr {display: block;}

.postmetadata {clear: both;}
.clear {clear: both;}

.st-tag-cloud{padding:10px 0;}
.st-tag-cloud a, .st-tag-cloud a:visited{border:none;}

#footer {margin: 0 auto;clear: both; padding:50px 0;}
/* End Structure */



/* ロールオーバー */
#title a, #title a:visited{ display:block; width:950px; height:140px; text-decoration:none; text-indent:-9999px; background:url(images/tag.gif) bottom center no-repeat #FFF;}
#title a:hover{}

#ablock:hover{ background:#FFFFCC;}
#ablock a:hover{ color:#000;}

/*ページナビ*/
.tablenav {color:#666; background:white; line-height:2em; text-align:left; padding:10px 0 5px 0;}
a.page-numbers, .tablenav .current {color: #666; padding: 2px .4em; border:solid 1px #ccc; text-decoration:none; font-size:9pt;}
a.page-numbers:hover {color:#FFF; background: #333;}
.tablenav .current {color:#000; background:#BBB; font-weight:bold:}
.tablenav .next, .tablenav .prev {border:0 none; text-decoration:none;}


/* イメージボックス */
p img{max-width: 540px;}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered, .aligncenter, .alignright, .alignleft, .trr{ padding:5px; border:1px solid #CCC; background:#FFF;}
img.centered {display: block; margin:20px auto 10px auto;}
.alignnone {display: inline; padding:0; margin:0;}
.aligncenter {display: block; margin:20px auto 10px auto;}
.alignright {float: right; display:block; margin:0 0 15px 15px;}
.alignleft {float: left; display:block; margin:0 15px 15px 0;}
.alignright, .alignleft{top:0;}

#leftimg, #rightimg, #profile {padding:5px; border:1px solid #CCC;}
#leftimg {float:left; margin:0 15px 15px 0; max-width: 300px;}
#rightimg {float:right; margin:0 0 15px 15px; max-width: 300px;}
#profile {width:150px; float:left; margin:0 15px 15px 0;}
/* End Images */







/* Begin Sidebar */
#sidebar{width: 310px; float:right;}
#sidebar form {}
#sidebar h2{padding:10px 0 5px 0;; margin:0;}
/* End Sidebar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {}
blockquote {}
blockquote cite {display: block;}
.center {text-align: center;}
.hidden {display: none;}
hr {display: none;}
a img {border: none;}
.navigation {display: block; padding:20px 0;}
/* End Various Tags & Classes*/




/* 投稿部分 */
/*見出し*/
.r0{ font-size:12pt; color:#000; font-weight:bold; padding:0; margin:50px 0 20px 0; clear:both; background:url(images/p2.gif) no-repeat left top; text-indent:20px;}

/*kazz*/
.r1{ color:#333;}
.r1 a, .r1 a:visited{color:#333; text-decoration:none; border-bottom:dotted 1px #333;}
.r1 a:hover{color:#FFFFFF; text-decoration:none; background-color:#333;}
/*ayato*/
.r2{ color:#666;}
.r2 a, .r2 a:visited{color:#666; text-decoration:none; border-bottom:dotted 1px #666;}
.r2 a:hover{color:#FFFFFF; text-decoration:none; background-color:#666;}
/*guest man*/
.r3{color:#0099CC;}
.r3 a, .r3 a:visited{color:#0099CC; text-decoration:none; border-bottom:dotted 1px #0099CC;}
.r3 a:hover{color:#FFFFFF; text-decoration:none; background-color:#0099CC;}
/*guest woman*/
.r4{color:#CC0099;}
.r4 a, .r4 a:visited{color:#CC0099; text-decoration:none; border-bottom:dotted 1px #CC0099;}
.r4 a:hover{color:#FFFFFF; text-decoration:none; background-color:#CC0099;}

/*update&link*/
.link{background:url(images/link.gif) no-repeat left top; text-indent:60px; margin:20px 0; padding:0; font-size:9pt;}
.link2{margin:0; font-size:10pt;}
.update{ color:#CCC; font-size:8pt; margin-top:60px; text-align:right; font-weight:normal; clear:both;}

.amazon{background:url(images/amazon.gif) no-repeat left top; text-indent:60px; margin:20px 0; padding:0; font-size:9pt;}
.amazon a, .amazon a:visited{color:#003366; border-bottom:#003366 1px dotted;}
.amazon a:hover{color:#FFFFFF; background:#003366; border:none;}