@charset "utf-8";


/********************************************/
/*					basic					*/
/********************************************/

a:link,
a:visited {
	color:#0068b3;
	text-decoration:none;
}
a:hover,
a:active {
	color:#0068b3;
	text-decoration:underline;
}


/********************************************/
/*				position					*/
/********************************************/
body{
	background:url(/img/bg.jpg) repeat-x;
	background-color:#f4f4f4;
	}

#wrapper{
	position:absolute;
	width:100%;
	min-height:100%;
	text-align:left;
/*	background:#f4f4f4;*/
	overflow:hidden;
}
* html #wrapper{
	height:100%;
}
body > #contents{
	height:auto;
}
#header{
	width:100%;
	height:210px;
	background:url(/img/bgHeader.gif) repeat-x 0 0;
	overflow:hidden;
}
	#headerBody{
		position:relative;
		padding:57px 0 0 0;
		width:980px;
		height:250px;
		margin:0 auto;
	}
#contents{
	position:relative;
	width:980px;
	margin:0 auto;
	padding:0 0 350px 0;
}
	.contentsBox{
		margin:0 0 30px 0;
		padding:25px 0 1px 20px;
		background:#ffffff;
	}
	.contentsBoxNomargin{
		margin:0;
		padding:25px 0 1px 20px;
		background:#ffffff;
	}
	
#footer{
	position:absolute;
	bottom:0;
	width:100%;
	height:315px;
	font-size:10px;
/*	background:url(/img/bgFooter.gif) repeat-x 0 100%;*/
	border-top:solid 5px #502c13;
	background-color:#ffffff;

}
	#footer a{
		color:#ffffff;
	}
#pageTop{
	position:fixed;
	bottom:100px;
	right:20px;
	z-index:100;
}
	

/********************************************/
/*				 header						*/
/********************************************/

#headerBody h1{
	margin:0;
	width:139px;
	height:38px;
	overflow:hidden;
}
#headerBody 	h1 span{
		display:block;
		padding:200px 0 0 0;
		width:150px;
		height:53px;
		background:url(/img/logo.jpg) no-repeat ;
	}
#headerBody 	h1 a{
		display:block;
		width:150px;
		height:53px;
		padding:0;
		margin:0;
	}
#globalMenu{
	float:left;
	margin:37px 0 0 0;
	height:60px;
	padding:0 1px;
}
	#globalMenu li{
		position:relative;
		float:left;
		height:60px;
	}
		#globalMenu li a{
			display:block;
		}
	#popup{
		position:absolute;
		left:-20px;
		top:60px;
		padding:10px 20px;
		width:160px;
		background:#0069b3;
		border:2px solid #fff;
		font-size:10px;
		z-index:1000;
	}
		#popup ul{
			margin:0;
		}
		#popup li{
			float:none;
			height:1.8em;
		}
		#popup a:link,
		#popup a:visited{
			color:#ffffff;
		}
		ul#gManuCat{
			margin:0 0 5px 0;
			padding:0 0 5px 0;
			border-bottom:1px solid #ffffff;
		}
p#headerName{
	position:absolute;
	right:140px;
	top:0;
	margin:0;
	padding:0 0 0 6px;
	height:30px;
	line-height:34px;

	text-align:right;
	color:#0068b3;
	font-weight:bold;
}
p#headerNameLogin{
	position:absolute;
	right:200px;
	top:0;
	margin:0;
	padding:0 0 0 6px;
	height:30px;
	line-height:34px;

	text-align:right;
	color:#0068b3;
	font-weight:bold;
}

#nologin_user_memu,
#login_user_memu{
	position:absolute;
	right:0;
	top:3px;
	margin:0;
	padding:0 0 0 6px;
	height:24px;
}
#nologin_user_memu{
	width:125px;
	background:url(/img/bgCartMenu.gif) no-repeat 0 0;
	overflow:hidden;
}
#login_user_memu{
	width:190px;
	background:url(/img/bgCartMenu2.gif) no-repeat 0 0;
	overflow:hidden;
}
	#nologin_user_memu li,
	#login_user_memu li{
		float:left;
		margin:0 1px 0 0;
		display:block;
		width:60px;
		height:24px;
		overflow:hidden;
	}
	#nologin_user_memu li a,
	#login_user_memu li a{
		display:block;
		width:60px;
		height:24px;
		overflow:hidden;
	}
.searchform{
	height:22px;
	background:url(/img/bgHeaderSearch.gif) no-repeat 0 0;
}
#headerSearchform{
	position:absolute;
	right:0;
	top:64px;
	width:264px;
}
	.searchTxt{
		padding:0 0 0 22px;
		height:22px;
		line-height:22px;
		background:none;
		font-weight:normal;
		color:#0068b3;
		font-size:12px;
	}
	#headerSearch{
		width:184px;
		height:22px;
		float:left;
		margin:0 1px 0 0;
	}
	.searchSubmit{
		display:none;
	}
/*for Webkit*/
input::-webkit-input-placeholder {
    color:#0068b3;
	opacity:0.8;
	font-weight:normal;
}
/*for Firefox*/
input:-moz-placeholder {
    color:#0068b3;
	opacity:0.8;
	font-weight:normal;
}
#suggest {
	position: absolute;
	background-color: #ffffff;
	border: 1px solid #CCCCFF;
	font-size: 90%;
	width: 200px;
	width: 400px;
	top:78px;
	right:0;
	z-index:10000;
}
	#suggest div {
		display: block;
		overflow: hidden;
		white-space: nowrap;
		text-align:left;
	}
	#suggest div.select{ /* キー上下で選択した場合のスタイル */
		color: #FFFFFF;
		background-color: #3366FF;
	}
	#suggest div.over{ /* マウスオーバ時のスタイル */
		background-color: #99CCFF;
	}

ul#tonnya_login_memu{
	display:block;
	position:absolute;
	width:405px;
	height:39px;
	top:57px;
	left:225px;
}
	#tonnya_login_memu li{
		float:left;
		margin:0;
	}


/********************************************/
/*				 contents					*/
/********************************************/

#loading{
	position:absolute;
	left:50%;
	top:50%;
	margin:-15px 0 0 -15px;
}
#category{
	margin:20px 0 0 -5px;
}
	#category li{
		float:left;
	}
		#category li a{
			display:block;
		}
#path{
	margin:30px 0;
	font-size:10px;
	width:100%;
	list-style:none;
}
	#path li{
		float:left;
		margin:0 0.5em 0 0;
	}
	#path li:after{
		content:" / ";
	}
	#path li:last-child:after{
		content:"";
	}	
#searchHelp{
	width:820px;
	margin:0 auto 30px;
}
	#searchHelp *{
		float:left;
	}
	#searchHelp h2,
	#searchHelp li{
		margin:0 10px 0 0;
	}


/********************************************/
/*				 footer						*/
/********************************************/

#footerGlobalMenu{
	padding:20px 0 0 0;
	width:980px;
	height:195px;
	margin:0 auto;
}
	#footerGlobalMenu li,
	#footerGlobalMenu a{
		line-height:1.8em;
		color:#000000;
	}
	#footerGlobalMenu li{
		position:relative;
		margin:0 0 9px 0;
		padding:0 0 0 0;
		list-style-type:circle;
/*		background:url(/img/lmFooterMenu.gif) no-repeat 0 50%;*/
/*		font-weight:bold;*/
	}
#subMenu{
	position:absolute;
	left:110px;
	top:0;
	width:870px;
	z-index:10;
}
	.ie7 #subMenu{
	}
	#subMenu li{
		float:left;
		margin:0 8px 0 0;
		padding:0 0 0 8px;
		list-style-type:none;
/*		background:url(/img/lmSubMenu.gif) no-repeat 0 50%;*/
	}
	#subMenu li,
	#subMenu a{
		height:1.8em;
		line-height:1.8em;
	}
		.ie7 #subMenu li{
		}
#footerMenu{
	position:relative;
	width:980px;
	height:100px;
	margin:0 auto;
}
	#footerMenu ul{
		position:absolute;
		margin:13px 0 0 0;
		width:400px;
		display:block;
	}
	#footerMenu li{
		float:left;
		margin:0;
	}
p#caution{
	position:absolute;
	right:0;
	top:20px;
	margin:0;
}
p#copy{
	position:absolute;
	right:0;
	bottom:20px;
	width:205px;
	margin:0;
}

.c,
img.c {
	float: none;
	margin:0 auto;
	text-align:left;
	display:block;
}

.oneColumn{
}
.frm-main-body{
	text-align:left;
}


/*CUSTOMIZED*/

/*問屋用ページのヘッダーバー*/
#tonnya-header{
	position: absolute;
	top: 55px;
	left: 160px;
	width: 530px;
	height: 25px;
	padding-top: 7px;
	border: solid 2px #ffa500;
	background: #ffd700;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
/*END*/