@charset "Shift_JIS"; 

/* ベーシックCSS　若生商店
-------------------------------------------------------------------------------- */
*{
	padding: 0;
	margin: 0;
	font-family:"ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-size:100%;
	font-style: normal;
	text-decoration: none;
	list-style-type:none;
}
html {
	margin:0;
	padding:0;
}
body {
	margin:0;
	padding:0;
	text-align:left;
	font-size:75%;
	line-height:1.3;
	background-image:none;
}
img {
	border:0;
	margin:0;
	padding:0;
	vertical-align: bottom;
}
h1, h2, h3, h4, h5, h6, p, img, ul, li, div, dl, dt, dd {
	margin:0;
	padding:0;
}
h1, h2, h3, h4 {
	clear:both;
}
/* フロート解除用 */
.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix{
  zoom:1;
}
a:hover {
	text-decoration:underline;
}
a, a:hover, a:link, a:visited {
	color:#000000;
}
.popup_img {
	margin:10px 0 0 0;
}
.popup_img .left {
	margin:0 15px 0 76px;
}
.close {
	width:600px;
	height:148px;
	background:url(../img/img-pop1/pop_bg2.jpg) no-repeat left bottom;
}
.close18 {
	width:600px;
	height:148px;
	background:url(../img/img-pop18/pop_bg2.jpg) no-repeat left bottom;
}
.close div {
	width:80px;
	height:18px;
	margin:0;
	padding:0;
	position:relative;
	left:260px;
	top:95px;
}
.close18 div {
	width:80px;
	height:18px;
	margin:0;
	padding:0;
	position:relative;
	left:260px;
	top:95px;
}
.close2 {
	margin:20px auto 10px auto;
	text-align:center;
}
.close2 div {
	margin:0 auto;
	text-align:center;
}
.leftimg {
	margin-left:351px;
}
/* ロールオーバー */
.pop_over {
	width:80px;
	height:18px;
	overflow:hidden;
	margin-bottom:10px;
}
.pop_over img {
	visibility:hidden;
}
.pop_over a {
	display:block;
	background-position:0 0;
	background:url(../img/img-pop1/pop_over.jpg);
}
.pop_over a:hover {
	background-position:0 -18px;
}
/* レイアウト
-------------------------------------------------------------------------------- */
/*[popup1-9用]*/
#popup_wrapper {
	width:600px;
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding:0;
	text-align:left;
}
.title {
	width:600px;
	height:115px;
	background:url(../img/img-pop1/pop_bg1.jpg) no-repeat left top;
}
.title18 {
	width:600px;
	height:115px;
	background:url(../img/img-pop18/pop_bg1.jpg) no-repeat left top;
}
#popup_wrapper2 {
	width:750px;
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align:left;
}
.title2 {
	width:750px;
	height:115px;
	background:url(../img/img-pop1/pop_bg1.jpg) no-repeat left top;
}
/*[popup10-14用]*/
#popup_wrapper3 {
	width:455px;
	padding:16px 0 0 0;
	margin: 0 auto;
	text-align:left;
}
#popup_wrapper3 h1{
margin:0 0 18px 17px;
}
#popup_wrapper3 p{
margin:0 0 0 17px;
}

#popup_wrapper3 h1.ml_10{
	margin-left: 10px;
}
#popup_wrapper3 p.ml_10{
	margin-left: 10px;
}

/*交通アクセス[近隣観光マップ用]*/
#popup_wrapper4 {
	width:700px;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding:0;
	text-align:left;
}
#popup_wrapper4 .pop2_over {
	width:170px;
	height:27px;
	overflow:hidden;
	margin:0px 0 0 530px;
}
#popup_wrapper4 .pop2_over img {
	visibility:hidden;
}
#popup_wrapper4 .pop2_over a {
	display:block;
	background-position:0 0;
	background:url(../img/img-access/access6.jpg);
}
#popup_wrapper4 .pop2_over a:hover {
	background-position:0 -27px;
}


#popup_wrapper2 p.open {
padding:0px 0 50px 0px;
clear:both;
}
/*ポップアップ23〜26　ジューンベリー春夏秋冬*/
#popup_wrapper5 {
	width:455px;
	padding:16px 0 0 0;
	margin: 0 auto;
	text-align:left;
}
#popup_wrapper5 h1{
margin:0 0 0 17px;
}
#popup_wrapper5 p{
margin:0 0 0 17px;
}
/*ポップアップ27〜30　ケヤキ春夏秋冬*/
#popup_wrapper6 {
	width:455px;
	padding:16px 0 0 0;
	margin: 0 auto;
	text-align:left;
}
#popup_wrapper6 h1{
margin:0 0 0 0px;
}
#popup_wrapper6 p{
margin:0 0 0 0px;
}

/* hタグ下のpタグ
-------------------------------------------------------------------------------- */
.h1_p {
	margin:25px 120px 10px 15px;
	font-size:100%;
}
.h2_p {
	width:570px;
	margin:15px 15px 20px 15px;
	padding:10px 50px 0 0;
	font-size:100%;
	border-top:solid 1px #dae4bc;
}
/* hタグ
-------------------------------------------------------------------------------- */
#popup_wrapper h1 {
	padding:25px 0 0 15px;
}
/* イメージ関係
-------------------------------------------------------------------------------- */
.imgcenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	text-align:center;
	clear:both;
}


/* アクセスページポップアップ
-------------------------------------------------------------------------------- */

.access h2 {
	margin:0 0 0 30px;
}

#popup2_wrapper {
	width:680px;
	margin:0;
	padding:0;
	text-align:left;
}
#popup2_wrapper .area {
	margin:0 10px;
}
/* メインナビゲーション */
.area .navi {
	width: 660px;
	height: 30px;
	overflow: hidden;
}
.area .navi1 img, .area .navi2 img, .area .navi3 img, .area .navi4 img {
	visibility: hidden;
	border:0;
}
.area .navi li {
	float:left;
}
.area .navi a, .area .navi a:link, .area .navi a:visited {
	display:block;
	background-position: 0px 0px;
}
.area .navi a:hover {
	background-position: 0px -30px;
}
.area .navi1 a {
	background:url(../img/img-access/pop_navi1.jpg);
}
.area .navi2 a {
	background:url(../img/img-access/pop_navi2.jpg);
}
.area .navi3 a {
	background:url(../img/img-access/pop_navi3.jpg);
}
.area .navi4 a {
	background:url(../img/img-access/pop_navi4.jpg);
}
.area p {
	font-size:117%;
	margin:15px 0 15px 0;
}
#popup2_wrapper h1 {
	padding:25px 0 0 0;
}
.area .font_detail {
	font-size:100%;
}
/* ロールオーバー */
.area .pop2_over {
	width:170px;
	height:27px;
	overflow:hidden;
	margin:8px 0 0 485px;
}
.area .pop2_over img {
	visibility:hidden;
}
.area .pop2_over a {
	display:block;
	background-position:0 0;
	background:url(../img/img-access/access6.jpg);
}
.area .pop2_over a:hover {
	background-position:0 -27px;
}
.caution {
	margin:40px 0 0 10px;
	background:url(../img/img-guide/caution2.gif) repeat-y;
}
.caution ul, .w498 {
	width:498px;
}
.caution ul li {
	padding:2px 0 6px 10px;
	margin:0 0 0 10px;
	font-size:117%;
	background:url(../img/img-guide/caution_icon.gif) no-repeat left top;
}
.caution ul li.w600 {
	width:580px;
}
.caution_title {
	width:107px;
	height:115px;
	position:relative;
	left:525px;
	top:0;
	margin-top:-100px;
}
/* ガイドマップページの印刷部分 */
/* ロールオーバー */
.gm {
	width:170px;
	height:27px;
	overflow:hidden;
	position:relative;
	top:-990px;
	left:560px;
	margin-top:-27px;
}
.gm img {
	visibility:hidden;
}
.gm a {
	display:block;
	background-position:0 0;
	background:url(../img/img-access/access6-02.jpg);
}
.gm a:hover {
	background-position:0 -27px;
}
.gm2 {
	position:relative;
	top:-1047px;
	left:561px;
}

.guide_map2 .gm2 a {
	display:block;
	background-position:0 0;
	background:url(../img/img-access/access6.jpg);
}



/* topページポップアップ
-------------------------------------------------------------------------------- */
dl.tree dt {
	margin:10px auto 0 auto;
	text-align:center;
	display:block;
}
dl.tree dt span{
	display:inline-table;
	padding:3px;
	border:solid 1px #dddddd;
}
dl.tree dd {
	text-align:center;
	margin:5px auto 0 auto;
	font-size:133%;
}
dl.tree .img_text1 {
	text-align:left;
	padding-left:10px;
	font-size:130%;
	margin:10px auto 0 auto;
}
dl.tree .img_text2 {
	text-align:left;
	padding-left:15px;
	font-size:115%;
	margin:10px auto 0 auto;
}

.prev_next {
	width:190px;
	margin:15px auto 0 auto;
}
/* ロールオーバー */
.prev_next p {
	width:83px;
	height:21px;
}
.prev_next p img {
	visibility:hidden;
}
.prev_next p a {
	display:block;
	background-position:0 0;
	background:url(../img/img-top/prev.gif);
}
.prev_next .left p a {
	background:url(../img/img-top/prev.gif);
}
.prev_next .right p a {
	background:url(../img/img-top/next.gif);
}
.prev_next p a:hover {
	background-position:0 -21px;
}
.prev_next .left {

	width:83px;
	float:left;
	display:inline;
}
.prev_next .right {
	width:83px;
	float:right;
}
#popup_wrapper3 ul li img {
	vertical-align:top;
}
#popup_wrapper3 .close {
	background-image:none;
}
/* ロールオーバー */
#popup_wrapper3 .gm {
	width:170px;
	height:27px;
	overflow:hidden;
	position:relative;
	top:-10px;
	left:480px;
	margin-top:-27px;
}
.gm img {
	visibility:hidden;
}
.gm a {
	display:block;
	background-position:0 0;
	background:url(../img/img-access/access6-02.jpg);
}
.gm a:hover {
	background-position:0 -27px;
}
/* ロールオーバー */
.link-wakaiki {
 height:105px;
 display: block;
 margin-top: 25px;
 margin-left: 110px;
 margin-bottom: 15px;
}
.link-wakaiki a {
 display:block;
 background-position:left top;
 background-image: url(../img/img-common/link-wakaiki.gif);
 background-repeat: no-repeat;
 width:380px;
 height:105px;
 text-indent: -10000px; 
}
.link-wakaiki a:hover {
 background-position:left bottom;
}


/* 10秒動画適用CSS */
.pop_movie #wrapper iframe {
	float: right;
	margin:25px 0 0 0;
}
.pop_movie #wrapper {
	text-align: left;
	margin: 0px 15px;
	padding: 0px;
	background:url(../img/img-pop_movie/bg_01.jpg) no-repeat 12px 202px;
	width: 660px;
	height: 800px;
}
.pop_movie #wrapper h1 {
	clear: none;
	padding:16px 0 0 0;
}
.pop_movie #wrapper h2 {
	clear: none;
	padding:14px 0 0 18px;
}
.pop_movie #wrapper p {
	clear: none;
	background:url(../img/img-pop_movie/btn_01.gif) no-repeat left 15px ;
	padding:30px 0 23px 60px;
	color:#CC0000;
	line-height:1.4;
	font-size:118%;
}
.pop_movie #wrapper ul {
	clear: none;
	padding:0 0 0 115px;
}
.pop_movie #wrapper ul li.no1{
	float:left;
	margin:72px 0 0 0;
	width:52px;
	height:52px;
}
.pop_movie #wrapper ul li.no2{
	float:left;
	margin:46px 0 0 0;
	width:52px;
	height:52px;
}
.pop_movie #wrapper ul.list {
	clear: both;
	padding:0;
}

.pop_movie #wrapper ul.list li.no3{
	float: right;
	width:158px;
	height:52px;
	margin: 70px 0 0 0;
}
.pop_movie #wrapper ul.list li.no4{
	float: right;
	width:220px;
	height:52px;
	margin: 165px 0 0 0;
}
.pop_movie #wrapper ul.list li.no5{
	float: right;
	width:150px;
	height:52px;
	margin: 155px 0 0 0;
}
.pop_movie #wrapper ul.list li.no6{
	width:52px;
	clear:both;
	height:52px;
	margin:0 0 0 420px;
	padding:55px 0 0 0;
}
.pop_movie #wrapper ul li a{
	background: url(../img/img-pop_movie/btn_02.gif) no-repeat left top;
	text-decoration:none;
	text-indent:-9999px;
	width:52px;
	height:52px;
	display:block;
	outline:none;
}
.pop_movie #wrapper ul li a:hover{
 background-position:left bottom;
}

.pop_movie #wrapper p.pop_over {
	clear: both;
	padding:130px 0 7px 295px;
	background:none;
}
.pop_movie #wrapper p.pop_over a {
	background:url(../img/img-pop_movie/pop_over.gif) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	display:block;
	width:71px;
	height:20;
	outline:none;
	}
.pop_movie #wrapper p.pop_over  a:hover{
	background-position:left bottom
	
}



.pop_fragrance #wrapper {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	background:url(../img/img-pop_fragrance/bg_01.jpg) no-repeat left top;
	background-size: 100%;
}
.pop_fragrance #wrapper p.btn {
	margin: 0px;
	padding: 76% 0px 16% 7%;
	text-align:  center;
}
.pop_fragrance #wrapper p.btn a{
	background: url(../img/img-pop_fragrance/btn_01.png) no-repeat left top;
	text-decoration:none;
	text-indent:-10000px;
	width:94px;
	height:27px;
	display:block;
	outline:none;
	text-align:  center;
	margin: 0 auto;
}


.pop_fragrance02 #wrapper {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	background:url(../img/img-pop_fragrance/bg_02.jpg) no-repeat left top;
	background-size: 100%;
}

.pop_fragrance02 #wrapper p.btn {
	margin: 0px;
	padding: 76% 0px 16% 7%;
}
.pop_fragrance02 #wrapper p.btn a{
	background: url(../img/img-pop_fragrance/btn_01.png) no-repeat left top;
	text-decoration:none;
	text-indent:-10000px;
	width:94px;
	height:27px;
	display:block;
	outline:none;
	text-align:  center;
	margin: 0 auto;
}




.pop_fragrance03 #wrapper {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	background:url(../img/img-pop_fragrance/bg_03.jpg) no-repeat left top;
	background-size: 100%;
}

.pop_fragrance03 #wrapper p.btn {
	margin: 0px;
	padding: 90% 0px 16% 7%;
}
.pop_fragrance03 #wrapper p.btn a{
	background: url(../img/img-pop_fragrance/btn_01.png) no-repeat left top;
	text-decoration:none;
	text-indent:-10000px;
	width:94px;
	height:27px;
	display:block;
	outline:none;
	text-align:  center;
	margin: 0 auto;
}







body.gallery_pop{
	background: url(../img/img-gallery_pop/bg_01.jpg) no-repeat center top;
}
.gallery_pop #gallery_wrapper {
	background: url(../img/img-gallery_pop/bg_02.jpg) no-repeat center bottom;
	margin: 0px;
	padding: 0px 0px 73px;
}

/* ロールオーバー */
.gallery_pop #gallery_wrapper .link-wakaiki{
 height:118px;
 display: block;
 margin: 25px 0 0 57px;
}
.gallery_pop #gallery_wrapper .link-wakaiki p{
 margin:0;
 padding: 0;
}
.gallery_pop #gallery_wrapper .link-wakaiki p a {
	display:block;
	width:490px;
	height:118px;
	text-indent: -10000px;
	background: url(../img/img-gallery_pop/btn_01.jpg) no-repeat left top;
}
.gallery_pop #gallery_wrapper .link-wakaiki p a:hover {
 background-position: right bottom;
}