/*
      Created by Keith Donegan of Code-Sucks.com

	  E-Mail: Keithdonegan@gmail.com

	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com

*/

* { padding: 0; margin: 0; }

/* .float clear class */
.clear-fix:after {
  content: " ";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}
* html .clear-fix {
  display: inline-block;
}
/* no ie mac \*/
* html .clear-fix {
  height: 1%;
}
.clear-fix {
  display: block;
  min-height: 0;
}
/**/
.clear{
clear:both;
}
img {
  vertical-align: bottom;
}
body {
 font: 100% "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 background:#ededed;
 vertical-align : center;
}
#wrapper {
 margin: 0 auto;
 width: 958px;
 background:  #ffffff;
}
#faux {
/* margin-bottom: 5px; */
 overflow: visible; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%;
}
#header {
 color: #ffffff;
 width: 958px;
 height: 74px;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 z-index : 0px;
/*  background: url("/img/head.jpg") repeat-x;*/
background: url("/img/head.jpg") repeat-x;
/* background: #ffffff; */
}
#rightcolumn {
 display: inline;
 color: #333;
 margin: 0px;
 padding: 10px 0px 10px 0px;
/*
 border: 1px solid red;
*/
 width: 200px;
 float: right;
}
#leftcolumn {
 float: left;
 color: #333;
/*
 border: 1px solid red;
*/
 margin: 10px;
 padding: 0px;
 width: 738px;
  display: inline;
 position: relative;
}
#middlecolumn {
 float: left;
 color: #333;
 margin: 10px 5px;
 padding: 0px;
 /*width: 1024px;*/
 display: inline;
 position: relative;
}
#footer {
 width: 950px;
 clear: both;
 color: #333;
 background: #ffffff;
 margin: 10px 0px 10px 0px;
 padding: 20px 0px 10px 0px;
}
.clear { clear: both; background: none; }


a {
	color: #003d4c;
	text-decoration: underline;
/*	font-weight: bold; */
}

a.header
{
	color: #ffffff;
	text-decoration: underline;
}
a.header:hover {
	color: #FF4500;
	text-decoration:none;
}
a:hover {
	color: #003d4c;
	text-decoration:none;
}
a img {
	border:none;
}


/* カスタム */
th.product_name
{
	background-color: #C0C0C0;
	font-weight: bold;
	font-size : 17px;
	height: 24px;
	text-align: left;
}

th.product_item_header
{
	background-color: #C0C0C0;
	font-weight: normal;
	height: 20px;
	width : 100px;
}
td.product_item
{
	background-color: #FAFAD2;
	height: 20px;
}


/* カート関連 */
table.cart
{
	width: 940px;
}
th.cart_header
{
	background-color: #C0C0C0;
	font-weight: normal;
	height: 30px;
}
th.cart_item_header
{
	background-color: #C0C0C0;
	font-weight: normal;
	height: 20px;
}
td.cart_item
{
	background-color: #FAFAD2;
	height: 20px;
}

/* 決済関連 */
td.order_attention
{
	background-color: #CCCCCC;
}

td.order_input_header
{
	background-color: #ededef;
	text-align: left;
	height : 20px;
	width: 200px;
}

th.info_item_header
{
	background-color: #C0C0C0;
	font-weight: normal;
	height: 30px;
	text-align: left;
	width: 100px;
}

th.info_header
{
	font-weight: bold;
	font-size: 14px;
	height: 30px;
	text-align: left;
}

/* 管理者機能 */
th.admin_header
{
	background-color: #C0C0C0;
	font-weight: bold;
	font-size : 17px;
	height: 24px;
	text-align: left;
}

th.admin_item_header
{
	background-color: #C0C0C0;
	font-weight: normal;
	height: 20px;
	width : 100px;
}
td.admin_item
{
	background-color: #FAFAD2;
	height: 20px;
}



/* お知らせ */
th.topics_header
{
	color: #ff0463;
	font-size : 150%;
	background-color: #CCCCCC;
	text-align: left;
	height : 25px;
}

th.topics_header a
{
	color: #ff0463;
	background-color: #CCCCCC;
	text-align: left;
}

/* 店舗 */
th.store_header
{
	background-color: #C0C0C0;
	font-weight: normal;
	height: 20px;
}
th.store_item_header
{
	background-color: #C0C0C0;
	font-weight: normal;
	height: 20px;
	width : 120px;
}




/* Notices and Errors */
/* Notices and Errors */
div.message {
	clear: both;
	color: #900;
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0;
}
/*
div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}
*/
div.error-message {
	clear: both;
	color: #900;
}

p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}


/* Basic code - don't modify */

 #nav { display: block; margin: 0; padding: 0; position: relative; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }

/* Essentials - configure this */

#nav ul { width: 136px; }
#nav ul ul { left: 136px; }

/* Everything else is theming */

#nav { background-color: Red; height: 25px; }
#nav *:hover { background-color: none; }
#nav a { border-right: 0px solid white; color: white; font-size: 11px; padding: 0px; line-height: 0; }
  #nav li.hover a { background-color: Red; }
  #nav ul { top: 25px; }
    #nav ul li a { background-color: #5E5A5A; }
      #nav ul a.hover { background-color: #30A8C3; }
   #nav ul a { border-bottom: 0px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */


/* 新規追加recommend部分 */
#recommend {
  margin-top: 10px;
}
#recommend .t_re {
  margin-bottom: 8px;
}
#recommend dl {
  margin-bottom: 4px;
}
#recommend dl dt {
  float: right;
  width: 114px;
  padding-top: 9px;
}
#recommend dl dt.line_2 {
  padding-top: 5px;
}
#recommend dl dd.image {
  float: left;
}
#recommend dl dd.image img {
  width: 77px;
  height: 51px;
}
#recommend dl dd.detail {
  color: #ff0000;
  float: left;
  padding-left: 10px;
}
.spe_list .prev ,
.spe_list .next {
  display: inline;
  margin-top: 99px;
  height: 25px;
  width: 18px;
  display: block;
  text-decoration: none;
  cursor: pointer;
}
.spe_list .prev {
  margin-right: 10px;
  float: left;
  background: url(/img/top/preview.jpg) no-repeat 0 0;
}
.spe_list .next {
  margin-left: 10px;
  float: right;
  background: url(/img/top/next.jpg) no-repeat 0 0;
}
.spe_list {
  width: 692px;
  height: 218px;
  margin: 50px auto 0;
}
.spe_list_inner {
  height: 218px;
  width: 636px;
  position: relative;
  overflow: hidden;
}
.spe_list_inner ul li {
  height: 218px;
  width: 212px;
  text-align: center;
  float: left;
  list-style: none outside none;
}