@charset "utf-8";
@import url("reset-min.css");

/* clearfix */
.clearfix:after { /*--新しいブラウザ用--*/
content: url("/common/images/spacer.gif");
display: block;
clear: both;
height: 0;
}

.clearfix{ /*--IE 5.5-7--*/
zoom:1;} 

hr.Clear {
clear: both;
border: solid 1px #FFF;
font-size: 1px;
margin-top: -1px;
}

/* ------------------------------------
	Common
------------------------------------ */
html {
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
	font-size: 10px;
	color: #767676;
	background: #FFF url(../images/background.gif) repeat-y center top;
}
a { color: #767676; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: underline; }


/* ------------------------------------
	Layout
------------------------------------ */
#Wrap {
	width: 728px;
	text-align: left;
	margin: 0px auto;
}
#Header {
	height: 99px;
	width: 728px;
	position: relative;
}
#Contents {
	width: 728px;
}
#MainContents {
	float: right;
	width: 551px;
}
#SubContents {
	width: 159px;
}
#Footer {
	display: block;
	width: 728px;
	height: 70px;
	padding-top: 20px;
	clear: both;
}


/* ------------------------------------
	Header
------------------------------------ */
#Header h1 {
	float: left;
	width: 197px;
	padding-top: 21px;
}
#Navigation {
	float: right;
	width: 514px;
	padding-top: 8px;
}
#Navigation ul {
	text-align: right;
	width: 337px;
	height: 24px;
	padding-bottom: 14px;
}
#Navigation li {
	display: inline;
	margin-left: 3px;
}
#Navigation .CustomerInfo {
	text-align: right;
	padding-top: 13px;
}
#srchBox {
	height: 47px;
	width: 176px;
	position: absolute;
	left: 565px;
	top: 9px;
}
#Header .CustomerInfo {
	clear: both;
	padding-top: 13px;
	text-align: left;
}


/* ------------------------------------
	SubContents
------------------------------------ */
/* BannerMenu */
#SubContents .MenuAbout {
	padding-bottom: 4px;
}
#SubContents .MenuCatalog {
	padding-bottom: 13px;
}

/* ItemSearch */
#SubContents .BottomShadow {
	background: url(../images/side_itemsearch_bg_bottom.gif) no-repeat left bottom;
	padding-bottom: 4px;
}
#ItemSearch {
	background: url(../images/side_itemsearch_bg.gif) repeat-y;
	width: 159px;
	padding-bottom: 15px;
}
#ItemSearch dl {
	width: 136px;
	padding-left: 10px;
}
#ItemSearch dd dt {
	padding-top: 15px;
	padding-bottom: 4px;
}
#ItemSearch ul {
	padding-left: 15px;
}
#ItemSearch li {
	line-height: 120%;
	padding: 1px 0px;
}

/* Banner */
#SubContents .AfterFollow,
#SubContents .Faq,
#LeftsideBanner li {
	padding-top: 17px;
}


/* ------------------------------------
	Yahoo Serch Box
------------------------------------ */
#srchBox {
	color:#000000;
	text-align:left;
}
#srchBox * {
	margin:0;
	padding:0;
	font-size:13px;
	*font-size:small;
	*font:x-small;
}
#srchBox #srch {
	padding:0px;
}
#srchBox #srch #srchForm {
	white-space:nowrap;
}
#srchBox #srchInput {
	width:120px;
	margin-right:6px;
	vertical-align:bottom;
}
#srchBox #srchBtn { font-size: 10px; }
*html #srchBox #srchBtn {
	padding-top:2px;
}
*:first-child+html #srchBox #srchBtn {
	padding-top:2px;
}
#srchBox ul {
	margin-top:6px;
	text-align:left;
}
#srchBox li {
	list-style-type:none;
	display:inline;
	zoom:1;
	padding-right:10px;
}
#srchBox li inpu {
	zoom:1;
	margin-right:2px;
	_margin:-4px 0 -4px -4px;
	vertical-align:middle;
	border:0;
}
*:+html #srchBox li input {
	margin:-4px 0 -4px -4px;
}
#srchBox #srchLogo {
	margin:6px 6px 6px 0;
	text-align:right;
}
#srchBox #srchLogo a {
	color:#666666;
	text-decoration:none;
	font-size:85%;
}
#srchBox #srchLogo a:hover {
	text-decoration:underline;
}


/* ------------------------------------
	Support Menu
------------------------------------ */
#SupportMenu {
	height: 31px;
	width: 551px;
}
#SupportMenu li {
	display: inline;
	padding-right: 9px;
}


/* ------------------------------------
	Item Categry
------------------------------------ */
.ItemWrap .LeftSide {
	float: left;
	width: 328px;
}
.ItemWrap .RightSide {
	float: right;
	width: 208px;
}
.ItemWrap .Photo {
	text-align: center;
	padding-bottom: 0px;
}
.ItemWrap p {
	padding-bottom: 10px;
}
.ItemWrap .LeftSide table {
	width: 328px;
}
.ItemWrap .LeftSide th,
.ItemWrap .LeftSide td {
	text-align: center;
	vertical-align: top;
	padding-bottom: 5px;
}
.ItemWrap .LeftSide th img,
.ItemWrap .LeftSide td img {
	margin-bottom: 3px;
}