@charset 'utf-8';
/*
THEME NAME: Pera Standard
THEME URI: http://tatsuj.in/people/10-ma2shita
DESCRIPTION: Pera標準テーマ。Empty Canvas v1.0(http://rubiqube.com)をベースに作成。
VERSION: 1.0
AUTHOR: <a href="http://tatsuj.in/people/10-ma2shita">ma2shita</a>
AUTHOR URI: http://tatsuj.in/people/10-ma2shita
*/

@import "reset.css";

/* reset */
h1,h2,h3,h4,h5,h6,em{font-weight:normal;text-decoration:normal;font-style:normal;}

body{background:#fff;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;font-size:13px;color:#585858;}

a{color:#22b;text-decoration:none;}

a:hover {
	text-decoration: underline;
}

strong {
	font-weight: 700;
}

blockquote {
	font-decoration: italic;
	background: url(images/quotes.gif) no-repeat top left;
	background-position: 12px 12px;
	color: #595959;
	margin: 5px 0;
	padding: 8px 15px 8px 60px;
}

#wrapper {
	margin: 0 auto;
}

#logo {
	font-size: 250%;
	margin: 50px 0 0 30px;
	font-weight: bold;
}

#logo a {
	color: #333333;
}

#description {
	font-size: 130%;
	color: #666666;
	margin: 5px 0 50px 30px;
}

.post{margin:0 20px 0 0;}

.page-subtitle {
	font-weight: 700;
	color: #CCC;
	font-size: 90%;
	padding-bottom: 5px;
	border-bottom: 1px solid #EFEFEF;
	margin-bottom: 15px;
}

.post-meta {
	font-size: 85%;
	color: #999;
	margin-top: 5px;
}

.post-meta a {
	color: #666666;
}

.post-content {
	margin-top: 15px;
}

.post-content h2 {
	font-size: 140%;
	margin-bottom: 10px;
	border-bottom: 1px solid #EFEFEF;
	padding: 10px 0 5px;
}

.post-content h3 {
	font-size: 110%;
	font-weight: 700;
	margin-bottom: 5px;
	border-bottom: 1px solid #EFEFEF;
	padding: 10px 0 5px;
}

.post-content p {
	line-height: 1.3;
	margin-bottom: 10px;
}

.post-content img.alignnone {
	background: #FFF;
	border: 1px solid #EFEFEF;
	padding: 4px;
}

.post-content img.alignleft {
	float: left;
	border: 1px solid #EFEFEF;
	margin: 0 25px 15px 0;
	padding: 4px;
}

.post-content img.alignright {
	float: right;
	border: 1px solid #EFEFEF;
	margin: 0 0 15px 25px;
	padding: 4px;
}

.post-content ul,.post-content ol {
	margin-left: 30px;
	margin-bottom: 20px;
}

.post-content ul {
	list-decoration: outside;
}

.post-content ol {
	list-decoration: decimal;
}

.post-content ul li,.post-content ol li {
	line-height: 1.3;
	margin-bottom: 5px;
}

.more-link {
	font-weight: 700;
	display: block;
	margin-top: 10px;
}

.sidepanel {
	margin-bottom: 30px;
}

.sidepanel h3 {
	border-bottom: 1px solid #EFEFEF;
	padding: 0 0 5px 0;
	color: #333333;
	font-weight: bold;
	font-size: 90%;
}

.sidepanel ul li {
	border-bottom: 1px solid #EFEFEF;
	padding: 5px 0;
	line-height: 1.2;
}

.sidepanel p {
	margin-top: 8px;
	line-height: 1.3;
}

#footer-links {
	list-decoration: none;
}



.sep {
	color: #CCC;
	margin: 0 8px;
}

.ico-small {
	vertical-align: middle;
	margin: 0 5px 2px 0;
}

/* layout */
#header{overflow:hidden;}
#header ul{display:inline;}
#header ul.menu{float:left;}
#header ul.info{float:right;}
#header li{display:inline;}
#header li.frontpage{visibility:hidden;}
/* layout(margin/padding only) */
#header{padding:3px;}
#header ul.info{margin:1em 1em 0 0;}
#header li{margin-left:1.125em;}
#header li.first{margin-left:0;}
/* decoration */
#header ul li a{color: #666666;font-size:0.9em;}

/* layout */
.front{width:260px;}
/* layout(margin/padding only) */
.front{margin:0 5px 0 80px;}
.front .desc{margin:15px 0 0 0}
/* decoration */
.front .desc{font-size:0.85em;color:#555;line-height:1.25em;}

/* layout */
.notice{width:250px;}
.notice ul{overflow:auto;height:140px;}
/* layout(margin/padding only) */
.notice{margin:0 80px 0 auto;padding:0.5em;}
.notice h3{margin-bottom:0.5em;padding-left:0.25em;}
.notice ul li{margin-bottom:0.5em;}
.notice ul li span{margin-right:1em;}
/* decoration */
.notice h3{font-size:1em;font-weight:bold;color:#jbb036;border-left:solid 5px #fbb036;}
.notice{border:1px solid #ddd;background:#fefeee;}
.notice ul li span{color:#3fac37;}
.notice ul li em{color:#d00;font-weight:bold;}
.notice ul li b{font-weight:bold;}

/* layout */
.grid{clear:both;overflow:none;}
.grid .cl2{float:left;width:50%;}
.grid .cl4{float:left;width:25%;}
/* layout(margin/padding) */
.grid .cl4 .box{margin:2em 0.25em;padding:0.5em;}
.grid .cl4 h3{margin-bottom:0.5em;padding-left:0.25em;}
/* decoration */
.grid .cl4 .box{border:1px solid #ddd;}
.grid .cl4 h3{font-size:1.25em;font-weight:bold;}
.grid .cl4.c1 h3{color:#222;border-left:solid 5px #222;}
.grid .cl4.c1 .box{background:#f9f9f9;}
.grid .cl4.c2 h3{color:#3fac37;border-left:solid 5px #3fac37;}
.grid .cl4.c2 .box{background:#f0fffe;}
.grid .cl4.c3 h3{color:#2c53a3;border-left:solid 5px #2c53a3;}
.grid .cl4.c3 .box{background:#f4f4ff;}
.grid .cl4.c4 h3{color:#eb5639;border-left:solid 5px #eb5639;}
.grid .cl4.c4 .box{background:#fff4f4;}

/* layout(margin/padding) */
#page{margin:3em;}

/* layout */
#footer{overflow:hidden;}
#footer{clear:both;}
#footer li{display:inline;}
#footer .copyright{text-align:right;}
/* layout(margin/padding) */
#footer li{margin-left:1.5em;}
#footer .copyright{margin:1em;}

/* layout */
.colmask{clear:both;}
.colmask{position:relative;clear:both;float:left;width:100%;overflow:hidden;}
.colleft{float:left;width:200%;position:relative;right:100%;}
.col1wrap{float:left;width:50%;position:relative;left:50%;}
.pera.col1{overflow:hidden;}
.col2{float:right;width:170px;position:relative;left:185px;}
/* layout(margin/padding) */
.colmask{margin-top:20px;}
.toppage.col1{margin:0 15px;}
.pera.col1{margin:0 15px 0 215px;overflow:hidden;}
.colleft{margin-left:-200px;}
.col1wrap{padding-bottom:1em;}
.col2{margin-top:25px;}

/* layout */
/* layout(margin/padding) */
.banner{margin-top:3px;margin-bottom:15px;}
/* decoration */

/* layout */
/* layout(margin/padding) */
#star-counter{color:#D5D580;}
/* decoration */

/* layout */
.profile img{width:73px;height:73px;float:left;}
.profile .body{min-height:80px;}
/* layout(margin/padding) */
/* decoration */

/* layout(margin/padding) */
.pwrap{margin-top:24px;}

/* layout */
/* layout(margin/padding) */
.pheader{padding:10px;}
.pheader h1{padding:0.75em 0;}
/* decoration */
.pheader{border:2px solid #ddf;background:#fafaff;}
.pheader h1 a{font-size:2em;text-decoration:underline;}
.pheader .meta{color:#aaa;text-align:right;}

/* layout */
.pboard{float:right;width:285px;}
.pboard .menu li{display:inline;}
/* layout(margin/padding) */
.pboard{margin:0 10px 0 10px;}
*html .pboard{margin:0 130px 0 5px;} /* for IE6 CSS hack */
.pboard .title{padding:5px;}
.pboard .menu{padding:5px;}
.pboard .meta{margin:5px;}
.pboard .body{margin:10px;}
.pboard .menu li{margin-right:3px;}
.pboard .round{margin-top:0.5em;}
/* decoration */
.pboard .round{border:1px solid #f0f0f0;}
.pboard .menu{background:#f9f9f9;}
.pboard .title{background:#f0f0f0;font-weight:bold;}
.pboard .latest-comment .title{border-left:10px solid #4ba9da;}
.pboard .menu a{color:#aaa;}
.pboard{background:#fff;}
/* no-comment時の表示 */
.pboard div.menu{text-align:center;font-weight:bold;font-size:1.25em;}
.pboard div.menu a{color:#444;}

/* layout */
/* layout(margin/padding) */
.pbody .pdesc{margin-bottom:0.5em;padding:5px;}
/* decoration */
.pbody .pdesc{background:#fafafa;}

/* layout */
.pitems .item td{vertical-align:top;}
.pitems .item .thumbnail img{width:55px;height:55px;}
/* layout(margin/padding) */
.pitems .item {margin-bottom:5px;}
.pitems .item .thumbnail img{margin:3px;}
.pitems .item .r{padding-left:5px;}
/* decoration */
.pitems .item .thumbnail div{background:#f9f9f9;border:1px solid #dfdfdf;}
.pitems .item .thumbnail img{border:1px solid #dfdfdf;}
.pitems .item .maker{color:#49ca43;font-weight:bold;font-size:0.8em;}
.pitems .item .meta{color:#bbb;}
.pitems .item.odd{background:#fafaff;}
.pitems .item .name{font-size:1.25em;}

/* thx! digg.com */
/* layout */
#comments{clear:both;}
#comments ol{min-height:30px;}
#comments li{overflow:hidden;position:relative;min-height:30px;}
#comments .meta{left:5px;min-height:30px;overflow:hidden;position:absolute;top:10px;width:135px;}
#comments .meta img{float:left;}
/* layout(margin/padding) */
#comments li{padding:8px 0 10px 150px;}
#comments .meta img{margin:3px;}
/* decoration */
#comments li{border-bottom:1px solid #dfdfdf;}
#comments .meta em{font-weight:bold;}
#comments .meta a{color:#666;}
#comments .meta .time{font-size:0.85em;}

/* layout */
/* thx! digg.com */
/* layout */
#respond{clear:both;}
#respond ul{min-height:30px;}
#respond li{overflow:hidden;position:relative;min-height:30px;}
#respond .meta{left:5px;min-height:30px;overflow:hidden;position:absolute;top:10px;width:135px;}
#respond .meta img{float:left;}
/* layout(margin/padding) */
#respond li{padding:8px 0 10px 150px;}
#respond .meta img{margin:3px;}
/* decoration */
#respond li{border-bottom:1px solid #dfdfdf;}
#respond .meta em{font-weight:bold;}
#respond .meta a{color:#666;}
#respond .meta .time{font-size:0.85em;}

/* layout */
#sidebar{float:right;width:200px;}
/* decoration */
#sidebar .time{font-size:0.85em;}

/* decoration */
span.time{color:#aaa;}

/* ----- hogehoge ------  CSS */
/* <div class="section-title"><hr class="section-title" /><h2><span>hoge</span></h2></div> */
div.section-title{height:1em;margin:1.5em 0 0.5em 0;}
*:first-child+html div.section-title{height:1em;margin:1em;} /* for IE7 CSS hack */
*html div.section-title{height:1em;margin:1em 0;} /* for IE6 CSS hack */
hr.section-title{border:none;border-bottom:1px solid #ddd;height:1px;}
h2.section-title{margin:-0.65em 0 0 2em;}
*:first-child+html h2.section-title{margin:-1.2em 0 0 2em;} /* for IE7 CSS hack */
*html h2.section-title{margin:-1em 0 0 2em;} /* for IE6 CSS hack */
h2.section-title span{background:#fff;padding:0 1em;font-size:1.25em;font-weight:bold;}

/* layout */
/* thx! digg.com */
/* layout */
.loglines ul{min-height:1em;}
.loglines li{overflow:hidden;position:relative;min-height:1em;}
.loglines .meta{left:5px;min-height:1em;overflow:hidden;position:absolute;top:10px;width:105px;}
/* layout(margin/padding) */
.loglines li{padding:2px 0 2px 70px;}
/* decoration */
.loglines .meta em{font-weight:bold;}
.loglines .meta a{color:#666;}
.loglines .meta .time{font-size:0.85em;}
.loglines li{margin-top:5px;line-height:1.125em;}

/* layout */
div.searchform{float:right;}
/* layout(margin/padding) */
div.searchform{margin:1em 6em 0 0;}

/* layout */
.searchitem .avatar{float:left;width:32px;height:32px;}
.searchitem h3{float:left;}
.searchitem{clear:both;height:40px;overflow:hidden;}
/* layout(margin/padding) */
.searchitems{margin:20px 0 0 0;}
.searchitem .avatar{margin:0.25em;}
.searchitem{margin:0 0 0.5em 0;}
/* decoration */
.searchitem .meta{color:#999;font-size:0.9em;}
.searchitem h3{font-size:1.25em;}

/* decoration */
em{font-weight:bold;}

/* layout */
.navigation{width:250px;}
.navleft{float:left;}
.navright{float:right;}
/* layout(margin/padding) */
.navigation{margin:20px auto 0 auto;}
.navleft{margin:0 15px 15px 0;}
.navright{margin:0 0 15px 15px;}

/* layout */
.nothing .col{float:left;width:33%;}
/* layout(margin/padding) */
.nothing{margin-top:30px;}
.nothing .c2 .box{margin:0 10px;}
.nothing h4{padding:7px;}
.nothing .box .c{padding:7px;}
/* decoration */
.nothing h4{font-size:1.125em;font-weight:bold;color:#fff;}
.nothing h4.green{background:#0a3;}
.nothing h4.blue{background:#03a;}
.nothing h4.orange{background:#eba036;}
.nothing .box{border:1px solid #ccc;}
.nothing .box .c{line-height:1.25em;}