/*
Theme Name: papier
Theme URI: http://bonjour-papier.com/wp-content/themes/papier
Description: papier themes
Author: PILE
Author URI: http://piledesign.jp
version: 2.0
Tags: two-column, widget-ready, blank
*/




/* basics ******************************************************************************/

*{ margin: 0; padding: 0;}

body {
       font-size: 10pt;
       color: #7d7775;
       background: url(./images/blog02/back.jpg) center top no-repeat;
       font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
	
h1 {}
h2 {}
h3 {}
h4 {}

img { border: none; padding: 0; }
img a { border: none; }

img.left{ float: left; border: none; padding: 6px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 6px; }

li { list-style: none; }

a { color: #20AEE5; text-decoration: none; }

a:hover{ color: #7d7775; text-decoration: none; }

/* header ******************************************************************************/

#header {
        width: 950px;
        height: 100px;
        margin: 0 auto;
        text-indent: -9999px;
}

/* wrapper ***********************************************************************/

#wrapper {
	width: 950px;
        margin: 0 auto;
}

/* content ******************************************************************************/

#content {
        width: 620px;
        margin-left: 30px;
        float: right;
        overflow: hidden;
}

.post {
	margin: 0 0 50px 0;
	padding: 0;
        line-height : 2em;
	}

#content div.post div.entry_top {
        width: 523px;
        height: 93px;
        padding: 0 45px;
        background: url(./images/blog02/entry_back_01.png) 0 0 no-repeat;
        position: relative;
}

#content div.post div#entry_top {
        width: 523px;
        height: 93px;
        padding: 0 45px;
        background: url(./images/blog02/entry_back_01.png) 0 0 no-repeat;
        position: relative;
}

#content div.post div.entry {
        width: 523px;
        padding: 10px 45px 0 45px;
        background: url(./images/blog02/entry_back_02.gif) 0 0 repeat-y;
}

#content div.post div.entry_bottom {
        width: 523px;
        height: 63px;
        padding: 0 45px;
        background: url(./images/blog02/entry_back_03.gif) 0 0 no-repeat;
}
	
#content div.post h2 {
        color: #20AEE5;
        position: relative;
        z-index: 2;
        padding: 40px 0 25px 0;
        background: url(./images/blog02/title_back.gif) 0 70px no-repeat;
}

#content div.post div.entry_top p.author,
#content div.post div#entry_top p.author {
        position: absolute;
        top: 70px;
        left: 45px;
        font-size: 0.8em;
}
	
.post h2 a{}
	
.post h2 a:hover{}

.post ul {}

.post li {}

.entry p{
        padding-bottom: 15px;
}

.postmetadata{
	clear: both;
	background:#F7F7F7;
	padding:6px;
	margin: 20px 0;
	}
	
.navigation {
	font-size:8pt;
	width:100%;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	
.alignleft a{float:left; margin:25px 0;}
.alignright a{float:right; margin:25px 0;}

/* nav ******************************************************************************/

#nav {
        width: 300px;
        float: left;
        margin-bottom: 100px;
        padding-top: 265px;
        overflow: hidden;
}

#nav ul { margin: 10px 0 20px 0; }

#nav ul li { margin: 0 0 10px 0; }

#nav ul li a { color: #7d7775; color: text-decoration: none; }

#nav ul li a:hover { color: #20AEE5; text-decoration: none; }

#nav ul li span { font-weight: bold; }

#nav h3 { text-indent: -9999px; }

#nav h3.category {
        width: 157px;
        height: 47px;
        background: url(./images/blog02/category.gif) 0 0 no-repeat;
}

#nav h3.recent {
        width: 157px;
        height: 47px;
        background: url(./images/blog02/recent_post.gif) 0 0 no-repeat;
}

#nav h3.archive {
        width: 157px;
        height: 47px;
        background: url(./images/blog02/backnumber.gif) 0 0 no-repeat;
}

#nav p a {
        display: block;
        background: #fff url(./images/blog02/banner_on.gif) 0 0 no-repeat;
}

#nav p.banner01 a {
        width: 289px;
        height: 78px;
        background-position: 0 0;
}

#nav p.banner02 a {
        width: 289px;
        height: 87px;
        background-position: 0 -78px;
}

#nav p.banner03 a {
        width: 289px;
        height: 136px;
        background-position: 0 -165px;
}

#nav p a:hover { background-color: transparent; }

#nav p a:hover img { visibility: hidden; }

#nav dl { margin-top: 10px; }

#nav dl dt { margin-bottom: 10px; }

/* misc ******************************************************************************/

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
	}
	
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}
/* ========================================================
	footer
======================================================== */
#footer {
	clear: both;
	width: 100%;
	padding: 30px 0;
	background: url("./img/footer/bg.jpg") 0 0 repeat;
}
#footerAddress {
	color: #333;
	width: 100%;
	height: 131px;
	padding-top: 50px;
	text-align: right;
	background: url("./img/footer/bg_wood.jpg") 0 0 repeat-x;
}
#footer .inner,
#footerAddress .inner {
	width: 940px;
	margin: 0 auto;
	padding-left: 20px;
}
#footer table {
	width: 960px;
	border-collapse: collapse;
	background: url("./img/footer/bg_sitemap.png") -20px 0 repeat-y;
}
#footer th,
#footer td {
	text-align: left;
	vertical-align: middle;
	padding: 4px 0;
}
#footer td.first { padding-left: 1em; }
#footer td a {
	color: #333;
	padding-left: 10px;
	background: url("./img/footer/arrow.jpg") 0 3px no-repeat;
}
#footerAddress p {
	font-size: 12px;
	margin-bottom: 5px;
}
#footerAddress h4 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
#footerAddress address {
	font-size: 10px;
	font-style: normal;
}