/*
-----------------------------------------------
Target:	Shop (multiple)
Author:	Harry Nakayama
Dates:	2009/06/22
----------------------------------------------- */

/*
-----------------------------------------------
Import
----------------------------------------------- */
/* nav
----------------------------------------------- */
@import url("/runners/css/nav.css");

/* footer
----------------------------------------------- */
@import url("/css/footer.css");

/* main_menu
----------------------------------------------- */
@import url("/runners/css/shop/main_menu.css");


/*
-----------------------------------------------
Elements
----------------------------------------------- */
/* h1, h2, h3
----------------------------------------------- */
h1	{
 	font-size:20px;
	line-height:30px;
	font-weight:bold;
	color:#FFFFFF;
}

h2	{
	clear		:both;
	margin-top	:30px;
	padding-left:50px;
 	font-size	:16px;
	line-height	:50px;
	font-weight	:bold;
	color		:#395475;
}

h3	{
 	font-size	:16px;
	line-height	:24px;
	font-weight	:bold;
	color		:#FFFFFF;
}

/* p
----------------------------------------------- */
p	{
	margin-top:10px;
	font-size:16px;
	line-height:28px;
	color:#395475;
}

/* a
----------------------------------------------- */
a.aBlock	{
	display			:block;
	width			:100%;
	height			:100%;
	color			:#FFFFFF;
	text-decoration	:none;
}
a.aBlock:hover	{
	color			:#FFFF00;
	text-decoration	:none;
}
a.aDashed	{
	color				:#333333;
	text-decoration		:none;
	border-bottom-color	:#333333;
	border-bottom-width	:1px;
	border-bottom-style	:dashed;
}
a.aDashed:hover	{
	color				:#999999;
	text-decoration		:none;
	border-bottom-color	:#999999;
	border-bottom-width	:1px;
	border-bottom-style	:dashed;
}
a.aColorBlue	{
	color				:#0d146e;
	text-decoration		:none;
	border-bottom-color	:#0d146e;
	border-bottom-width	:1px;
	border-bottom-style	:dashed;
}
a.aColorBlue:hover	{
	color				:#7f88fe;
	text-decoration		:none;
	border-bottom-color	:#7f88fe;
	border-bottom-width	:1px;
	border-bottom-style	:dashed;
}

/* strong
----------------------------------------------- */
strong	{
	font-weight:bold;
	color:#990000;
}
strong a	{
	font-weight			:bold;
	color				:#990000;
	text-decoration		:none;
	border-bottom-style	:dashed;
	border-bottom-width	:1px;
	border-bottom-color	:#990000;
}
strong a:hover	{
	color				:#FF0000;
	border-bottom-style	:dashed;
	border-bottom-width	:1px;
	border-bottom-color	:#FF0000;
}

/*
-----------------------------------------------
Page Layout
----------------------------------------------- */
*			{
	margin:0;
	padding:0;
}

/* body
----------------------------------------------- */
body		{
	text-align:center;
	font-family:Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif ;
	background-color:#FFFFFF;
	color:#333333;
}

/* container
----------------------------------------------- */
#container	{
	position:relative;
	width:750px;
	margin:0 auto;
	text-align:left;
	background-color:#FFFFFF;
}

/* nav
----------------------------------------------- */
#nav		{
	position:absolute;
	left:0px;
	top:10px;
	width:740px;
	height:25px;
}

/* logo
----------------------------------------------- */
#icon		{
	position:absolute;
	left:0px;
	top:10px;
	width:25px;
	height:25px;
}

/* header
----------------------------------------------- */
#header	{
	position:absolute;
	left:0px;
	top:45px;
	width:710px;
	height:30px;
	padding:10px 20px;
/*	background-color:#395475;*/
	background-color:#000000;
}

/* main_menu
----------------------------------------------- */
#main_menu		{
	position:absolute;
	left:0px;
	top:105px;
	width:745px;
	height:25px;
}

/* content
----------------------------------------------- */
#content	{
	position:absolute;
	left:0px;
	top:165px;
  	width:750px;
}


/* bottom
----------------------------------------------- */
#bottom	{
	margin-left:15px;
	margin-top:15px;
	width:720px;
}

/* shopping_cart
----------------------------------------------- */
#shopping_cart	{
	width:750px;
	margin:0px 0px 10px 0px;
	padding:0px;
	text-align:right;
	display:none;
}

/* sub_menu
----------------------------------------------- */
#sub_menu	{
	overflow:hidden;
	height:30px;
}
#sub_menu a		{
  text-decoration:none;
  color:#083c01;
  border-bottom-style:dashed;
  border-bottom-width:1px;
  border-bottom-color:#083c01;
}
#sub_menu a:hover	{
  color:#16a503;
  border-bottom-style:dashed;
  border-bottom-width:1px;
  border-bottom-color:#16a503;
}
#sub_menu ul	{
  margin:0px;
  padding:0px;
  list-style-type:none;
  font-family:Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif ;
  font-size:14px;
  line-height:21px;
  text-align:left;
}
#sub_menu ul li	{
  margin:0px 20px 0px 0px;
  display:inline;
  float:left;
}


/*
-----------------------------------------------
Class
----------------------------------------------- */
/* h2
----------------------------------------------- */
.h2Red	{
	background-image:url(/img/runners/shop/break_red.png);
}
.h2Green	{
	background-image:url(/img/runners/shop/break_green.png);
}
.h2Blue	{
	background-image:url(/img/runners/shop/break_blue.png);
}
.h2Yellow	{
	background-image:url(/img/runners/shop/break_yellow.png);
}

/* table
----------------------------------------------- */
.tableH	{
	border-collapse	:collapse;
	font-size		:16px;
	line-height		:24px;
	font-weight		:normal;
	color			:#333333;
}
.tableH th	{
	padding			:2px 8px;
	border-width	:2px;
	border-style	:solid;
	border-color	:#CCCCCC;
	color			:#FFFFFF;
	font-weight		:bold;
	text-align		:center;
	vertical-align	:middle;
}
.tableH td	{
	padding			:2px 8px;
	border-width	:2px;
	border-style	:solid;
	border-color	:#CCCCCC;
	background-color:#FFFFFF;
}
.tableH th a	{
	display			:block;
	width			:100%;
	height			:100%;
	color			:#FFFFFF;
	text-decoration	:none;
}
.tableH th a:hover	{
	color			:#FFFF00;
	text-decoration	:none;
}
.tableH th.noBorder	{
	border-style:none;
}
.tableH th.noBorderNoPadding	{
	border-style	:none;
	padding			:0px;
	text-align		:left;
}
.tableH th.fr405	{
	background-color:#202221;
}
.tableH th.fr405cx	{
	background-color:#1f374b;
}
.tableH th.fr310xt	{
	background-color:#e76437;
}
.tableH th.fr110	{
	background-color:#B4B2B7;
/*	background-color:#CC4656;*/
}
/*
.tableH th.fr310xt	{
	background-color:#6b6a6d;
}
*/
.tableH th.fr410	{
	background-color:#250000;
}
.tableH th.fr210	{
	background-color:#202221;
}
.tableH th.fr610	{
	background-color:#000000;
}
.tableH th.ed500	{
	background-color:#1f448d;
}
.tableH td.noBorder	{
	border-style:none;
}
.tableH td.alignCenter	{
	text-align:center;
}
.tableH td.bgLightBlue	{
	padding			:2px 6px;
	background-color:#EEF7FF;
}
.tableH td.bgLightGrey	{
	background-color:#CCCCCC;
}

.tableInner	{
	border-collapse	:collapse;
	font-size		:16px;
	line-height		:24px;
	font-weight		:bold;
	color			:#000000;
}
.tableInner td	{
	padding			:0px 8px;
	border-style	:none;
	background-color:#EEF7FF;
}

/* list
----------------------------------------------- */
.listNotice	{
	margin-top	:10px;
	margin-left	:30px;
	padding-left:0px;
	font-size	:16px;
	line-height	:24px;
	font-weight	:normal;
	color		:#395475;
}

/* div
----------------------------------------------- */
.saleNotice	{
	width:750px;
	margin:0px 0px 10px 0px;
	padding:0px;
	text-align:center;
}
.specialNotice	{
	width:750px;
	margin:0px 0px 20px 0px;
	padding:0px;
	text-align:center;
}
.specialNotice2	{
	width:750px;
	margin:0px 0px 40px 0px;
	padding:0px;
	text-align:center;
}

.goods	{
	width			:748px;
	overflow		:hidden;
	margin			:10px 1px 30px 1px;
}
.goodsOuter	{
	float		:left;
	width		:236px;
	margin		:4px;
	padding		:0px;
	border-style:solid;
	border-width:2px;
	border-color:#D0E3E8;
}
.goodsName	{
	width				:224px;
	margin				:0px;
	padding				:2px 6px;
	border-bottom-style	:solid;
	border-bottom-width	:2px;
	border-bottom-color	:#D0E3E8;
	text-align			:center;
}
.goodsDescription	{
	width			:236px;
	margin			:0px;
	padding			:0px;
	border-style	:none;
}
.bgColorRed	{
	background-color:#6e0d12;
}
.borderColorRed	{
	border-color:#6e0d12;
}
.colorRed	{
	color:#6e0d12;
}
.bgColorGreen	{
	background-color:#0d6e0f;
}
.borderColorGreen	{
	border-color:#0d6e0f;
}
.colorGreen	{
	color:#0d6e0f;
}
.bgColorBlue	{
	background-color:#0d146e;
}
.borderColorBlue	{
	border-color:#0d146e;
}
.colorBlue	{
	color:#0d146e;
}
.tableGoods	{
	width			:236px;
	border-collapse	:collapse;
	font-size		:16px;
	line-height		:24px;
	font-weight		:normal;
	color			:#395475;
}
.tableGoods td	{
	padding		:2px 8px;
	border-style:none;
}
.tableGoods ul	{
	margin-top	:5px;
	margin-left	:20px;
	padding-left:0px;
}

.goodsOuter3	{
	width		:736px;
	margin		:4px 4px 8px 4px;
	padding		:0px;
	border-style:solid;
	border-width:2px;
	border-color:#D0E3E8;
}
.goodsName3	{
	width				:724px;
	margin				:0px;
	padding				:2px 6px;
	border-bottom-style	:solid;
	border-bottom-width	:2px;
	border-bottom-color	:#D0E3E8;
	text-align			:center;
}
.goodsDescription3	{
	width			:720px;
	margin			:0px;
	padding			:8px;
	border-style	:none;
	overflow		:auto;
}
.bgColorChocolate	{
	background-color	:#d2691e;
}
.borderColorChocolate	{
	border-color		:#d2691e;
}
.colorChocolate	{
	color				:#d2691e;
}
.colorChocolate a	{
	color				:#d2691e;
	text-decoration		:none;
	border-bottom-style	:dashed;
	border-bottom-width	:1px;
	border-bottom-color	:#d2691e;
}
.colorChocolate a:hover	{
	color				:#ff1493;
	border-bottom-style	:dashed;
	border-bottom-width	:1px;
	border-bottom-color	:#ff1493;
}
.tableChocolate	{
	border-collapse	:collapse;
	color			:#d2691e;
}
.tableChocolate th	{
	padding			:2px 8px;
	border-width	:1px;
	border-style	:solid;
	border-color	:#d2691e;
	background-color:#fffacd;
	color			:#d2691e;
	font-weight		:normal;
	text-align		:center;
	vertical-align	:middle;
}
.tableChocolate td	{
	padding			:2px 8px;
	border-width	:1px;
	border-style	:solid;
	border-color	:#d2691e;
	background-color:#FFFFFF;
	text-align		:center;
}
.paddingV2H8	{
	padding			:2px 8px;
}


/* Common
----------------------------------------------- */
.priceTag	{
	text-align	:right;
	font-weight	:bold;
	color		:#000000
}
.textAlignCenter	{
	text-align:center;
}
.textAlignRight	{
	text-align:right;
}
.floatLeft	{
	float	:left;
}
.floatRight	{
	float	:right;
}
.marginTop0	{
	margin-top	:0px;
}
.marginTop10	{
	margin-top	:10px;
}
.marginLeft30	{
	margin-left	:30px;
}
.marginRight8	{
	margin-right:8px;
}
.colorBlack	{
	color		:#000000;
}
.fontWeightBold	{
	font-weight	:bold;
}
.ulIndentation	{
	margin-left:20px;
	padding-left:0px;
}