@charset "utf-8";

/*-----------------------------------------------------------

 Reset the default browser settings.
 
 ------------------------------------------------------------*/

html, body, div,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

html { overflow: -moz-scrollbars-vertical }
body { line-height: 1.4 }
body * {	font-family: Verdana, "メイリオ", "Meiryo", Meiryo, sans-serif }
ul, ol {	list-style: none }
table {	border-collapse: collapse }
img, fieldset { border: none }
img { vertical-align: top }
address { font-style: normal }
.strong { font-weight: bold }
.accessGuide { display: none }


/*-----------------------------------------------------------

 common.css
 	
 ------------------------------------------------------------*/

/*-----------------------------------------------------------
 Clearfix
 ------------------------------------------------------------*/

div.layout_header,
div#seasonReco,
div#ranking,
div#ranking ol li,
div#guide,
ul.footerLink,
.clearfix {
	zoom: 1;
}

div.layout_header:after,
div#seasonReco:after,
div#ranking:after,
div#ranking ol li:after,
div#guide:after,
ul.footerLink:after,
.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	line-height: 0; 
	visibility: hidden;
}

/*-----------------------------------------------------------
 Common Settings
 ------------------------------------------------------------*/
 
body {
	border-top: solid #18ab50 2px;
	text-align: center;
	background: #fff;
}

div.layout_body {
	margin: 0 auto;
	width: 986px;
	text-align: left;
}

table.layout_table {
	clear: both;
	display: block;
	margin: 0 auto;
	padding-bottom: 1em;
	width: 986px;
	background: url(../img/share/container_bg.gif) repeat-y top;
	text-align: left;
}

	table.layout_table td.layout_content {
		display: block;
		width: 763px;
		vertical-align: top;
	}
	
	table.layout_table td.layout_right {
		width: 223px;
		vertical-align: top;
	}
	
		table.layout_table td.layout_content div.system_content {
			margin: 0 0 0 10px;
			padding-left: 10px;
		}

div.layout_footer {
 	clear: both;
	margin: 0 auto;
	width: 986px;
	background: url(../img/share/container_bg_btm.gif) no-repeat;
	font-size: 90%;
	text-align: left;
}

.section {
	clear: both;
	margin: 2em 0 0 23px;
}

.heading2 {
	padding: 3px;
	border-bottom: solid #3e8251 2px;
}

.heading3 {
	padding: 3px;
	border-bottom: solid #18ab50 1px;
}

a {
	color: #0000ff;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:link {
	#0000ff;
}


/*-----------------------------------------------------------
 layout_header
 ------------------------------------------------------------*/
 div.layout_header {
	padding: 0 20px 20px 20px;
	background: url(../img/share/container_bg.gif) repeat-y top;
 }
 
 	div.layout_header h1 {
		float: left;
		padding-top: 27px;
	}
	
	div.layout_header p.send {
		float: left;
		padding: 19px 0 0 13px;
		width: 193px;
	}
	
	div.layout_header div.contact {
		float: left;
		padding: 10px 0 0 12px;
		width: 200px;
	}

		div.layout_header div.contact .receipt {
			padding-bottom: 4px;
			*padding-bottom: 0;
		}
	
		div.layout_header div.contact p.contactBtn {
			padding-top: 4px;
		}
	
	div.layout_header div.login {
		float: right;
		margin-top: 10px;
		width: 214px;
		height: 60px;
		background: url(../img/share/login_bg.gif) no-repeat bottom;
	}
	
		div.layout_header div.login ul {
			padding: 7px 0 3px 10px;
			height: 26px;
		}

			div.layout_header div.login ul li {
				float: left;
				padding-right: 5px;
			}

		div.layout_header div.login p {
			clear: both;
			padding: .4em 0 3px 10px;
		}
		
			div.layout_header div.login p a,
			div.layout_header div.login p a:link {
				color: #262626;
			}

		div.layout_header div.login p.welcome {
			padding: .1em 0 0 10px;
		}
		
/*-----------------------------------------------------------
 layout_content
 ------------------------------------------------------------*/
td.layout_content {
}

	td.layout_content h2.mainImg {
		margin-left: 3px;
	}

/*-----------------------------------------------------------
 Index
 ------------------------------------------------------------*/

/* season Recommend */
div#seasonReco {
}

	div#seasonReco p.title {
		margin: .5em 0;
		padding: .2em 0 .2em .5em;
		background: #52c67e;
		color: #fff;
		font-size: 120%;
		font-weight: bold;
	}

	div#seasonReco ul.itemList {
		margin-left: -10px;
	}

		div#seasonReco ul.itemList li {
			float: left;
			padding-left: 10px;
			width: 175px;
		}

			div#seasonReco ul.itemList li p {
			}

			div#seasonReco ul.itemList li dl {
			}

				div#seasonReco ul.itemList li dl dt {
					padding: .5em 0;
					font-size: 120%;
					font-weight: bold;
				}

					div#seasonReco ul.itemList li dl dt a {
						color: #ff5a00;
					}

				div#seasonReco ul.itemList li dl dd {
					padding: .2em 0;
				}

				div#seasonReco ul.itemList li dl dd.price {
					font-size: 105%;
				}
				
					div#seasonReco ul.itemList li dl dd.price span.int {
						font-size: 80%;
					}

					div#seasonReco ul.itemList li dl dd.price strong.num {
						padding-left: .2em;
						color: #18ab50;
						font-size: 125%;
					}

					div#seasonReco ul.itemList li dl dd.price span.en {
						color: #18ab50;
						font-weight: bold;
					}

				div#seasonReco ul.itemList li dl dd.shoppingBtn {
					padding: .5m 0;
				}
					

/* Ranking */
div#ranking {
	border: solid #3e8251 2px;
}

	div#ranking div {
		float: left;
		padding: 20px 0 0 20px;
		width: 460px;
	}
	
		div#ranking div ol {
			padding-bottom: 20px;
		}
		
			div#ranking div ol li {
				margin-top: .8em;
				padding-left: 59px;
			}

			div#ranking div ol li.no01 {
				background: url(../img/share/rank01.gif) no-repeat 0 6px;
			}
			div#ranking div ol li.no02 {
				background: url(../img/share/rank02.gif) no-repeat 5px 10px;
			}
			div#ranking div ol li.no03 {
				background: url(../img/share/rank03.gif) no-repeat 10px 14px;
			}

				div#ranking div ol li p {
					float: left;
					width: 142px;
					border: solid #a7a7a7 1px;
				}

					div#ranking div ol li p img {
						border: solid #fff 1px;
					}
			
				div#ranking div ol li dl {
					margin-left: 150px;
					width: 225px;
				}
				
					div#ranking div ol li dl dt {
						padding-bottom: .5em;
						font-size: 120%;
						font-weight: bold;
					}

						div#ranking div ol li dl dt a {
							color: #ff5a00;
						}
					
					div#ranking div ol li dl dd {
					}

					div#ranking div ol li dl dd.shoppingBtn {
						padding-top: 10px;
					}

	div#ranking p.banner {
		float: right;
		padding: 20px 20px 20px 0;
	}
	
/* information */
div#info {
}

	div#info ul {
		margin: 10px 0 0 10px;
		xheight: 130px;
		xoverflow: scroll;
	}
	
		div#info ul li {
			padding: .5em;
			background: #eee;
		}

		div#info ul li.even {
			padding: .5em;
			background: #fff;
		}
		
			div#info ul li span {
				padding: 0 2.5em;
				background: url(../img/share/info_icon.gif) no-repeat left;
			}
			
			div#info ul li a {
				color: #0000ff;
			}

/* Other Recommend */
div#otherReco {
}

	div#otherReco ul.itemList {
		margin: .5em 0 0 -6px;
	}

	div#otherReco ul.itemList li {
		float: left;
		margin: 8px 0 0 6px;
		width: 362px;
		border: solid #a5a5a5 1px;
	}
	
		div#otherReco ul.itemList li p {
			float: left;
			padding: 5px;
			width: 98px;
		}
	
		div#otherReco ul.itemList li dl {
		}
		
			div#otherReco ul.itemList li dl dt {
				padding: 5px 0;
				font-weight: bold;
			}
			
			div#otherReco ul.itemList li dl dd {
				padding: 5px 0;
			}

			div#otherReco ul.itemList li dl dd.detail {
				padding: 0 5px 5px 0;
				text-align: right;
			}

				div#otherReco ul.itemList li dl dd.detail a {
					padding-left: .8em;
					background: url(../img/share/other_icon.gif) no-repeat left;
					color: #0000FF;
				}

/*-----------------------------------------------------------
Under Leyout
------------------------------------------------------------*/
.pageTitle {
	padding: 3px;
	background: none;
	border-bottom: solid #3e8251 2px;
	border-left: none;
}
 
.CrossHead {
	margin: 1em 0 .5em 0;
	padding: 3px;
	border-top: none;
	border-bottom: solid #18ab50 1px;
	color: #18AB50;
	font-size: 14px;
}
 
div#UnderLayout {
	margin-top: 0;
}

	div#UnderLayout h3 {
		margin: 1em 0 .5em 0;
		color: #18AB50;
		font-size: 14px;
	}

	div#UnderLayout p {
		padding: 0 1em 1em 1em;
	}

	div#UnderLayout a {
		color: #0000ff;
	}
	
	div#UnderLayout ul {
		margin-left: 2em;
		padding: 0 1em 1em 1em;
		list-style: disc;
	}

	div#UnderLayout ol {
		margin-left: 4em;
		padding: 0 1em 1em 1em;
		list-style: decimal;
	}

	div#UnderLayout img.imgLeft {
		float: left;
		padding: 0 .5em .5em;
	}
	
	div#UnderLayout img.imgRight {
		float: right;
		padding: 0 0 .5em .5em;
	}

/* pan */
p.pan {
	padding-top: .5em;
	border-top: solid #52C67E 1px;
	color: #000;
}

	p.pan a {
		color: #0000ff;
	}

/* FS2_sort_menu_bg */
div.FS2_sort_menu_bg {
}

	div.FS2_sort_menu_bg a {
		color: #0000ff;
	}

	div.FS2_sort_menu_bg a:link {
		color: #0000ff;
	}
	
/* FS2_login_layout_table */
table.FS2_login_layout_table {
}
	table.FS2_login_layout_table tr {
	}
	
		table.FS2_login_layout_table tr td.FS2_login_layout_table_td_left,
		table.FS2_login_layout_table tr td.FS2_login_layout_table_td_right {
			padding: 0 10px;
		}

/* FS2_itemlayout_td_Right */
td.FS2_itemlayout_td_Right {
}

	td.FS2_itemlayout_td_Right h1.itemTitle {
		color: #000;
		font-size: 130%;
	}

/* groupLayout */
div.groupLayout {
}

	div.groupLayout h2.itemGroup {
		text-align: left;
	}

		div.groupLayout h2.itemGroup a {
			color: #FF5A00;
		}

/* FS2_eye_catch_icon */
div.FS2_eye_catch_icon {
	text-align: left;
}

/* FS2_itemPrice_area */
div.FS2_itemPrice_area {
}

	div.FS2_itemPrice_area p {
	}

	div.FS2_itemPrice_area p span.FS2_special_price {
		font-size: 80%;
	}

	div.FS2_itemPrice_area p span.itemPrice {
		padding-left: 0.2em;
		color: #18AB50;
		font-size: 125%;
	}
	
/* alignItem_02 */
div.alignItem_02 {
}

	div.alignItem_02 div.gl_Item {
		float: left;
		margin: 0;
		width: 49%;
	}

	
		div.alignItem_02 div.gl_Item div.FS2_figure {
			position: relative;
			padding-bottom: 50px;
		}
	
				div.alignItem_02 div.gl_Item div.FS2_figure td.FS2_figure_table_td_input_cnt input {
					width: 2em;
				}

				div.alignItem_02 div.gl_Item div.FS2_figure td.FS2_figure_table_td_detail_btn a {
					position: absolute;
					top: 35px;
					left: 80px;
				}

				*:first-child + html div.alignItem_02 div.gl_Item div.FS2_figure td.FS2_figure_table_td_detail_btn a { /* IE7 only */
					left: 89px;
				}

/* FS2_itemlayout_list_B */
div#FS2_itemlayout_list_B {
	margin: 0;
	padding: 0 2% 2% 0;
	width: 31%;
}

* html div#FS2_itemlayout_list_B { /* IE6 only */
	padding: 0 1% 1% 0; 
}

/* user_content */
div.user_content {
	padding-bottom: 2em;
}

/* submit_0 */
input#submit_0 {
	margin-top: 1em;
}

/* submit_0 */
table.FS2_Address_list_btn input#submit_0 {
	margin-top: 0;
}

/* FS2_InquiryButton_area */
div.FS2_InquiryButton_area {
	padding: .5em 0;
}

/* mypage_content */
div.mypage_content {
	padding: 1em;
}

	div.mypage_content p {
		text-align: center;
		font-weight: bold;
	}

/* utility */
div.utility {
	margin: 0 0 0 20px;
	border: none;
}

/* FS2_login_area */
td.FS2_login_area {
}

	td.FS2_login_area ul.login {
	}

	td.FS2_login_area ul.login li {
		padding-left: 1em;
	}

/*-----------------------------------------------------------
Right Navigation 
 ------------------------------------------------------------*/
div#rightNav {
	padding: 0 17px 0 23px;
	width: 180px;
}

	div#rightNav h2 {
		position: relative;
		z-index: 100;
	}

	div#rightNav ul.categoryNav {
		margin-top: -1px;
		background: url(../img/share/category_bg.gif) repeat-y bottom;
		font-weight: bold;
	}

		div#rightNav ul.categoryNav li {
			width: 178px;
			background: url(../img/share/category_dotted.gif) repeat-x left top;
		}

			div#rightNav ul.categoryNav li span,
			div#rightNav ul.categoryNav li a,
			div#rightNav ul.categoryNav li a:link {
				display: block;
				margin-left: 1em;
				padding: .5em .5em .5em 1em;
				* width: 145px;
				background: url(../img/share/category_icon.gif) no-repeat left;
				color: #262626;
			}

				div#rightNav ul.categoryNav li a:hover {
					background: url(../img/share/category_icon_on.gif) no-repeat left;
					color: #ff5a00;
				}

	div#rightNav p.cart {
		margin-top: 1em;
	}
				
	div#rightNav ul.subNav {
		margin-top: 1em;
		background: url(../img/share/subnav_bg.gif) repeat-y bottom;
		font-size: 90%;
	}

		div#rightNav ul.subNav li {
			width: 178px;
			background: url(../img/share/subnav_dotted.gif) repeat-x left top;
		}

		div#rightNav ul.subNav li.first-child {
			width: 180px;
			background: url(../img/share/subnav_bg.gif) repeat-y 0 0;
		}

			div#rightNav ul.subNav li a {
				display: block;
				margin-left: 1em;
				padding: .5em .5em .5em 1em;
				*width: 145px;
				background: url(../img/share/subnav_icon.gif) no-repeat left;
				color: #0000ff;
			}
	
	div#rightNav ul.sideBanner {
		margin: 1em 0;
	}

		div#rightNav ul.sideBanner li {
			padding-bottom: 1em;
		}

/*-----------------------------------------------------------
 Right Navigation 2010.12.14-
 ------------------------------------------------------------*/
 /* categoryNav */
.right_gift2010 .categoryNav {
	background: url(../img/gift2010/category_bg.gif) no-repeat left bottom;
}

	.right_gift2010 .categoryNav ul {
		margin-left: 3px;
		width: 174px;
	}

		.right_gift2010 .categoryNav ul li {
			background: url(../img/share/category_dotted.gif) repeat-x left top;
		}
		.right_gift2010 .categoryNav ul .first-child { background: none; }

			.right_gift2010 .categoryNav ul li a {
				display: block;
				margin-left: 1em;
				padding: .8em .5em .8em 1em;
				*width: 140px;
				background: url(../img/share/category_icon.gif) no-repeat left center;
				font-weight: bold;
			}
			.right_gift2010 .categoryNav ul li a:hover {
				background: url(../img/share/category_icon_on.gif) no-repeat left center;
				color: #ff5a00;
			}

 /* subNav */
.right_gift2010 .subNav {
	margin-top: 1em;
	background: url(../img/gift2010/first_bg.gif) no-repeat left bottom;
}

	.right_gift2010 .subNav ul {
		font-size: 90%;
	}

		.right_gift2010 .subNav ul li {
			width: 178px;
			background: url(../img/share/subnav_dotted.gif) repeat-x left top;
		}
		.right_gift2010 .subNav ul li.first-child {
			background: none;
		}

			.right_gift2010 .subNav ul li a {
				display: block;
				margin-left: 1em;
				padding: .5em .5em .5em 1em;
				*width: 145px;
				background: url(../img/share/subnav_icon.gif) no-repeat left;
				color: #0000ff;
			}



/*-----------------------------------------------------------
Guide
 ------------------------------------------------------------*/
 div#guide {
	clear: both;
	margin-left: 23px;
 	padding: 2em 20px 3em 0;
}

	div#guide h2 {
	}

	div#guide div {
		padding: 0 21px 0 15px;
		width: 435px;
	}
	
	div#guide div.guidLeft {
		float: left;
	}
	
	div#guide div.guidRight {
		float: left;
	}

		div#guide div dl {
			margin: 1em 0;
		}
		
			div#guide div dl dt {
				padding: .2em 0 .2em .5em;
				background: #52c67e;
				color: #fff;
				font-size: 110%;
				font-weight: bold;
			}
			
			div#guide div dl dd {
				margin-top: .5em;
				padding: 0 10px;
			}
			
				div#guide div dl dd p {
					padding-top: .3em;
				}
			
				div#guide div dl dd ul {
					margin-top: 1em;
					padding: .5em;
					background: #e9e9e9;
				}

					div#guide div dl dd ul li {
					}

			div#guide div dl dd dl {
				margin-top: 1em;
			}

				div#guide div dl dd dl dt {
					background: none;
					border-bottom: solid #18ab50 1px;
					color: #18ab50;
					font-weight: bold;
				}

				div#guide div dl dd dl dd {
				}

				div#guide div dl.limit dd dl dd {
					margin: 5px 0;
					padding: .5em;
					color: #ff0000;
				}

					div#guide div dl.limit dd dl dd span {
						margin-right: 1em;
						padding: .5em;
						width: 6em;
						background: #E9E9E9;
						color: #000;
						font-weight: bold;
					}
	
/* footerLink */
ul.footerLink {
	clear: both;
	padding-bottom: 1em;
	border-top: 1px #18ab50 solid;
}

	ul.footerLink li {
		float: left;
		margin-top: 1em;
		padding: 0 1em;
		border-left: solid #0000ff 1px;
	}
	
	ul.footerLink li.first-child {
		border: none;
	}
	
		ul.footerLink li a {
			color:#0000ff;
		}
	
/* Shop Information */
div.shopInfo {
	clear: both;
	padding: .5em 0 3em 0;
	border-top: 2px #18ab50 solid;
	text-align: right;
}

	div.shopInfo p {
		padding: .5em 0;
	}



/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font-family: "メイリオ",Meirio,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial, Helvetica, sans-serif;
	font-size: 80%;
}

h1,h2,h3,h4,h5 { font-size: 120%; }

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}