@charset "utf-8";

/*@import url("../packages/default/css/import.css");*/
@import url("../../../css/calendar.css");
@import url("../../../css/import.css");

/* キャンペーン
----------------------------------------------- */
div#undercolumn_cp {
    width: 850px;
    margin: 15px auto 0px auto;
}
div#undercolumn_cp h2{
    margin: 15px 0 15px 0;
}

div#undercolumn_cp .box {
    font-size: 14px;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
}

div#undercolumn_cp .inbox {
    width: 560px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div#undercolumn_cp .rightbox_270 {
    float: right;
    width: 270px;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div#undercolumn_cp .cartbox {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/* 「幸せ定期コース」
----------------------------------------------- */

div#contents_regular2_box {
    width: 660px;
}

div#contents_regular2_box .leftbox_330 {
    float: left;
    width: 330px;
    text-align: left;
    margin: 20px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
}

div#contents_regular2_box .rightbox_330 {
    float: right;
    width: 330px;
    text-align: right;
    margin: 20px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
}


/* 春ウコンLP
----------------------------------------------- */
div#haruukon {
    width: 605px;
    margin: 0px 0px 0px 1px;
    padding: 0px 26px 0px 26px;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
}

div#haruukon .desc1 {
    margin: 0px 0px 0px 0px;
    padding: 230px 0px 0px 0px;
    height: 196px;
    background: url("/img/cp/haruukon/desc01.jpg") no-repeat left top;
    font-size:12px;
    color: #7c522c;
    line-height: 133%;
    letter-spacing: 0px;
}

div#haruukon ul.desc1list {
    list-style:none;
    margin: 0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    vertical-align: bottom;
    text-align:left;
    overflow:auto;
}

div#haruukon ul.desc1list li.left{
    float: left;
    width:155px;
    list-style:none;
    display:block;
    margin :3px 0px 0px 17px;
    padding:10px;
}

div#haruukon ul.desc1list li.right{
    float: left;
    width:105px;
    list-style:none;
    display:block;
    margin :0px 0px 0px 10px;
    padding:10px;
    text-align: left;
}

div#haruukon ul.desc1list li.other{
    float: left;
    width:105px;
    list-style:none;
    display:block;
    margin :0px 0px 0px 8px;
    padding:10px;
}

div#haruukon .desc2 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 224px;
    background: url("/img/cp/haruukon/desc02.jpg") no-repeat left top;
    font-size:12px;
    color: #7c522c;
    line-height: 133%;
    letter-spacing: 0px;
}

div#haruukon .desc2text {
    float: left;
    width:370px;
    margin: 105px 0px 0px 217px;
    padding: 0px 0px 0px 0px;
}

div#haruukon .voice {
    margin: 15px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    height: 910px;
    background: url("/img/cp/haruukon/bg-voice.jpg") no-repeat left top;
    font-size:12px;
    color: #7c522c;
    letter-spacing: 0px;
}

div#haruukon .voicebox1 {
    float: left;
    width:507px;
    height: 152px;
    margin: 78px 0px 0px 55px;
    padding: 0px 0px 0px 0px;
}

div#haruukon .voicebox1title {
    font-weight: bold;
    color: #cc0000;
}

div#haruukon .voicebox1text {
    line-height: 206%;
}

div#haruukon .voicebox1right {
    float: right;
    line-height: 206%;
    clear: both;
}

div#haruukon .voicebox2 {
    float: left;
    width:507px;
    height: 149px;
    margin: 15px 0px 0px 55px;
    padding: 0px 0px 0px 0px;
}

div#haruukon .grudge {
    margin: 20px 0px 0px 0px;
    padding: 122px 0px 0px 0px;
    height: 304px;
    background: url("/img/cp/haruukon/grudge.jpg") no-repeat left top;
    font-size:12px;
    color: #7c522c;
    line-height: 133%;
    letter-spacing: 0px;
}

div#haruukon ul.grudgelist {
    list-style:none;
    margin: 0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    vertical-align: bottom;
    text-align:left;
    height: 172px;
    overflow:auto;
}

div#haruukon ul.grudgelist li.left{
    float: left;
    width:140px;
    list-style:none;
    display:block;
    margin :3px 0px 0px 132px;
    padding:10px;
}

div#haruukon ul.grudgelist li.right{
    float: left;
    width:140px;
    list-style:none;
    display:block;
    margin :2px 0px 0px 133px;
    padding:10px;
    text-align: left;
}

div#haruukon .greeting {
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 300px;
    background: url("/img/cp/haruukon/greeting.jpg") no-repeat left top;
    font-size:12px;
    color: #7c522c;
    line-height: 166%;
    letter-spacing: 0px;
}

div#haruukon .greetingtext {
    float: left;
    width:360px;
    margin: 45px 0px 0px 21px;
    padding: 0px 0px 0px 0px;
}

div#haruukon .periodic {
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 476px;
    background: url("/img/cp/haruukon/periodic.jpg") no-repeat left top;
    font-size:12px;
    color: #7c522c;
    line-height: 166%;
    letter-spacing: 0px;
}

div#haruukon .periodicbn {
    float: left;
    margin: 238px 0px 0px 3px;
    padding: 0px 0px 0px 0px;
}

div#haruukon .bnbox {
    margin: 14px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    height: 170px;
}

div#haruukon .bnbox_left {
    float: left;
    width:295px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div#haruukon .bnbox_right {
    float: right;
    width:295px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/* side共通
----------------------------------------------- */

div#sidebaner {
    width: 180px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
}