@charset "utf-8";
/*
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description: 有名な <a href="http://binarybonsai.com/kubrick/">Kubrick</a> をもとにした WordPress のデフォルトテーマ
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, 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

*/



/* Begin Typography & Colors */

/* ----------------------------------------------

	CSS information
	file name  :  base.css
	infomation :  リセット、初期設定 (※変更なし)

 ---------------------------------------------- */


/*----------------------------------
	reset
----------------------------------*/

*　{	
	margin:0px;
	padding:0px;
	}


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}


address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}

h1,h2,h3,h4,h5,h6,caption,th,textarea {
	font-size: 100%;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

caption,th {
	text-align: left;
	font-weight:normal;
	}

img,object,applet,embed {
	vertical-align: top;
	}

img,abbr,acronym,fieldset {
	border: 0;
	}

li {
	list-style: none;
	}

hr,legend {
	display: none;
	}

.cBoth {clear:both;}

/*----------------------------------
	basic elements
----------------------------------*/

html {
	margin: 0;
	padding: 0;
	height: 100%;
	}


body{
	background:#ffffff;
	color: #404040;
	font-size: 78%;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",arial,Sans-Serif;
	line-height: 1.6;
	text-align: center;
	}

/* for ie6 */
* html body {font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}



/*-------------- font-----------------*/

.fontB {font-weight:bold;}

.font_org {color:#ed6d00; }
.fontB_org {font-weight:bold; color:#ed6d00;}
.TxtLeft {text-align:left;}
.TxtRight {text-align:right;}
.TxtCenter {text-align:center;}
.tx10 {font-size:80%;}


/*-------------- margin・padding -----------------*/
.padB20 {padding-bottom:20px;}


/*-------------- link -----------------*/
#navi a:link {text-decoration: none; color:#ffffff;}
#navi a:visited {text-decoration: none; color:#ffffff;}
#navi a:hover {text-decoration: underline; color:#ed6d00;}

#main a:link {text-decoration: none; color:#404040;}
#main a:visited {text-decoration: none; color:#404040;}
#main a:hover {text-decoration: underline; color:#ed6d00;}

#page_navi a:link {text-decoration: none; color:#ffffff;}
#page_navi a:visited {text-decoration: none; color:#ffffff;}
#page_navi a:hover {text-decoration: underline; color:#ed6d00;}

#commentspopup a:link {text-decoration: none; color:#404040;}
#commentspopup a:visited {text-decoration: none; color:#404040;}
#commentspopup a:hover {text-decoration: underline; color:#ed6d00;}

/* ----------------------------------------------

	CSS information
	file name  :  layout.css
	infomation :  レイアウト
	
 ---------------------------------------------- */

body{
	background:#000000;	
	}

#container-wrapper01{
	background:#252525 url(images/common/bg_body.jpg) repeat-x center top;
	height:100%
	}
#container-wrapper02{
	background:url(images/common/bg_main.jpg) repeat-y center top;
	height:100%
	}	
#container{
	background:url(images/common/bg_container.jpg) no-repeat center top;
	height:100%
	}

#header {
	height:214px;
}


#contents{
	width:980px;
	overflow:hidden;
	margin:30px auto 0;
	}
/* html #contents{height:1%;}*/


#navi {
	color:#ffffff;
	float:left;
	width:225px;
	padding-left:15px;
	text-align:left;
}
	
	#navi ul {
		margin-left:15px;
	}
	
	
	#navi ul li {
		background:url(images/common/bg_navi.gif) bottom no-repeat;
		height:21px;
		padding:0 0 0 32px;
		margin-top:5px;
	}
	
	#archive, #category, #search {
		margin-top:40px;
	}

	#navi .adress{
		background:url(images/common/bg_nav_adress.gif) no-repeat center;
		width:220px;
		margin:32px auto 0;
		padding:28px 0 0;
		line-height:1.2;
		}
	
	#navi .adress p{
		margin:0 0 0 30px;
		text-align:left;
		}
		
	#navi .copy{
		margin:15px 0 25px 20px;
		}
		

h2.pagetitle {
	background:url(images/common/h2_bg.gif) left top no-repeat;
	height:30px;
	padding:13px 0 0 35px;
	font-size:130%;
	color:#FFFFFF;
	margin-bottom:12px;
}

#main{
	float:right;
	width:740px;
	text-align:left;
}

.entry {
	width:740px;
	margin-bottom:20px;
	background:url(images/common/entry_bg.gif) repeat-y;
}
	.entry .entry_tit {
		width:678px;
		height:42px;
		margin:25px 0 0 30px;
		padding:0 0 0 10px;
		background:url(images/common/entry_tit_bg.gif) no-repeat;
		line-height:1.2;
	}

	.entry .entry_tit h2 {
		float:left;
	}

	.entry .entry_tit ul {
		font-weight:bold; color:#ed6d00;
		margin:0;
		padding:0;
	}
	
	.entry .entry_tit li {
		margin:0;
		padding:0;
	}
	
	.entry p {
		margin:10px 30px 30px 30px;
	}
	
	.entry .border{
		border-bottom:solid 1px #b3b3b3;
		margin:0 30px 30px 30px;
		text-align:right;
		padding:30px 0 5px 0;
		clear:both;
		color:#ed6d00;
	}

	.entry .comments{
		float:left;
	}
		
	.entry .date{
		float:left;
		padding:0px 0 0px 0;
		color:#404040;
	}
	
	.entry .date_tit {
		width:150px;
		float:right;
	}

#page_navi {
	margin-bottom:20px;
}


.page_prev {
	float:left;
	margin:0 0 20px 20px;
}

.page_next {
	float:right;
	margin:0 25px 20px 0;
}


#footer-wrapper{
	clear:both;
	width:100%;
	height:100px;
	background:url(images/common/bg_footer_b.png) repeat-x center top;
	}

* html #footer-wrapper{ behavior:url(iepngfix.htc); }


#footer{
	background:url(images/common/bg_footer.gif) no-repeat center 7px;
	height:100px;
	}


/*----------------------------------
	comments
----------------------------------*/
.commentsWrapper{
	text-align:center;
}
.commentsArea {
	width:680px;
	margin:0 auto;
	padding:30px 0 30px 0;
	text-align:left;
}

.commentlist {
	width:680px;
}

#comments_form_title {
	font-size:128%;
	font-weight:bold;
	color:#ed6d00;
	margin-bottom:15px;
}

.comment-body p {
	clear:both;
}

.comment-body .title {
	width:680px;
	border-bottom:solid 1px #b3b3b3; 
}



.comment-author {
	background:url(images/popup/org_arrow.gif) left 30% no-repeat;
	padding-left:1.5em;
	float:left;
}

.comment-meta {
	float:left;
}

#comments_form {
	width:520px;
	margin:50px auto 0;
	text-align:left;
}

#comments_form_title {
	font-size:128%;
	font-weight:bold;
	color:#ed6d00;
	margin-bottom:15px;
}

#comments_form dl dt {
	clear:left;
	float:left;
	margin-bottom:10px;
}

#comments_form dl dd {
	margin:0 0 10px 100px;
}

#comments_submit {
	text-align:center;
	margin-top:40px;
}

#formArea p {
	margin:0 0 20px 0;
	padding:0px;
}

.formArea {
	margin:10px 0 0 0;
}

.wating {
	font-style:italic;
	color:#c40000;
}




/*

#comments_wrapper {
	width:600px;
	margin:0 auto;
	background:#191919;
	text-align:center;
	padding-bottom:20px;
}

#comments_header {
	width:600px;
	height:123px;
	background:url(images/popup/header.gif) no-repeat;
}

#comments_contents {
	width:575px;
	margin:20px auto 0;
	background:#FFFFFF;
	padding-bottom:10px;
}

.comments_entry {
	width:520px;
	margin:15px auto;
	text-align:left;
}

	.comments_entry .title {
		width:520px;
		border-bottom:solid 1px #808080; 
	}
	
	
	.comments_entry .title .name {
		background:url(images/popup/org_arrow.gif) left 30% no-repeat;
		padding-left:1.5em;
		float:left;
	}
	
	.comments_entry .title .date {
		margin-left:30px;
		float:left;
	}
	
	.comments_entry .honbun {
		clear:both;
		margin-top:5px;
	}


#comments_form {
	width:520px;
	margin:50px auto 0;
	text-align:left;
}

#comments_form_title {
	font-size:128%;
	font-weight:bold;
	color:#ed6d00;
	margin-bottom:15px;
}

#comments_form dl dt {
	clear:left;
	float:left;
	margin-bottom:10px;
}

#comments_form dl dd {
	margin:0 0 10px 100px;
}

#comments_submit {
	text-align:center;
	margin-top:40px;
}

*/




/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	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 {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	float: right;
	}

.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	float: left
	}

.mobile_alignleft {
	margin:10px 30px 30px 30px;
}

.mobile_alignleft img {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	float: left
}

	
.photo {
	margin:10px 30px 0px 30px;
}

	
/* End Images */