/* ************************************************ 
* ------------------------------------------------
*	マイアカウント画面 CSS
* ------------------------------------------------
* ************************************************ */


/* ------------------------------------- 
*	共通
* ------------------------------------- */

* {
margin: 0;
padding: 0;
border: none;
font-size: 12px;
}

body {
color: #333;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 150%;
background-color: #fff;
margin: 0 auto;
}

table {
margin: 0;
padding: 0;
border: 0;
border-collapse:collapse;
}
table tr {
vertical-align:top;
}
table td,
table th {
border-collapse:collapse;
border-spacing: 0;
empty-cells:show;
font-weight:normal;
}

img {
border:none;
vertical-align: top;
}


/* ------------------------------------- 
*	リンクの文字/通常時(link,visited,active)
*	リンクの文字/マウスが当たっている時(hover)
* ------------------------------------- */
a {
color: #666;
}

/* ------------------------------------- 
*	入力項目
* ------------------------------------- */

input, select, textarea {
border: solid 1px #ccc;
}

.base01 {
width: 600px !important;
margin: 0 auto !important;
padding: 0 !important;
text-align: left !important;
}

.base02 {
width: 600px !important;
margin: 20px 0 0 !important;
padding: 0 !important;
text-align: left !important;
border: none;
}

.sub {
width: 600px !important;
margin: 0 auto !important;
padding: 0 !important;
background:#FFF;
}

/* ------------------------------------- 
*	テーブルの背景色と文字色
* ------------------------------------- */

.table1 {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
font-size: 11px;
text-align: center;
margin: 20px auto !important;
width: 598px;
}
.table1 td, .table1 th {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
vertical-align: middle;
padding: 10px;
}
.CELL_1_L {
background: #eee;
text-align: center;
font-weight: bold;
}
.CELL_1_L .note {
font-weight: normal;
color: #f00;
}
.CELL_2 {
text-align: left;
}
.CELL_2 input {
font-size: 14px;
border: 1px solid #ddd;
padding: 4px;
margin-right: 6px;
}
.CELL_2 input[type="button"] {
cursor:pointer;
display:inline-block;
background-color:#DFDFDF;
background-repeat:no-repeat;
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#FFF), color-stop(25%, #FFF), to(#DFDFDF));
background-image:-webkit-linear-gradient(#FFF, #FFF 25%, #DFDFDF);
background-image:-moz-linear-gradient(top, #FFF, #FFF 25%, #DFDFDF);
background-image:-ms-linear-gradient(#FFF, #FFF 25%, #DFDFDF);
background-image:-o-linear-gradient(#FFF, #FFF 25%, #DFDFDF);
background-image:linear-gradient(#FFF, #FFF 25%, #DFDFDF);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFEEE', endColorstr='#DFDFDF', GradientType=0);
color: #333;
border: 1px solid #ccc;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-webkit-transition:0.1s linear all;
-moz-transition:0.1s linear all;
-ms-transition:0.1s linear all;
-o-transition:0.1s linear all;
transition:0.1s linear all;
font-size: 12px;
padding: 4px 6px;
}
.CELL_2 .note {
font-size: 11px;
color: #666;
}
.CELL_2 div.note {
margin: 4px 0 0 !important;
}
.prod_total, .all_total {
font-weight: bolder;
display: block;
}
.title_area {
margin: 30px 0 0 !important;
padding: 0 !important;
}
.shop_title {
font-size: 22px;
font-weight: bolder;
line-height:1.2em;
}
.input_ime{
font-size: 14px;
padding: 5px;
border: 1px solid #ccc;
}

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

.submit_btn {
text-align:center !important;
margin: 0 auto !important;
padding: 0 !important;
}

/* ------------------------------------- 
*	コピーライト、セキュア
* ------------------------------------- */
.copyright{
width: 700px;
text-align:center !important;
margin:0px auto !important;
}

.secure_seal {
text-align:center;
margin:20px auto !important;
width:700px;
}

.secure_table {
margin:20px auto !important;
text-align:center;
}

/* ------------------------------------- 
*	注意書き１の文字色
* ------------------------------------- */
.note {
font-size: 11px;
color: #f00;
}

/* ------------------------------------- 
*	注意書き２の文字色
* ------------------------------------- */
.note2 {
font-size: 11px;
color: #E71F19;
}

/* ------------------------------------- 
*	注意書き３の文字色
* ------------------------------------- */
#note3 {
font-size: 11px;
color: #666;
display: block;
margin-top: 4px;
}

/* ------------------------------------- 
*	メッセージ表示域の設定
* ------------------------------------- */
.info {
border: #999 1px dotted;
padding: 10px;
font-size: 11px;
margin: 10px auto;
text-align: center;
background: #fff;
width: 578px !important;
}

/* ------------------------------------- 
*	会員ログインページのメッセージ表示域の設定
* ------------------------------------- */
.members_info {
margin: 10px auto 30px;
padding: 10px;
font-size: 12px;
color: #666;
background-color: #f5f5f5;
text-align: left;
width: 580px !important;
}

/* ------------------------------------- 
*	エラー表示域の設定
* ------------------------------------- */
.errorbox {
width: 566px !important;
border: 2px solid #f00;
color: #f00;
padding: 15px;
margin: 15px auto 10px;
text-align: left;
font-size: 11px;
font-weight: bold;
}

/* ------------------------------------- 
*	手数料の文字色
* ------------------------------------- */
.sub_charge {
color: #900990;
font-weight: bold;
}

/* ------------------------------------- 
*	使用ポイントの文字色
* ------------------------------------- */
.point_discon {
color: 00929F;
font-weight: bold;
}

/* ------------------------------------- 
*	ボタングループ
* ------------------------------------- */

.submit_btn input {
display: inline-block;
*display: inline;
padding: 4px 10px 4px;
margin-bottom: 0;
*margin-left: .3em;
font-size: 13px;
line-height: 18px;
*line-height: 20px;
color: #333333;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: #f5f5f5;
*background-color: #e6e6e6;
border: 1px solid #cccccc;
*border: 0;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
  border-radius: 4px;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
*zoom: 1;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
text-decoration: none;
}

.submit_btn input:hover,
.submit_btn input:active,
.submit_btn input.active,
.submit_btn input.disabled,
.submit_btn input[disabled] {
background-color: #e6e6e6;
*background-color: #d9d9d9;
}

.submit_btn input:active,
.submit_btn input.active {
background-color: #cccccc 9;
}

.submit_btn input:first-child {
*margin-left: 0;
}

.submit_btn input:hover {
color: #333333;
text-decoration: none;
background-color: #e6e6e6;
*background-color: #d9d9d9;
/* Buttons in IE7 don't get borders, so darken on hover */

background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-ms-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.submit_btn input:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}

.submit_btn input.active,
.submit_btn input:active {
background-color: #e6e6e6;
background-color: #d9d9d9 9;
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.submit_btn input,
.submit_btn input:hover{
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.submit_btn input.active{
color: rgba(255, 255, 255, 0.75);
}

.submit_btn input {
border-color: #ccc;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.submit_btn input {
background-color: #0074cc;
*background-color: #0055cc;
background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
background-image: -o-linear-gradient(top, #0088cc, #0055cc);
background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
background-image: linear-gradient(top, #0088cc, #0055cc);
background-repeat: repeat-x;
border-color: #0055cc #0055cc #003580;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.submit_btn input:hover,
.submit_btn input:active,
.submit_btn input.active,
.submit_btn input.disabled,
.submit_btn input[disabled] {
background-color: #0055cc;
*background-color: #004ab3;
}

.submit_btn input:active,
.submit_btn input.active {
background-color: #004099 9;
}