@charset "UTF-8";

* { margin: 0; padding: 0; outline: none; }
body { text-align: center; font-size:13px; line-height:1.25; *font-size: small; *font: x-small;color:#77410e;}
a img { border: none; }
* { margin: 0; padding: 0;}
script { position: absolute; z-index: 1; }
form,input,select { margin: 0; padding: 0;}
p { margin: 0; padding: 0; color:#333333;}
a { overflow: hidden; }
img {border:0px}
hr { display: none; margin:  0; padding: 0; clear: both; }
object { margin: 0; padding: 0; }
embed { margin: 0; padding: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
.clear { clear:both;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */
/*Firefox3*/

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }
hr { display: none; clear:both; }

/*IE6png*/
* html .iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}
.block { display:block;}

html { font: 13px arial, helvetica, clean, sans-serif; font: x-small; font-size: small; }
body { font: 100%; font-size: inherit; line-height: 150%; width:100%; text-align:center; }

.j9 { font-size: 9px; line-height: 150%; }
.j10 { font-size: 10px; line-height: 13px; }
.j11 { font-size: 11px; line-height: 13px; }
.j12 { font-size: 12px; line-height: 14px; }
.j14 { font-size: 14px; line-height: 150%; }
.j16 { font-size: 16px; line-height: 130%; }
.j18 { font-size: 18px; line-height: 180%; }
.j20 { font-size: 24px; line-height: 180%;}

.white { color:#FFFFFF;}
.black { color:#333333;}
.pink { color:#F81C46;}

a:link { color: #054BDE; text-decoration: underline; }
a:visited { color: #941D55;	text-decoration: underline; }
a:hover { color: #054BDE; text-decoration: none; }
a:active { color: #054BDE; text-decoration: underline; }

a.blog:link { color: #F24900; text-decoration: underline; }
a.blog:visited { color: #F24900;	text-decoration: underline; }
a.blog:hover { color: #F24900; text-decoration: none; }
a.blog:active { color: #F24900; text-decoration: none; }

/*contents*/
#contents_box { clear:both; margin:0 auto; width:1180px; height:100%;}
#contents_left { float:left; width:950px;}
#contents_right { float:right; width:220px;}
#contents_right img { margin-top:50px;}

#div_water { clear:both; background:url(../img/bg_water.jpg) no-repeat 0 0; width:950px; height:446px; margin:0 auto; text-align:left;}
#p_water1 { clear:both; display:block; width:515px; margin:0 0 0 367px;}
#h3_water2 { clear:both; display:block; width:349px; margin:0 0 0 404px;}
#p_water2 { clear:both; display:block; width:349px; margin:0 0 0 404px;}
#h3_water3 { clear:both; display:block; width:349px; margin:0 0 0 404px;}
#p_water3 { clear:both; display:block; width:349px; margin:0 0 0 404px;}
#h3_water4 { clear:both; display:block; width:263px; margin:0 0 0 519px;}
#p_water4 { clear:both; display:block; width:263px; margin:0 0 0 519px;}

#div_sands { clear:both; background:url(../img/bg_shopping.jpg) no-repeat 0 0; width:950px; height:678px; margin:0 auto; text-align:left;}
#h3_sands1 { clear:both; display:block; margin:0 0 0 465px;}
#p_sands1 { clear:both; display:block; width:265px; margin:0 0 0 465px;}
#h3_sands2 { clear:both; display:block; margin:0 0 0 353px;}
#p_sands2 { clear:both; display:block; width:503px; margin:0 0 0 353px;}
#h3_sands3 { clear:both; display:block; margin:0 0 0 587px;}
#p_sands3 { clear:both; display:block; width:290px; margin:0 0 0 587px;}
#h3_sands4 { clear:both; display:block; margin:0 0 0 369px;}
#p_sands4 { clear:both; display:block; width:285px; margin:0 0 0 369px;}
#h3_sands5 { clear:both; display:block; margin:0 0 0 434px;}
#p_sands5 { clear:both; display:block; width:320px; margin:0 0 0 434px;}
#h3_sands6 { clear:both; display:block; margin:0 0 0 243px;}
#p_sands6 { clear:both; display:block; width:310px; margin:0 0 0 243px;}

#div_food { clear:both; background:url(../img/bg_food.jpg) no-repeat 0 0; width:950px; height:715px; margin:0 auto; text-align:left;}
#div_food h3 { clear:both; display:block;}
#div_food p { clear:both; display:block;}

#div_info { clear:both; background:url(../img/bg_info.jpg) no-repeat 0 0; width:950px; height:501px; margin:0 auto; text-align:left; position:relative;}
#div_info h3 { clear:both; display:block;}
#div_info p { clear:both; display:block;}
#div_info img { vertical-align:bottom;}

#div_info_left { float:left; width:720px;}
#div_info_right { float:left; width:200px;}