@charset "Shift_JIS";


#contents .top {
	background: url(../images2/bg_content_top.png) no-repeat center top;
	height: 40px;
}

#contents .mid {
	background: url(../images2/bg_content_mid.png) repeat-y center top;
	padding: 0 10px;
}

#contents .btm {
	background: url(../images2/bg_content_btm.png) no-repeat center bottom;
	height: 10px;
	text-align: center;
}
	/*#contents .btm img {
		margin-top: 5px;
	}*/


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

   header

 --------------------------------------------------------------------*/
#header {
}
	#header h1 {
	}
	#headNavi {
		width: 348px;
	}
		#headNavi li {
		}
 
 
/*--------------------------------------------------------------------

   article

 --------------------------------------------------------------------*/
#article {
	border-bottom: 1px solid #E6E6E6;
	padding: 0 40px 40px;
}
	#article h1 { /* 記事のタイトル */
		font-size: 24px;
		font-weight: bold;
		line-height: 1.5em;
		margin-bottom:30px;
		text-align: center;
	}
	#article p { /* 本文 */
		width: 500px;
		margin: 0 auto;
		margin-bottom: 1.75em;
	}
	#article .photo {
		width: 500px;
		margin: 0 auto;
		margin-bottom: 1.75em;
	}
		#article .photo .cap {
			margin: 0.5em 0;
			font-size: 12px;
			line-height: 1.5em;
			color: #808080;
		}
	
	#article h2,
	#article h3,
	#article h4,
	#article h5,
	#article h6,
	#article h7 { /* 小見出し */
		font-weight: bold;
		line-height: 1.5em;
		margin: 0 auto;
		margin-bottom:1em;
		width: 500px;
	}
	#article h2 {
		font-size: 18px;
	}
	#article h3 {
		font-size: 16px;
	}
	#article h4 {
		font-size: 14px;
	}
		
	#article .left {
		width: 360px;
	}
	#article .right {
		width: 500px;
	}
	
	#article .column {
		width: 450px;
	    border: 5px solid #CCCCCC;
	    margin: 40px auto;
	    padding: 20px;
	    position: relative;
	}
	#article .column h3 {
	    color: #E59900;
	    font-size: 20px;
	    font-weight: bold;
	    padding-bottom: 25px;
	}
	#article .column .schedule {
	    padding-bottom: 10px;
	}
		#article .column .schedule th, 
		#article .column .schedule td {
		    font-weight: bold;
		    padding-bottom: 10px;
		    vertical-align: top;
		}
		#article .column .schedule th {
		    padding-right: 1.5em;
		}
	
	#btnArea {
		float: right;
		height: 46px;
		/*border-bottom: 1px solid #E6E6E6;*/
		text-align: right;
		/*padding: 0 20px;*/
	}
		/*#btnArea img {
			margin-top: 5px;
		}*/
		
	#btnArea2 {
		text-align: center;
	}
	#btnArea2 img {
		margin: 0 5px;
	}
		
/*--------------------------------------------------------------------

   conversation format

 --------------------------------------------------------------------*/
 #contents .conv {
	width: 500px;
	margin: 0 auto 0;
}	
	#contents .conv table {
		width: 100%;
	}
	#contents .conv th {
		width: 80px;
		padding: 0 10px 0 0;
		padding-bottom: 2em;
		padding-right: 10px;
		font-weight: bold;
		vertical-align: top;
		color: #333333;
	}
	#contents .conv th.talker1 {
		color: #333333;
	}
	#contents .conv th.talker2 {
		color: #404080;
	}
	#contents .conv th.talker3 {
		color: #804040;
	}
	#contents .conv th.talker4 {
		color: #3E943E;
	}
	#contents .conv th.talker5 {
		color: #4C9980;
	}
	#contents .conv td {
		padding-bottom: 2em;
		vertical-align: middle;
		color: #35354C;
	}
	#contents .conv .photo {
	}
	/* 「＜つづきます＞」などの文言用 */
	#contents #continue {
		width: 500px;
		margin: 0 auto;
		padding: 2em 0;
	}
			
 
		
/*--------------------------------------------------------------------

   archive area

 --------------------------------------------------------------------*/
#archive {
	/*border-bottom: 1px solid #E6E6E6;*/
	padding: 40px 20px 40px 40px;
}
	#archive .col {
		margin-bottom: 30px;
	}
	#archive h2 {
		height: 46px;
		margin-bottom: 40px;
	}
	#archive .item {
		float: left;
		position: relative;
		width: 420px;
		height: 110px;
		padding-right: 20px;
		margin-bottom: 25px;
	}
		#archive .item .photo {
			width: 100px;
			padding-right: 10px;
		}
		#archive .item .text {
		}
			#archive .item .text h3 {
				width: 310px;
				height: 3em;
				font-size:13px;
				margin-bottom: 0.5em;
				line-height: 1.5em;
				font-weight: bold;
				word-wrap: break-word;
			}
			#archive .item .text p {
				width: 310px;
				font-size:13px;
				color: #666;
				line-height: 1.5em;
				word-wrap: break-word;
			}
			#archive .hover {
				cursor: pointer;
			}
				#archive .hover .text h3 a {
					color: #F39700;
				}
				#archive .hover .text p {
					color: #AAA !important;
				}
				#archive .hover .photo img {
					filter: alpha(opacity=60);
					-moz-opacity:0.60;
					opacity:0.60;
				}
			
	
/*--------------------------------------------------------------------

   navi

 --------------------------------------------------------------------*/
#navi {
	width: 660px;
	margin: 40px auto 0;
}
	#navi li {
		float: left;
		padding: 0 7px;
	}









.hr1 {
	border-top: 1px solid #E6E6E6;
	height: 1px;
	font-size: 0.1px;
	line-height: 0.1px;
	margin: 10px 0 9px;
}







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

   main

 --------------------------------------------------------------------*/
#main {
	position: relative;
	height: 610px;
}
	#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 {
	 margin-bottom: 20px;
 }
 
	/*--------------------------------------------------------------------
	
	   regular
	
	 --------------------------------------------------------------------*/
	 #regular {
		 margin-bottom: 26px;
		 padding: 0 8px;
	 }
		/*--------------------------------------
		  left
		 --------------------------------------*/
		#leftColumn {
			float: left;
		}
			#yodogawaArea {
				position: relative;
				width: 470px;
			}
				#benefit {
					position: absolute;
					right: 10px;
					top: 300px;
				}
					#benefit .photo {
						margin-bottom: 20px;
					}
			
		/*--------------------------------------
		  right
		 --------------------------------------*/
		#rightColumn {
			float: right;
		}
			#todays {
				position: relative;
				background: url(../images2/bg_todays.png) no-repeat left top;
				width: 464px;
				height: 165px;
				margin-bottom: 18px;
			}
				#todays .photo {
					position: absolute;
					width: 140px;
					height: 105px;
					top: 46px;
					left: 12px;
					overflow: hidden;
				}
				#todays .subject {
					position: absolute;
					left: 185px;
					top: 55px;
					width: 205px;
					height: 90px;
					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;
					}
						#todays a:hover .subject .date {
							color: #BFBFBF;
						}
				#todays .icon {
					position: absolute;
					right: 2px;
					top: 2px;
					width: 60px;
					height: 60px;
				}
	
	
	/*--------------------------------------------------------------------
	
	   midBanners
	
	 --------------------------------------------------------------------*/
	#midBanners {
		 margin-bottom: 26px;
		 padding: 0 8px;
	}
		#midBanners li {
			float: left;
			padding-right: 16px;
		}
	
	
	/*--------------------------------------------------------------------
	
	   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;
		}