@charset "UTF-8";

/* ---------------------------------------*/
/* header */
/* ---------------------------------------*/
.header { position: relative; }

/* ---------------------------------------*/
/* body */
/* ---------------------------------------*/
.body { padding-top: 0; }

/* ---------------------------------------*/
/* mainslider */
/* ---------------------------------------*/
.mainslider {
position: relative;
}

.mainslider .frame {
position: relative;
width: 1000px;
height: 400px;
overflow: hidden;
z-index: 1;
}

.mainslider .move {
}

.mainslider .move li {
float: left;
width: 1000px;
}

.mainslider .thumb {
position: absolute;
bottom: -64px;
left: 0;
width: 1000px;
height: 64px;
z-index: 2;
overflow: hidden;
}

.mainslider .thumb ul {
position: absolute;
top: 0;
left: 0;
margin-left: 50%;
z-index: 2;
}

.mainslider .thumb ul li {
float: left;
padding-top: 8px;
}
.mainslider .thumb ul li.on,
.mainslider .thumb ul li:hover { background: url(/img/index/main_thumb.png) no-repeat center top; }

.mainslider .thumb ul li span,
.mainslider .thumb ul li a {
position: relative;
display: block;
margin: 0 auto;
height: 50px;
overflow: hidden;
cursor: pointer;
}
.mainslider .thumb ul li.on span,
.mainslider .thumb ul li.on a,
.mainslider .thumb ul li:hover span,
.mainslider .thumb ul li:hover a { height: 44px; border: solid #000 3px; }

.mainslider .thumb ul li img {
position: absolute;
top: 0;
left: 0;
height: 50px;
}
.mainslider .thumb ul li.on img,
.mainslider .thumb ul li:hover img { top: -3px; left: 0; }


.mainslider .thumb .bg {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 62px;
background: url(/img/common/opacity_bg1.png) repeat left top;
overflow: visible;
z-index: 1;
}

/* ---------------------------------------*/
/* blog_panel */
/* ---------------------------------------*/
.gnav { z-index: 2; }
#blog_panel {
position: absolute;
top: 92px;
left: 0;
width: 100%;
z-index: 1;
}

#blog_panel .target {
position: relative;
padding-bottom: 8px;
background: #555;
border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px;
overflow: hidden;
}
#blog_panel .target.opened { padding-bottom: 0; background: url(/img/common/opacity_bg2.png) repeat left top; }

#blog_panel .target .frame { display: none; }

#blog_panel .target .select {
margin: 0 auto;
padding: 9px 0;
width: 305px;
height: 22px;
}

#blog_panel .target .select a {
display: inline-block;
*display: inline;
margin: 0 6px;
*zoom: 1;
}

#blog_panel .target ul {
margin: 0 auto;
width: 900px;
}

#blog_panel .target ul li {
float: left;
margin: 0 1px 1px 0;
width: 299px;
height: 40px;
line-height: 40px;
background: #fff;
}

#blog_panel .target ul li a {
display: block;
padding-left: 50px;
background: url(/img/index/check.gif) no-repeat 20px center;
text-align: left;
text-decoration: none;
font-size: 120%;
color: #111;
}
#blog_panel .target ul li a.on { background-image: url(/img/index/check_on.gif); }

#blog_panel .target .close {
margin: 8px auto 0;
width: 140px;
}

#blog_panel .open {
margin: 0 auto;
width: 180px;
}

/* ---------------------------------------*/
/* blog_list */
/* ---------------------------------------*/
#blog_list {
}

/* list */
#blog_list .list {
position: relative;
z-index: 1;
}

#blog_list .list .loading {
padding: 20px 0;
text-align: center;
font-size: 140%;
}

#blog_list .list .item_list {
position: relative;
margin: 5px 0 0 5px;
}

#blog_list .list .item_list .item {
width: 240px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
box-shadow: 1px 1px 2px #ECECEC;
-webkit-box-shadow: 1px 1px 2px #ECECEC;
-moz-box-shadow: 1px 1px 2px #ECECEC;
-ms-box-shadow: 1px 1px 2px #ECECEC;
-o-box-shadow: 1px 1px 2px #ECECEC;
}
#blog_list .list .item_list .item_size21,
#blog_list .list .item_list .item_size22 { width: 490px; }
#blog_list .list .item_list .item_hide { display: none; }

#blog_list .list .item_list .item img { vertical-align: top; }

#blog_list .list .item_list .item .info {
position: relative;
margin: 10px;
background: #000;
}

#blog_list .list .item_list .item .info .photo {
width: 220px;
text-align: center;
overflow: hidden;
}
#blog_list .list .item_list .item_size21 .info .photo,
#blog_list .list .item_list .item_size22 .info .photo { width: 470px; }
#blog_list .list .item_list .item:hover .info .photo { opacity: .3; filter: alpha(opacity=30); }
#blog_list .list .item_list .item .info .photo img { width: 100%; }


#blog_list .list .item_list .item .info .icon {
position: absolute;
top: 0;
left: 0;
padding: 3px 4px;
font-family: Helvetica Neue,Helvetica;
font-size: 90%;
line-height: 1;
color: #fff;
}

#blog_list .list .item_list .item .info .more {
position: absolute;
bottom: 0;
right: 0;
height: 15px;
}

#blog_list .list .item_list .item .target {
position: absolute;
bottom: 33px;
left: 0;
display: none;
padding: 0 20px;
color: #fff;
}
#blog_list .list .item_list .item:hover .target { display: block; }

#blog_list .list .item_list .item .target .date {
font-size: 120%;
}

#blog_list .list .item_list .item .target .comment {
font-size: 120%;
}

#blog_list .list .item_list .item .target .links {
}

#blog_list .list .item_list .item .target .links li {
position: relative;
display: inline-block;
*display: inline;
margin-right: 10px;
*zoom: 1;
}

#blog_list .list .item_list .item .target .links li a {
position: relative;
display: inline-block;
*display: inline;
padding: 4px;
text-decoration: none;
background: #161716;
color: #fff;
*zoom: 1;
z-index: 2;
}
#blog_list .list .item_list .item .target .links li:hover a { background: #09f; }
#blog_list .list .item_list .item .target .links li:hover .sns { display: block; }

#blog_list .list .item_list .item .target .links li .sns {
position: absolute;
top: 0;
left: 0;
display: none;
padding: 5px 0 5px 60px;
width: 225px;
background: #09f;
z-index: 1;
}

#blog_list .list .item_list .item .target .links li .sns li {
float: left;
margin-right: 5px;
height: 20px;
background: none;
overflow: hidden;
}

#blog_list .list .item_list .item .target .links li .sns .tw { width: 67px; }
#blog_list .list .item_list .item .target .links li .sns .mixi { width: 70px; }
#blog_list .list .item_list .item .target .links li .sns .fb { margin-right: 0; width: 69px; }
#blog_list .list .item_list .item .target .links li .sns li a { display: block; padding: 0; width: 100%; height: 100%; background-position: left top; background-repeat: no-repeat; text-indent: -9999px; }
#blog_list .list .item_list .item .target .links li .sns .tw a { background-image: url(/img/index/sns_tw.gif); }
#blog_list .list .item_list .item .target .links li .sns .mixi a { background-image: url(/img/index/sns_mixi.gif); }
#blog_list .list .item_list .item .target .links li .sns .fb a { background-image: url(/img/index/sns_fb.gif); }






.footer_lower {
height: 80px;
}