@charset "utf-8";
@import url("import.css");
/* ===================================================================
CSS information

 file name  :mypage.css
 style info :会員ページ用CSS
===================================================================*/
/* cart center style
-------------------------------------------*/
div#contents div.passget,
div#contents div.shopping_entry,
div#contents div.guest_info,
div#contents div.flow_sent,
div#contents div.flow_pay,
div#contents div.flow_check {
	float:none;
	margin:0 auto;
	width:765px;
}

/* common style
-------------------------------------------*/
div.mypage h3 {
	margin-bottom:20px;
}

div.mypage div.section h4 {
	width:754px;
	height:19px;
	margin-bottom:20px;
	padding:5px 0 3px 11px;
	background:url(../img/common/bg-black_strip.gif) repeat-x;
	font-size:125%;
	color:#fff;
}

div.mypage p#attention {
	width:745px;
	margin-bottom:40px;
	padding:10px 10px 8px 10px;
	background-color:#ececec;
	line-height:1.5em;
}

div.mypage p#attention strong {
	color:#ba0906;
}

div.mypage div#goback {
	clear:both;
	float:none;
	padding-top:45px;
	text-align:center;
}

/* rule style
-------------------------------------------*/
div.rule div#rule_check_inner {
	width:614px;
	margin:0 auto;
	text-align:center;
}

div.rule div#rule_check p strong {
	color:#c23f3e;
}

div.rule div#rule_check p {
	margin:0;
	padding-bottom:12px;
}

div.rule div#rule_check div#rule_txt {
	width:536px;
	margin:12px 0 24px 37px;
	padding:2px;
	/* border:1px solid #abadb3; */
}

div.rule div#rule_check div#rule_txt dl {
	height:381px;
	overflow-y:scroll;
	text-align:left;
}

div.rule div#rule_check div#rule_txt dt {
	margin:35px 0 15px 0;
}

div.rule div#rule_check div#rule_txt dt.first_child {
	margin-top:0;
}

div.rule div#rule_check div#rule_txt dd {
	margin:0 0 10px 0;
}

div.rule div#rule_check div#confirm a {
	margin:0 14px;
}

/* login style
-------------------------------------------*/
div.login div#login_area {
	width:579px;
	margin:0 auto 20px auto;
	text-align:center;
}

div.login div#member {
	width:579px;
	background:url(../img/common/bg-member_y.gif) repeat-y;
}

div.login div#member_inner {
	padding-top:25px;
	background:url(../img/common/bg-member_top.gif) no-repeat top;
}

div.login div#member_box {
	padding-bottom:22px;
	background:url(../img/common/bg-member_bot.gif) no-repeat bottom;
}

div.login div#member table {
	width:400px;
	margin:6px auto 0 110px;
	text-align:center;
}

div.login div#member table th,
div.login div#member table td {
	padding:0 16px 16px 0;
	vertical-align:middle;
}

div.login div#member table td#id_mail {
	padding-bottom:6px;
}

div.login div#member table th {
	width:64px;
	padding-left:20px;
	font-weight:normal;
	text-align:right;
}

div.login div#member table td {
	width:336px;
	text-align:left;
}

div.login div#member table td input {
	width:100px;
	border:1px solid #ccc;
	padding:1px;
}

div.login div#member table td#check input {
	width:18px;
	border:1px solid #ccc;
	padding:1px;
}

div.login div#member table td input:hover,
div.login div#member table td input:focus {
	border:1px solid #b01512;
}

div.login div#member table td#check input:hover,
div.login div#member table td#check input:focus {
	border:none;
	padding:0;
}

div.login div#member form div {
	margin-top:6px;
}

div.login div#no_member {
	width:579px;
	margin-top:16px;
	background:url(../img/common/bg-nomember_y.gif) repeat-y;
}

div.login div#no_member_inner {
	padding-top:22px;
	background:url(../img/common/bg-nomember_top.gif) no-repeat top;
}

div.login div#no_member_box {
	padding-bottom:22px;
	background:url(../img/common/bg-nomember_bot.gif) no-repeat bottom;
}

div.login dl {
	width:524px;
	margin:0 auto;
	text-align:center;
	line-height:1.5em;
}

div.login dl dt {
	padding-left:12px;
	font-size:117%;
	font-weight:bold;
	text-align:left;
}

div.login dl dd strong {
	color:#d00;
}

div.login div#no_member_box div {
	margin-top:16px;
}

/* register & inquey & guest_info style
-------------------------------------------*/
div.mypage div#register_box table {
	width:763px;
}

div.mypage div#register_box table#sent_address {
	margin-top:20px;
}

div.mypage div#register_box table th,
div.mypage div#register_box table td {
	padding:7px 10px;
	border:1px solid #b4b0b0;
	line-height:1.5em;
	vertical-align:middle;
	
}

div.mypage div#register_box table th {
	width:199px;
	background-color:#ececec;
	font-weight:normal;
}

div.mypage div#register_box table thead th {
	width:700px;
	height:32px;
}

div.mypage div#register_box table th img {
	margin-left:5px;
}

div.mypage div#register_box table td input,
div.mypage div#register_box table td select,
div.mypage div#register_box table td a img {
	margin:3px 0 5px 0;
}

div.mypage div#register_box table td .inputarea {
	border:1px solid #ccc;
	padding:2px;
}

div.mypage div#register_box table td .inputarea:hover,
div.mypage div#register_box table td .inputarea:focus {
	border:1px solid #b01512;
}

div.mypage div#register_box table textarea.inputarea:hover,
div.mypage div#register_box table textarea.inputarea:focus {
	padding:2px;
}

/* Fxのみ */
div.mypage div#register_box table textarea.inputarea:hover, x:-moz-any-link, x:default {
	padding:3px;
}
div.mypage div#register_box table textarea.inputarea:focus, x:-moz-any-link, x:default {
	padding:3px;
}

div.mypage div#register_box table td p {
	margin-bottom: 0;
}

div.mypage div#register_box table td span {
	color:#ba0906;
}

div.mypage div#register_box table td a#address_link {
	display:block;
	float:left;
}

div.mypage div#register_box table td span#let_click {
	display:block;
	float:left;
	padding:6px 0 0 10px;
	color:#333333;
}

div.mypage div#register_box form div {
	padding-top:35px;
	text-align:center;
}

/* register_end style
-------------------------------------------*/
div.login div#register_end {
	width:579px;
	margin:0 auto;
	text-align:center;
}

div.login div#register_end p {
	margin-bottom:0;
	line-height:1.8em;
}

/* reregister style
-------------------------------------------*/
div.reregister div#entreat {
	width:765px;
	background:url(../img/login/bg-yellow_bot.gif) #f3df59 no-repeat bottom;
}

div.reregister div#entreat p {
	margin:0;
	padding:22px;
	background:url(../img/login/bg-yellow_top.gif) no-repeat top;
	line-height:1.2em;
}

div.reregister div#chang_sys,
div.reregister div#howtoreregister {
	margin-top:40px;
}

div.reregister div#chang_sys p,
div.reregister div#chang_sys ol li {
	margin-bottom:2em;
	line-height:1.2em;
}

div.reregister div#chang_sys ol li {
	padding:0 8px;
}

div.reregister div#chang_sys div {
	text-align:right;
}

div.reregister div#howtoreregister h5 {
	clear:both;
	height:34px;
	margin-bottom:20px;
}

div.reregister div#howtoreregister p {
	margin-bottom:30px;
}

div.reregister div#howtoreregister div p {
	float:left;
	width:auto;
	margin-bottom:30px;
	line-height:1.6em;
}

div.reregister div#howtoreregister div div {
	float:left;
	width:366px;
}

div.reregister div#howtoreregister div div img {
	margin:0 24px 30px 0;
}

div.reregister div#howtoreregister div#lets_reregegister {
	clear:both;
	width:737px;
	padding-top:40px;
}

div.reregister div#howtoreregister div#lets_reregegister img {
	margin-left:225px;
}

/* history & history_item & flow_sent & _
   flow_pay & flow_check & add_sent & bag - common style
-------------------------------------------*/
div.mypage div#history_item_box p,
div.mypage div#flow_pay_box p,
div.mypage div#add_sent_box p,
div.mypage div#flow_check_box p,
div.mypage div#bag_box p {
	width:745px;
	margin-bottom:20px;
	padding:10px 10px 8px 10px;
	background-color:#ececec;
	line-height:1.5em;
}

div.mypage table.content_table {
	width:765px;
}

div.mypage table.content_table {
	border:1px solid #b4b0b0;
}

div.mypage table.content_table th {
	background-color:#ececec;
	font-weight:bold;
	text-align:center;
}

div.mypage table.content_table th,
div.mypage table.content_table td {
	padding:6px 6px 4px 6px;
	border:1px solid #b4b0b0;
}

div.mypage table.content_table tfoot th,
div.mypage table.content_table tfoot td,
div.mypage table.content_table td.yen {
	text-align:right;
	font-weight:normal;
}

/* history style
-------------------------------------------*/
div.history table {
	text-align:center;
}

div.history table td#day {
	width:200px;
}

div.history table td#num {
	width:140px;
}

div.history table td#pay {
	width:160px;
}

div.history table td#yen {
	width:190px;
}

div.history table td img {
	margin-bottom:2px;
}

/* history_item style
-------------------------------------------*/
div.history_item table#sent_guest tbody th {
	width:150px;
	text-align:left;
}

div.history_item table#item_info {
	margin-bottom:40px;
}

div.history_item table#item_info th#code {
	width:100px;
}

div.history_item table#item_info th#item {
	width:300px;
}

div.history_item table#item_info th#num {
	width:65px;
}

div.history_item table#item_info th#price {
	width:150px;
}

div.history_item table#item_info th#money {
	width:150px;
}

div.history_item table#item_info th.total,
div.history_item table#item_info td.total {
	font-size:117%;
	font-weight:bold;
	color:#C23F3E;
}

div.history_item table#item_info td.value {
	text-align:center;
}

/* flow_sent & flow_pay style
-------------------------------------------*/
div.flow_sent div,
div.flow_pay div,
div.flow_check div {
	text-align:center;
}

div.flow_pay div.left_align {
        text-align:left;
}
div.flow_sent table,
div.flow_pay table,
div.flow_check table {
	margin-bottom:20px;
}

div.flow_sent table th.pick,
div.flow_pay table th.pick {
	width:30px;
}

div.flow_sent table td.sent span {
	color:#C23F3E;
}

div.flow_sent table td.address,
div.flow_pay table td.pay {
	text-align:left;
}

/* flow_pay style
-------------------------------------------*/
div#article div#flow_pay_box h4 {
	margin-bottom:10px;
	text-align:left;
}

div#article div#flow_pay_box p {
	margin-bottom:10px;
	text-align:left;
}

div.flow_pay div.pay_method {
	margin-bottom:30px;
}

div.flow_pay div.pay_method table {
	margin-bottom:0;
}

div.flow_pay div.pay_method table th {
	padding-left:8px;
}

div.flow_pay div.pay_method table td {
	padding-right:30px;
}

div.flow_pay div.pay_method textarea {
	width:750px;
	height:66px;
	padding:4px;
}

/* flow_check & bag style
-------------------------------------------*/
div.bag table td,
div.flow_check table td {
	text-align:center;
}

div.bag table td.name,
div.flow_check table td.name {
	text-align:left;
}

div.bag table td.edit,
div.flow_check table td.edit {
	width:43px;
}

div.bag table td.photo,
div.flow_check table td.photo {
	width:113px;
}

div.bag table td.price,
div.flow_check table td.price {
	width:70px;
	text-align:right;
}

div.bag table td.num,
div.flow_check table td.num {
	width:70px;
}

div.bag table td.num div,
div.flow_check table td.num div {
	padding-top:5px;
	/*background-attachment:*/
}

div.bag table tfoot tr#total th,
div.bag table tfoot tr#total td,
div.flow_check table tfoot tr#total th,
div.flow_check table tfoot tr#total td {
	font-size:117%;
	font-weight:bold;
	color:#C23F3E;
}

/* flow_check
-------------------------------------------*/
div.flow_check table.guest_info tbody th,
div.flow_check table.guest_info tbody td {
	text-align:left;
}

div.flow_check table.guest_info th {
	width:150px;
}

/* flow_end
-------------------------------------------*/
div#flow_end_box div {
         float:right;
}

div#flow_end_box div#complate_msg {
	width:457px;
	margin:0 80px 0 30px;
}

div#flow_end_box div#complate_msg p {
	margin-bottom:0;
	padding:0 0 20px 0;
	background:none;
	line-height:1.8em;
	text-align:left;
}

div#flow_end_box div#complate_msg p#attention {
	font-size:134%;
}

/* bag style
-------------------------------------------*/
div.bag div#bag_box div#prev_next {
	width:402px;
	margin:0 auto;
	padding-top:40px;
}

div.bag div#bag_box div#prev_next input {
	margin-right:18px;
}

/* add_sent style
-------------------------------------------*/
div#add_sent_box div {
	text-align:center; 
}

div#add_sent_box table {
	margin-bottom:20px;
}

div#add_sent_box table th {
	text-align:center;
	font-weight:bold;
}

div#add_sent_box table td {
	vertical-align:middle;
}

div#add_sent_box table td.num {
	text-align:center;
	width:40px;
}

div#add_sent_box table td.sent {
	text-align:center;
	width:100px;
}

div#add_sent_box table td.edit {
	width:50px;
	text-align:center;
}

div#add_sent_box table td.edit input {
	margin-top:2px;
}

/* sent_change_new & creditcard_info style
-------------------------------------------*/
body#marukanshop div.sent_change_new,
body#marukanshop div.creditcard_info {
	float:none;
	margin:0 auto;
	text-align:center;
}

body#marukanshop div.sent_change_new table,
body#marukanshop div.creditcard_info table {
	text-align:left;
}

/* creditcard_info style
-------------------------------------------*/
body#marukanshop div.creditcard_info p {
	margin-bottom:20px;
	text-align:left;
}

body#marukanshop div.creditcard_info p#check_cardinfo {
	margin:30px 0 0 0;
	text-align:center;
}

body#marukanshop div.creditcard_info div#register_box td span {
	display:block;
	float:left;
	width:80px;
	padding-left:20px;
	color:#333;
}

body#marukanshop div.creditcard_info div#register_box td span.attention{
	width:300px;
	padding-left:5px;
	float:none;
	color:#BA0906;
}

/* sent_change_new style
-------------------------------------------*/
body#marukanshop div.sent_change_new {
	float:none;
	margin:0 auto;
	text-align:center;
}

body#marukanshop div.sent_change_new table {
	text-align:left;
}

/* passget & withdraw style
-------------------------------------------*/
div.passget div#passget_area,
div.withdraw div#withdraw_area {
	width:579px;
	margin:0 auto;
	text-align:center;
}

div.passget div#passget_area p,
div.withdraw div#withdraw_area p {
	line-height:1.5em;
}

div.passget div#passget_area p strong,
div.withdraw div#withdraw_area p strong {
	color:#d00;
	font-weight:normal;
}

div.passget div#member,
div.withdraw div#member {
	width:579px;
	background:url(../img/common/bg-member_y.gif) repeat-y;
}

div.passget div#member_inner,
div.withdraw div#member_inner {
	padding-top:35px;
	background:url(../img/common/bg-member_top.gif) no-repeat top;
}

div.passget div#member_box,
div.withdraw div#member_box {
	padding-bottom:35px;
	background:url(../img/common/bg-member_bot.gif) no-repeat bottom;
}

div.passget div#member_box input {
	width:250px;
}

div.withdraw div#member_box input {
	margin:15px 0;
	/* border:1px solid #ccc; */
	padding:2px;
}

div.withdraw div#member_box input.no_border {
    border:0;
}

div.passget div#member_box input:hover,
div.passget div#member_box input:focus {
	border:1px solid #b01512;
}

div.passget div#move_page {
	margin-top:20px;
}

/* passget step2 */
div.passget div#passget_area p span {
	font-weight:bold;
}

/* passget step3 */
div.passget div#passget_area div#member_box table {
	margin:0 auto;
}

div.passget div#passget_area div#member_box table td {
	padding-top:4px;
}

div.passget div#passget_area div#member_box table th {
	font-size:184%;
	font-weight:bolder;
	color:#C23F3E;
}

div.passget div#passget_area div#member_box p {
	margin:20px 0 0 0;
}

/* withdraw */
div.withdraw div#withdraw_area p {
	margin-bottom:0;
	padding:0 20px;
	text-align:left;
}

div.withdraw div#withdraw_area p strong {
	font-weight:bold;
}

/* validation err */
.attention {
	margin:0;
	padding:0;
	color:#FF0000;
	text-align:left;
}