@charset "UTF-8";

/*initialize*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

/* clearfix */
.clearfix:after {	height: 0;visibility: hidden;content: ".";display: block;clear: both;}
* html .clearfix { zoom: 100%; }
*+html .clearfix { zoom: 100%; }

/***********************************************************/
/**common setting**/

/*link*/
a{text-decoration:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a:link{color:#0064FF}
a:visited{color:#0064FF}
a:hover{text-decoration:underline;color:#eb6100}
a:active{color:#ebc300}

/*text*/
.alignC { text-align:center;}
.alignL { text-align:left;}
.alignR { text-align:right;}

/*indent*/
.indent1 { margin-left: 1em; text-indent: -1em;}
.indent2 { margin-left: 2em; text-indent: -2em;}
.indent3 { margin-left: 3em; text-indent: -3em;}


/*margin*/
.mgnB20 {margin-bottom:20px !important;}
.mgnB30 {margin-bottom:30px !important;}
.mgnB35 {margin-bottom:35px !important;}
.mgnB40 {margin-bottom:40px !important;}

/*padding*/
.pdgT55 { padding-top:55px !important;}
.pdgB0 { padding-bottom:0px !important;}

/***********************************************************/
/**contents layout**/
body { background: url(../images/form_bg.jpg) repeat 0 0; font-size:14px; line-height:2em;}
#wrapper { width:800px; background:url(../images/form_bg_wrapper.jpg) repeat-y 0 0; margin:0 auto; padding:0 10px;}


h1 { float:left; margin:14px 10px 11px;}
.face { float:right; margin: 17px 17px 9px 0;}

.hr {margin: 35px auto; text-align:center;}

#main {margin-bottom:32px;}

#shipping {margin-left:130px; margin-bottom:40px; font-size:13px;}
#shipping .title { color:#1C9BFD; font-weight:bold;}
#shipping .memo { color:#808080; font-size:11px;line-height:2em;}

#store_navi { width:685px;margin:0 auto;}
#store_navi li {display:inline; float:left;margin-right:54px;}
#store_navi li:last-child {float:right;margin-right:0;}


#item_cookie { width:700px; margin:0 50px 50px;}
#item_cookie .item_photo {margin-left: 62px; margin-bottom:14px;}
#item_cookie .text_area { padding:0 80px;}
#item_cookie ul { width:700px;}
#item_cookie ul li { display: inline-block; width:340px; min-height:130px; background:#E6E6E6; margin-bottom:20px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding-bottom:20px;}
#item_cookie ul li:nth-child(odd) { clear:both;float:left;}
#item_cookie ul li:nth-child(even) {float:right;}
#item_cookie ul li.on_sale { background:#FFF564;}
#item_cookie ul li p,
#item_cookie .att {color:#666;font-size:12px;font-weight:bold;line-height:1.8em;}
#item_cookie ul li .select { padding:14px 30px 0;}
#item_cookie ul li .local_sale { padding:14px 2px 10px 16px;}

#item_other { margin:0 40px 70px;}
#item_other .item_bag_ph { float:left; margin-right:45px;}
#item_other .item_book_ph { float:left; margin-top:42px;}
#item_other .detail { width:700px; margin:0 auto 14px;}
#item_other .item_bag_dt { float:left; width:340px;}
#item_other .item_book_dt { float:right; width:340px;}
#item_other .price_shipping { display:table; margin:0 auto 14px;}
#item_other .select { width:280px; height:45px; padding:25px 30px 15px; background:#FFF564; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}

#submit_btn { margin:0 auto 40px; text-align:center;}

#cartArea .carts select {
	-webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	width:280px;
	margin-bottom:5px;
  padding: 5px 20px 5px 8px;
  text-indent: 0.01px;
  text-overflow: '';
  background: white url(../images/form_select_arrow.png) no-repeat center right;
  border: 2px solid #1C9BFD;
  color: #1C9BFD;
	font-size:14px;
  cursor: pointer;
}
#cartArea .carts select:hover { background: #1C9BFD url(../images/form_select_arrow-over.png) no-repeat center right; color: #FFF;}
#cartArea .carts .select {}
#cartArea .carts .stock { font-size: 12px; color: #C00; text-align:left; line-height:1.0; text-indent:1em;}
#cartArea .carts select:disabled { border: 2px solid #999; background: white url(../images/select_arrow-over.png) no-repeat center right; color: #B3B3B3;}

.item_price { margin-bottom:14px;font-size:12px; font-weight:bold; line-height:1.0;}
.item_price span { font-size:20px;}
.item_icon_cart { height:16px; margin-bottom:8px; background:url(../images/form_icon_cart.png) no-repeat 2px 0; padding-left:34px; line-height:16px;}
.item_icon_shipping { height:18px; background:url(../images/form_icon_shipping.gif) no-repeat 0 0; padding-left:78px; font-size:12px; line-height:18px;}

#to_index { padding:12px; background:#999999; text-align:center;}