@charset "utf-8";

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

/* スクリプトをONにしてください。
----------------------------------------------------------------------------------------------------*/

	div#JS{
		background:#EEEEEE;
		border:1px #CCCCCC solid;
		margin-bottom:20px;
		padding:10px;
	}
	div#JS h2{
		font-weight:bold;
		font-size:200%;
		margin-bottom:10px;
	}
	div#JS p{
		line-height:1.6;
		text-align:left;
	}


/* naviother
----------------------------------------------------------------------------------------------------*/

	div#naviother{
		background:url(../img/common/back_navi-shadow.gif) repeat-x bottom;
		margin-bottom:20px;
		width:100%;
	}
	
	div#naviother div{
		margin:0 auto;
		width:940px;
	}
	div#naviother div:after{
		height:0;
		visibility:hidden;
		content:".";
		display:block;
		clear:both;
	}
	div#naviother div{display:inline-block;}
	html[xmlns] div#naviother div{display:block;}
	* html div#naviother div{height:1%;}
	
	/* pan */
	
		div#naviother p#pan{
			text-align:left;
			float:left;
			width:75%;
		}
		div#naviother p#pan a{
			color:#C40018;
			margin-right:1em;
		}
	
	/* fontsize */
	
		/* fontsize */
		
			div#naviother div#fontsize{
				float:right;
				height:40px;
				margin-top:-10px;
				position:relative;
				width:210px;
			}
			div#fontsize h2{
				background:url(../img/common/title_fontsize.gif) no-repeat left center;
				height:40px;
				float:left;
				overflow:hidden;
				text-indent:-9877em;
				width:100px;
			}
			div#fontsize ul{
				display:block;
				float:right;
				width:110px;
			}
			div#fontsize ul li{
				display:block;
				float:left;
			}
			div#fontsize ul li.small{
				background:url(../img/common/btn_small.gif) no-repeat left center;
				height:40px;
				overflow:hidden;
				text-indent:-9877em;
				width:35px;
			}
			div#fontsize ul li.small:hover{
				background:url(../img/common/btn_small_on.gif) no-repeat left center;
			}
			div#fontsize ul li.small:active{
				background:url(../img/common/btn_small_on.gif) no-repeat left center;
			}
			div#fontsize ul li.medium{
				background:url(../img/common/btn_medium.gif) no-repeat left center;
				height:40px;
				overflow:hidden;
				text-indent:-9877em;
				width:35px;
			}
			div#fontsize ul li.medium:hover{
				background:url(../img/common/btn_medium_on.gif) no-repeat left center;
			}
			div#fontsize ul li.medium:active{
				background:url(../img/common/btn_medium_on.gif) no-repeat left center;
			}
			div#fontsize ul li.large{
				background:url(../img/common/btn_large.gif) no-repeat left center;
				height:40px;
				overflow:hidden;
				text-indent:-9877em;
				width:40px;
			}
			div#fontsize ul li.large:hover{
				background:url(../img/common/btn_large_on.gif) no-repeat left center;
			}
			div#fontsize ul li.large:active{
				background:url(../img/common/btn_large_on.gif) no-repeat left center;
			}

/* container
----------------------------------------------------------------------------------------------------*/

	div#container{
		margin:0 auto 30px;
		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%;}

/* column1
----------------------------------------------------------------------------------------------------*/

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

/* column2
----------------------------------------------------------------------------------------------------*/

	div#column2-left{
		float:left;
		width:190px;
	}

	div#column2-right{
		float:right;
		width:740px;
		padding-right:5px;
	}

/* column3
----------------------------------------------------------------------------------------------------*/

	div#column3-left{
		float:left;
		margin-right:15px;
		width:190px;
	}
	
	div#column3-center{
		float:left;
		width:580px;
	}
	
	div#column3-right{
		float:right;
		padding-right:5px;
		width:140px;
	}

/* メインカラムあれこれ
----------------------------------------------------------------------------------------------------*/

	/* 固定コンテンツタイトル */

	h1#title_page{
		/*背景に別途画像が付く。*/
		height:40px;
		overflow:hidden;
		text-indent:-9877em;
		width:580px;
	}

	/* メインイメージ */

	p#imgmain{
		margin-bottom:20px;
	}

/* サイドカラム
----------------------------------------------------------------------------------------------------*/

	/* チラシ情報 */
	
		div#side_flyer{
			background:url(../img/common/side-parts/back_side-flyer-footer.gif) no-repeat bottom;
			margin-top:-5px;
			margin-bottom:10px;
			padding-bottom:20px;
			position:relative;
			width:190px;
		}
		div#side_flyer h2{
			background:url(../img/common/side-parts/title_side-flyer.gif) no-repeat;
			height:50px;
			overflow:hidden;
			text-indent:-9877em;
			width:190px;
		}
		div#side_flyer p{
			background:url(../img/common/side-parts/back_side-flyer-body.gif) repeat-y top center;
		}
		
	/* 店舗情報 */
	
		div#side_storeinfo{
			background:url(../img/common/side-parts/back_side-storeinfo-footer.gif) no-repeat bottom;
			margin-bottom:10px;
			padding-bottom:30px;
			width:190px;
		}
		div#side_storeinfo h2{
			background:url(../img/common/side-parts/title_side-storeinfo.gif) no-repeat bottom;
			height:55px;
			overflow:hidden;
			text-indent:-9877em;
			width:190px;
		}
		div#side_storeinfo div{
			background:url(../img/common/side-parts/back_side-storeinfo-body.gif) repeat-y;
			padding:0 30px;
		}
		div#side_storeinfo div p.txt{
			font-size:80%;
			line-height:1.6;
			margin-bottom:10px;
			text-align: justify;
			text-justify: distribute-all-lines;
		}


	/* インフォメーション */
	
		div#side_news{
			background:url(../img/common/side-parts/back_side-news-bottom.gif) no-repeat bottom;
			margin-bottom:10px;
			padding-bottom:20px;
			width:190px;
		}
		
		div#side_news h2{
			background:url(../img/common/side-parts/title_side-news.gif) no-repeat;
			height:50px;
			width:190px;
		}
		div#side_news h2 a{
			display:block;
			height:50px;
			overflow:hidden;
			text-indent:-9877em;
			width:190px;
		}
		
		div#side_news ul{
			background:url(../img/common/side-parts/back_side-news-body.gif) repeat-y;
		}
		div#side_news ul li{
			line-height:1.6;
			padding:0 20px;
			text-align:left;
		}
		div#side_news ul li a{
			color:#333333;
		}
		div#side_news ul li a:visited{
			color:#999999;
		}

	/* 会社案内サイト */
	
		.go_to_cs{}

	/* フジのイチオシ！ */
	
		div#side_pickup{
			overflow:hidden;
			width:140px;
		}
		div#side_pickup h2{
			background:url(../img/common/side-parts/title_side-pickup.gif) no-repeat left;
			height:27px;
			margin-bottom:10px;
			overflow:hidden;
			text-indent:-9877em;
			width:190px;
		}
		div#side_pickup ul li{
			margin-bottom:10px;
		}