@charset "UTF-8";
/* CSS Document */

body,a,p,ul,ol,dl,li,h1,h2,h3,h4,h5,h6,h7,img,span {
font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
/*text-decoration: none;*/
font-weight: 400;
border: none;
font-size: 14px;
list-style: none;
color: #764c24;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

a {
font-weight:800;
}

body {
width: 100%;
border-top: 20px solid #764c24;
}

#wrap {
width: 840px;
text-align: center;
margin: -20px auto 0 auto;
}

#overview {
text-align: left;
height: 20px;
background-color: #764c24;
}

#overview p {
font-size: 70%;
color: #fff;
padding-top: 3px;
}

/* ***************************** #hnavi ***************************** */

#hnavi {
float: left;
padding: 20px 0 25px 0;
}


h1,h2 {
float: left;
overflow: hidden;
width: 120px;
height: 80px;
}

h1 a, h2 a {
display: block;
padding-top: 90px;
}

h1 {
background: url('/img/hnavi.gif') no-repeat -355px 0;
}
h2.concept {
background: url('/img/hnavi.gif') no-repeat 0 0;
}
h2.school {
background: url('/img/hnavi.gif') no-repeat -115px 0;
}
h2.works {
background: url('/img/hnavi.gif') no-repeat -230px 0;
}
h2.items {
background: url('/img/hnavi.gif') no-repeat -490px 0;
}
h2.news {
background: url('/img/hnavi.gif') no-repeat -605px 0;
}
h2.shop {
background: url('/img/hnavi.gif') no-repeat -720px 0;
}



h2.concept a:hover {
background: url('/img/hnavi.gif') no-repeat 0 -85px;
}
h2.school a:hover {
background: url('/img/hnavi.gif') no-repeat -115px -85px;
}
h2.works a:hover {
background: url('/img/hnavi.gif') no-repeat -230px -85px;
}
h2.items a:hover {
background: url('/img/hnavi.gif') no-repeat -490px -85px;
}
h2.news a:hover {
background: url('/img/hnavi.gif') no-repeat -605px -85px;
}
h2.shop a:hover {
background: url('/img/hnavi.gif') no-repeat -720px -85px;
}

#topimg {
clear: both;
float:left;
with: 840px;
height: auto;
}

/* ***************************** #main ***************************** */

#main {
float: left;
padding: 0 10px;
}

.note {
width: 820px;
float: left;
padding: 25px 0 10px 0;
}

.note h5 {
padding:0 0 20px 0;
}

p.newsboard, p.calendar {
width: 250px;
height: 40px;
float: left;
text-indent: -9999px;
overflow: hidden;
margin-bottom: 15px;
}

p.newsboard {
background: url('/img/index.gif') no-repeat 0 0;
}
p.calendar {
background: url('/img/index.gif') no-repeat 0 -45px;
}

.topics {
clear: both;
float: left;
text-align: left;
}

.post, .post-even {
width: 810px;
float: left;
clear: both;
padding: 10px 0 10px 10px;
}

.post-even {
background-color: #e5cdb7;
}

.post p, .post-even p {
float: left;
padding-right: 25px;
line-height: 1.5;
font-weight: normal;
}

p.news {
width: 700px;
padding-right: 0px;
}

p.holiday {
text-align: right;
padding-top: 10px;
font-weight: normal;
}


ul.days {
clear: both;
width: 820px;
float: left;
padding: 5px 0 0 0;
}

ul.days li {
float: left;
width: 20px;
padding: 0 2px;
margin: 0 3px 0 0;
line-height:1.3em;
}
ul.days li.today {
background:pink;
}
ul.days li span.close {
color: #EEE;
}
ul.days li span.youbi{
font-size: 80%;
}

.item-box {
float:left;
width:266px;
margin:0 3px 6px 3px;
height:380px;
}
.item-photo {
float:left;
text-align:center;
margin:0 0 10px 0;
}
.item-photo img {
border:5px solid #EEE;
}
.item-description h5 {
font-size:100%;
padding:0;
}
.item-description p {
font-size:87.5%;
text-align:left;
padding:5px 10px;
font-weight:400;
}
/* ***************************** #latestworks ***************************** */

#latestworks {
width: 820px;
float: left;
clear: both;
padding: 15px 10px 30px 10px;
}

ul.worksamples,
ul worksamples-top {
float: left;
padding: 15px 0;
}

ul.worksamples li {
float: left;
overflow: hidden;
width: 70px;
height: 70px;
border: 3px solid #EEE;
margin: 0 2px 0 2px;
}

ul.worksamples-top li {
float: left;
overflow: hidden;
width: 245px;
height: 245px;
padding:5px;
border: 5px solid #EEE;
margin: 0 3px 6px 3px;
}

.works-thumbnail {
width: 245px;
height: 245px;
}
.works-thumbnail-small {
width: 70px;
height: 70px;
}

#latestworks p {
clear:both;
text-align: right;
padding: 0 0 3px 0;
}

#latestworks p a {
font-size: 90%;
padding-left: 25px;
}

#copyright {
clear: both;
text-align: center;
padding: 5px 0;
border-top: 1px solid #764c24;
}


/* diary */

#diary-header {
float:left;
width:100%;
height:83px;
text-align:left;
}
.diary-top {
background:url("/img/diary-label-top.gif") no-repeat;
}
.diary-works {
background:url("/img/diary-label-works.gif") no-repeat;
}
.diary-items {
background:url("/img/diary-label-zakka.gif") no-repeat;
}
.diary-shop {
background:url("/img/diary-label-shop.gif") no-repeat;
}
.diary-month {
background:url("/img/diary-label-blank.gif") no-repeat;
}
.diary-header-text {
position:relative;
top:35px;
left:110px;
font-size:150%;
font-weight:800;
}
#diary-container {
float:left;
width:100%;
clear:both;
font-weight:400;
}
#diary-main {
float:left;
width:600px;
}
.diary-box {
float:left;
clear:both;
width:548px;
border:1px solid #DDD;
background:url("/img/diary-bg-hole.gif") 0 22px repeat-y;
padding:5px 10px 5px 30px;
margin:0 0 10px 0;
}
.diary-date {
text-align:right;
padding:3px;
}
.diary-title {
text-align:left;
padding:5px 5px 5px 20px;
border-top:1px dotted #CCC;
border-bottom:1px dotted #CCC;
font-weight:800;
font-size:120%;
}
.diary-excerpt {
margin:10px 0;
background:#FCF3F3;
padding:10px;
text-align:left;
}
.diary-body {
padding:10px;
text-align:left;
}
.diary-body p {
padding:1em 5px;
}
.diary-body img {
padding:5px;
border:5px solid #EEE;
}
#diary-side {
float:right;
width:220px;
}
.diary-side-box {
margin:0px 0 10px 0;
float:left;
width:220px;
}
.diary-side-title {

}
.diary-side-body {
border:1px solid #CCC;
float:left;
width:218px;
text-align:left;
padding: 0 0 5px 0;
}
ul.diary-side-body li {
padding:8px 0 3px 25px;
background:url("/img/diary-icon.gif") 2% 50% no-repeat;
}
.side-new-box {
float:left;
text-align:center;
width:85px;
height85px;
padding:3px;
margin:4px;
border:3px solid #CCC;
}
.side-thumbnail {
width:85px;
height:85px;
}

.diary-pic {
float:left;
width:100px;
}
.diary-pic img {
padding:3px;
border:3px solid #EEE;
}
.list-thumbnail {
width:100px;
height:100px;
}
.diary-list {
float:right;
width:420px;
text-align:left;
}
.list-date {
text-align:right;
}
.list-title {
border-bottom:1px dotted #CCC;
padding: 0 0 3px 0;
}
.list-excerpt {
padding:10px 5px;
}
.list-more {
text-align:right;
padding:5px 0 0 0;
}