@charset "UTF-8";

*
{
	margin:0;
	padding:0;
}

body
{
	background:url(imgs/body_bg.jpg) no-repeat top center #fff;
	color:#333;
	font-size:15px;
}

.left{
	float:left;
}
.right{
	float:right;
}

/* ---------------------------------------------------------------- *//**
* CLEAR FIX
*//* ----------------------------------------------------------------- */

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */




/* ==================================================================================
ボタン系
================================================================================== */


a#btnHome,a#btnLabs, a#btnBlog, a#btnAbout, a#btnSubmit, a#btnFeed {
	display:block;
	width:100px;
	height:25px;
}

a#btnHome{
	margin: 14px 13px 0 0;
	background:url(/imgs/btn-home-on.png) no-repeat;
}

a#btnLabs{
	margin: 14px 13px 0 0;
	background:url(/imgs/btn-labs-on.png) no-repeat;
}

a#btnBlog{
	margin: 14px 13px 0 0;
	background:url(/imgs/btn-blog-on.png) no-repeat;
}

a#btnAbout{
	margin: 14px 13px 0 0;
	background:url(imgs/btn-about-on.png) no-repeat;
}

a#btnFeed{
	margin: 14px 13px 0 0;
	background:url(imgs/btn-feed-on.png) no-repeat;
}

div#home{
	position:absolute;
	top:0;
	left:220px;
}

div#home ul li{
	float:left;
	list-style:none;
}

div#gnavi{
	position:absolute;
	top:0;
	right:0px;
}
div#gnavi ul li{
	float:right;
	list-style:none;
}



/* ==================================================================================
レイアウト系
================================================================================== */


#columnA_2columns
{
	float:left;
	margin-right:-200px;
	padding-right:15px;
	position:relative;
	width:100%;
}

#columnA_3columns,#columnA_columnless
{
	position:relative;
	width:100%;
	font-family:
		"Hiragino Gothic Pro",
		"ヒラギノゴシック Pro W3",
		Meiryo,
		"メイリオ",
		"MS P Gothic",
		"ＭＳ Ｐゴシック",
		sans-serif;
}

#columnB_3columns
{	
	float:left;
	padding:0 10px 10px 14px;
	width:200px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#columnC_3columns,#columnC_2columns
{
	border-left:solid 1px #ccc;
	float:right;
	padding:0 0 10px 15px;
	width:160px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#commentform textarea
{
	width:350px;
}

#columnC_3columns div.search
{
	margin:0 0 20px 0;
}

ul.links li
{
	line-height:2em;
}

ul.links,#menu ul
{
	list-style:none;
}

ul.banner li
{
	list-style:none;
}



#footer
{
	background:url("imgs/sprite.png") 0px -398px;
	height:32px;
	font-size:9px;
	clear:both;
	margin:1em 0;
	text-align:center;
}
#footer_inner
{
	margin:0 auto;
	text-align:left;
	width:1000px;
}
#footer .footer_copy
{
	float:left;
	line-height:32px;
	color:#CCC;
}
#footer .footer_powered
{
	float:right;
	line-height:32px;
	color:#CCC;
}
.footer_copy a, .footer_copy a:hover, .footer_copy a:visited, .footer_copy a:active,
.footer_powered a, .footer_powered a:hover, .footer_powered a:visited, .footer_powered a:active
{
	color:#def;
}

#header
{
	background:url(imgs/sprite.png) repeat-x 0px -440px;
	height:275px;
	width:100%;
}

#header_inner
{
	height:275px;
	margin:0 auto;
	position:relative;
	width:1000px;
}

#header_inner h1
{
	height:52px;
	width:186px;
	position:absolute;
}

#header_inner div.ad
{
	width:728px;
	position:absolute;
	right: 0;
	top: 27px;
}


/* =========================================== */




#local_navi{
	margin:0 auto;
	width : 1000px;
}

#local_navi ul li {
	display:inline;
}

#local_navi ul li {
	outline-style:none;
	float:left;
}


#local_navi ul li a {
	background:#f9f9f9;
	display:block;
	float:left;
	border: #ccc 1px solid;
	color:#333;
	padding: 2px 30px;
}

#local_navi ul li a:hover {
	background:#eee;
	border: #09F 1px solid;
	color:#333;
}



/* =========================================== */
#main_inner
{
	margin:0 auto;
	padding-top:3.5em;
	position:relative;
	width:1000px;
}

/* 広告用対策 */
#main_inner .entry a
{
	text-decoration:none;
}
#main_inner .entry a:hover
{
	text-decoration:underline;
}

#main_inner .entry h2
{
	border-bottom:solid 1px #999;
	font-size:18px;
}
#main_inner .entry h2 a
{
	text-decoration:none;
}

#main_inner .entry h3
{
	color:#333;
	background:#f3f3f3;
	margin:1.5em 0;
	padding:5px 0 5px 10px;
	font-size:18px;
	font-weight:bold;
	
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */  
}

#main_inner a.more-link
{
	background:#eee;
	border:1px solid #ccc;
	padding : 2px;
	color:#333;
	text-decoration:none;
}
#main_inner a.more-link:hover
{
	background:#eee;
	border:1px solid #009DFF;
}


#main_inner div.entry ul, #main_inner div.entry ol
{
	margin: 1em 0;
}

#main_inner div.entry ul li
{
	list-style: disc;
	list-style-position: inside;
	line-height: 1.8;
	margin: 0 0 0 1em;
}
#main_inner div.entry ol li
{
	list-style: decimal;
	list-style-position: outside;
	line-height: 1.8;
	margin: 0 0 0 2em;
}

/* for sntax plugin */
#main_inner div.post .dp-highlighter li
{
	list-style-position: outside;
	margin: 0;
	padding: 0;
}

#main_inner div.post ul.post_info
{
	font-size:10px;
	list-style:none;
	margin: 5px 0 10px;
}


#main_inner div.post ul.post_info li
{
	display:inline;
	padding:3px 0 3px 20px;
	margin :0 0 0 5px;
}
/* はてブ用 */
#main_inner div.post ul.post_info li img
{
	position: relative;
	top: 3px;
	left: -20px;
}

#main_inner div.post ul.post_info li a
{
	text-decoration:none;
}


#main_inner div.post ul.post_info li:first-child
{
	margin :0;
}

#main_inner div.post ul.post_info li.date
{
	background:url("imgs/sprite.png") no-repeat 0px -64px;
}
#main_inner div.post ul.post_info li.category
{
	background:url("imgs/sprite.png") no-repeat 0px -256px;
}

#main_inner div.post ul.post_info li.comments
{
	background:url("imgs/sprite.png") no-repeat 0px -160px;
}

#main_inner div.post ul.post_info li.parmalink
{
	background:url("imgs/sprite.png") no-repeat 0px -288px;
}



#main_inner div.post,#primaryContent_columnless
{
	position:relative;
}

#main_inner p
{
	margin-bottom:1em;
}

#menu
{
	position:absolute;
}

#menu li
{
	float:left;
}

#primaryContent_2columns
{
	margin-right:200px;
	position:relative;
}

#primaryContent_3columns
{
	float:left;
	position:relative;
	width:585px;
	border-right:solid 1px #ccc;
	padding-right:10px;
}

#search
{
	margin-bottom:2em;
	position:relative;
	width:100%;
}

#search input.button
{
	max-width:2.5em;
	min-width:2em;
	position:absolute;
	right:0;
	top:0;
}

#search input.text
{
	left:0;
	position:absolute;
	top:0;
	width:9.5em;
}

#secondaryContent_3columns,#secondaryContent_2columns
{
	float:right;
	width: 404px;
}



ul.links li
{
	border-bottom:1px dotted #dadada;
	color:#999;
}

ul.links li a
{
	color:#132022;
	text-decoration:none;
	padding:3px;
}

ul.links li a span
{
	color:#999;
	font-size:9px;
	font-weight:bold;
}

ul.links li a:hover
{
	background:#000033;
	color:#fff;
}

ul.links li a:hover span
{
	color:#fff;
}

ul.links li a.papervision3d,
ul.links li a.progression,
ul.links li a.wonderfl,
ul.links li a.flashdevelop
{
	padding-left:22px;
	background:url(imgs/icons_category.png) no-repeat;
}

ul.links li a.papervision3d:hover,
ul.links li a.progression:hover,
ul.links li a.wonderfl:hover,
ul.links li a.flashdevelop:hover
{
	background-color:#000033;
}


ul.links li a.papervision3d
{
	background-position: 2px 4px;
}
ul.links li a.progression
{
	background-position: 2px -28px;
}
ul.links li a.wonderfl
{
	background-position: 2px -60px;
}
ul.links li a.flashdevelop
{
	background-position: 2px -92px;
}

ul.inline li
{
	border-bottom:1px dotted #dadada;
	color:#999;
	list-style:none;
}

ul.inline li a
{
	color:#132022;
	text-decoration:none;
}

ul.inline li a span
{
	color:#666;
}

ul.inline li a:hover
{
	color:#009;
}






a img
{
	border:none;
}

a,strong a,a:visited,a:hover
{
	color:#467bc0;
	outline:none;
	text-decoration:none;
}


a:hover
{
	color:red;
}

blockquote
{
	border-left:3px solid #7C0012;
	color:#333;
	margin-left:1em;
	padding-left:1em;
}


div.block
{
	margin: 0 0 20px 0;
}


br.clear
{
	clear:both;
}

div#sidebar
{
	font-size:12px;
}

div.entry
{
	margin-bottom:3em;
}

div.fixed
{
	width:1000px!important;
}

div.fluid
{
	width:90%!important;
}

h2, h2 a, h2 a:hover, h2 a:visited, h2 a:active
{
	color:#132022;
}

h3
{
	color:#132022;
}

#sidebar h3
{
	padding:0 0 0 20px;
	margin:5px 0;
	font-size:12px;
}

div.side_profile_inner
{
	padding: 0 0 0 55px;
	min-height: 60px;
	margin: 0 0 5px 0;
	background:url("imgs/yasu-log.jpg") no-repeat left top;
}
h3.side_profile
{
	margin-top:0;
	background:url("imgs/sprite.png") no-repeat 0px -320px;
}
h3.side_category
{
	margin-top:0;
	background:url("imgs/sprite.png") no-repeat 0px -256px;
}
h3.side_archive
{
	background:url("imgs/sprite.png") no-repeat 0px -32px;
}
h3.side_recent_post
{
	background:url("imgs/sprite.png") no-repeat 0px -224px;
}
h3.side_recent_comment
{
	background:url("imgs/sprite.png") no-repeat 0px -128px;
}
h3.side_works
{
	background:url("imgs/sprite.png") no-repeat 0px 0px;
}
h3.side_labs
{
	background:url("imgs/sprite.png") no-repeat 0px -96px;
}
h3.side_world
{
	background:url("imgs/sprite.png") no-repeat 0px -354px;
}


img.floatTL
{
	float:left;
	margin-bottom:1.5em;
	margin-right:1.5em;
	margin-top:.5em;
}

input.button
{
	background:url(imgs/n3.gif) repeat-x #CA2F2F;
	border:solid 1px #A94B4B;
	color:#fff;
	font-size:.8em;
	font-weight:700;
	height:2em;
	text-transform:lowercase;
}

input.text
{
	border:solid 1px #F1F1F1;
	font-size:1em;
	padding:.25em;
}

p
{
	line-height:1.8;
}

p.photo
{
	border : 1px solid #ccc;
	padding : 5px;
	width: 460px;
	margin: 0 auto;
}

.wp-caption
{
	border : 1px solid #ccc;
	padding : 3px;
	background:#eee;
	text-align:center;
}

p.wp-caption-text
{
	line-height:1.0;
	text-align:center;
	margin:0.25em 0 0;
	padding:0;
}

img.alignleft,img.alignLight
{
	float:left;
	margin-right:1em;
}

img.alignRight,img.alignright
{
	float:right;
	margin-left:1em;
}

ul.commentlist {
	margin:0 0 10px;
	padding:0;
}

ul.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em;
	}

ul.commentlist li {
	padding: 1em;
	background: #f9f9f9;
	margin: 10px 0 0 0 ;
	list-style:none;
	list-style-position:inherit;
	
	border: 1px solid #ddd;
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */  
	}

ul.commentlist li .avatar { 
	float: right;
	border: 1px solid #ddd;
	padding: 2px;
	background: #fff;
	}

ul.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

ul.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

.commentmetadata {
	font-weight: normal;
	}

.navigation{
}

.navigation .pankuzu{
}
.navigation .pager {

}
.navigation .pager {
	margin-left:50%
	text-align:right;
	margin-top:0; padding:0;
}

.navigation .pager li{
	display:inline;
	margin:0; padding:0;
}

.pankuzu .home{
	background:url("imgs/pager_sprite.png") no-repeat 0px 0px;
	padding-left: 22px;
}


.pager .newer a {
	background: #f9f9f9;
	display:block;
	float:right;
	border: #ccc 1px solid;
	color:#333;
	padding: 2px 30px;
}

.pager .older a {
	background:#f9f9f9;
	display:block;
	float:left;
	border: #ccc 1px solid;
	color:#333;
	padding: 2px 30px;
}

.pager .newer a:hover, .pager .older a:hover{
	background:#eee;
	border: #09F 1px solid;
	color:#333;
}



/* ---------------------------------------------------------------- *//**
* syntaxhighlighter
*//* ----------------------------------------------------------------- */
div.syntaxhighlighter{
	font-size:10px;
}