/* TOP CSS */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1%; }
.clearfix { display:block; }
/* end MacIE5 */


#toppage {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 820px;
	clip: rect(auto,auto,auto,auto);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}
#toppage #mid {
  padding:0 10px;
}

/* **** TOP LOCAL NAVI */
#toplocalnavi {
	width:800px;
	height:41px;
	margin-left: 10px;
}
#toplocalnavi ul {
  list-style:none;
  margin:0;
  padding:0;
}
#toplocalnavi li {
  float:left;
}
#toplocalnavi li a {
  background:url(../images/toplocalmenu.gif) no-repeat;
  display:block;
  width:133px;
  height:41px;
  text-indent:-9999px;
}
#toplocalnavi .menu1 a {
}
#toplocalnavi .menu1 a:hover {
  background-position:0 -41px;
}
#toplocalnavi .menu2 a{
  background-position:-133px 0;
}
#toplocalnavi .menu2 a:hover {
  background-position:-133px -41px;
}
#toplocalnavi .menu3 a{
  background-position:-266px 0;
}
#toplocalnavi .menu3 a:hover {
  background-position:-266px -41px;
}
#toplocalnavi .menu4 a{
  background-position:-399px 0;
}
#toplocalnavi .menu4 a:hover {
  background-position:-399px -41px;
}
#toplocalnavi .menu5 a{
  background-position:-532px 0;
}
#toplocalnavi .menu5 a:hover {
  background-position: -532px -41px;
}
#toplocalnavi .menu6 a{
  width:135px;
  background-position:-665px 0;
}
#toplocalnavi .menu6 a:hover {
  background-position:-665px -41px;
}


#topslidemenu {
	position:relative;
	height: 346px;
	width: 800px;
	float: left;
	padding-left: 10px;
}
#topslidemenu h2 {
  margin:0;
  padding:0;
  text-indent:-9999px;
  width:40px;
  height:346px;
}
#topslidemenu .bridal,
#topslidemenu .kids,
#topslidemenu .anniv {
  position:absolute;
  top:0;
  left:0;
  z-index:20;
}
#topslidemenu .bridal h2,
#topslidemenu .kids h2,
#topslidemenu .anniv h2 {
  position:absolute;
  top:0;
  left:0;
  z-index:20;
}

/* KIDS */
#topslidemenu .kids h2{
	background-image: url(../images/kids_h2.jpg);
}
#topslidemenu .kids .submenu {
	position:absolute;
	top:30px;
	left: 550px;
}
#topslidemenu .kids .submenu ul {
  list-style:none;
  margin:0;
  padding:0;
}
#topslidemenu .kids .submenu li {
  width:166px;
  height:30px;
  margin:1px;
}
#topslidemenu .kids .submenu li a {
  display:block;
  width:166px;
  height:30px;
  text-indent:-9999px;
  background:url(../images/kids/menu.gif) no-repeat;
}
#topslidemenu .kids .submenu .menu1 a {
  background-position:0 0;
}
/*
#topslidemenu .kids .submenu .menu1 a:hover {
  background-position:-168px 0;
}
*/
#topslidemenu .kids .submenu .menu2 a {
  background-position:0 -30px;
}
/*
#topslidemenu .kids .submenu .menu2 a:hover {
  background-position:-168px -30px;
}
*/
#topslidemenu .kids .submenu .menu3 a {
  background-position:0 -60px;
}
/*
#topslidemenu .kids .submenu .menu3 a:hover {
  background-position:-168px -60px;
}
*/
#topslidemenu .kids .submenu .menu4 a {
  background-position:0 -90px;
}
/*
#topslidemenu .kids .submenu .menu4 a:hover {
  background-position:-168px -90px;
}
*/
#topslidemenu .kids .submenu .menu5 a {
  background-position:0 -120px;
}
/*
#topslidemenu .kids .submenu .menu5 a:hover {
  background-position:-168px -120px;
}
*/
#topslidemenu .kids .submenu .menu6 a {
  background-position:0 -150px;
}
/*
#topslidemenu .kids .submenu .menu6 a:hover {
  background-position:-168px -150px;
}
*/
#topslidemenu .kids .submenu .menu7 a {
  background-position:0 -180px;
}
/*
#topslidemenu .kids .submenu .menu7 a:hover {
  background-position:-168px -180px;
}
*/
#topslidemenu .kids .submenu .menu8 a {
  background-position:0 -210px;
}
/*
#topslidemenu .kids .submenu .menu8 a:hover {
  background-position:-168px -210px;
}
*/
#topslidemenu .kids .submenu .menu9 a {
  background-position:0 -240px;
}
/*
#topslidemenu .kids .submenu .menu9 a:hover {
  background-position:-168px -240px;
}
*/






/* **** ･ﾖ･鬣､･ﾀ･� */
#topslidemenu .bridal h2{
	background-image: url(../images/bridal_h2.jpg);
}
#topslidemenu .bridal .submenu {
  position:absolute;
  top:10px;
  left:400px;
}
#topslidemenu .bridal .submenu ul {
  list-style:none;
  
}
#topslidemenu .bridal .submenu li {
  width:300px;
  height:36px;
  margin:1px;
}
#topslidemenu .bridal .submenu li a{
  display:block;
  width:268px;
  height:40px;
  background:url(../images/bridal_submenu.gif) no-repeat;
  text-indent:-9999px;
}
#topslidemenu .bridal .submenu .menu1 a {
}
#topslidemenu .bridal .submenu .menu1 a:hover {
  background-position:-269px 0;
}
#topslidemenu .bridal .submenu .menu2 a {
  background-position:0 -37px;
}
#topslidemenu .bridal .submenu .menu2 a:hover {
  background-position: -269px -37px;
}
#topslidemenu .bridal .submenu .menu3 a {
  background-position:0 -74px;
}
#topslidemenu .bridal .submenu .menu3 a:hover {
  background-position: -269px -74px;
}
#topslidemenu .bridal .submenu .menu4 a {
  background-position:0 -111px;
}
#topslidemenu .bridal .submenu .menu4 a:hover {
  background-position: -269px -111px;
}
#topslidemenu .bridal .submenu .menu5 a {
  background-position:0 -148px;
}
#topslidemenu .bridal .submenu .menu5 a:hover {
  background-position: -269px -148px;
}
#topslidemenu .bridal .submenu .menu6 a {
  background-position:0 -185px;
}
#topslidemenu .bridal .submenu .menu6 a:hover {
  background-position: -269px -185px;
}
#topslidemenu .bridal .submenu .menu7 a {
  background-position:0 -222px;
}
#topslidemenu .bridal .submenu .menu7 a:hover {
  background-position: -269px -222px;
}



/* **** ﾀｮｿﾍｼｰ */
#topslidemenu .anniv h2{
	background-image: url(../images/20th_h2.jpg);
}
#topslidemenu .anniv .anniv_link a{
	display:block;
	width:800px;
	height:346px;
	position:absolute;
	top:1px;
	left:-1px;
	text-indent:-9999px;
	background-image: url(http://fossette.jp/images/blank.gif);
}


/* **** FONT */
#top-contents {
  margin:0;
  padding:0;
  font-size:75%;
  color:#444;
}
#top-contents .list ul {
  margin:0;
  padding:0;
  list-style:none;
}
#top-contents .list li {
  margin-bottom:5px;
}



#left-col {
  float:left;
  width:174px;
  /*
  border:#f00 solid 1px;
  */
}
#left-col .submenu {
  margin-bottom:10px;
}
#left-col .other ul,
#left-col .submenu ul {
  list-style:none;
  margin:0;
  padding:0;
}
#left-col .submenu li {
  height:46px;
  width:174px;
  margin:0 0 5px;
}
#left-col .submenu li a{
  display:block;
  height:46px;
  width:174px;
  background:url(../images/left_menu.gif) no-repeat;
  text-indent:-9999px;
}
#left-col .submenu .menu1 a{
}
#left-col .submenu .menu2 a{
  background-position:0 -46px;
}
#left-col .submenu .menu3 a{
  background-position:0 -92px;
}
#left-col .submenu .menu4 a{
  background-position:0 -138px;
}
#left-col .submenu .menu1 a:hover{
  background-position:-174px 0;
}
#left-col .submenu .menu2 a:hover{
  background-position:-174px -46px;
}
#left-col .submenu .menu3 a:hover{
  background-position:-174px -92px;
}
#left-col .submenu .menu4 a:hover{
  background-position:-174px -138px;
}
#left-col .other li img {
  width:174px;
  border:none;
  margin-bottom:5px;
}

#toptopic {
  margin-bottom:10px;
}


#center-col {
  float:left;
  width:300px;
  /*
  border:#f00 solid 1px;
  */
  margin-left:10px;
  display:inline;
}
#center-col #news {
  margin:0 0 10px;
  padding:0;
  text-align:left;
}
#center-col #news h3 {
  margin:0;
  padding:0;
  background:url(../images/h3_news.gif) no-repeat;
  text-indent:-9999px;
  width:300px;
  height:25px;
  display:block;
  overflow:hidden;
}
#center-col #news ul {
  float:left;
  margin:0;
  padding:0;
  list-style:none;
  width:298px;
  border-left:#eee solid 1px;
  border-right:#eee solid 1px;
  border-bottom:#eee solid 1px;
}
#center-col #news li {
  border-bottom:#aaa 1px dotted;
  padding:5px;
}
#center-col #news li .image {
  float:left;
  width:50px;
  margin:5px;
}
#center-col #news li .text {
  margin:5px;
  display:block;
  float:right;
  width:210px;
}
#center-col #news li .text .date {
  background:url(../img/pict01.gif) 0 5px no-repeat;
  text-indent:15px;
  color:#E38800;
  font-size:87%;
}
#center-col #tv-cm a{
  float:left;
  margin-bottom:5px;
}


#right-col {
  float:right;
  width:300px;
  /*
  border:#f00 solid 1px;
  */
}
#right-col h3 {
  margin:0;
  padding:0;
  text-indent:-9999px;
  width:300px;
  height:25px;
}

#right-col #event h3 {
  background:url(../images/h3_event.gif) no-repeat;
}
#right-col #photocolle h3 {
  background:url(../images/h3_photo.gif) no-repeat;
}
#right-col #free h3 {
  background:url(../images/h3_free.gif) no-repeat;
}

#right-col .list li {
  margin-bottom:5px;
}
#right-col .list ul {
  float:left;
  margin:0 0 10px;
  padding:0;
  list-style:none;
  width:298px;
  border-left:#eee solid 1px;
  border-right:#eee solid 1px;
  border-bottom:#eee solid 1px;
}