@charset "UTF-8";

#nanako{
background-color:#345048;
}





/* nanako/ */
#gnavi01 {
	visibility:visible;
}

/* なゝこのお話 */

#kokyu {
	margin: 20px 0;
}
#kokyu h4 {
height:42px;
background:url(../nanako/img/h4_kokyu.gif) no-repeat left top;
text-indent:-9999px;
}
#kokyu p {
margin-bottom: 1em;
}

p#nanakoP01{
height:20px;
background:url(../nanako/img/p01_01.gif) no-repeat left top;
text-indent:-9999px;
}
h3#nanakoH301{
height:48px;
background:url(../nanako/img/h3_01.gif) no-repeat left top;
text-indent:-9999px;
}
p#nanakoLead01{
height:44px;
background:url(../nanako/img/lead_01.gif) no-repeat left top;
text-indent:-9999px;
}
h4#nanakoH401{
height:32px;
background:url(../nanako/img/h4_01.gif) no-repeat left top;
text-indent:-9999px;
}
p.mainText{
padding:0 5px 0 4px;
}
p#nanako01P01{
padding-top:14px;
}
p#nanako01P02{
padding-top:20px;
}
ul#linkBtn{
width:470px;
margin:11px 57px 12px 37px;
list-style-type:none;
}
ul#linkBtn li{
float:left;
height:30px;
}
ul#linkBtn:after{
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 0px;
overflow: hidden;
}
ul#linkBtn li#kihon{
width:165px;
padding:0 123px 0 0;
}
ul#linkBtn li#iroai{
width:182px;
}
#toInquiry01{
text-align:center;
}
#toInquiry02{
margin:0 auto;
text-align:left;
width:22em;
padding:1px;
background-color:#345048;
border:2px solid #FFF;
color:#221815;
}
#toInquiry03{
padding:10px;
background-color:#FFF;
}
p#address{
margin-top:1em;
}
p#mail{
text-align:right;
}
p#mail a:link{
color:#003366;
}
p#mail a:visited{ color: #003366; text-decoration: underline; }
p#mail a:active{ color: #333;  }
p#mail a:hover{ color: #333;  }

#ohanashi{
width:545px;
margin:0 9px 0 10px;
}
#ohanashi:after{
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 0px;
overflow: hidden;
}
#ohanashiImage{
width:208px;
float:left;
margin:0 20px 0 0;
}
#ohanashiImage img{
/*padding:1px;
background-color:#FFF;*/
border:1px solid #FFF;
}
#ohanashiText{
width:317px;
float:right;
}
#ohanashiText p{
margin:0 0 1em 0;
}
p.dial{
padding-left:2.3em;
}
/* /なゝこのお話 */


/* なゝこのこだわり */
p#nanakoP02{
height:20px;
background:url(../nanako/img/p02.gif) no-repeat left top;
text-indent:-9999px;
}
h3#nanakoH302{
height:48px;
background:url(../nanako/img/h3_02.gif) no-repeat left top;
text-indent:-9999px;
}
p#nanakoLead02{
height:44px;
background:url(../nanako/img/lead_02.gif) no-repeat left top;
text-indent:-9999px;
}
.w559{
width:559px;
margin-right:5px;
}
.w559 ul{
list-style-type:none;
}
.w559 li{
margin-bottom:7px;
padding:9px 0 8px 48px;
font-size:16px;
}
li#kodawariList1{
background:url(../nanako/img/back_kodawariList1.gif) no-repeat left center;
}
li#kodawariList2{
background:url(../nanako/img/back_kodawariList2.gif) no-repeat left center;
}
li#kodawariList3{
background:url(../nanako/img/back_kodawariList3.gif) no-repeat left center;
}
li#kodawariList4{
background:url(../nanako/img/back_kodawariList4.gif) no-repeat left center;
}
li#kodawariList5{
background:url(../nanako/img/back_kodawariList5.gif) no-repeat left center;
}
li#kodawariList6{
background:url(../nanako/img/back_kodawariList6.gif) no-repeat left center;
}
li#kodawariList7{
background:url(../nanako/img/back_kodawariList7.gif) no-repeat left center;
}
.kodawariContents{
margin-top:14px;
}
.kodawariContents h4{
height:30px;
text-indent:-9999px;
}
.kodawariContents p{
margin-left:3px;
padding-bottom:1em;
}
#kodawariKouji{
background:url(../nanako/img/back_kodawari_kouji.jpg) no-repeat right top;
}
#kodawariKoubo{
background:url(../nanako/img/back_kodawari_koubo.jpg) no-repeat right top;
}
#kodawariYuki{
background:url(../nanako/img/back_kodawari_yuki.jpg) no-repeat right top;
}
#kodawariMizu{
background:url(../nanako/img/back_kodawari_mizu.jpg) no-repeat right top;
}
#kodawariKouji h4{
background:url(../nanako/img/h4_02_01.gif) no-repeat left top;
}
#kodawariKoubo h4{
background:url(../nanako/img/h4_02_02.gif) no-repeat left top;
}
#kodawariYuki h4{
background:url(../nanako/img/h4_02_03.gif) no-repeat left top;
}
#kodawariMizu h4{
background:url(../nanako/img/h4_02_04.gif) no-repeat left top;
}



/* /なゝこのこだわり */


/* なゝこができるまで */
h3#nanakoH303_01{
height:43px;
margin:20px 0 0 0;
background:url(../nanako/img/h3_03_01.gif) no-repeat left top;
text-indent:-9999px;
}
p#nanakoLead03_01{
height:73px;
background:url(../nanako/img/lead_03_01.gif) no-repeat left top;
text-indent:-9999px;
}
#nanakoHr03_01{
height:22px;
background:url(../nanako/img/line_gradation.gif) no-repeat left top;
}
ul.howtomakeMenu{
list-style-type:none;
width:432px;
/*margin:0 56px 0 76px;*/
margin:0 36px 0 76px;
}
ul.howtomakeMenu:after{
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 0px;
overflow: hidden;
}
ul.howtomakeMenu li{
float:left;
margin:0 20px 0 0;
}

#howtoContents{
width:549px;
margin:25px 12px 20px 3px;
}
h4#h4Howtomake1{
height:51px;
background:url(../nanako/img/h4_03_01.gif) no-repeat left top;
text-indent:-9999px;
}
h4#h4Howtomake2{
height:51px;
background:url(../nanako/img/h4_03_02.gif) no-repeat left top;
text-indent:-9999px;
}
h4#h4Howtomake3{
height:51px;
background:url(../nanako/img/h4_03_03.gif) no-repeat left top;
text-indent:-9999px;
}
#howtoContents h5{
margin:0 0 17px 20px;
height:20px;
}
h5#h5Howtomake1_1{
background:url(../nanako/img/h5_03_0101.gif) no-repeat left top;
text-indent:-9999px;
}
h5#h5Howtomake1_2{
background:url(../nanako/img/h5_03_0102.gif) no-repeat left top;
text-indent:-9999px;
}
h5#h5Howtomake1_3{
background:url(../nanako/img/h5_03_0103.gif) no-repeat left top;
text-indent:-9999px;
}
h5#h5Howtomake2_1{
background:url(../nanako/img/h5_03_0201.gif) no-repeat left top;
text-indent:-9999px;
}
h5#h5Howtomake2_2{
background:url(../nanako/img/h5_03_0202.gif) no-repeat left top;
text-indent:-9999px;
}
h5#h5Howtomake2_3{
background:url(../nanako/img/h5_03_0203.gif) no-repeat left top;
text-indent:-9999px;
}
h5#h5Howtomake3{
height:67px;
background:url(../nanako/img/h5_03_03.gif) no-repeat right top;
text-indent:-9999px;
}
.howtoContent{
width:499px;
margin:0 0 30px 50px;
}
.howtoContent:after{
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 0px;
overflow: hidden;
}
.howtoTetxt{
float:left;
width:293px;
margin:0 14px 0 0;
}
.howtoTetxt p{
margin:0 0 1em 0;
}
.howtoImage{
float:right;
width:192px;
}
.howtoImage img{
margin:0 0 6px 0;
/*padding:1px;
background-color:#FFF;*/
border:1px solid #FFF;
}
p#howtoImage03{
margin:5px 0 45px 4px;
text-align:center;
}
p#howtoImage03 img{
/*padding:1px;
background-color:#FFF;*/
border:1px solid #FFF;
}
/* /なゝこができるまで */

/* 美しきなゝこの色合い */
#bottle-color {
	margin: 20px 0;
	padding 10px;
}
#bottle-color h4 {
height:40px;
background:url(../nanako/img/p04-color.gif) no-repeat left top;
text-indent:-9999px;
}
p#nanakoP04{
height:20px;
background:url(../nanako/img/p04.gif) no-repeat left top;
text-indent:-9999px;
}
h3#nanakoH304{
height:51px;
background:url(../nanako/img/h3_04.gif) no-repeat left top;
text-indent:-9999px;
}
#nanakoHr04{
height:15px;
background:url(../nanako/img/line_gradation.gif) no-repeat left top;
}
h4#h4iro1{
height:40px;
background:url(../nanako/img/h4_04_01.gif) no-repeat left top;
text-indent:-9999px;
}
h4#h4iro2{
height:40px;
background:url(../nanako/img/h4_04_02.gif) no-repeat left top;
text-indent:-9999px;
}
h4#h4iro3{
height:40px;
background:url(../nanako/img/h4_04_03.gif) no-repeat left top;
text-indent:-9999px;
}
h4#h4iro4{
height:40px;
background:url(../nanako/img/h4_04_04.gif) no-repeat left top;
text-indent:-9999px;
}
.iroaiContents{
width:539px;
/*margin:0 20px 0 5px;
padding:20px 0 10px 0;*/
padding:20px 20px 10px 5px;
}
.iroaiContents:after{
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 0px;
overflow: hidden;
}
.iroaiText{
width:320px;
float:left;
margin:0 17px 0 0;
}
.iroaiImage{
width:202px;
float:right;
}
.iroaiImage img{
border:1px solid #FFF;
}

h5#campaignH501 { height:343px; background:url(../shohin/img/h5_01.jpg) no-repeat left top; text-indent:-9999px; ; clip:   rect(   )}
.iroaiText2 { float:none; margin:0 17px 0 0; }