@charset "shift_jis";

* {
	margin: 0;
	padding: 0;
	}
h1, h2, h3, h4, p,
ul, ol, li, dl, dt, dd,
table, caption, th, td, form {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
	list-style-type: none;
	}
img {
	vertical-align: bottom;
	margin: 0;
	padding: 0;
	border: none;
	}
a, a:visited, a:active {
	color: #333333;
	text-decoration: underline;	
	}
a:hover {
	color: #666666;
	text-decoration: none;
	}
textarea {
	font-size: 90%;
	}
hr {
	display: none;
	}
.clear {
	clear: both;
	}
 
/* common */
.fl_l {
 float: left;
}
.fl_r {
 float: right;
}
.mgl10 {
 margin-left: 10px;
}
.mgl20 {
 margin-left: 20px;
}
.mgt20 {
 margin-top: 20px;
}

.grid130, .grid180, .grid200, .grid280, .grid580 {
 display: inline;
 float: left;
 margin-left: 10px;
 margin-right: 10px;
 position: relative;
}
/* 4col */
.grid130 {
 width: 130px;
}
/* 3col */
.grid180 {
 width: 180px;
}
/* 2col */
.grid280 {
 width: 280px;
}
.grid200 {
 width: 200px;
}
/* 1col */
.grid580 {
 width: 580px;
}

body {
	width: 100%;
	text-align: center;
	font-size: 0.9em;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "‚l‚r ‚oƒSƒVƒbƒN", Osaka,  Arial, Helvetica, sans-serif;
	color: #333333;
	}
#wrapper {
	width: 700px;
	margin: 0 auto;
	text-align: left;
	}	

/* SITE ID */
h1#caption {
	font-size: 0.9em;
	font-weight: normal;
	color: #333333;
	border-bottom: solid 1px #FF9966;
	margin:2px 0 5px 0;
	padding: 0 0 2px 0;
	}

/* HEADER */
#header {
	width: 700px;
	height: 42px;
	background: url(../images/common/header.jpg) no-repeat right bottom;
	border-bottom: #ffcc66 8px solid;
	}
#header h1 {
	width: 159px;
	height: 42px;
	margin: 0 0 7px 0;
	border: none;
	}
#header h1 a {
	display: block;
	width: 159px;
	height: 42px;
	}

/* ƒpƒ“‚­‚¸ƒŠƒXƒg */
ul.topicpath {
	background: #ffcc66;
	list-style-type: none;
	padding-left: 5px;
	font-size: 80%;
		}
ul.topicpath li {
	display: inline;
	padding-left: 10px;
	background: url(../images/common/arrow_topicpath.gif) no-repeat left center;
	}

/* SEARCH */
#search {
	float: left;
	font-size: 0.8em;
	margin: 7px 0;
	}
/* CART */
#cart {
	float: right;
	margin: 7px 0;
	}

/* CONTENTS WRAPPER */
#contents {
	width: 700px;
	clear: both;
	}

/* SUBCOL - MENU */
#subcol {
	width: 160px;
	float: left;
	}
#subcol iframe {
	width: 160px;
	height: 1500px;
	vertical-align: top;
	}

/* MAINCOL */
#maincol {
	width: 520px;
	float: left;
	}
#maincol_inner {
	margin-left: 15px;
	}
	
/* FOOTER */
#gotop {
 clear: both;
 width: 700px;
 background: #ece8da;
 padding: 4px 0;
 text-align: right;
}
#footer {
	clear: both;
	width: 700px;
	margin: 0;
	padding: 50px 0 50px 0;
	background: #ffcc66;
	}
#footer address {
	margin: 0;
	padding: 0;
	text-align: center;
	font-style: normal;
	}
	
/*be nice to float box*/
.clearfix:after
{
content				: ".";
display				: block;
height				: 0;
clear				: both;
visibility			: hidden;
font-size: 0.1em;
line-height: 0; }
.clearfix
{
display				: inline-block;
}

/*IE-mac\*/
*html .clearfix{height: 1%;}
.clearfix{display: block;}
/*IE-mac*/