@charset "utf-8";

body {
 background:#5c3418;
 font-family: Verdana,sans-serif,  "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
 font-size:12px;
 color:#333333;
 line-height:160%;
 margin:0;
 padding:0;
 text-align:center;
}
div, p, dl, dt, dd {margin:0;padding:0;}
h1, h2, h3 {margin:0;padding:0;font-size:12px;font-weight:normal;}
ul, li {list-style:none;margin:0;padding:0;}
img {border:none; vertical-align:middle;}
table {border-collapse:collapse;}
th, td {text-align:left;font-size:12px;font-weight:normal;}

#container {
 width:940px;
 margin:0 auto;
 background:#FFFFFF;
}
.bTop {border-top:3px #946243 solid;}

#main {
 clear:both;
 width:920px;
 margin:0 10px;
 padding:30px 0 10px 0;
 text-align:left;
 height:auto;
 overflow:hidden;
}
#content {
 float:left;
 width:610px;
 padding:25px 0 0 0;
 text-align:center;
}

/* header */
#header {
 padding-top:26px;
 background:url(images/title.jpg) no-repeat left top;
 width:920px;
 margin:0 10px;
}
#header h1 {
 margin-left:106px;
 text-align:left;
}
.navi {
 background:#5c3418;
 border:1px #68412f solid;
 margin-bottom:20px;
}
.navi li {
 display:block;
 float:left;
 border-right:1px #68412f solid;
}
.navi li a {
 display:block;
 padding:8px 15px;
 font-size:14px;
 letter-spacing:1px;
 color:#fff4dc;
}
.navi li a:hover {color: #f08300;text-decoration:none;}
.navi li.active {background:#9a1912;}


/* top */

#mainTop {
 clear:both;
 width:920px;
 margin:0 10px;
 padding:30px 0 10px 0;
 text-align:left;
 overflow:hidden;
}
.topBox {
 margin:0 50px;
 padding:20px 10px;
 border-top:1px #fddea5 solid;
}
.topBox object {float:left;margin-left:10px;}
.topBox .thumb {
 width:446px;
 float:right;
 margin-right:10px;
}
.topBox .thumb img {margin:0 0 8px 8px;border:1px #fddea5 solid;}
.profile {
 width:250px;
 margin:5px 5px 5px 10px;
 display:block;
 float:left;
}
* html .profile {margin:5px 0 5px 10px;}
.profile h2 img {border:none;}
.profile img {width:60px;height:60px;padding:3px;margin:3px;border:1px #fddea5 solid;}
.topBox .box {
 width:250px;
 margin:5px 5px 5px 10px;
 display:block;
 float:left;
}
* html .topBox .box  {margin:5px 0 5px 10px;}
.topBox .box h2 {background:#FFF;color:#f08300;padding:0;}
.searchbox {width:200px;}

/* side */
#side {
 width:260px;
 text-align:left;
 float:right;
}
.box {
 margin:0 20px 15px 10px;
}
.box h2 {
 margin-bottom:2px; 
 font-size:13px;
 font-weight:bold;
 letter-spacing:2px;
 color: #5c3418;
 padding:10px;
 background:url(images/sideT.jpg) no-repeat left;
}

.box ul {
 margin:0 1px;
 padding:3px 3px 8px 3px;
}
.box ul li {
 margin:3px;
 padding:3px 6px;
}
.box ul li a {color:#444444;margin:0;}
.box ul li a:hover {color:#946243;margin:0;}

.box p {padding:10px 0;}
.box p img {margin-bottom:6px;}


/* Post */
.post {
 clear:both;
 text-align:left;
 padding-top:10px;
 margin-bottom:15px;
 margin-left:20px;
}
.post h2 {
 margin-bottom:2px; 
 font-size:14px;
 font-weight:bold;
 letter-spacing:2px;
 color: #FFF;
 padding:10px 60px;
 margin-bottom:10px;
 background:url(images/postT.jpg) no-repeat left;
}
.post h2 a{color: #5c3418; text-decoration: none;display:block;}
.post h2 a:hover{color: #9a1912; text-decoration: none;}
div.entry {
 margin-bottom:10px;
 font-size:12px; 
 color: #333333; 
 overflow: hidden; 
 padding: 16px 20px 10px 20px;
 line-height:180%;
}
.entry td {padding:6px;vertical-align:top;}
.entry img.size-medium {border:1px #fff1cf solid;}
.entry p {clear:both;padding:5px 0 10px 0;}
.entry .wp-caption {background:#F8F4E6;text-align:center;padding:10px 5px 5px 5px;}
.entry .wp-caption img {padding:0;margin:0 0 5px 0;}
.entry p.wp-caption-text {padding:0;margin:0;}
.info {
 padding:20px 0 30px 0;
 margin:0 30px;
 color:#888;
 clear:both;
 text-align:center;
}
.info a {color:#888;} .info a:hover {color:#444444;}
.post_left {display:block;float:left;margin:0 10px 0 0;padding:0 0 6px 0;}

.more-link {
 float:right;
 padding:0 5px;
}
.entry a:hover {color:#946243;}
.blogmura {
 display:block;
 width:147px;
 padding-top:10px;
}
.pageNavi {
 padding:3px 12px;
 clear:both;
}

/* Footer */
#footer {
 clear: both;
 text-align:center;
 padding-top:20px;
 width:920px;
 margin:0 10px;
}

#copyright {
 font-size:10px;
 color:#FFF;
 background:#0A0A0A;
 padding:6px;
 border-top:2px #f7c92d solid;
}


/* slider */

#slider	{ 
clear:both;
background: transparent;
position: relative; 
margin: 0 auto;
padding:20px 0 0 0;
text-align:center;
}

#slider a {color:#7186a6;}
.stepcarousel{
position: relative; 
overflow: scroll;
width: 790px;
height: 77px; 
margin: 0 auto 10px auto;
}

.stepcarousel .belt{
position: absolute;
left: 10px;
top: 0;
}

.stepcarousel .panel{
float: left; 
overflow: hidden; 
width:102px;
height:77px;
text-align:left;
margin:0 13px 0 0;
}
.stepcarousel .panel img {
border:1px #fddea5 solid;
}

.stepcarousel .panel p{
text-align: justify;
overflow: hidden;
margin: 5px 5px ;
line-height:20px;
color:#444;
}

.stepcarousel .panel .sliderContent {
float:left;
height: 77px; 
}
.stepcarousel .panel .sliderContent p {
clear:both;
}
.stepcarousel .panel .infoNavi {
float:right;
width:160px;
margin-right:10px;
padding-top:100px;
text-align:center;
}
* html .stepcarousel .panel .infoNavi {margin-right:10px;}

.stepcarousel .panel .infoNavi img {margin-bottom:10px;}


/* other */
a{color: #444; text-decoration: none;}

a:hover{color: #666; text-decoration: underline;}

.alignleft {float:left;}
.alignright {float:right;}
.block {display:block;}
.bFont {font-weight:bold;}
.sFont {font-size:10px;}
div.error{height:300px;}
.tCenter {text-align:center;}
.tLeft {text-align:left;}
.tRight {text-align:right;}
.pT50 {padding-top:50px;}
.pT10 {padding-top:10px;}
.mB20 {margin-bottom:20px;}

.searchbox {padding-top:30px;margin:0 55px  0 6px;}
.searchbox label {font-weight:normal;}
.searchform-controls input {margin-right:10px;}

#commentarea {margin:0 10px 50px 0;clear:both;text-align:left;}
#comments {
 margin-left:20px; 
 font-size:13px;
 font-weight:bold;
 letter-spacing:2px;
 color: #9a1912;
 padding:10px 60px;
 margin-bottom:10px;
 background:url(images/postT.jpg) no-repeat left;
}

#commentform input {margin:0 0 6px 0;padding:2px;}
#commentform textarea {width:96%;margin:0 0 6px 0;padding:2px;}
#smilies_toolbar {margin:0 30px;}

.editComment, .editableComment, .textComment{
	display: inline;
}
.commentlist li {list-style:none;margin:0 30px 15px 20px;}
.commentlist li .comment-body {padding:5px 10px;}
.comment-meta {font-size:10px;padding:3px 20px;}
.children {padding-bottom:10px;}
.children li {margin:0 12px 6px 30px;}
.children li .comment-body {border:1px #5c3418 solid;}
a.comment-reply-link {font-size:14px;background:#5c3418;padding:3px 6px;margin-left:20px;border:1px #7f5139 solid;color:#FFF;}
.fn {font-size:13px;font-weight:bold;font-style:normal;}
.commentlist p {padding:3px 20px;}
#respond {
	width:80%;margin:0 0 10px 80px;padding:20px 0 0 10px;}
}
#respond h3 {color: #8d6449;font-size:13px;}
.reply {padding:10px 0;}

.clearfix:after {
 content: ".";  
 display: block;  
 clear: both;
 height: 0;
 visibility: hidden;
}

.clearfix {
 min-height: 1px;
}

* html .clearfix {
 height: 1px;
 /*\*//*/
 height: auto;
 overflow: hidden;
 /**/
}

