@charset "utf-8";

/* MainImage
-------------------- */
#SliderBox {
width: 1000px;
margin: 0 auto 30px;
clear: both;
}
#SliderWrap {
position: relative;
    -webkit-box-shadow: 2px 3px 20px rgba(0,0,0,.3);
    -moz-box-shadow: 2px 3px 20px rgba(0,0,0,.3);
    -ms-box-shadow: 2px 3px 20px rgba(0,0,0,.3);
    -o-box-shadow: 2px 3px 20px rgba(0,0,0,.3);
    box-shadow: 2px 3px 20px rgba(0,0,0,.3);
}
#SliderBox .bx-prev {
position: absolute;
left: -30px;
top: 120px;
display: block;
width: 59px;
height: 59px;
background: url(../img/slider/btn_prev.png) no-repeat;
text-indent: -9999em;
overflow: hidden;
}
#SliderBox .bx-next {
position: absolute;
right: -30px;
top: 120px;
display: block;
width: 59px;
height: 59px;
background: url(../img/slider/btn_next.png) no-repeat;
text-indent: -9999em;
overflow: hidden;
}
#SliderBox .bx-pager {
position: absolute;
left: 0px;
top: 305px;
}
#SliderBox .bx-pager-item {
display: inline;
}
#SliderBox .bx-pager-item a.bx-pager-link {
display: inline-block;
width: 8px;
height: 8px;
margin-right: 5px;
background: url(../img/slider/btn_pager.png) bottom no-repeat;
text-indent: 9999em;
overflow: hidden;
}
#SliderBox .bx-pager-item a.active {
background: url(../img/slider/btn_pager.png) top no-repeat;
}

@media screen and (max-width: 1000px) {
#SliderBox .bx-pager {
text-align: center;
}
}

@media screen and (max-width: 640px) {
#SliderBox {
width: auto;
margin: 0 auto 30px;
}
#SliderBox .bx-prev ,
#SliderBox .bx-next {
display: none;
}
#SliderBox .bx-pager {
display: none;
}
}

/* Content
-------------------- */
h2 {
font-size: 26px; font-size: 2.6rem;
}
h2 a:hover, h2 a:active {
}

h3 {
margin-bottom: 20px;
padding-bottom: 10px;
background: url(../img/top/bg_ttl_line.png) left bottom repeat-x;
font-size: 16px; font-size: 1.6rem;
}
h2 a, h3 a {
color: #000 !important;
}
.wrap {
width: 1000px;
margin: 0 auto;
}

@media screen and (max-width: 640px) {
.wrap {
width: auto;
}
}


/* information */
#Information {
padding-top: 20px;
margin-bottom: 30px;
}
#fb-like-w{
float: left;
width: 75px;
height: 65px;
padding-top: 5px;
padding-right: 20px;
}
.fb-like{
width: 75px;
height: 65px;
}
.fb-like-p{
max-width: 950px;
padding: 0 0 0 20px;
}
#News {
margin-top: 20px;
float: left;
width: 1000px;
}
#Blog {
float: right;
}

.feed li {
margin-bottom: 10px;
font-size: 13px; font-size: 1.3rem;
}
.feed .date {
padding: 0;
color: #9D9B34;
font-family: Arial, Helvetica, sans-serif;
}
.feed li a {
text-decoration: underline;
}
.feed .title {
}

@media screen and (max-width: 640px) {
#fb-like-w{
float: none;
width: auto;
padding: 0;
margin: 0;
}
.fb-like{
width: auto;
padding: 0;
margin: 0;
}
.fb-like-p{
width: auto;
padding: 5px 0 0 0;
margin: 0;
}
#News {
float: none;
width: auto;
margin-bottom: 30px;
}
#Blog {
float: none;
width: auto;
}
}

/* about */
#About {
color: #333333;
margin-bottom: 30px;
padding: 30px 0;
background: url(../img/top/topmannaka.png) center top no-repeat #E0CCA3;
}
#About .left {
width: 650px;
}
#About .right {
}
#About .more-link {
margin: 20px 0;
}

@media screen and (max-width: 640px) {
#About {
margin-left: -10px;
margin-right: -10px;
padding: 30px 10px 10px;
}
#About .left {
float: none;
width: auto;
}
#About .right {
float: none;
text-align: center;
}
}


/* works */
#Works {
margin-bottom: 30px;
}
#Works h2 {
margin-bottom: 10px;
font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
 font-weight : bold;
}
#Works li img.lastChild {
display: none;
}
#Works li img.firstChild {
display: block;
}
#Works li .eye-catch img {
width: 300px;
background: #EFEFEF;
}
#Works li h3 {
margin: 10px 0 0 0;
background: none;
text-align: center;
font-size: 13px; font-size: 1.3rem;
}
#Works li h3 a {
color: #333333;
font-size: 13px; font-size: 1.3rem;
}
#WorksWrap {
position: relative;
width: 930px;
margin: 0 auto;
}
#Works .bx-prev {
position: absolute;
left: -30px;
top: 100px;
display: block;
width: 9px;
height: 14px;
background: url(../img/top/btn_works_prev.png) no-repeat;
text-indent: -9999em;
overflow: hidden;
}
#Works .bx-next {
position: absolute;
right: -30px;
top: 100px;
display: block;
width: 9px;
height: 14px;
background: url(../img/top/btn_works_next.png) no-repeat;
text-indent: -9999em;
overflow: hidden;
}
.bx-caption {
text-align: center;
}
#Works .bx-pager {
text-align: center;
}
#Works .bx-pager-item {
display: inline;
}
#Works .bx-pager-item a.bx-pager-link {
display: inline-block;
width: 8px;
height: 8px;
margin-right: 5px;
background: url(../img/slider/btn_pager.png) bottom no-repeat;
text-indent: 9999em;
overflow: hidden;
}
#Works .bx-pager-item a.active {
background: url(../img/slider/btn_pager.png) top no-repeat;
}

@media screen and (max-width: 640px) {
#WorksWrap {
width: auto;
}
#Works li img {
margin: 0 auto;
}
#Works .bx-prev ,
#Works .bx-next {
display: none;
}
#Works .bx-pager {
display: none;
}
}