@charset "utf-8";

/*---------------------------------------
  reset
------------------------------------------*/
html {color:#333333;background:#ffffff;font-family: "ＭＳ Ｐゴシック", sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select {*font-size:100%;}
/*because legend doesn't inherit in IE */
legend {color:#000;}

li img { vertical-align: top; }

a { color: #333333; }

/*----------------------------------------
  clearfix
------------------------------------------*/
.clearfix:after {
	content: url(../images/com/spacer.gif);
	display: block;
	clear: both;
	height: 0;
}
.clearfix { display: inline-block; }
/* Mac版IEを除外 \*/
.clearfix { display: block; }
/* */

.floatLeft { float: left; }
.floatRight { float: right; }


/*----------------------------------------
  global
------------------------------------------*/
body {
	background:url(../images/include/bg_hirakiAll.jpg) top left repeat-x;
/*	background: #ffffff url(../images/include/head_bg_body.gif) repeat-x left top;*/
}

#header {
	width: 950px;
	padding: 0 27px;
	margin: 0 auto;
/*	background: url(../images/include/head_bg_header.gif) no-repeat center top;*/
}

#container {
	width: 950px;
	margin: 0 auto;
}

	#contents {
		width: 755px;
		float: right;
	}

	#navi {
		width:195px;
		text-align:left;
/*		width: 180px;
		float: left;*/
		float: right;
	}

#footer {
	width: 950px;
	margin: 40px auto 0;
	padding-bottom: 30px;
	border-top: 1px solid #dae1e4;
}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


/*----------------------------------------
  header
------------------------------------------*/
#header .headerBox {
	position: relative;
	width: 950px;
	height: 78px;
	margin: 0 auto;
}
/*
	#header h1 {
		position: absolute;
		left: 23px;
		top: 20px;
	}
*/

	#header .userName {
/*		position: absolute;
		left: 235px;
		top: 18px;
		padding-left: 15px;
		background: url(../images/include/head_bg_user.gif) no-repeat left top;
		color: #ffffff;*/
		font-size: 10px;
	}
/*
	#header ul.userLink {
		position: absolute;
		top: 10px;
		right: 0;
	}
		#header ul.userLink li {
			float: left;
		}
*/
/*
	#header ul.headNavi {
		position: absolute;
		top: 40px;
		right: 0;
	}
		#header ul.headNavi li {
			float: left;
		}
*/
	#header ul.headLink {
		position: absolute;
		top: 76px;
		left: 0;
	}
		#header ul.headLink li {
			float: left;
		}

	#header .headShipping {
		position: absolute;
		top: 76px;
		right: 0;
		padding-left: 30px;
		background: url(../images/include/head_bg_shipping.gif) no-repeat left center;
		color: #666666;
		font-size: 10px;
		height: 28px;
		line-height: 28px;
	}


/*----------------------------------------
  navi
------------------------------------------*/
#navi .naviHead {
	margin-bottom: 5px;
}

/*
#navi .catalog {
	margin-bottom: 10px;
	padding-bottom: 6px;
	background: url(../images/include/navi_bottom_1.gif) no-repeat left bottom;
}
	#navi .catalog ul {
		width: 178px;
		border: 1px solid #e4e4d3;
		border-top: none;
		border-bottom: none;
		background-color: #f8f8f3;
	}
		#navi .catalog li {
			width: 178px;
		}
			#navi .catalog li p {
				font-size: 10px;
				padding-left: 8px;
				height: 25px;
				line-height: 25px;
			}
				#navi .catalog li.bottom p {
					height: 19px;
					overflow: hidden;
				}
				
				#navi .catalog li a {
					color: #666666;
				}

#navi .lineup {
	margin-bottom: 10px;
	padding-bottom: 0px;
	background: url(../images/include/navi_bottom_1.gif) no-repeat left bottom;
}
	#navi .lineup ul.list1 {
		width: 178px;
		border: 1px solid #e4e4d3;
		border-top: none;
		border-bottom: none;
		background-color: #f8f8f3;
	}
		#navi .lineup li.list1 {
			width: 178px;
			padding-top: 1px;
			background: url(../images/include/navi_lineup_separator.gif) repeat-x left top;
		}
*/		
			#navi .lineup ul.list2 {
				font-size: 10px;
				/*width: 148px;*/
				padding-bottom: 0px;
				background:url(../images/include/bg_list2.gif) top left repeat-y;
			}
				#navi .lineup ul.list2 li {
					/*width: 148px;*/
					padding-left: 30px;
					padding-right: 10px;
					line-height: 17px;
					background: url(../images/com/arrow_r_beige_round.gif) no-repeat 16px 4px;
				}
					#navi .lineup ul.list2 li a {
						color: #444444;
					}
					#navi .lineup ul.list3 {
						padding-bottom: 0px;
						font-size: 10px;
						background:url(../images/include/bg_list2.gif) top left repeat-y;
					}
						#navi .lineup ul.list3 li {
							width: 148px;
							padding-left: 0px;
							line-height: 16px;
							background: none;
						}
							#navi .lineup ul.list3 li a {
								color: #79784a;
								text-decoration: underline;
							}
							#navi .lineup ul.list3 li a:hover {
								text-decoration: none;
							}
							
								#navi .lineup ul.list4 {
									padding-bottom: 0px;
									font-size: 10px;
									background:url(../images/include/bg_list2.gif) top left repeat-y;
								}
									#navi .lineup ul.list4 li {
										width: 148px;
										padding-left: 8px;
										line-height: 16px;
										background: none;
									}
										#navi .lineup ul.list4 li a {
											color: #79784a;
											text-decoration: underline;
										}
										#navi .lineup ul.list4 li a:hover {
											text-decoration: none;
										}
/*
		#navi .lineup li.banners p {
			margin: 5px auto 0;
			width: 168px;
		}

*/
#navi .searchNo {
	margin-bottom: 10px;
	padding-bottom: 6px;
	background: url(../images/include/navi_bottom_2.gif) no-repeat left bottom;
}
	#navi .searchNo form {
		width: 178px;
		height: 27px;
		position: relative;;
		border: 1px solid #cfc8ad;
		border-top: none;
		border-bottom: none;
	}
		#navi .searchNo form .searchText {
			position: absolute;
			left: 5px;
			top: 5px;
			width: 111px;
			height: 14px;
			padding: 3px;
			border: 1px solid #7f9db9;
			font-size: 12px;
			color: #333333;
		}
		#navi .searchNo form .searchBtn {
			position: absolute;
			top: 6px;
			right: 5px;
		}

#navi .searchSize {
	margin-bottom: 10px;
	padding-bottom: 6px;
	background: url(../images/include/navi_bottom_2.gif) no-repeat left bottom;
}
	#navi .searchSize ul.list1 {
		border: 1px solid #cfc8ad;
		border-top: none;
		border-bottom: none;
		padding-left: 8px;
	}
		#navi .searchSize ul.list1 li.list1 {
			width: 170px;
			padding-top: 6px;
		}
			#navi .searchSize ul.list2 li {
				width: 156px;
				padding-left: 14px;
				line-height: 16px;
				background: url(../images/com/arrow_r_gray.gif) no-repeat 4px center;
				color: #333333;
				font-size: 10px;
			}
				#navi .searchSize li ul.list2 li strong {
					font-weight: bold;
				}

#navi .verisign {
	color: #333333;
	font-size: 10px;
	line-height: 1.4;
}


/*----------------------------------------
  footer
------------------------------------------*/
#footer {
	font-size: 10px;
	color: #666666;
	position: relative;
	padding-top: 10px;
}
	#footer .pageTop {
		position: absolute;
		top: 10px;
		right: 0;
	}

#footer h4 {
		margin: 8px 0 10px 0;
	}
	#footer ul.footerMenu {
		margin-bottom: 15px;
	}
		#footer ul.footerMenu li {
			color: #333333;
			background: url(../images/com/arrow_r_red_tri.gif) no-repeat left center;
			padding: 0 15px 0 10px;
			float: left;
		}
	
	#footer .footerBanner {
		margin-top: 15px;
	}
		#footer .footerBanner img {
			margin-right: 10px;
		}


/*----------------------------------------
  contents
------------------------------------------*/
/* パンくずナビ */
#crumb {
	font-size: 10px;
	color: #666666;
	height: 20px;
}
	#crumb a {
		color: #666666;
	}

#contents  {
	font-size: 12px;
	color: #333333;
	line-height: 1.4;
}

	#contents .contentsBody {
		margin-left: 5px;
		margin-right: 5px;
	}

		#contents .errorMsg {
			color: #ff0000;
			font-weight: bold;
		}

		#contents table.formTable {
			width: 745px;
		}
			#contents table.formTable th {
				color: #4f4335;
				background-color: #e5e5d5;
			}
			#contents table.formTable td {
				color: #4f4335;
				background-color: #f4f4ec;
			}

		#contents table.cartTable {
			width: 745px;
		}
			#contents table.cartTable td,
			#contents table.cartTable th {
				border: 1px solid #e5e5d5;
			}
			#contents table.cartTable th {
				background-color: #99987b;
				font-weight: bold;
				color: #ffffff;
				text-align: center;
				height: 38px;
			}

		#contents a.emlink {
			color: #ff0000;
			text-decoration: underline;
			font-weight: normal;
		}
			#contents a.emlink:hover {
				text-decoration: none;
			}

		#contents .pagenate {
			float: right;
			font-size: 12px;
			color: #000;
		}
			#contents .pagenate li {
				float: left;
				margin-right: 10px;
			}
				#contents .pagenate li.pagePrev {
					margin-right: 15px;
				}
				#contents .pagenate li.pageNext {
					margin-left: 5px;
				}

				#contents .pagenate li img {
						vertical-align: baseline;
				}

			#contents .pagenate li.selected a,
			#contents .listNavi .itemSort li.selected a,
			#contents .listNavi .itemCount li.selected a {
				color: #d90000;
				text-decoration: underline;
			}
			#contents .pagenate li.selected a:hover,
			#contents .listNavi .itemSort li.selected a:hover,
			#contents .listNavi .itemCount li.selected a:hover {
				text-decoration: none;
			}

		#contents .buttons {
			text-align: center;
			position: relative;
			width: 745px;
			margin-top: 20px;
		}
			#contents .buttons .pagePrev {
				position: absolute;
				top: 0;
				left: 0;
			}

/* ---

2010/08 追加
左メニュー

*/

#navi
{
	font-size:10px;
}

ul.list1
{
	width:180px;
	background:url(../images/include/bg_leftMenu_bottom.gif) bottom left no-repeat;
	margin:0;
	padding:0 0 10px;
}

.catalog
{
	width:180px;
	padding:0;
	margin:0;
	font-size:10px;
}

.catalog li
{
	text-align:center;
}

.catalog li p
{
	text-align:left;
	padding:3px 6px 6px;
}

.viewCatalog
{
	color:#F30;
	text-decoration:underline;
	display:none;
}

.beforeLogin
{
	background-color:#fcf8db;
	padding:5px 6px;
	width:168px;
}

.beforeLogin p
{
	margin-bottom:5px;
}

.gotoMailMagazine
{
	text-align:center;
	padding:5px 0;
	width:180px;
}

.layoutKeeper
{
	visibility:hidden;
}

/* ---

2010/08 追加
ヘッダーメニュー

*/
#header
{
	padding:10px 0 0;
}

#top
{
	height:64px;
}

#top h1
{
	margin-top:8px;
	margin-right:10px;
	float:left;
}

.userName
{
	background:url(../images/include/icon_person.gif) top left no-repeat;
	width:190px;
	height:39px;
	float:left;
	margin-top:15px;
	padding-left:15px;
	vertical-align:bottom;
}

* html .userName
{
	width:185px;
}

*:first-child+html .userName
{
	width:185px;
}

.headerMenu
{
	float:left;
	text-align:right;
	margin-top:14px;
}

* html .headerMenu
{
	margin-right:5px;
}

*:first-child+html  .headerMenu
{
	margin-right:5px;
} 

.userLink
{
	background:url(../images/include/bg_topPersonal.gif) top right no-repeat;
	width:338px;
	height:15px;
	margin-left:33px;
}

.userLink li
{
	float:left;
}

.userLink li img
{
	margin-top:1px;
	vertical-align: top;
	margin-left:5px;
}

.userLink li.userLinkTop img
{
	margin-left:10px;
}


.headNavi
{
	clear:left;
	margin-top:6px;
}

* html .headNavi
{
	margin-top:3px;
}


.headNavi li
{
	display:inline;
}


.freeShipping
{
	float:right;
}

#caralogrequist
{
	margin-bottom:5px;
}

/* EOF */