@charset "utf-8";
@import "market.css";

/******************** ELEMENTS ********************/
body {
	margin: 0px;
	background-color: #ffffff;
	font-size: 12px;
	color: #666666;
    font-family: Verdana;
	letter-spacing: 1px;
	text-align: center;
}

a { text-decoration:underline;}
a:link    { color:#1C8606;text-decoration:none;}
a:visited { color:#82670B;text-decoration:none;}
a:hover   { color:#ff4500;text-decoration:none;}

form { margin: 0px; }

img { border: none; }

textarea {
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 15px;
}

/******************** WRAPPER ********************/
.wrapper {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/******************** HEADER ********************/
.header {
	background-image: url("../images/header.jpg");
	background-repeat: no-repeat;
	background-color: #fff;
    width: 800px;
    height: 100px;
}
.header img {
	float: left;
	margin: 25px 0px 0px 15px;
    width: 141px;
    height: 64px;
}
.header h1 {
    float: left;
	font-size: 14px;
	margin: 28px 0px 0px 0px;
	padding: 0px 0px 0px 180px;
    width: 445px;
    color: #1C8606;
}
.header_text {
	float: left;
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 180px;
    width: 445px;
}
.header:after {
	content: "";
	display: block;
	clear: both;
}

/******************** FOOTER ********************/
.footer {
	clear: both;
	margin-top: 15px;
	text-align: center;
}
.footer p {
	clear: both;
	margin: 0px;
    padding: 2px;
	text-align: center;
    color: #1C8606;
}

/******************** MENU TOP ********************/
.menu_top {
	clear: both;
	background-color: #eee;
    margin: 0px;
    height: 20px;
}

.menu_top ul {
    margin: 0px 0px 0px -40px;
	list-style-type: none;
}
.menu_top li {
	float: left;
    margin-top: 2px;
    margin-left: 5px;
}
.menu_top:after {
	content: "";
	display: block;
	clear: both;
}
.menu_mypage {
	clear: both;
	background-color: #ffc;
	border: solid 1px #ffd843;
    height: 20px;
}
.menu_mypage ul {
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 5px;
    padding-left: 0px;
	list-style-type: none;
}
.menu_mypage li {
	float: left;
    margin-right: 15px;
}
.menu_mypage:after {
	content: "";
	display: block;
	clear: both;
}
/******************** CONTAINER ********************/
.container {
	width: 800px;
	margin: 0px;
	padding-top: 5px;
}
.container:after {
	content: "";
	display: block;
	clear: both;
}


/******************** LEFT MENU ********************/
.menu_left {
	float: left;
	width: 190px;
    background-color: #ffc;
    padding-bottom: 20px;
}
.menu_left p {
	margin: 5px 0px 0px 5px;;
    text-align: center;
}

.middle {
}
.middle ul {
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: none;
}
.middle li {
	margin-left: -35px;
	margin-bottom: 3px;
	border: solid 1px #eef;
	width: 175px;
	background-color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.small {
    
}
.small ul {
    margin-top: 3px;
}
.small li {
	margin-left: -45px;
	margin-bottom: 3px;
	border: none;
    padding-top: 3px;
	padding-bottom: 3px;
	width: auto;
}
#current_m {
}
#current_m a {
}

#current_m span {
    border-bottom: solid 1px #f33;
    color: #f33;
    font-weight: bold;
}
#current_s {
}
#current_s a {
    border-bottom: solid 1px #f33;
    font-weight: bold;
}

#current_s span {
    border-bottom: solid 1px #f33;
    color: #f33;
    font-weight: bold;
}

.left_others {
    margin-top: 15px;
    clear: both;
    text-align: left;
}
.left_others p {
	margin: 3px 0px;
    padding: 0px 5px;
    text-align: left;
}
.left_bn {
    clear: both;
    margin-top: 10px;
}

.btn_cart {
    margin-top: 10px;
    padding: 0px;
}
.btn_cart p {
    margin: 0px;
    padding: 0px;
}

/******************** CONTENTS ********************/
.contents {
	float: left;
	width: 596px;
    margin-left: 10px;
}

.contents h2 {
    font-size: 12px;
}

.contents_general {
	width: 800px;
}
.contents_general h2 {
    font-size: 12px;
}
.contents p {
    margin: 10px;
}

.topic_path {
    border: solid 1px #ffd843;
    padding: 3px;
    margin: 10px 0px 5px 0px;
    background-color: #ffc;
}

/******************** PAGE/SORT/MODE UNIT ********************/
.page_unit_box {
    clear: both;
}
.page_unit {
	float: right;
	margin: 3px
}

.sort_unit {
    clear: both;
	margin: 3px 10px;
}
.mode_unit {
    clear: both;
	margin: 3px 10px 10px 10px;
}














/******************** Items ********************/

.items_box {
	clear: both;
}
.items_box p {
    clear: both;
    text-align: right;
    margin: 10px;
}

.item_box {
    float: left;
    width: 100px;
    height: 180px;
    margin-left: 7px;
    margin-right: 7px;
}
.item_box p {
    margin: 3px 0px;
    text-align: left;
}
.item_box img:hover {
	position:relative;
	top: 1px;
	left: 1px;
    border: solid 1px #f33;
}
.item_box:after {
	content: "";
	display: block;
	clear: both;
}


.item_list {
	clear: both;
    margin: 0px 5px ;
    padding: 5px 0px;
    border-bottom: dashed 1px #000;
}
.item_list img {
    float: left;
    margin-right: 10px;
}
.item_list img:hover {
	position:relative;
	top: 1px;
	left: 1px;
    border: solid 1px #f33;
}
.item_content {
    margin-top: 10px;
}
.item_list:after {
	content: "";
	display: block;
	clear: both;
}






.caption1 {
    clear: both;
    background-image: url("/images/caption_bg_a.gif");
    background-color: #ffc;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 14px 0px 0px 45px;
    height: 20px;
    color: #630;
    font-weight: bold;
}
.caption1ssl {
    clear: both;
    background-image: url("../images/caption_bg_a.gif");
    background-color: #ffc;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 14px 0px 0px 45px;
    height: 20px;
    color: #630;
    font-weight: bold;
}
.caption2 {
    clear: both;
    background-image: url("/images/caption_bg_a.gif");
    background-color: #fff;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 14px 0px 0px 45px;
    height: 20px;
    color: #630;
    font-weight: bold;
	font-size: 12px;
}
.caption2ssl {
    clear: both;
    background-image: url("../images/caption_bg_a.gif");
    background-color: #fff;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 14px 0px 0px 45px;
    height: 20px;
    color: #630;
    font-weight: bold;
	font-size: 12px;
}
.caption3 {
    clear: both;
    background-color: #ffc;
    margin: 5px;
    padding: 3px 0px 0px 0px;
    height: 18px;
    color: #630;
    font-weight: bold;
	font-size: 12px;
    text-align: center;
    border: solid 1px #ffd843;
}




/******************** BORDER TABLES ********************/

/* 幅指定あり(table/th/td) -- th 右寄せ */
.border_t {
	clear: both;
	margin: 0px;
	width: 100%;
}
.border_t table {
	width: 100%;
    border-collapse: collapse;
	letter-spacing: 1px;
}
.border_t th {
    width: 25%;
	font-weight: normal;
	background-color: #eef;
	padding: 4px;
	border: solid 1px #ccc;
	text-align: right;
}
.border_t td {
    width: 75%;
	padding: 4px;
	border: solid 1px #ccc;
}


/* 幅指定なし -- th 右寄せ */
.border_t2 {
	clear: both;
	margin: 0px;
}
.border_t2 table {
    width:auto;
    border-collapse: collapse;
	letter-spacing: 1px;
}
.border_t2 th {
	font-weight: normal;
	background-color: #eef;
	padding: 4px;
	border: solid 1px #ccc;
	text-align: right;
}
.border_t2 td {
	padding: 4px;
	border: solid 1px #ccc;
}

/* 幅指定なし -- th センター */
.border_t3 {
	clear: both;
	margin: 0px;
}
.border_t3 table {
	width:auto;
    border-collapse: collapse;
	letter-spacing: 1px;
}
.border_t3 th {
	font-weight: normal;
	background-color: #eef;
	padding: 4px;
	border: solid 1px #ccc;
	text-align: center;
	width:auto;
}
.border_t3 td {
	padding: 4px;
	border: solid 1px #ccc;
	width:auto;
}

/* 幅指定あり -- th 右寄せ */
.border_t4 {
	clear: both;
	margin: 0px;
}
.border_t4 table {
	width:auto;
    border-collapse: collapse;
	letter-spacing: 1px;
}
.border_t4 th {
	font-weight: normal;
	background-color: #eef;
	padding: 4px;
	border: solid 1px #ccc;
	text-align: right;
	width: 60px;
}
.border_t4 td {
	padding: 4px;
	border: solid 1px #ccc;
	width: 150px;
}

/* 幅指定あり -- th なし border なし */
.border_t0 {
	clear: both;
	margin: 0px;
}
.border_t0 table {
	width:auto;
    border-collapse: collapse;
	letter-spacing: 1px;
    width: 100%;
}
.border_t0 td {
	padding: 0px;
	border: none;
}



/******************** ERROR & MESSAGE ********************/
.error {
	background-color: #fee;
	color: #666;
	border: 1px solid #fcc;
	padding: 5px;
	margin: 20px auto;
	width: 95%;
	text-align: left;
}
.error p {
    margin: 2px 0px;
}
.message {
	background-color: #ffc;
	color: #666;
	border: 1px solid #9c0;
	padding: 5px;
	margin: 20px auto;
	width: 95%;
	text-align: left;
}

/******************** BOTTON ********************/
.w240 {
	width: 240px;
}
.w160 {
	width: 160px;
}
.w160red {
	width: 160px;
	background-color: #fcc;
	border-color: #f33;
	color: #f33;
}
.w120 {
	width: 120px;
}
.w80 {
	width: 80px;
}


/******************** Extras ********************/
.clear {
	clear: both;
}

.center {
	clear: both;
	text-align: center
}
.right {
	clear: both;
	text-align: right;
}
.left {
	clear: both;
	text-align: left;
}
.need {
	color: #f33;
}

.blue {
	color: #33f;
}
.red {
	color: #f33;
}
.red16b {
	color: #f33;
	font-size: 16px !important;
	font-weight: bold;
}
.darkred {
	color: #c00;
}
.darkblue {
	color: #00c;
}
.darkgreen {
	color: #0c0;
}
.black {
    color: #000;
}
.lightred {
    color: #f66;
}
.no_spacing {
	letter-spacing: 0px;
}
.border1 {
	border: solid 1px #ccc;
}
.bg_yellow {
    background-color: #ffc;
}
.bg_gray {
    background-color: #ccc;
}

.ime_off {
    ime-mode:disabled;
}

.before {
    margin: 10px;
}
.before span {
    background-color: #faa;
    padding: 5px;
    color: #fff;
    border: solid 1px #eee;
}
.now {
    margin: 10px;
}
.now span {
    background-color: #aaf;
    padding: 5px;
    color: #fff;
    border: solid 1px #eee;
}
.after {
    margin: 10px;
}
.after span {
    background-color: #ccc;
    padding: 5px;
    color: #fff;
    border: solid 1px #eee;
}

.notes {
    color: #25f;
}

p.red {
    color: #f33;
    margin: 2px;
}

.strong14 {
    font-size: 14px;
    color: #1C8606;
}
.strong16 {
    font-size: 16px;
    color: #1C8606;
}

.close {
    text-align: center;
}


.category_box {
    padding: 5px;
	line-height: 20px;
}

/* mypage マイページ */
.mypage_top li {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* about パイプショップについて */
.shop_photo {
	clear: both;
    margin: 10px;
}
.shop_photo img{
    float: left;
    margin-right: 10px;
}
.shop_photo:after {
	content: "";
	display: block;
	clear: both;
}

/* about リンク集 */
.link_t {
	clear: both;
	margin: 10px;
}
.link_t p {
	margin: 3px;
}
.link_t table {
    border-collapse: collapse;
	letter-spacing: 1px;
}
.link_t th {
    width: 100px;
	font-weight: normal;
	padding: 4px;
	border: solid 1px #ccc;
	text-align: center;
}
.link_t td {
	padding: 4px;
	border: solid 1px #ccc;
}

/* サイトマップ */
.sitemap {
    float: left;
    width: 50%;
    text-align: center;
    padding-left:auto;
    padding-right:auto;
}

.sitemap p {
    clear: both;
    text-align: left;
}

.sitemap ul {
    clear: both;
    text-align: left;
}
.sitemap li {
    margin-top: 5px;
}

.font_large {
    padding-left:3px;
    padding-right:3px;
	font-size: 1.25em;
}
.font_large_red {
    padding-left:3px;
    padding-right:3px;
	font-size: 1.25em;
    color: #f33;
}

/* カテゴリページの最近チェックした商品 */
.checks_bottoms {
}
.checks_bottoms:after {
	content: "";
	display: block;
	clear: both;
}
.checks_bottom {
    float: left;
    width: 290px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 5px;
    margin-bottom: 2px;
}
.checks_bottom img {
    float: left;
    margin-right: 3px;
    border: solid 1px #ccc;
}

.top_banner_box {
	clear: both;
}
.top_banner {
    float: left;
    width: 558px;
    margin-left: 7px;
    margin-right: 7px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.top_banner:after {
	content: "";
	display: block;
	clear: both;
}

.top_banner3 {
    float: left;
    width: 558px;
    margin-left: 7px;
    margin-right: 7px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.top_banner3:after {
	content: "";
	display: block;
	clear: both;
}
.top_banner3 img {
    margin-left: 3px;
    margin-right: 3px;
}


.red_strike {
    text-decoration: line-through;
    color: red;
}