@charset "utf-8";

/*大枠設定 （下記の箇所を検索置換） 2010.11.03
.other-body 700px                //.other-body（SHOPその他ページの横幅）
.other-body 0 20px 10px 20px     //.other-body（SHOPその他ページのマージン）
------------------------------------------*/

/* other
------------------------------------------*/
.other-body{
	width: 660px;
	margin: 0 20px 10px 20px;
}
.other-body strong{
	font-weight: bold;
}
.other-body .attention{
	color: #a00;
}
.other-body p{
	margin: 0 0 0.8em 0;
}
.other-body form{
	margin: 15px 0;
}
.other-body-table table{
	width: 100%;
}
.other-body-table p{
	margin: 0;
}
.other-body-table th{
	padding: 10px 12px;
	width: 140px;
	background: #444;
	border: #333 1px solid;
}
.other-body-table td{
	padding: 10px 12px;
	border: #333 1px solid;
}
.other-body-table td input{
	margin: 0 0 2px 0;
	padding: 2px 3px;
	border: #ccc 1px solid;
}
.other-body-table p.zipimg{
	margin: 5px 0 0 0;
}
.other-body-table p.zipimg img{
	float: left;
}
.other-body-table p.mini{
}
.other-body-table td input{
	margin: 0 0 2px 0;
	padding: 2px 3px;
	border: #ccc 1px solid;
}
.other-body-table td select{
	margin: 0 0 2px 0;
}
.other-body-table td input.box60{
	width: 15%;
}
.other-body-table td input.box120{
	width: 30%;
}
.other-body-table td input.box300, .other-body-table td input.box370, .other-body-table td input.box380{
	width: 85%;
	padding: 2px 3px;
}
.other-body-table td textarea.area380{
	padding: 2px 3px;
	width: 85%;
	border: #ccc 1px solid;
}
.other-body textarea.area470{
	padding: 2px 3px;
	width: 99%;
	line-height: 1.2;
	border: #ccc 1px solid;
}
.other-body-btn{
	margin: 20px;
	text-align: center;
}
.other-body-btn a, .other-body-btn input{
	padding: 0 15px;
}

/* 住所自動入力、パスワードを忘れた方、新しいお届け先 */
#zipsearchcolumn, #windowarea{
	padding: 20px;
	background: #fff;
}
#zipsearchcolumn h1, #windowarea h1{
	padding: 5px;
	margin: 0 0 5px 0;
	font-size: 138.5%;
	font-weight: bold;
	text-align: left;
	border-top: #ccc 5px solid;
	border-bottom: #ccc 1px dashed;
}
#windowarea p{
	text-align: left;
}
#completebox{
	padding: 80px 0;
}
#completebox p{
	text-align: center;
}
#windowarea table{
	margin: 20px 0;
	width: 100%;
}
#windowarea th{
	padding: 10px 12px;
	width: 140px;
	background: #eaeaea;
	border: #ccc 1px solid;
}
#windowarea td{
	padding: 10px 12px;
	border: #ccc 1px solid;
	text-align: left;
}
#windowarea p.zipimg{
	margin: 5px 0 0 0;
}
#windowarea p.zipimg img{
	float: left;
}
#windowarea td input{
	margin: 0 0 2px 0;
	padding: 2px 3px;
	border: #ccc 1px solid;
}
#windowarea td select{
	margin: 0 0 2px 0;
}
#windowarea td input.box60{
	width: 15%;
}
#windowarea td input.box120{
	width: 30%;
}
#windowarea td input.box300{
	width: 85%;
	padding: 2px 3px;
}

/* 1column
------------------------------------------*/
#main-1column{
	margin: 0 auto;
	width: 840px;
	color: #444;
	text-align: left;
	background: #fff;
}
#main-1column table th{
	color:#444
	;
}
#main-1column table td{
	color:#444;
}
#main-inner-1column{
	padding: 20px;
}
#main-inner-1column:after{ content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#main-inner-1column{ min-height: 1px; }
* html #main-inner-1column{ height: 1px; }

#main-1column .attention{
	color: #a00;
}
#main-1column .page-title{
	margin: 0;
	padding: 0 0 0 30px;
	height: 50px;
	color: #000;
	font-size: 153.9%;
	font-weight: bold;
	line-height: 50px;
	background: #eaeaea url(/images/common/parts/shopping-title-bg.gif) no-repeat 15px 50%;
	border: #ccc 1px solid;
}
#main-1column .mypage-main .page-title{
	margin: 0 0 20px 0;
	background: #eaeaea url(/images/common/parts/mypage-title-bg.gif) no-repeat 15px 50%;
}

/* shopping
------------------------------------------*/
.shopping-box{
	padding: 20px;
	background: #fff;
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
}
.shopping-box p{
	margin: 0 0 15px 0;
}
.shopping-inputbox{
	margin: 0 70px 20px 70px;
	padding: 30px;
	background: #eaeaea;
}
.shopping-inputbox p{
	margin: 0;
}
.shopping-inputbox p.mini{
	margin: 0 0 15px 0;
}
.shopping-btn{
	margin: 20px;
	text-align: center;
}
.shopping-btn p{
	margin: 0 0 10px 0;
}
.shopping-btn a, .shopping-btn input{
	padding: 0 15px;
}
.shopping-flow-area{
	margin: 0 0 20px 0;
	text-align: center;
}
.shopping-flow-text{
	padding: 10px;
	background: #fff;
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
}
.shopping-flow-table table{
	width: 100%;
}
.shopping-flow-table p{
	margin: 0;
}
.shopping-flow-table th{
	padding: 10px 12px;
	width: 140px;
	color: #444;
	background: #eaeaea;
	border: #ccc 1px solid;
}
.shopping-flow-table th.centerth{
	text-align: center;
}
.shopping-flow-table th.resultth{
	text-align: right;
}
.shopping-flow-table td{
	padding: 10px 12px;
	color: #444;
	background: #fff;
	border: #ccc 1px solid;
}
.shopping-flow-table td.pricetd{
	text-align: right;
}
.shopping-flow-table td#quantity{
	text-align: center;
}
.shopping-flow-table td#quantity ul li{
	padding: 0 3px;
	display: inline;
}
.shopping-flow-table p.zipimg{
	margin: 5px 0 0 0;
}
.shopping-flow-table p.zipimg img{
	float: left;
}
.shopping-flow-table td input{
	margin: 0 0 2px 0;
	padding: 2px 3px;
	border: #ccc 1px solid;
}
.shopping-flow-table td select{
	margin: 0 0 2px 0;
}
.shopping-flow-table td input.box60{
	width: 15%;
}
.shopping-flow-table td input.box120{
	width: 30%;
}
.shopping-flow-table td input.box300, .shopping-flow-table td input.box370, .shopping-flow-table td input.box380{
	width: 85%;
	padding: 2px 3px;
}
.shopping-flow-table td textarea.area380{
	padding: 2px 3px;
	width: 85%;
	border: #ccc 1px solid;
}
.shopping-flow-table textarea.area470{
	padding: 2px 3px;
	width: 99%;
	line-height: 1.2;
	border: #ccc 1px solid;
}

.shopping-flow-title{
	padding: 10px;
	font-size: 116%;
	font-weight: bold;
	background: #fff url(/images/common/parts/bg01.gif) repeat 0 0;
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	color:#000;
}
.shopping-flow-text02{
	padding: 10px;
	background: #fff;
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
}
.shopping-flow-text02 table{
	width: 100%;
}
.shopping-flow-text02 table th{
	padding: 10px 12px;
	text-align: center;
	background: #eaeaea;
	border: #ccc 1px solid;
}
.shopping-flow-text02 table td{
	padding: 10px 12px;
	border: #ccc 1px solid;
}
.shopping-flow-text02 table td.centertd{
	text-align: center;
}
.shopping-flow-text02 textarea.pay-area660{
	padding: 2px 3px;
	width: 70%;
	line-height: 1.2;
	border: #ccc 1px solid;
}
#completetext{
	padding: 10px;
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
}

/* mypage
------------------------------------------*/
#mypage-nav{
	float: left;
	width: 200px;
}
#mypage-nav ul{
	margin: 0 0 10px 0;
	padding: 10px 15px;
	background: #fff url(/images/shopping-bg01.gif) repeat 0 0;
	border: #ccc 1px solid;
}
#mypage-nav ul li{
	border-bottom: #ccc 1px solid;
}
#mypage-nav ul li a{
	color: #000;
}
#mypage-nav ul li a.current{
	font-weight: bold;
}
#mypage-nav ul li em{
	font-weight: bold;
}

#mypage-content{
	float: right;
	width: 580px;
}
.mypage-content-title{
	margin: 0 0 15px 0;
	font-size: 123.1%;
	font-weight: bold;
	border-bottom: #ccc 1px dashed;
}
.mypage-text{
	margin: 0 0 15px 0;
}
#mypage-content .addbtn{
	margin: 0 0 15px 0;
}

/* large-image-window-mainimg
------------------------------------------*/
body#large-image-window{
	background: #fff;
	text-align: center;
}
.large-image-window-container{
	margin: 0 auto;
	width: 740px;
	background: #fff;
}
.large-image-window-container-inner{
	padding: 20px;
	background: #fff;
}
.large-image-window-mainimg{
	float: left;
	display: inline;
	margin: 0 20px 0 0;
	width: 600px;
	text-align: center;
}
.large-image-window-subarea{
	float: left;
	width: 80px;
	text-align: center;
}
.large-image-window-subarea img{
	margin: 0 0 2px 0;
	cursor: pointer;
}
.large-image-window-close{
	height: 30px;
	line-height: 30px;
	background: #ddd;
}