@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

*/



/*-------------------------------------
commonElementsSetting
-------------------------------------*/

*{
margin: 0;
padding: 0;
}

html{
height:100%;
}

body {
/* モダンブラウザのフォントサイズを12pxに設定 */ 
font-size: 12px; line-height: 1.5;
color: #333333;
}

/*
IEでフォントサイズを可変させるために％指定
ブラウザのデフォルトフォントサイズが16pxと前提
*/
/*IE6*/
body{_font-size: 75%; line-height: 1.6; /* 12px */ }

/*IE7*/
*+html body{font-size: 75%; line-height: 1.6; /* 12px */ }

body {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif; }



img {
border: 0;
}


/* 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;
	}

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

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

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */










ul,
li,
dl {
list-style-type: none;
}

hr {
display: none;
}

.dn {
display: none;
}


/*: forTxtLinkSetting ::::::::::::::::::::::::::::::::*/
a {
text-decoration:none;
}

a:link,
a:visited,
a:active {
color: #CC6633;
}

a:hover {
color: #CC6633;
}

/*: flote ::::::::::::::::::::::::::::::::::::::::::::*/
.left {
float: left;
}

.right {
float: right;
}





/*-------------------------------------
floatClearSetting
-------------------------------------*/
.section:after,
.clearfix:after {	/* for new Browser */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.section,
.clearfix {	/* for IE */
display: inline-table;
}

/* Hides from IE-mac \*/
* html .section,
* html .clearfix {
height: 1%;
}

.section,
.clearfix {
display: block;
}
/* End hide from IE-mac */


/*-------------------------------------
floatClearSetting
-------------------------------------*/
.section:after,
.clearfix:after {	/* for new Browser */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.section,
.clearfix {	/* for IE */
display: inline-table;
}

/* Hides from IE-mac \*/
* html .section,
* html .clearfix {
height: 1%;
}

.section,
.clearfix {
display: block;
}
/* End hide from IE-mac */








/*-----------------------------------------------------
 layoutSetting
------------------------------------------------------*/
body {
text-align: center;
background: url("http://www.s-m-b.jp/blogmama/wp-content/themes/default/images/back.jpg") repeat top center;
}


/*: container ::::::::::::::::::::::::::::::::::::::::*/
div#container{
margin: 0 auto;
width: 974px;
text-align: left;
height:100%;
}


/*: header :::::::::::::::::::::::::::::::::::::::::::*/
div#header{
height:236px;
width:974px;
background: url("http://www.s-m-b.jp/blogmama/wp-content/themes/default/images/back_head.jpg") no-repeat;
}


/*: main :::::::::::::::::::::::::::::::::::::::::::::*/
div#main {
margin-bottom: 20px;
width: 780px;
margin: 0 auto;
text-align: left;
background: #FFFFFF;
padding:30px 15px;
}

/*: contents :::::::::::::::::::::::::::::::::::::::::*/
div#contents {
width:565px;
float:right;
margin-bottom: 30px;
background: #FFFFFF;
}


/*: footer :::::::::::::::::::::::::::::::::::::::::::*/
div#footer {
width: 947px;
height:100px;
clear: both;
background: url("http://www.s-m-b.jp/blogmama/wp-content/themes/default/images/back_foot.jpg") no-repeat;
}





/*-----------------------------------------------------
 headerSetting
------------------------------------------------------*/
div#header {
position:relative;
}

/*: LOGO :::::::::::::::::::::::::::::::::::::::::::::*/
div#header h1 {
float: left;
text-indent: -9999px;
display: inline;
margin: 0px;
font-size: 0;	/* forWinIE */
line-height: 0;	/* forWinIE */
}

div#header h1,
div#header h1 a {
width: 974px;
height: 236px;
display: block;
line-height: 0;	/* forWinIE */
text-decoration: none;	/* forWinNN */
float: left;
}



/*--------------------------------------------------
  footerSetting
--------------------------------------------------*/
div#footer {
font-size: 0.86em;
padding-top: 5px;
margin-top: 15px;
}

div#footer address {
float: right;
font-style: normal;
margin-right:50px;
}


/*--------------------------------------------------
  pagetopSetting
--------------------------------------------------*/
div#pagetop {
float: right;
position: fixed !important;
position:absolute;
_right:expression(this.style.filter = '', '0');
right: 0;
bottom: 2%;
width: 27px;
height: 27px;
z-index: 100px;
}




/*-----------------------------------------------------
 sidebarSetting
------------------------------------------------------*/
div#sideMenu{
width:205px;
float:left;
margin-right:10px;
}

div#sideMenu p{
margin-bottom:7px;
}


div#sideMenu ul {
padding: 0px;
margin-bottom:15px;
}

div#sideMenu ul li {
border-bottom: #DACABE solid 1px;
background: url("http://www.s-m-b.jp/blogmama/wp-content/themes/default/images/icon.gif") left no-repeat;
padding:10px 0 5px 10px;
}




/*-----------------------------------------------------
 contentsSetting
------------------------------------------------------*/
div#contents div#text {
margin-bottom:40px;
}



div#contents div#text h2 {
margin-top:0px;
}



div#contents div#text h3 {
background: url("http://www.s-m-b.jp/blogmama/wp-content/themes/default/images/line.gif") bottom left repeat-x;
color: #663300;
font-size: 1.2em;
font-weight: normal;
height: 32px;
padding-top: 8px;
margin-bottom: 5px;
}

div#contents div#text p.postdata {
color: #CC3300;
text-align: right;
margin-bottom: 5px;
}