@charset "Shift_JIS";

/* Šî–{�Ý’è */

* {
	margin: 0;
	padding: 0;
}

body {
	background: #E6EAE6;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, sans-serif;
	font-size: 80%;
	line-height: 1.5;
	color: #333;
	text-align: center;
}

h1, h2, h3, h4, h5, h6, p, address {
	font-size: 100%;
	font-style: normal;
}

img {
	border: none;
	vertical-align: bottom;
}

strong {
	color: #c00;
}

em {
	color: #c00;
	font-style: normal;
}

hr {
	clear: both;
	border-top: solid 1px #999;
	margin: 0 35px 0 0;
	color: #fff;
}
hr.noline {
	border: none;
	margin-bottom: 10px;
}


/**************************/
/* Šî–{�Ý’è�iƒNƒ‰ƒX�Eid�j */
/**************************/

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.floatleft {
	float: left;
	padding: 0 10px 5px 0;
	text-align: center;
}

.floatright {
	float: right;
	padding: 0 0 5px 10px;
	text-align: center;
}

.leftbox {
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
	font-size: 80%;
	letter-spacing: 0.05em;
	line-height: 1.2;
}

.rightbox {
	float: right;
	margin-left: 10px;
	margin-bottom: 15px;
	font-size: 80%;
	letter-spacing: 0.05em;
	line-height: 1.2;
}

.clear {
	clear: both;
}

.clearleft {
	clear: left;
}

.clearright {
	clear: right;
}

.big {
	font-size: 110%;
	letter-spacing: 0.05em;
}

.bold {
	font-weight: bold;
}

/**************************/
/*     ‘S‘̃ŒƒCƒAƒEƒg     */
/**************************/

#container {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background: #fff url(//xc523.eccart.jp/g852/user/side-bg.gif) repeat-y;
	border: solid 1px #000;
	border-top: 0;
}
#top #container {
	background: #fff;
}

#header {
	background: url(//xc523.eccart.jp/g852/user/header.jpg) no-repeat;
	height: 90px;
}

#contents {
	width: 600px;
	float: right;
	position: relative;
} 

#navi {
	width: 200px;
	float: left;
	text-align: center;
	background: #E5EAE6;
	min-height: 385px;
}
* html #navi {
	height: 385px;
}

#footer {
	clear: both;
	background: url(//xc523.eccart.jp/g852/user/footer.jpg) no-repeat;
	height: 90px;
}


/**************************/
/*        ƒwƒbƒ_�[        */
/**************************/

#header h2 {
	position: absolute;
	left: 15px;
	top: 20px;
	text-indent: -9999px;
}

#header h2 a {
	text-decoration: none;
	display: block;
	width: 335px;
	height: 45px;
}

#header ul {
	position: absolute;
	right: 0px;
	top: 65px;
}

#header ul li {
	float: left;
	list-style: none;
	background: url(//xc523.eccart.jp/g852/user/header-list.gif) no-repeat left center;
	padding: 0 10px;
	font-size: 80%;
	letter-spacing: 0.05em;
}

#header a {
	color: #000;
	text-decoration: none;
}

#header a:hover {
	color: #000;
	text-decoration: underline;
}




/**************************/
/*       ƒRƒ“ƒeƒ“ƒc       */
/**************************/

#content-left {
	width: 350px;
	float: left;
}

#content-right {
	width: 225px;
	float: left;
	text-align: center;
}

#contents #content-right p {
	padding: 0 0 10px;
	color: #c66;
}


#contents h1 {
	margin-top: 1px;
	margin-bottom: 20px;
	height: 103px;
	background: url(//xc523.eccart.jp/g852/user/title-shadow.gif) repeat-x bottom;
}

#contents h2 {
	padding: 0 25px 10px;
	font-size: 130%;
	font-family: "‚l‚r ‚o–¾’©", "�×–¾’©‘Ì";
	letter-spacing: 0.05em;
}

#contents h3 {
	padding: 0 25px;
	color: #900;
	font-size: 110%;
}

#contents h4 {
}

#contents p {
	padding: 0 30px 10px;
}

#contents p#catch {
	padding-top: 0;
	font-family: "‚l‚r ‚o–¾’©", "�×–¾’©‘Ì";
	letter-spacing: 0.05em;
}

#contents p.note {
	padding-top: 15px;
	color: #053668;
	font-size: 80%;
	line-height: 1.8;
}

#contents dl {
	margin: 0 20px 10px 30px;
}

#contents dt {
	clear: both;
	float: left;
}

#contents dd {
	margin-left: 3.5em;
}


/**************************/
/*     ƒiƒrƒQ�[ƒVƒ‡ƒ“     */
/**************************/

#navi li {
	text-indent: -9999px;
	list-style: none;
}

#navi li a {
	text-decoration: none;
	width: 200px;
	height: 41px;
	display: block;
}

#navi li li {
	display: none;
}

#navi li li a {
	height: 30px;
}

#navi li a { background: url(//xc523.eccart.jp/g852/user/navi.gif) no-repeat; }
#top #navi li a { background: url(//xc523.eccart.jp/g852/user/navi-top.gif) no-repeat; }

#navi li#n1 a { background-position: 0px 0px; }
#navi li#n2 a { background-position: 0px -131px; }
#navi li#n3 a { background-position: 0px -292px; }
#navi li#n4 a { background-position: 0px -333px; }
#navi li#n5 a { background-position: 0px -374px; }
#navi li#n6 a { background-position: 0px -415px; }
#navi li#n7 a { background-position: 0px -456px; }

#navi li#n1a a { background-position: 0px -41px; }
#navi li#n1b a { background-position: 0px -71px; }
#navi li#n1c a { background-position: 0px -101px; }
#navi li#n2a a { background-position: 0px -172px; }
#navi li#n2b a { background-position: 0px -202px; }
#navi li#n2c a { background-position: 0px -232px; }
#navi li#n2d a { background-position: 0px -262px; }
#navi li#n7a a { background-position: 0px -497px; }
#navi li#n7b a { background-position: 0px -527px; }
#navi li#n7c a { background-position: 0px -557px; }
#navi li#n7d a { background-position: 0px -587px; }


#navi li#n1 a:hover { background-position: -200px 0px; }
#navi li#n2 a:hover { background-position: -200px -131px; }
#navi li#n3 a:hover { background-position: -200px -292px; }
#navi li#n4 a:hover { background-position: -200px -333px; }
#navi li#n5 a:hover { background-position: -200px -374px; }
#navi li#n6 a:hover { background-position: -200px -415px; }
#navi li#n7 a:hover { background-position: -200px -456px; }

#navi li#n1a a:hover { background-position: -200px -41px; }
#navi li#n1b a:hover { background-position: -200px -71px; }
#navi li#n1c a:hover { background-position: -200px -101px; }
#navi li#n2a a:hover { background-position: -200px -172px; }
#navi li#n2b a:hover { background-position: -200px -202px; }
#navi li#n2c a:hover { background-position: -200px -232px; }
#navi li#n2d a:hover { background-position: -200px -262px; }
#navi li#n7a a:hover { background-position: -200px -497px; }
#navi li#n7b a:hover { background-position: -200px -527px; }
#navi li#n7c a:hover { background-position: -200px -557px; }
#navi li#n7d a:hover { background-position: -200px -587px; }


.omoi #navi li#n1 li { display: block; }
.story #navi li#n2 li { display: block; }
.company #navi li#n7 li { display: block; }


#product #navi li#n3 a { background: url(//xc523.eccart.jp/g852/user/navi.gif) no-repeat -200px -292px; }
#customer #navi li#n4 a { background: url(//xc523.eccart.jp/g852/user/navi.gif) no-repeat -200px -333px; }
#news #navi li#n5 a { background: url(//xc523.eccart.jp/g852/user/navi.gif) no-repeat -200px -374px; }
#hodori #navi li#n6 a { background: url(//xc523.eccart.jp/g852/user/navi.gif) no-repeat -200px -415px; }

#omoi #navi li#n1a a { background: url(//xc523.eccart.jp/g852/user/navi.gif) no-repeat -200px -41px; }
#sozai #navi li#n1b a { background: url(//xc523.eccart.jp/g852/user/navi.gif) no-repeat -200px -71px; }
#life #navi li#n1c a { background: url(//xc523.eccart.jp/g852/user/navi.gif) no-repeat -200px -101px; }
#story1 #navi li#n2a a { background: url(//xc523.eccart.jp/g852/user/navi.gif) no-repeat -200px -172px; }
#story2 #navi li#n2b a { background: url(//xc523.eccart.jp/g852/user/navi.gif) no-repeat -200px -202px; }
#story3 #navi li#n2c a { background: url(//xc523.eccart.jp/g852/user/navi.gif) no-repeat -200px -232px; }
#story4 #navi li#n2d a { background: url(//xc523.eccart.jp/g852/user/navi.gif) no-repeat -200px -262px; }
#message #navi li#n7a a { background: url(//xc523.eccart.jp/g852/user/navi.gif) no-repeat -200px -497px; }
#profile #navi li#n7b a { background: url(//xc523.eccart.jp/g852/user/navi.gif) no-repeat -200px -527px; }
#shops #navi li#n7c a { background: url(//xc523.eccart.jp/g852/user/navi.gif) no-repeat -200px -557px; }
#recruit #navi li#n7d a { background: url(//xc523.eccart.jp/g852/user/navi.gif) no-repeat -200px -587px; }

#navi img {
	margin-top: 8px;
}


/**************************/
/*        ƒtƒbƒ^�[        */
/**************************/

#footer {
	position: relative;
}

#footer h2 {
	position: absolute;
	top: 20px;
	left: 15px;
	font-family: "‚l‚r ‚o–¾’©", "�×–¾’©‘Ì", "ƒqƒ‰ƒMƒm–¾’© Pro W3";
	font-size: 130%;	
}

#footer address {
	position: absolute;
	bottom: 5px;
	left: 15px;	
	font-size: 90%;	
	letter-spacing: -0.03em;
}

#footer address img {
	vertical-align: middle;
}

#footer p {
	position: absolute;
	bottom: 5px;
	right: 15px;	
	font-size: 90%;	
	letter-spacing: -0.03em;
}

#footer ul {
	position: absolute;
	right: 15px;
	top: 15px;
	list-style: none;
}


/* ƒnƒbƒN */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

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