@charset "utf-8";
/** $Id: default.css 3282 2010-10-19 04:04:23Z ogawa $ */
/**
 * ふくラボ!カフェ日和用 CSS
 *
 * @author ogawa@hitbit-inc.net
 * @copyright HitBit co.,ltd.
 * @since 2011-09-27
 * @lastmodified $Date: 2010-10-19 13:04:23 +0900 (火, 19 10 2010) $
 * @see guideline: Ver. 1.01
 */

/* 共通部分用 CSS */

div#wrapper-plus{
    position: relative;
    width: 760px;
    height: 1500px;
/*    height: 1660px;*/
}
div#wrapper-plus img{
    width: 100%;
}
div#wrapper-plus p{
    color:#5f524b;
    font-size: 1.1em;
    letter-spacing: 1px;
    line-height: 1.5em;
}

/* ヘッダー部分 CSS */
div#wrapper-plus #plus-title{
    margin-bottom: 10px;
    width: 760px;
    height: 70px;
}
div#wrapper-plus #plus-title h2{
    width: 323px;
    float: left;
}
div#wrapper-plus h3{
    color: #5bc0c8;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 10px;
}
div#wrapper-plus h4{
    color: #5f524b;
    margin-bottom: 10px;
}
div#wrapper-plus #plus-title .head-right{
    width: 380px;
    float: right;
}
div#wrapper-plus #plus-title .head-right p{
    margin-bottom: 10px;
    font-size: 0.9em;
}
div#wrapper-plus #plus-title .head-right .update{
    text-align: right;
}

/* アイテム部分 CSS */

div#wrapper-plus .item .item-photo img{
    vertical-align:top;
}
div#wrapper-plus .item .item-txt {
    background:url(../images/bg.jpg) repeat-y 0 0;
    background-size: cover;
    padding: 15px;
    box-sizing: border-box;
}

div#wrapper-plus .items{
    position: relative;
}

/* #item01 CSS */
div#wrapper-plus .items #item01{
    position: relative;
    width: 760px;
    height: 590px;
}
div#wrapper-plus .items #item01 p.item-photo{
    width: 760px;
    height:446px;
}
div#wrapper-plus .items #item01 div.item-txt{
/*
    position: absolute;
    top: 270px;
    left: 0%;
    width: 377px;
    height: 317px;
*/
    position: absolute;
    top: 339px;
    left: 0%;
    width: 377px;
    /*height: 317px;*/
    height: 280px;
}
div#wrapper-plus .items #item01 img{
    width: 760px;
    height:446px;
}

/* #item02 CSS */
div#wrapper-plus .items #item02{
/*
    position: absolute;
    top: 383px;
    right: 0%;
    width: 377px;
    height: 556px;
*/
    position: absolute;
    top: 453px;
    right: 0%;
    width: 377px;
    height: 556px;
}
div#wrapper-plus .items #item02 p.item-photo{
    width: 377px;
    height: 377px;
    margin-bottom: 5px;
}
div#wrapper-plus .items #item02 div.item-txt{
    width: 377px;
    /*height: 186px;*/
    height: 70px;
}

/* #item03 CSS */
div#wrapper-plus .items #item03{
    position: absolute;
    /*top: 662px;*/
    top: 625px;
    left: 0%;
    width: 377px;
    height: 436px;
/*
    position: absolute;
    top: 592px;
    left: 0%;
    width: 377px;
    height:436px;
*/
}
div#wrapper-plus .items #item03 p.item-photo{
    width: 377px;
    height: 245px;
    margin-bottom: 5px;
}
div#wrapper-plus .items #item03 div.item-txt{
    width: 377px;
    /*height: 156px;*/
    height: 70px;
}

/* #item04 CSS */
div#wrapper-plus .items #item04{
    position: absolute;
    /*top: 1075px;*/
    top: 952px;
    left: 0%;
    width: 377px;
    height: 556px;
/*
    position: absolute;
    top: 1004px;
    left: 0%;
    width: 377px;
    height: 556px;
*/
}
div#wrapper-plus .items #item04 p.item-photo{
    width: 377px;
    height: 377px;
}
div#wrapper-plus .items #item04 div.item-txt{
    width: 377px;
    /*height: 175px;*/
    height: 70px;
    margin-bottom: 5px;
}

/* #item05 CSS */
div#wrapper-plus .items #item05{
/*
    position: absolute;
    top: 957px;
    right: 0%;
    width: 377px;
    height:436px;
*/
    position: absolute;
    /*top: 1027px;*/
    top: 914px;
    right: 0%;
    width: 377px;
    height: 436px;
}
div#wrapper-plus .items #item05 p.item-photo{
    width: 377px;
    height: 245px;
    margin-bottom: 5px;
}
div#wrapper-plus .items #item05 div.item-txt{
    width: 377px;
    /*height: 216px;*/
    height: 85px;
}
div#wrapper-plus ul#ex-btn-menu{
    position: absolute;
    width: 377px;
/*    top: 1509px;*/
    /*top: 1580px;*/
    top: 1337px;
    right: 0;
}
div#wrapper-plus ul#ex-btn-menu li{
    width: 185px;
}
div#wrapper-plus ul#ex-btn-menu li.b01{
    float: left;
}
div#wrapper-plus ul#ex-btn-menu li.b02{
    float: right;
}
div#wrapper-plus ul#ex-btn-menu li a{
    display: block;
    width: 185px;
    color: #ffffff;
    text-align: center;
}
div#wrapper-plus ul#ex-btn-menu li.b01 a{
    padding-top: 8px;
    background: #5bc0c8;
    height: 138px;
}
div#wrapper-plus ul#ex-btn-menu li.b02 a{
    padding-top: 25px;
    background: #7f6d65;
    height: 121px;
}
div#wrapper-plus ul#ex-btn-menu li a span{
    display: block;
}
div#wrapper-plus ul#ex-btn-menu li a img{
    width: 36px;
    text-align: center;
}
div#wrapper-plus ul#ex-btn-menu li.b01 a span.icon{
    margin: 10px auto;
}
div#wrapper-plus ul#ex-btn-menu li.b02 a span.icon{
    margin: 10px auto 15px;
}

#kuchikomi{
    position: relative;
}