@charset "utf-8";

@import url("common.css");
@import url("style.css");

/* TOPページ */

/* mainimage
----------------------------------------------------------------------------------------------------*/

div#mainimage{
	/*background:url(../img/index/keyvisual/back_mainimg.jpg) no-repeat top center;*/
	background:url(../img/index/keyvisual/back_20120214.gif) repeat-x;
	height:385px;
	margin-bottom:10px;
	margin-top:-10px;
	position:relative;
	width:100%;
	z-index:0;
}

/* background */

	div#mainimage div#imageleft{
		background:url(../img/index/keyvisual/back_Left20120214.gif) no-repeat left center;
		position:absolute;
		left:0;
		top:0;
		height:385px;
		width:281px;
		z-index:2;
	}
	div#mainimage div#imageright{
		background:url(../img/index/keyvisual/back_Right20120214.gif) no-repeat right center;
		position:absolute;
		right:0;
		top:0;
		height:385px;
		width:240px;
		z-index:1;
	}

/* contents */

	div#cm{
		margin: 0 auto;
		height:385px;
		position:relative;
		width:950px;
		z-index:3;
	}
	
	div#cm-left{
		float:left;
		padding-top:15px;
		width:630px;
	}
	div#cm-right{
		float:right;
		padding-top:15px;
		width:310px;
	}

	/* flash */
	
		div#flash{
			height:310px;
			margin-bottom:10px;
			width:630px;
		}
	
	/* news */
	
		div#news{
			background:url(../img/index/back_title-news.gif) no-repeat center;
			height:20px;
			padding:5px;
			padding-left:75px;
			width:550px;
		}
		
		/*(システム箇所)*/
		
		div#news ul{
			display:block;
			height:20px;
			line-height:1.6;
			overflow:hidden;
			text-align:left;
			width:545px;
		}
		div#news ul li{
			display:inline;
			margin-right:1em;
		}
		div#news ul li a{
			color:#C40018;
		}
			
	/* 20100804追加 */
		
		div#newsS{
			background:url(../img/index/back_title-news.gif) no-repeat center;
			height:20px;
			padding:5px;
			padding-left:80px;
			width:545px;
		}

		div#newsS ul{
			display:block;
			height:20px;
			line-height:1.6;
			overflow:hidden;
			text-align:left;
			width:545px;
		}
		div#newsS ul li{
			display:inline;
			margin-right:1em;
		}
		div#newsS ul li a{
			color:#C40018;
		}
	
	/* saleevent */
	
		div#saleevent{
			background:url(../img/index/back_saleeventbanner.png) no-repeat center bottom;
			height:200px;
			width:310px;
		}
		div#saleevent h2{
			background:url(../img/index/title_saleeventbanner.png) no-repeat left center;
			height:35px;
			overflow:hidden;
			text-indent:-9877em;
			width:310px;
		}
		div#saleevent ul{
			padding:15px;
			padding-top:5px;
			height:130px;
			overflow:hidden;
			width:280px;
		}
		div#saleevent ul li{
			height:70px;
			margin-bottom:5px;
			width:137px;
		}
		
			/*banner(システム箇所)*/
			
			li#banner01{
				float:left;
				margin-right:5px;
			}
			li#banner02{
				float:right;
			}
			li#banner03{
				clear:left;
				float:left;
				margin-right:5px;
			}
			li#banner04{
				clear:right;
				float:right;
			}
	
	/* recommend */

		div#recommend{
			background:url(../img/index/back_recommend.png) no-repeat left bottom;
			height:110px;
			margin-bottom:5px;
			position:relative;
			width:310px;
		}

		div#recommend h2{
			background:url(../img/index/title_recommend.png) no-repeat left;
			height:35px;
			overflow:hidden;
			text-indent:-9877em;
			width:310px;
		}
		div#recommend ul li.first{
			position:absolute;
			top:30px;
			left:5px;
		}
		div#recommend ul li.last{
			position:absolute;
			top:30px;
			right:5px;
		}

	/* fontsize */
	
		div#fontsize{
			height:40px;
			margin:0 auto;
			width:220px;
		}
		div#fontsize h2{
			background:url(../img/index/title_fontsize.png) no-repeat left center;
			float:left;
			height:40px;
			overflow:hidden;
			text-indent:-9877em;
			width:105px;
		}
		div#fontsize ul li{
			display:inline;
			float:left;
		}
		div#fontsize ul li.small{
			background:url(../img/index/btn_small.png) no-repeat left center;
			height:40px;
			overflow:hidden;
			text-indent:-9877em;
			width:35px;
		}
		div#fontsize ul li.small:hover{
			background:url(../img/index/btn_small_on.png) no-repeat left center;
		}
		div#fontsize ul li.small:active{
			background:url(../img/index/btn_small_on.png) no-repeat left center;
		}
		div#fontsize ul li.medium{
			background:url(../img/index/btn_medium.png) no-repeat left center;
			height:40px;
			overflow:hidden;
			text-indent:-9877em;
			width:35px;
		}
		div#fontsize ul li.medium:hover{
			background:url(../img/index/btn_medium_on.png) no-repeat left center;
		}
		div#fontsize ul li.medium:active{
			background:url(../img/index/btn_medium_on.png) no-repeat left center;
		}
		div#fontsize ul li.large{
			background:url(../img/index/btn_large.png) no-repeat left center;
			height:40px;
			overflow:hidden;
			text-indent:-9877em;
			width:45px;
		}
		div#fontsize ul li.large:hover{
			background:url(../img/index/btn_large_on.png) no-repeat left center;
		}
		div#fontsize ul li.large:active{
			background:url(../img/index/btn_large_on.png) no-repeat left center;
		}
	
/* container
----------------------------------------------------------------------------------------------------*/

div#container{
	margin:0 auto 20px;
	width:950px;
}
div#container:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
div#container{display:inline-block;}
html[xmlns] div#container{display:block;}
* html div#container{height:1%;}

/* column
----------------------------------------------------------------------------------------------------*/

div#column-left{
	float:left;
	width:410px;
}
div#column-right{
	float:right;
	width:530px;
}

/* column-left
----------------------------------------------------------------------------------------------------*/
	
	/* flyer */
	
	div#flyer{
		background:url(../img/index/back_flyer.gif) no-repeat bottom center;
		height:245px;
		margin-bottom:10px;
		position:relative;
		width:410px;
	}
	div#flyer h2{
		background:url(../img/index/title_flyer.gif) no-repeat;
		height:50px;
		overflow:hidden;
		text-indent:-9877em;
		width:410px;
	}

	/*btn*/
	
	div#flyer ul.btnarea{
		position:relative;
		text-align:left;/* IE6対策 */
	}
	div#flyer li{
		display:block;
		height:36px;
	}
	div#flyer li a{
		display:block;
		height:36px;
	}
		
		/*愛媛*/
		
			div#flyer li.btn-ehime{
			position:absolute;
			top:5px;
			left:15px;
				width:320px;
			}
			div#flyer li.btn-ehime a{
				background:url(../img/index/btn_ehime.gif) no-repeat;
				float:left;
				height:36px;
				width:82px;
			}
			div#flyer li.btn-ehime li{
				display:inline;
			}
			
				/*中東南予*/
				
					div#flyer li.btn-tyuyo,
					div#flyer li.btn-tyuyo a{
						width:78px;
					}
					div#flyer li.btn-tyuyo a{
						background:url(../img/index/btn_ehime-tyuyo.gif) no-repeat;
					}
					div#flyer li.btn-toyo,
					div#flyer li.btn-toyo a{
						width:76px;
					}
					div#flyer li.btn-toyo a{
						background:url(../img/index/btn_ehime-toyo.gif) no-repeat;
					}
					div#flyer li.btn-nanyo,
					div#flyer li.btn-nanyo a{
						width:83px;
					}
					div#flyer li.btn-nanyo a{
						background:url(../img/index/btn_ehime-nanyo.gif) no-repeat;
					}
	
		/*香川*/
		
			div#flyer li.btn-kagawa{
				position:absolute;
				top:41px;
				left:15px;
				width:90px;
			}
			div#flyer li.btn-kagawa a{
				background:url(../img/index/btn_kagawa.gif) no-repeat;
			}
		
		/* 徳島 */
		
			div#flyer li.btn-tokushima{
				position:absolute;
				top:41px;
				left:105px;
				width:90px;
			}
			div#flyer li.btn-tokushima a{
				background:url(../img/index/btn_tokushima.gif) no-repeat;
			}
		
		/*高知*/
		
			div#flyer li.btn-kochi{
				position:absolute;
				top:41px;
				left:195px;
				width:90px;
			}
			div#flyer li.btn-kochi a{
				background:url(../img/index/btn_kochi.gif) no-repeat;
			}
		
		/* 広島 */
		
			div#flyer li.btn-hiroshima{
				position:absolute;
				top:77px;
				left:15px;
				width:90px;
			}
			div#flyer li.btn-hiroshima a{
				background:url(../img/index/btn_hiroshima.gif) no-repeat;
		}
		
		/* 山口 */
		
			div#flyer li.btn-yamaguchi{
				position:absolute;
				top:113px;
				left:15px;
				width:90px;
			}
			div#flyer li.btn-yamaguchi a{
				background:url(../img/index/btn_yamaguchi.gif) no-repeat;
			}

	/* storesite 20110928追記 */
	
		div#storesite{
			background:url(../img/index/back_storesite.png) no-repeat;
			height:150px;
			margin-bottom:10px;
			position:relative;
			width:410px;
		}
		div#storesite h2{
			display:none;
		}
		
		
		div#storesite div{
			position:absolute;
			top:45px;
			left:30px;
		}

	/* storeinfo */
	
	div#storeinfo{
		background:url(../img/index/back_storeinfo-body.gif) repeat-y;
		width:410px;
	}
	div#storeinfo h2#title_sotreinfo{
		background:url(../img/index/title_storeinfo.gif) no-repeat  #FFFFFF;
		overflow:hidden;
		text-indent:-9877em;
		height:50px;
		width:410px;
	}
	
	/* btn */
	
	div#storeinfo ul{
		background:url(../img/index/back_btn-storeinfo.gif) no-repeat #FFFFFF;
		height:80px;
		position:relative;
		width:410px;
	}
	div#storeinfo ul li{
		overflow:hidden;
		text-indent:-9877em;
	}
	div#storeinfo ul li,
	div#storeinfo ul li a{
		display:block;
		height:26px;
		width:80px;
	}
		
			/*愛媛*/
			
				div#storeinfo ul li.btn-ehime{
					position:absolute;
					top:0;
					left:20px;
				}
			
			/*香川*/
			
				div#storeinfo ul li.btn-kagawa{
					position:absolute;
					top:0;
					left:110px;
				}
			
			/*高知*/
			
				div#storeinfo ul li.btn-kochi{
					position:absolute;
					top:36px;
					left:20px;
				}
			
			/* 徳島 */
			
				div#storeinfo ul li.btn-tokushima{
					position:absolute;
					top:0;
					left:200px;
				}
			
			/* 広島 */
			
				div#storeinfo ul li.btn-hiroshima{
					position:absolute;
					top:36px;
					left:110px;
				}
			
			/* 山口 */
			
				div#storeinfo ul li.btn-yamaguchi{
					position:absolute;
					top:36px;
					left:200px;
				}
				
	/* eventnews */
	
	div#eventnews{
		background:url(../img/index/back_storinfo-footer.gif) no-repeat bottom;
		padding:0 30px 35px;
		position:relative;
		width:350px;
	}
	div#eventnews h2{
		/*background:url(../img/index/title_event.gif) no-repeat;*/
		background:url(../img/index/title_pickupevent.gif) no-repeat;
		height:20px;
		margin-bottom:1em;
		overflow:hidden;
		text-indent:-9877em;
		width:100%;
	}
	div#eventnews div{
		border-bottom:1px #CCCCCC solid;
		clear:both;
		min-height:80px;
		margin-bottom:1em;
		padding-bottom:1em;
	}
	div#eventnews div h3{
		font-weight:bold;
		font-size:140%;
		text-align:left;
	}
	div#eventnews div h3 a{
		color:#C40018;
	}
	div#eventnews div h3 a:visited{
		color:#999999;
	}
	div#eventnews img.photo{
		float:left;
		margin:0 10px 10px 0;
		width:120px;
	}
	div#eventnews a img.photo{
		border:1px #CCCCCC solid;
	}
	div#eventnews a:hover img.photo{
		border:1px #C40018 solid;
	}
	div#eventnews div p{
		line-height:1.6;
		text-align:justify;
		text-justify:inter-ideograph;
 	}
	div#eventnews div p.storename{
		background:#333399;
		color:#FFFFFF;
		font-size:90%;
		letter-spacing:0.2em;
		padding:0.2em 0.3em;
		margin-left:130px;
 	}
	div#eventnews div p a{
		color:#333333;
 	}
	div#eventnews div p a:visited{
		color:#999999;
 	}
	div#eventnews div p.date{
		font-size:80%;
 	}
	div#eventnews p.rss{
		text-align:left;
		position:absolute;
		top:0;
		right:30px;
 	}
	div#eventnews p.rss a{
		background:url(../img/index/btn_rss.gif) no-repeat;
		display:inline-block;
		height:21px;
		width:45px;
	}
	div#eventnews p.rss a:hover{
		background:url(../img/index/btn_rss_on.gif) no-repeat;
	}
	
/* column-right
----------------------------------------------------------------------------------------------------*/

/* インフォメーションバナー */

div#info{
	width:520px;
	margin-bottom:5px;
	padding-top:15px;
	padding-left:5px;
}

/* 新着情報・ニュースリリース・ネットショップ */

	div#information{
		margin-bottom:10px;
		padding-top:10px;
		width:530px;
	}
	div#information:after{
		height:0;
		visibility:hidden;
		content:".";
		display:block;
		clear:both;
	}
	div#information{display:inline-block;}
	html[xmlns] div#information{display:block;}
	* html div#information{height:1%;}

		/* 新着情報・ニュースリリース */
	
		div#WNarea{
			float:left;
			width:260px;
		}
		
		/*切り替え用ナビゲーション*/
		
		div#WNarea ul{
			display:block;
			text-align:left;
			margin:0;
		}
		div#WNarea ul li{
			display:block;
			float:left;
			height:35px;
		}
		div#WNarea .tab01 a{
			background:url(../img/index/btn_new.gif) no-repeat;
			display:inline-block;
			height:35px;
			width:107px;
		}
		div#WNarea .tab01 a:hover{
			background:url(../img/index/btn_new_on.gif) no-repeat;
		}
		div#WNarea .tab01 a.active{
			background:url(../img/index/btn_new_on.gif) no-repeat;
		}
		div#WNarea .tab02 a{
			background:url(../img/index/btn_news.gif) no-repeat;
			display:inline-block;
			height:35px;
			width:128px;
		}
		div#WNarea .tab02 a:hover{
			background:url(../img/index/btn_news_on.gif) no-repeat;
		}
		div#WNarea .tab02 a.active{
			background:url(../img/index/btn_news_on.gif) no-repeat;
		}
		
		/* WhatsNew */
		
			div#WhatsNew a{
				color:#333333;
			}
			div#WhatsNew a:visited{
				color:#999999;
			}
		
			div#WhatsNew{
				background:url(../img/index/back_news-footer.gif) no-repeat bottom;
				padding-bottom:22px;
				width:260px;
			}
			div#WhatsNew h3{
				background:url(../img/index/back_news-head.gif) no-repeat;
				clear:left;
				height:18px;
				overflow:hidden;
				text-indent:-9877em;
				width:260px;
			}
			div#WhatsNew div{
				background:url(../img/index/back_news-body.gif) repeat-y;
				margin:0 auto;
				padding:0 20px;
				width:220px;
			}
			
				/*(システム箇所)*/
				
				div#WhatsNew dl{
					height:300px;/*←高さ制御はここ*/
					margin:0 auto;
					overflow:auto;
					width:220px;
				}
				div#WhatsNew dl dt{
					line-height:1.6;
					padding-top:0.5em;
					text-align:left;
				}
				div#WhatsNew dl dt img{
					margin-right:0.5em;
					vertical-align:middle;
				}
				div#WhatsNew dl dd{
					border-bottom:1px #CCCCCC solid;
					padding-bottom:0.5em;
					line-height:1.6;
					text-align:left;
				}
	
		/* News */
	
			div#News a{
				color:#333333;
			}
			div#News a:visited{
				color:#999999;
			}
		
			div#News{
				background:url(../img/index/back_news-footer.gif) no-repeat bottom;
				padding-bottom:22px;
				width:260px;
			}
			div#News h3{
				background:url(../img/index/back_news-head.gif) no-repeat;
				clear:left;
				height:18px;
				overflow:hidden;
				text-indent:-9877em;
				width:260px;
			}
			div#News div{
				background:url(../img/index/back_news-body.gif) repeat-y;
				margin:0 auto;
				padding:0 20px;
				width:220px;
			}
			
				/*(システム箇所)*/
			
				div#News dl{
					height:300px;/*←高さ制御はここ*/
					margin:0 auto;
					overflow:auto;
					width:220px;
				}
				div#News dl dt{
					line-height:1.6;
					padding-top:0.5em;
					text-align:left;
				}
				div#News dl dt img{
					margin-right:0.5em;
					vertical-align:middle;
				}
				div#News dl dd{
					border-bottom:1px #CCCCCC solid;
					padding-bottom:0.5em;
					line-height:1.6;
					text-align:left;
				}
				div#News dl dd a.pdf{
					background:url(../img/common/icon_pdf.gif) no-repeat left 0;
					display:inline;
					padding-left:20px;
				}

		/* ネットショップ */
		
			div#netshop{
				background:url(../img/index/back_netshop.gif) no-repeat;
				float:right;
				height:375px;
				width:260px;
			}
			div#netshop h2{
				height:80px;
				overflow:hidden;
				text-indent:-9877em;
				width:260px;
			}
			div#netshop h3{
				background:url(../img/index/title_pickup.gif) no-repeat left center;
				height:21px;
				margin:0 auto;
				margin-bottom:10px;
				overflow:hidden;
				text-indent:-9877em;
				width:220px;
			}
			div#netshop div#itemarea{
				height:170px;/*高さ調節*/
				margin:0 auto 10px;
				overflow:auto;
				width:210px;
			}
			div#netshop div#itemarea div{
				border-bottom:1px #CCCCCC dotted;
				clear:both;
				margin-bottom:10px;
				padding-bottom:10px;
			}
			div#netshop div a{
				color:#333333;
			}
			div#netshop div a:visited{
				color:#999999;
			}
			div#netshop div h4{
				font-size:120%;
				font-weight:bold;
				margin-bottom:10px;
				text-align:left;
			}
			div#netshop div h4 a img {
				border:1px #FFDE43 solid;
			}
			div#netshop div h4 a:visited img{
				border:1px #CCCCCC solid;
			}
			div#netshop div h4 img{
				float:left;
				margin:0 10px 10px 0;
			}
			div#netshop div p{
				font-size:80%;
				text-align:right;
			}
	
/* 下部バナーエリア・その他 */

	div#othercontents{
		width:530px;
	}
	div#othercontents:after{
		height:0;
		visibility:hidden;
		content:".";
		display:block;
		clear:both;
	}
	div#othercontents{display:inline-block;}
	html[xmlns] div#othercontents{display:block;}
	* html div#othercontents{height:1%;}
	
	/* bannerlist */
	
		div#bannerlist{
			float:left;
			position:relative;
			text-align:left;
			width:310px;
		}
		div#bannerlist li{
			display:inline;
		}

	/* otherarea */
	
		div#otherarea{
			float:right;
			padding-right:5px;
			width:200px;
		}

	/* mobile */

		div#mobile{
			background:url(../img/index/back_mobile-footer.gif) no-repeat bottom;
			padding-top:5px;
			padding-bottom:15px;
			width:200px;
		}
		div#mobile div{
			background:url(../img/index/back_other-body.gif) repeat-y;
		}
		div#mobile div:after{
			height:0;
			visibility:hidden;
			content:".";
			display:block;
			clear:both;
		}
		div#mobile div{display:inline-block;}
		html[xmlns] div#mobile div{display:block;}
		* html div#mobile div{height:1%;}
		
		div#mobile h3{
			background:url(../img/index/title_mobile.gif) no-repeat;
			height:45px;
			overflow:hidden;
			text-indent:-9877em;
			width:200px;
		}
		div#mobile h4{
			background:url(../img/index/back_other-body.gif) repeat-y;
			clear:both;
			line-height:1.6;
			letter-spacing:0.1em;
			padding:0 15px;
			text-align:justify;
			text-justify:inter-ideograph;
		}
		div#mobile p{
			padding:0 15px;
			line-height:1.6;
			letter-spacing:0.1em;
			text-align:justify;
			text-justify:inter-ideograph;
		}
		div#mobile p.url{
			background:#999999;
			color:#FFFFFF;
			font-size:80%;
			padding:5px;
			margin:0.5em 15px 0;
			text-align:center;
		}
		div#mobile a{
			background:url(../img/common/arrow_RS12.gif) no-repeat left top;
			color:#333333;
			padding-left:20px;
		}
		div#mobile img{
			float:left;
			margin:0 10px 10px 0;
		}
	
	/* corporation */
	
		div#corporation{
			width:200px;
		}
		div#corporation h3{
			display:none;
		}
		div#corporation p a{
			background:url(../img/index/banner_fuji.gif) repeat;
			display:inline-block;
			height:85px;
			width:200px;
		}
	
	/* links */
	
		div#links{
			background:url(../img/index/back_other-footer.gif) no-repeat bottom;
			padding-bottom:10px;
			margin-bottom:10px;
			width:200px;
		}
		div#links div{
			background:url(../img/index/back_other-body.gif) repeat-y;
			width:200px;
		}
		div#links h3:first-child{
			background:url(../img/index/back_other-header.gif) no-repeat;
			padding-top:10px;
		}
		div#links h3{
			font-weight:bold;
			line-height:1.6;
			margin-bottom:0.5em;
			padding:0 10px;
			text-align:left;
		}
		div#links a{
			color:#333333;
		}
		div#links a:visited{
			color:#999999;
		}
		div#links h3 a{
			background:url(../img/common/arrow_RS14.gif) no-repeat left center;
			padding-left:24px;
			text-decoration:none;
		}
		div#links p{
			border-bottom:1px #CCCCCC solid;
			line-height:1.6;
			margin:0 auto;
			margin-bottom:0.5em;
			padding-bottom:0.5em;
			text-align:justify;
			text-justify:inter-ideograph;
			width:180px;
		}
		div#links p.last{
			margin-bottom:0;
		}