/*
Theme Name: Peeba
Description: Peeba
Author: tak724
*/



body {
	margin:0;
	padding-top:0px;
	background: #F8F3DB url(images/bg.jpg);
	background-attachment:fixed;
	background-repeat:repeat-x;
   color:#565050;
   FONT-FAMILY: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;
	font-size:13px;
}

a {
	color:#E04F00;
	text-decoration:none;
	border-bottom:none;
	}
a:hover {
	color:#666666;
	background:none;
	text-decoration:underline;
	border-bottom:none;
	}
	
	

img {
	}	

p
{
	line-height:1.7em;
	margin-top:10px;	
}

h5
{font-size:1em;}

.fbox {
    zoom: 100%;
}
.fbox:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}


	
blockquote {
	padding-left:10px;
	color:#000;
	font-style: normal;
	
	}
.clear {
	clear:both;
	}
.alignleft {
	float:left;
	}
.alignright {
	float:right;
	}
	
/************************************************
*	Wrapper				      *
************************************************/

.wrapper {
	width:960px;
	margin:0 auto;
	background:url(images/bg02.png);	
	}

/************************************************
*	Top				      *
************************************************/

.top {
	height:107px;
	background:url(images/top.png) no-repeat; 
	padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;
	}
.blogname {
	float:left;
	width:700px;
	}
.blogname h1 {
	font-size:45px;
	font-weight:bold;
	margin:40px 0 0 80px;
	color:#fff;
	}
.blogname h2 {
	margin:10px 0 0 80px;
	font-size:16px;
	font-weight:bold;
	color:#3a1b00;
	}

/************************************************
*	MENU				      *
************************************************/

UL#menu {
	WIDTH: 930px; TEXT-INDENT: -1000em; list-style-type: none; HEIGHT: 87px; float:left; padding-left:9px; padding-top:0px; padding-bottom:0px; margin: 9px 0px 0px 0px;
}
UL#menu:unknown {
	CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: ""
}
UL#menu LI {
	FLOAT: left
}
UL#menu LI A {
	DISPLAY: block; HEIGHT: 87px; TEXT-INDENT: -1000em;
}
LI#blog A {
	BACKGROUND: url(images/logo.png) no-repeat 0px 0px; WIDTH: 337px; 
}
LI#blog A.current {
	BACKGROUND: url(images/logo.png) no-repeat 0px 0px;
}
LI#blog A:hover {
	BACKGROUND: url(images/logo.png) no-repeat 0px 0px;
}
LI#home A {
	BACKGROUND: url(images/bt_home.png) no-repeat 0px 0px; WIDTH: 90px;
	margin-left:413px;
}
LI#home A.current {
	BACKGROUND: url(images/bt_home.png) no-repeat 0px -87px;
}
LI#home A:hover {
	BACKGROUND: url(images/bt_home.png) no-repeat 0px -87px;
}
LI#mail A {
	BACKGROUND: url(images/bt_mail.png) no-repeat 0px 0px; WIDTH: 90px;
}
LI#mail A.current {
	BACKGROUND: url(images/bt_mail.png) no-repeat 0px -87px;
}
LI#mail A:hover {
	BACKGROUND: url(images/bt_mail.png) no-repeat 0px -87px;
}

/************************************************
*   Page					      *
************************************************/

h2.pagetitle {
    font-size:16px;
	margin:0 0 0 0;
	padding:30px 0 0px 55px;
	color:#A04D00;
	font-weight:bold;
	clear: both; 
	}
	
h2.pagetitle01 {
    font-size:20px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#A04D00;
	font-weight:bold;
	clear: both; 
	height:50px;
	background:url(images/page01_01.jpg);
	TEXT-INDENT: -1000em;	
	}
h2.pagetitle02 {
    font-size:20px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#A04D00;
	font-weight:bold;
	clear: both; 
	height:50px;
	background:url(images/page02_01.jpg);
	TEXT-INDENT: -1000em;	
	}
h2.pagetitle03 {
    font-size:20px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#A04D00;
	font-weight:bold;
	height:30px;
	background:url(images/page03_01.jpg);	
	}
.page {
	width:950px;
	height:100%;
	margin-left:5px;
	background:url(images/page01_02.jpg) ;
	
	}
.page02 {
	width:950px;
	height:108px;
	padding:10px 25px 25px 10px;
	background:url(images/page01_03.jpg) top;
	}
.page03 {
	background:url(images/page.jpg);	
	}	


/************************************************
*	Content				      *
************************************************/

.content {
	width:900px;
	padding:10px 25px 25px 10px;
	background:url(images/bg02.png) top;
	}




/************************************************
*	Posts				      *
************************************************/

.text {
	width:650px;
	float:left;
	text-align:justify;
	padding-left:35px;
	padding-top:30px;	
	}
	
.text a {
	color:#E04F00;
	text-decoration:none;
	border-bottom:none;
}
.text a:hover
{
	color: #E04F00;
	text-decoration: underline;
}
	
.post {
	padding:0px 0px 15px 20px;
	margin-bottom:25px;
	background: url(images/line02.png) no-repeat bottom;	
	}
	
.post2 {
	clear: both; 
	padding:0px 0px 20px 20px;
	margin-bottom:25px;	
	background: url(images/line02.png) no-repeat bottom;		
	}

.post3 {
	padding:0px 0px 15px 20px;
	margin-bottom:25px;	
	}
	
.line {
	clear: both; 
	padding:0px 0px 20px 20px;
	margin-bottom:25px;	
	background: url(images/line02.png) no-repeat bottom;		
	}

		
.photo{
	padding-top:10px;
}

.photo img{
	background: #FFFFFF;
	padding:6px 6px 6px 6px;	
	border:0;
	border-top:#d5ceb9 1px solid;
	border-left:#d5ceb9 1px solid;
	border-bottom:#d5ceb9 1px solid;
	border-right:#d5ceb9 1px solid;	
	margin-right:15px;
	margin-bottom:8px;	
}

.photo2{
	float:left;
	padding-top:10px;
}

.photo2 img{
	padding:6px 6px 6px 6px;	
	border:0;
	border-top:#d5ceb9 1px solid;
	border-left:#d5ceb9 1px solid;
	border-bottom:#d5ceb9 1px solid;
	border-right:#d5ceb9 1px solid;	
	margin-right:18px;
	margin-bottom:0px;
	width:250px;
	height:190px;
}

.more-link {

	float:right;
	TEXT-INDENT: -1000em;
	BACKGROUND: url(images/more.jpg) no-repeat 0px 0px; WIDTH: 59px; height: 25px;
	margin-bottom:0px;				
}



h1.title {
    font-size:15px;
	margin:0 0 0 0;
	padding:10px 3px 3px 0px;
	color:#E04F00;
	font-weight:bold;
	text-decoration:underline;
	}
h1.title a {
	color:#E04F00;
	text-decoration:underline;
	}
	
h1.title a:hover {
	color:#E04F00;
	text-decoration:none;
	}
	
h1.title2 {
    font-size:17px;
	margin:0 0 0 0;
	padding:10px 3px 3px 0px;
	color:#E04F00;
	font-weight:bold;
	border-bottom: 1px solid #E04F00;
	}
h1.title2 a {
	color:#E04F00;
	text-decoration:none;
	border-bottom:none;
	}
h1.title2 a:hover {
	color:#6c3506;
	background:none;
	text-decoration:none;
	border-bottom:none;
	}	
h1.title3 {
    font-size:15px;
	margin:0 0 0 0;
	padding:10px 3px 3px 0px;
	color:#E04F00;
	font-weight:bold;
	border-bottom: 1px solid #E04F00;
	}
h1.title3 a {
	color:#E04F00;
	text-decoration:none;
	border-bottom:none;
	}
h1.title3 a:hover {
	color:#6c3506;
	text-decoration:none;
	border-bottom:none;
	}	
.postinfo {
	height:20px;
	background:none;
	padding: 2px;
	

	}
.postinfo a {
	color:#3e1b00;
	font-weight:bold;
	text-decoration:none;

	
	}
.postline {
	clear: both; 
	font-size: 0.9em;
	text-align:right;
	padding-bottom:7px;
	}
.postline2 {
	text-align:right;
	padding-bottom:200px;
	}	
	
/************************************************
*	Sidebar				      *
************************************************/

.sidebar {
	width:175px;
	float:right;
	line-height:1.5em;
	margin-top: -30px;
	padding-right:10px;
	}
.sidebar ul {
	margin:0;
	padding:0;
	list-style:none;
	}
.sidebar h2 {
	height:25px;
	padding-top:8px;
	padding-left:0px;
	font-size:16px;
	color:#3e1b00;
	margin:5px 0;
	background:none;
	line-height:normal;
	
	}
.sidebar ul ul ul {
	padding-left:10px;
	}
	
.sidebar a {
	color:#E04F00;
	text-decoration:none;
	border-bottom:none;
	}
.sidebar a:hover {
	color:#666666;
	background:none;
	text-decoration:underline;
	border-bottom:none;
	}
.t-blog {
	width:175px;
	height:68px;
	margin-top:0px;
	padding-left:0px;
	background:url(images/title_blog.gif) no-repeat;
	}
.t-link {
	width:175px;
	height:42px;
	margin-top:0px;
	padding-left:0px;
	background:url(images/title_link.gif) no-repeat;
	}	


/************************************************
*	Footer				      *
************************************************/

#footer
{
position: relative;
height: 80px;
width: 960px;
margin-left: -5px;
padding-left: 0px;
clear: both;
background:  url(images/footer.png) no-repeat;
font-weight:normal;
color: #FFFFFF;
}

#footer a {
	color:#FFFFFF;
	text-decoration:none;
	}
#footer a:hover {
	color:#FFCB68;
	}
#footer .right
{
text-align: center;
padding-top: 18px;
}

#footer .center
{
text-align: center;
padding-top:6px;
}

/************************************************
*	Navigation				      *
************************************************/
	
.tablenav {
	margin: 0 0 0 0;
	padding:0 0 0 0;
	color:#A04D00;
	clear: both; 
	height:45px;
	margin-left: 50px;
	line-height:2em;
}


/* The Attachment */

.contentCenter {
	text-align:center;
	}

/************************************************
*	Comments				      *
************************************************/

.comments {
	}
.comments form {
	}
.comments textarea {
	width:90%;
	height:156px;
	background:#fff;
	border:1px solid #e9e5e1;
	color:#484849;
	padding:10px;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}
#commentform {
	padding-left:23px;
	}
#commentform input {
	background:#fff;
	border:1px solid #e9e5e1;
	color:#484849;
	padding-left:10px;
	}
.comments input#submit {
	padding:0;
	width:72px;
	height:29px;
	}
.comments h2 {
	font-size:19px;
	line-height:30px;
	margin:24px 0 0 23px;
	padding:0;
	font-weight:normal;
	}
.comments ol li p {
	padding:0;
	margin:10px 0;
	}

	
/************************************************
*	Content-Top				      *
************************************************/
#content {
	clear: both; 
	float:left;
	background: #fff url(images/content.png) no-repeat;
	width: 960px;
	height:100%;
 	padding:10px 0px 0px 0px;
	
}
#content-main {
	float: left; 
	width: 920px;
	height:100%;
	
}
#content-posts {
	float: left; 
	width: 920px;
	height:100%;
}

div#mainleft {

    	float: left;
		display: inline; 
    	width: 320px;
	height: 225px;
    	border: #CCCCCC 0px solid;
    	padding-left: 40px;
   	padding-top: 87px;
	margin-bottom: 20px;
}
div#mainright {
	background: url() 0 0 repeat;
    	float: right;
		display: inline; 
    	width: 390px;
	height: 225px;
    	border: #CCCCCC 0px solid;
    	padding-right: 19px;
   	padding-top: 87px;
	margin-bottom: 20px;

}
div#mainmiddle {
	background: url() 0 0 repeat;
    	float: right;
		display: inline; 
    	width: 370px;
    	border: #CCCCCC 0px solid;
    	padding: 0px 0px 0px 0px;
	margin-bottom: 20px;
}
#post-entry {
	border: #8f8464 0px dotted;
}
#content-main ul 
{
    margin:0 1em;
    padding:0 1em;
    list-style-image:url();
}
#content-left 
{
	background: url(images/line01.png) no-repeat bottom;
	font-weight:normal;
	color:#A04D00;
	margin-top:0;
	padding-top:7px;
	padding-left:5px;		
	padding-bottom:1px;
	line-height:1.7em;
	width:380px;	
}

#content h4 {
	font-size: 0.9em;
	border:#8f8466 0px solid;
	padding:3px;
	font-weight:bold;
}
#content h5 {
	TEXT-INDENT: -1000em;
	HEIGHT: 35px;
	WIDTH: 380px;
	BACKGROUND: url(images/title01.jpg) no-repeat 0px 0px;
	padding: 0px;
	margin:  5px 0px 5px 0px;
}
#content h6 {
	TEXT-INDENT: -1000em;
	HEIGHT: 25px;
	WIDTH: 200px;
	BACKGROUND: url(images/title02.jpg) no-repeat 0px 0px;
	padding: 0px;
	margin:  5px 0px 5px 0px;
}

#content ol 
{
    list-style-type:decimal;
    margin:1em;
    padding:0 1em;
}
#content-main a:link, #content-main a:visited {
	color:#333333;
	text-decoration:none;		
}
#content-main a:hover, #content-main a:active {
	color: #D54E21;
	background-color:#;
	text-decoration:none;	
}
#content a.titlelink, a.titlelink:visited {
	color: #333333;
	text-decoration:none;	
}
	
#content a.titlelink:hover {
	color: #D54E21;
	background-color:#ece4a6;
	text-decoration:none;	
}
#content .icon {
	border:0;
	background:none;
	margin:0;
	padding-right:1px;
	padding-left:0;
	padding-top:0;
	padding-bottom:2px;
	float:none;
}
#content .commentsfeed 
{
	background:url(images/icon_feed.gif) no-repeat left center;
	padding-left:16px;
}
#content .trackback 
{
	background:url(images/link.gif) no-repeat left center;
	padding-left:20px;
}
#content .entry p {
	margin-bottom:7px;
}
.custom-img {
	float: left;
	width: 220px;
	height: 90px;
	margin: 10 15px 0 0;
	}
.left {
	float: left;
	margin: 0 15px 0 0;
	}
#content .entry img 
{
	padding:6px 6px 6px 6px;	
	border:0;
	border-top:#d5ceb9 1px solid;
	border-left:#d5ceb9 1px solid;
	border-bottom:#d5ceb9 1px solid;
	border-right:#d5ceb9 1px solid;	
	margin-right:15px;
}
#content .entry a:link img,
#content .entry a:visited img,
#content .entry a:hover img,
#content .entry a:active img {
	padding:4px 4px 4px 4px;	
	border:0;
	border-top:#d5ceb9 1px solid;
	border-left:#d5ceb9 1px solid;
	border-bottom:#d5ceb9 1px solid;
	border-right:#d5ceb9 1px solid;	
	margin-right:15px;
}
#content .entry .wp-smiley, .entry #wpstats {
	float:none;
	background: none;
	border: 0;
	padding: 0;
}

	
/************************************************
*	Content-Top-Left				      *
************************************************/

#content-left2 
{
	background: url(images/line03.gif) no-repeat bottom;
	font-weight:normal;
	color:#565050;
	margin-top:0;
	padding-top:8px;
	padding-left:5px;		
	padding-bottom:3px;
	line-height:1.5em;
	width:380px;
	height: 88px; 
}

#content-left2 a:link,
#content-left2 a:visited,
#content-left2 a:active
{

	color:#E04F00;
	text-decoration:underline;
	}
#content-left2 a:hover {
	color:#565050;
	text-decoration:none;
	}

#introSide {
float:left;
margin:0px 0px 0px 0px;
}

#introSide img {
width:70px;
height:70px;	
margin-right:15px;
margin-bottom:0px;
}

#introSide  a:link img,
#introSide  a:visited img,
#introSide  a:hover img,
#introSide  a:active img
{
width:100px;
height:70px;	
	
}

#sideBlog {
margin:0px 0px 8px 0px;
height:65px;
}

#sideBlock {
background:;
margin-bottom:10px;
padding:0px;
}

#sideBlock img {
margin-top:10px;
border:none;
margin-left:1px;
}

UL#more {
	WIDTH: 375px; TEXT-INDENT: -1000em; list-style-type: none; HEIGHT: 98px; padding-top:0px; padding-bottom:0px; margin: 9px 0px 0px 0px;
}
UL#more:unknown {
	CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: ""
}
UL#more LI {
	FLOAT: right
}
UL#more LI A {
	DISPLAY: block; HEIGHT: 98px; TEXT-INDENT: -1000em;
}
LI#more01 A {
	BACKGROUND: url(images/more.jpg) no-repeat 0px 0px; WIDTH: 59px;
}
LI#more01 A.current {
	BACKGROUND: url(images/more.jpg) no-repeat 0px 0px;
}
LI#more01 A:hover {
	BACKGROUND: url(images/more.jpg) no-repeat 0px 0px;
}


/************************************************
*	Content-Top-Right				      *
************************************************/

#messages {

	background: url(images/line01.gif) no-repeat bottom; 
	font-weight:normal;
	color:#A04D00;
	margin-top:0;
	padding-top:8px;
	padding-left:5px;		
	padding-bottom:1px;
	line-height:24px;
	width:390px;	
}

#messages UL {
	margin: 0px 0px 0px 0px
}
#messages LI {
	list-style-type: none; text-align: right	
}
#messages LI SPAN {
	display: block; float: left; text-align: left
}
#messages LI A {
	display: block; color: #565050; TEXT-DECORATION: none
}
#messages LI A SPAN {
	color: #565050
}
#messages LI A:hover {
	color: #E04F00
}
UL#more2 {
	WIDTH: 383px; TEXT-INDENT: -1000em; list-style-type: none; HEIGHT: 98px; padding-top:0px; padding-bottom:0px; margin: 9px 0px 0px 0px;
}
UL#more2:unknown {
	CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: ""
}
UL#more2 LI {
	FLOAT: right
}
UL#more2 LI A {
	DISPLAY: block; HEIGHT: 98px; TEXT-INDENT: -1000em;
}
LI#more02 A {
	BACKGROUND: url(images/more.jpg) no-repeat 0px 0px; WIDTH: 59px;
}
LI#more02 A.current {
	BACKGROUND: url(images/more.jpg) no-repeat 0px 0px;
}
LI#more02 A:hover {
	BACKGROUND: url(images/more.jpg) no-repeat 0px 0px;
}