@charset "utf-8";

/*「登録」スタイル*/

/*--------------------------------------------------------------------------
　登録 トップ
----------------------------------------------------------------------------*/

#btNichijo{
    position:absolute;
    top:0;
    left:330px;
}

/*  背景パターン画像  */
#back_ground{
      border-top: solid 1px #ffeff4;
      background:url(../images/global/pattern.png) left top repeat;
}

/*ヘッダー*/
#globalHeader {
    margin: 0 auto;
    /*padding:7px 0 10px;*/
    height:64px;/*height:86px;*/
    width:860px;
    /*margin:7px 0 10px;*/
    margin: 7px auto 10px auto;
}



.headGmenu {
float:right;
font-size:12px;
margin-right:10px;
margin-top:38px;
}

 /*  ロゴ  */
 .logo {
 margin-left:10px;
 margin-bottom:8px;
 }


/*コピー＆ボタン*/
 .headBlock {
    background-color:#ffeff4;
 }
 .head {
    width:870px;
    height:42px;
    margin: 0 auto;
 }
  .headBtn {
    width:210px;
    margin: 0;
    float:right;
 }


 #wrapper {
    width:870px;
     height:auto;

 }

 /* 新規登録 背景画像 */
 .contents{
 margin-top:20px;
 margin-left:auto;
 margin-right:auto;
    width:870px;
      background:url(../images/regist/question.png) left top no-repeat;
 }

 .contents_Svc{
  margin-top:20px;
 margin-left:auto;
 margin-right:auto;
    width:870px;
}

 /* ヘッダー */

 .headerTxt{
    width:870px;
    height:64px;
    border-bottom: 1px dashed #ccc;
    font-size:24px;
    line-height:86px;
    margin-left:auto;
    margin-right:auto;
    background: url("../images/regist/01.png") no-repeat left 32px transparent;
    padding-left: 24px;


 }



 .pageTop a{
    font-size: 11px;
    line-height: 1.7;
    color:#333;
    background: url("../images/global/g_icon01.gif") no-repeat scroll left center transparent;
    display: block;
    padding-left: 17px;
    margin:5px 0 15px;
}

 /*--------------------------------------------------------------------------
　ログインフォーム
----------------------------------------------------------------------------*/
/* ログインフォーム背景 */
.loginForm{
    width:454px;
    height:285px;
    background:url(../images/regist/rogin.png) left top no-repeat;
    margin-left:416px;
    margin-right:0;
}

/*  フォーム全体  */
.loginForm form{
    width:454px;
    height:249px;
    margin-top:142px;
    font-size:12px;
    text-align:center;
    vertical-align:middle;
}

.loginForm form input{
    width: 120px;
    margin-bottom: 10px;
}


/*  入力フォーム  */
.inputArea input {
    width:160px;
    margin-bottom:10px;

}

.checkBtn{
    margin-top:10px;
}

 /*--------------------------------------------------------------------------
　新規登録
----------------------------------------------------------------------------*/

/* 新規登録背景 */
.registForm{
    margin-top: 17px;
    width:454px;
    height:86px;
    background:url(../images/regist/regist.png) left top no-repeat;
  margin-left:416px;
  margin-right:0;
    padding-top: 93px;
}

.registForm a{
    margin: 0 auto;
    width: 345px;
    display: block;
}

/*--------------------------------------------------------------------------
　WEB会員サービスのご案内
----------------------------------------------------------------------------*/

/* WEB会員サービスのご案内背景 */
.guideForm{
    margin-top: 37px;
    width:454px;
    height:86px;
    background:url(../images/regist/guide.png) left top no-repeat;
    margin-left:416px;
    margin-right:0;
    margin-bottom: 57px;
    padding-top: 103px;
}

.guideForm a{
    margin: 0 auto;
    width: 345px;
    display: block;
}

/*--------------------------------------------------------------------------
　コンテンツ一覧
----------------------------------------------------------------------------*/

.service{
width:870px;
    height:53px;
    margin:7px 0 12px 0;
    text-align:center;
}

.pageTop{
    float:right;

    color:#333;
}

.pageTop a{
    font-size: 11px;
    line-height: 1.7;
    color:#333;
    background: url("../images/global/g_icon01.gif") no-repeat scroll left center transparent;
    display: block;
    padding-left: 17px;
    margin:5px 0 15px;
}

/*--------------------------------------------------------------------------
　フッターメニュー
----------------------------------------------------------------------------*/
.footerMenu{
    /*display:block;*/
    background: url("../images/global/footer_menu.gif?1218") no-repeat scroll left center transparent;
    width:848px;
    height:112px;
    margin: 0 auto 0 auto;
}

.footerTxtLeft {
    color:#9d9d9d;
    font-size:10px;
    width:175px;
    float:left;
    line-height:1.8em;
    margin: 28px 20px 0 13px ;

}

.footerTxt {
    color:#9d9d9d;
    font-size:10px;
    width:175px;
    float:left;
    line-height:1.8em;
    margin: 28px 19px 0 19px ;

}


.footerMenuTitle {
    background: url("../images/global/g_icon02.gif") no-repeat scroll left center transparent;
    display: block;
color:#af566e;
font-size:12px;
margin: 10px 0 0 2px;
padding: 0 0 0 8px;
}


/*--------------------------------------------------------------------------
　フッター
----------------------------------------------------------------------------*/

#footer {
    width:864px;
    height:54px;
    background: url("../images/global/footer_line.gif") left top repeat-x;
    font-size:11px;
    color:#fff;
    margin:10px auto 0;
    text-align:center;
    line-height:22px;
}

#footer .footerlink{
padding-top:10px;
}
#footer a {
    color:#fff;
}


/*--------------------------------------------------------------------------
　店舗利用のご確認
----------------------------------------------------------------------------*/
/* 店舗利用のご確認 説明 */
.usetenpoBack{
    width:870px;
    height:202px;
    padding-top:30px;
    padding-left:30px;

    background:url("../images/regist/rg_new_title.png") left top no-repeat;
}

/* お問い合わせNo.照会 説明 */
.serviceBack{
    width:870px;
    height:162px;
    padding-top:30px;
    padding-left:30px;

    background:url("../images/regist/rg__new_title.png") left top no-repeat;
}

.serviceTxt{
    width:600px;
    font-size:17px;
}


/*サブタイトル*/
h3 {
    font-size:18px;
    border-left:1px solid #af566e;
    height:22px;
    padding-left:8px;
    line-height:22px;
}
.subTitle{
    border:1px solid #ccc;
    padding:8px;
    background: #fff;
    margin-bottom:10px;
}

#check {
margin-bottom:10px;
}

#check table, #inputNew table {
    width:870px;
    /*border:1px solid #ccc;*/
}

#check td, #inputNew td {
vertical-align:middle;

    padding-left:10px;
    background:#fff;
}

/* 項目名セル */
#check .label, #inputNew .label{
    width:255px;
    height:42px;
    background:#fdf5d9;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}

/* 項目名セル */
#check .must, #inputNew .must{
    width:255px;
    height:42px;
    background:#fdf5d9;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    background-image:url(../images/common/icon06.png);
    background-position:right 12px;
    background-repeat:no-repeat;
}

/* 店舗確認 入力項目セル */
#check .checkArea{
    border-top:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}

/* 新規登録 入力項目セル */
#inputNew .inputNewreg{
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}

#check input {
}

#check .inputWth{
    width:320px;
    margin-top:6px;
    float:left;
}
#check .textS{
    font-size:12px;
    margin-left:12px;
    float:left;
}

#check .nextBtn{
    text-align:center;
margin:30px 0 32px 0;

}
.agreeBtn{
    text-align:center;
}
/*--------------------------------------------------------------------------
　利用規約
----------------------------------------------------------------------------*/

form{
margin:0;
padding:0;
}

#agreeChk {
    margin-bottom:46px;
}

.agreeBtn{
    text-align:center;
    margin:30px auto;
}

/* 規約表示領域 */
.agreeScr{
    width:870px;
    height:408px;
    border:1px solid #ccc;
    overflow-y: scroll;
    background:#fff;
}

.agreeTitle {
    margin:10px 16px 0;
    background:#fff;
    font-size:17px;
    border-bottom: 1px dashed #ccc;
}

.agreeTxt{
    background:#fff;
    padding:10px 16px;
}

/*規約同意ボタン*/
.agreeNext{
margin:30px 0 50px;
}


/*--------------------------------------------------------------------------
　新規会員登録 入力フォーム
----------------------------------------------------------------------------*/


/* 項目名セル */
#inputNew .label{
    width:255px;
    height:42px;
    background:#fdf5d9;
}

/* 規約表示領域 */
#inputNew .agreeScr{
    width:870px;
    height:320px;
    border:1px solid #ccc;
    overflow-y: scroll;
}

#inputNew .inputWth{
    float:left;
    width:348px;
}

#inputNew .inputWthS{
    float:left;
    width:160px;
}

 #inputNew .labelRed1{
    width:255px;
    height:42px;
    background: #ffd7e5;
}


 #inputNew .labelRed2{
    background: #feeaf1;
}


/* 注意テキスト */
.txtS{
    width:210px;
    margin-left:10px;
    font-size:12px;
    border-left: none;
    border-top:1px solid #ccc;
    border-left:none;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}

/* ラジオボタン */
#inputNew input[type="radio"] {
    margin:0px;
    padding:0px;}

.radioTxt {
    margin-left:5px;
    margin-right:15px
}
/*必須*/
.req {
    float:right;
    margin-right:10px;
    color:#f00;
}

.reqAten{
    color:#f00;
}

/*新規登録 規約同意ボタン*/
.newRegistTxt{
    margin:0 0 30px;
    font-size:16px;
}


newRegistAten{
    font-size:16px;
}


.agreeSp{
    margin-bottom:42px;
}


/*--------------------------------------------------------------------------
　新規登録 入力内容確認
----------------------------------------------------------------------------*/

#confirm table{
    width:870px;
    border:1px solid #ccc;
}

#confirm td {
vertical-align:middle;
    padding-left:10px;
    border:1px solid #ccc;
    background:#fff;
}

/* 項目名セル */
#confirm .label{
    width:255px;
    height:42px;
    background:#fdf5d9;
    border:1px solid #ccc;
}

.confirmTxt{
    font-size:16px;
    margin-bottom:5px;
}

.afterTxt{
    font-size:16px;
    margin-top:15px;
}


/*--------------------------------------------------------------------------
　新規登録 登録完了
----------------------------------------------------------------------------*/
#complete {
    width:870px;
}

.compTxt{
    width:870px;
    text-align:center;
    font-size:22px;

    margin:105px auto 54px;
}

.compBtn{
    width:870px;
    text-align:center;
    margin: 0 auto 90px;
}


/*--------------------------------------------------------------------------
　登録メール送信
----------------------------------------------------------------------------*/

.sendButton {
margin:15px 0 15px 10px;
/*float:left;*/
}


.sendMail {
float:left;
margin:30px 20px 15px 10px;
width:360ppx;
}

.sendCaution {
font-size: 12px;
color: red;
float:center;
margin:10px 20px 15px 10px;
width:360ppx;
}

/*--------------------------------------------------------------------------
　ギャラリー一覧
----------------------------------------------------------------------------*/
.galleryListWrapper{
    padding-bottom:10px;
    margin-bottom:30px;
    background:url(../images/omoide/ot_box1f.gif) left bottom no-repeat;
}

.galleryList{
    padding-top:10px;
    background:url(../images/omoide/ot_box1h.gif) left top no-repeat;
}

.galleryList .photo{
    width:159px;
    height:162px;
    position:relative;
    float:left;
    margin-left:10px;
}

.galleryList .menu{
    width:469px;
    float:right;
    position:relative;
    padding-right:2px;
}

.galleryList .btDelete{
    position:absolute;
    top:0px;
    right:7px;
}

.glPhoto{
    display:table-cell;
    width:159px;
    height:146px;
    text-align:center;
    vertical-align:middle;
    overflow:hidden;
    layout-grid-line:146px;
}

.glPhoto img{
        vertical-align:middle;
}

.glFrame{
    position:absolute;
    top:0;
    left:0;
}

.galleryList h4{
    background:#fff2f6;
    border-bottom:2px solid #fdbacf;
    padding:2px 16px 10px;
}

.galleryList p{
    border-bottom:1px solid #fdbacf;
    padding:2px 14px;
    font-size:16px;
}

.galleryList ul{
    padding:0 14px 10px;
}

.galleryList li{
    float:left;
    padding:10px 10px 0 0;
}


/*--------------------------------------------------------------------------
　ステップ
----------------------------------------------------------------------------*/
.btH2 .step{
    margin-top:17px;
}

.btH2 .stepH2{
    margin:30px 0 10px;
}


/*--------------------------------------------------------------------------
　写真選択
----------------------------------------------------------------------------*/
.photoListWrapper{
    padding-bottom:10px;
    margin-bottom:30px;
    background:url(../images/omoide/ot_box4f.gif) left bottom no-repeat;
}

.photoList{
    padding-top:10px;
    background:url(../images/omoide/ot_box4h.gif) left top no-repeat;
}

.photoList2{
    padding-top:10px;
    background:url(../images/omoide/ot_box4h2.gif) left top no-repeat;
}

.photoListWrapperB{
    padding-bottom:10px;
    margin-bottom:30px;
    background:url(../images/omoide/ot_box5f.gif) left bottom no-repeat;
}

.photoListB{
    padding-top:10px;
    background:url(../images/omoide/ot_box5h.gif) left top no-repeat;
}

.photoListB2{
    padding-top:10px;
    background:url(../images/omoide/ot_box5h2.gif) left top no-repeat;
}

.photoListTab{
    position:relative;
    padding-top:55px;
}

.photoListTab ul{
    position:absolute;
    top:0;
    left:0;
}

.photoListTab li{
    float:left;
}

.photoListWrapper p,
.photoListWrapperB p{
    padding:10px 15px;
    font-size:16px;
}

#photoListElse{
    display:none;
}

.photoSelect{
    width:100%;
}

.photoSelect td{
    width:20%;
    height:185px;
    border:1px solid #ccc;
    text-align:center;
    vertical-align:middle;
}

.photoSelect td.first{
    border-left:none;
}

.photoSelect td.last{
    border-right:none;
}

.photoSelect td p.check{
    padding:0 15px 8px;
    font-size:14px;
    text-align:left;
}

.photoSelect td p.zoom{
    padding:8px 15px 0;
    font-size:14px;
    text-align:center;
}

.photoSelect td p.zoom a{
    background:url(../images/common/icon03.gif) left center no-repeat;
    padding:0 5px 0 15px;
}

.photoSelect td div{
    display:table-cell;
    width:169px;
    height:108px;
    text-align:center;
    vertical-align:middle;
    overflow:hidden;
    layout-grid-line:108px;
}

.photoListWrapper a, .photoListWrapper a:link, .photoListWrapper a:visited,
.photoListWrapperB a, .photoListWrapperB a:link, .photoListWrapperB a:visited {
    color:#333;
}

.photoListWrapper a:hover,
.photoListWrapperB a:hover{
    color:#f183a7;
}

.photoListWrapper h3,
.photoListWrapperB h3{
    font-size:18px;
    font-weight:bold;
}


/*サブメニューがある場合*/

.photoList_S_Wrapper{
    padding-bottom:10px;
    margin-bottom:30px;
    background:url(../images/omoide/ot_box4f_s.gif) left bottom no-repeat;
}

.photoList_S{
    padding-top:10px;
    background:url(../images/omoide/ot_box4h_s.gif) left top no-repeat;
}

.photoList_S_2{
    padding-top:10px;
    background:url(../images/omoide/ot_box4h2_s.gif) left top no-repeat;
}

.photoList_S_WrapperB{
    padding-bottom:10px;
    margin-bottom:30px;
    background:url(../images/omoide/ot_box5f_s.gif) left bottom no-repeat;
}

.photoList_S_B{
    padding-top:10px;
    background:url(../images/omoide/ot_box5h_s.gif) left top no-repeat;
}

.photoList_S_B2{
    padding-top:10px;
    background:url(../images/omoide/ot_box5h2_s.gif) left top no-repeat;
}

.photoList_S_Wrapper p,
.photoList_S_WrapperB p{
    padding:10px 15px;
    font-size:16px;
}

.photoList_S_Wrapper .photoSelect table{
    width:638px;
}

.photoList_S_Wrapper .photoSelect td,
.photoList_S_WrapperB .photoSelect td{
    width:25%;
}

.photoList_S_Wrapper .photoSelect td p.zoom,
.photoList_S_WrapperB .photoSelect td p.zoom{
    text-align:left;
    padding:4px 0 0 15px;
    font-size:11px;
}

.photoSelect td p.createG,
.photoSelect td p.createP,
.photoSelect td p.createS{
    text-align:left;
    padding:1px 0 0 15px;
    font-size:11px;
}

.photoList_S_Wrapper .photoSelect td p.zoom a,
.photoList_S_WrapperB .photoSelect td p.zoom a{
    padding:0 5px 0 17px;
}

.photoSelect td p.createG a{
    background:url(../images/common/icon05.gif) left center no-repeat;
    padding:0 5px 0 17px;
}

.photoSelect td p.createP a{
    background:url(../images/common/icon04.gif) left center no-repeat;
    padding:0 5px 0 17px;
}

.photoSelect td p.createS a{
    background:url(../images/common/icon13.gif) left center no-repeat;
    padding:0 5px 0 17px;
}

.photoList_S_Wrapper .photoSelect td div,
.photoList_S_WrapperB .photoSelect td div{
    width:159px;
}

.photoList_S_Wrapper a, .photoList_S_Wrapper a:link, .photoList_S_Wrapper a:visited,
.photoList_S_WrapperB a, .photoList_S_WrapperB a:link, .photoList_S_WrapperB a:visited {
    color:#333;
}

.photoList_S_Wrapper a:hover,
.photoList_S_WrapperB a:hover{
    color:#f183a7;
}

.noTdHover .photoSort table td:hover,
.noTdHover .photoSelect td:hover{
    background-color:transparent;
}



/*順番並びかえ用*/

.photoSortWrapper{
    background:#ccc;
    padding:1px 0;
    margin-bottom:20px;
}

.photoSort{
    width:810px;
    overflow:hidden;
    margin:0 auto;
    position:relative;
}

.photoSort table td{
    width:135px;
    height:135px;
    background:#fff;
    background-position:center center;
    background-repeat:no-repeat;
}

.photoSort table td div{
    width:135px;
    height:135px;
    display:block;
    border-left:1px solid #ccc;
    position:relative;
}

.photoSort table td:hover,
.photoSelect td:hover{
    background-color:#e5e5e5;
}

.photoSelect td.on,
.photoSelect td.on:hover{
    background-color:#fffae0;
}

.photoSort table td:hover .ot_chip{
    display:block;
}

.ot_chip{
    display:none;
    position:absolute;
    top:123px;
    left:5px;
}

.photoSort table th{
    font-weight:normal;
    color:#888;
}

/*
.photoSort div{
    position:relative;
    margin:0 auto;
    display:inline-block;
    /display:inline;
}

.photoSort span{
    display:block;
    background:url(../images/omoide/ot_no.png) center top no-repeat;
    width:22px;
    height:23px;
    line-height:22px;
    text-align:center;
    position:absolute;
    top:2px;
    left:2px;
    color:#fff;
    font-weight:bold;
    padding-top:1px;
}
*/

#ot_bt_prev{
    position:absolute;
    top:50px;
    left:1px;
}

#ot_bt_next{
    position:absolute;
    top:50px;
    right:0;
}



/*--------------------------------------------------------------------------
　招待状発行
----------------------------------------------------------------------------*/
.invitationWrapper{
    padding-bottom:15px;
    margin-bottom:30px;
    background:url(../images/omoide/ot_box2f.gif) left bottom no-repeat;
}

.invitation{
    padding-top:12px;
    background:url(../images/omoide/ot_box2h.gif) left top no-repeat;
}

.invitation .photoWrapper{
    width:294px;
    float:left;
    margin-left:9px;
}

.invitation .photo{
    width:294px;
    height:260px;
    position:relative;
}

.invitation .photo p{
    width:274px;
    position:absolute;
    bottom:22px;
    left:0;
    font-size:16px;
    line-height:1.2;
    padding:0 10px;
    text-align:center;
    height:34px;
}

.invitation .menu{
    width:556px;
    float:right;
    position:relative;
    padding-right:2px;
}

.invitation .menu p,
.invitation .menu table{
    margin:2px 16px 10px;
}

.invitation .menu table td{
    padding:0 10px 0 0;
    vertical-align:bottom;
}

.invitation .menu table.stripe{
    width:527px;
}

.invitation .menu table.stripe td{
    padding:9px 10px;
    vertical-align:middle;
}

.itPhoto{
    display:table-cell;
    width:294px;
    height:248px;
    text-align:center;
    vertical-align:middle;
    overflow:hidden;
    layout-grid-line:248px;
}

.itPhoto img{
    vertical-align:middle;
}

.itFrame{
    position:absolute;
    top:0;
    left:0;
}

.itMsg{
    width:271px;
    margin-left:8px;
}

.invitation h4{
    padding:2px 16px 10px;
    margin-top:2px;
}

.invitation2Wrapper{
    padding-bottom:6px;
    margin-bottom:30px;
    background:url(../images/omoide/ot_box3f.gif) left bottom no-repeat;
}

.invitation2{
    padding-top:5px;
    background:url(../images/omoide/ot_box3h.gif) left top no-repeat;
}

.invitation2 table{
    width:100%;
}

.invitation2 table th,
.invitation2 table td{
    padding:11px 15px;
    border-bottom:1px solid #fdbacf;
    font-size:20px;
    font-weight:normal;
}

.invitation2 table .first th,
.invitation2 table .first td{
    padding:9px 15px 11px 15px;
}

.invitation2 table .last th,
.invitation2 table .last td{
    border-bottom:none;
    padding:11px 15px 9px 15px;
}

.invitation2 table th{
    width:180px;
    vertical-align:middle;
}

.invitation2 table td span{
    display:block;
    width:225px;
    border-right:1px solid #ccc;
    margin-right:15px;
    float:left;
}

img.galleryPhoto{
    max-width: 150px;
    max-height: 150px;
    min-width: 110px;
    min-height: 110px;
}

.thumbnail{
    max-width: 100px;
    max-height: 100px;
}

#tablePagination {
    height: 20px;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 5px;
}

.defaultPagination {
    background-color: #DCDCDC;
}

.shopPagination {
    background-color: #FDBACF;
}

.ownerPagination {
    background-color: #C8E6FD;
}

#tablePagination_paginater {
    margin-left: auto;
    margin-right: auto;
}

#tablePagination img {
    padding: 0px 2px;
}

#tablePagination_perPage {
    float: left;
}

#tablePagination_paginater {
    height: 100%;
}

#ui-sortable{
    width: 952px;
    height: 115px;
}

.sortableItem{
    width: 135px;
    height: 135px;
    margin: 0.5px;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    cursor: move;
    background-color: #FFF;
    position: relative;
}

.sortableItem:hover{
    background-color:#e5e5e5;
}

.sortableItem:hover .ot_chip{
    display:block;
}

.sortNo{
    text-align: center;
    width: 135px;
    margin: 0.5px;
    display: block;
    float: left;
    color: #888888;
}

.naviNum{
    cursor: pointer;
    text-decoration: underline;
}

.naviNum:hover{
    color:#f183a7;
}

/*--------------------------------------------------------------------------
　お知らせメールの登録
----------------------------------------------------------------------------*/
.satueiInfoItem{
    padding-top:15px;
}