@charset "UTF-8";

/* ---------------------------------------------------------------------
Stylesheet for dancelife
FileName: cart.css
--------------------------------------------------------------------- */


/** ▼カートを確認･購入▼ **/
/* 現在位置 */
#cart .position { padding: 20px 0; text-align: center;}

/* ページナビゲーション */
#cart .page_navi {height: 42px; padding-top: 7px; background: url(/cart/image/page_navi_bg.gif) top repeat-x;}
#cart .page_navi .imgleft {padding: 6px 0; float: left; width: 400px;}
#cart .page_navi .imgright {float: left; width: 510px; text-align: right;}
#cart .page_navi .imgright img { text-align: right;}

/* 料金エリア */
#cart .cart_price_area {padding: 14px 0;}
#cart .cart_price_area table {float: right; width: 390px; background-color: #D9D9D9;}
#cart .cart_price_area table th {width: 169px; text-align: left; color: #333; background: #EFEFEF url(/cart/image/table_bg4.gif);}
#cart .cart_price_area table td { background-color: #FFF;}
#cart .cart_price_area table td span,
#cart .cart_price_area table th span { display: block; padding: 3px;}
#cart .cart_price_area p {float: right; width: 400px; margin-top: 7px; padding: 5px 0; text-align: right; font-size: 12px; line-height: 16px; color: #E84E4E;}
#cart .cart_price_area table td .price { float: right; line-height: 22px; text-align: right; font-size: 14px; font-weight: bold; color: #E53939;}
#cart .cart_price_area table td .button { float: right;}

/*  エラー */
#cart .err { padding: 10px; color: #C00; margin: 0 40px 20px; border: 1px dashed #cecece; text-align: center; font-weight: bold;}
#cart .err img { position: relative; top: 2px; left: -2px;}

/* 送料無料他 */
#cart .free_ship {text-align: center; line-height: 1.5em;}
#cart .free_ship div.area {width: 700px; margin: -5px auto 20px; padding: 8px; border: dotted 1px #666;}
#cart .free_ship p.caution_title {font-size: 14px; font-weight: bold; color: #333; text-align: left;}
#cart .free_ship p.description {white-space: nowrap; font-size: 12px; font-weight: normal;text-align: left; color: #333;}
#cart .free_ship li {white-space: nowrap; font-size: 12px; font-weight: normal;text-align: left; color: #333;margin-left: 15px;}
#cart .free_ship li span {font-size: 10px;}
#cart .free_ship p.caution_1 {margin: 13px auto 5px; font-size: 16px; font-weight: bold; color: #E53939;}
#cart .free_ship p.caution_2 {margin: 8px auto 5px; font-size: 14px; font-weight: bold; color: #E53939;}

/* 送料無料
#cart .free_ship {text-align: center;}
#cart .free_ship div {width: 550px; margin: 5px auto 20px; padding: 8px; border: dotted 1px #666; font-size: 14px; font-weight: bold; color: #E53939;} */

/* メインコンテンツ */
#cart .contbox { background-color: #D9D9D9; padding-top: 2px;}
#cart .contbox .photoarea { width: 190px; background-color: #fff;}
#cart .contbox .details { width: 100%; background-color: #FFF;}

/* 写真部分 */
#cart .contbox .photoarea div { padding: 5px;}
#cart .contbox .photoarea table {width: 180px; height: 180px; background: url(/cart/image/table_bg1.gif);}
#cart .contbox .photoarea table img {cursor: pointer;}
#cart .contbox .photoarea table td {padding: 0; text-align: center; vertical-align: middle; }
#cart .contbox .photoarea .photo_no {height: 21px; background: url(/cart/image/num_bg.gif) repeat-x; font-size: 11px; color: #0073E5; text-align: center; margin-top: 8px; cursor: pointer; line-height: 21px;}
#cart .contbox .photoarea .photo_info {padding: 5px 0; font-size: 12px; color: #E53939; font-weight: bold; text-align: center;}
#cart .contbox .photoarea .trimming_photo {padding: 10px 0; text-align: center;}
#cart .contbox .photoarea .del_photo { padding: 5px 0 15px; text-align: center;}

	/* icon table */
	#cart .contbox .photoarea table { width: 190px; height: 190px; position: absolute;}
	#cart .contbox .photoarea a.icon { display: block; position: relative; top: 0; left: 0; width: 190px; height: 190px; background: url(/photo/image/list_photo_bg.gif) no-repeat top right;}
	#cart .contbox .photoarea a.icon:hover { background: url(/photo/image/list_photo_bg_over.gif) no-repeat top right;}


/* コーナー１ */
#cart .contbox .section1,
#cart .contbox .section2 {padding: 10px;}
#cart .contbox .section3 {padding: 10px; border-top: solid 1px #d9d9d9;}
#cart .contbox .section1 a,
#cart .contbox .section2 a,
#cart .contbox .section3 a { font-weight: normal;}
#cart .contbox .section1 .s_title,
#cart .contbox .section2 .s_title { display: inline; padding-right: 10px; font-weight: bold; line-height: 16px;}
#cart .contbox .section3 .s_title { font-weight: bold; line-height: 16px;}

#cart .contbox .section3 .s_title span {font-weight: normal; color: #E53939;}
#cart .contbox .section3 .trimming_photo { padding: 5px 5px 0 10px;}
#cart .contbox .section1 .info ,
#cart .contbox .section2 .info { display: inline; font-size: 13px; padding-left: 10px;}
#cart .contbox .section1 .info img,
#cart .contbox .section2 .info img {margin-right: 3px;}
#cart .contbox .section1 table { margin: 5px 0 0; border: solid 1px #E5E5E5;}
#cart .contbox .section1 .trimming_txt {padding-left: 4px; font-size: 10px; letter-spacing: 1px;}
#cart .contbox .section1 .trimming_txt span {font-weight: bold; color: #d10000; font-size: 13px;}
#cart .contbox .section1 .p_menu {padding: 5px 5px 3px; background: url(/cart/image/table_bg3.gif); line-height: 16px;}
#cart .contbox .section1 .p_menu1 {padding: 5px 5px 3px; background: url(/cart/image/table_bg2.gif); line-height: 16px;}
#cart .contbox .section1 .p_menu2 {padding: 5px 5px 3px; background: url(/cart/image/table_bg3.gif); font-size: 12px; line-height: 16px;}
#cart .contbox .section1 .p_menu1 select { width: 330px; font-family: "ＭＳ ゴシック", "Osaka－等幅", "Osaka-Mono", monospace; font-size: 12px;}
#cart .contbox .section1 .p_menu2 select { width: 41px; font-family: "ＭＳ ゴシック", "Osaka－等幅", "Osaka-Mono", monospace; font-size: 12px;}
#cart .contbox .section1 .p2_menu {padding: 0; background: url(/cart/image/table_bg3.gif); line-height: 16px;}
#cart .contbox .section1 .p2_menu1 {padding:  0 0 0 5px; background: url(/cart/image/table_bg2.gif); line-height: 16px;}
#cart .contbox .section1 .p2_menu2 {padding:  0 0 0 5px; padding-right: 5px; background: url(/cart/image/table_bg3.gif); font-size: 12px; line-height: 16px;}
#cart .contbox .section1 .item_add_button {margin-top: 7px;}
#cart .contbox .section1 .item_add_button img {margin-right: 8px; vertical-align: middle;}
#cart .contbox .section1 .item_add_button span {color: #E84E4E;}

#cart .contbox .section2 table {background-color: #E5E5E5; margin-top: 5px;}
#cart .contbox .section2 table .radio { width: 22px; vertical-align: middle; background: url(/cart/image/table_bg5.gif);}
#cart .contbox .section2 table .r_content { width: 100%; background: url(/cart/image/table_bg6.gif); vertical-align: middle;}
#cart .contbox .section2 table .r_content .red { color: #E53939;}
#cart .contbox .section2 table .sample { padding-left: 20px; font-size: 13px; line-height: 16px;}
#cart .contbox .section2 table .sample img {margin-right: 3px;}
#cart .contbox .section2 table .sample2 { padding: 3px 0 0 3px; font-size: 12px; letter-spacing: 1px; line-height: 16px;}
#cart .contbox .section2 table .sample2 a { text-decoration: underline;}
#cart .contbox .section2 table .sample2 img { position: relative; top: 0; margin-right: 3px;}
#cart .contbox .section2 table .green { color: #028760; padding-left: 10px;}
#cart .contbox .section2 table .r_content input { font-size: 13px; line-height: 16px; width: 350px; margin-left: 10px; color: #4D4D4D; font-family: "ＭＳ ゴシック", "Osaka－等幅", "Osaka-Mono", monospace;}

#cart .contbox .section3 table td { width: 100px; line-height: 20px;}
/** ▲カートを確認･購入▲ **/


/* カートに入っていない時のメッセージ */
#nothing_msg { text-align: center;}
#nothing_msg table {width: 500px; margin: 20px auto 0; background: url(/common/image/cart_bg.gif); text-align: left;}
#nothing_msg table .info_box { background-color: #FFF; padding: 20px 10px 10px;}
#nothing_msg table .info_box .info_title { font-size: 16px; font-weight: bold; text-align: center; color: #C00;}
#nothing_msg table .info_box .info_text { padding: 10px 0; text-align: center;}