@charset "shift_jis";

/*＊＊＊＊＊＊＊＊＊＊      規約確認同意画面        ＊＊＊＊＊＊＊＊＊＊*/

/**** ページ全体の設定		**********************************/
body
{
    background-color: #F5F1E3;
}
body#bodyAgreeMent{background-color:#F5F1E3;color:#000000; text-align:center; font-size: 0.8em;/**/}
#bodyAgreeMent img,#bodyAgreeMent table{
    margin: 0;
    padding: 0;
}
#bodyAgreeMent a:link		{color:#009900;}
#bodyAgreeMent a:visited	{color:#009900;}
#bodyAgreeMent a:active	{color:#FF9900;}
#bodyAgreeMent a:hover	{color:#FF9900; text-decoration:none;}
/**** ページ全体の指定		**********************************/

#bodyAgreeMent #imgTitle
{
    width:618;
    height:52;
}

#bodyAgreeMent #imgNagare
{
    width:618;
    height:71;
}

#bodyAgreeMent #main_table{
	/*font-size:80%;*/
	text-align:center;
	width:640px;
}

    #bodyAgreeMent .title {
	    margin:15px;
	    padding:5px;
	    width: 600px;
	    font-size:1.8em;
	    color:#ffffff;
	    background-color:#FF9900;
    }

        #bodyAgreeMent .attend {
	        margin:5px;
	        font-size:60%;
	        color:#ffffff;
	        border-bottom:1px solid #ffffff;
        }

    #bodyAgreeMent #divMsg1
    {
        text-align:left;
        color:#cc0000;
        margin-top:5px;
    }

    #bodyAgreeMent #divMsg2
    {
        margin:10px 0px 5px 60px;
    }

        #bodyAgreeMent #lblchk_agree
        {
            /*font-size:14px;*/
        }

    #bodyAgreeMent #divMsg3
    {
        margin-left:200px;
    }

    #bodyAgreeMent #divMsg4
    {
        margin:10px 0px 5px 60px;
        /*font-size:80%;*/
    }

#bodyAgreeMent .img_margin
{
    margin: 5px 0 0 0;
}


/*＊＊＊＊＊＊＊＊＊＊      新規会員登録画面        ＊＊＊＊＊＊＊＊＊＊*/

body#bodyEnter
{
    text-align: center;
    font-size: medium;
}
    
    /*必須項目マーク*/
    #bodyEnter .essentialMark
    {
        font-weight: bold;
        color: Red;
    }

    #bodyEnter #allContents_Head
    {
    width: 710px;
    margin: 0 auto;
    text-align: left;
}
    
        /*タイトル画像*/
#bodyEnter #allContents
{
    /*width: 800px;*/
    width: 810px;
    margin: 0 auto;
    text-align: left;
}
        #bodyEnter .ImageTop
        {
            width: 100%;
            text-align:center;
            float: left;
        }
        
            #bodyEnter .ImageTop img
            {
                margin: 0 auto 10px auto;
            }

        /*SECOM*/
        #bodyEnter .sticker,
        #bodyEnter .msgHead
        {
    float: left;
    height: 150px;
    border-top: solid 1px red;
    border-bottom: solid 1px red;
    background-color: #FFFFFF;
}
        
        #bodyEnter .sticker
        {
            clear:left;
            padding: 5px 0 0 5px;
            margin-left: 30px;
            border-left:solid 1px red;
            border-right:none;
        }

            #bodyEnter .sticker img
            {
                cursor: pointer;
            }

        #bodyEnter .msgHead
        {
            padding: 5px 0 0 10px;
            border-right:solid 1px red;
            border-left:none;
        }

        /*ガイダンス表示エリア*/
        #bodyEnter #notice
        {
            width: 56%;
            float: left;
        }
        
            #bodyEnter #notice div
            {
                width: 100%;
                text-align: right;
            }
            
                #bodyEnter #notice div a
                {
                    margin-top: 20px;
                } 

        /*会員登録フォーム*/
        #bodyEnter #inputForm
        {
            width: 100%;
            margin-top: 10px;
            text-align: center;
            float: left;
            clear: left;
        }
        
            #bodyEnter #inputForm table
            {
                width: 97%;
                margin: 0 auto;
                text-align: left;
                border-collapse: collapse;
            }
            
                /*1列目の幅*/
                #bodyEnter colgroup#tableHead
                {
    width: 30%;
    background-color: #FFFFCC;
}
                /*2列目の幅*/
                #bodyEnter colgroup#tableItem
                {
    width: 50%;
    background-color: #FFFFFF;
}
                /*3列目の幅*/
                #bodyEnter colgroup#tableFoot
                {
    width: 20%;
    background-color: #eeeeee;
}
#bodyEnter #inputForm table th
{
    border: solid 1px #999;
    font-weight: lighter;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}
                
                #bodyEnter #inputForm table td
                {
                    border: solid 1px #999;
                }
                    /*RadioButtonListのスタイル*/
#bodyEnter #inputForm table#rdoMailMagazine, #bodyEnter #inputForm table#rdoContactTime, #bodyEnter #inputForm table#rdoCourse, #bodyEnter #inputForm table#rdoCard
{
    margin: 0px;
    width: auto;
}
#bodyEnter #inputForm table table
                    {
    margin: 0px;
    width: 100%;
}
#bodyEnter #inputForm table table colgroup.tableItem_inputarea
{
    width: 70%;
}
#bodyEnter #inputForm table table colgroup.tableItem_setumei
{
    width: 30%;
}
#bodyEnter #inputForm table table colgroup.tableItem_inputarea_Yubin
{
    width: 28%;
}
#bodyEnter #inputForm table table colgroup.tableItem_YubinSetumei
{
    width: 42%;
}
#bodyEnter #inputForm table table td
                        {
    border: 0;
}
#bodyEnter #inputForm table table td.ketasu_setumei
{
    font-size: 0.8em;
    text-align: right;
    margin-right: 0px;
    margin-left: auto;
}
#bodyEnter #inputForm table table td a
{
    font-size: 0.8em;
}
#bodyEnter #inputForm table table td span.lblPasswordSetumei
{
    font-size: 0.8em;
}
                        
                    #bodyEnter input.txt1
                    {
    width: 35px;
}
                    #bodyEnter input.txt2
                    {
    width: 130px;
}
                    #bodyEnter input.txt3
                    {
    width: 170px;
}
#bodyEnter input.txt4
                    {
    width: 265px;
}
#bodyEnter input.txt5
                    {
    width: 240px;
}

    
    #bodyEnter #buttons,
    #bodyEnter #msg,
    #bodyEnter #close,
    #bodyEnter #banner
    {
        width: 100%;
        float: left;
        clear: left;
    }
    #bodyEnter #buttons,
    #bodyEnter #msg,
    #bodyEnter #banner
    {
        text-align: center;
    }
    
        #bodyEnter #buttons div
        {
            width: 208px;
            margin: 0 auto;
        }
        
            #bodyEnter #buttons div input
            {
    margin: 10px 2px;
}
            /*「登録する」ボタン*/
            #bodyEnter #buttons div .submit
            {
                width: 125px;
            }
            /*「リセット」ボタン*/
            #bodyEnter #buttons div .reset
            {
                width: 75px;
            }

        /*登録ありがとうございます*/
            
        /*ページ下部の画像*/
        #bodyEnter #banner img
        {
            margin: 5px auto;
        }
    
    /*画面を閉じる*/
    #bodyEnter #close
    {
        text-align: right;
    }



/*＊＊＊＊＊＊＊＊＊＊      新規会員登録入力内容確認画面      ＊＊＊＊＊＊＊＊＊＊*/

body#bodyEnt
{
    text-align: center;
}

    #bodyEnt #wrapper
    {
        width: 680px;
        margin: 0 auto;
        text-align: left;
    }

        #bodyEnt #pageTitle,
        #bodyEnt #ImageTop,
        #bodyEnt #inputForm,
        #bodyEnt #msg,
        #bodyEnt #buttons,
        #bodyEnt #buttons2,
        #bodyEnt #buttonClose
        {
            width: 100%;
            text-align: center;
            float: left;
            clear: left;
        }
        
        /*タイトル画像*/
        #bodyEnt #ImageTop
        {
            margin-bottom: 10px;
        }
        
            #bodyEnt #ImageTop img
            {
                margin: 0 auto;
            }
            
        /*「ご登録お申込み内容の確認」*/
        #bodyEnt #pageTitle
        {
            height: 30px;
            line-height: 30px;
            background-color: Orange;
            color: #FFF;
            font-size: large;
            font-weight: bold;
        }
        
        /*入力内容*/
        #bodyEnt #inputForm
        {
            margin-top: 10px;
        }
        
            #bodyEnt #inputForm table
            {
                width: 95%;
                text-align: left;
                margin: 0 auto;
                border-collapse: collapse;
            }
                #bodyEnt #inputForm caption
                {
                    text-align: left;
                }
                /*1列目の幅*/
                #bodyEnt colgroup#tableHead
                {
    width: 40%;
    background-color: #FFFFCC;
}
                /*2列目の幅*/
                #bodyEnt colgroup#tableResult
                {
    width: 60%;
    background-color: #FFFFFF;
}
                #bodyEnt #inputForm table td
                {
    border: solid 1px #999;
    font-size: medium;
    line-height: 20px;
}

        /*「内容に間違いが〜」*/
        #bodyEnt #msg
        {
            color: Red;
            font-size: large;
            font-weight: bold;
            padding-top:10px;
        }

        #bodyEnt #commitMsg
        {
            width: 666px;
            text-align: left;
            font-size: large;
            font-weight: bold;
            float: left;
            clear: left;
            
            line-height:30px;
            padding-left:10px;
            margin: 10px 0;
            border:solid 2px Gray;
        }

        /*「OK」ボタンと「リセット」ボタン*/
        #bodyEnt #buttons div
        {
            width: 308px;
            margin: 0 auto;
        }
        
            #bodyEnt #buttons div input
            {
                width: 150px;
                margin: 10px 2px;
                float: left;
            }

body#bodyEntCommit
{
    text-align: center;
}
#bodyEntCommit img
{
    margin: 0;
    padding: 0;
}
#bodyEntCommit #imgTitle
{
    width: 618;
    height: 52;
}
#bodyEntCommit #imgNagare
{
    width: 618;
    height: 71;
}
#bodyEntCommit #wrapper
{
    width: 680px;
    margin: 0 auto;
    text-align: left;
}
#bodyEntCommit #pageTitle, #bodyEntCommit #buttonClose
{
    width: 100%;
    text-align: center;
    float: left;
    clear: left;
}
#bodyEntCommit #pageTitle
{
    height: 30px;
    line-height: 30px;
    background-color: Orange;
    color: #000000;
    font-size: large;
    font-weight: bold;
}
#bodyEntCommit #commitMsg
{
    width: 666px;
    text-align: left;
    font-size: large;
    font-weight: bold;
    float: left;
    clear: left;
    line-height: 30px;
    padding-left: 10px;
    margin: 10px 0;
    border: solid 2px Gray;
    background-color: #FFFFFF;
}

#bodyEntCommit .img_margin
{
    margin: 5px 0 10px 0;
}

.terms-agreement
{
    margin-top:10px;
    margin-left:auto;
    margin-right:auto;
    background-color:White;
    line-height:normal;
    border:1px solid Gray;
}

#termsAgreementText
{
    width: 100%;
    height: 100%;
    border: none;
    display:block;
}

 /*スクロールバーの設定*/
.textScrollbar{
overflow-y: auto;
-webkit-overflow-scrolling:touch;
}