@charset "euc-jp";


.button {
	/*width: 680px;*/
	/*float: left;*/
	margin-top: 5px;
	text-align: right;
}

.mt20 { padding-top: 20px; }



/*会員の方向け*/
#member {
	float: left;
}


#member ul {
	float: left;
}

.member_midashi {
	background-color: #043367;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 10px;
}

#member .logt {margin-top: 10px;}

#member th {text-align: left;}

#member .tf {
	width: 250px;
}

#member td {
	vertical-align: middle;
}

#member img {
	font-size: 0px;
	line-height: 0px;
	vertical-align: middle;
	margin-right: 5px;
}

#member .m5 {
	padding-top: 5px;
	padding-bottom: 5px;
}



/*ゲスト向け*/
#guest {
	float: left;
	width: 460px;
}
#guest img {
	font-size: 0px;
	line-height: 0px;
}
#guest input {
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}


#guest ul {
	float: left;
	width: 460px;
	padding-bottom: 10px;
}

#guest li {
	float: left;
	width: 210px;
	display: inline;
}

#guest .lbtn {
	float: left;
	width: 210px;
	margin-left: 10px;
	margin-right: 20px;
}

#guest .rbtn {
	float: right;
	width: 210px;
	margin-right: 10px;
}
#guest .cbtn {
	text-align: center;
	width: 460px;
}


.guest_midashi {
	padding-top: 5px;
	padding-bottom: 5px;
}





/*ログインページ*/

body#login {}

body#login #member {
	padding: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	border-right-color: #CCCCCC;
}

body#login .member_midashi {
	background-color: #FFFFFF;
	color: #000000;
	padding-left: 0px;
	margin: 0px;
}

body#login #container {
	margin-bottom: 10px;
}

body#login #logintitle {
	float: left;
	width: 940px;
	margin-top: 10px;
}

body#login #logintitle .left {
	float: left;
	width: 460px;
}
body#login #logintitle .right {
	float: right;
	width: 460px;
}


body#login #loginbox {
	float: left;
	width: 940px;
	background-image: url(../../img/ec/loginbox_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

body#login #loginbox .left {
	float: left;
	width: 460px;
}
body#login #loginbox .right {
	float: right;
	width: 460px;
}


body#login #title {
	float: left;
	width: 940px;
	margin-bottom: 10px;
}

body#login #member .tf {
	width: 340px;
}

body#login .midashi {
	background-color: #043367;
	color: #FFFFFF;
	height: 30px;
	padding-left: 10px;
	line-height: 30px;
}



/**/
body#pwdre  .left {
	float: left;
	width: 680px;
	margin-top: 10px;
}
body#pwdre .right {
	float: right;
	width: 240px;
	margin-top: 10px;
	margin-bottom: 10px;
}
body#pwdre .midashi {
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	background-color: #043367;
	padding-left: 10px;
	float: left;
	height: 30px;
	width: 230px;
	font-size: 12px;
	line-height: 30px;
}



/*メールアドレスを変更する*/
body#mchange {}

body#mchange #container {margin-bottom: 10px;}

body#mchange .left {
	float: left;
	width: 680px;
}

body#mchange .right {
	float: right;
	width: 240px;
}

body#mchange #member {
	float: left;
	width: 680px;
}

body#mchange #member ul {
	float: left;
	width: 680px;
	margin-bottom: 2px;
	background-color: #F0F0F0;
	height: 40px;
}

body#mchange #member  li  {
	float: left;
	height: 40px;
	background-color: #F0F0F0;
	line-height: 40px;
	padding-left: 5px;
	vertical-align: middle;
}

body#mchange #member .tf {
	width: 250px;
	float: left;
	vertical-align: middle;
	margin-top: 10px;
}

body#mchange #member .th {
	width: 150px;
	float: left;
	background-color: #043367;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 10px;
	height: 40px;
	line-height: 40px;
}




body#pwdre {}

body#pwdre .attention {
	float: left;
	width: 680px;
	margin-bottom: 5px;
	height: 30px;
	line-height: 30px;
}

body#pwdre #member {
	float: left;
	width: 680px;
	margin-bottom: 10px;
}

body#pwdre #member ul {
	float: left;
	width: 680px;
	margin-bottom: 2px;
	background-color: #F0F0F0;
	height: 40px;
}

body#pwdre #member  li  {
	float: left;
	height: 40px;
	background-color: #F0F0F0;
	line-height: 40px;
	padding-left: 5px;
	vertical-align: middle;
}

body#pwdre #member .tf {
	width: 250px;
	float: left;
	vertical-align: middle;
	margin-top: 10px;
}

body#pwdre #member .th {
	width: 150px;
	float: left;
	background-color: #043367;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 10px;
	height: 40px;
	line-height: 40px;
}

body#pwdre #attestation {
	float: left;
	width: 680px;
	margin-top: 20px;
}

body#pwdre #attestation .left {
	float: left;
	width: 290px;
	margin-top: 5px;
}

body#pwdre #attestation .right {
	float: right;
	width: 380px;
	margin-top: 5px;
}

body#pwdre #attestation .captcha {
	width: 270px;
	border: 10px solid #043367;
	height: 50px;
	background-color: #000000;
	margin-bottom: 10px;
}

body#pwdre  #attestation  .email {
	float: right;
	height: 48px;
	background-color: #F0F0F0;
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin-bottom: 8px;
	width: 358px;
}

body#pwdre #attestation .pwdmail {
	height: 26px;
}

body#pwdre .process {
	float: right;
	width: 228px;
	background-color: #F0F0F0;
	border: 1px solid #CCCCCC;
	padding: 5px;
}



/*パスワード再発行*/
body#pwdre02 .left {
	float: left;
	width: 940px;
}

body#pwdre02 .attention {
	height: 30px;
	line-height: 30px;
}

body#pwdre02 #member {
	float: left;
	width: 940px;
	margin-bottom: 10px;
}

body#pwdre02 #member ul {
	float: left;
	width: 940px;
	margin-bottom: 2px;
	background-color: #F0F0F0;
	height: 40px;
}

body#pwdre02 #member  li  {
	float: left;
	height: 40px;
	background-color: #F0F0F0;
	line-height: 40px;
	padding-left: 5px;
	vertical-align: middle;
}

body#pwdre02 #member .tf {
	width: 300px;
	float: left;
	vertical-align: middle;
	margin-top: 10px;
}

body#pwdre02 #member .th {
	width: 150px;
	float: left;
	background-color: #043367;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 10px;
	height: 40px;
	line-height: 40px;
}




/*アカウント*/
#account {
	float: left;
	width: 228px;
	border: 1px solid #CCCCCC;
	background-color: #F0F0F0;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-bottom: 10px;
}

#account ul {
	margin-bottom: 5px;
	float: left;
	width: 226px;
	display: block;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #999999;
	border-left-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

#account li {
	background-image: url(../../img/common/ico_arrow.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	float: left;
	width: 206px;
	padding-left: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
}




/*商品キャンセル*/

body#cancell {}

body#cancell .left {
	float: left;
	width: 680px;
}

body#cancell .right {
	float: right;
	width: 240px;
}

body#cancell #member {
	float: left;
	width: 680px;
}

body#cancell #member .mi {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

body#cancell #member #historylist {
	float: left;
	width: 680px;
	margin-top: 0px;
}

body#cancell #member #historylist ul {
	float: left;
	width: 680px;
}

body#cancell #member #historylist li { float: left; 
}



body#cancell #member #historylist .sel { margin-bottom: 10px; }

body#cancell #member #historylist table.t01 {
	border: 1px solid #999999;
	font-size: 12px;
	line-height: 15px;
	float: left;
	clear: both;
}

body#cancell  #member  #historylist  table.t01  th.waku {
	background-color: #333333;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}

body#cancell  #member  #historylist  table.t01  th.nowaku {
	background-color: #CCCCCC;
	font-weight: bold;
	color: #333333;
	text-align: center;
	padding: 5px;
}

body#cancell #member #historylist table.t01 td {
	padding: 5px;
	border: 1px solid #999999;
	vertical-align: top;
}

body#cancell  #member #historylist table.t01 td.check {
	text-align: center;
	vertical-align: middle;
}

body#cancell  #member  #historylist  table.t01 .item { 
}

body#cancell #member #historylist table.detail {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

body#cancell #member #historylist table.detail td {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 0px;
}

body#cancell #member #historylist table.detail tr { }

body#cancell #member #historylist td.amount { text-align: right; 
}

body#cancell #member #historylist table.t01 .listend { margin: 0px; }

body#cancell #member .button {
	width: 920px;
	float: left;
}



#oderstatus {
	float: left;
	width: 668px;
	margin-bottom: 5px;
	background-color: #FFFFCC;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	font-size: 14px;
	border: 1px solid #CCCCCC;
	text-align: center;
}


#status {
	float: left;
	width: 680px;
	margin-bottom: 20px;
}

#status .data {
	width: 520px;
	float: left;
	border: 1px solid #CCCCCC;
	height: 40px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#status .data .day {
	font-size: 12px;
	font-weight: bold;
	padding-top: 2px;
}

#status .data .num {
	font-size: 12px;
	font-weight: bold;
}

#status .can {
	float: right;
	width: 130px;
}

#status .can img.lefimg { float: left; }

#status .can img.rightimg {
	float: right;
	margin: 0px;
}




#oderitem {
	float: left;
	width: 680px;
}
#oderitem h4 { margin-bottom: 5px; }


#oderitem table.t01 {
	float: right;
	width: 680px;
	margin-top: 5px;
}

#oderitem .itemlist {
	float: left;
	width: 680px;
	margin-bottom: 10px;
}

#oderitem .itemlist table.t01 #select { width: 50px; }

#oderitem .itemlist table.t01 td.noborder {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#oderitem .cbutton {
	float: left;
	width: 680px;
	margin-top: 10px;
	text-align: center;
}

#oderitem .cbutton li {
	text-align: left;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 340px;
}

#oderitem .cbutton li.right { text-align: right; }

#oderitem .adinf {
	float: left;
	width: 680px;
	margin-top: 20px;
}

#oderitem table.address { width: 680px; }

#oderitem table.address th {
	padding: 5px;
	color: #000000;
	border: 1px solid #999999;
	font-weight: bold;
}

#oderitem table.address td {
	padding: 5px;
	color: #000000;
	border: 1px solid #999999;
}

#oderitem .comp {
	float: left;
	width: 650px;
	border: 5px solid #CCCCCC;
	text-align: center;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 60px;
	padding-left: 10px;
}

#oderitem .comp .mi { font-size: 24px; }





#cancell #wrapper #container .left #member #historylist #oderitem .itemlist .t01 .noborder {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}



#odernav {
	float: left;
	width: 680px;
	margin-top: 10px;
}

#odernav ul {
	float: left;
	width: 680px;
	margin: 0px;
	padding: 0px;
}

#odernav   li {
	float: left;
	width: 340px;
	margin: 0px;
	padding: 0px;
}


#addressee #addlistbox {
	width: 658px;
}

#addressee {
	float: left;
	width: 658px;
	margin-top: 10px;
	border: 1px solid #999999;
	padding: 10px;
}

#addressee .addlist {
	background-repeat: repeat-x;
	background-position: left bottom;
	float: left;
	width: 658px;
	background-image: url(../../img/common/dot.gif);
	margin-bottom: 20px;
	padding-bottom: 20px;
}

#addressee .addlist ul {
	float: left;
	width: 658px;
}

#addressee .addlist li {
	float: left;
}

#addressee .addlist li.badd {
	margin-right: 10px;
}

#addressee .addlist li.button {
	float: right;
	height: 58px;
	width: 50px;
	text-align: right;
}

#addressee .useradd {
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 30px;
	height: 30px;
	background-color: #043264;
	color: #FFFFFF;
	padding-left: 10px;
}

#addressee .midashi {
	font-size: 14px;
	font-weight: bold;
	color: #043264;
	width: 658px;
	float: left;
	display: block;
}

#addressee .newadd {
	width: 658px;
}

#addressee table {
	margin-top: 10px;
	float: left;
	width: 658px;
}

#addressee th {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: right;
	padding-right: 5px;
	background-color: #F0F0F0;
	font-weight: bold;
	white-space: nowrap;
	padding-left: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#addressee tr {}

#addressee td {
	padding-left: 10px;
}

#addressee .tf {
	margin-right: 5px;
	width: 200px;
}

#addressee .tf2 {
	width: 45px;
	margin-right: 5px;
}

#addressee .tf3 {
	width: 135px;
	margin-left: 5px;
}

.process {
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
}

.process li {
	width: 50%;
	float: right;
}




#regist #addressee {
	width: 910px;
	float: left;
	text-align: center;
	border: 5px solid #CCCCCC;
}

#regist #addressee table {
	width: 910px;
	text-align: left;
}

#regist .thx {
	padding-top: 50px;
	padding-bottom: 50px;
}

#regist .left {
	width: 940px;
	float: left;
}

#regist .right {
	width: 240px;
}

#regist .right .list {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-left-color: #999999;
	width: 238px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

#regist .list .subtotal {
	background-color: #FFFF99;
	width: 218px;
	float: left;
	padding: 10px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	font-size: 14px;
	line-height: 20px;
}

#regist .list .subtotal .red_text_bold {
	font-size: 14px;
	line-height: 20px;
}

#regist .list .listbox {
	width: 228px;
}

#regist .list .listbox li {
	float: left;
	width: 228px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

#regist .list .listbox .ph {
	float: left;
	width: 105px;
}

#regist .list .listbox .ph a img {
	border: 1px solid #999999;
}

#regist .list .listbox .ph a:hover img {
	border: 1px solid #FF0000;
}


#regist .list .listbox .txt {
	float: right;
	width: 123px;
}

#regist .list .listbox .txt .makername {
	font-size: 11px;
	margin-bottom: 5px;
}

#regist .list .listbox .txt .goodsname {
	font-size: 12px;
	line-height: 15px;
}

#regist .list .listbox .txt .kazu { }


#regist .list .listbox .txt .price {
	font-weight: bold;
	color: #FF0000;
}

#regist .list .listbox .listend {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: none;
}

#regist .list .listbox .data {
	width: 228px;
}

#regist .process {
	width: 680px;
}


#regist .cbutton {
	float: left;
	width: 940px;
	text-align: center;
	margin-top: 10px;
}
#regist .cbutton ul {
	float: left;
	width: 940px;
}

#regist .cbutton li {
	float: left;
	width: 450px;
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
}


#regist input#checkbox {
	margin-right: 4px;
	padding: 0px;
	margin-top: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
	vertical-align: baseline;
}

p.special-price-list {
	margin-bottom: 20px;
	padding-left: 20px;
	line-height: 1.8;
	font-size: 16px;
}



#log-titbox {margin:10px 0 0 0; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#log-titbox > .log-tit {font-size: 20px;font-weight: bold;line-height: 120%;}
#log-titbox > .red-txt {color: #F00;}
#log-titbox > .log-cap {font-size: 12px;}