@charset "Shift_JIS";


html {
	background-image: none;
}

body {
	background-image: url(../images2/bg.jpg);
}



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

   cover & hontai

 --------------------------------------------------------------------*/
#cover {
	background-repeat: no-repeat;
	background-position: center 95px;
	width: 990px;
	margin: 0 auto;
}

#techo {
	position: absolute;
	top: 105px;
	left: 50%;
	margin-left: -395px;
}
#flower {
	 position:absolute;
	 top:95px;
	 left:0;
}






#wrapper {
	position: relative;
	width: 960px;
	background-color: transparent;
}

li.end {
	padding-right: 0 !important;
}

a.block {
	display: block;
	width: 100%;
	height: 100%;
}

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

   header

 --------------------------------------------------------------------*/
#header {
	position: relative;
	height: 70px;
}
	#header h1 {
		position: absolute;
		left: 0;
		top: 25px;
		width: 346px;
		height: 45px;
	}
		#header h1 .info { /* 4月はじまり版　という文字 */
			text-align: right;
			font-weight: bold;
			letter-spacing: 0pt;
			font-size: 11px;
			color: rgb(0, 0, 0);
			filter: alpha(opacity=５0);
			-moz-opacity:0.5;
			opacity:0.5;
			font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		}
	#headNavi {
		position: absolute;
		left: 426px;
		top: 40px;
	}
		#headNavi li {
			float: left;
			padding-right: 30px;
		}


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

   main

 --------------------------------------------------------------------*/
#main {
	position: relative;
	height: 630px;
}
	#special {
		position: absolute;
		left: 80px;
		top: 40px;
	}
	#mainMenu {
		position: absolute;
		top: 75px;
		right: 8px;
	}
		#mainMenu ul {
			margin-bottom: 8px;
		}
			#cartMenu {
				padding-top: 10px;
				padding-left: 45px;
			}

	#special2 {
		position: absolute;
		top: 400px;
		left: 0;
	}

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

   contents

 --------------------------------------------------------------------*/
 #contents {
 }
 
	/*--------------------------------------------------------------------
	
	   regular
	
	 --------------------------------------------------------------------*/
	 #regular {
		 margin-bottom: 26px;
		 padding: 0 8px;
	 }
		/*--------------------------------------
		  left
		 --------------------------------------*/
		#leftColumn {
			float: left;
		}
			#yodogawaArea {
				position: relative;
				width: 470px;
				margin-bottom: 20px;
			}
				#benefit {
					position: absolute;
					right: 10px;
					top: 370px;
				}
			
		/*--------------------------------------
		  right
		 --------------------------------------*/
		#rightColumn {
			float: right;
		}
			#todays {
				position: relative;
				background: url(../images2/bg_todays2.png) no-repeat left top;
				width: 463px;
				height: 320px;
				margin-bottom: 18px;
				padding-left: 3px;
			}
				#todays h2 {
					padding-top: 5px;
					padding-left: 3px;
				}
				#todays .photo {
					position: absolute;
					width: 190px;
					height: 135px;
					top: 62px;
					left: 18px;
					overflow: hidden;
				}
				#todays .subject {
					position: absolute;
					left: 233px;
					top: 65px;
					width: 210px;
					height: 132px;
					overflow: hidden;
					font-weight: bold;
					line-height: 1.55em;
					letter-spacing: 0.05em;
				}
					#todays a:link .subject,
					#todays a:visited .subject {
						color: #000;
					}
					#todays a:hover .subject,
					#todays a:active .subject {
						color: #808080;
					}
					#todays .subject .date {
						font-size: 11px;
						color: #808080;
						margin-bottom: 10px;
					}
						#todays .subject p {
							padding-top: 18px;
						}
						#todays a:hover .subject .date {
							color: #BFBFBF;
						}
				#todays .icon {
					position: absolute;
					right: 7px;
					top: 6px;
					width: 60px;
					height: 60px;
				}
				#todays .body {
					position: absolute;
					left: 18px;
					top: 210px;
					font-size: 14px;
					line-height: 1.7em;
					letter-spacing: 0.05em;
					width: 430px;
					height: 95px;
					overflow: hidden;
				}
					#todays a:link .body,
					#todays a:visited .body {
						color: #666;
					}
					#todays a:hover .body,
					#todays a:active .body {
						color: #CCC;
					}
	
	/*--------------------------------------------------------------------
	
	   featuresArea
	
	 --------------------------------------------------------------------*/
	#features {
		clear: both;
	}
	  #features ul {
		  height: auto;
		  overflow: hidden;
	  }
		  #features li {
			  margin-bottom: 2px;
			  float: left;
		  }
		  #features li.l {
			  float: left;
		  }
		  #features li.r {
			  float: right;
		  }
		  #features li.midashi {
			  margin-top: 15px;
		  }
		  #features li.button {
			  margin-top: 5px;
			  text-align:right;
		  }
	
	/*--------------------------------------------------------------------
	
	   midBanners
	
	 --------------------------------------------------------------------*/
	#midBanners {
		 margin-bottom: 26px;
		 padding: 0 8px;
	}
		#midBanners li {
			float: left;
			padding-right: 14px;
		}
	
	
	/*--------------------------------------------------------------------
	
	   lineup
	
	 --------------------------------------------------------------------*/
	#lineup {
		 margin-bottom: 26px;
		 background: url(../images2/bg_lineup.png) no-repeat center top;
		 width: 944px;
		 height: 545px;
		 padding: 30px 8px 0;
	}
		#lineup h2 {
			margin-bottom: 17px;
			padding-right: 30px;
			text-align: right;
		}
		#lineup ul {
			padding: 0 0 0 12px;
		}
			#lineup li {
				float: left;
				padding: 0 12px 10px;
				width: 160px;
				height: 240px;
			}
				/*#lineup li img {
					width: 160px;
					height: 240px;
					background-color: #eee;
				}*/
	
	/*--------------------------------------------------------------------
	
	   banners
	
	 --------------------------------------------------------------------*/
	#banners {
		 margin-bottom: 26px;
		 padding: 0 8px;
	}
		#banners li {
			float: left;
			padding-right: 16px;
		}


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

   footer

 --------------------------------------------------------------------*/
#footer {
	width: auto !important;
	margin: 0;
	padding: 0 10px;
	background-color: transparent;
}
	#footer li {
		padding-right: 30px;
	}
	#footer li.end {
		float: right;
	}


#copyright {
	color: #808080;
	padding: 20px 0;
}




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

   hover image 

 --------------------------------------------------------------------*/
a:hover img.alpha {
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}

/*a:hover img.btn,
a:hover img.nohover {
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}*/
a:hover img.nohover {
	cursor: default;
}