@charset "utf-8";

/*-------------------------------------*/
/* reset                               */
/*-------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,cod,form,fieldset,legend,
input,textarea,p,blockquote,th,td{
    margin        :0;
    padding        :0;
}

table{
    border-collapse    :collapse;
    border-spacing    :0;
}
filedset,img{
    border        :0;
}
address,caption,cite,code,dfn,
em,strong,th,var,
h1, h2, h3, h4,h5,h6{
    margin-bottom    : 0.5em;
    font-style        :normal;
}
pre,input,textarea,select{
    font-family    :inherit;
    font-size    :inherit;
}
li{
    list-style-type    :none;
}
/*-------------------------------------*/
/* 全体                                */
/*-------------------------------------*/
body {
    background    : #fafafa;
    color        : #333;
    font-family    :
                'ヒラギノ角ゴ Pro W3',
                'Hiragino Kaku Gothic Pro',
                'メイリオ',
                Meiryo,
                'ＭＳ Ｐゴシック',
                sans-serif;
    font-size    : 0.8em;
    /*overflow-x    : visible;*/
}
a {
    color            : #333;
    text-decoration    : underline;
}
/*
#header h1 {
    margin-left        : 1em;
    margin-bottom    : 0px;
    text-indent        : -999999px;
    height            : 70px;
    background        : url(../img/logo/a3.png) no-repeat left top;
}
*/
h2 {
    border-left        : 10px solid #44617b;
    border-bottom    : 1px solid #aaa;
    border-radius    : 5px;
    color            : #333;
    padding            : 10px;
    font-size        : 12pt;
    opacity            : 0.8;
    /*width            : 500px;*/
}
h3 {
    padding            : 10px;
    border-left        : 3px solid #2c6877;
    font-size        : 12pt;
}
h4 {
    color            : #4682b4;
    font-weight        : normal;
    font-size        : 14pt;
    border-bottom    : 10px double #4682b4;
}
h5{
    font-size        : 11pt;
    font-weight        : normal;
    border-bottom    : 2px solid yellow;
}
hr{
    margin-bottom    : 2em;
    border            : 0;
    height            : 1px;
    background-image: -webkit-linear-gradient(
                        left,
                        transparent,
                        rgba(102, 127, 204, 0.75),
                        transparent);
    background-image: -moz-linear-gradient(
                        left, 
                        transparent, 
                        rgba(102, 127, 204, 0.75),
                        transparent);
    background-image: -ms-linear-gradient(
                        left, 
                        transparent, 
                        rgba(102, 127, 204, 0.75),
                        transparent);
    background-image: -o-linear-gradient(
                        left, 
                        transparent, 
                        rgba(102, 127, 204, 0.75),
                        transparent);
}

/* 共通用ulの横表示 */
ul.yoko li
{
    float:left;
}

.center{
    text-align            : center;
}

tr.center td{
    text-align            : center;
}
pre{
    background        : #f5f5f5;
    border-right    : 2px solid #aaa;
    border-bottom    : 2px solid #aaa;
    padding            : 2em;
}
ul.able li{
    list-style-type : disc;
    list-style-position    : inside;
}
.clearfix{
    zoom            : 1;
}
.clearfix:after{
    content            : "";
    display            : block;
    clear            : both;
}
.disnon{
    display                : none;
}

.clearfix li
{
    display:inline-block;
    
}


.clearfix ul > li:before 
{
    content: "| ";
}

.clearfix ul li:first-child:before,
.clearfix ul li:first-child .before
{
    display: none;
    
}


/*-------------------------------------*/
/*  page top                           */
/*-------------------------------------*/

#page_top{
    width            : 6.5em;
    background        : rgba(0,0,0,0.4);
    position        : fixed;
    right            : 0px;
    bottom            : 80px;
    margin            : 0em;
    border-radius    : 3px;
    text-align        : center;
}
#page_top a{
    color            : #fff;
    display:block;
    padding:0.5em;
    padding-right: 0em;
    padding-left:0em;
    text-decoration: none;
    text-align:right;
    border-top-left-radius    : 3px;
    border-bottom-left-radius    : 3px;
}

#page_top a:link , #page_top a:visited{
    background    : url("../img/icon/pagetop.png") no-repeat scroll 0.5em center rgba(0,0,0,0.4);
    color: #fff;
}
#page_top a:hover, #page_top a:active {
    background    : url("../img/icon/pagetop.png") no-repeat scroll 0.5em center rgba(0,0,0,0.7);
    color: #f60;
}


/*-------------------------------------*/
/*                                     */
/*  page bottom (ページ末尾へ移動)     */
/*                                     */
/*-------------------------------------*/

#page_bottom{
    width            : 6.5em;
    background        : rgba(0,0,0,0.4);
    position        : fixed;
    right            : 0px;
    bottom            : 20px;
    margin            : 0em;
    border-radius    : 3px;
    text-align        : center;
}
#page_bottom a{
    color            : #fff;
    display:block;
    padding:0.5em;
    padding-right: 0em;
    padding-left:0em;
    text-decoration: none;
    text-align:right;
    border-top-left-radius    : 3px;
    border-bottom-left-radius    : 3px;
}
#page_bottom a:link , #page_bottom a:visited{
    background    : url("../img/icon/pagebottom.png") no-repeat scroll 0.5em center rgba(0,0,0,0.4);
    color: #fff;
}
#page_bottom a:hover, #page_bottom a:active {
    background    : url("../img/icon/pagebottom.png") no-repeat scroll 0.5em center rgba(0,0,0,0.7);
    color: #f60;
}

/*-------------------------------------*/
/* layout                              */
/*-------------------------------------*/
#container {
    text-align    : left;
}
#header{
    padding-top        : 10px;
    padding-bottom    : 10px;
    overflow        : hidden;
}
#content1{
    background        : #fff;
    clear            : both;
    color            : #333;
    padding            : 10px;
    min-height        : 400px;
}
#footer {
    clear        : both;
    padding        : 5px 0px;
    text-align    : center;
    color        : #44617b;
    background-color    : #eee;
    background-image    : url(../img/footer.png);
    background-repeat    : repeat-x;
}
a.footer_link:link{
    color: #44617b !important;
}
a.footer_link:visited{
    color: #44617b !important;
}
a.footer_link:hover{
    color: #000 !important;
}
a.footer_link:active{
    color: #000 !important;
}

div.login{
    margin-top        : 100px;
    margin-bottom    : 100px;
    width            : 850px;
    margin-left        : auto;
    margin-right    : auto;
    border-radius   : 5px;
    background        : #fff;
}
.login label{
    float            : left;
    clear            : left;
    line-height        : 30px;
    width            : 130px;
}
.login label.checkbox{
    clear            : none;
    width            : auto;
}
#SellerSaveCookie{
    margin-top        : .7em;
}
.login input{
    width            : 400px;
}
.login form{
    margin-right    : auto;
    margin-left        : auto;
    width            : 600px;
}
.login .submit{
    text-align        : center;
}
.loginop label{
    width : 11em;
}

#copyright {
    color: #909090;
}

.date_time1 select,
#content1 .date_time1 select,
.date_time2 select,
#content1 .date_time2 select
{
    width : 100px;
}

div.right_block{
    width        : 420px;
    word-break    : break-all;
    display        : inline-block;
}

/*-------------------------------------*/
/* Table全体                           */
/*-------------------------------------*/
table {
    border            : 0px;
    clear            : both;
    color            : #333;
    margin-bottom    : 10px;
    width            : 850px;
    background-color: #f5f7f7;
}
th {
    border            : 1px solid #aaa;
    border-bottom    : 2px solid #555;
    text-align        : center;
    padding            : 2px;
    color            : #ddd;
    background        : url('../img/table_th.png') repeat-x left;
    background-size    : contain;
}
table td {
    text-align        : left;
    vertical-align    : middle;
    padding-left    : 5px;
    border            : 1px solid #aaa;
}
table th hr{
    padding            : 0;
    margin            : 0;
    background        : #eee;
}
table td hr{
    padding            : 0;
    margin            : 0;
    background        : #aaa;
}
table tr:nth-child(even){
    background        : #fff;
}
div.table_button{
    width            : auto;
    float            : right;
    padding-right    : 10px;
}
table.borderless{
    border        : 0px;
    margin        : 0px;
}
table.borderless tr td{
    padding        : 0px;
    border        : 0px;
    background    : #fff;
}
table th.common1 {
    width: 200px;
}
/*-------------------------------------*/
/*  迷惑メール通報                     */
/*-------------------------------------*/
table.report_spam tr td:first-child{
    width    : 150px;
}
div.report_spam input[type="text"]{
    width        : 500px;
}
div.report_spam div{
    margin        : 10px 0px;
}
div.report_spam li ol[type="1"] li{
    list-style    : decimal inside;
    margin        : 0px;
}
div.report_spam input[type="checkbox"]{
    margin        : 3px 5px 0px 0px;
}
div.report_spam ul li{
    margin        : 15px 0px;
}
div.report_spam span.header{
    display        : block;
    font-weight    : bold;
}
div.all_optout{
    margin        : 10px 0px;
    display        : inline-block;
    padding        : 10px;
    background    : #f0f0f0;
}
div.report_spam_link {
    margin        : 10px 0px 0px 5px;;
}

/*-------------------------------------*/
/* ボタン                              */
/*-------------------------------------*/

input[type=submit],
input[type="button"],
button,
.buttonchange {
    display            : inline;
    font-size        : 110%;
    width            : auto;
    line-height        : 1.5em;
    padding            : 5px 10px 5px 30px;
    margin            : 0px 0.8em 0px 0.1em;
    background        : #fff url('../img/button/button_arrow.png') no-repeat 0px 1px;
    border-radius    : 5px;
    border-color    : #9cf;
    cursor            : pointer;
}
input[type=submit]:hover,
input[type="button"]:hover,
button:hover,
.buttonchange:hover{
    background-color: #f2f9ff;
    /*color            : #fff;*/
    top                : 1px;
    left            : 1px;
    position        : relative;
}
.buttonchange{
    color            : #333;
    text-decoration    : none;
    line-height        : 3em;
    margin            : 5px;
}

/*-------------------------------------*/
/*  文字装飾                           */
/*-------------------------------------*/

span.footer{
    color        : #aaa;
}
.attention{
    color    : red;
    font-weight        : bold;
}
span.red{
    color        : crimson;
}
span.underline{
    font-size        : 11pt;
    padding-bottom    : 5px;
    border-bottom    : 1px solid #4682b4;
}

/*-------------------------------------*/
/*  サブメニュー                       */
/*-------------------------------------*/
ul.submenu li {
    margin-top    : 0px;
    background    : url('../img/grad_downtoup.png') repeat-x bottom left #fff;
    padding        : 3px;
}

ul.submenu li:hover {
    background    : url('../img/grad_uptodown.png') repeat-x top left #fff;
    border-bottom    : 1px solid #eee;
}
ul.submenu li.active a {
    background        : url('../img/arrow_small_high.png') no-repeat 3px;
}

ul.submenu li a {
    text-decoration    : none;
    width            : 170px;
    display            : block;
    background        : url('../img/arrow_small_gray.png') no-repeat 3px;
    padding-left    : 15px;
}

ul.submenu li a:hover {
}

/*-------------------------------------*/
/*  マニュアル                         */
/*-------------------------------------*/
div.manual_header{
    background        : #f5f5f5;
    border-right    : 2px solid #aaa;
    border-bottom    : 2px solid #aaa;
    padding            : 2em;
}

ul.manual_menu{
    font-size        : 10pt;
    width            : 200px;
    float            : left;
}
ul.manual_menu li{
    padding            : 10px 5px;
    border-radius    : 3px;
}
ul.manual_menu li.header{
    background    : url(../img/affiliator/buttonbg.png) repeat-x center;
}
ul.manual_menu a{
    color            : #fff;
    text-decoration    : none;
    display            : block;
}
ul.manual_submenu{
    margin-left    : 5px;
}
ul.manual_submenu li{
    background        : url(../img/affiliator/arrow_low.png) no-repeat left;
    padding-left    : 15px;
}
ul.manual_submenu a{
    color            : #696969;
    text-decoration    : none;
    display            : block;
}
ul.manual_submenu li:hover{
    background        : url(../img/arrow_high.png) no-repeat left;
}
div.manual_main{
    clear        : none;
    margin-left    : 210px;
    width        : 750px;
}
div.manual_main pre{
    background    : none;
    border        : none;
    padding        : 0;
}
div.manual_main img{
    border        : 1px solid black;
}
table.manual{
    width            : 100%;
    margin            : 0;
    padding            : 0;
    clear            : none;
}
table.manual tr td{
    padding            : 5px;
    border            : 1px solid #aaa;
}
table.manual tr td:nth-child(1){
    font-weight        : bold;
    width            : 145px;
}
.manual table.nonstyle{
    width            : auto;
    background        : aliceblue;
    margin-left        : auto;
    margin-right    : auto;
}
.manual table.nonstyle tr td{
    width            : 100px;
    border            : 0;
    text-align        : center;
    padding            : 10px 0px;
}
.manual table.nonstyle tr:nth-child(1){
    background        : #696969;
    color            : white;
    font-weight        : bold;
}

/*-------------------------------------*/
/*  迷惑メール解除方法                 */
/*-------------------------------------*/

ul.freemail{
    float            : left;
    width            : 155px;
    margin-top        : 30px;
    cursor            : pointer;
}
ul.freemail li{
    background        : #eee;
    border            : 1px solid #696969;
    padding            : 10px;
}
ul.freemail li:hover{
    background        : #f0f8ff;
}
div.public{
    margin-left        : 190px;
    margin-top        : 30px;
    width            : 900px;
}
div.public table{
    clear            : none;
}
div.public img{
    border            : 1px solid #ccc;
    margin-right    : auto;
    margin-left        : atuo;
}
div.public table tr td:first-child{
    text-align        : center;
}
div.public table tr td{
    border            : 0px;
    border-bottom    : 30px solid white;
}
div.public table tr:last-child td{
    text-align        : left;
}
div.public table p{
    padding-bottom    : 20px;
}
div.public table li{
    list-style        : disc inside;
}
p.red{
    color            : red;
}

/*-------------------------------------*/
/*  ポイント                           */
/*-------------------------------------*/
table.point_gift
{

    width: 100%;
}

.point_gift_operate {
    width: 160px;
}
.point_change_form_point_count {
    text-align: center;
}
#content1 table.point_gift tr td.point_gift_description
{
    margin-top: -1px;
    border: 1px solid #aaa;
}

.point_gift_description div
{
    padding: 10px 10px;
}


.point_gift_detail_description div
{
    padding: 10px 10px;
}

/**/
.point_gift_name,
.point_gift_operate
{
    padding-top: 10px;
    padding-bottom: 10px;
    
}



/*詳細ページのポイント消費コメント*/
.point_gift_alert {
    padding-top: 10px; 
    padding-bottom: 10px; 
    text-align: center;
}

/*詳細ページの交換ボタン*/
.point_gift_detail_operate
{
    width: 160px;
    padding-top: 10px; 
    padding-bottom: 10px; 
    text-align: center;
}

#content1 table.point_gift tr td:first-child
{
    padding-left : 0px;
    padding-right : 0px;
} 

/*-------------------------------------*/
/*  sendlist                           */
/*-------------------------------------*/

div.sendlist table
{
    width        : 628px;
    margin        : 2px;
    font-size    : 14px;
}

/*************************************************/

fieldset {
    border: none;
    margin-bottom: 1em;
    padding: 16px 10px;
}
fieldset legend {
    color: #e32;
    font-size: 160%;
    font-weight: bold;
}
fieldset fieldset {
    margin-top: 0;
    padding: 10px 0 0;
}
fieldset fieldset legend {
    font-size: 120%;
    font-weight: normal;
}
fieldset fieldset div {
    clear: left;
    margin: 0 20px;
}
form .required > label:first-child,
span.required{
    font-weight    : bold;
    font-size    : 110%;
}
form .required > label:first-child:after,
span.required:after{
    color: #e32;
    content: '*';
    display:inline;
}
div.submit {
    border    : 0;
    clear    : both;
    padding    : 2px;
}
label {
    display: block;
    font-size: 110%;
    margin-bottom:3px;
    width: auto;
}
input, textarea {
    display        : block;
    padding        : 3px;
    /*width        : 830px;*/
}
select[multiple=multiple] {
    width: 100%;
}
option {
    font-size: 120%;
    padding: 0 3px;
}
input[type=checkbox] {
    clear: left;
    float: left;
    margin: 0px 6px 7px 2px;
    width: auto;
}
div.checkbox label {
    display: inline;
}
input[type=radio] {
    float:left;
    width:auto;
    margin-top: 4px;
    margin-right: 4px;
    padding: 0;
    line-height: 26px;
}
.radio label {
    margin: 0 0 6px 20px;
    line-height: 26px;
}

#UserItemForm label.paymode_radio {
    display: block;
}

/* Form errors */
form .error {
    background: #FFDACC;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-weight: normal;
}
form .error-message {
    -moz-border-radius: none;
    -webkit-border-radius: none;
    border-radius: none;
    border: none;
    background: none;
    margin: 0;
    padding-left: 4px;
    padding-right: 0;
}
form .error,
form .error-message {
    color: #9E2424;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
}
/*警告文*/
#content1 #flashMessage{
    color        : red;
    text-align    : left;
    font-size    : 120%;
    font-weight: bold;
}
/*-------------------------------------*/
/*  メール作成時の配信指定             */
/*-------------------------------------*/
div#userlist table tr td{
    border        : 1px solid #aaa !important;
}
div#userlist table#paginator tr td{
    border        : 0px !important;
}
div#userlist table .name1{
    width        : 200px !important;
    border-right: 0px !important;
}
div#userlist table .name2{
    width        : 200px !important;
    border-left    : 0px !important;
}
div#userlist table .mail{
    width        : 550px !important;
}

/*-------------------------------------*/
/*  フォーム             */
/*-------------------------------------*/
/*非表示フォーム*/
form.hidden_form
{
    display : none !important;
    min-height: 0px !important;
}


/* ========================================== */
/* レガシー対応 format   */
/* ========================================== */



/*-------------------------------------*/
/*  ラジオボタン             */
/*-------------------------------------*/
input[type=radio]
{
    cursor: pointer;
}


.radiobutton_frame
{   
    display: table-row;
}

.radiobutton_input,
.radiobutton_label
{
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 10px;
}

.radiobutton_input input[type=radio]
{
    margin : 0;    
}

.radiobutton_label label
{
    margin : 0;
    cursor: pointer;    
}



/*-------------------------------------*/
/*  チェックボックス             */
/*-------------------------------------*/

.checkbox_frame
{   
    display: table-row;
}

.checkbox_input,
.checkbox_label
{
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 10px;
}

.checkbox_input input[type=checkbox]
{
    margin-right : 10px;
    margin-left : 0px;
    margin-top : 0px;
    margin-bottom : 0px;
    padding : 0;
    cursor: pointer;
}

.checkbox_label label
{
    margin : 0;
    cursor: pointer;
}