/*会員ページ用
/* CSS Document */

h1{
    padding: 0;
    margin: 0;
}

H2{
    padding: 0;
    margin: 0;
}
h3{
    padding: 0;
    margin: 0;
}
.clearline{
    clear: both;
    font-size: 1px;
    line-height: 1em;
    border-bottom: thin solid #a8d594;
}
.alright{
    text-align: right;
}
bosy{
    font-size: 80%;
    color: #3e3e3e;
    line-height: 1.4; 
    background: #F6F6F6;
}
body td{
}
#main{
    width: 95%;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    padding-top: 10px;
    height: 95%;
    clear: both;
}

#mainFrame{
    border-right: #afafaf 1px solid;
    border-top: #afafaf 1px solid;
    border-left: #afafaf 1px solid;
    border-bottom: #afafaf 1px solid;
    width: 99%;
    background-color: #FFFFFF;
    height: 660px;
}
#head{
    color: #FFFFFF;
    margin-right: 0px;
/*
    background: #A8002F;　　現在の色
    font-weight: bold;
*/
    border: medium solid #3399cc;
    clear: both;
    height: 100px;
    margin-top: 0px;
    padding-top: 30px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    background-color: #339999;  /*        背景色          */
}
#head h1{
    font-size: 20px;
    padding-left: 20px;
    color: #FF0000;
}
#head hr{
    border-right: #5985a6 1px solid;
    border-top: #006699 1px solid;
    border-left: #006699 1px solid;
    border-bottom: #5985a6 1px solid;
    height: 2px
}
#head span{
}
#head a{
    color:#FFFFFF;
}
#logininf{
    float: right;
    padding: 0px 13px 2px 5px;
}
#logininf strong{
    color: #ffff66;
}
#logininf img{
    margin-left: 5px;
}

a{
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}
.blank{
    padding-left: 70px;
}
.small{
    font-size: 90%;
    color: #666666;
}
.example{
    font-weight: normal;
    color: #cc6633;
}
hr{
    border-top: #e4e4e4 1px dotted;
    border-left-width: 0px;
    border-bottom-width: 0px;
    height: 1px;
    border-right-width: 0px;
}
hr.orenge{
    height: 2px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-right-style: none;
    border-left-style: none;
    border-top: 1px solid #FFE7C1;
    border-bottom: 1px solid #FFFFFF;
    background: #FFFFFF;
}
h3.grayline{
    background-position: center 50%;
    margin-top: 25px;
    margin-bottom: 10px;
    font-size: 16px;
    background-image: url(../images/gray_bg.gif);
    background-repeat: repeat-x;
}
h3.grayline span{
    padding-right: 5px;
    padding-left: 5px;
    margin-left: 10px;
    color: #006600;
    background-color: #ffffff;
}
div.navi{
    border-right: #dfdfdf 1px solid;
    padding-right: 3px;
    border-top: #dfdfdf 1px solid;
    margin-top: 10px;
    padding-left: 3px;
    margin-bottom: 10px;
    padding-bottom: 3px;
    border-left: #dfdfdf 1px solid;
    color: #333333;
    padding-top: 3px;
    border-bottom: #dfdfdf 1px solid;
    text-align: left;
    background: #F9F9F9;
}
div.navi a{
    color: #003399;
}
div.navi a:hover{
    color: #cc0000;
}

table.list .active{
    background-position: left center;
    padding-left: 20px;
    font-weight: bold;
    background-image: url(../images/viewing.gif);
    background-repeat: no-repeat;
}

table.list{
    padding-left: 15px;
    width: 870px;
    border: 1px solid #999999;
    border-collapse:collapse
}
table.list th{
    text-align: left;
    color: #FFFFFF;
    height: 26px;
    background: #3399CC;
    line-height: normal;
    font-size: 90%;
    vertical-align: middle;
    font-weight: normal;
    border: thin solid #CCCCCC;
}
table.list td{
    font-size: 90%;
    color: #333333;
    background: #FFFFFF;
    height: 26px;
    white-space: normal;
    text-align: left;
    border: 1px solid #999999;
}

#gmenu_top{
    height: 60px;
    width: 100%;
    clear: both;
    padding-bottom: 20px;
    background-color: #339999;
}

#gmenu{
    background: #535353 no-repeat left;
    height: 21px;
    width: 100%;
    clear: both;
    border-bottom: 1px solid #FFFFFF;
    color: #FFFFFF;
    border-top: 1px solid #FFFFFF;
}
#gmenu a{
    float: left;
    color: #FFFFFF;
    text-decoration: none;
    background: #535353;
    font-weight: normal;
    padding-left: 10px;
    width: 120px;
    text-align: center;
    vertical-align: middle;
    height: 21px;
    vertical-align: sub;
    padding-top: 0px;
}
#gmenu a:hover{
    float: left;
    color: #FFFF33;
    text-decoration: none;
/*	background: #a8002f;*/
    background: #3399cc;
    font-weight: normal;
    padding-left: 10px;
    width: 120px;
    text-align: center;
}
#gmenu a.kihon{
    float: left;
    border-right: 0px;
    border-left: 0px;
    color: #FFD7BB;
    text-decoration: none;
/*	background: #a8002f;*/
    background: #3399cc;
    font-weight: normal;
    padding-left: 10px;
    width: 120px;
}
#gmenu a.kihon:hover{
    float: left;
    border-right: 0px;
    border-left: 0px;
    color: #FFFF33;
    text-decoration: none;
/*	background: #a8002f;*/
    background: #3399cc;
    font-weight: normal;
    padding-left: 10px;
    width: 120px;
}

table.listb{
    padding-left: 100px;
    font-size: 12px;
}

table.listb th{
    padding-left: 10px;
    font-size: 12px;
    height: 40px;
    text-align: left;
    color: #009999;
    padding-right: 5px;
    border-bottom: thin solid #CCCCCC;
    vertical-align: middle;
}
from.log{
    width: 30%;
}
table.listb td{
    padding-left: 10px;
    font-size: 12px;
    height: 40px;
    color: #339933;
    border-bottom: thin solid #CCCCCC;
    text-align: left;
    vertical-align: middle;
    padding-right: 5px;
}
table.listb td .toku{
    padding-left: 30px;
    font-size: 12px;
    height: 30px;
    color: #339933;
    border-bottom: thin solid #CCCCCC;
    width: 25%;
}

table.listc{
    color: #333333;
    border: 1px solid #247728;
    border-collapse: separate;
}

table.listc th{
    padding-left: 15px;
    text-align: center;
    color: #333333;
    padding-right: 10px;
    background: #DCF5DD;
    line-height: normal;
    font-size: 90%;
    vertical-align: middle;
    font-weight: normal;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    border-right: 1px solid #247728;
    border-bottom: 1px solid #247728;
}
table.listc th.hisu{
    background: #DCF5DD url(../../images/log_hisu.gif) no-repeat 90% center;
    color: #333333;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    border-right: 1px solid #247728;
    border-bottom: 1px solid #247728;
    font-size: 90%;
}

table.listc td{
    text-align: left;
    color: #333333;
    background: #F4F6F4;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    white-space: normal;
    border-right: 1px solid #247728;
    border-bottom: 1px solid #247728;
    font-size: 90%;
}

.stripe .even td{
    background-color: #FBF8EE;
}

.left{
    float: left;
    width: 40%;
}
.right{
    float: right;
    width: 50%;
}
.nwes{
    margin-left: 100px;
}
#submitbox{
    height: auto;
    padding-left: 30px;
    padding-top: 20px;
    margin-top: 20px;
}
#submitbox.left{
    float: left;
    height: 400px;
    margin-left: 30px;
    background-color: #006666;
    width: 400px;
}
#submitbox.right{
    float: left;
    margin-left: 0px;
}

#submitbox h3{
    color: #FF3366;
    padding-bottom: 20px;
}
#submitbox p{
    color: #009999;
    padding-bottom: 20px;
    font-size: 12px;
}
table.log{
    height: 26px;
    border: thin none #CCCCCC;
    font-size: 12px;
    color: #3366FF;
}
table.log th{
    background: #F99500;
    margin-bottom: 10px;
    color: #FFFFFF;
    height: 20px;
    width: 150px;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
}
table.log td{
    color: #CCCCCC;
    margin-bottom: 10px;
    height: 20px;
    text-align: left;
    vertical-align: middle;
}
a img{
    border-style:none;
}
input.example{
    ime-mode: active;
    color: #3333FF;
}

.button{
    color: #3257ED;
    text-align: center;
    text-decoration: none;
    /* ボタン画像サイズに合わせる */
    width: 180px;
    /* 画像と通常時のライン色を指定 */
    background: #ddd url(../../images/buttons2.gif) no-repeat center center;
    /* 使用しているフォントに合わせて調節 */
    font-size: 12px;
    /* input タグ用にボーダーを消す */
    border: none;
    vertical-align: middle;
    height: 30px;
    padding-right: 0;
    padding-bottom: 2px;
    padding-left: 0;
}
/* リンクの状態ごとにライン色を指定 */

.button2{
    color: #009933;
    text-align: center;
    text-decoration: none;
    /* ボタン画像サイズに合わせる */
    width: 180px;
    /* 画像と通常時のライン色を指定 */
    background: #ddd url(../../images/buttons3.gif) no-repeat center center;
    /* 使用しているフォントに合わせて調節 */
    font-size: 12px;
    /* input タグ用にボーダーを消す */
    border: none;
    vertical-align: middle;
    height: 30px;
    padding-right: 0;
    padding-bottom: 2px;
    padding-left: 0;
}
/* リンクの状態ごとにライン色を指定 */

.button_log{
    display: block;
    color: #009933;
    text-align: center;
    text-decoration: none;
    /* ボタン画像サイズに合わせる */
    width: 180px;
    /* 画像と通常時のライン色を指定 */
    background: url(../../images/buttons2.gif) no-repeat center center;
    /* 使用しているフォントに合わせて調節 */
    font-size: 12px;
    padding: 7px 0 0px;
    /* input タグ用にボーダーを消す */
    border: none;
    vertical-align: middle;
    height: 30px;
}
.container{
    clear: both;
}
.list_return{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.comment{
    color: #339933;
    padding-left: 10px;
}
.msg{
    color: #333333;
    background: #ECF2FF;
    border: thin solid #3399FF;
    font-size: 12px;
    padding: 10px 30px 10px 10px;
    margin-top:10px;
}
.msge{
    color: #333333;
    background: #ECF2FF;
    border: thin solid #3399FF;
    font-size: 12px;
    padding: 10px 30px 10px 10px;
    margin-top: 30px;
    margin-right: 30px;
    margin-left: 20px;
}

img{
    vertical-align:middle;
}
.masg samp{
    text-indent: 30px;
}

h3.columnline{
    background-position: center 50%;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    background-image: url(../images/gray_bg.gif);
    background-repeat: repeat-x;
}
h3.columnline span{
    padding-right: 5px;
    padding-left: 5px;
    margin-left: 10px;
    color: #006600;
    background-color: #ffffff;
}