a:link {
	color: #0066cc; /* リンク部分の色を指定 */
}

body {
	margin-left: auto;  /* 中央に配置 */
	margin-right: auto;
	background-color: #ffffff;
}

h1, p {
	text-align: left;    /* 左寄せ */
	margin: 0;            /* 周囲の余白の大きさ */
	padding: 0;           /* 内部の余白の大きさ */
	font-size: 12px;      /* 文字の大きさ */
	font-weight: normal; /* 強調表示しない */
}

h2 {
	margin-top: 10px;
	margin-bottom: 3px;
}

h3 {
	margin-top: 0;
	margin-bottom: 2px;
	margin-right: 20px;
	text-align: right;
}

form {
	margin-top: 5px;
	margin-bottom: 2px;
	padding: 3px;
	
}

/* 汎用 */
.font12 {
	font-size: 12px;
	color: #333333;
	line-height: 15px;
}

.font12_red {
	font-size: 12px;
	color: #FF0000;
	line-height: 15px;
	font-weight: bold;
}

.font12_gray{
	font-size: 12px;
	color: #333333;
	line-height: 15px;
	font-weight: bold;
}

.font15 {
	font-size: 15px;
	color: #3399cc;
	line-height: 18px;
	font-weight: none;
	margin-top: 5px;	
	padding-left: 3px;
	padding-right: 3px;
}


.font15_welcome {
	font-size: 15px;
	color: #993366;
	line-height: 18px;
	font-weight: none;	
	padding-left: 3px;
	padding-right: 3px;
}

.font15_keyword {
	font-size: 15px;
	color: #000099;
	line-height: 18px;
	font-weight: none;	
	padding-left: 10px;
	padding-right: 10px;
}

.font15_information {
	font-size: 15px;
	color: #000099;
	line-height: 18px;
	font-weight: none;	
	padding-left: 10px;
	padding-right: 10px;
}

.font15_right {

	font-size: 15px;
	color: #cccccc;
	line-height: 18px;
	text-align: right;
	font-weight: bold;
	margin-right: 10px;
}


.padding10 {
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
}

.promotion {
	margin-top: 3px;
	margin-left: -2px;
	margin-right: auto;
	text-align: center;
	border: none;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.center_kensaku{
	font-size: 12px;
	text-align: center;
	margin-bottom: 20px;
}

.border_right {                /* tableレイアウトで使用 */
	border-right: 1px solid #CCCCCC;
}

.border_bottom {               /* tableレイアウトで使用 */
	border-bottom: 1px solid #CCCCCC;
}

.border_right_bottom {         /* tableレイアウトで使用 */
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.image100 {
	clear: both;
	border: 0;
	width: 100px;
	height: 100px;
	margin-bottom: 2px;
}

.image110 {
	border: 0;
	width: 110px;
	height: 110px;
	margin-bottom: 2px;
}

.spacer {
	margin: 0;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

/* ヘッダー */
div#WrapperH {	              /* ヘッダー部のラッパー */
	width: 800px;        /* 横幅 */
	margin-left: auto;  /* 中央に配置 */
	margin-right: auto;	
}

div#header {
	width: 800px; /* 横幅 */
	margin: 0;    /* 周囲の余白の大きさ */
}

div#header h2 {
	margin: 0; /* 周囲の余白の大きさ(タイトルLOGOで使用) */
}

/* グローバルナビゲーション */
#MainMenu {
	width: 800px;
	height:35px;
	background: #FFFFFF;
	margin:0;
	margin-top: -2px;
	border-style:solid;
	border-color:#AE1E39;
	border-top-width:0;
	border-right-width:0;
	border-bottom-width:3px;
	border-left-width:0;
}

#tab {
	margin:0;
	top:0;
}

#tab ul {
	width: 801px;
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

#tab li {
	display:inline;
	float:left;
	margin:0 1px 0 0 ;
	padding:0;
}

#tab a {
	background: url("../images/bright_114.gif") no-repeat right top;
	margin:0;
	padding:0;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
}

#tab a span {
	display:block;
	background:url("../images/bleft_114.gif") no-repeat left top;
	padding:0 10px 0 10px;
	/*font-family:\"Comic Sans MS\", Arial, Helvetica, sans-serif;*/
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:35px;
	
}

#tab a:hover {
	background-position:right bottom;
	border-color:;
}

#tab li.item_active a {
	width: 76px;
	background-position:right bottom;
	border-color:;
	text-align: center;
}

#tab a:hover span,#tab li.item_active a span {
	background-position:left bottom;
	color:#FFFFFF;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}

/** added **/
#tab li.item_width1 a { /* ログインで使用 */
	width: 83px;
	text-align: center;
}

#tab li.item_width2 a { /* ご注文履歴、買い物カゴ、ログアウトで使用 */
	width: 106px;
	text-align: center;
}
#tab li.item_width3 a {    /* ご利用ガイド、お問い合わせで使用 */
	width: 112px;
	text-align: center;
}

#tab li.item_width4 a {    /* 会員登録で使用 */
	width: 92px;
	text-align: center;
	margin: 0;
}

.dropmenudiv {
	position:absolute;
	top:0;
	float:left;
	display:block;
	visibility:hidden;
	border-style:solid;
	border-color:#AE1E39;
	border-top-width:0;
	border-right-width:0;
	border-bottom-width:3px;
	border-left-width:0;
	background: #FFFFFF;
	color:#FFFFFF;
	z-index:100;
	text-decoration:none;
	padding:0;
}

.dropmenudiv ul {
	margin:0;
	padding:0;
	list-style:none;
}

.dropmenudiv li {
	display:inline;
	margin:0;
	padding:0;
}

.dropmenudiv a:link, .dropmenudiv a:visited {
	width:180px;
	margin:0 1px 0 0 ;
	padding:0;
	display:block;
	border:0 solid ;
	color:#FFFFFF;
	background:url("../images/bleft_114.gif") no-repeat left top;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}

.dropmenudiv a span {
	float:left;
	display:block;
	line-height:35px;
	background:url("../images/bright_114.gif") no-repeat right top;
	padding:0 10px 0 10px;
	/* font-family:\"Comic Sans MS\", Arial, Helvetica, sans-serif; */
	font-size:12px;
	color:#FFFFFF;
}

.dropmenudiv a span {
	float:none;
}

.dropmenudiv a:hover {
	border:0 solid ;
	background-position:left bottom;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	color:#FFFFFF;
}

.dropmenudiv a:hover span {
	background-position:right bottom;
	color:#FFFFFF;
	font-weight:bold;
}

/* メイン */
div#WrapperM {
	width: 800px;  /* 横幅 */
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

#WrapperM h2 {
	background-color : #990066;
	color: #fffffc;
	text-align: center;
}

div#maincontent {
	width: 580px;  /* 横幅 */
	float: right;
}

div#maincontent table {  
        font-size: 12px;
        color: #666666;
        width: 570px;
	margin-left: 5px;
	margin-right: 5px;
        margin-bottom: 10px;
}

div#maincontent td {
	width: 190px;
        padding: 5px;
}

div#maincontent ul li {
	font-size: 12px;
}

div.main_box_style {
	width: 578px;
	background-color: #fffffc;
	border: 1px solid #990033;
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
}

div.main_box_in {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
}

div.main_box_style2 {
	width: 580px;
	background-color: #ffffff;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin-top: 3px;
	padding-top: 0;
}

#maincontent h2 {
	width: 580px;
	background-color: #ffffff;
	line-height: 20px;
}

#maincontent h3  {
	width: 578px;
	background-color: #990033;
	color: #ffffcc;
	font-size: 15px;
	margin-top: 0;
	line-height: 20px;
	text-align: center;
}

#maincontent h4 {
	background-color: #ffffff;
	color: #000099;
	font-size: 15px;
	line-height: 20px;
	margin-top: 1px;
	margin-bottom: 1px;
	text-align: left;
}

#maincontent h5  {
	width: 578px;
	background-color: #ffffff;
	color: #ffffcc;
	font-size: 15px;
	margin-top: 0;
	margin-bottom: 2px;
	line-height: 20px;
	text-align: center;
}
	
#WrapperN {
	width: 800px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	background-color: #fffffc;
}

div#WrapperN table {  
        font-size: 12px;
        color: #666666;
        width: 800px;
	margin: 0;
}

div#Wrapper td {
	width: 160px;
        padding: 5px;

}

div#Wrapper h2 {
	margin-top: 5px;
}

div.n_box_style {
	width: 800px;
	background-color: #ffffff;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin-top: 3px;
	padding-top: 0;
}

/* サイドコンテンツ */
#subcontent {
	width: 210px;
	float: left;
}

div.side_kensaku {
	width: 210px;
	background-image: url(images/kensaku-background.jpg);
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

div.side_style1 {
	width: 210px;
	background-color: #fffffc;
	color: #9933cc;
	border: 1px solid #cccccc; 
	text-align: center;
	margin-top: 5px;
}

div.side_style2 {
	width: 210px;
	background-color: #fffffc;
	border: 1px solid #cccccc;
	color: #9933cc;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 0;
}

div.side_style3 {
	width: 210px;
	margin-top: 5px;
	text-align: center;
}

#subcontent h2  {
	background-color: #990033;
	font-size: 15px;
	line-height: 20px;
	color: #ffffcc;
	margin-top: 0;
	margin-left:auto;
	margin-right: auto;
	margin-bottom: 1px;
	text-align: center;
}
#subcontent h3  {
	background-color: #990033;
	background-image: url(images/categorys-background.jpg);
	font-size: 15px;
	line-height: 20px;
	color: #9933cc;
	margin-top: 0;
	margin-left:auto;
	margin-right: auto;
	margin-bottom: 1px;
	text-align: center;
	padding: 2px;
	border-bottom: 1px groove #ffffcc;
}

#subcontent h4  {
	font-size: 15px;
	color: #9933cc;
	line-height: 20px;
	margin-top: 0px;
	margin-bottom: 2px;
	padding: 0;
	text-align: center;
}


#subcontent p {
	margin: 10px 10px;
}

#subcontent p.space0 {
	margin-top: -5px;
	padding-top: 5px;
}

ul.sidemenu {
	font-size: 12px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 0;
	line-height: 0;
	text-align: left;
}

ul.sidemenu li {
	list-style-type: none;
}

ul.sidemenu li a {
	display: block;
	line-height: 30px;
	text-decoration: none;
	color: #9933cc;
	background-image: url(images/categorys-background.jpg);
	/* background-color: #990033; */
	border-bottom: solid 1px #ffffff;
	padding-left: 10px;
	text-align: left;
	font-size: 15px;
}

ul.sidemenu li a:hover {
	background-color: #017acd;
}

ul.sidemenu ul {
	margin-left: 10px;
	margin-right:10px;
	padding: 0;
}

ul.sidemenu ul li a {
	background-color: #fffffc;
	background-image: none;
	color: #0099cc;
	font-size: 12px;
	border-bottom: solid 1px #aacfff;
	line-height: 24px;
}

ul.sidemenu ul li.sidemenu_last a {
	background-color: #ffffff;
	color: #0099cc;
	font-size: 12px;
	border-bottom: solid 1px #ffffff;
	line-height: 24px;
}
ul.sidemenu ul li a:hover {
	background-color: #faffda;
}

#footer {
	width: 800px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}

.back_line {
	background: url(images/line.gif)  repeat-x left top;
	margin: 0;
	padding: 0;
}

.line_tate {
	background: url(images/line_tate.gif) repeat-y left top;
}