@charset "UTF-8";

#nanako{
background-color:#345048;
}

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

/* なゝこのお話 */
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:10px 5px 0 4px;
}
p#nanako01P01{
padding-top:14px;
}
p#nanako01P02{
padding-top:10px;
}
img#nanako01P02
{text-align:left;padding:0 10px 0 10px}
#linkBtn ul li{
	list-style:none outside;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height: 42px;
}
ul#linkBtn li{
float:left;
height:50px;
}
ul#linkBtn:after{
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 0px;
overflow: hidden;
}
ul#linkBtn li#fans{
	padding:0 3px 0 6px;
	text-align: center;
}
ul#linkBtn li#uta{
	padding: 0 3px 0 3px;
	text-align: center;
}
ul#linkBtn li#blog{
	padding: 0 6px 0 3px;
	text-align: center;
}
#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;
}
/* /なゝこができるまで */

/* 美しきなゝこの色合い */
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; }

 左
#nleft{
float:left;
width:210px;
_width:210px;
margin:10px;
padding:20px;
text-align:left;
}
#nanako #nleft{
	background-image: url(../img/img_top/side_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
	width: 200px;
	float: left;
	color:#333333;
	text-align:left;
	padding-left:10px;
	height: 1110px;
}
.nlogo{
	text-align:center;padding:0px 0 50px 0;}
.nanako7{
padding:30px 0 10px 40px;}
.nanako7prc{
	text-align:left;
	font-size: 11px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 1em;
}
.nanako7buy{
	text-align:left;
	padding:10px 0 20px 22px;
	font-size: 11px;
}
.nanako7logo{
	padding:10px 0 50px 0px;
	background-image: url(../img/img_top/hamada_logo.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
/* 右 */
#nright{
	float:right;
	width:590px;
	margin:0;
	padding:0;
	text-align:left;
	background-color: #fff;
	height: 1110px;
}
#nrightContents{
	margin:0;
	padding:0;
}
.ncontainer-header {
	background-color:#201714;
	width:800px;
	height:180px;
}

.ncontainer-headmenu {
	background-color:#201714;
	height:370px;
	width:590px;
	margin:0;
	padding:0;
	background-image: url(../img/img_top/contents01_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.ncontainer-headmenu a{ color: #333333; text-decoration: none; }
.ncontainer-headmenu a:link{ color: #333333; text-decoration: none; }
.ncontainer-headmenu a:visited{ color: #333333; text-decoration: none; }
.ncontainer-headmenu a:active{ color: #999999;  }
.ncontainer-headmenu a:hover{ color: #999999; text-decoration: underline; }

.ncontainer-headmenu ul.menu-gnavi {
	list-style:none outside;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height: 220px;
}
.ncontainer-headmenu ul.menu-gnavi li {
	float:left;
	font-size:9px;
	text-decoration: none;
}
#nleft li{	clear:both;
	list-style:none outside;}
	
#nanako1 {
	padding:0 13px 0 30px;
}
#nanako2 {
	padding:0 13px 0 10px;
}
#nanako3 {
	padding:0 13px 0 10px;
}
#nanako4 {
	padding:0 13px 0 10px;
}
#nanako5 {
	padding:0 13px 0 10px;
}
#nanako6 {
	padding:0 13px 0 10px;
}
#nanako7 {
	padding:0 13px 0 10px;
}
#underlink{clear:both;padding:10px 0 15px 10px;}
#underlink2{clear:both;padding:5px 0 5px 11px;}

.narea-maintitle {
	margin:0;
	padding:0 0 5px 0;
	height:60px;
	background-color: #FFFFFF;
}
img{
	border:none;
	padding:0;
	margin:0;
	text-align: left;
}

/* コンテンツ */
.ncontainer-contentsbody {
	width:590px;
	padding:0;
	background-image: url(../img/img_top/contents_bg_btm.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.ncontainer-contentsbody a:link,	.container-contentsbody a:visited{
color:#FFF;
}
.ncontainer-contentsbody a:hover{
color:#EDBE1B;
}
#ndetails
{padding:10px 0 5px 20px;}
#ndetails img
{}
#ncontainer{
width:800px;
margin:0;
padding:0;
	background-image: url(../img/img_top/allbg.jpg);
	background-repeat: repeat-y;
}
.ncontainer-footer {
	text-align:center;
	background-color: #345048;
	color: #FFFFFF;
	padding: 20px 0 10px 0px;
	width: 800px;
	font-size: 11px;
	clear: both;
	background-image: url(../img/img_top/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 50px;
	line-height: 1.2em;
}