@charset "utf-8";

body {
    /*min-width: 1000px;*/
    margin: 0;
    padding: 0;
    color: #333333;
    /*background: url(../img/common/bgBody.jpg) repeat;*/
    font: 12px Verdana, "メイリオ", "Meiryo", Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
    text-align:left;
}
img {
    border: 0;
}
form {
    margin: 0;
    padding: 0;
}
form textarea,
form input.txt{ 
    width: 100%;
    padding: 5px;
    border: #CCCCCC 1px solid;
}
form input,
form select {
    position:relative;
    top: 2px;
    margin: 0 5px 0 0;
}
form label {
    margin: 0 10px 0 0;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td {
    margin: 0;
    padding: 0;
}
ul {
    list-style: none;
}
a {
    color: #0086CC;
    cursor: pointer;
    text-decoration: none;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.clearfix:after {
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    content: " ";
    font-size: 0;
}
/* IE対応角丸 */
.rounded {
    position: relative;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    behavior: url(/pie/PIE.htc);
}

.relative {
    position: relative;
}

.pcHiddenBlock {
    display: none;
}

/*---------------------------------------------------------------------------------------------
COLOR
---------------------------------------------------------------------------------------------*/
.red         {color: #FF3300;}
.redB        {color: #FF3300; font-weight:bold;}
.gray        {color: #CCCCCC;}
.green       {color: #339900;}

/*---------------------------------------------------------------------------------------------
MARGIN
---------------------------------------------------------------------------------------------*/
.mgnT7       {margin: 7px 0 0;}
.mgnT10      {margin: 10px 0 0;}
.mgnB15      {margin: 0 0 15px;}

/*---------------------------------------------------------------------------------------------
LABEL
---------------------------------------------------------------------------------------------*/
.label {
    margin: 0;
    padding: .2em .3em;
    /*
    text-decoration: none;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
     */
border-radius: 4px;
font-size: 80%;
font-weight: bold;
color: #fff;
background-color: #814a3a;
}

.relative {
    position:relative;
}
/*---------------------------------------------------------------------------------------------
WRAPPER
---------------------------------------------------------------------------------------------*/
#wrapper {
    height: auto;
    margin: 0 auto;
    padding: 0;
}


/*---------------------------------------------------------------------------------------------
HEADER
---------------------------------------------------------------------------------------------*/
#header {
    padding: 20px;
    background: #5CC1CB;
    width:100%;
}
#header h1 {
    float: left;
    margin: 0;
    font-size: 138%;
}
#header h1 a {
    display: block;
    color: #FFFFFF;
}
#header h1 a:hover {
    text-decoration: underline;
}
/* プレビューボタン
================================================= */
#header #prvBox {
    float: right;
    width: 520px;
}
#header #prvBox ul {
    margin: 0;
    padding: 0;
}
#header #prvBox ul li {
    float: left;
    margin: 0 0 0 1px;
    background: #6497D1;
    font-weight: bold;
    font-size: 93%;
    _white-space: nowrap;/* IE6で文字列が縦並びになってしまうものを解消 */
    padding: 6px;
}
#header #prvBox ul li a {
    display: block;
    width: auto;
    height: 26px;
    padding: 2px 10px;
    color: #FFFFFF;
           *display: inline-block;/* IE6,7 */
       }
       #header #prvBox ul li i {
           vertical-align: middle;
           margin: 0 5px 1px 0;
           font-size:150%;
       }


       /*---------------------------------------------------------------------------------------------
       CONTAINER
       ---------------------------------------------------------------------------------------------*/
#container {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0;
    padding: 0;
}


/*---------------------------------------------------------------------------------------------
CONTENTS
---------------------------------------------------------------------------------------------*/
#right {
    float: right;
    width: 100%;
    margin: 0 0 0 -240px;
}
#right #contents {
    /*margin: 0 0 -500px 240px;*/
    /*padding: 30px 30px 500px;*/
    /**/
    margin: 0 0 0 240px;
    /*padding: 30px 30px 0;*/
    padding: 30px;
    /**/

}
#right #navBox {
    width: 120%;
    margin: -20px 0px 0px -30px;
    padding: 10px 30px;
    border-bottom: #DDDDDD 1px solid;
    border-left: #EEEEEE 1px solid;
}
/* タイトル
================================================= */
.titleBox {
    margin: 0 0 10px;
    padding: 0 0 5px;
    border-bottom: #333333 2px solid;
}
.titleBox h2 {
    margin: 0;
    font-size: 131%;
}


/*---------------------------------------------------------------------------------------------
SIDE
---------------------------------------------------------------------------------------------*/
#left {
    position: relative;
    z-index: 2;
    float: left;
    width: 240px;
    margin: 0;
    padding: 0 0 100px;
}
#side {
    margin: 0 0 -500px;
    padding: 0 0 500px;
}
/* ナビ
================================================= */
#side .mainNavi {
    background: #FFFFFF;
}
#side .subNavi {
}
#side ul.navi {
    margin: 0;
    padding: 0;
}
#side .mainNavi ul.navi li {
    padding: 3px;
    border-bottom: #EEEEEE 1px solid;
}
#side .mainNavi ul.navi li.btm {
    border-bottom: #DDDDDD 1px solid;
}
#side .subNavi ul.navi li {
    padding: 3px;
    border-bottom: #DDDDDD 1px solid;
    background: #EEEEEE;
}
#side .subNavi ul.navi li.test {
    background: #D7D7D7;
}
#side ul.navi li a {
    display: block;
    padding: 14px 30px 14px 20px;
    /*background: url(../img/common/sCsr01.png) no-repeat 92% center;*/
    color: #000000;
}
#side ul.navi li a.current {/* 選択中 */
    background: #FF8585 no-repeat 92% center;
    color: #FFFFFF;
    font-weight: bold;
}
#side ul.navi li a:hover {
    background: #FF8585 no-repeat 92% center;
    color: #FFFFFF;
    font-weight: bold;
}
#side ul.navi li a span {
    padding: 3px 0 5px 30px;
}
#side ul.navi li a span.ico01 {
    background: url(../img/common/sIco01Off.png) no-repeat left center;/* 配信管理 */
}
#side ul.navi li a:hover span.ico01,
#side ul.navi li a.current span.ico01 {
    background: url(../img/common/sIco01On.png) no-repeat left center;
}
#side ul.navi li a span.ico02 {
    background: url(../img/common/sIco02Off.png) no-repeat left center;/* ユーザー対応管理 */
}
#side ul.navi li a:hover span.ico02,
#side ul.navi li a.current span.ico02 {
    background: url(../img/common/sIco02On.png) no-repeat left center;
}
#side ul.navi li a span.ico03 {
    background: url(../img/common/sIco03Off.png) no-repeat left center;/* ページ管理 */
}
#side ul.navi li a:hover span.ico03,
#side ul.navi li a.current span.ico03 {
    background: url(../img/common/sIco03On.png) no-repeat left center;
}
#side ul.navi li a span.ico04 {
    background: url(../img/common/sIco04Off.png) no-repeat left center;/* ネットショップ管理 */
}
#side ul.navi li a:hover span.ico04,
#side ul.navi li a.current span.ico04 {
    background: url(../img/common/sIco04On.png) no-repeat left center;
}
#side ul.navi li a span.ico05 {
    background: url(../img/common/sIco05Off.png) no-repeat left center;/* その他 */
}
#side ul.navi li a:hover span.ico05,
#side ul.navi li a.current span.ico05 {
    background: url(../img/common/sIco05On.png) no-repeat left center;
}
#side ul.navi li a span.ico06 {
    background: url(../img/common/sIco06Off.png) no-repeat left center;/* 画像編集 */
}
#side ul.navi li a:hover span.ico06,
#side ul.navi li a.current span.ico06 {
    background: url(../img/common/sIco06On.png) no-repeat left center;
}
#side ul.navi li a span.ico07 {
    background: url(../img/common/sIco07Off.png) no-repeat left center;/* 携帯用管理画面 */
}
#side ul.navi li a:hover span.ico07,
#side ul.navi li a.current span.ico07 {
    background: url(../img/common/sIco07On.png) no-repeat left center;
}
#side ul.navi li a span.ico08 {
    background: url(../img/common/sIco08Off.png) no-repeat left center;/* お問い合わせ */
}
#side ul.navi li a:hover span.ico08,
#side ul.navi li a.current span.ico08 {
    background: url(../img/common/sIco08On.png) no-repeat left center;
}
#side ul.navi li a span.ico09 {
    background: url(../img/common/sIco09Off.png) no-repeat left center;/* ログアウト */
}
#side ul.navi li a:hover span.ico09,
#side ul.navi li a.current span.ico09 {
    background: url(../img/common/sIco09On.png) no-repeat left center;
}

/* 3DAYS OFF 2014.05.07 add by T.Tsuchiya
================================================= */
.threeDays {
    padding: 3px;
}

#side .subNavi ul.navi li.threeDays {
    padding: 3px;
    border-bottom: #DDDDDD 1px solid;
    background: #FFFFFF;
}
#side ul.navi li.threeDays a {
    display: block;
    padding: 0;
    background: none;
}

#side ul.navi li.threeDays a img {
    width: 100%;
}

#side .qrcode {
    clear: both;
    overflow: hidden;
    padding: 10px;
}
#side .qrcode .image {
    float: left;
    width: 90px;
}
#side .qrcode p {
    float: left;
    padding: 20px 0 0 10px;
    width: 110px;
    font-weight: 600;
}

/*---------------------------------------------------------------------------------------------
FOOTER
---------------------------------------------------------------------------------------------*/
#footer {
    width: 100%;
    /*padding: 30px 0 300px;*/
    padding: 30px 0 240px;
    background: #666666;
    text-align: center;
}
#footer ul {
    margin: 0 0 20px;
    padding: 0;
}
#footer ul li {
    display: inline;
    margin: 0 20px 0 0;
}
#footer ul li a {
    color: #FFFFFF;
}
#footer p.copyright {
    margin: 0;
    color: #CCCCCC;
}
#footerPageTop {
    display: none;
}

/*---------------------------------------------------------------------------------------------
検索条件
---------------------------------------------------------------------------------------------*/
.searchDis {
    margin: 0 0 10px;
}

.about_viewarea {
    position: absolute;
    top: 0;
    right: 0;
}
.about_viewarea .fa {
    color: #f66;
    font-size: 15px;
}

/*---------------------------------------------------------------------------------------------
表示箇所の確認
---------------------------------------------------------------------------------------------*/
.about_viewarea_target {
    display: none;
    margin: 0 0 20px;
    padding: 15px 20px;
    background-color: #fff;
    border-radius: 5px;
}
.about_viewarea_target .viewarea {
}
.about_viewarea_target .viewarea img {
    width: auto;
    max-width: 100%;
}
.about_viewarea_target .viewarea img.pc {
    display: inline;
}
.about_viewarea_target .viewarea img.spn {
    display: none;
}

/*---------------------------------------------------------------------------------------------
共通
---------------------------------------------------------------------------------------------*/
.dtlBox {
    padding: 0 0 100px;
             *padding: 0 0 300px;
         }

         /* 下層ページナビ
         ================================================= */
#navBox dl {
    float: left;
    width: 80px;
    margin: 0 15px 20px 0;
    text-align: center;
}
#navBox dl.current dt { /* 選択中 */
    background: #FF8585;
}
#navBox dl.current dd { /* 選択中 */
    color: #FF3300;
}
#navBox dl dt {
    background: #C9D739;
    width: 75px;
    margin: 0 0 10px;
    /*padding: 5px 5px 8px;*/
    padding: 10px 5px 8px;
    box-shadow: 2px 2px 3px #CCCCCC;
    -moz-box-shadow: 2px 2px 3px #CCCCCC;
    -webkit-box-shadow: 2px 2px 3px #CCCCCC;
    behavior: url(pie/PIE.htc);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;   	
}
#navBox dl dt img {
    height: 44px;
}
#navBox dl dd {
    width: 75px;
    height: 30px;
    line-height: 1.2;
    font-size: 73%;
}
#navBox dl a {
    display: block;
    color: #333333;
    _display: inline-block;
}
#navBox dl a:hover dt {
    background: #FF8585;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;    	
}

/* ヘルプリンク有のタイトル
================================================= */
.dtlBox .titleBox h2 {
    float: left;
}
.dtlBox .titleBox .helpLink {
    float: right;
}
.dtlBox .titleBox .helpLink a {
    padding: 3px 5px;
    background: #666666;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 138%;
}

/* サブナビ
================================================= */
.dtlBox .linkBox {
    margin: 0 0 0px;
}
.dtlBox .linkBox ul.subNavBox {
    float: left;
    margin: 7px 0 0;
            *white-space: nowrap;/* 縦並び・floatの隙間を解消 */
        }
        .dtlBox .linkBox ul.subNavBox li {
            float: left;
            margin: 0 1px 1px 0;
            color: #FFFFFF;
            font-weight: bold;
        }
        .dtlBox .linkBox ul.subNavBox li a {
            display: block;
            padding: 10px 20px;
            background: #CCCCCC;
            color: #FFFFFF;
                   *display: inline-block;
                   *zoom: 1;
               }
               .dtlBox .linkBox ul.subNavBox li a.current, /* 選択中 */
               .dtlBox .linkBox ul.subNavBox li a:hover {
                   background: #FF8585;
               }
               /* サンプル表示 */
               .formBox .sampleLink {
                   line-height: 24px;
                   font-size: 93%;
                   text-align: center;
               }
               .formBox .sampleLink a {
                   display: block;
                   float: right;
                   width: 130px;
                   margin: 0 0 0 7px;
                   border-radius: 10px;
                   background: #FBEAF2;
                   color: #333333;
               }
               .formBox .sampleLink a img {
                   vertical-align: middle;
                   margin: 0 7px 3px 0;
               }

               /* フォーム
               ================================================= */
/* フロー */
.formBox ul.flowBox {
    padding: 0 0 20px;
}
.formBox ul.flowBox li {
    float: left;
    width: 26%;
    margin: 0 10px 0 0;
    padding: 7px 0;
    border: #999999 1px solid;
    background: #FFFFFF;
    color: #999999;
    text-align: center;
}
.formBox ul.flowBox li.current {
    border: #FF8585 1px solid;
    background: #FF8585;
    color: #FFFFFF;
}
.formBox ul.flowBox li.csrFlow {
    width: 8px;
    height: 14px;
    padding: 20px 0 0;
    border: none;
    background: url(../img/layout/csrFlow.png) no-repeat left center;
}
.formBox ul.flowBox li.boxR {
    margin: 0;
}

/* コメント */
.formBox h3.formTit {
    line-height: 1.3;
    margin: 20px 0 10px;
    border-bottom: #CCCCCC 1px solid;
    font-size: 100%;
}
.formBox h3.formTit span.tit {
    display: inline-block;
    margin: 0 0 -1px;
    padding: 0 0 7px;
    border-bottom: #000000 1px solid;
    font-weight: bold;
}
.formBox p.formCmnt { /* フォーム上コメント */
    line-height: 1.4;
    margin: 0 0 15px;
}
.formBox p.formCmnt02 { /* フォーム上コメント（インデント有） */
    line-height: 1.4;
    margin: 0 0 15px;
    padding: 0 0 0 12px;
    text-indent: -12px;
}
.formBox p.comp { /* 送信後・編集完了後等のコメント */
    margin: 0 0 10px;
    color: #FF3300;
    font-size: 123%;
}

/* フォームテーブル */
.formBox table.tblForm,
.formBox table.tblForm02,
.formBox table.tblForm03,
.formBox table.tblForm04,
.formBox table.tblFormOp {
    width: 100%;
    /width: 70%;/* IE6/7 */
    margin: 0 0 20px;
}
/* 左タイトルテーブル */
.formBox table.tblForm th {
    width: 140px;
    line-height: 1.2;
    padding: 12px;
    border-top: #FFFFFF 1px solid;
    border-bottom: #CCCCCC 1px solid;
    background: #EEEEEE;
    font-weight: normal;
    text-align: right;
}
.formBox table.tblForm th.catn { /* 背景赤 */
    background: #FDDFDD;
}
.formBox table.tblForm th.thL { /* 3列時 */
    width: 100px;
    border-right: #FFFFFF 1px solid;
    text-align: center;
}
.formBox table.tblForm th.thCheck { /* 3列時 チェックボックス */
    width: 160px;
    text-align: left;
}
.formBox table.tblForm td {
    padding: 12px;
    border-top: #FFFFFF 1px solid;
    border-bottom: #CCCCCC 1px solid;
}
.formBox table.tblForm td.catn { /* 背景赤 */
    background: #FEF2F1;
}

/* 上タイトルテーブル */
.formBox table.tblForm02 th {
    line-height: 1.2;
    padding: 12px 10px;
    border-top: #CCCCCC 1px solid;
    border-right: #CCCCCC 1px solid;
    border-bottom: #CCCCCC 1px solid;
    background: #EEEEEE;
    font-weight: normal;
    text-align: center;
}
.formBox table.tblForm02 th:last-child {
    border-right:none;
}
.formBox table.tblForm02 th.thR {
    border-right: none;
}
.formBox table.tblForm02 th.btm {
    border-bottom: none;
}
.formBox table.tblForm02 td {
    padding: 12px 10px;
    border-right: #CCCCCC 1px solid;
    border-bottom: #CCCCCC 1px solid;
    word-break: break-all;
}
.formBox table.tblForm02 td:last-child {
    border-right: none;		
}
.formBox table.tblForm02 td.editButton {
    text-align:center;
}
.formBox table.tblForm02 td.td02 {
    padding: 12px 10px 12px 0;
    border-bottom: none;
}
.formBox table.tblForm02 td.td03 { /* 決算状況編集 */
    border-right: none;
    background: #EEEEEE;
    font-weight: bold;
    text-align: right;
}
.formBox table.tblForm02 td.amount { /* 決算状況（請求金額） */
    background: #FDEDB5;
    font-size: 116%;
}
.formBox table.tblForm02 td.tdR {
    border-right: none;
}

/* テーブルinテーブル */
.formBox table.tblForm03 th {
    line-height: 1.2;
    padding: 5px 10px;
    border: #CCCCCC 1px solid;
    background: #EEEEEE;
    font-weight: normal;
    text-align: center;
}
.formBox table.tblForm03 td {
    padding: 12px 10px;
    border-right: #CCCCCC 1px solid;
    border-left: #CCCCCC 1px solid;
    border-bottom: none;
}
.formBox table.tblForm03 td.btm {
    border-bottom: #CCCCCC 1px solid;
}
.formBox table.tblForm03 td a {
    display: block;
}

/* 通常テーブル */
.formBox table.tblForm04 {
    border-top: #CCCCCC 1px solid;
    border-left: #CCCCCC 1px solid;
}
.formBox table.tblForm04 th {
    line-height: 1.2;
    padding: 5px 10px;
    border-top: none;
    border-right: #CCCCCC 1px solid;
    border-bottom: #CCCCCC 1px solid;
    background: #EEEEEE;
    font-weight: normal;
    text-align: center;
}
.formBox table.tblForm04 td {
    padding: 5px 10px;
    border-right: #CCCCCC 1px solid;
    border-bottom: #CCCCCC 1px solid;
}
.formBox table.tblForm04 td a {
    display: block;
}
.formBox table.tblForm04 .blue { /* 背景青 */
    background: #6699CC;
    color: #FFFFFF;
}
.formBox table.tblForm04 .ylow { /* 背景黄色 */
    background: #FFFFCC;
}
.formBox table.tblForm04 .pink { /* 背景ピンク */
    background: #FFE4E1;
}

/* オリジナルフォーム（項目並び替え用） */
.formBox table.tblForm05 {
    width: 400px;
    margin: 0 0 15px;
    padding: 5px;
    border: #CCCCCC 1px solid;
}
.formBox table.tblForm05 th {
    width: 120px;
    line-height: 1.2;
    padding: 12px;
    background: #EEEEEE;
    font-weight: normal;
    text-align: right;
}
.formBox table.tblForm05 td {
    padding: 12px;
}

/* 申込機能設定用テーブル */
.formBox table.tblFormOp th {
    line-height: 1.2;
    padding: 12px;
    border-top: #FFFFFF 1px solid;
    border-bottom: #CCCCCC 1px solid;
    background: #EEEEEE;
    font-weight: normal;
    text-align: right;
}
.formBox table.tblFormOp th.thL { /* 3列時 */
    width: 100px;
    border-right: #FFFFFF 1px solid;
    text-align: center;
}
.formBox table.tblFormOp th.thL02 {
    width: 361px;
}
.formBox table.tblFormOp td {
    padding: 12px;
    border-top: #FFFFFF 1px solid;
    border-right: #CCCCCC 1px solid;
    border-bottom: #CCCCCC 1px solid;
}
.formBox table.tblFormOp td.tdInn {
    padding: 0;
    border-right: none;
}
.formBox table.tblFormOp td.tdR {
    padding: 12px 0 12px 12px;
    border-right: none;
}
.formBox table.tblFormOp .btm {
    border-bottom: none;
}

/* マージンなし */
.formBox table.noMgn {/* テーブルにマージンなし */
    margin: 0;
}

/* フォーム内コメント */
.formBox table td .cmnt01,
.formBox table td .cmnt02 {
    line-height: 1.3;
    font-size: 93%;
}
.formBox table td .cmnt01 { /* 上マージン */
    margin: 7px 0 0;
}
.formBox table td .cmnt02 { /* 下マージン */
    margin: 0 0 7px;
}
.formBox table td .cmnt03 { /* 背景有 */
    width:100%;
    line-height: 1.5;
    margin: 10px 0;
    padding: 5px;
    background: #FDECDB;
}
.formBox table td .int11,
.dtlTemp dl.templateDl dd.boxR .int11 { /* インデント11px */
    padding: 0 0 0 11px;
    text-indent: -11px;
}
.formBox table td .int22 { /* インデント22px */
    padding: 0 0 0 22px;
    text-indent: -22px;
}
.formBox table.tblForm td .imgBox {
    margin: 0 0 5px;
}
.formBox table.tblForm td .btnEdit { /* フォーム内のボタン */
    float: left;
    width: 100px;
    line-height: 30px;
    margin: 0 7px 0 0;
    border: #FEC412 1px solid;
    background: #FFFFFF;
    text-align: center;
}
.formBox table.tblForm td .btnEdit a {
    display: block;
}

/* 登録ボタン ページ内リンク */
.formBox .toBtnBox a {
    float: right;
    width: 100px;
    line-height: 30px;
    margin: 0 0 0 5px;
    border: #CCCCCC 1px solid;
    background: #FFFFFF;
    text-align: center;
}

/* フォームボタン */
.formBox .formBtnBox {
    height: 30px;
    margin: 0 0 100px;
    padding: 0;
    text-align: center;
}
.formBox .formBtnBox ul {
    margin: 0 auto;
    padding: 0;
}
.formBox .formBtnBox ul li {
    display: inline;
    margin: 0 0 10px;
}
.formBox .formBtnBox ul li a {
    display: inline-block;
    padding: 10px 30px;
    color: #FFFFFF;
    box-shadow: 2px 2px 3px #DDDDDD;
    -moz-box-shadow: 2px 2px 3px #DDDDDD;
    -webkit-box-shadow: 2px 2px 3px #DDDDDD;
    font-weight: bold;
    text-align: center;
    behavior: url(pie/PIE.htc);
}
.formBox .formBtnBox ul li.back a {
    background: #CCCCCC;
    margin: 0 30px 10px 0;
}
.formBox .formBtnBox ul li.pre a {
    background: #FEC412;
    margin: 0 30px 10px 0;
}
.formBox .formBtnBox ul li.dlt a {
    background: #9CDACB;
    margin: 0 30px 10px 0;
}

/*ページ送り
================================================= */
.pagingBox {
    margin: 0 0 10px;
}
.pagingBox p.pages {
    float: left;
    margin: 0;
    padding: 5px 0 0;
}
.pagingBox ul.pageNavi {
    float: right;
    margin: 0;
    padding: 0;
    font-size: 93%;
}
.pagingBox ul.pageNavi li {
    display: inline;
    margin: 0 2px 0 0;
    padding: 0;
    color: #ABABAB;
}
.pagingBox ul.pageNavi li span {
    display: inline-block;
    padding: 4px 6px;
}
.pagingBox ul.pageNavi li.current span {/* 選択中 */
    /*border: #999999 1px solid;*/
    background: #999999;
    color: #FFFFFF;
}
.pagingBox ul.pageNavi li.current a {/* 選択中 */
    border: #999999 1px solid;
    background: #999999;
    color: #FFFFFF;
    opacity: 1 !important;
    cursor:inherit;
}
.pagingBox ul.pageNavi li.next {
    margin: 0;
}
.pagingBox ul.pageNavi li a {
    display: inline-block;
    padding: 4px 6px;
    border: #999999 1px solid;
    background: #FFFFFF;
    color: #999999;
    text-decoration: none;
}
.pagingBox ul.pageNavi li.previous a,
.pagingBox ul.pageNavi li.next a {/* 前へ・次へ */
    display: inline-block;
    border: none;
    background: none;
    color: #1772B8;
}
.pagingBox .selectBox {
    float: right;
    margin: 0 0 0 10px;
    padding: 2px 0 0;
}

/*---------------------------------------------------------------------------------------------
推奨ブラウザについて
---------------------------------------------------------------------------------------------*/
.browserBox .browserBoxInn {
    line-height: 1.4;
}

/*---------------------------------------------------------------------------------------------
管理者からのお知らせ
---------------------------------------------------------------------------------------------*/
.dtlInfo .infoBox dl {
    margin: 0 0 10px;
}
.dtlInfo .infoBox dl dt {
    display: table-cell;
    width: 5%;
    vertical-align: top;
    padding: 0 20px 0 0;
    color: #FF6600;
           *display: inline;
           *zoom: 1;
       }
       .dtlInfo .infoBox dl dd {
           display: table-cell;
           width: 87%;
           line-height: 1.4;
           vertical-align: top;
           *display: inline;
           *zoom: 1;
       }
       .dtlInfo .infoBox dl dd a {
           display: block;
           color: #333333;
           text-decoration: underline;
       }
       .dtlInfo .infoBox dl dd a:hover {
           text-decoration: none;
       }

       /*---------------------------------------------------------------------------------------------
       登録済みクーポン一覧
       ---------------------------------------------------------------------------------------------*/
.dtlCoupon .couponBoxWrapper {
    overflow: hidden;
    margin: 0;
}
.dtlCoupon .couponBox {
    margin:0 auto;
    padding: 1px;
    background: url(/img/detail/couponBgBorder.gif) repeat left top;
    display: block;
    float: none;
}
.dtlCoupon .couponBox .inn {
    width: auto;
    background: url(/img/detail/couponBgUpper.gif) repeat-x left top #fff;
    border: solid 3px #fff;
    padding: 35px 0 0;
}
.dtlCoupon .couponBox h4.couponName {
    padding: 0;
    border: none;
    height: 36px;
    line-height: 36px;
    margin: 0;
    background: url(/img/detail/couponBgLogo.gif) no-repeat left center;
    text-align: center;
    color: #999;
}
.dtlCoupon .couponBox .inn .innBox {
    padding: 0 10px;
    background: url(/img/detail/couponBgUrl.gif) no-repeat center center;
    text-align: center;
    border-bottom: solid 15px #BECE3C;
}
.dtlCoupon .couponBox .inn .innSampleBox {
    background: url(/img/detail/couponLogoSample.gif) no-repeat center 10px;
}
.dtlCoupon .couponBox .inn .innBox .term {
    margin: 0;
    font-weight: bold;
    font-size: 108%;
}
.dtlCoupon .couponBox .inn .innBox .clName h3 {
    margin: 0;
    color: #FF6600;
    font-size: 138.5%;
}
.dtlCoupon .couponBox .inn .innBox h5.service {
    line-height: 1.3;
    margin: 0;
    color: #006600;
    font-size: 197%;
}
.dtlCoupon .couponBox .inn .innBox .note {
    margin: 0;
    font-size: 77%;
    text-align: left;
}
.dtlCoupon .couponBox .inn .innBox .sample {
    margin: 0;
    color: #f33;
    font-size: 116%;
    font-weight: bold;
    text-align: center;
}

/*---------------------------------------------------------------------------------------------
空メール登録アンケート
---------------------------------------------------------------------------------------------*/
.dtlQuest table.tblQuest {
    margin: 0 0 40px;
}
.dtlQuest table.tblForm td.questTxtBox01 {
    line-height: 1.5;
    padding: 10px 0 0;
    border-bottom: none;
    font-size: 93%;
}
.dtlQuest table.tblForm td.questTxtBox01 a {
    text-decoration: underline;
}
.dtlQuest .questBox01 {
    display: inline-block;
    width: 240px;
    height: auto;
    min-height: 86px;
    overflow: visible;
    padding: 5px;
    border: #CCCCCC 1px solid;
    color: #000000;
}
.dtlQuest .questBox02 {
    display: inline-block;
    cursor: pointer;
    width: 240px;
    height: auto;
    min-height: 86px;
    overflow: visible;
    padding: 5px;
    border: #CCCCCC 1px solid;
    color: #A9A9A9;
}
.dtlQuest table.tblQuest td dl.questQa {
    margin: 0 0 10px;
}
.dtlQuest table.tblQuest td dl.questQa dt {
    display: table-cell;
             *display: inline;
             *zoom: 1;
         }
         .dtlQuest table.tblQuest td dl.questQa dd {
             display: table-cell;
                      *display: inline;
                      *zoom: 1;
                  }

                  /*---------------------------------------------------------------------------------------------
                  空メール登録アンケート集計結果
                  ---------------------------------------------------------------------------------------------*/
.dtlQuest .graphBox .graph01 {
    float: left;
    margin: 0 15px 20px 0;
}

/*---------------------------------------------------------------------------------------------
テンプレート選択
---------------------------------------------------------------------------------------------*/
/* 通常テンプレート
================================================= */
.dtlTemp table.tblBasic {
    width: 100%;
    margin: 0 0 20px;
}
.dtlTemp table.tblBasic th {
    padding: 0 0 10px;
}
.dtlTemp table.tblBasic td {
    vertical-align: top;
}
.dtlTemp table.tblBasic th h4 {
    padding: 7px;
    border: #CCCCCC 1px solid;
    background: #EEEEEE;
    font-weight: normal;
    font-size: 100%;
    text-align: center;
}
.dtlTemp table.tblBasic .tblBasicL {
    width: 290px;
}
.dtlTemp table.tblBasic .tblBasicL td,
.dtlBox .dtlPrvBox, /* 総合管理画面用 */
#cmsContents-box .dtlPrvBox /* 総合管理画面用 */ {
    padding: 3px 3px 0;
    border: #CCCCCC 1px solid;
    background: #EDEDED;
}
.dtlTemp table.tblBasic .tblBasicL td img,
.dtlBox .dtlPrvBox img, /* 総合管理画面用 */
#cmsContents-box .dtlPrvBox img /* 総合管理画面用 */ {
    margin: 0 0 3px;
}
.dtlTemp table.tblBasic .tblBasicR {
    width: 100%;
    padding: 0 0 0 10px;
}
.dtlTemp table.tblBasic .tblBasicR td {
    padding: 0 0 20px;
}
.dtlTemp table.tblBasic .tblBasicR th h4 {
    text-align: left;
}
.dtlTemp table.tblBasic .tblBasicR th h4 a:hover {
    text-decoration: underline;
}
/* 選択リスト */
.dtlTemp table.tblBasic .tblBasicR #temp02,
.dtlTemp table.tblBasic .tblBasicR #temp03 {
    display: none;
}
.dtlTemp table.tblBasic .tblBasicR .tempListBox dl {
    float: left;
    width: 190px;
    margin: 0 5px 5px 0;
    border: #DDDDDD 1px solid;
}
.dtlTemp table.tblBasic .tblBasicR .tempListBox dl dt {
    height: 65px;
    padding: 5px 5px 0 5px;
    border-bottom: #DDDDDD 1px solid;
    background: #FFFFFF;
}
.dtlTemp table.tblBasic .tblBasicR .tempListBox dl dt input {
    margin: 0 0 7px;
}
.dtlTemp table.tblBasic .tblBasicR .tempListBox dl dt div {
    margin: 0 0 3px;
}
.dtlTemp table.tblBasic .tblBasicR .tempListBox dl dt div span {
    margin: 0 5px 0 0;
    font-weight: bold;
}
.dtlTemp table.tblBasic .tblBasicR .tempListBox dl dt div span.titL {
    color: #339900;
}
.dtlTemp table.tblBasic .tblBasicR .tempListBox dl dt div span.titR {
    color: #FF3333;
}
.dtlTemp table.tblBasic .tblBasicR .tempListBox dl dd {
    height: 156px;
    padding: 7px;
    text-align: center;
}
.dtlTemp table.tblBasic .tblBasicR .tempListBox dl dd p {
    height: 50px;
    line-height: 1.5;
    margin: 0 0 10px;
    text-align: left;
}
/* パーツ並び替え */
.dtlTemp table.tblBasic .tblBasicR .partsBoxL {
    float:left;
    width:262px;
    margin: 0 10px 0 0;
}
.dtlTemp table.tblBasic .tblBasicR .partsBoxL #sortable {
    width: 262px;
}
.dtlTemp table.tblBasic .tblBasicR .partsBoxL #sortable li {
    cursor: move;
    height: 35px;
    line-height: 33px;
    margin: 0 0 10px;
    padding: 0 0 0 35px;
    font-weight:bold;
    font-size: 114%;
}
.dtlTemp table.tblBasic .tblBasicR .partsBoxL #sortable li span {
    position: absolute;
    margin: 0 0 0 10px;
}
.dtlTemp table.tblBasic .tblBasicR .partsBoxL .ui-state-default {
    border: none;
    background: url(/admin/img/bg_parts.jpg) no-repeat;
}
.dtlTemp table.tblBasic .tblBasicR .partsBoxL .ui-state-default .ui-icon {
    background: none;
}

/* オリジナルテンプレート
================================================= */
.dtlTemp dl.templateDl {
    display: block;
    overflow: auto;
    margin: 0 0 20px;
    padding: 0;
    border: #CCCCCC 1px solid;
}
.dtlTemp dl.templateDl a {
    text-decoration: underline;
}
.dtlTemp dl.templateDl a:hover {
    text-decoration: none;
}
.dtlTemp dl.templateDl dt {
    line-height: 1.3em;
    margin: 0;
    padding: 5px;
    border-bottom: #CCCCCC 1px solid;
    background: #F7F7F7;
}
.dtlTemp dl.templateDl dd {
    display: table-cell;
    vertical-align: top;
    margin: 0;
    padding: 10px 0 10px 10px;
             *display: inline;
             *zoom: 1;
         }
         .dtlTemp dl.templateDl dd p {
             display: block;
             line-height: 1.3em;
             margin: 0 0 8px;
         }
         .dtlTemp dl.templateDl dd.imgBox {
             width: 160px;
         }
         .dtlTemp dl.templateDl dd.boxR {
             padding: 10px;
         }
         .dtlTemp dl.templateDl dd.boxR span {
             float: left;
             width: 105px;
             margin: 0 5px 0 0;
             padding: 2px 0 0;
             text-align: right;
         }
         .dtlTemp dl.templateDl dd p.red {
             color: #FF0000;
         }
         .dtlTemp dl.templateDlActive {
             border: #F4BBBE 1px solid;
         }
         .dtlTemp dl.templateDlActive dt {
             border-bottom: #F4BBBE 1px solid;
             background: #FBE6E7;
         }

         /*---------------------------------------------------------------------------------------------
         TOPページ編集
         -------------------------------------------------------------------------------------------- */
/* ダイジェストプレビュー用 */
.dtlTop .dgtListBox {
    margin: 10px 0 0 0;
}
.dtlTop .pvBox {
    margin: 0 0 20px;
}
.dtlTop .dgtListBox .inn {
    margin: 0 0 10px;
}
.dtlTop .dgtListBox .inn .ph {
    float: left;
    width: 125px;
    margin: 0 0 -125px;
}
.dtlTop .dgtListBox .inn .ph img {
    padding: 1px;
    border: #DDDDDD 1px solid;
}
.dtlTop .dgtListBox .inn .text {
    float: right;
    width: 100%;
}
.dtlTop .dgtListBox .inn .text p.cate {
    line-height: 1.2;
    margin: 0 0 5px 125px;
    color: #669900;
    font-size: 93%;
}
.dtlTop .dgtListBox .inn .text h3 {
    line-height: 1.2;
    margin: 0 0 10px 125px;
    font-weight: normal;
    font-size: 100%;
}
.dtlTop .dgtListBox .inn .text h2 {
    float: left;
    line-height: 1.3;
    margin: 0 0 3px 125px;
    color: #0036D3;
    font-weight: bold;
    font-size: 131%;
}
/*.dtlTop .dgtListBox .inn .text p.dtl-cate {
margin: 1px 0 1px 0;
font-size: 85%;
line-height: 1.1em;
font-weight: bold;
color: #993366;
}*/
.dtlTop .dgtListBox .inn .text p.address {
    clear: left;
    line-height: 1.2;
    margin: 0 0 0 125px;
    font-size: 100%;
}
/* 店舗TOPページプレビュー用 */
.dtlTop .topPv {
    text-align: center;
}
.dtlTop dl.topListBox {
    margin: 50px 0 0 15px;
}
.dtlTop dl.topListBox dt {
    margin: 0 0 15px;
    padding: 0 0 0 20px;
    text-indent: -20px;
}
.dtlTop dl.topListBox dt span.num {
    margin: 0 7px 0 0;
    color: #FF3300;
    font-weight: bold;
    font-size: 123%;
}
.dtlTop dl.topListBox dt a {
    display: block;
}

/*---------------------------------------------------------------------------------------------
オリジナルフォーム
-------------------------------------------------------------------------------------------- */
/* 上部メニューボタン */
.dtlBform .menuBtnBox {
    margin: 0 0 20px;
}
.dtlBform .menuBtnBox ul.menuBtnUl {
    width: auto;
    margin: 0;
    padding: 0 10px;
}
/* IE6 */
* html .dtlBform .menuBtnBox ul.menuBtnUl {
    width: 100%;
}
.dtlBform .menuBtnBox ul.menuBtnUl li {
    float: left;
    width: 120px;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
    border-right: #DDDDDD 1px dotted;
    text-align: center;
}
.dtlBform .menuBtnBox ul.menuBtnUl li a {
    display: block;
    width: 110px;
    padding: 5px;
    border: #FFFFFF 1px solid;
    color: #666666;
}
.dtlBform .menuBtnBox ul.menuBtnUl li a:hover {
    border-radius: 4px;
    border: #FFCC33 1px solid;
    color: #FF0000;
}
.dtlBform .menuBtnBox ul.menuBtnUl li a:active {
    background: #FFFFFF;
}
.dtlBform .menuBtnBox ul.menuBtnUl li a.on {
    border-radius: 4px;
    border: #FFCC33 1px solid;
}
.dtlBform .menuBtnBox ul.menuBtnUl li span {
    display: block;
    line-height: 1.1em;
    margin: 4px 0 0 0;
}
/* メニューボタン用 */
.dtlBform .subMenuBox {
    height: 40px;
    margin: 0 0 10px;
    padding: 0 8px;
    border: #DFDFDF 1px solid;
    background: #EEEEEE;
}
.dtlBform .subMenuBox ul {
    height: 30px;
    line-height: 16px;
    padding: 10px 0 0;
}
.dtlBform .subMenuBox ul li {
    float: left;
    height: 24px;
    padding: 4px 2px 0;
    color: #CCCCCC;
}
.dtlBform .subMenuBox ul li a {
    display: block;
    height: 24px;
    margin: -9px 0 0;
    padding: 10px 21px 0;
    border-top: #F4F4F4 1px solid;
    color: #999999;
}
.dtlBform .subMenuBox ul li a:hover,
.dtlBform .subMenuBox ul li a.active {
    padding: 10px 20px 0;
    border-radius: 5px 5px 0 0;
    border: #FF8585 1px solid;
    border-bottom: none;
    background: #FFFFFF;
    color: #FF8585;
    font-weight: bold;
}
.dtlBform .subMenuBox ul li.bdrNon {
    background: none;
}
/* 項目設定：回答形式 */
.dtlBform .AnswTempBox dl {
    float: left;
    width: 200px;
    margin: 0 5px 5px 0;
    border: #DDDDDD 1px solid;
}
.dtlBform .AnswTempBox dl dt {
    height: 45px;
    padding: 5px;
    border-bottom: #DDDDDD 1px solid;
    background: #FFFFFF;
}
.dtlBform .AnswTempBox dl dd {
    padding: 10px 0;
    text-align: center;
}
/* 項目設定：項目並び替え */
.dtlBform .itemBox {
    margin: 0 0 20px;
}
.dtlBform .itemBox .fltL {
    float: left;
    margin: 0 20px 0 0;
}
.dtlBform .itemBox .move {
    cursor: move;
}
.dtlBform .itemBox .fltR {
    float: left;
}
/* デザイン設定 */
.dtlBform dl.formDesign {
    overflow: hidden;
    margin: 0;
    padding: 10px 20px 0 10px;
}
.dtlBform dl.formDesign dt {
    float: left;
    margin: 0 10px 0 0;
}
.dtlBform dl.formDesign dd {
    float: left;
    margin: 0;
}
/* 回答統計 */
.dtlBform dl.graphColor {
    display: inline;
    margin: 0 0 0 10px;
}
.dtlBform dl.graphColor dt {
    display: inherit;
}
.dtlBform dl.graphColor dd {
    display: inherit;
}

/*---------------------------------------------------------------------------------------------
オリジナルページ
-------------------------------------------------------------------------------------------- */
/* メニューバー
================================================= */
.dtlBbox .menubarBox {
    margin: 0 0 20px;
    border-bottom: #FF8585 4px solid;
}
.dtlBbox .menubarBox ul li {
    float: left;
    width: 100px;
    height: auto;
    line-height: 16px;
    margin: 0 7px 0 0;
    padding: 0;
    background: #EEEEEE;
    text-align: center;
}
.dtlBbox .menubarBox ul li a {
    display: block;
    cursor: move;
    padding: 5px 0;
    color: #999999;
}
.dtlBbox .menubarBox ul li.act {
    border: #FF8585 1px solid;
    border-bottom: none;
    background: #FFFFFF;
    color: #FF8585;
    font-weight: bold;
}
.dtlBbox .menubarBox ul li.act a {
    color: #FF8585;
}
.dtlBbox .menubarBox ul li.move a:hover {
    padding: 4px 0;
    border: #FF8585 1px solid;
    border-bottom: none;
    background: #FFFFFF;
    color: #FF8585;
}
/* ページの体裁設定
================================================= */
.dtlBbox .dspEditBox {
    width: 700px;
    overflow: hidden;
    margin: 0 0 40px;
}
.dtlBbox .editBoxL {
    float: left;
    width: 440px;
    height: auto;
    overflow: hidden;
}
.dtlBbox .dspEditBox ul {
    float: left;
}
.dtlBbox .dspEditBox ul li {
    border: #EEEEEE 5px solid;
    margin: 0 0 20px;
    padding: 10px;
}
.dtlBbox .dspEditBox ul li.move {
    cursor: move;
}
.dtlBbox .dspEditBox ul li.btnAddBox {
    border: #EEEEEE 5px dashed;
    text-align: center;
}
.dtlBbox .dspEditBox ul li.btnAddBox .btnAdd {
    width: 120px;
    line-height: 35px;
    margin: 0 auto;
    background: #D3D3D3;
}
.dtlBbox .dspEditBox ul li.btnAddBox .btnAdd a {
    display: block;
    color: #FFFFFF;
    box-shadow: 2px 2px 3px #DDDDDD;
    -moz-box-shadow: 2px 2px 3px #DDDDDD;
    -webkit-box-shadow: 2px 2px 3px #DDDDDD;
    font-weight: bold;
    behavior: url(pie/PIE.htc);
}
.dtlBbox .dspEditBox ul li.btnDltBox {
    border: none;
    text-align: center;
}
.dtlBbox .dspEditBox ul li.btnDltBox .btnDlt {
    line-height: 40px;
    margin: 0 auto;
    background: #9CDACB;
}
.dtlBbox .dspEditBox ul li.btnDltBox .btnDlt a {
    display: block;
    color: #FFFFFF;
    box-shadow: 2px 2px 3px #DDDDDD;
    -moz-box-shadow: 2px 2px 3px #DDDDDD;
    -webkit-box-shadow: 2px 2px 3px #DDDDDD;
    font-weight: bold;
    behavior: url(pie/PIE.htc);
}
.dtlBbox .dspEditBox ul li table td {
    padding: 0;
}
.dtlBbox .dspEditBox ul li table td .btn {
    margin: 10px 10px 10px 0;
}
.dtlBbox .editBoxR {
    float: right;
    width: 252px;
    height: auto;
    overflow: hidden;
}
.dtlBbox .editBoxR .btnOk {
    width: 140px;
    line-height: 35px;
    margin: 15px auto 0;
    background: #FEC412;
    text-align: center;
}
.dtlBbox .editBoxR .btnOk a {
    display: block;
    color: #FFFFFF;
    box-shadow: 2px 2px 3px #DDDDDD;
    -moz-box-shadow: 2px 2px 3px #DDDDDD;
    -webkit-box-shadow: 2px 2px 3px #DDDDDD;
    font-weight: bold;
    behavior: url(pie/PIE.htc);
}
/* 段落パターン選択
================================================= */
.dtlBbox .bBoxPtn {
    margin: 0 0 20px;
}
.dtlBbox .bBoxPtn .inner {
    float: left;
    margin: 0 20px 20px 0;
}
.dtlBbox .bBoxPtn .inner a {
    display: block;
}
/* ページの記事設定
================================================= */
.dtlBbox .dspEditBox2 .setCmntOn {
    line-height: 1.6;
    padding: 0 0 0 20px;
    background: url(/admin/img/btn_valid_1.gif) no-repeat 0;
}
.dtlBbox .dspEditBox2 .setCmntOff {
    line-height: 1.6;
    padding: 0 0 0 20px;
    background: url(/admin/img/btn_valid_0.gif) no-repeat 0;
}
/* メニューデザイン設定
================================================= */
.dtlBbox .menuLinkBox {
    width: 450px;
    margin: 5px;
    padding: 0 10px;
    border: #CCCCCC 1px solid;
}
.dtlBbox .menuLinkBox .app {
    margin: 7px 0 0;
}
/* 段落線[1]設定
================================================= */
.dtlBbox a.bdrA {
    display: block;
    width: 300px;
}
.dtlBbox a.bdrA .bdrBox {
    width: 300px;
    margin: 5px;
    padding: 0 10px;
    border: #CCCCCC 1px solid;
}
/* フッターリンク設定
================================================= */
.dtlBbox .btnNew {
    width: 100px;
    line-height: 35px;
    margin: 0 0 10px;
    background: #9CDACB;
    text-align: center;
}
.dtlBbox .btnNew a {
    display: block;
    color: #FFFFFF;
    box-shadow: 2px 2px 3px #DDDDDD;
    -moz-box-shadow: 2px 2px 3px #DDDDDD;
    -webkit-box-shadow: 2px 2px 3px #DDDDDD;
    font-weight: bold;
    behavior: url(pie/PIE.htc);
}


/* エラー */
.errorBox {
    margin: 15px 0;
    padding: 11px 10px 16px 14px;
    background: #FFD9EF no-repeat 10px;
    line-height: 1;
}
.errorBox i{
    font-size:150%;
}


/* 変更完了 */
.completeBox {
    margin: 15px 0;
    padding: 11px 10px 16px 14px;
    background: #CCFFCC no-repeat 10px;
    line-height: 1;
}

.completeBox i{
    font-size:150%;
}

/*---------------------------------------------------------------------------------------------
街パシャ管理
-------------------------------------------------------------------------------------------- */
/* 街パシャ編集 > コメント */
.commentBox {}
.commentBox .comment {
    margin: 0 0 10px;
}
.commentBox .comment .base {
    padding: 5px;
    color:#fff;
    background-color:#999;
    clear: both;
    overflow: hidden;
}
.commentBox .comment .base .dat {
    float: left;
}
.commentBox .comment .base .btn {
    float: right;
}
.commentBox .comment .base a {
    color:#fff;
    text-decoration: underline;
}
.commentBox .comment .base a:hover {
    text-decoration: none;
}
.commentBox .comment .content {
    padding: 5px;
}
.commentBox .comment .valid {
    padding: 5px 5px 3px;
    background: #F5F5F5;
    border-bottom: 1px solid #ccc;
}
.commentBox .comment .valid img {
    margin: 2px 6px 4px 0;
    vertical-align: middle;
}
.commentBox .comment .valid a {
    padding: 5px 5px 5px 8px;
    background: url(/admin/img/csr_sub.gif) no-repeat left 7px;
}
.commentBox .comment .valid a:hover {
    color: #FF0000;
}

.commentBox .reply {
    margin: 0 0 10px 50px;
}
.commentBox .reply .base {
    padding: 5px;
    color:#fff;
    background-color:#8BB6CF;
    clear: both;
    overflow: hidden;
}
.commentBox .reply .base .dat {
    float: left;
}
.commentBox .reply .base .btn {
    float: right;
}
.commentBox .reply .base a {
    color:#fff;
    text-decoration: underline;
}
.commentBox .reply .base a:hover {
    text-decoration: none;
}
.commentBox .reply .content {
    padding: 5px;
}
.commentBox .reply .valid {
    padding: 5px 5px 3px;
    background: #F5F5F5;
    border-bottom: 1px solid #ccc;
}
.commentBox .reply .valid img {
    margin: 2px 6px 4px 0;
    vertical-align: middle;
}
.commentBox .reply .valid a {
    padding: 5px 5px 5px 8px;
    background: url(/admin/img/csr_sub.gif) no-repeat left 7px;
}
.commentBox .reply .valid a:hover {
    color: #FF0000;
}

/*---------------------------------------------------------------------------------------------
推奨ブラウザについて
---------------------------------------------------------------------------------------------*/
.browserBox .browserBoxInn {
    line-height: 1.4;
}
.browserBox .browserBoxInn dl {
    clear: both;
    overflow: hidden;
    margin: 5px 0;
    padding: 5px 0;
    border-top: 1px solid #ccc;
}
.browserBox .browserBoxInn .bw {
    padding: 10px 0;
}
.browserBox .browserBoxInn .bw dl:last-child {
    border-bottom: 1px solid #ccc;
}
.browserBox .browserBoxInn .bw dl dt,
.browserBox .browserBoxInn .bw dl dd {
    float: left;
}
.browserBox .browserBoxInn .bw dl dt {
    width: 30%;
}
.browserBox .browserBoxInn .bw dl dd {
    width: 70%;
}
.browserBox .browserBoxInn ul {
    clear: both;
    overflow: hidden;
}
.browserBox .browserBoxInn ul li {
    margin: 0 0 5px;
}
.browserBox .browserBoxInn p {
}

/*=================================================
== 店舗TOPクリッカブルリンク
=================================================*/
.dtlPrvBox .imageBox {
    position: relative;
}
.dtlPrvBox .imageBox a {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    /*
    background-color: rgba(0, 0, 0, .45);
    border-radius: 20px;
     */
cursor: default;
}
.dtlPrvBox .imageBox a.clickable {
    cursor: pointer;
    /*background-color: rgba(255, 0, 0, .45);*/
}
.dtlPrvBox .imageBox a.clickable:hover {
    /*background-color: rgba(255, 0, 255, .45);*/
}

.dtlPrvBox .imageBox a#clickableLink1  {top: 3px; left: 113px;}      /* id:1 */
.dtlPrvBox .imageBox a#clickableLink2  {top: 0px; left: 25px;}      /* id:2 */
.dtlPrvBox .imageBox a#clickableLink12 {top: 2px; left: 151px;}      /* id:12 */
.dtlPrvBox .imageBox a#clickableLink_relation {top: 10px; left: 131px;}      /* id:relation */
.dtlPrvBox .imageBox a#clickableLink_map {top: 25px; left: 131px;}      /* id:map */

/* = メイン部分
==========================================*/
/* 1 */
.dtlPrvBox .imageBox a.clickableLinkMain1#clickableLink3  {top: 40px; left: 140px;}      /* id:3 */
.dtlPrvBox .imageBox a.clickableLinkMain1#clickableLink4  {bottom: 23px; left: 132px;}      /* id:4 */

/* 2 */
.dtlPrvBox .imageBox a.clickableLinkMain2#clickableLink3  {top: 40px; left: 120px;}      /* id:3 */
.dtlPrvBox .imageBox a.clickableLinkMain2#clickableLink4  {bottom: 23px; left: 132px;}      /* id:4 */

/* 3 */
.dtlPrvBox .imageBox a.clickableLinkMain3#clickableLink3  {top: 40px; left: 140px;}      /* id:3 */
.dtlPrvBox .imageBox a.clickableLinkMain3#clickableLink4  {bottom: 23px; left: 65px;}      /* id:4 */

/* 4 */
.dtlPrvBox .imageBox a.clickableLinkMain4#clickableLink3  {top: 20px; left: 140px;}      /* id:3 */
.dtlPrvBox .imageBox a.clickableLinkMain4#clickableLink4  {bottom: 18px; left: 55px;}      /* id:4 */

/* 5 */
.dtlPrvBox .imageBox a.clickableLinkMain5#clickableLink3  {top: 72px; left: 197px;}      /* id:3 */
.dtlPrvBox .imageBox a.clickableLinkMain5#clickableLink4  {top: 72px; left: 55px;}      /* id:4 */

/* 6 */
.dtlPrvBox .imageBox a.clickableLinkMain6#clickableLink3  {top: 72px; left: 65px;}      /* id:3 */
.dtlPrvBox .imageBox a.clickableLinkMain6#clickableLink4  {top: 72px; left: 210px;}      /* id:4 */

/* 7 */
.dtlPrvBox .imageBox a.clickableLinkMain7#clickableLink3  {top: 47px; left: 130px;}      /* id:3 */
.dtlPrvBox .imageBox a.clickableLinkMain7#clickableLink4  {top: 130px; left: 132px;}      /* id:4 */

/* = インフォメーション部分
==========================================*/
/* 1 */
.dtlPrvBox .imageBox a.clickableLinkInfo1#clickableLink5  {top: 20px; left: 120px;}     /* id:5 */
.dtlPrvBox .imageBox a.clickableLinkInfo1#clickableLink6  {top: 20px; left: 147px;}     /* id:6 */
.dtlPrvBox .imageBox a.clickableLinkInfo1#clickableLink7  {bottom: 3px; left: 132px;}     /* id:7 */
.dtlPrvBox .imageBox a.clickableLinkInfo1#clickableLink8  {top: 90px; left: 60px;}     /* id:8 */
.dtlPrvBox .imageBox a.clickableLinkInfo1#clickableLink9  {top: 90px; right: 60px;}     /* id:9 */

/* 2 */
.dtlPrvBox .imageBox a.clickableLinkInfo2#clickableLink5  {top: 20px; left: 120px;}     /* id:5 */
.dtlPrvBox .imageBox a.clickableLinkInfo2#clickableLink6  {top: 20px; left: 147px;}     /* id:6 */
.dtlPrvBox .imageBox a.clickableLinkInfo2#clickableLink7  {bottom: 3px; left: 132px;}     /* id:7 */
.dtlPrvBox .imageBox a.clickableLinkInfo2#clickableLink8  {top: 90px; right: 60px;}     /* id:8 */
.dtlPrvBox .imageBox a.clickableLinkInfo2#clickableLink9  {top: 90px; left: 60px;}     /* id:9 */

/* 3 */
.dtlPrvBox .imageBox a.clickableLinkInfo3#clickableLink5  {top: 60px; left: 45px;}     /* id:5 */
.dtlPrvBox .imageBox a.clickableLinkInfo3#clickableLink6  {top: 60px; left: 72px;}     /* id:6 */
.dtlPrvBox .imageBox a.clickableLinkInfo3#clickableLink7  {bottom: 3px; left: 132px;}     /* id:7 */
.dtlPrvBox .imageBox a.clickableLinkInfo3#clickableLink8  {top: 30px; left: 205px;}     /* id:8 */
.dtlPrvBox .imageBox a.clickableLinkInfo3#clickableLink9  {top: 100px; left: 205px;}     /* id:9 */

/* 4 */
.dtlPrvBox .imageBox a.clickableLinkInfo4#clickableLink5  {top: 60px; right: 72px;}     /* id:5 */
.dtlPrvBox .imageBox a.clickableLinkInfo4#clickableLink6  {top: 60px; right: 45px;}     /* id:6 */
.dtlPrvBox .imageBox a.clickableLinkInfo4#clickableLink7  {bottom: 3px; left: 132px;}     /* id:7 */
.dtlPrvBox .imageBox a.clickableLinkInfo4#clickableLink8  {top: 30px; right: 200px;}     /* id:8 */
.dtlPrvBox .imageBox a.clickableLinkInfo4#clickableLink9  {top: 100px; right: 200px;}     /* id:9 */

/* 5 */
.dtlPrvBox .imageBox a.clickableLinkInfo5#clickableLink5  {top: 60px; left: 45px;}     /* id:5 */
.dtlPrvBox .imageBox a.clickableLinkInfo5#clickableLink6  {top: 60px; left: 72px;}     /* id:6 */
.dtlPrvBox .imageBox a.clickableLinkInfo5#clickableLink7  {bottom: 3px; left: 132px;}     /* id:7 */
.dtlPrvBox .imageBox a.clickableLinkInfo5#clickableLink8  {top: 90px; right: 60px;}     /* id:8 */
.dtlPrvBox .imageBox a.clickableLinkInfo5#clickableLink9  {top: 18px; right: 60px;}     /* id:9 */

/* 6 */
.dtlPrvBox .imageBox a.clickableLinkInfo6#clickableLink5  {top: 60px; left: 190px;}     /* id:5 */
.dtlPrvBox .imageBox a.clickableLinkInfo6#clickableLink6  {top: 60px; left: 217px;}     /* id:6 */
.dtlPrvBox .imageBox a.clickableLinkInfo6#clickableLink7  {bottom: 3px; left: 132px;}     /* id:7 */
.dtlPrvBox .imageBox a.clickableLinkInfo6#clickableLink8  {top: 90px; left: 60px;}     /* id:8 */
.dtlPrvBox .imageBox a.clickableLinkInfo6#clickableLink9  {top: 18px; left: 60px;}     /* id:9 */


/*---------------------------------------------------------------------------------------------
共通
---------------------------------------------------------------------------------------------*/
.topBox {
    padding: 0 0 100px;
             *padding: 0 0 300px;
         }
         .topBox .topBoxInn {
             margin: 20px 0;
         }
         .topBox .topBoxInn dl {
             float: left;
             width: 240px;
             height: 250px;
             margin: 0 28px 30px 0;
             padding: 10px 20px;
             text-align: center;
             background-color: #FFFFFF;
             border: #CCCCCC 1px solid;
                     *white-space: nowrap;/*IE6で文字列が縦並びになってしまうものを解消*/
                 }
                 .topBox .topBoxInn dl a dt {
                     background: #C9D739;
                     width: 200px;
                     margin: 0 0 12px;
                     padding: 20px 0;
                     /*box-shadow: 2px 2px 3px #CCCCCC;
                     -moz-box-shadow: 2px 2px 3px #CCCCCC;
                     -webkit-box-shadow: 2px 2px 3px #CCCCCC;
                     behavior: url(pie/PIE.htc);*/
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
-ms-transition: all .2s ease;   	
}
.topBox .topBoxInn dl a:hover dt{
    background: none repeat scroll 0% 0% #FF8585;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;  	
}
.topBox .topBoxInn dl a {
    display: block;
    color: #333333;
    _display: inline-block;
}
.topBox .topBoxInn dl dd {
    margin: 0;
    font-weight: bold;
}
.topBox .topBoxInn dl dd.txt {
    margin: 7px 0 0;
    color: #666666;
    font-weight: normal;
    text-align: left;
}

.topInfoBox {
    margin: 0 0 30px;
}



/*---------------------------------------------------------------------------------------------
アラート
---------------------------------------------------------------------------------------------*/
.topBox .alertBox {
    margin: 0 0 40px;
}
.topBox .alertBox dl {
    margin: 0 0 10px;
}
.topBox .alertBox dl dt {
    display: table-cell;
    width: 5%;
    vertical-align: top;
    padding: 0 20px 0 0;
    color: #FF6600;
           *display: inline;
           *zoom: 1;
       }
       .topBox .alertBox dl dd {
           display: table-cell;
           width: 87%;
           line-height: 1.4;
           vertical-align: top;
           *display: inline;
           *zoom: 1;
       }
       .topBox .alertBox dl dd a {
           display: block;
           text-decoration: underline;
       }
       .topBox .alertBox dl dd a:hover {
           text-decoration: none;
       }

       /*---------------------------------------------------------------------------------------------
       管理者からのお知らせ
       ---------------------------------------------------------------------------------------------*/
.topBox .infoBox dl {
    margin: 0 0 10px;
}
.topBox .infoBox dl dt {
    display: table-cell;
    width: 5%;
    vertical-align: top;
    padding: 0 20px 0 0;
    color: #FF6600;
           *display: inline;
           *zoom: 1;
       }
       .topBox .infoBox dl dd {
           display: table-cell;
           width: 87%;
           line-height: 1.4;
           vertical-align: top;
           *display: inline;
           *zoom: 1;
       }
       .topBox .infoBox dl dd a {
           display: block;
           color: #333333;
           text-decoration: underline;
       }
       .topBox .infoBox dl dd a:hover {
           text-decoration: none;
       }



       /*---------------------------------------------------------------------------------------------
       TOP全メニュー
       ---------------------------------------------------------------------------------------------*/
.topBox .allMenu {
    margin: 0;
    padding: 20px;
    border: #DDDDDD 1px solid;
    background-color: #FFFFFF;
}
.topBox .allMenu .baseBox {
    clear: both;
    overflow: hidden;
    margin: 0 0 10px;
}
.topBox .allMenu .baseBox .sw {
    float: right;
    margin: 0 0 10px;
    font-size: 12px;
}
.topBox .allMenu .listBox {
    display: none;
    width: 100%;
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: #CCCCCC 1px dotted;
    overflow: hidden;
}
.topBox .allMenu .listBox.baseBoxToggle {
}
.topBox .allMenu .listBox.baseBoxToggle.active {
    display: block;
}
.topBox .allMenu .listBox p {
    width: 20%;
    margin: 0 20px 0 0;
    padding: 5px 10px;
    background-color: #F39AB5;
    color: #FFFFFF;
    font-weight: bold;
    float: left;
}
.topBox .allMenu .listBox p a {
    color: #FFFFFF;
    display: block;
}
.topBox .allMenu .listBox p.gray {
    background-color: #B9B9B9;
}
.topBox .allMenu .listBox ul {
    width: 70%;
    padding: 5px 0 0;
    float: left;
    overflow: hidden;
}
.topBox .allMenu .listBox ul li {
    width: 20%;
    margin: 0 0 5px;
    padding: 0 10px 0 0;
    /*padding: 0 10px 0 10px;*/
    /*background: url(../img/common/sCsr01.png) no-repeat left 6px;*/
    float: left;
}
.topBox .allMenu .listBox ul li:before {
    font-family: FontAwesome;
    content: "\f105";
    margin-right: .5em;
}
.topBox .allMenu .listBox ul li a {
    color: #666666;
    text-decoration: underline;
}
/*#right,#contents{
margin: 0!important;
}
#left{
display: none;
visibility: hidden
}
@media screen and (max-width: 480px) {
.topBox .allMenu .listBox p {
width: 100%;
float: none;
}
.topBox .allMenu .listBox ul {
width: 100%;
float: none;
}
.topBox .allMenu .listBox ul li {
width: 100%;
float: none;
}
}
 */

.digestCountBox {
    margin: 15px 0 -15px;
    padding: 3px 10px;
    background-color: #FAFAFA;
    border-top: 1px #DDD solid;
    color: #666;
    overflow: hidden;
    clear: both;
}
.digestCountBox strong {
    margin: 0 4px;
    color: #FF3366;
    font-weight: normal;
}
.digestCountBox span {
    margin: 0 4px 0 10px;
    color: #339966;
}
.digestCountBox select {

}

ul.pageMoveBox {
    margin: 16px 0 0;
    font-size: 77%;
    text-align: center;
}
ul.pageMoveBox li {
    display: inline;
}
ul.pageMoveBox li a {
    padding: 2px 5px;
    border: 1px solid #EEE;
    text-decoration: none;
}
ul.pageMoveBox li a:hover,
ul.pageMoveBox li a:active {
    color: #666;
    border: 1px solid #999;
}
ul.pageMoveBox li span {
    padding: 2px 5px;
}
ul.pageMoveBox li .current {
    color: #FFF;
    border: 1px solid #036CB4;
    font-weight: bold;
    background-color: #0066CC;
}
ul.pageMoveBox li .disabled {
    color: #DDD;
    border: 1px solid #EEE;
}


.logBox .pagingBox {
    width:100%;
    margin: 0 0 10px;
    padding: 7px;
    background: #F3F3F3;
    box-sizing: border-box;
} 
.pagingBox {
    width:100%;
    margin: 0 0 10px;
}
.pagingBox p.pages {
    float: left;
    margin: 0;
    padding: 5px 0 0;
}
.pagingBox ul.pageNavi {
    float: right;
    margin: 0;
    padding: 0;
    font-size: 93%;
}
.pagingBox ul.pageNavi li {
    display: inline-block;
    margin: 2px 0px;
    padding: 0;
    color: #ABABAB;
}
.pagingBox ul.pageNavi li span {
    display: inline-block;
    padding: 5px 6px;
}
.pagingBox ul.pageNavi li.current span {/* 選択中 */
    background: #999999;
    color: #FFFFFF;
}
.pagingBox ul.pageNavi li.next {
    margin: 0;
}
.pagingBox ul.pageNavi li a {
    display: inline-block;
    padding: 4px 6px;
    border: #999999 1px solid;
    background: #FFFFFF;
    color: #999999;
    text-decoration: none;
}
.pagingBox ul.pageNavi li.previous a,
.pagingBox ul.pageNavi li.next a {/* 前へ・次へ */
    display: inline-block;
    border: none;
    background: none;
    color: #1772B8;
}
.pagingBox .selectBox {
    float: right;
    margin: 0 0 0 10px;
    padding: 2px 0 0;
}

.logBox .pagingBox .pageNavi{
    float:none;
}
.logBox .pagingBox ul.pageNavi li span {
    padding: 2px;
}
.digestCountBox .shopName {
    margin: 5px 0 0 10px;
}
.digestCountBox .shopName a {
    padding: 3px;
    text-align: center;
    list-style: none;
    background-color: #FFF;
    border: 1px solid #cccccc;
}
.digestCountBox .shopName a.select,
.digestCountBox .shopName a:hover {
    border: 1px solid #0F77BD;
    color: #FFF;
    background-color: #0F77BD;
}