@charset "UTF-8";

#container{
margin:0;
padding:0;
text-align:center;
background:url(/softdrink/natchan/common/img/natchanBg.gif);
font-family: arial,helvetica,clean,sans-serif;
font-size: 13px;
*font-size: 81.25%;
}

#container-inner{
width:890px;
margin:auto;
padding:0px 0px 0px 0px;
text-align:left;
position:relative;
}

/*	font style	*/
#container a{color:#FF8300;outline:0;border:0;}
#container a:hover{color:#FFBA00;}
p{
margin:0px;
padding:0px;
font-size:100%;
line-height:1.5;
}

/*	menu	*/
#menu{
margin:0px auto 0px auto;
padding:20px 0px 18px 0px;
}
#menu-inner{
margin:0px auto 0px auto;
}
#menu-body{
margin:0px;
padding:10px 0px 10px 45px;
background:#ffffff;
}
#menu-body h1.title{
margin:0px 0px 9px 0px;
padding:0px;
font-size:1%;
}
#menu-body h1.title a{
display:block;
background-image:url(/softdrink/natchan/common/img/natchanLogo.gif);
background-position:0px 0px;
background-repeat:no-repeat;
height:30px;
text-indent:-9999px;
}

#menu-body ul{
list-style:none;
margin:0px;
padding:0px;
display:inline;
}
#menu-body ul li{
margin:0px;
padding:0px;
width:89px;
height:30px;
text-indent:-9999px;
float:left;
}
#menu-body ul li a{
width:89px;
height:30px;
margin:0px;
padding:0px;
display:block;
}
#menu-body .btn ul li.himitsu{
background-image:url(/softdrink/natchan/common/img/natchanMenu.gif);
background-position:0px -30px;
}
#menu-body .btn ul li.himitsu a{
background-image:url(/softdrink/natchan/common/img/natchanMenu.gif);
background-position:0px 0px;
}
#menu-body .btn ul li.himitsu a:hover{
background-position:0px -30px;
}
#menu-body .btn ul li.products{
background-image:url(/softdrink/natchan/common/img/natchanMenu.gif);
background-position:-89px -30px;
}
#menu-body .btn ul li.products{
background-image:url(/softdrink/natchan/common/img/natchanMenu.gif);
background-position:-89px -30px;
}
#menu-body .btn ul li.products a{
background-image:url(/softdrink/natchan/common/img/natchanMenu.gif);
background-position:-89px 0px;
}
#menu-body .btn ul li.products a:hover{
background-position:-89px -30px;
}
#menu-body .btn ul li.cm{
background-image:url(/softdrink/natchan/common/img/natchanMenu.gif);
background-position:-178px -30px;
}
#menu-body .btn ul li.cm a{
background-image:url(/softdrink/natchan/common/img/natchanMenu.gif);
background-position:-178px 0px;
}
#menu-body .btn ul li.cm a:hover{
background-position:-178px -30px;
}
#menu-body .btn ul li.kokodake{
background-image:url(/softdrink/natchan/common/img/natchanMenu.gif);
background-position:-267px -30px;
}
#menu-body .btn ul li.kokodake a{
background-image:url(/softdrink/natchan/common/img/natchanMenu.gif);
background-position:-267px 0px;
}
#menu-body .btn ul li.kokodake a:hover{
background-position:-267px -30px;
}
#menu-body .btn ul li.enjoy{
background-image:url(/softdrink/natchan/common/img/natchanMenu.gif);
background-position:-356px -30px;
}
#menu-body .btn ul li.enjoy a{
background-image:url(/softdrink/natchan/common/img/natchanMenu.gif);
background-position:-356px 0px;
}
#menu-body .btn ul li.enjoy a:hover{
background-position:-356px -30px;
}
#menu-body .btn ul li.omake{
background-image:url(/softdrink/natchan/common/img/natchanMenu.gif);
background-position:-445px -30px;
}
#menu-body .btn ul li.omake a{
background-image:url(/softdrink/natchan/common/img/natchanMenu.gif);
background-position:-445px 0px;
}
#menu-body .btn ul li.omake a:hover{
background-position:-445px -30px;
}
#menu-body .btn ul li.miffy{
background-image:url(/softdrink/natchan/common/img/natchanMenu.gif);
background-position:-534px -30px;
}
#menu-body .btn ul li.miffy a{
background-image:url(/softdrink/natchan/common/img/natchanMenu.gif);
background-position:-534px 0px;
}
#menu-body .btn ul li.miffy a:hover{
background-position:-534px -30px;
}
#menu-body .btn ul li.mobile{
background-image:url(/softdrink/natchan/common/img/natchanMenu.gif);
background-position:-623px -30px;
}
#menu-body .btn ul li.mobile a{
background-image:url(/softdrink/natchan/common/img/natchanMenu.gif);
background-position:-623px 0px;
}
#menu-body .btn ul li.mobile a:hover{
background-position:-623px -30px;
}
#menu-body .btn ul li.mail{
width:88px;
background-image:url(/softdrink/natchan/common/img/natchanMenu.gif);
background-position:-712px -30px;
}
#menu-body .btn ul li.mail a{
width:88px;
background-image:url(/softdrink/natchan/common/img/natchanMenu.gif);
background-position:-712px 0px;
}
#menu-body .btn ul li.mail a:hover{
background-position:-712px -30px;
}

/*	corner style	*/
.corner{
margin:0px auto;
}
.corner .hd,
.corner .ft,
.corner .ct{
font-size:1px;
height:5px;
}
.cornerC .hd,
.cornerC .ft,
.cornerC .ct{
font-size:1px;
height:10px;
}

.cornerC.cnrC-ffffff .hd{
background:url(/softdrink/natchan/common/img/cornerPaintC-T-ffffff.gif) no-repeat 0px 0px;
}
.cornerC.cnrC-ffffff .hd .ct{
background:url(/softdrink/natchan/common/img/cornerPaintC-Tr-ffffff.gif) no-repeat right 0px;
}
.cornerC.cnrC-ffffff .ft{
background:url(/softdrink/natchan/common/img/cornerPaintC-B-ffffff.gif) no-repeat 0px 0px;
}
.cornerC.cnrC-ffffff .ft .ct{
background:url(/softdrink/natchan/common/img/cornerPaintC-Br-ffffff.gif) no-repeat right 0px;
}
.corner.cnr-ffffff-535 .hd{
background:url(/softdrink/natchan/common/img/cornerPaint-T-ffffff-535.gif) no-repeat 0px 0px;
}
.corner.cnr-ffffff-535 .ft{
background:url(/softdrink/natchan/common/img/cornerPaint-B-ffffff-535.gif) no-repeat 0px 0px;
}
.corner.cnr-ffffff-335 .hd{
background:url(/softdrink/natchan/common/img/cornerPaint-T-ffffff-335.gif) no-repeat 0px 0px;
}
.corner.cnr-ffffff-335 .ft{
background:url(/softdrink/natchan/common/img/cornerPaint-B-ffffff-335.gif) no-repeat 0px 0px;
}
.corner.cnrP-ff8400 .hd{
background:url(/softdrink/natchan/common/img/cornerPaint-T-ff8400.gif) no-repeat 0px 0px;
}
.corner.cnrP-ff8400 .hd .ct{
background:url(/softdrink/natchan/common/img/cornerPaint-Tr-ff8400.gif) no-repeat right 0px;
}
.corner.cnrL-ff8400 .ft{
background:url(/softdrink/natchan/common/img/cornerLine-B-ff8400.gif) no-repeat 0px 0px;
}
.corner.cnrL-ff8400 .ft .ct{
background:url(/softdrink/natchan/common/img/cornerLine-Br-ff8400.gif) no-repeat right 0px;
}
.corner.cnrLC-ff8400 .ft{
background:url(/softdrink/natchan/common/img/cornerLineC-B-ff8400.gif) no-repeat 0px 0px;
}
.corner.cnrLC-ff8400 .ft .ct{
background:url(/softdrink/natchan/common/img/cornerLineC-Br-ff8400.gif) no-repeat right 0px;
}
.corner.cnrP-fff6e6 .hd{
background:url(/softdrink/natchan/common/img/cornerPaint-T-fff6e6.gif) no-repeat 0px 0px;
}
.corner.cnrP-fff6e6 .hd .ct{
background:url(/softdrink/natchan/common/img/cornerPaint-Tr-fff6e6.gif) no-repeat right 0px;
}
.corner.cnrP-fff6e6 .ft{
background:url(/softdrink/natchan/common/img/cornerPaint-B-fff6e6.gif) no-repeat 0px 0px;
}
.corner.cnrP-fff6e6 .ft .ct{
background:url(/softdrink/natchan/common/img/cornerPaint-Br-fff6e6.gif) no-repeat right 0px;
}
.corner.cnrP-ffba00 .hd{
background:url(/softdrink/natchan/common/img/cornerPaint-T-ffba00.gif) no-repeat 0px 0px;
}
.corner.cnrP-ffba00 .hd .ct{
background:url(/softdrink/natchan/common/img/cornerPaint-Tr-ffba00.gif) no-repeat right 0px;
}
.corner.cnrL-ffba00 .hd{
background:url(/softdrink/natchan/common/img/cornerLine-T-ffba00.gif) no-repeat 0px 0px;
}
.corner.cnrL-ffba00 .hd .ct{
background:url(/softdrink/natchan/common/img/cornerLine-Tr-ffba00.gif) no-repeat right 0px;
}
.corner.cnrL-ffba00 .ft{
background:url(/softdrink/natchan/common/img/cornerLine-B-ffba00.gif) no-repeat 0px 0px;
}
.corner.cnrL-ffba00 .ft .ct{
background:url(/softdrink/natchan/common/img/cornerLine-Br-ffba00.gif) no-repeat right 0px;
}
.corner.cnrP-ff9d00 .hd{
background:url(/softdrink/natchan/common/img/cornerPaint-T-ff9d00.gif) no-repeat 0px 0px;
}
.corner.cnrP-ff9d00 .hd .ct{
background:url(/softdrink/natchan/common/img/cornerPaint-Tr-ff9d00.gif) no-repeat right 0px;
}
.corner.cnrP-fa630a .hd{
background:url(/softdrink/natchan/common/img/cornerPaint-T-fa630a.gif) no-repeat 0px 0px;
}
.corner.cnrP-fa630a .hd .ct{
background:url(/softdrink/natchan/common/img/cornerPaint-Tr-fa630a.gif) no-repeat right 0px;
}
.corner.cnrL-fa630a .ft{
background:url(/softdrink/natchan/common/img/cornerLine-B-fa630a.gif) no-repeat 0px 0px;
}
.corner.cnrL-fa630a .ft .ct{
background:url(/softdrink/natchan/common/img/cornerLine-Br-fa630a.gif) no-repeat right 0px;
}
.corner.cnrL-ffb900 .hd{
background:url(/softdrink/natchan/common/img/cornerLine-T-ffb900.gif) no-repeat 0px 0px;
}
.corner.cnrL-ffb900 .hd .ct{
background:url(/softdrink/natchan/common/img/cornerLine-Tr-ffb900.gif) no-repeat right 0px;
}
.corner.cnrL-ffb900 .ft{
background:url(/softdrink/natchan/common/img/cornerLine-B-ffb900.gif) no-repeat 0px 0px;
}
.corner.cnrL-ffb900 .ft .ct{
background:url(/softdrink/natchan/common/img/cornerLine-Br-ffb900.gif) no-repeat right 0px;
}
.corner.cnr-ffffff .hd{
background:url(/softdrink/natchan/common/img/cornerPaint-T-ffffff.gif) no-repeat 0px 0px;
}
.corner.cnr-ffffff .hd .ct{
background:url(/softdrink/natchan/common/img/cornerPaint-Tr-ffffff.gif) no-repeat right 0px;
}
.corner.cnr-ffffff .ft{
background:url(/softdrink/natchan/common/img/cornerPaint-B-ffffff.gif) no-repeat 0px 0px;
}
.corner.cnr-ffffff .ft .ct{
background:url(/softdrink/natchan/common/img/cornerPaint-Br-ffffff.gif) no-repeat right 0px;
}
.corner.cnr-ffffff1 .hd{
background:url(/softdrink/natchan/common/img/cornerPaint-T-ffffff1.gif) no-repeat 0px 0px;
}
.corner.cnr-ffffff1 .hd .ct{
background:url(/softdrink/natchan/common/img/cornerPaint-Tr-ffffff1.gif) no-repeat right 0px;
}
.corner.cnr-ffffff1 .ft{
background:url(/softdrink/natchan/common/img/cornerPaint-B-ffffff1.gif) no-repeat 0px 0px;
}
.corner.cnr-ffffff1 .ft .ct{
background:url(/softdrink/natchan/common/img/cornerPaint-Br-ffffff1.gif) no-repeat right 0px;
}

/*	footer style	*/
#copyright{
margin:10px 0px 0px 0px;
padding:0px 0px 30px 0px;
background-image:url(/softdrink/natchan/common/img/natchanCopyRight.gif);
background-position:top right;
background-repeat:no-repeat;
text-indent:-9999px;
}


#flashInfo{
line-height:1em;
text-align:left;
margin:0px;
padding:5px 0px 2px 10px;
background:#ffffff;
}
#flashInfo a{color:#000099;}
#flashInfo a:hover{color:#990099;}

/*	utility style	*/
.clearfix:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix{display:inline-block;}
/* Hides from IE-mac ¥*/
* html .clearfix {height: 1%;}
.clearfix{display:block;}
/* End hide from IE-mac */