/* CSS Document */



#onomichi{
	width:800px;
	margin:0 auto;
	padding-bottom:20px;
	outline: none;
	color: #FFF;
	background-color: #FFF;
}



.contents_back {
	width: 800px;
	margin: 0px auto;
	background-repeat: repeat-y;
}


.hide{
	display:none;
}

.bold{
	font-size:130%;
	font-weight:bold;
	line-height:1.7;
}

.bold2{
	font-size:110%;
	font-weight:bold;
	line-height:1.6;
}

.red{
	color:#C00;
}
.green{
	color:#CFC;
}
.blue{
	color:#2E4185;
}
.sky{
	color:#B3D9FF;
}
.pink{
	color:#FBD;
}
.aqua {
	color:#CFF;
}
.pastelgreen {
	color:#CFC;
}

.ctxt {
	text-align:center;
}
.rtxt {
	text-align:right;
}
.yellow{
	color:#FF9;
}


.title_upper{
	width:800px;
	height:260px;
	background:url(top_img_upper.jpg) no-repeat;
	text-indent:-9999px;
}

.title_middle{
	position:relative;
	width:800px;
	height:260px;
	background:url(top_img_middle.jpg) no-repeat;
}

.title_under{
	position:relative;
	width:800px;
	height:280px;
	background:url(top_img_under.jpg) no-repeat;
}


.title_upper_np{
	width:800px;
	height:260px;
	background:url(top_img_upper_np.jpg) no-repeat;
	text-indent:-9999px;
}

.title_middle_np{
	position:relative;
	width:800px;
	height:260px;
	background:url(top_img_middle_np.jpg) no-repeat;
}

.title_under_np{
	position:relative;
	width:800px;
	height:280px;
	background:url(top_img_under_np.jpg) no-repeat;
}


.upper_nivi{
	width:800px;
	height:95px;
	list-style:none;
	background-repeat: no-repeat;
	background-image: url(upper_naviback.jpg);
}

.upper_nivi li{
	float:left;
	margin-left:4px;
	margin-top:3px;
}

.upper_nivi01{
	display:block;
	width:195px;
	height:92px;
	background:url(upper_navi01_off.jpg) no-repeat;
	text-indent:-9999px;
}

.upper_nivi01:hover{
	background:url(upper_navi01_on.jpg) no-repeat;
}

.upper_nivi01_active{
	display:block;
	width:195px;
	height:92px;
	background:url(upper_navi01_on.jpg) no-repeat;
	text-indent:-9999px;
}

.upper_nivi02{
	display:block;
	width:195px;
	height:92px;
	background:url(upper_navi02_off.jpg) no-repeat;
	text-indent:-9999px;
}

.upper_nivi02:hover{
	background:url(upper_navi02_on.jpg) no-repeat;
}

.upper_nivi02_active{
	display:block;
	width:195px;
	height:92px;
	background:url(upper_navi02_on.jpg) no-repeat;
	text-indent:-9999px;
}

.upper_nivi03{
	display:block;
	width:195px;
	height:92px;
	background:url(upper_navi03_off.jpg) no-repeat;
	text-indent:-9999px;
}

.upper_nivi03:hover{
	background:url(upper_navi03_on.jpg) no-repeat;
}

.upper_nivi03_active{
	display:block;
	width:195px;
	height:92px;
	background:url(upper_navi03_on.jpg) no-repeat;
	text-indent:-9999px;
}


.under_nivi{
	width:800px;
	height:94px;
	list-style:none;
	background-image: url(under_naviback.jpg);
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.under_nivi li{
	float:left;
	margin-left:4px;
}

.under_nivi01{
	display:block;
	width:261px;
	height:72px;
	background:url(under_navi01_off.jpg) no-repeat;
	text-indent:-9999px;
}

.under_nivi01:hover{
	background:url(under_navi01_on.jpg) no-repeat;
}

.under_nivi01_active{
	display:block;
	width:261px;
	height:72px;
	background:url(under_navi01_on.jpg) no-repeat;
	text-indent:-9999px;
}

.under_nivi02{
	display:block;
	width:260px;
	height:72px;
	background:url(under_navi02_off.jpg) no-repeat;
	text-indent:-9999px;
}

.under_nivi02:hover{
	background:url(under_navi02_on.jpg) no-repeat;
}

.under_nivi02_active{
	display:block;
	width:260px;
	height:72px;
	background:url(under_navi02_on.jpg) no-repeat;
	text-indent:-9999px;
}

.under_nivi03{
	display:block;
	width:261px;
	height:72px;
	background:url(under_navi03_off.jpg) no-repeat;
	text-indent:-9999px;
}

.under_nivi03:hover{
	background:url(under_navi03_on.jpg) no-repeat;
}

.under_nivi03_active{
	display:block;
	width:261px;
	height:72px;
	background:url(under_navi03_on.jpg) no-repeat;
	text-indent:-9999px;
}


.sec_underbox{
	width:750px;
	height:200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top:20px;
	padding-left: 0;
	background-size:contain;
	background-repeat: repeat-x;
	background-color: #FFF;
}

.pre_title{
	width:720px;
	height:80px;
	text-indent:-9999px;
	background:url(pre_title.jpg) no-repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
}

.preintro{
	margin-bottom:15px;
	text-align:center;
	font-size:16px;
	color:#000;
	font-weight:bold;
	padding-top: 0px;
}

.pre_shoplist{
	text-align:center;
	font-size:15px;
	color:#000;
	font-weight:bold;
}

.pre_shoplist_link{
	height:40px;
	padding-left:25px;
	background:url(mushimegane.png) no-repeat left 4px;
	margin:15px 0 0 420px;
}

.pre_shoplist_link a{
	font-size:15px;
	color:#C00;
	line-height:1.8;
	font-weight:bold;
}

.pre_shoplist_link a:hover{
	text-decoration:none;
}

.linkindent{
	display:inline-block;
	background:url(linkindent.gif) no-repeat left center;
	padding-left:15px;
	color:#FF0;
	line-height:1.8;
}

.center_link a:hover{
	text-decoration:none;
}

/* page01 */
.p01_sec01{
	width:800px;
	height:368px;
	background:url(1.jpg) no-repeat;
}


.p01_sec02{
	width:800px;
	height:290px;
	background:url(2.jpg) no-repeat;
}


.p01_sec03{
	width:800px;
	height:259px;
	background:url(3.jpg) no-repeat;

}


.p01_sec04 {
	width:800px;
	height:259px;
    background:url(4.jpg) no-repeat;

}

.p01_sec05 {
	width:800px;
	height:373px;
    background:url(5.jpg) no-repeat;
}


.p01_sec06 {
	width:800px;
	height:551px;
    background:url(6.jpg) no-repeat;
}

.p01_sec07 {
	width:800px;
	height:379px;
    background:url(7.jpg) no-repeat;
}



/* page03 */
.p03_sec01 {
	width:800px;
	height:851px;
	background:url(p3_01.jpg) no-repeat;
	position:relative;
}

.p03_sec02 {
	width:800px;
	height:320px;
	background:url(p3_02.jpg) no-repeat;
	position:relative;
}


.p03_sec03 {
	width:800px;
	height:535px;
	background:url(p3_03.jpg) no-repeat;
	position:relative;
}

.p03_sec04 {
	width:800px;
	height:365px;
	background:url(p3_04.jpg) no-repeat;
	position:relative;
}


.spec01{
	width:160px;
	position:absolute;
	top:180px;
	left:45px;
	font-size:14px;
	color:#00226D;
	line-height:1.1;
}

.spec02{
	width:170px;
	position:absolute;
	top:175px;
	left:588px;
	font-size:14px;
	color:#00226D;
	line-height:1.1;
}

.spec03{
	width:160px;
	position:absolute;
	top:440px;
	left:43px;
	font-size:13px;
	color:#00226D;
	line-height:1.1;
}

.spec04{
	width:160px;
	position:absolute;
	top:425px;
	left:595px;
	font-size:13px;
	color:#00226D;
	line-height:1.1;
}

.spec05{
	width:160px;
	position:absolute;
	top:730px;
	left:45px;
	font-size:13px;
	color:#00226D;
	line-height:1.1;
}

.spec06{
	width:170px;
	position:absolute;
	top:672px;
	left:590px;
	font-size:13px;
	color:#00226D;
	line-height:1.1;
}

.p3_sec02_text{
	width:600px;
	position:absolute;
	top:80px;
	left:45px;
	font-size:15px;
	color:#00226D;
	line-height:1.4;
}



/*page02*/

.p02_sec01 {
	background:url(p2_01.jpg) no-repeat;
	width:800px;
	height:575px;
	
}


.p02_sec02 {
	width:800px;
	height:323px;
	background:url(p2_02.jpg) no-repeat;
}



.p02_sec03 {
	width:800px;
	height:272px;
	background:url(p2_03.jpg) no-repeat;
}


.p02_sec04 {
	width:800px;
	height:542px;
	background:url(p2_04.jpg) no-repeat;
	background-position: bottom;
}


.p02_sec05 {
	width:800px;
	height:359px;
	background:url(p2_05.jpg) no-repeat;
	background-position: bottom;
}

.p02_sec01_text{
	color:#000;
	width:420px;
    font-size:14.5px;
	line-height:1.4;
	position:relative;
	top:170px;
	left:190px;
}

.p02_sec02_text_left{
	color:#FFF;
	width:180px;
    font-size:10px;
	line-height:1.4;
	position:relative;
	top:205px;
	left:45px;
}	

.p02_sec02_text_right{
	color:#000;
	width:500px;
    font-size:14px;
	line-height:1.6;
	position:relative;
	top:-10px;
	left:255px;
}	

.p02_sec03_text_left{
	color:#000;
	width:330px;
    font-size:13px;
	line-height:1.2;
	position:relative;
	top:100px;
	left:45px;
}	

.p02_sec03_text_right{
	color:#FFF;
	width:240px;
    font-size:14px;
	line-height:1.5;
	position:relative;
	top:-30px;
	left:410px;
}	


/*動画アップ後*/
a.premovie_bn {
	background: url(premovie_bn.png) no-repeat;
	width: 750px;
	height: 495px;
	display: block;
	text-indent: -9999px;
	margin: 0 auto;
}
a.movie_bn {
	background: url(movie_bn.png) no-repeat;
	width: 750px;
	height: 495px;
	margin: 0px auto 50px;
	display: block;
	text-indent: -9999px;
}



.upper_nivi00_tab4{
	display:block;
	width:195px;
	height:92px;
	background:url(upper_navi00_tab4_off.jpg) no-repeat;
	text-indent:-9999px;
}

.upper_nivi00_tab4:hover{
	background:url(upper_navi00_tab4_on.jpg) no-repeat;
}


.upper_nivi01_tab4{
	display:block;
	width:195px;
	height:92px;
	background:url(upper_navi01_tab4_off.jpg) no-repeat;
	text-indent:-9999px;
}

.upper_nivi01_tab4:hover{
	background:url(upper_navi01_tab4_on.jpg) no-repeat;
}

.upper_nivi01_tab4_active{
	display:block;
	width:195px;
	height:92px;
	background:url(upper_navi01_tab4_on.jpg) no-repeat;
	text-indent:-9999px;
}

.upper_nivi02_tab4{
	display:block;
	width:195px;
	height:92px;
	background:url(upper_navi02_tab4_off.jpg) no-repeat;
	text-indent:-9999px;
}

.upper_nivi02_tab4:hover{
	background:url(upper_navi02_tab4_on.jpg) no-repeat;
}

.upper_nivi02_tab4_active{
	display:block;
	width:195px;
	height:92px;
	background:url(upper_navi02_tab4_on.jpg) no-repeat;
	text-indent:-9999px;
}

.upper_nivi03_tab4{
	display:block;
	width:195px;
	height:92px;
	background:url(upper_navi03_tab4_off.jpg) no-repeat;
	text-indent:-9999px;
}

.upper_nivi03_tab4:hover{
	background:url(upper_navi03_tab4_on.jpg) no-repeat;
}

.upper_nivi03_tab4_active{
	display:block;
	width:195px;
	height:92px;
	background:url(upper_navi03_tab4_on.jpg) no-repeat;
	text-indent:-9999px;
}

.under_nivi00_tab4{
	display:block;
	width:195px;
	height:72px;
	background:url(under_navi00_tab4_off.jpg) no-repeat;
	text-indent:-9999px;
}

.under_nivi00_tab4:hover{
	background:url(under_navi00_tab4_on.jpg) no-repeat;
}

.under_nivi01_tab4{
	display:block;
	width:195px;
	height:72px;
	background:url(under_navi01_tab4_off.jpg) no-repeat;
	text-indent:-9999px;
}

.under_nivi01_tab4:hover{
	background:url(under_navi01_tab4_on.jpg) no-repeat;
}

.under_nivi01_tab4_active{
	display:block;
	width:195px;
	height:72px;
	background:url(under_navi01_tab4_on.jpg) no-repeat;
	text-indent:-9999px;
}

.under_nivi02_tab4{
	display:block;
	width:195px;
	height:72px;
	background:url(under_navi02_tab4_off.jpg) no-repeat;
	text-indent:-9999px;
}

.under_nivi02_tab4:hover{
	background:url(under_navi02_tab4_on.jpg) no-repeat;
}

.under_nivi02_tab4_active{
	display:block;
	width:195px;
	height:72px;
	background:url(under_navi02_tab4_on.jpg) no-repeat;
	text-indent:-9999px;
}

.under_nivi03_tab4{
	display:block;
	width:195px;
	height:72px;
	background:url(under_navi03_tab4_off.jpg) no-repeat;
	text-indent:-9999px;
}

.under_nivi03_tab4:hover{
	background:url(under_navi03_tab4_on.jpg) no-repeat;
}

.under_nivi03_tab4_active{
	display:block;
	width:195px;
	height:72px;
	background:url(under_navi03_tab4_on.jpg) no-repeat;
	text-indent:-9999px;
}


/*本告知*/
.alle{
	background: url(allergen.png) no-repeat;
	width: 162px;
	height: 55px;
	text-indent: -9999px;
	display: block;
	position:absolute;
	top: 205px;
	left: 625px;
}

.download{
	display:block;
	float:left;
	width:361px;
	height:182px;
	background:url(download.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;

	behavior: expression(IEPNGFIX.fix(this));
	margin-left:12px;
	margin-top:0px;
}

.enquete{
	display:block;
	float:right;
	width:361px;
	height:182px;
	background:url(enqute.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;

	behavior: expression(IEPNGFIX.fix(this));
	margin-right:12px;
	margin-top:0px;
}

.yellow{
	color:#FF6;
	font-size:19px;
	font-weight:bold;
}
.upper_nivi li{
	float:left;
	margin-right:0px;
}
.under_nivi li{
	float:left;
	margin-right:0px;
}

