@charset 'utf-8';

* {
	font-family	: Verdana,sans-serif;
	font-style	: normal;
	margin		: 0;
	padding		: 0;
}

body {
	color		: #333;
	background	: #333;
	text-align	: center;
}

#container {
	background	: #FFF;
	width		: 800px;
	font-size	: 12px;
	text-align	: left;
	margin		: 0 auto;
}

a:link, a:visited {
	color		: #333;
}

a:hover {
	color		: #F60;
}

a img {
	border		: none;
}

dl {
	clear		: both;
	margin		: 1em 0;
}

.dot hr, .sp hr {
	display		: none;
}

.dot {
	clear		: both;
	background	: url("img/dot.gif") repeat-x center left;
	height		: 5px;
	margin		: 0.5em 0;
}

.sp {
	clear		: both;
	height		: 5px;
	margin		: 0;
	padding		: 5px 0;
}

/* ========== index ========== */

#shopinfo {
	margin		: 0 0 1.5em 0;
}

#shopinfo h2 {
	background	: url("img/mainimg.jpg") no-repeat top left;
	width		: 610px;
	height		: 112px;
	text-indent	: -9999px;
}

h2#saleitem,
h2#newarrival {
	font-size	: 12px;
	height		: 15px;
	text-indent	: -9999px;
	margin		: 0 0 0.5em 0;
}

h2#saleitem {
	background	: url("img/ttl_sale.gif") no-repeat top left;
}

h2#newarrival {
	background	: url("img/ttl_new.gif") no-repeat top left;
}

/* ========== header navi ========== */

#header {
	padding		: 0 10px;
}

#header {
	height		: 40px;
}

#header h1 {
	background	: url("img/logo.gif") no-repeat top left;
	width		: 270px;
	float		: left;
	margin		: 0;
	padding		: 0;
}

#header h1 a {
	width		: 270px;
	height		: 40px;
	display		: block;
	text-indent	: -9999px;
	text-decoration	: none;
}

#header #search {
	text-align	: right;
	vertical-align	: bottom;
	padding		: 10px 0 0 0;
}

#header #search input#word {
	width		: 150px;
	height		: 17px;
}

#header #search input#sbtn {
	background	: url("img/icon_search.gif") no-repeat center center;
	width		: 16px;
	height		: 25px;
	text-indent	: -9999px;
	overflow	: hidden;
	font-size	: 10px;
	border		: none;
}

#navi {
	color		: #FFF;
	font-size	: 10px;
}

#navi p {
	background-color	: #333;
	padding		: 3px 10px;
}

#navi p#navi_top {
	margin-bottom	: 5px;
}

#navi a {
	color		: #FFF;
	text-decoration	: none;
}

/* ========== main ========== */

#main {
	clear		: both;
	padding		: 10px;
}

#main #sidebar {
	width		: 170px;
	float		: left;
}

#main #sidebar ul {
	list-style-type	: none;
}

#main #sidebar ul ul {
	margin		: 0 0 10px 10px;
}

#sidebar a.original,
#sidebar a.retroboard,
#sidebar a.longboard,
#sidebar a.shortboard,
#sidebar a.bodyboard,
#sidebar a.wetsuit,
#sidebar a.surfgear,
#sidebar a.fin,
#sidebar a.menswear,
#sidebar a.ladieswear,
#sidebar a.girlswear_gear,
#sidebar a.sunglass,
#sidebar a.watch,
#sidebar a.dvd,
#sidebar a.training,
#sidebar a.sale {
	background-repeat	: no-repeat;
	background-position	: top center;
	display		: block;
	width		: 159px;
	height		: 25px;
	overflow	: hidden;
	text-indent	: -9999px;
	margin		: 0 0 3px 0;
}

#sidebar a.original {
	background-image	: url("img/category_original.gif");
}

#sidebar a.retroboard {
	background-image	: url("img/category_retroboard.gif");
}

#sidebar a.longboard {
	background-image	: url("img/category_longboard.gif");
}

#sidebar a.shortboard {
	background-image	: url("img/category_shortboard.gif");
}

#sidebar a.bodyboard {
	background-image	: url("img/category_bodyboard.gif");
}

#sidebar a.wetsuit {
	background-image	: url("img/category_wetsuit.gif");
}

#sidebar a.surfgear {
	background-image	: url("img/category_surfgear.gif");
}

#sidebar a.fin {
	background-image	: url("img/category_fin.gif");
}

#sidebar a.menswear {
	background-image	: url("img/category_menswear.gif");
}

#sidebar a.ladieswear {
	background-image	: url("img/category_ladieswear.gif");
}

#sidebar a.girlswear_gear {
	background-image	: url("img/category_girlswear_gear.gif");
}

#sidebar a.sunglass {
	background-image	: url("img/category_sunglass.gif");
}

#sidebar a.watch {
	background-image	: url("img/category_watch.gif");
}

#sidebar a.dvd {
	background-image	: url("img/category_dvd.gif");
}

#sidebar a.training {
	background-image	: url("img/category_training.gif");
}
#sidebar a.sale {
	background-image	: url("img/category_sale.gif");
}

/* ========== minimenu ========== */

#main #sidebar #minimenu {
	margin		: 15px 0 0 0;
}

#main #sidebar #minimenu li,
#main #sidebar #minimenu li a {
	display		: block;
	width		: 159px;
	height		: 21px;
	overflow	: hidden;
	text-indent	: -9999px;
	margin		: 0 0 3px 0;
}

#main #sidebar li.shop {
	background	: url("img/minimenu_shop.gif") no-repeat top center;
}

#main #sidebar li.goods {
	background	: url("img/minimenu_goods.gif") no-repeat top center;
}

#main #sidebar li.school {
	background	: url("img/minimenu_school.gif") no-repeat top center;
}

#main #sidebar li.rental {
	background	: url("img/minimenu_rental.gif") no-repeat top center;
}

#content {
	width		: 610px;
	float		: left;
}

/* ========== submenu ========== */

.submenu{
	margin:10px 0;
}

.submenu li{
	background	: url("img/shoppinglefticon.gif") no-repeat bottom left;
	padding-left:18px;
}


/* ========== footer ========== */

#footer {
	clear		: both;
	text-align	: center;
	padding		: 10px;
	border-top	: 20px solid #333;
}

#footer p {
	margin		: 0 0 1em 0;
}

address {
	font-size	: 10px;
}


/* ========== Brandlist ========== */

h3.entry-header {
	font-size	: 100%;
	margin		: 0 0 1em 0;
}


#girlswear_gear_Category_Explain {
	background	: url("img/girlswear_gear_explain_bg.gif") no-repeat center left;
	height		: 145px;
	line-height	: 1.4em;
	padding		: 20px 0 0 110px;
}


#original_Category_Explain {
	background	: url("img/original_explain_bg.gif") no-repeat center left;
	height		: 145px;
	line-height	: 1.4em;
	padding		: 20px 0 0 110px;
}

#retroboard_Category_Explain {
	background	: url("img/retroboard_explain_bg.gif") no-repeat center left;
	height		: 145px;
	line-height	: 1.4em;
	padding		: 20px 0 0 110px;
}

#longboard_Category_Explain {
	background	: url("img/longboard_explain_bg.gif") no-repeat center left;
	height		: 145px;
	line-height	: 1.4em;
	padding		: 20px 0 0 110px;
}

#shortboard_Category_Explain {
	background	: url("img/shortboard_explain_bg.gif") no-repeat center left;
	height		: 145px;
	line-height	: 1.4em;
	padding		: 20px 0 0 110px;
}

#bodyboard_Category_Explain {
	background	: url("img/bodyboard_explain_bg.gif") no-repeat center left;
	height		: 145px;
	line-height	: 1.4em;
	padding		: 20px 0 0 110px;
}

#wetsuit_Category_Explain {
	background	: url("img/wetsuit_explain_bg.gif") no-repeat center left;
	height		: 145px;
	line-height	: 1.4em;
	padding		: 20px 0 0 110px;
}

#surfgear_Category_Explain {
	background	: url("img/surfgear_explain_bg.gif") no-repeat center left;
	height		: 145px;
	line-height	: 1.4em;
	padding		: 20px 0 0 110px;
}

#fin_Category_Explain {
	background	: url("img/fin_explain_bg.gif") no-repeat center left;
	height		: 145px;
	line-height	: 1.4em;
	padding		: 20px 0 0 110px;
}

#menswear_Category_Explain {
	background	: url("img/menswear_explain_bg.gif") no-repeat center left;
	height		: 145px;
	line-height	: 1.4em;
	padding		: 20px 0 0 110px;
}

#ladieswear_Category_Explain {
	background	: url("img/ladieswear_explain_bg.gif") no-repeat center left;
	height		: 145px;
	line-height	: 1.4em;
	padding		: 20px 0 0 110px;
}

#sunglass_Category_Explain {
	background	: url("img/sunglass_explain_bg.gif") no-repeat center left;
	height		: 145px;
	line-height	: 1.4em;
	padding		: 20px 0 0 110px;
}

#watch_Category_Explain {
	background	: url("img/watch_explain_bg.gif") no-repeat center left;
	height		: 145px;
	line-height	: 1.4em;
	padding		: 20px 0 0 110px;
}

#dvd_Category_Explain {
	background	: url("img/dvd_explain_bg.gif") no-repeat center left;
	height		: 145px;
	line-height	: 1.4em;
	padding		: 20px 0 0 110px;
}

#training_Category_Explain {
	background	: url("img/training_explain_bg.gif") no-repeat center left;
	height		: 145px;
	line-height	: 1.4em;
	padding		: 20px 0 0 110px;
}

#sale_Category_Explain {
	background	: url("img/sale_explain_bg.gif") no-repeat center left;
	height		: 145px;
	line-height	: 1.4em;
	padding		: 20px 0 0 110px;
}

#brand_list {
	font-size	: 10px;
}

#brand_list h2 {
	font-size	: 10px;
	margin		: 0;
}

#brand_list_header, .brand_item, #item_list {
	min-height	: 1%;
	height		: 1%;
}

#brand_list_header:after, .brand_item:after,  #item_list:after {
	content		: ".";
	display		: block;
	height		: 0;
	clear		: both;
	visibility	: hidden;
}

#brand_list_header {
	height		: 15px;
	text-align	: right;
	margin		: 0 0 3px 0;
}

#brand_list_header .brand_logo,
#brand_list_header .brand_price,
#brand_list_header .brand_note {
	background	: #333;
}

.brand_item {
	clear		: both;
	line-height	: 1.4em;
	margin-bottom	: 20px;
}

.brand_logo {
	width		: 147px;
	float		: left;
}

.brand_price {
	width		: 80px;
	float		: left;
	margin		: 0 3px;
}

.brand_price .limits {
	margin		: 0 0 0 5px;
}

.brand_note {
	width		: 374px;
	float		: left;
}

.brand_item .brand_logo {
	text-align	: center;
	border-left	: 3px solid #666;
}

.brand_item .brand_price {
	font-weight	: bold;
	padding		: 2em 0 0 0;
}

.brand_item p.lnk {
	font-weight	: bold;
	text-align	: right;
}

.brand_item p.lnk .to_itemlist {
	margin		: 0 0 0 15px;
}


/* ========== Itemlist ========== */

#item_list {
	clear		: both;
	font-size	: 10px;
}

.item.Brand_Explain_Short {
	display		: none;
}

#item_list .item h3 {
	height		: 27px;
	overflow	: hidden;
	font-size	: 10px;
	margin		: 0 5px;
}

#item_list .item {
	width		: 145px;
	height		: 270px;
	float		: left;
	text-align	: center;
	line-height	: 1.4em;
	margin		: 0 2px 10px 3px;
	padding		: 5px 0;
	border		: 1px solid #999;
}

#item_list .item a {
	font-weight	: normal;
	text-decoration	: none;
}

#item_list .item .item_photo {
	width		: 130px;
	height		: 120px;
	overflow	: hidden;
	margin		: 0 auto 3px auto;
}

#item_list .item .item_status {
	width		: 135px;
	height		: 12px;
	overflow	: hidden;
	padding		: 0 5px;
}

#item_list .item .item_price {
	font-weight	: bold;
}

#item_list form input,
#individual form input,
.cartbtn input {
	color		: #FFF;
	background	: #F60 url("img/cart_btn.gif") no-repeat center center;
	width		: 110px;
	height		: 16px;
	overflow	: hidden;
	font-size	: 10px;
	margin		: 0 0 3px 0;
	border		: none;
}

#item_list .item .order_btn {
	margin-top: 14px;
	margin-bottom: 2px;
}

/* ========== individual ========== */

#individual p.lnk,
#individual .brand_price {
	display		: none;
}

.extend {
	clear		: both;
	margin		: 10px 0 0 0;
}

.extend p {
	margin		: 0.5em 0;
}

.extend dt {
	font-weight	: bold;
}

/* ========== otherinfo ========== */

#otherinfo h2 {
	margin		: 0 0 1em 0;
}

#otherinfo h3 {
	margin		: 1em 0 0.5em 0;
}

#otherinfo h4 {
	margin		: 1.5em 0 0.5em 0;
}

table.charge {
	width		: 570px;
	border-collapse	: collapse;
	margin		: 1em 0;
	border		: 1px solid #666;
}

table.charge th,
table.charge td {
	width		: 95px;
	padding		: 3px;
	border		: 1px solid #999;
}

table.charge th {
	background	: #aaa;
	text-align	: center;
}

table.charge td {
	text-align	: right;
}

.shop_info {
	margin-top: 10px;
}