@charset "UTF-8";

*
{
	margin:0;
	padding:0;
}

body
{
	background:url(imgs/body_bg.jpg) no-repeat top center #fff;
	background-position:center 75px;
	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 5px 10px 5px;
	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 5px;
	width:190px;
	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;
	width:100%;
	height:255px;
}

#header_inner
{
	height:55px;
	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 {
	outline-style:none;
	display:inline;
	font-size:11px;
}

#local_navi ul li a {
	display:block;
	float:left;
	border:1px solid #3d3d3d;
	background: #3d3d3d;
	padding: 0px 5px;
	color:#ccc;
	margin-right: 20px;
}

#local_navi ul li a:hover {
	color:#ddd;
	background: #333;
	border:1px solid #986e2e;
}



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

/* 広告用対策 */
#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;
	text-shadow:0 1px 0 #FFF;
	background:#f3f3f3;
	background: #f3f3f3;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#dddddd));
	background: -moz-linear-gradient(center top , #f3f3f3, #dddddd) repeat scroll 0 0 transparent;
	
	margin:2em 0;
	padding:5px 0 5px 10px;
	font-size:16px;
	font-weight:bold;
	
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */  
	
	
}



#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;
	list-style:none;
	margin: 5px 0 10px;
}


#main_inner div.post ul.post_info li
{
	float:left;
	margin :0 0 0 15px;
	padding:0px 0px 0px 20px;
	list-style:none;
}

#main_inner div.post ul.post_info li.date
{
	
}
#main_inner div.post ul.post_info li.tweet
{
	padding:0px;
}

#main_inner div.post ul.post_info li.hatebu
{
	padding:0px;
}

#main_inner div.post ul.post_info li.facebook
{
}
#main_inner div.post ul.post_info li.google
{
	width: 90px; margin: 0; padding: 0;
	position:relative;
	left: -15px;
}



/* はてブ用 */
#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: 414px;
}

div.bannerExternalLink {
	margin:5px 0;
	width:405px;
}

ul.articleBanner {
	
}

ul.articleBanner li {
	position:relative;
	width:405px;
	height:80px;
	margin-bottom:4px;
}

a.articleBannerFloat {
	display:block;
	position:absolute;
	bottom:2px;
	right:2px;
}


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.block2
{
	margin: 0 0 20px 0;
}

div.block1
{
	margin: 0 4px 20px;
}

div.block1 ul {list-style:none;}

br.clear
{
	clear:both;
}

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

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

div.fixed
{
	width:1010px!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;
}

img.photo {
	border : 1px solid #ccc;
	padding : 5px;
}

.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 {
	float:right;
}

.pager .older a {
	float:left;
}

a.more-link{
	width:80px;
}

span.button a, a.more-link {
	background: #d4e8f5;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#d4e8f5));
	background: -moz-linear-gradient(center top , #ffffff, #d4e8f5) repeat scroll 0 0 transparent;
	display:block;
	border: #a4cce5 1px solid;
	color:#186486;
	padding: 0px 15px;
	font-size:12px;
	text-shadow: white 1px 0px 2px;
	
	border-radius: 3px;        /* CSS3草案 */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;   /* Firefox用 */  
}

span.button a:hover, a.more-link:hover {
	background:#c0dcec;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f2f8fc), to(#c0dcec));
	background: -moz-linear-gradient(center top , #f2f8fc, #c0dcec) repeat scroll 0 0 transparent;
	border: #53a3d6 1px solid;
	color:#244d66;
}

span.button a:active, a.more-link:active {
	background:#cde3f0;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cde3f0), to(#cde3f0));
	background: -moz-linear-gradient(center top , #cde3f0, #cde3f0) repeat scroll 0 0 transparent;
	border: #7ab8df 1px solid;
	color:#6d8a9b;
}

/* ---------------------------------------------------------------- *//**
* Article 2018-10-10
*//* ----------------------------------------------------------------- */

#main_inner div.post img
{
	max-width: 100%;
	height: auto;
}

/* ---------------------------------------------------------------- *//**
* Category
*//* ----------------------------------------------------------------- */
ul.categoryList {
	list-style:none;
}
ul.categoryList li {
	margin-right: 40px;
	float:left;
	width:230px;
	height:200px;
}

ul.categoryList .thumb {
	padding:3px;
	border:1px solid #CCC;
	width: 230px;
	height:100px;
	overflow:hidden;
	text-align:center;
}

h2.categoryH2{
	color: #EEE;
	background: #333;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#444), to(black));
	background: -moz-linear-gradient(center top , #444, black) repeat scroll 0 0 transparent;
	margin: 1.5em 0;
	padding: 5px 0 5px 10px;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 0px -1px 0px black;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}


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


/* ---------------------------------------------------------------- *//**
* Comment
*//* ----------------------------------------------------------------- */
#commentContainer h3 {
	color: #EEE;
	background: #333;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#444), to(black));
	background: -moz-linear-gradient(center top , #444, black) repeat scroll 0 0 transparent;
	margin: 1.5em 0;
	padding: 5px 0 5px 10px;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 0px -1px 0px black;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

input, textarea { 
    padding: 9px;
    border: solid 1px #E5E5E5;
    outline: 0;
    font: normal 13px/100% Verdana, Tahoma, sans-serif;
    width: 200px;
    background: #FFFFFF;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 4px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 4px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 4px;
    }
	
input:hover, textarea:hover,
input:focus, textarea:focus { 
    border-color: #C9C9C9; 
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
    behavior: url(wp-content/themes/0530_psv/PIE.htc);
    }