@charset "utf-8";

/* MainImage
-------------------- */
#SliderBox {
width: 1000px;
margin: 0 auto 30px;
}
#SliderWrap {
position: relative;
}
#SliderBox .bx-prev {
position: absolute;
left: -30px;
top: 200px;
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: 200px;
display: block;
width: 59px;
height: 59px;
background: url(../img/slider/btn_next.png) no-repeat;
text-indent: -9999em;
overflow: hidden;
}
#SliderBox .bx-pager {
text-align: center;
}
#SliderBox .bx-pager-item {
display: inline;
margin: 10px 0;
}
#SliderBox .bx-pager-item a.bx-pager-link {
display: inline-block;
width: 32px;
height: 32px;
margin-right: 10px;
margin-top: 10px;
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: 640px) {
#SliderBox {
width: auto;
margin: 0 auto 30px;
}
#SliderBox .bx-prev ,
#SliderBox .bx-next {
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;
font-size: 24px; 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 */
.clearfix:after {
display:block;
 clear:both;
height:0px;
visibility:hidden;
/* メニューバーの背景が蘇る */
content:".";
}




/* Newsとblogを格納*/
#Information {
margin-bottom: 30px;
overflow: hidden;
position: relative;
zoom:1;
}

/* Profileはここ*/
#Profile {
margin-bottom: 30px;
margin-left: 30px;
overflow: hidden;
position: relative;
zoom:1;
width: 480px;
}


#News {
    float: left;
    width: 480px;
    margin-right: 20px;
}

#Blog {
float: right;
width: 480px;
}



.feed p {
padding: 10px 10px 40px 30px ;
}

.feed li {
margin-bottom: 5px;
font-size: 13px; font-size: 1.3rem;
}
.feed .date {
margin-right: 20px;
padding: 4px 10px;
background: #000;
color: #fff;
}
.feed li a {
text-decoration: underline;
}
.feed .title {
}

@media screen and (max-width: 1000px) {
#News {
float: none;
width: auto;
margin-bottom: 30px;
}
#Blog {
float: none;
width: auto;
}
}




/* about */
#About {
margin-bottom: 30px;
padding: 30px 0;
background: url(../img/common/bg_check.png) repeat;
}
#About .left {
width: 500px;
}
#About .right {
}
#About .more-link {
margin: 20px 0;
}

@media screen and (max-width: 1000px) {
#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 li img.lastChild {
display: none;
}
#Works li img.firstChild {
display: block;
}
#Works li .eye-catch img {
width: 1000px;
height: auto;
background: url(../img/blog/works/noimage.png) no-repeat;
}
#Works li h3 {
margin: 10px 0;
background: none;
text-align: center;
}
#Works li h3 a {
color: #333;
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;
}

@media screen and (max-width: 1000px) {
#WorksWrap {
width: auto;
}
#Works li img {
margin: 0 auto;
}
}