/* CSS Document */

/* head =================================================== */
#head {
width:900px;
height:80px;
background-image:url(../img/index/main_bg_top.jpg);
background-repeat:no-repeat;
background-position:center bottom;
background-color:#4b1314;
}

/* main =================================================== */
#main {
width:900px;
padding:15px 0 0;
background-image:url(../img/index/main_bg.gif);
}

/* maincontents =========================================== */
#maincontents {
width:620px;
float:left;
background-color:#ffffff;
background-image:url(../img/index/main_bg.gif);
}
#maincontents h2 {
clear:left;
width:570px;
margin:10px auto 0;
font-size:10px;
font-weight:normal;
color:#666666;
text-align:left;
}

#maincontents ul#item {
width:548px;
height:240px;
margin:10px auto;
list-style-type:none;
}
/* \*/ *html #maincontents ul#item {margin: 10px 0;} /**/
#maincontents ul#item li {
width:92px;
height:115px;
margin:0 60px 5px 0;
float:left;
}
#maincontents ul#item li.end {
margin:0 0px 5px;
}

#diary-box {
width:560px;
margin:5px auto 10px;
padding:0 0 10px;
text-align:left;
}
#diary-box .box {
width:270px;
margin:0 10px 0 0;
float:left;
background-image:url(../img/index/diary-box_bg.gif);
background-position:right top;
background-repeat:repeat-y;
}
#diary-box .box h3 img {
width:270px;
height:45px;
display:block;
}

#maincontents div.policy {
clear:both;
width:570px;
height:100px;
margin:1em auto 0;
padding:0 0 20px 0;
}
#maincontents div.policy img#policy-title {
width:370px;
height:35px;
display:block;
}
#maincontents div.policy p {
width:550px;
height:3.5em;
margin:0 auto;
text-align:left;
}
#maincontents div.policy img#policy-more {
width:39px;
height:19px;
float:right;
}

#maincontents div.banner {
clear:both;
width:570px;
margin:5px auto 0;
padding:0 0 20px 12px;
}
#maincontents div#unicef {
width:176px;
margin:15px 0 0 0;
float:left;
}
#maincontents div#unicef img {
width:176px;
height:70px;
margin:0 0 3px;
display:block;
}
#maincontents div#unicef p {
font-size:10px;
text-align:left;
}
#maincontents div#coupon {
width:180px;
height:110px;
margin:0 3px 0 23px;
float:left;
}

#diary-box .box table {
width:230px;
margin:10px;
}
#diary-box .box table th {
width:82px;
height:70px;
margin:0 10px 0 0;
text-align:left;
vertical-align:top;
}
#diary-box .box table th img {
display:block;
border:solid 1px #666666;
}
#diary-box .box table td {
vertical-align:top;
text-align:center;
font-size:12px;
font-weight:normal;
line-height:1.5;
}
#diary-box .box table td h4 {
width:148px;
font-size:12px;
font-weight:bold;
text-align:left;
line-height:1.5;
}
/*\*//*/ #diary-box .box table td h4 {letter-spacing:-1px;} /*  */ 
#diary-box .box table td div {
width:148px;
text-align:left;
font-size:12px;
}
#diary-box .box table td div p {
margin:0;
padding:0;
}
img.dot-border {
margin:0 0 0 5px;
display:block;
}

/* side =================================================== */
#side {
width:280px;
height:100%;
float:right;
background-color:#fe0000;
}

#side ul#shoplist {
width:165px;
margin:90px auto 30px;
_margin:90px 0 35px;
padding:0 0 15px;
list-style-type:none;
background-image:url(../img/index/shop_list/shop_list_bg.gif);
background-repeat:no-repeat;
background-position:bottom;
}
#side ul#shoplist li {
width:145px;
height:100px;
margin:14px auto 0;
vertical-align:bottom;
}
#side ul#shoplist li img {
display:block;
}
#side ul#shoplist li#title {
width:165px;
height:30px;
margin:0px;
display:block;
vertical-align:bottom;
}
#side ul#shoplist li#line {
width:145px;
height:1px;
margin:14px auto 0;
display:block;
vertical-align:bottom;
}

/* foot =================================================== */
#foot {
width:900px;
height:50px;
padding:25px 0 0;
background-image:url(../img/index/main_bg_bottom.jpg);
background-repeat:no-repeat;
background-position:center top;
}

/* clear ================================================== */
#diary-box:after,
#main:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#diary-box,
#main {display: inline-block;}
/* Hides from IE-mac \*/
* html #diary-box,
* html #main {height: 1%;}
#diary-box,
#main {display: block;}
/* End hide from IE-mac */