.table-color1 {
	background-color: #FFCC66;
}
.table-color2 {
	background-color: #FFFFCC;
}
.table-color3 {
	background-color: #CCCCCC;
}
.table-color4 {
	background-color: #FFFFEE;

}
.table-color5 {
	background-color: #AED7D7;
}
.table-color6 {
	background-color: #EEEEEE;
}
.table-color7 {
	background-color: #CCCCCC;
}
.step {
	background-color: #FFD9D9;
}

@charset "Shift_JIS";

BODY{
  font-family: "メイリオ",  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size : 11pt;
  line-height : 120%;
}

TABLE{
  font-size : 11pt;
  line-height : 120%;
}

H1{
  font-size : 8pt;
  font-weight : normal;
}
H2{
  font-size : 11pt;
  font-weight : bold;
}
H2.name{
  font-size : 14pt;
  font-weight : bold;
  margin:3px;
}
H3{
  font-size : 11pt;
  margin:10px;
}
H4{
  font-size : 11pt;
  margin:3px;
}
p{
  margin:3px;
}

p.2{
line-height: 2;
padding-bottom:20px;
}

A{
  text-decoration : none;
  color : black;
}

A:HOVER{
  text-decoration : underline;
}



/* =======================================
	ヘッダー部分
======================================= */

#top {
   width:960px;
   margin:0 auto;
   padding:0 11px;
   background:#fff;
}

#header {
   position:relative;
   width:960px;
}

#cart_miru {
   position:absolute;
   top:0px;
   right:0;
   text-align:right;
}

#gnavi {
   position:absolute;
   bottom:0;
   right:0;
}

#topmenu {
   float:center;
   width:960px;
   margin-top:10px;
}


#header #gnavi ul {
   list-style:none;
}

#header #gnavi li {
   float:left;
   margin-left:20px;
   font-size:11px;
}

#header #gnavi li a {
   display:block;
   padding-left:8px;
   background:url("gif/bg_arrow.gif") 0 50% no-repeat;
}

/* メインメニュー */
#topmenu ul {
   display:block;
   list-style-type: none;
   margin:0;
   padding:0;
}

/* サブメニュー1段目 */
#topmenu ul ul {
   display:none;
   position:absolute;
   top:100%;
   left:0;
}

/* サブメニュー2段目以降 */
#topmenu ul ul ul {
   top:0;
   left:100%;
}

/* リスト */
#topmenu li {
   float:left;
}

#topmenu li li {
   clear:both;
}

#topmenu li:hover {
   position:relative;
}

#topmenu li:hover > ul {
   display: block
}

/* デザイン */

#topmenu ul {
   float:left;
   margin:0;
   padding:0;
   list-style:none;
   border-top:1px solid #999;
   border-bottom:1px solid #999;
   background:#fff url("gif/bg_menu.gif") 0 0 repeat-x;
}

#topmenu li ul {
   border-top:1px solid #999;
   border-bottom:none;
}

#topmenu li li {
   margin-left:0;
   background:#f5f5f5;
   border-bottom:1px solid #999;
}

#topmenu li li a:hover {
   margin-left:0;
   background:#fff;
}


#topmenu li a {
   display:block;
   width:160px;
   padding:10px 0;
   text-align:center;
   outline:none;
}

#topmenu li li a {
   display:block;
   width:155px;
   padding:10px 5px;
   line-height:20px;
   text-align:left;
   outline:none;
}

#topmenu li a:hover {
   color:#666;
   text-decoration:none;
}

/* =======================================
	サイドメニュー
======================================= */


/*- Menu vertical1 --------------------------- */
#menu_v1{
	background:#fff;
	width:200px;/*- メニュー 幅- */
}
#menu_v1 ul{
	padding:0;
	margin:0;
	list-style:none;
}
#menu_v1 li{
	list-style:none;
	margin:1px 0;/*- メニュー 間- */
}
#menu_v1 li a{
	list-style:none;
	background:#82837c;
	color:#000000;/*- メニュー 文字カラー- */
	text-transform:uppercase;
	font-size:12px;/*- メニュー 文字サイズ- */
	font-weight:none;
	text-decoration:none;
	border:solid #777776;
	border-width:0 10px 0 10px;
	display:block;
	height:28px;
	line-height:28px;/*- メニュー 高さ- */
	padding:0 0 0 10px;
}
#menu_v1 li a:hover{
	background:#777776;
	color:#fff;
}
#menu_v1 li a.green{
	background:#83ad3e;
	border:solid #6f9234;
	border-width:0 10px 0 10px;
}
#menu_v1 li a:hover.green{
	background:#6f9234;
}
#menu_v1 li a.blue{
	background:#4396bd;
	border:solid #377e9f;
	border-width:0 10px 0 10px;
}
#menu_v1 li a:hover.blue{
	background:#377e9f;
}
#menu_v1 li a.brn{
	background:#a53cbe;
	border:solid #87249f;
	border-width:0 10px 0 10px;
}
#menu_v1 li a:hover.brn{
	background:#87249f;
}
#menu_v1 li a.pink{
	background:#ff24ff;
	border:solid #d900d9;
	border-width:0 10px 0 10px;
}
#menu_v1 li a:hover.pink{
	background:#d900d9;
}
#menu_v1 li a.orange{
	background:#fff462;
	border:solid #ffd700;
	border-width:0 10px 0 10px;
}
#menu_v1 li a:hover.orange{
	background:#ffd700;
}





#menu_v2{
	width:200px;
}
#menu_v2 ul{
	margin:0;
	padding:0;
	list-style:none;
}
#menu_v2 li{
	list-style:none;
	width:200px;
	height:30px;
	margin:1px 0;
	display:block;
}
#menu_v2 li a{
	list-style:none;
	display:block;
	background:url(gif/menu_p.jpg) repeat-x left;
	color:#cc6699;
	font-weight:none;
	text-transform:uppercase;
	font-size:13px;
	text-decoration:none;
	line-height:30px;
	text-indent:15px;
}
#menu_v2 li a:hover{
	background:url(gif/menu_b.jpg) no-repeat;
	color:#fff;
	text-decoration:none;
}
#menu_v2 li .current{
	list-style:none;
	display:block;
	background:url(gif/menu_b.jpg) repeat-x left;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
}
#menu_v2 li a.current, #menu li a:hover.current{
	background:url(gif/menu_b.jpg) repeat-x left;
	color:#fff;
	text-decoration:none;
}




/* index.html / index02.html
--------------------------- */
#slideshow {
	margin: 0 auto;
	width: 400px;
	text-align: left;
}
#slideshow div {
	width: 400px;
	height: 300px;
	overflow: hidden;
	position: relative;
}
#slideshow div div {
	top: 0;
	left: 0;
	position: absolute;
}

#slideshow ul {
	width: 400px;
}

#slideshow ul li {
	width: 100px;
	float: left;
	display: inline;
}

#slideshow .active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* =======================================
　　トップページ　スライドショー　ClearFixElements
======================================= */
#slideshow ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#slideshow ul {
	display: inline-block;
	overflow: hidden;
}



/* index03.html
--------------------------- */
#slideshow02 {
	margin: 0 auto;
	width: 640px;
	text-align: left;
	position: relative;
}
#slideshow02 div {
	width: 640px;
	height: 480px;
	overflow: hidden;
	position: relative;
}
#slideshow02 div div {
	top: -2;
	left:-2;
	position: absolute;
}

#slideshow02 ul {
	bottom: 5px;
	right: -10px;
	width: 110px;
	position: absolute;
	z-index: 100;
}

#slideshow02 ul li {
	width: 150px;
	float: right;
	display: inline;
}

#slideshow02 .active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* =======================================
	ClearFixElements
======================================= */
#slideshow02 ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#slideshow02 ul {
	display: inline-block;
	overflow: hidden;
}

/* =======================================
	商品ページ
======================================= */

/*メイン*/
.main table {
width: 960px;
}

.main th,
.main td {
text-align: left;
vertical-align: top;
line-height: 1.5;
padding:50px 3px;
}

.main th {
text-align: left;
vertical-align: top;
line-height: 1.5;
padding:50px 3px;
}


.goods {
  font-size : 11pt;
  font-weight : bold;
  color : red;
  margin:0px;
}

.goods A{
  color : red;
}
.expl {
  font-size : 11pt;
  margin:0px;
}

.color1{
  color : blue;
}


/*商品詳細の表*/
.item_detail {
	border: 1px solid #484848;	/*テーブルの外側の枠線の幅、線種、色*/
	width: 700px;		/*テーブル幅*/
	background: #FFF;	/*背景色*/
}
.item_detail td, .item_detail th{
	border: 1px solid #a2a2a2;	/*テーブル内の枠線の幅、線種、色*/
	line-height: 2;
}
/*テーブル内のtd幅(右側)*/
.item_detail td{
	width: 500px;
	padding: 10px;
	vertical-align: top;
}
/*テーブル内のth(左側)*/
.item_detail th{
	width: 200px;
	padding: 10px;
	text-align: center;
	background: #ebebeb;	/*背景色*/
}

/* =======================================
	買いものカゴ
======================================= */

.item_name{
  font-size : 15pt;
  font-weight : bold;
  color : black;
  margin:8px;
}

.item_price{
  font-size : 15pt;
  font-weight : bold;
  color : red;
  margin:0px;
}

.item_tax{
  font-size : 8pt;
  font-weight : bold;
  color : red;
  margin:0px;
}



/* =======================================
	カート　ボタン
======================================= */

input#cart_button {
    padding: 13px 23px;
    font-size: 1.1em;
}

/* =======================================
	この他のおすすめ商品
======================================= */

.osusume table {
width: 750px;
}

.osusume th,
.osusume td {
width: 150px;
text-align: left;
vertical-align: top;
line-height: 1.4;
padding-bottom:20px;
}

.osusume th {
width: 150px;
text-align: left;
vertical-align: top;
font-weight:normal;
line-height: 1.4;
padding-bottom:20px;
}

/* =======================================
	フッター　カテゴリー一覧
======================================= */

.cate table {
width: 960px;
}

.cate th,
.cate td {
width: 240px;
border-bottom: 0px;
padding: 8px;
}

.cate th {
width: 240px;
text-align: left;
font-weight:normal;
}

/* =======================================
	フッターメニュー
======================================= */

#footMenu {
   width:960px;
   margin:0 auto;
}

#footer {
   background:#EBEADD;
}

#footMenu ul {
   margin:0;
   padding:10px 0 0 0;
   text-align:center;
}

#footMenu li {
   display:inline;
   margin:0 0 0 10px;
   list-style:none;
}

#footMenu li a {
   padding-left:10px;
   background:url("gif/bg_arrow.gif") 0 50% no-repeat;
}


.copyright {
   padding:40px 0;
   font-size:11px;
   font-style:normal;
   color:#333;
   text-align:center;
}