/* BASIC ELEMENTS */

* {

	margin: 0px;

	padding: 0px;

}

body {

	text-align: center;

	background-color: #FFFFFF;

	background-image:url(../images/bg.gif);

	background-position:left top;

	background-repeat:repeat-x;

	font:75%/150% Verdana, '‚l‚r ‚oƒSƒVƒbƒN', 'ƒqƒ‰ƒMƒmŠpƒS Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;

	color: #333333;

}

h1, h2, h3, h4, h5, h6 ,textarea {

	font-size:100%;

	font-weight:normal;

}

th {

	text-align:left;

	font-weight:normal;

}

ul ,ol {

	list-style-type:none;

}

li {

	display:inline;

}

img {

	border:0;

}

i {

	font-style:normal;

}

em {

	font-style:normal;

}

strong {

	font-weight:normal;

}

address {
	padding:3px 0;
	color:#C3E7A4;
	font-size:85%;
	font-style:normal;
}

a:link,a:active,a:visited {

	color: #333333;

	text-decoration: underline;

}

a:hover {

	color: #EDA800;

	text-decoration: underline;

}

address a:link,address a:active,address a:visited {

	color: #C3E7A4;

	text-decoration: underline;

}

address a:hover {

	color: #C3E7A4;

	text-decoration: none;

}

/* COMMON STYLE */

.bold {

	font-weight:bold;

}

.rd {

	color:#ED4E00;

}

.rdBold {

	color:#ED4E00;
	font-weight:bold;

}

.fs10 {

	font-size:85%;

}

.fs14 {

	font-size:115%;

}

.fs16 {

	font-size:135%;

}

.clr {

	clear:both;

}

br.clr {

	font-size:0;

	line-height:0;

}

.mgn5 {
	margin-bottom:5px;
}

.mgn10 {
	margin-bottom:10px;
}

.mgn15 {
	margin-bottom:15px;
}

.mgn20 {
	margin-bottom:20px;
}

.mgn25 {
	margin-bottom:25px;
}

.mgn30 {
	margin-bottom:30px;
}

.left {

	float:left;

}

.right {

	float:right;

}

div#wrapper {

	width:810px;

	margin:0 auto;

	text-align:left;

}

	/* HEADER */

	div#hdArea {

		width:800px;

		height:95px;

		padding:0 5px;

		background-image:url(../images/hdbg.gif);

		background-position:left top;

		background-repeat:no-repeat;
		
		zoom:1;/*clearfix for IE 5.5-7*/

	}
	div#hdArea:after {/*clearfix for modern browser*/
		content:".";
    	display: block;
    	height:0px;
    	clear:both;
    	line-height:0; 
    	visibility:hidden;
	}

	

	p#hdLogo {

		float:left;

		width:155px;

		padding:10px 0 0 20px;

	}

	

	div#hdRArea {

		float:right;

		width:580px;

		padding:0 20px 0 0;

		text-align:right;

	}

	

	h1 {

		padding:20px 0 10px 0;

		color:#999999;

		font-size:85%;

	}



	ul#hdSMn {

		position:relative;

		width:150px;

		height:20px;

		margin:0 0 0 430px;

		background: url(../images/hdsmn.gif) no-repeat 0px 0px;

		overflow:hidden;

	}



	ul#hdSMn li { text-indent:-9999px; line-height:0px; font-size:0px; }

	ul#hdSMn li a { display: block; padding-top:25px; text-decoration:none; height:20px; position:absolute; top:0; }



	li#hdSMn01 a { width:63px; left:0; background: url(../images/hdsmn.gif) no-repeat 0 0; }

	li#hdSMn02 a { width:72px; left:78px; background: url(../images/hdsmn.gif) no-repeat -78px 0; }

	

	li#hdSMn01 a:hover { background: url(../images/hdsmn.gif) no-repeat 0 -20px; }

	li#hdSMn02 a:hover { background: url(../images/hdsmn.gif) no-repeat -78px -20px; }



	ul#hdMn {

		position:relative;

		width:810px;

		height:49px;

		background: url(../images/hdmn.gif) no-repeat 0px 0px;

	}



	ul#hdMn li { text-indent:-9999px; line-height:0px; font-size:0px; }

	ul#hdMn li a { display: block; text-decoration:none; width:156px; height:44px; position:absolute; top:5px;  }



	li#hdMn01 a { left:9px; background: url(../images/hdmn.gif) no-repeat -9px -5px; }

	li#hdMn02 a { left:168px; background: url(../images/hdmn.gif) no-repeat -168px -5px; }

	li#hdMn03 a { left:327px; background: url(../images/hdmn.gif) no-repeat -327px -5px; }

	li#hdMn04 a { left:486px; background: url(../images/hdmn.gif) no-repeat -486px -5px; }

	li#hdMn05 a { left:645px; background: url(../images/hdmn.gif) no-repeat -645px -5px; }



	li#hdMn01 a:hover { background: url(../images/hdmn.gif) no-repeat -9px -54px; }

	li#hdMn02 a:hover { background: url(../images/hdmn.gif) no-repeat -168px -54px; }

	li#hdMn03 a:hover { background: url(../images/hdmn.gif) no-repeat -327px -54px; }

	li#hdMn04 a:hover { background: url(../images/hdmn.gif) no-repeat -486px -54px; }

	li#hdMn05 a:hover { background: url(../images/hdmn.gif) no-repeat -645px -54px; }



	li#hdMn01act a { left:9px; background: url(../images/hdmn.gif) no-repeat -9px -103px; }

	li#hdMn02act a { left:168px; background: url(../images/hdmn.gif) no-repeat -168px -103px; }

	li#hdMn03act a { left:327px; background: url(../images/hdmn.gif) no-repeat -327px -103px; }

	li#hdMn04act a { left:486px; background: url(../images/hdmn.gif) no-repeat -486px -103px; }

	li#hdMn05act a { left:645px; background: url(../images/hdmn.gif) no-repeat -645px -103px; }

	

	/* MAIN */

	div#mainArea {

		width:780px;

		padding:10px 15px 0 15px;

		background-image:url(../images/main_bg.gif);

		background-position:left top;

		background-repeat:no-repeat;

		zoom:1;/*clearfix for IE 5.5-7*/
	}
	div#mainArea:after {/*clearfix for modern browser*/
		content:".";
   		display: block;
   		height:0px;
   		clear:both;
   		line-height:0; 
   		visibility:hidden;
	}

	

	/* CONTENT */

	div#contentArea {

		float:left;

		width:540px;

	}

		

	/* SIDEMENU */

	div#rightNavi {

		float:right;

		width:220px;

	}

	

	div#rShopGuideArea {

		width:220px;

		margin:0 0 10px 0;

		background-image:url(../images/r_shop_bg.gif);

		background-position:left top;

		background-repeat:repeat-y;

	}

	

	div#rShopGuide {

		width:180px;

		padding:10px 20px;

	}

	

	div#rShopGuide p.btnCart {

		padding:0 0 10px 0;

		background-image:url(../images/line_dot_gry2.gif);

		background-position:left bottom;

		background-repeat:repeat-x;

	}

	div#rShopGuide p.btnMypage {

		padding:9px 0 0 0;

	}

	div#rShopGuide p.cmt {

		margin:0 0 9px 0;

		padding:5px 5px 10px 5px;

		background-image:url(../images/line_dot_gry2.gif);

		background-position:left bottom;

		background-repeat:repeat-x;

		color:#666666;

		font-size:85%;

		line-height:150%;

	}

	

	ul#rGuideMn {

		position:relative;

		width:180px;

		height:105px;

		background: url(../images/r_guide_mn.gif) no-repeat 0px 0px;

		overflow:hidden;

	}



	ul#rGuideMn li { text-indent:-9999px; line-height:0px; font-size:0px; }

	ul#rGuideMn li a { display: block; text-decoration:none; width:178px; height:25px; position:absolute; left:1px; }



	li#rGuideMn01 a { top:1px; background: url(../images/r_guide_mn.gif) no-repeat -1px -1px; }

	li#rGuideMn02 a { top:27px; background: url(../images/r_guide_mn.gif) no-repeat -1px -27px; }

	li#rGuideMn03 a { top:53px; background: url(../images/r_guide_mn.gif) no-repeat -1px -53px; }

	li#rGuideMn04 a { top:79px; background: url(../images/r_guide_mn.gif) no-repeat -1px -79px; }

	

	li#rGuideMn01 a:hover { background: url(../images/r_guide_mn.gif) no-repeat -181px -1px; }

	li#rGuideMn02 a:hover { background: url(../images/r_guide_mn.gif) no-repeat -181px -27px; }

	li#rGuideMn03 a:hover { background: url(../images/r_guide_mn.gif) no-repeat -181px -53px; }

	li#rGuideMn04 a:hover { background: url(../images/r_guide_mn.gif) no-repeat -181px -79px; }

	

	div#rPickupArea {

		width:220px;

		padding:11px 0 10px 0;

		background-image:url(../images/line_dot_gry2.gif);

		background-position:left top;

		background-repeat:repeat-x;

	}

	ul#rPickupMn {

		position:relative;

		width:220px;

		height:190px;

		background: url(../images/bn_content3set.gif) no-repeat 0px 0px;

		overflow:hidden;

	}

	

	ul#rPickupMn li { text-indent:-9999px; line-height:0px; font-size:0px; }

	ul#rPickupMn li a { display: block; text-decoration:none; width:218px; height:62px; position:absolute; left:1px; }

	

	li#rPickupMn01 a { top:1px; background: url(../images/bn_content3set.gif) no-repeat -1px -1px; }

	li#rPickupMn02 a { top:64px; background: url(../images/bn_content3set.gif) no-repeat -1px -64px; }

	li#rPickupMn03 a { top:127px; background: url(../images/bn_content3set.gif) no-repeat -1px -127px; }

	

	p#rBtnStaff {

		padding:11px 0 10px 0;

		background-image:url(../images/line_dot_gry2.gif);

		background-position:left top;

		background-repeat:repeat-x;

	}

	

	div#rRankingArea {

		width:220px;

		margin:0 0 10px 0;

		padding:11px 0 10px 0;

		background-image:url(../images/line_dot_gry2.gif);

		background-position:left top;

		background-repeat:repeat-x;

	}

	div#rRanking {

		width:212px;

		padding:4px;

		background-image:url(../images/ranking_frame.gif);

		background-position:left top;

		background-repeat:repeat;

	}

	div#rRanking ol {

		width:200px;

		padding:6px;

		background-color:#FFFFFF;

	}

	div#rRanking li {

		display:block;

		width:194px;

		padding:5px 3px 6px 3px;

		background-image:url(../images/line_dot_gry2.gif);

		background-position:left bottom;

		background-repeat:repeat-x;

		zoom:1;/*clearfix for IE 5.5-7*/
	}
	div#rRanking li:after {/*clearfix for modern browser*/
		content:".";
   		display: block;
   		height:0px;
   		clear:both;
   		line-height:0; 
   		visibility:hidden;
	}
	
	div#rRanking li.last {
		background-image:none;
	}

	div#rRanking ol span {

		display:block;

	}

	div#rRanking span.num ,div#rRanking span.num2 {

		float:left;

		width:12px;

		padding:17px 5px 0 0;

	}

	div#rRanking span.num2 {

		padding:2px 5px 0 0;

	}

	div#rRanking span.pic {

		float:left;

		width:60px;

		padding:0 5px 0 0;

	}

	div#rRanking span.itemName ,div#rRanking span.itemName2 {

		float:right;

		width:112px;

		padding:5px 0 0 0;

		line-height:130%;

	}

	div#rRanking span.itemName2 {

		width:177px;

		padding:0;

	}
	
	p.rBnContents {
		padding:0 0 8px 0;
	}

	

	/* FOOTER */

	div#ftWrap {

		background-color:#6EC128;

		background-image:url(../images/ftbg.gif);

		background-position:left top;

		background-repeat:repeat-x;

	}

	

	div#ftArea {

		width:780px;

		height:36px;

		margin:50px auto 0 auto;

		zoom:1;/*clearfix for IE 5.5-7*/
	}
	div#ftArea:after {/*clearfix for modern browser*/
		content:".";
   		display: block;
   		height:0px;
   		clear:both;
   		line-height:0; 
   		visibility:hidden;
	}

	

	ul#ftMn {

		float:left;

		width:540px;

		padding:17px 0 0 0;

		color:#9B9B9B;

		line-height:100%;

		font-size:10px;
		
		text-align:left;
		
		}
		ul#ftMn  li {
			padding: 0 8px 0 0;
		}


/*ƒPƒC@’Η‰Α•ͺ*/

	#ftMn li + li {

		padding-left: 8px;

		border-left: 1px solid #999;

	}

/*ƒPƒC@’Η‰Α•ͺEND*/

	ul#ftMn a:link,ul#ftMn a:active,ul#ftMn a:visited {

		color: #9B9B9B;

		text-decoration: none;

	}

	ul#ftMn a:hover {

		color: #9B9B9B;

		text-decoration: underline;

	}

	

	div#ftArea p.pagetop {

		float:right;

		width:95px;

	}

	
/* SUBPAGE COMMON CSS */
h1#pageTitle {
	width:780px;
	padding:10px 15px 0 15px;
	background-image:url(../images/title_bg.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

h2#topCmt {
	padding:20px 0 10px 0;
	color:#999999;
	font-size:85%;
}

p#panNavi {
	margin:0 0 15px 0;
	padding:0 0 6px 2px;
	background-image:url(../images/line_dot_gry2.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	color:#666666;
	font-size:85%;
	line-height:100%;
}
p#panNavi a:link,p#panNavi a:active,p#panNavi a:visited {
	color: #666666;
	text-decoration: underline;

}
p#panNavi a:hover {
	color: #EDA800;
	text-decoration: underline;

}