@media screen and (min-width: 723px) {

	#left, #right, #side {
		width: 28%; /* 200px; */
		}
	#center {
		width: 70%; /* 500px; */
		}

	}

@media screen and (max-width: 722px) {

	#left, #right, #side {
		width: 100%;
		}
	#center {
		width: 100%;
		}

	ul.nesting {list-style-type: none; padding:0; margin:0;}
	ul.nesting > li {padding-bottom: 8px; font-weight:bold;}
	ul.nesting > li > ul {font-weight: normal;}

	}

body {
    background:#D0B8A1;
	font-family: "Droid Sans Japanese", "HiraKakuProN-W3", "Meiryo UI", 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	text-align: center;  
	word-wrap: break-word;
	color: #656764;  
	padding: 0px;
	margin: 0px 0px 0px;
	}

a {
	text-decoration: none;
	}

a:link {
	color: #4F89C1;
	}

a:visited {
	color: #7A97B2;
	}

a:active {
	color: #5889B8;
	}

a:hover {
	text-decoration: underline;
	}

#archive-datebased h2 a:link,
#archive-datebased h2 a:visited,
#archive-datebased h2 a:active,
#archive-datebased h2 a:hover{
	color: #6F4F41;
	}

h1, h2, h3 {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	}

#header, #banner-top, #banner-body-top, a#banner-img, #main-top, /*#main-bottom, */.sidebar-bottom, .module-top, .module-bottom, .content-top, .content-bottom, .entry-bottom, .date-footer, #footer{
	display: none;
	}

#container {
	background-image:url("http://template.cocolog-nifty.com/000293/two_column_right/component/container-bg.gif");
	background-size: 100%;
	width: 100%; max-width: 960px;
	text-align: left;
	/* line-height: 150%; */
	padding: 0px;
	margin: 0px auto;
	}

#banner {
	width: 100%;
	text-align: left;
	padding: 0px;
	margin:0px;
	overflow: hidden;
	position: relative;
	}

#banner img {
	width: 100%;
	}

#banner-body {
	position: absolute;
	top: 0px;
	left: 0px;
	/*
	padding: 45px 334px 0px 45px;
	*/
	padding-top: 6%; /* 45px = 18% * 250px */
	padding-left: 6%; /* 45px = 6% * 712px */
	margin: 0px;
	}
	
#banner-body-bottom {
	clear:both;
}

#banner-bottom {
	height:25px;   
}

#banner a {
    color: #6F4F41;
	text-decoration: none;
	}

#banner h1 {
	font-size: x-large;
	font-weight: bold;
	color: #8B695A;
	line-height: 120%;
	padding: 0px 0px 10px 0px;
	margin: 0px;	
	}

#banner h2 {
	font-size: small;
	font-weight: normal;
	line-height: 120%;
	padding: 0px;
	margin: 0px;	
	}

#main {
	padding: 0px 6px 0px;
    	margin: 0px;
    	}

#main-bottom {
	width: 100%;
	padding: 0px;
	margin: 0px;
    }

#main-bottom img {
	width: 100%;
}

#left, #right, #side {
	float: right;
	overflow: hidden;
	}

#center {

	float: left;
    overflow: hidden;
	}

.sidebar {
	padding: 0px 15px;
    margin: 0px;
	}

.sidebar h2, #calendar caption {
 	background:url("http://template.cocolog-nifty.com/000293/two_column_right/component/module-h2.gif") no-repeat;
	color: #6F4F41;
	font-size: small;
	font-weight: bold;
	line-height: 120%;
	text-align: left;
	padding: 8px 0px 28px 43px;
	}

#calendar caption {
	text-transform: uppercase;
	}

.link-note {
 	background:url("http://template.cocolog-nifty.com/000293/two_column_right/component/link-note.gif") no-repeat;
	font-size: small;
	font-weight:bold;
	line-height: 120%;
	text-align: left;
	padding: 5px 0px 22px 47px;
	margin-bottom: 10px;
	}

.sidebar ul {
	padding-left: 0px;
	margin: 0px 0px 0px 0px;
	}

.sidebar li {
	/* line-height: 150%; */
	text-align: left;
	margin-bottom: 24px;
	list-style-type: none;
	}

.sidebar li ul li {
	margin-top: 4px;
	font-size: small;
	}

.sidebar img{
	border: none;
    padding: 0px;
	margin: 0px;
	}

#calendar {
  	line-height: 150%;
	font-size: x-small;
	text-align: center;
  	padding: 0px;
	margin-bottom: 30px;
	}

#calendar table {
	width: 100%;
	border-collapse: collapse;
	border: 0px;
	padding: 0px;
	}

#calendar th {
	font-weight: normal;
	text-align: center;
	}

#calendar td {
	text-align: center;
	}

#photo, .photo {
	text-align: left;
	margin-bottom: 30px;
	}

#powered {
	font-size: x-small;
	text-align: center;
	/*margin-top: 50px 0px 30px;*/
	}

#copyright {
	font-size: small;
	text-align: right;
	margin: 0px 15px;
	}

.content {
	font-size: middle; /* small; */
	padding: 0px 15px; /* 15px; */
	margin: 0px;
	}

.content p {
	font-size: middle; /* small; */
	font-weight: normal;
	text-align: left;
    padding-top:0px;
    padding-bottom:10px;
    margin:0px;
	}

#about div.content p {
	overflow: hidden;
}

.content blockquote {
    background:#F5F8E8;
    width:80%;
	font-size: small;
    padding: 8px;          
    margin-right: 0px;
	}

.comment-error blockquote {
    width:95%;
    margin-left: 0px;            
    margin-right: 0px;
	}

.content li {
  	text-align:left;
	}

.content h2 {
	color: #6F4F41;
	font-size: small;
	font-weight: bold;
  	line-height: 120%;
	text-align: left;
	padding:  0px 0px 0px 55px;
	margin: 0px;
	}

/*
.content h3 {
	background:url("http://template.cocolog-nifty.com/000293/two_column_right/component/entry-h3.gif") no-repeat left top;
	color: #6F4F41;
	font-size: large;
	font-weight: bold;
	text-align: left;
	padding: 6px 0px 35px 55px; /* 11px 0px 45px 55px; *//*
	margin: 0px;
	}
*/
.content h3 {
	color: #6F4F41;
	font-size: large;
	font-weight: bold;
	text-align: left;
	padding: 6px;
	margin: 0px;
	}
	
/** 20070214追加↓　**/

.content h3, .content h3 a, .content h3 a:link, .content h3 a:visited, .content h3 a:active, .content h3 a:hover {
	text-decoration: none;
	color: #6F4F41;
}

.content h3 a:active, .content h3 a:hover{
	text-decoration: underline;
	color: #6F4F41;
}

h2.content-header {
	padding: 0px 0px 30px;
	margin: 0px;
}

/** 20070214追加↑　**/

.entry {
    padding:0px;
	margin:0px;
}

.entry-top {
	background:url("http://template.cocolog-nifty.com/000293/two_column_right/component/entry-h3.gif");
	width: 43px;
	height: 56px;
	float: left;
	margin: 8px;
}

.entry-body, .entry-more {
	clear: both;
	overflow: hidden;
}

.entry-body-bottom {
	clear:both;
	height: 1px;
	overflow: hidden;
}


.entry h2, .comment-preview h2, .comment-form h2, .comment-list-previous h2, .archive-datebased h2, .archive-category h2, .comment-error h2, .contact-list h2, .minibio h2, .bio h2, .interests h2 {
	background:url("http://template.cocolog-nifty.com/000293/two_column_right/component/entry-h2.gif") no-repeat left top;
	font-size: small;
	font-weight: bold;
	text-align: left;
	padding: 5px 0px 21px 55px;
	margin: 0px;
	}

.entry p, .comment-preview p, .comment-form p, .comment-list-previous p, .archive-datebased p, .archive-category2 p, .comment-error p, .contact-list p, .minibio p, .bio p, .interests p {
	font-size: middle; /* small; */
	font-weight: normal;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 10px;
	}

.entry-nav {
	margin-bottom: 30px;
}

.entry-nav p{
	margin-bottom: 0px;
}

p.trackback-list-head {
	margin-bottom: 40px;
}

.comment-form form {
    padding: 0px;
	margin: 0px;
}

.comment-error, .archive-datebased, .archive-category, .comment-form, .contact-list, .minibio, .bio, .interests {
	margin-bottom: 40px;
}

.content p.posted {
	font-size: x-small;
	line-height: 120%;
	text-align: left;
	border-top:1px dashed #B5B3AD;
	padding: 10px 0px 0px;
	margin-bottom: 40px;
    clear: both;
	}

.entry-trackback p.posted, .entry-comment p.posted, #comment-preview p.posted {
	margin-bottom: 30px;
    clear: both;
	}

#comment-data {
	float: left;
	width: 170px;
	text-align: left;
	padding-right: 15px;
	margin-right: 15px;
	border-right: 1px dashed #B5B3AD;
	display:block;
	}

#comment-submit {
	width: 365px;
}

textarea {
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	width: 365px;
	}

input, textarea {
	background:#ffffff;
	color:#656764;
	border:solid 1px #656764;
}

label input{
	background:none;
	border:none;
}

label input#bakecookie{
	border:none;
	background:none;
}



