@charset "EUC-JP";



/* 基本 */

body {

	color: #303030;

	background-color: #ffffff;

	margin: 0px;

	text-align: center;

}



a {color: #06c; text-decoration: underline; }

a:link {color: #06c; text-decoration: underline; }

a:visited {}

a:hover {color: #09c; text-decoration: underline; }

a:active {}





/* 共通 */

#container {

	width: 750px;

	margin: 0px auto;

	text-align: center;	

}



#contents {

	width: 750px;

	margin: 10px 0px 15px 0px;

}



table { }

td { }



img { border: 0px; }



ul.suplist {

	margin: 0px 0px 0px 20px;

	padding: 0px;

}

ul li { list-style-type: disc; }





/* フォーム要素 */

form {

	margin: 0px; 

	padding: 0px 0px;

	text-align: center;

}

.form30 { width: 30px; }

.form40 { width: 40px; }

.form50 { width: 50px; }

.form100 { width: 100px; }

.form200 { width: 200px; }

.form280 { width: 280px; }

.form300 { width: 300px; }

.form400 { width: 400px; }

.form480 { width: 480px; }





/* トップページ */

a.topmenu {color: #222; text-decoration: none; }

a.topmenu:link {color: #222; text-decoration: none; }

a.topmenu:visited {}

a.topmenu:hover {color: #000; text-decoration: underline; }

a.topmenu:active {}



.topbg-cate{ background-color: #FFF2E8; }

.topbg-pickup{ background-color: #FFF3F3; }

.topbg-shop{ background-color: #EEFFE8; }

.topbg-info{ background-color: #FFF3E8; }

.topbg-catalog { background-color: #F3F3FF; }



.rankNo_td{ width: 38px; }

.rankTitle_td{ width: 152px; }



.topsp_list {

	padding: 2px 10px;

	margin: 0px;

	background: #fff;

	border-left: #ddaa7c 1px solid;

	border-right: #ddaa7c 1px solid;

	text-align: center;

}





/* ヘッダ */

#header { 

	width: 750px;

	margin: 0px 0px 5px 0px;

	padding: 0px;

	font-size: 10px;

	text-align: center;

}



#header a{ color: #fff; }

#header a:link{ color: #fff; }

#header a:visited{}

#header a:active{}

#header a:hover{ color: #c00; text-decoration: underline; }





/* フッタ */

.gft { background-color: #abc5f3; }



#footer { 

	width: 750px;

	margin: 10px 0px;

	padding: 0px;

	font-size: 10px;

	text-align: left;

}



#footer a{ color: #06c; }

#footer a:link{ color:#06c; }

#footer a:visited{}

#footer a:active{}

#footer a:hover{ color: #c9c; text-decoration: underline; }



/* ガイド・一覧系 */

.gblu { background-color: #F7FAFF; }



.guide_list {

	padding: 0px 10px;

	margin: 0px;

	background: #f7faff;

	border-left: #ddd 1px solid;

	border-right: #ddd 1px solid;

	text-align: left;

}

.shop_list {

	padding: 0px 10px;

	margin: 0px;

	background: #eaffe3;

	border-left: #ddd 1px solid;

	border-right: #ddd 1px solid;

	text-align: left;

}





.guide_block1{

	padding: 5px 0px 0px 10px;

	margin: 0px;

	text-align: left;

}

.guide_block2{

	padding: 5px 0px 0px 20px;

	margin: 0px;

	text-align: left;

}





/* 購入フロー */

#navi {

	width: 750px;

	color: #909090;

	margin: 5px 0px 0px 0px;

	text-align: center;

}





/* 検索 */

#s_dtls {

	width: 500px;

	margin: 10px 0px 20px 0px;

	text-align: center;

}

table.s_dtls_tbl {

	table-layout: auto; 

	width: 500px;

	border: 1px solid #9cf;

	border-collapse: collapse;

	background-color: #fff;

}





/* 明細 */

#dtls {

	width: 750px;

	margin: 10px 0px 20px 0px;

	text-align: center;

}

#dtls_sup {

	width: 740px;

	margin: 0px 0px 5px 0px;

	padding: 5px;

	text-align: left;

}

#dtls_supr {

	margin: 0px 0px 5px 0px;

	text-align: right;

	padding: 5px;

}

table.dtls_tbl {

	table-layout: auto; 

	border: 1px solid #9cf;

	border-collapse: collapse;

	background-color: #fff;

}

table.dtls_tbl_wht {

	table-layout: auto; 

	border: 1px solid #fff;

	border-collapse: collapse;

	background-color: #fff;

}

td.dtls_td {

	border: 1px solid #9cf;

	border-collapse: collapse;

	vertical-align: top;

	padding: 5px;

}

td.dtls_td_color {

	border: 1px solid #9cf;

	border-collapse: collapse;

	vertical-align: top;

	padding: 5px;

	background-color: #cff;

}

td.dtls_td_m {

	border: 1px solid #9cf;

	border-collapse: collapse;

	vertical-align: middle;

    text-align: center;

	padding: 5px;

}

td.dtls_td_m_color {

	border: 1px solid #9cf;

	border-collapse: collapse;

	vertical-align: middle;

    text-align: center;

	padding: 5px;

	background-color: #cff;

}

td.dtls_head {

	border: 1px solid #9cf;

	border-collapse: collapse;

	vertical-align: top;

	padding: 5px;

	background-color: #9df;

}

td.dtls_total {

	border: 1px solid #9cf;

	border-collapse: collapse;

	vertical-align: top;

	padding: 5px;

	background-color: #cff;

}





/* 商品詳細 */

.g_dtls_title {

	padding: 5px 0px;

	margin: 10px 0px 10px 0px;

	font-weight: bold;

	color: #333;

	background: #9cf;

	border-left: #69c 20px solid;

	border-right: #69c 20px solid;

	text-align: center;

}



table.g_dtls_tbl {

	table-layout: auto; 

	border: 0px;

	border-collapse: collapse;

	background-color: #fff;

}

td.g_dtls_td {

	border: 1px solid #9cf;

	border-collapse: collapse;

	vertical-align: top;

	padding: 5px;

	background-color: #9df;

}





/* 枠 */

table.border {

	border: 1px solid #9cf;

	border-collapse: collapse;

	vertical-align: top;

	padding: 5px;

}

.frame_gr1 {

	border: 1px solid #ccc;

	padding: 0px;

}

.frame_bl1p5 {

	border: 1px solid #9cf;

	padding: 5px;

}





/* マージン */

.margin_2{ margin: 5px; }

.margin_5{ margin: 5px; }

.margin_10{ margin: 10px; }

.margin_15{ margin: 15px; }

.margin_20{ margin: 20px; }



.margin_t5{ margin: 5px 0px 0px; }

.margin_t10{ margin: 10px 0px 0px; }

.margin_t15{ margin: 15px 0px 0px; }

.margin_t20{ margin: 20px 0px 0px; }



.margin_u5{ margin: 0px 0px 5px 0px; }

.margin_u10{ margin: 0px 0px 10px 0px; }

.margin_u15{ margin: 0px 0px 15px 0px; }

.margin_u20{ margin: 0px 0px 20px 0px; }



.margin_tu2{ margin: 2px 0px; }

.margin_tu5{ margin: 5px 0px; }

.margin_tu10{ margin: 10px 0px; }

.margin_tu15{ margin: 15px 0px; }

.margin_tu20{ margin: 20px 0px; }



.margin_l5{ margin: 0px 0px 0px 5px; }

.margin_l10{ margin: 0px 0px 0px 10px; }

.margin_l15{ margin: 0px 0px 0px 15px; }

.margin_l20{ margin: 0px 0px 0px 20px; }



.margin_r5{ margin: 0px 5px 0px 0px; }

.margin_r10{ margin: 0px 10px 0px 0px; }



.margin_l10u5{ margin: 0px 0px 5px 10px; }



.margin_lr5{ margin: 0px 5px; }

.margin_lr6{ margin: 0px 6px; }

.margin_lr7{ margin: 0px 7px; }

.margin_lr10{ margin: 0px 10px; }

.margin_lr15{ margin: 0px 15px; }

.margin_lr20{ margin: 0px 20px; }



.margin_lu5{ margin: 0px 0px 5px 5px; }

.margin_lu20{ margin: 0px 0px 10px 20px; }



.margin_lr10u5{ margin: 0px 10px 5px 10px; }



.td_margin0 {

	border: 0px;

	vertical-align: top;

	padding: 0px;

}

.tdw5 { width: 5px}

.tdw10 { width: 10px }

.tdw15 { width: 15px }

.tdh5 { height: 5px}

.tdh10 { height: 10px}

.tdh15 { height: 15px}





/* パディング */

.pdng_5{ padding: 5px; }





/* 【C21 追加】 */

#container_z {

	width: 350px;

	margin: 0px;

	text-align: center;

}