@charset "utf-8";
/* CSS Document */

body {
    font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-size: 12px;
    line-height: 137%;
    background: #fff;
    color:#222;

}
h2{
    margin-bottom:16px;
}
/* IE7のリストの隙間対策 */
li {
  vertical-align: bottom;
}
p.form_description{
    color:red;
    font-size:80%;
}
/* リンク */

a:link,
a:visited,
a:active {
    color: #222;
    text-decoration: none;
}
a:hover{
    color: #222;
}

/* @group 共通 */
#wrapper {
    width: 960px;
    margin: 0 auto;
}

#container {
    width: 960px;
    padding-bottom: 0px;
}

#pankuzu {
    padding-bottom: 10px;
    color: #222;
    text-align:left;
}
#pankuzu a {
    font-weight: normal;
    text-decoration: underline;
}
#pankuzu span {
    font-weight: bold;
    color: #999;
}

.picture {
    border: none;
}

/* 価格表示 */
.price {
    font-size:12px;
}
.Ptax{
    font-size:14px;
    font-weight:bold;
}
.SPtax{
    font-size:10px !important;
}
/* テキスト関連 */
.indentTxt {
    padding-left: 1em;
    text-indent: -1em;
}
.bold {
    font-weight: bold;
}
.textRight {
    text-align: right;
}

.commonBtnStyle01 {
    text-align: right;
}

#ptBox {
    margin-bottom: 28px;
    text-align: right;
    border-bottom: solid 1px #ccc;
}
#ptBox img {
    cursor: pointer;
}
/* @end */
/*商品説明テンプレート*/
#cls_custom span{
    font-size:13px;
    font-weight:bold;
    color:red;
}
#cls_custom a{
    text-decoration:underline;
}

/* @group ヘッダー */
#header {
    padding-top: 9px;
}
#header > div {
    width: 960px;
}

/* ---- hd section01---- */
#hdSection01 {
    height: 21px;
    margin-bottom: 23px;
}
#hdSection01 > p {
    float: left;
}
#hdSection01 div,
#hdSection01 div p,
#hdSection01 div a {
    float: right;
    /*text-align: right;*/
}
#hdSection01 div p {
}
#hdSection01 div a {
    margin-right: 10px;
    padding-bottom: 2px;
    padding-left: 20px;
    border-bottom: dotted 1px #666;
    background: url(/img/ico_registration.png) no-repeat 3px 2px;
}
#hdSection01 div a#login {
    background: url(/img/ico_login.png) no-repeat 3px 1px;
}
#hdSection01 div a#logout {
    background: url(/img/ico_logout.png) no-repeat 3px 3px;
}
#hdSection01 div a#mypage {
    background: url(/img/ico_mypage.png) no-repeat 3px 1px;
}
/* ---- hd section02---- */
#hdSection02 {
    height: 125px;
}
#hdSection02 div {
    float: left;
}
#hdSection02 div:first-child {
    width: 326px;
    float: right;
    text-align: left;
}
#hdSection02 div.mr60 {
    margin-right:60px;
}
#hdSection02 p.p_links a{
    margin:0 10px;
}
#hdSection02 a#hdLogo {
    margin-right:20px;
}
/* ---- hd ナビゲーション---- */
#header ul {
    position: relative;
    height: 43px;
    width: 960px;
    margin-bottom: 30px;
}
#header ul li {
    float: left;
}
#header ul li#navWin {
    display: none;
    position: absolute;
    top: 43px;
    left: 187px;
    height: 115px;
    width: 160px;
    padding-top: 24px;
    padding-left: 12px;
    text-align: left;
    background: url(/img/bg_navwindow.png) no-repeat left top;
    z-index:200;
}
#header ul li#navWin a {
    display: inline-block;
    margin-bottom: 11px;
}
/* ---- hd 検索BOX---- */
#header #serchBox {
    position: relative;
}
#header #serchBox input {
    float: left;
    height: 14px;
    width: 265px;
    padding: 7px;
    border: none;
    line-height: 100%;
    background: url(/img/bg_search_01.png) no-repeat;
}
#header #serchBox input#serch_button {
    float: left;
    height: 28px;
    width: 30px;
    background:  none;
    border: none;
    cursor: pointer;
    padding:0px;
}
#header #serchBox div {
    height: 28px;
    width: 326px;
    margin-bottom: 15px;
}
#header #serchBox a {
    margin-left: 0px;
}
#header #serchBox ul {
    position: absolute;
    top: 46px;
    left: 200px;
    font-size: 13px;
    width: auto;
}
#header #serchBox ul li {
    float: none;
}
#header #serchBox ul li span {
    font-weight: bold;
}

/* @end */

/* @group サイドナビ*/
#sideNavi {
    float: left;
    width: 244px;
}
#snLayer1 {
    margin-bottom: 18px;
    border-top: solid 1px #7a7a7a;
    border-bottom: solid 1px #7a7a7a;
}
#snLayer1 dt {
    border-bottom: solid 1px #BBBBB8;
    font-size: 13px;
    font-weight: bold;
    background-image: url(/img/sidenavi_bg01.png);
}
#snLayer1 dt p {
    padding: 13px 12px 13px 32px;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
    line-height: 100%;
    cursor: pointer;
}
#snLayer1 dt#snhc p { background: url(/img/sidenavi_bg_ico01.png) no-repeat 8px 10px; }
#snLayer1 dt#snkd p { background: url(/img/sidenavi_bg_ico02.png) no-repeat 8px 12px; }
#snLayer1 dt#snsc p { background: url(/img/sidenavi_bg_ico03.png) no-repeat 8px 7px; }
#snLayer1 dt#snkk p { background: url(/img/sidenavi_bg_ico04.png) no-repeat 8px 12px; }

#snLayer1 dt p span {
    display: block;
    background: url(/img/sidenavi_bg_arrow01.png) no-repeat right;
}
#snLayer1 dt#snkk p span {
    display: block;
    background: url(/img/sidenavi_bg_arrow03.png) no-repeat right;
}

#snLayer1 dd p {
    padding: 9px 12px 7px 32px;
    border-bottom: dotted 1px #BBBBB8;
    background: url(/img/sidenavi_bg_arrow06.png) no-repeat left 4px;
}
#snLayer1 dd p:hover {
    background: url(/img/sidenavi_bg_arrow07.png) no-repeat left 4px;
}
#snLayer1 dd p.twoLine {
    padding: 9px 12px 7px 32px;
    border-bottom: dotted 1px #BBBBB8;
    background: url(/img/sidenavi_bg_arrow08.png) no-repeat left 4px;
}
#snLayer1 dd p.twoLine:hover {
    background: url(/img/sidenavi_bg_arrow09.png) no-repeat left 4px;
}
#snLayer1 dd p a {
    display: block;
}
#snLayer1 dd p:hover a {
    color: #fff;
}
#snLayer1 dd p.cr {
    background: url(/img/sidenavi_bg_arrow07.png) no-repeat left 4px;
}
#snLayer1 dd p.cr a {
    color: #fff;
}
#snLayer1 dd p.subTtl {
    padding: 14px 12px 14px 32px;
    border-bottom: dotted 1px #BBBBB8;
    background: url(/img/sidenavi_bg02.png) repeat;
    font-weight: bold;
    cursor: pointer;
}
#snLayer1 dd p.indentTxt {
    padding-left: 1em;
    text-indent: -1em;
}

.snLayer2 {
    border-bottom: solid 1px #BBBBB8;
}
.snLayer2 dt {
    padding: 14px 12px 14px 32px;
    border-bottom: dotted 1px #BBBBB8;
    background-image: url(/img/sidenavi_bg02.png);
    font-weight: bold;
    cursor: pointer;
}
.snLayer2 dt p {
    background: url(/img/sidenavi_bg_arrow04.png) no-repeat right;
}
.snLayer2 dd {
    /*
    padding: 9px 12px 7px 32px;
    border-bottom: dotted 1px #BBBBB8;*/
}
.snLayer2 dd p {
    padding: 9px 12px 7px 32px;
    border-bottom: dotted 1px #BBBBB8;
    background: url(/img/sidenavi_bg_arrow03.png) no-repeat 222px;
}

#snLinkBox {
    height: 151px;
    width: 234px;
    margin-bottom: 18px;
    padding-top: 10px;
    padding-left: 10px;
    background: url(/img/bg_snlinkbox.png) no-repeat left top;
}
#snLinkBox a img {
    margin-bottom: 9px;
}


#sideNavi div#rankingBox {
    float: none;
    width: 230px;
    margin-bottom: 18px;
}
#sideNavi div#rankingBox div div {
    padding-top: 5px;
}
#sideNavi div#rankingBox img {
    margin-bottom: 18px;
}

#sideNavi div#rankingBox ul li {
    padding-left: 0px;
    text-align: center;
    background: none;
}
#sideNavi div#rankingBox ul li a img {
    margin-bottom: 4px;
}
#sideNavi div#rankingBox ul li div {
    padding-right: 0px;
    padding-left: 0px;
}

div#rankingBox ul li a {
    display: block;
    text-decoration: underline;
}

#sideNavi div#rankingBox ul li#rk01,#sideNavi div#rankingBox ul li#rk02,#sideNavi div#rankingBox ul li#rk03,#sideNavi div#rankingBox ul li#rk04,#sideNavi div#rankingBox ul li#rk05 { background: none; }

div#rankingBox ul li > a {
    display: block;
    background-position: 0 10px;
}
#sideNavi div#rankingBox ul li#rk01 > a { background: url(/img/top_rklist_01.png) no-repeat 18px 10px; }
#sideNavi div#rankingBox ul li#rk02 > a { background: url(/img/top_rklist_02.png) no-repeat 18px 10px; }
#sideNavi div#rankingBox ul li#rk03 > a { background: url(/img/top_rklist_03.png) no-repeat 18px 10px; }
#sideNavi div#rankingBox ul li#rk04 > a { background: url(/img/top_rklist_04.png) no-repeat 18px 10px; }
#sideNavi div#rankingBox ul li#rk05 > a { background: url(/img/top_rklist_05.png) no-repeat 18px 10px; }
/* @end */

/* @group 404ページ */
#nfBox {
    width: 680px;
    padding-left: 0px;
    font-size: 13px;
    line-height: 180%;
    background: url(/img/bg_404.png) no-repeat 510px 154px;
}
#nfBox p {
    margin-bottom: 34px;
}
#nfBox a {
    display: inline-block;
    margin-bottom: 1.4em;
    padding-left: 14px;
    background: url(/img/bg_arrow_02.png) no-repeat left 3px;
    text-decoration: underline;
    line-height: 100%;
}
#nfBox div {
    margin-bottom: 20px;
}
/* @end */

/* @group 共通 二階層目*/
#rightContents {
    float: right;
    width: 680px;
}
/* @group 二階層目 サービスインデックス*/
h1.svTop {
    margin-bottom: 30px;
}
h2.svTop {
    margin-bottom: 10px;
}
.serviceList {
    margin-bottom: 55px;
}
.serviceList ul li {
    float: left;
    height: 93px;
    width: 328px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding-top: 7px;
    padding-left: 7px;
    background: url(/img/service_bg_list.png) no-repeat left top;
}
.serviceList ul li a img {
    float: left;
}
.serviceList ul li a span {
    display: block;
    height: 86px;
    width: 165px;
    padding-left: 143px;
    font-weight: bold;
}
.serviceListTypeB {
    margin-bottom: 55px;
    padding: 14px 0px 14px 14px;
    border: solid 1px #C2BEB7;
}
.serviceListTypeB ul li {
    float: left;
    height: 161px;
    width: 141px;
    margin-right: 10px;
    padding: 7px;
    background: url(/img/service_bg_list2.png) no-repeat left top;
    text-align: center;
}
.serviceListTypeB ul li a {
    display: block;
    height: 142px;
}
.serviceListTypeB ul li img {
    margin-bottom: 10px;
}
.serviceListTypeB ul li span {
    display: block;
}


/* @group 二階層目 詳細ページ*/

#merchandiseBox {
    margin-bottom: 23px;
    padding-bottom: 10px;
    border-bottom: solid 3px #666;
}
#merchandiseBox #mdid {
    height: 18px;
    margin-bottom: 12px;
    padding-top: 2px;
    padding-left: 53px;
    background: url(/img/ico_md.png) no-repeat left top;
}
#merchandiseBox ul li {
    float: left;
    margin-right: 5px;
    line-height: 100%;
    font-size: 24px;
}
#merchandiseBox ul li h1 {
    line-height: 100%;
}
#merchandiseBox ul li:first-child {
    padding-top: 4px;
    font-size: 12px;
}
.plsBox {
    padding: 30px 0;
    text-align: center;
}
.plsBoder {
    border-top: 3px solid #666666;
}
.bcTxt {
    min-height: 29px;
    margin-bottom: 18px;
    padding: 3px 20px 0 40px;
    font-size: 20px !important;
    background: url(/img/ico_prducts.png) no-repeat;
    line-height: 130%;
}

/* ---- calBox ---- 二階層目 カレンダー */
#calBox table {
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
    margin-bottom:5px;
}
#calBox table th,
#calBox table td {
    width: 34px;
    padding: 2px 4px;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}
#calBox table th {
    background: #F5F5F5;
    text-align: center;
    font-size: 13px;
}
#calBox table span {
    display: inline-block;
    width: 16px;
    text-align: center;
}
.calMark01 {
    color: #d23a3a;
}
.calMark02 {
    color: #57a44a;
}
.calMark03 {
    color: #2980d1;
}
.ctv01 {
    color: #bbbbbb;
}
#calBox table p {
    float: left;
    margin: 0;
    color: #fff;
}
#calBox table p a {
    text-decoration: underline;
    color: #fff;
}
#calBox table p.nextM {
    float: right;
}
#calBox table p.mTxt {
    width: 210px;
    text-align: center;
    font-weight: bold;
}
.nextM{
  cursor: pointer;
  text-decoration: linen;
}
.prevM{
  cursor: pointer;
}
.calSTxt {
    padding-top: 5px;
    text-indent: -1em;
    padding-left: 1em;
    font-size: 10px;
    line-height: 130%;
}
.calSTxt2 {
    text-indent: -1em;
    padding-left: 1em;
    font-size: 10px;
    line-height: 100%;
}
#calBox table tr.tbFst td {
    padding: 4px;
    background-image: url(/img/bg_table.png);
}


/* ---- boxType01 ---- 二階層目 基本商品紹介エリア */
.boxType01 {
    margin-bottom: 16px;
    padding-bottom: 36px;
    border-bottom: dotted 1px #666;
}
.boxType01 > div {
    float: left;
}
.boxType01 .left {
    width: 425px;
}
.boxType01 .left p {
    margin-bottom: 6px;
}
.boxType01 .left div {
    padding-top: 40px;
    padding-left: 46px;
}
.boxType01 .right {
    width: 254px;
    text-align: left;
}
.boxType01 .right dl {
    margin-bottom: 44px;
    text-align:left;
}
.boxType01 .right dl dt {
    margin-bottom: 8px;
    padding-left: 16px;
    background: url(/img/ico_list01.png) no-repeat left 2px;
}
.boxType01 .right dl dd {
    margin-bottom: 24px;
}
.boxType01 .right ul {
    margin-bottom: 10px;
    text-align:left;
}
.boxType01 .right ul li {
    padding-bottom:5px;
    width: 256px;
    margin-bottom: 8px;
    border-bottom: dotted 1px #666;
    clear: both;
}
.boxType01 .right ul li p {
    float: left;
    width: 150px;
}
.boxType01 .right ul li p:first-child {
    width: 100px;
}
.boxType01 .right label {
    font-weight: bold;
}
.boxType01 .right select {
    /*
    width: 168px;*/
    margin-top: 5px;
    margin-bottom: 6px;
    margin-left: 10px;
    padding: 4px;
    border: solid 1px #999;
}
.boxType01 .right div {
    padding-top: 7px;
}
.boxType01 .right div p {
    padding-top: 9px;
    text-align: right;
    text-decoration: underline;
    color: #666;
}
.boxType01 div.right li.colorRed {
    color:red;
}
.boxType01 div.right div.classlist {
    text-align:left;
}
.boxType01 div.right div.quantity {
    text-align:left;
}
.boxType01 div.right p.cancel {
    text-align:left;
}
/* ---- boxType02 ---- 二階層目商品詳細 */
.boxType02 {
    padding-bottom: 20px;
}
.lineBox {
    margin-bottom: 24px;
    padding: 14px 0px 14px 14px;
    border: solid 1px #bcbcbc;
}
.boxType02 .lineBox > p {
    margin-bottom: 10px;
    font-size: 14px;
}
.boxType02 .lineBox > p span {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: bold;
}
.boxType02 .detailBox div {
    float: left;
    width: 254px;
}
.boxType02 .detailBox div:first-child {
    width: 388px;
    margin-right: 14px;
    border-right: dotted 1px #999;
}
.boxType02 .detailBox div ul li {
    float: left;
    width: 119px;
    margin-right: 8px;
    padding: 4px 0 4px;
    text-align: center;
    background: url(/img/bg_detail_list.png) no-repeat left top;
    font-weight: bold;
}
.boxType02 .detailBox div ul li img {
    margin-bottom: 9px;
}
.boxType02 .detailBox div p.priceBox {
    width: 370px;
    padding: 3px 0;
    line-height: 100%;
    text-align: center;
    background-image: url(/img/bg_line_02.jpg);
    color: #D23A3A;
}
.boxType02 .detailBox div p.priceBox span {
    display: inline-block;
    font-weight: bold;
}
.recomOpBox {
    min-height: 122px;
    padding: 0 15px 15px;
    border-top: solid 1px #bcbcbc;
    background: #f4f4f3 url(/img/bg_box01.png) no-repeat left bottom;
}
.recomOpBox div {
    padding-top: 12px;
}
.recomOpBox div > img {
    float: left;
}
.recomOpBox div div {
    padding-top: 0px;
    padding-left: 173px;
}
.recomOpBox div div p:first-child {
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: bold;
}
.recomOpBox div div p:first-child span {
    font-size: 12px;
    color: #d23a3a;
}
.recomOpBox div div p.btnBox {
    padding-top: 6px;
    text-align: right;
}

/* ---- boxType03 ---- 二階層目オプション紹介 */
.boxType03 {
    padding: 14px 0px 14px 14px;
    border: solid 1px #bcbcbc;
}
.boxType03 > img {
    margin-bottom: 18px;
}
.boxType03 ul li {
    float: left;
    margin-right: 10px;
    margin-bottom: 15px;
    text-align: center;
    font-weight: bold;
    width:155px;
    min-height:190px;
    position:relative;
}
.boxType03 ul li a img.btn_position {
    position:absolute;
    bottom:0px;
    left:0px;
}
.boxType03 ul li > p {
    margin-bottom: 8px;
}
.mt10{
    margin-top:10px;
}
/* ---- boxType04 ---- 二階層目セットプラン紹介 */
.boxType04 {
    margin-bottom: 24px;
    padding: 14px 0px 14px 14px;
    border: solid 1px #bcbcbc;
}
.boxType04 > img {
    margin-bottom: 18px;
}
.boxType04 ul li {
    float: left;
    margin-right: 12px;
    margin-bottom: 15px;
    text-align: center;
    font-weight: bold;
}
.boxType04 ul li > p {
    margin-bottom: 8px;
}
.boxType04 ul li p span {
/*    display: block;
    font-weight: normal;
*/}

/* ---- boxType05 ---- 二階層目 作業手順紹介 */
.boxType05 {
    margin-bottom: 24px;
}
.boxType05 div div.leftBox {
    float: left;
    width: 444px;
    margin-right: 19px;
}
.boxType05 div.leftBox h2 {
    margin-bottom: 0px;
}
.boxType05 div.leftBox img {
    margin-bottom: 22px;
}
.boxType05 ul {
    float: left;
    width: 303px;
}
.boxType05 ul li {
    margin-bottom: 10px;
    padding: 3px 24px 4px;
    font-size: 14px;
    clear: both;
}
.boxType05 ul.defVer {
    float: left;
    width: 442px;
}
.boxType05 ul.defVer li {
    margin-bottom: 10px;
    padding: 3px 0 4px 24px;
    font-size: 14px;
    clear: both;
    line-height: 147%;
}
.boxType05 div div.rightBox {
    float: left;
    width: 217px;
    padding-top: 20px;
}
.boxType05 div div.rightBox div {
    padding: 15px 0px 25px 15px;
    background: url(/img/bg_point.png) no-repeat left top;
    border-radius: 8px;
}
.boxType05 div.rightBox img {
    margin-bottom: 12px;
}
.boxType05 div.rightBox p {
    width: 190px;
    padding-left: 2px;
    color: #666;
}

/* ---- boxType06 ---- 二階層目セットプラン紹介 */
.boxType06 {
    margin-bottom: 24px;
    padding: 14px;
    border: dotted 1px #bcbcbc;
}

/* ---- secBannerBox ---- 二階層目下部バナーエリア */
#secBannerBox {
    overflow: auto;
    margin-bottom: 52px;
}
#secBannerBox p {
    margin-bottom: 20px;
}
#secBannerBox ul li {
    float: left;
    margin-right: 6px;
}
#secBannerBox ul li.lastBanner {
    margin-right: 0px;
}
/* @end */
/* @end */


/* @group テキスト系ページ */
#txtTitlBox {
    margin-bottom: 28px;
    padding-bottom: 12px;
    background: url(/img/bg_txtp_ttl.png) repeat-x 0 bottom;
}
#txtpgBox .indent1{
    padding-left: 1em;
    text-indent: -1em;
}
#txtpgBox .indent15{
    padding-left: 1.75em;
    text-indent: -1.75em;
}
#txtpgBox .txtCenter{
    text-align: center;
    margin-top: 40px;
    margin-bottom: 30px;
    border-top: 1px solid #ccc;
    padding-top: 60px;
}
#txtpgBox .txtCenter.txtCenter--first{
    text-align: center;
    margin-top: 0px;
    margin-bottom: 30px;
    border-top: 0px solid #ccc;
    padding-top: 00px;
}

#txtpgBox .subTtl{
    font-size: 18px;
    line-height: 1.4;
    font-weight: bold;
}
#txtpgBox .subTtl.subTtl--first{

}
#txtpgBox .dllink{
    color:rgb(17,85,204);
}
#txtpgBox .txtTable{
    margin-top: 10px;
    margin-bottom: 20px;
}
#txtpgBox .txtTable th,#txtpgBox .txtTable td{
    padding:10px;
    border: 1px solid #ccc;
}
#txtpgBox .txtTable th{
    background: #ccc;
}
#txtpgBox .txtTable .txtTable__cell01{
    width: 5%;
}
#txtpgBox .txtTable .txtTable__cell02{
    width: 40%;

}
#txtpgBox .txtTable .txtTable__cell03{
    width: 50px;
}
#txtpgBox dl dt {
    margin-bottom: 12px;
    padding-left: 16px;
    font-size: 14px;
    font-weight: bold;
    background: url(/img/ico_list01.png) no-repeat left 2px;
}
#txtpgBox dl dd {
    padding-left: 24px;
    text-indent: -0.5em;
}
#txtpgBox dl {
    margin-bottom: 30px;
}
#txtpgBox dl dd ul {
    margin-bottom: 1em;
    padding-left: 1em;
}
#txtpgBox dl.type02 dd {
    padding-left: 30px;
    text-indent: -1em;
}
#txtpgBox .readTxt {
    margin-bottom: 32px;
}
#txtpgBox .ppTxt {
    margin-bottom: 28px;
}
#txtpgBox .ppTtl {
    margin-bottom: 10px;
}
#txtpgBox .pl30 {
    padding-left: 30px;
}
#txtpgBox .pl1em {
    padding-left: 1em;
}
#txtpgBox dl.type03 dd {
    margin-bottom: 1em;
    padding-left: 30px;
    text-indent: 0em;
}

/*--- 運営企業で使用 ---*/
#txtpgBox dl.ukList dt {
    margin-bottom: 6px;
}
#txtpgBox dl.ukList dd {
    margin-bottom: 30px;
    text-indent: 0em;
}

/*--- FAQで使用 ---*/
#faqBox .readTxt {
    margin-bottom: 28px;
}
#acBox {
    margin-bottom: 20px;
    padding: 25px 0 0 24px;
    border: dotted 1px #666;
    overflow: auto;
}
#acBox p {
    float: left;
    width: 200px;
    margin-bottom: 26px;
    padding-left: 18px;
    background: url(/img/bg_arrow_03.png) no-repeat left top;
}
.acdBox {
    padding-top: 20px;
    border-top: solid 1px #dbdbdb;
}
.acdBox dl {
    margin-bottom: 49px;
    padding-left: 35px;
}
.acdBox dl dt {
    margin-bottom: 14px;
    padding: 16px 0 18px 50px;
    background: url(/img/bg_faq_01.png) no-repeat left top;
}
.acdBox dl dt.line2 {
    margin-bottom: 14px;
    padding: 14px 0 23px 50px;
    background: url(/img/bg_faq_04.png) no-repeat left top;
    line-height: 180%;
}
.acdBox dl dt p {
    width: 548px;
    font-weight: bold;
    background: url(/img/bg_arrow_03.png) no-repeat right 1px;
}
.acdBox dl dt.selected p {
    background: url(/img/bg_arrow_04.png) no-repeat right 1px;
}
.acdBox dl dd {
    width: 550px;
    padding: 3px 0 28px 50px;
    background: url(/img/bg_faq_03.png) no-repeat 15px top;
}
.acdBox dl dd div {
    width: 550px;
    padding: 3px 0 28px 50px;
    background: url(/img/bg_faq_03.png) no-repeat 15px top;
}
#faqBtnBox {
    text-align: center;
}
#faqBtnBox p {
    margin-bottom: 20px;
}

/*--- サイトマップで使用 ---*/
#sitemapBox h2 {
    margin-bottom: 20px;
    clear: both;
}
#sitemapBox div div {
    float: left;
    width: 325px;
    padding-left: 14px;
    margin-bottom: 46px;
}
#sitemapBox div div:first-child {
    border-right: solid 1px #ccc;
}
#sitemapBox ul li {
    margin-bottom: 6px;
    padding-left: 10px;
    background: url(/img/bg_list_01.png) no-repeat left 6px;
}
#sitemapBox ul li p img {
    vertical-align: text-top;
}
#sitemapBox a {
    text-decoration: underline;
}
#sitemapBox h3 {
    margin-bottom: 16px;
    padding-left: 12px;
    background: url(/img/bg_arrow_01.png) no-repeat left 3px;
    font-weight: bold;
}
#sitemapBox h4 {
    margin-bottom: 16px;
    padding-left: 12px;
}
#sitemapBox > p {
    margin-bottom: 24px;
}
/* @end */

/* @group スライドショー */
#slideShowArea {
    margin-bottom: 37px;
}
/* @end */

/* @group フッター */
#footer {
    width: 960px;
    padding-top: 54px;
    border: none;
}
#ftSection01 {
    height: 22px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}
#ftSection01 ul {
    list-style: none outside none;
    float: left;
    margin: 0 0 0 0;
    padding: 0;
    position: relative;
    left: 50%;
}
#ftSection01 ul li {
    float: left;
    padding: 0 10px;
    position: relative;
    left: -50%;
    border-left: dotted 1px #ccc;
}
#ftSection02 {
    padding: 18px 0 20px;
    border-top: 1px solid #CCCCCC;
}
#ftSection02 a {
    float: left;
    margin-right: 24px;
}
#ftSection02 div {
    float: left;
    padding-top: 17px;
}
#ftSection02 div img {
    vertical-align: text-top;
}
#ftSection02 p {
    float: right;
    padding-top: 17px;
}

#footer .lnr {
    border-right: dotted 1px #ccc;
}
/* @end */

/* @group TOPページ */

/* ---- TOP tp_section01 ---- */
#tp_section01 {
    margin-bottom: 50px;
}
.catchTxt {
    text-align: center;
}
#tp_section01 ul.CatListBox{
    margin-bottom:45px;
}
#tp_section01 ul.CatListBox li{
    float:left;
    margin-right:8px;
}



/* ---- TOP tp_section02 ---- */
#tp_section02 {
    margin-bottom: 70px;
}
#tp_section02 div#menuLinkBox {
    float: left;
    height: 256px;
    width: 582px;
    padding: 27px 25px 19px;
    background: url(/img/bg_top_01.jpg) no-repeat;
}
#tp_section02 div#menuLinkBox p a:first-child {
    margin-right: 4px;
}

#carrouselArea {
    padding-top: 10px;
}

div#rankingBox {
    float: right;
    width: 273px;
    padding: 7px;
    background: url(/img/bg_top_02.jpg) repeat;
}
div#rankingBox > div {
    padding: 3px;
    background: #ccc;
}
div#rankingBox div div {
    padding: 0 12px 10px;
    background: #fff;
}
div#rankingBox ul li {
    margin-bottom: 12px;
    padding-left: 45px;
    line-height: 130%;
}
div#rankingBox ul li a {
    text-decoration: underline;
}
div#rankingBox ul li#rk01 { background: url(/img/top_rklist_01.png) no-repeat left top; }
div#rankingBox ul li#rk02 { background: url(/img/top_rklist_02.png) no-repeat left top; }
div#rankingBox ul li#rk03 { background: url(/img/top_rklist_03.png) no-repeat left top; }
div#rankingBox ul li#rk04 { background: url(/img/top_rklist_04.png) no-repeat left top; }
div#rankingBox ul li#rk05 { background: url(/img/top_rklist_05.png) no-repeat left top; }

div#menuLinkBox > p {
    padding-bottom: 15px;
    border-bottom: solid 2px #ccc;
}
/* ---- TOP tp_section03 ---- */
#tp_section03 {
}
#tp_section03 > div {
    margin-bottom: 20px;
    padding-top: 15px;
    background: url(/img/bg_line_01.png) repeat-x 0 top;
}
#tp_section03 h2 {
    margin-bottom: 12px;
}
ul.menuList {
    height: 191px;
}
ul.menuList li {
    float: left;
    margin-left: 23px;
}
ul.menuList li:first-child {
    margin-left: 0px;
}
ul.menuList li p {
    padding: 6px 0;
    text-align: center;
    background: #fff;
}
div#sec3Box02 {
    float: left;
    width: 632px;
    background:none;
    padding-top: 0;
}
div#sec3Box02 div {
    min-height: 114px;
    margin-top: 0;
    margin-bottom: 15px;
    padding: 8px 8px 8px 130px;
    border: solid 3px #ccc;
    background: url(/img/bg_cpinfo_01.png) no-repeat 8px 8px;
}
div#sec3Box02 ul#feed li:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}
div#sec3Box02 ul#feed li p.rssTxt {
    width: 375px;
}

div#sec3Box02 div ul li {
    margin-bottom: 8px;
    padding-bottom: 7px;
    padding-left: 30px;
    border-bottom: dotted 1px #ccc;
    background: url(/img/bg_cpinfo_list_01.png) no-repeat 8px 5px;
    overflow: auto;
}
div#sec3Box02 div ul li p {
    float: left;
}
div#sec3Box02 div ul li p:first-child {
    width: 70px;
}
div#sec3Box03 {
    float: right;
    width: 298px;
    padding-top: 0px;
    background: none;
}
div#sec3Box03 p {
    padding-top: 9px;
}
div#sec3Box03 h2 {
    float: right;
    width: 287px;
    padding-top: 15px;
    background: url(/img/bg_line_01.png) repeat-x 0 top;
}

#bannerBox {
    padding: 42px 0;
    text-align: center;
    clear: both;
}
#bannerBox a {
    margin: 0 10px;
}

#snsBox {
    height: 22px;
    padding-top: 40px;
    position: relative;
}
#snsBox ul {
    list-style: none outside none;
    float: left;
    margin: 0 0 0 0;
    padding: 0;
    position: relative;
    left: 50%;
}
#snsBox ul li {
    float: left;
    position: relative;
    left: -50%;
    margin: 0 15px;
}
/* @end */

/* @group フォーム回り */
.form_area p span.price {
    font-weight: bold;
}
.form_area table {
    margin: 40px auto 30px;
}
.form_area table tr {
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
}
.form_area table td {
    padding: 7px;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}
.form_area table th {
    padding: 7px;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

#form1 table {
    margin: 40px auto 30px;
    width:100%;
}
#form1 table tr {
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
}
#form1 table td {
    padding: 8px;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    vertical-align: middle;
}
#form1 table th {
    padding: 8px;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    background:#fafafa;
}
#form1 table input {
    padding: 3px;
}
.zipimg {
    padding-top: 12px;
    padding-left: 18px;
}
/* @end */

/* @group 打ち消し用 */
#one_maincolumn {
    width: 960px;
}
/* @end */

/* clearfix */
.clearfix:after,
#contents:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}

.clearfix,
#contents {
  min-height: 1px;
}

* html .clearfix,
* html #contents {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/*--- お客様の声で使用 ---*/
#voiceBox {
    background-image: url(/img/bg_voice.png);
}
#voiceBox > div {
    width: 339px;
    float: left;
}
#voiceBox div.vbLeft {
    width: 341px;
    float: left;
}
/*--- お申込みの流れで使用 ---*/
.apBox h2 {
    margin-bottom: 23px;
}
.apBox p {
    margin-bottom: 1.5em;
    line-height: 170%;
    font-size: 13px;
}
.bgpt01 {
    background: url(/img/bg_ap_01.jpg) no-repeat right top;
}
.bgpt01 p {
    width:440px;
}
.bgpt03 {
    height: 190px;
    padding-bottom: 44px;
    background: url(/img/bg_ap_04.jpg) no-repeat right top;
}
.bgpt03 p{
    width:440px;
}
.bgpt04 {
    height: 190px;
    padding-bottom: 44px;
    background: url(/img/bg_ap_05.jpg) no-repeat right top;
}
.bgpt04 p {
    width: 440px;
}
.bgpt05 {
    height: 190px;
    padding-bottom: 44px;
    background: url(/img/bg_ap_06.jpg) no-repeat right top;
}
.bgpt05 p {
    width: 440px;
}
.bgpt05 p span {
    font-weight: bold;
}
.bgpt06 {
    height: 190px;
    padding-bottom: 44px;
    background: url(/img/bg_ap_07.png) no-repeat right top;
}
.bgpt06 p {
    width: 440px;
}
.apInquiry {
    position: relative;
    height: 139px;
    width: 658px;
    padding: 20px 0 44px 22px;
    background: url(/img/bg_ap_02.png) no-repeat left top;
}
.apInquiry ul {
    position: absolute;
    top: 50px;
    left: 440px;
}
.apInquiry ul li {
    margin-bottom: 8px;
}
.apArrow {
    padding-bottom: 40px;
    text-align: center;
}

.apflBox {
    padding-bottom: 44px;
}
.apflBox > div {
    float: left;
}
.apflBox #aletBox {
    float: right;
    height: 129px;
    width: 237px;
    padding: 82px 15px 0;
    background: url(/img/bg_ap_03.png) no-repeat;
}
.apflBox #aletBox p {
    font-size: 12px;
    margin-bottom: 4px;
    padding-left: 15px;
    background: url(/img/ico_circle01.png) no-repeat left 5px;
}
.apflBox #aletBox span {
    font-size: 10px;
    line-height: 140%;
    padding-left: 1em;
    text-indent: -1em;
    display: block;
}
.apflBox div:first-child div {
    width: 380px;
}
.apflBox .bcTxt {
    width: 320px;
    margin-top: 12px;
    padding-bottom: 9px;
    font-size: 17px !important;
    font-weight: normal;
    border-bottom: solid 1px #ccc;
}

#apTxtBox {
    width: 658px;
    margin-bottom: 30px;
    padding: 22px 24px 4px;
    border: 1px dotted #b3b3b3;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    /*
    background: url(/img/bg_ap_08.png) no-repeat left top;*/
}
#apTxtBox h3 {
    margin-bottom: 12px;
}
#apTxtBox ul {
    margin-bottom: 18px;
}
#apTxtBox ul li {
    margin-bottom: 3px;
}
/*--- 選ばれる理由で使用 ---*/
#ancBox {
    text-align: center;
}
#ancBox a {
    margin: 0 12px;
}
.rznBox {
    padding-top: 38px;
    padding-bottom: 50px;
    border-bottom: dotted 1px #ccc;
    text-align: center;
}
.rznBox p {
    margin-bottom: 26px;
    font-size: 13px;
    line-height: 240%;
}
.rznBox p span {
    font-size: 18px;
    font-weight: bold;
    color: #978d6e;
}
.rznBox p img {
    vertical-align: text-top;
}
.rznBox p a {
    text-decoration: underline;
}
#rznTxtBox {
    margin-bottom: 40px;
    padding-top: 38px;
    padding-bottom: 20px;
    background: url("/img/bg_txtp_ttl.png") repeat-x scroll 0 bottom rgba(0, 0, 0, 0);
}
#rznTxtBox div div {
    float: right;
    width: 317px;
    margin-bottom: 30px;
}
#rznTxtBox div div:first-child {
    float: left;
}
#rznTxtBox a {
    text-decoration: underline;
}

/*--- MAPで使用 ---*/
#mapBox {
    margin-bottom: 23px;
    padding: 14px 0 38px;
    background: url("/img/bg_txtp_ttl.png") repeat-x scroll 0 bottom rgba(0, 0, 0, 0);
}
.areaBox {
    margin-bottom: 26px;
    padding-bottom: 14px;
    border-bottom: dotted 1px #ccc;
}
.areaBox dl {
    float: left;
    width: 340px;
}
.areaBox dl dt {
    margin-bottom: 5px;
    padding-left: 17px;
    font-size: 14px;
    background: url(/img/ico_list01.png) no-repeat left 2px;
}
.areaBox dl dd {
    margin-bottom: 12px;
    line-height: 170%;
}
.areaBox div {
    float: right;
    width: 328px;
}
#mapTxtBox {
    height: 85px;
    width: 654px;
    margin-bottom: 40px;
    padding: 11px 13px 0;
    background: url(/img/map_img_07.png) no-repeat left top;
}
#mapTxtBox p {
    margin-bottom: 5px;
}
/*--- 人気メニューで使用 ---*/
.popBox {
    padding-top: 44px;
    padding-bottom: 46px;
    border-bottom: solid 1px #ccc;
}
.popBox h2 {
    padding-bottom: 34px;
}
.popBox ul li {
    width: 446px;
    margin-bottom: 12px;
    overflow: auto;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
}
.popBox ul li p {
    float: left;
}
.popBox ul li p:first-child {
    width: 220px;
}
.popBox ul li p:nth-child(2) {
    text-align: right;
    width: 160px;
    padding-right: 10px;

}
.popBox ul li a {
    float: right;
}
#popBg01 {
    background: url(/img/pop_bg_01.jpg) no-repeat 490px 140px;
}
#popBg02 {
    background: url(/img/pop_bg_02.jpg) no-repeat 490px 30px;
}
#popBg03 {
    padding-bottom: 70px;
    background: url(/img/pop_bg_03.jpg) no-repeat 490px 140px;
    border: none;
}
/*cart mypage*/
.cart_chancel{
    margin-bottom:40px;
    font-size:14px;
}
.cart_chancel p.fwb{
    font-weight:bold;
}
.cart_chancel p.text{
    border:1px solid #CCC;
    padding:10px 0 10px 10px;
    margin:0px !important;
}
.cart_chancel p.text a.fb{
    font-weight:bold;
}
.NG_text{
    color:red;
    display:none;
}
#mypage_tbl{
    width:100%;
    margin-top:40px;
}
#mypage_tbl td{
    border:solid #CCC 1px;
    padding:10px;
    text-align:left;
    vertical-align: middle;
}
#mypage_tbl th{
    border:solid #CCC 1px;
    padding:5px;
    background:#fafafa;
    vertical-align: middle;
}
.mypage_tbl{
    width:100%;
    margin-top:40px;
}
.mypage_tbl td{
    border:solid #CCC 1px;
    padding:10px;
    text-align:left;
    vertical-align: middle;
}
.mypage_tbl th{
    border:solid #CCC 1px;
    padding:5px;
    background:#fafafa;
    vertical-align: middle;
}
#mycontents_area h3{
    color:#222;
    background:url(/img/link_arrow.jpg) no-repeat 1px 14px;
    padding-left:1.5em;
    font-size:16px;
    border-bottom:2px solid #CCC;
    margin-bottom:16px;
}
h3.bg_ttl{
    color:#222 !important;
    background:url(/img/link_arrow.jpg) no-repeat 1px 14px !important;
    padding-left:1.5em !important;
    font-size:16px !important;
    border-bottom:2px solid #CCC !important;
    margin-bottom:16px !important;
}



/*table　レイアウト*/
#periodicalOrderDetails{
    width:100%;
    margin-top:40px;
}
#periodicalOrderDetails td{
    border:solid #CCC 1px;
    padding:10px;
    text-align:left;
    vertical-align: middle;
}
#periodicalOrderDetails th{
    border:solid #CCC 1px;
    padding:5px;
    background:#fafafa;
    vertical-align: middle;
}
#periodicalOrders{
    width:100%;
    margin-top:40px;
}
#periodicalOrders td{
    border:solid #CCC 1px;
    padding:10px;
    text-align:left;
    vertical-align: middle;
}
#periodicalOrders th{
    border:solid #CCC 1px;
    padding:5px;
    background:#fafafa;
    vertical-align: middle;
}
#contact_tbl{
    width:100%;
    margin-top:40px;
}
#contact_tbl td{
    border:solid #CCC 1px;
    padding:10px;
    text-align:left;
    vertical-align: middle;
}
#contact_tbl th{
    border:solid #CCC 1px;
    padding:5px;
    background:#fafafa;
    vertical-align: middle;
}
#contact_tbl textarea{
    border:solid #CCC 1px;
    padding:5px;
    background:#fafafa;
}
/*--- 駆け付けサービスで使用 ---*/
#txtTitlBox.kkTtlBox {
    margin-bottom: 50px;
}
.kkTtlBox p {
    margin-bottom: 15px;
}
.kkBox {
    padding-top: 44px;
}
.kkbg01 {
    border-bottom: dotted 1px #ccc;
    background: url(../img/kk_bg_01.jpg) no-repeat right 25px;
}
.kkbg02 {
    padding-bottom: 40px;
    border-bottom: dotted 1px #ccc;
    background: url(../img/kk_bg_02.jpg) no-repeat right 25px;
}
.kkbg03 {
    padding-bottom: 40px;
    border-bottom: dotted 1px #ccc;
    background: url(../img/kk_bg_03.jpg) no-repeat right 25px;
}
.kkbg04 {
    padding-bottom: 40px;
    border-bottom: dotted 1px #ccc;
    background: url(../img/kk_bg_04.jpg) no-repeat right 65px;
}
.kkbg05 {
    padding-bottom: 40px;
    border-bottom: dotted 1px #ccc;
    background: url(../img/kk_bg_05.jpg) no-repeat right 65px;
}
.kkbg06 {
    padding-bottom: 40px;
    background: url(../img/kk_bg_06.jpg) no-repeat right 25px;
}
.kkbg01 div {
    padding: 13px 0 44px;
}
.kkBox h3 {
    margin-bottom: 5px;
}
.kkBox table {
    width: 100%;
}
.kkBox table tr.odd {
    background: #F4F4F3;
    border-bottom: solid 2px #fff;
}
.kkBox table tr.odd td:first-child {
    background: url(../img/kk_bg_07.png) no-repeat 11px center;
}
.kkBox table tr.even {
    background: #E8E8E8;
    border-bottom: solid 2px #fff;
}
.kkBox table tr.even td:first-child {
    background: url(../img/kk_bg_08.png) no-repeat 11px center;
}
.kkBox table tr td:first-child {
    width: 94px;
    padding: 18px 18px 18px 28px;
    border-right: solid 2px #fff;
}
.kkBox table tr td {
    padding: 18px;
    vertical-align: middle;
    border-right: solid 2px #fff;
}
#kkTxtBox {
    margin-bottom: 40px;
    padding-bottom: 30px;
    background: url("../img/bg_txtp_ttl.png") repeat-x scroll 0 bottom rgba(0, 0, 0, 0);
}
#kkTelBox {
    margin-bottom: 40px;
}
/*--- ひとえいちについて用 ---*/
.aboutBox {
    text-align: center;
}

/*--- /shopping/用 ---*/
.entry_login{
    width:100%;
}
.entry_login div.left_box{
    float:left;
    width:468px;
    margin-right:12px;

}
.entry_login div.right_box{
    border:none;
    float:left;
    width:468px;

}
.entry_login div.border_box{

    border:solid 1px #CCC;
    margin-top:10px;
    padding:25px;
}
/*--- 商品詳細のタブで仕様 ---*/
.tabBox {
    width: 650px;
}
.tabBox ul.tab {
    padding: 0;
}
.tabBox ul.tab li {
    list-style-type: none;
    height: 46px;
    float: left;
}
.tabBox ul.tab li a {
    outline: none;
    display: block;
}
.tabBox ul.tab li a.selected {
    color: red;
}
.tabBox ul.panel {
    clear: both;
}
.tabBox ul.panel li {
    list-style-type: none;
    padding: 20px 0 10px;
}