@charset "utf-8";
/*
Theme Name: まめこスペシャル
Theme URI: http://kzms2.com/
Description: まめこデザインのすぺしゃる
Version: 0,1
Author: kzms2
Author URI: http://kzms2.com/
Tags: blue, black, light, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/*
 * ver		0.01
 * auther	kzms2
 * 
=======================*/
/* coa
=======================*/
/* reset & set
======================*/
html{
color:#000;
background:#fff;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td{
margin:0;
padding:0;
}
.mod table{
border-collapse:collapse;
border-spacing:0;
}
fieldset,
img{
border:0;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var{
font-style:normal;
font-weight:normal;
}
li{
list-style:none;
}
caption,
th{
text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6{
font-size:100%;
font-weight:normal;
}
q:before,
q:after{
content:'';
}
abbr,
acronym{
border:0;
font-variant:normal;
}
sup{
vertical-align:text-top;
}
sub{
vertical-align:text-bottom;
}
input,
textarea,
select{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}
input,
textarea,
select{
*font-size:100%;
}
legend{
color:#000;
}
body{
font-size:13px;
line-height:1.22;
word-break:break-all;
}
table{
font-size:inherit;
font:100%;
}
pre,
code,
kbd,
samp,
tt{
font-family:monospace;
*font-size:108%;
line-height:99%;
}
h1,
h2,
h3,
h4,
h5,
h6,
textarea{
font-size:100%;
font-weight:normal;
}
hr.separation{
display:none;
}
button{
cursor:pointer;
}
header,
footer,
nav,
section,
article,
aside{
display:block;
}
/* link
-----------------------*/
a:link{
	color:#004986;
}
a:hover{
	text-decoration:none;
}
/* 

a:hover{
	color:#f00 !important;
}
*/
a:visited{
	color:#c30;
}
.cf:after{content:"";display:block;clear:both;}
#contents a{
	-webkit-transition: all 0.2s ease-in;
}
/* input
-----------------------*/
input[type=text],
input[type=url],
input[type=email],
textarea{
	outline:none;
	border-style:solid;
	border-width:1px;
	border-color:#727272 #d4d4d4 #dadada;
	-webkit-transition: all 0.3s ease-in;
}
input[type=text]:focus,
input[type=url]:focus,
input[type=email]:focus,
textarea:focus{
	outline:none;
	border-color:#222 #999 #888;
	-moz-box-shadow:0 0 5px 5px rgba(255,255,255,0.8);
	-webkit-box-shadow:0 0 5px 2px rgba(255,255,255,0.8);
	box-shadow:0 0 5px 0 rgba(255,255,255,0.8);
	-webkit-transform:scale(1.05);
}
/* base layout
=======================*/
html{
	background:#000 url(img/body_bg.jpg) repeat-x 50% 0;
	text-align:center;
}
body{
	min-height:1000px;
	background:url(img/footer_bg.jpg) repeat-x 50% 100%;
}
#contents{
	min-height:1400px;
}
#header,
#contents,
#footer{
	width:960px;
	margin:auto;
	text-align:left;
}
/* header
=======================*/
#header{
	margin-bottom:10px;
	overflow:hidden;
}
/* logo
-----------------------*/
#header h1{
	float:left;
}
#header h1 a{
	display:block;
	position:relative;
	width:630px;
	height:122px;
	background-image:url(img/kzms2_logo.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
/* nav
-----------------------*/
#header nav{
	float:right;
	padding-top:60px;
}
#header nav ul{
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	box-shadow:0 3px 3px 0 rgba(0,0,0,0.5);
	-moz-box-shadow:0 3px 3px 0 rgba(0,0,0,0.5);
	-webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,0.5);
}
#header nav ul li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	border:1px solid #010c11;
	font-size:120%;
}
#header nav ul li a{
	position:relative;
	display:block;
	width:130px;
	padding:10px;
	border-top:1px solid #6a828d;
	background-color:#062e41;
	font-weight:bold;
	text-align:center;
	color:#fff;
	text-decoration:none;
	text-shadow:rgba(255,255,255,0.5) 0 0 1px;
	-webkit-transition: all 0.5s ease-in;
}
#header nav ul li.current_page_item a,
#header nav ul li a:hover{
	border-top-color:#ddfafe;
	background-color:#8ce4f9;
	background-image:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#c5f5fe),
		to(#8de4f9)
	);
	color:#062e41;
	text-shadow:rgba(255,255,255,0.8) 0 -1px 0;
}
#header nav ul li.current_page_item a:after{
	content:"";
	display:block;
	width:24px;
	height:16px;
	background:url(img/menu_bg.png);
	position:absolute;
	bottom:0;
	left:50%;
	margin:0 0 -16px -8px;
}
#header nav ul li:first-of-type,
#header nav ul li:first-of-type a{
	border-radius:8px 0 0 8px;
	-moz-border-radius:8px 0 0 8px;
	-webkit-border-radius:8px 0 0 8px;
}
#header nav ul li:last-of-type,
#header nav ul li:last-of-type a{
	border-radius:0 8px 8px 0;
	-moz-border-radius:0 8px 8px 0;
	-webkit-border-radius:0 8px 8px 0;
}

/* contents
=======================*/
#contents{
	position:relative;
	display:box;
	display:-moz-box;
	display:-webkit-box;
}
/*
#contents:after{
	content:"";
	display:block;
	position:absolute;
	bottom:-35px;
	left:-50px;
	background:url(../img/rocket_icon.png) no-repeat;
	width:128px;
	height:79px;
}
#contents:hover:after{
	-webkit-animation-name:move;
	-webkit-animation-duration:2s;
}
*/
/* main
=======================*/
#main{
	box-flex:1;
	-moz-box-flex:1;
	-webkit-box-flex:1;
	width:720px;
	background-color:#fff;
	border-radius:10px 10px 0 0;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-shadow:0 4px 5px 1px rgba(0,0,0,0.6);
	-moz-box-shadow:0 4px 5px 1px rgba(0,0,0,0.6);
	-webkit-box-shadow:0 4px 5px 1px rgba(0,0,0,0.6);
}
#main article{
	position:relative;
	padding:10px;
	*zoom:1;
}
.topsy_widget_data{
	position:absolute;
	top:45px;
	left:0;
}

/* g ad
-----------------------*/
#ga1{
	padding:5px 10px;
	border-bottom:1px dotted #999;
}
/* post data
-----------------------*/
.postData{
	margin-bottom:40px;
	padding:8px 0;
	border-width:1px 0;
	border-style:dotted;
	border-color:#e0e0e0;
	overflow:hidden;
	*zoom:1;
}
.postData dl{
	float:left;
}
.postData dt{
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.postData dt img{
	vertical-align:middle;
}
.postData dd{
	display:inline-block;
	*display:inline;*zoom:1;
	margin:0 4px;
}
.postData dd a{
	position:relative;
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding:2px 9px;
	background-color:#00739c;
	color:#fff;
	text-decoration:none;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.postData dd a:after{
	content:"◆";
	font-size:12px;
	position:absolute;
	left:-5px;
	margin-top:-6px;
	top:50%;
	color:#00739c;
}
.postData p{
	float:right;
}
.postData p time{
	margin-right:1em;
}
.postData p .edit{
	margin-left:0.5em;
	padding-left:0.5em;
	border-left:1px solid #999;
}

/* post
=======================*/
/* post header
-----------------------*/
#main article header h2{
	margin:0 -10px 10px;
	padding:30px 10px 30px 70px;
	font-size:190%;
	background:#fff url(img/post_ttl_bg.png) no-repeat;
	*zoom:1;
}
#main article header h2 a{
	color:#000;
}

/* post contents
-----------------------*/
#main article section{
	margin-bottom:2em;
}
#main article section .moreLink{
	clear:both;
	margin:1em 0;
	text-align:center;
}
#main article section .moreLink a{
	display:inline-block;
	*display:inline;*zoom:1;
	padding:5px 50px;
	border:1px solid #ddd;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#ddd;
	background-image:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#fff),
		to(#ddd)
	);
	color:#666;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0 1px 0 rgba(255,255,255,1);
	-webkit-animation-duration:0.5s;
	-webkit-animation-timing-function:linear;
}
#main article section .moreLink a:hover{
	color:#c30;
}
/*
#main article section .moreLink a:hover{
	-webkit-animation-name:more;
	background-image:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#999),
		to(#fff)
	);
}
@-webkit-keyframes more{
	0%{
	}
	100%{
	}
}
*/
#main article section h3{
	margin-bottom:1em;
	font-size:160%;
	font-weight:bold;
}
#main article section h4{
	margin:3em 0 0.4em;
	font-size:120%;
	font-weight:bold;
	*border-left:10px solid #015579;
	*padding-left:5px;
}
#main article section h4:before{
	content:"■";
	margin-right:5px;
	color:#015579;
}
#main article section h5{
	margin:2em 0 0.4em;
	padding-bottom:0.4em;
	border-bottom:1px dotted #b2b2b2;
	font-size:120%;
	font-weight:bold;
}
#main article section p{
	margin-bottom:1em;
	line-height:1.4;
}
#main article section section section{
	padding:0 20px;
}
#main article section blockquote{
	position:relative;
	margin-bottom:1em;
	padding:10px;
	background-color:#eaeef5;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#main article section blockquote:after{
	content:"“";
	position:absolute;
	left:10px;
	top:-30px;
	z-index:5;
	font-size:150px;
	font-family:"MS PGothic", sans-serif;
	color:#c1cbdc;
}
#main article section blockquote dl,
#main article section blockquote p{
	position:relative;
	z-index:6;
}
#main article section blockquote dt{
	font-weight:bold;
	margin-bottom:1em;
}
#main article section table{
	width:100%;
	margin-bottom:1em;
	border:1px solid #bee9e6;
	border-collapse:collapse;
	border-spacing:0;
	color:#666666;
}
#main article section table th,
#main article section table td{
	padding:4px 10px;
	border:1px solid #bee9e6;
}
#main article section table th{
	font-weight:bold;
}
#main article section table tr:first-of-type th{
	background-color:#eaf5f7;
	color:#454040;
}
#main article section table tr:nth-of-type(odd){
	background-color:#f0f8fa;
}

#main article section ul,
#main article section ol{
	margin-bottom:1em;
	line-height:1.4;
	padding-left:20px;
}
#main article section ul li{
	list-style:circle;
}
#main article section ol li{
	list-style:decimal;
}

#main article section code{
	display:block;	
	margin:0 10px 1em;
	padding:10px;
	border:1px solid #ececec;
	background-color:#fcfcfa;
	background-size:10px 10px,10px 10px;
	background:-webkit-gradient(
		linear,
		left top,
		right top,
		from(rgba(245,245,248,1)),
		color-stop(0.01,rgba(245,245,248,1)),
		color-stop(0.02,rgba(0,0,0,0)),
		to(rgba(0,0,0,0))
	) repeat 100% 0,-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(rgba(245,245,248,1)),
		color-stop(0.01,rgba(245,245,248,1)),
		color-stop(0.02,rgba(0,0,0,0)),
		to(rgba(0,0,0,0))
	) repeat 100% 100%;
	line-height:1.4;
}
/* post adsense
-----------------------*/
#ga2{
	margin-bottom:1em;
}
/* related links
-----------------------*/
#related{
	margin-bottom:2em;
}
/* post footer
-----------------------*/
#main article footer{
	margin-bottom:1em;
	padding:10px 10px 20px;
	background-color:#f6f5f5;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#commentlist li{
	margin-bottom:0.8em;
}
#commentlist li p{
	margin-bottom:1.5em;
	line-height:1.4;
	text-align:right;
}
#commentlist li p .topsy_trackback_comment{
	display:block;
	text-align:left;
	position:relative;
	padding:10px;
	background-color:#fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-bottom:-0.5em;
}
#commentlist li:nth-of-type(even) p .topsy_trackback_comment{
	background-color:#ddd;
}
#commentlist li p .topsy_trackback_comment:before{
	content:"▼";
	font-size:140%;
	display:block;
	position:absolute;
	bottom:-1em;
	right:10px;
	margin-left:-0.5em;
	color:#fff;
}
#commentlist li:nth-of-type(even) p .topsy_trackback_comment:before{
	color:#ddd;
}
#commemtRSS{
	padding:5px 0;
	border-style:dotted;
	border-width:1px 0;
	border-color:#ccc;
	text-align:right;
}
/*
#main article footer ol li{
	margin-bottom:0.8em;
}
#main article footer ol li p{
	margin-bottom:1.5em;
}
#main article footer ol li time{
	display:block;
	text-align:right;
	color:#999;
}
#main article footer ol li dt{
	float:left;
	margin-top:10px;
	width:100px;
	font-weight:bold;
}
#main article footer ol li dd{
	position:relative;
	padding:10px;
	margin-left:110px;
	background-color:#fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#main article footer ol li:nth-of-type(even) dd{
	background-color:#ddd;
}
#main article footer ol li dd:before{
	content:"◆";
	display:block;
	position:absolute;
	top:10px;
	left:0;
	margin-left:-0.5em;
	color:#fff;
}
#main article footer ol li:nth-of-type(even) dd:before{
	color:#ddd;
}
*/
#main article footer h2{
	margin-bottom:0.4em;
	font-size:160%;
	font-weight:bold;
	text-align:left;
}
#main article footer form{
	text-align:center;
}
#main article footer form legend{
	display:none;
}
#main article footer textarea{
	float:left;
	width:450px;
	margin:0 10px 1em 0;
	height:7em;
}
#main article footer #commentIpt{
	float:right;
	width:218px;
}
#main article footer #commentIpt input{
	width:100%;
	height:2em;
	margin-bottom:0.4em;
}
#main article footer button{
	clear:both;
	display:block;
	padding:2px 70px;
	text-align:center;
	margin:auto;
}

/* page Nation
-----------------------*/
#pageNation{
	padding:1em 10px 3em;
	text-align:center;
}
#pageNation li{
	display:inline-block;
	*display:inline;*zoom:1;
	max-width:45%;
}
#pageNation li a{
	display:block;
	padding:5px 20px;
	border:1px solid #004986;
	background-color:#2e7996;
	color:#fff;
}
#pageNation li.previous-entries a{
	margin-right:10px;
	border-radius:15px 0 0 15px;
	-moz-border-radius:15px 0 0 15px;
	-webkit-border-radius:15px 0 0 15px;
}
#pageNation li.next-entries a{
	border-radius:0 15px 15px 0;
	-moz-border-radius:0 15px 15px 0;
	-webkit-border-radius:0 15px 15px 0;
}

/* sub
=======================*/
#sub{
	width:240px;
	box-flex:1;
	-moz-box-flex:1;
	-webkit-box-flex:1;
	margin:50px 0 300px;
	background-color:rgba(255,255,255,0.3);
	-moz-border-radius:0 10px 10px 0;
	-webkit-border-radius:0 10px 10px 0;
	border-radius:0 10px 10px 0;
}
/* sub module
-----------------------*/
#sub h2{
	padding:4px 10px;
	background-color:rgba(0,0,0,0.4);
	color:#fff;
	font-size:130%;
	font-weight:bold;
}
#sub .bx:first-of-type h2{
	border-radius:0 10px 0 0;
	-moz-border-radius:0 10px 0 0;
	-webkit-border-radius:0 10px 0 0;
}
#sub .bd{
	padding:7px 10px 20px;
	color:#fff;
}
#sub a:link,
#sub a:visited{
	color:#fff;
}
#sub .bd a:visited{
	color:#fff;
}
#sub .bd p{
	margin-bottom:0.7em;
}
#sub .bd ul li,
#sub .bd ol li{
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px dotted #838383;
	line-height:1.3;
}
#sub .bd form{
	text-align:center;
}
#sub .bd input{
	width:100%;
	*width:95%;
	margin-bottom:10px;
	padding:3px;
	*padding:3px 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

/* profiles
-----------------------*/
#kzms2prof{
	overflow:hidden;
	*zoom:1;
	margin-bottom:15px;
}
#kzms2prof dt{
	float:left;
	padding-right:10px;
}
#kzms2prof dd{
	margin-bottom:10px;
}
#kzms2prof dd img{
	margin-right:4px;
}
#kzms2Twitter{
	position:relative;
	margin-bottom:1em;
	padding:10px 10px 0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background-color:#fff;
	color:#000;
	*overflow:hidden;
}
#kzms2Twitter:after{
	display:block;
	position:absolute;
	left:20px;
	top:-0.9em;
	z-index:99;
	content:"▲";
	color:#fff;
}

#kzms2Twitter a:link{
	color:#004986;
}
#kzms2Twitter a:visited{
	color:#c30;
}
#kzms2Twitter li{
	margin:-11px 0 0 !important;
	padding:10px 0 20px !important;
	border-top:1px dotted #b2b2b2;
	border-bottom:0 !important;
}
#kzms2Twitter li:first-of-type{
	border-top:0;
}
#kzms2Twitter li p{
	margin-bottom:0.2em !important;
}
#kzms2Twitter li span{
	display:block;
	text-align:right;
}

/* footer
=======================*/
#footer{
	position:relative;
	padding:10px 0 320px;
	font-size:120%;
}
#rocket{
	*display:none;
	position:absolute;
	top:-40px;
	left:-50px;
}
/* rocket
-----------------------*/
#footer:hover #rocket{
	-webkit-animation-name:move;
	-webkit-animation-duration:5s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
}
@-webkit-keyframes move{
	0%{
		-webkit-transform:translate(0,0) rotate(0) scale(1);
	}
	20%{
		-webkit-transform:translate(325px,-50px) rotate(22.5deg) scale(1.5);
	}
	40%{
		-webkit-transform:translate(650px,0) rotate(45deg) scale(1);
	}
	60%{
		-webkit-transform:translate(650px,0) rotate(210deg) scale(1);
	}
	80%{
		-webkit-transform:translate(0,0) rotate(210deg) scale(1);
	}
	100%{
		-webkit-transform:translate(0,0) rotate(360deg) scale(1);
	}
}
/* copy right
-----------------------*/
#footer,
#footer a{
	color:#fff;
	text-shadow:#000 0 -1px 0;
}
#kzms2CP{
	float:left;
	padding-left:30px;
}
#woopsdezCP{
	float:right;
}