@charset "Shift_JIS";


#lineup {
}
	#lineup h3 {
		background-color: #EBEBEB;
	}

#days {
	position: relative;
	background: url(../images/bg_days.gif) no-repeat left top;
	height: 205px;
}
	#daysPhoto {
		position: absolute;
		left: 8px;
		top: 75px;
	}
	
	
#yodogawa {
	padding: 15px;
}
	#yodogawa h3 {
		padding-bottom: 15px;
	}
	#yodogawa p {
		line-height: 1.5em;
	}



#storeHelp {
}
	#storeHelp h3 {
		padding-bottom: 5px;
	}
	#storeHelp p {
		padding: 5px;
		line-height: 1.5em;
		letter-spacing: 0;
	}


#recent,
#faq {
	padding: 5px;
}
	#recent h3,
	#faq h3 {
		background: #EBEBEB url(../images/icon_help_bullet.gif) no-repeat 5px center;
		border: 1px solid #CCC;
		border-bottom: 0 none;
		padding: 10px 5px 10px 35px;
		font-size: 16px;
		font-weight: bold;
		line-height: 1em;
	}
	#recent ul,
	#faq ul {
		border: 1px solid #CCC;
		border-top: 0 none;
		padding: 5px;
	}
	#recent li,
	#faq li {
		padding: 1px 0;
		line-height: 1.3em;
		word-break: break-all;
		word-wrap: break-word;
	}
		#recent li a,
		#faq li a {
			display: block;
			padding: 6px 0 6px 17px;
			background: url(../images/arrow_help_bullet.gif) no-repeat left center;
		}

	#faq h4 {
		border-right: 1px solid #CCC;
		border-left: 1px solid #CCC;
		outline: none;
	}
		#faq h4 a {
			display: block;
			padding: 5px 0 5px 25px;
			background: url(../images/arrow_help_right.gif) no-repeat 5px center;
			border-bottom: 1px solid #CCC;
			font-weight: bold;
		}
		#faq .ui-state-active a {
			display: block;
			padding: 5px 0 0 25px;
			background: url(../images/arrow_help_below.gif) no-repeat 5px center;
			border-bottom: 0 none;
		}
		
		#faq .ui-state-active a:link,
		#faq .ui-state-active a:visited,
		#faq .ui-state-active a:hover,
		#faq .ui-state-active a:active {
			color: #808080;
			cursor: default;
		}
		
		
		
	
#article {
	padding: 5px;
}
	#article h3 {
		padding-bottom: 15px;
		font-size: 20px;
		font-weight: bold;
		color: #E59900;
	}
	#article p {
		position: relative;
		z-index: 1;
	}
	#article .inner {
		position: relative;
		border: 1px solid #CCC;
		border-bottom: 0 none;
		padding: 20px 20px 60px;
	}
	#article .update {
		position: relative;
		border: 1px solid #CCC;
		border-top: 0 none;
		background-color: #EBEBEB;
		padding: 5px;
		text-align: right;
		font-size: 11px;
		font-weight: bold;
		line-height: 1em;
		color: #808080;
	}



.icon {
	position: absolute;
	left: 1px;
	top: 1px;
	z-index: 1;
}

.uppercase {
	text-transform: uppercase;
}


.illust {
	position:absolute;
	bottom: 10px;
	right: 10px;
	z-index: 0;
}
#header .illust {
	left: 350px;
	right: auto;
}

.illust_comment {
  font-size: 8px;
	position:absolute;
	bottom: 10px;
	right: 30px;
	z-index: 0;
}


/**** Masonry CSS for Help ****/

.box {
	position: relative;
	float: left;
	background-color:transparent;
	padding: 5px;
}
	.box a.block {
		display: block;
	}

.col1, .col2, .col3, .col4,
.col5, .col6, .col7, .col8 { 
	padding: 5px;
	background: #FFF;
}

.col1 { width: 100px; }
.col2 { width: 220px; }
.col3 { width: 340px; }
.col4 { width: 460px; }
.col5 { width: 580px; }
.col6 { width: 700px; }
.col7 { width: 820px; }
.col8 { width: 940px; }

	.col1 img { max-width: 100px; }
	.col2 img { max-width: 220px; }
	.col3 img { max-width: 340px; }
	.col4 img { max-width: 460px; }
	.col5 img { max-width: 580px; }
	.col6 img { max-width: 700px; }
	.col7 img { max-width: 820px; }
	.col8 img { max-width: 940px; }
	

	
/* Gray Link Styles */
a:link #storeHelp p {
	color: #333;
}
a:visited #storeHelp p {
	color: #333;
}
a:hover #storeHelp p {
	color: #999;
}
a:active #storeHelp p {
	color: #999;
}

	
/* Gray Link Styles 2 */
a:link .product p.price {
	color: #999;
}
a:visited .product p.price {
	color: #999;
}
a:hover .product p.price {
	color: #CCC;
}
a:active .product p.price {
	color: #CCC;
}