@charset "UTF-8";
@import url(common.css);
@import url(textsettings.css);


body { color: #333; background: #fff; }
img { border: 0; }

#container { background: transparent; width: 771px; margin: 0 auto; }
#header { background: #fff; margin-top: 0; margin-bottom: 0; padding: 0; }

#navi { margin-top: 0; margin-bottom: 0; padding: 0; }
#navi ul { margin: 0; padding: 0; height: 2.5em; }
#navi ul li { margin: 0; padding: 0; float: left; }
#navi ul li a { margin: 0; padding: 0; display: block; font-weight: bold; }
#navi a:hover { border-bottom: 3px solid #0086b9; text-decoration: none; }



/* --------------- */
#menu{ width:771px; height:21px; margin: 0; padding:0; }
#menu ul{ list-style:none; text-align:center; margin: 0; padding:0; }

#menu li{ list-style:none; display:block; float:left; margin: 0; padding:0; }
#menu li a{ display:block; float:left; }
#menu li a span{ display:none; }
#menu li a:hover{ text-decoration:none; }
/* #menu li a.home{ background:url(images/home.jpg) no-repeat; width:55px; height:32px; } */
/* #menu li a:hover.home{ background:url(images/home_h.jpg) no-repeat; } */

#menu li a.aa{ background:url(i/menu/m01_planner.gif) no-repeat; width:74px; height:21px; }
#menu li a:hover.aa{ background:url(i/menu/m01n_planner.gif) no-repeat; }

#menu li a.bb{ background:url(i/menu/m02_party.gif) no-repeat; width:66px; height:21px; }
#menu li a:hover.bb{ background:url(i/menu/m02n_party.gif) no-repeat; }

#menu li a.cc{ background:url(i/menu/m03_flower.gif) no-repeat; width:78px; height:21px; }
#menu li a:hover.cc{ background:url(i/menu/m03n_flower.gif) no-repeat; }

#menu li a.dd{ background:url(i/menu/m04_dress.gif) no-repeat; width:66px; height:21px; }
#menu li a:hover.dd{ background:url(i/menu/m04n_dress.gif) no-repeat; }

#menu li a.ee{ background:url(i/menu/m05_hairmake.gif) no-repeat; width:97px; height:21px; }
#menu li a:hover.ee{ background:url(i/menu/m05n_hairmake.gif) no-repeat; }

#menu li a.ff{ background:url(i/menu/m06_ring.gif) no-repeat; width:56px; height:21px; }
#menu li a:hover.ff{ background:url(i/menu/m06n_ring.gif) no-repeat; }

#menu li a.gg{ background:url(i/menu/m07_mc.gif) no-repeat; width:45px; height:21px; }
#menu li a:hover.gg{ background:url(i/menu/m07n_mc.gif) no-repeat; }

#menu li a.hh{ background:url(i/menu/m08_picture.gif) no-repeat; width:81px; height:21px; }
#menu li a:hover.hh{ background:url(i/menu/m08n_picture.gif) no-repeat; }

#menu li a.ii{ background:url(i/menu/m09_invitationcard.gif) no-repeat; width:142px; height:21px; }
#menu li a:hover.ii{ background:url(i/menu/m09n_invitationcard.gif) no-repeat; }

#menu li a.jj{ background:url(i/menu/m10_attend.gif) no-repeat; width:66px; height:21px; }
#menu li a:hover.jj{ background:url(i/menu/m10n_attend.gif) no-repeat; }
/* --------------- */



#mainbox { background-image:url(i/top.gif); height: 410px; width: 771px; margin: 0; padding: 0; border: 1px solid #ccc; }
#contentsbox { background: transparent; padding: 0; width: 320px; height: auto; top: 230px; bottom: auto; left: 90px; right: auto; border: 1px solid #eee; }
#contentsbox ul {
	margin-left: 2em;
	padding: 0.6em 0.6em 0.6em 0.4em;
	color: #666;
	font-size: 90%;
	}
#contentsbox ul li {
	margin-bottom:8px;
	}




#frame { background: transparent; margin: 0; padding: 0; border: 1px solid #ccc; }
#main { background: #fff; margin: 0px 100px 30px 100px; padding: 0; }

#contents { width: 570px; margin-top: 20px; }

.contentsline { width: 570px; padding-bottom: 15px; border-bottom: 1px solid #99d49c; }
.btt { width: 570px; height: 21px; padding-top: 15px }


#shopp { width: 304px; margin-right: 3px; float: left; }
#shopd { width: 263px; float: right;}
.imgbox { margin: 0; padding: 0; }
.imgbox img { margin: 0; padding-right: 3px; }
.imgbox img.sub2 { margin: 0; padding: 0; }






/* --------------- */
#footer{ width:291px; height:27px; margin: 0; padding:0; float: right; }
#footer ul{ list-style:none; text-align:center; margin: 0; padding:0; }

#footer li{ list-style:none; display:block; float:left; margin: 0; padding:0; }
#footer li a{ display:block; float:left; }
#footer li a span{ display:none; }
#footer li a:hover{ text-decoration:none; }

#footer li a.aa{ background:url(i/menu/subm01_meetingflow.gif) no-repeat; width:106px; height:27px; }
#footer li a:hover.aa{ background:url(i/menu/subm01n_meetingflow.gif) no-repeat; }

#footer li a.bb{ background:url(i/menu/subm02_locationmap.gif) no-repeat; width:116px; height:27px; }
#footer li a:hover.bb{ background:url(i/menu/subm02n_locationmap.gif) no-repeat; }

#footer li a.cc{ background:url(i/menu/subm03_contact.gif) no-repeat; width:69px; height:27px; }
#footer li a:hover.cc{ background:url(i/menu/subm03n_contact.gif) no-repeat; }
/* --------------- */






/* --------------- */
.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 */