body{ color:#636363; }

p{font-size: clamp(12px, 4vw, 16px); line-height:1.4em; padding:7px 0; margin:0; font-weight:normal;}
p{font-size:1.17em;}

html {-webkit-text-size-adjust:none}

a{text-decoration:none; color:#494949; border;none:}
a:link{ color:#494949;} 
a:visited{ color:#494949; }
.new{width:30px; font-size:11px; font-weight:bold; color:#ff2f6d;}
.new-text{color:#ff2f6d;}

h2{margin:0; padding:0;}


/*********************************************************
                          top
*********************************************************/

#container{width:560px; border-left:8px solid #4682b4; }

#top{ padding:10px 0 20px 15px; width:524px; height:100px; text-align:left;}
#top img{margin:20px auto 0px auto ;}

#main{width:515px; padding:0px 10px; margin-top:10px;}

#menu{ width:510px; height:170px; padding:5px 0; }
	.title{ width:510px; text-align:left; padding-bottom:5px; display:block; margin-right:15px; float:left; }

#container ul {list-style:none; padding-left:5px; margin:0;}
#container li{ font-size:14px; font-weight:bold; margin:10px 10px 0 10px ; padding:5px 0 5px 20px; display:block; border-bottom:#6F6F6F dotted 2px; width:470px; *width:480px; height:18px;  color:#6F6F6F; clear:both;}

	.memo{ font-size:10px; line-height:1.4em; padding-top:2px; margin:0; font-weight:normal; display:block; width:260px; float:left;}

.info{background:#E5F8E4; width:475px; *width:485px; height:44px; padding:8px; margin:0 0 5px 15px; clear:both;}
	.info img{float:left; width;200px; height:40px; margin-right:15px; border;0:}
	.info p{line-height:1.6em; padding-top:2px; float:left; font-size:12px;color:#6F6F6F;}


#submenu{ padding-left:25px; }
#submenu p{ display:block; width:490px; padding:2px 0 1px 5px; margin-bottom:8px; border-bottom:#C1C1C1 1px solid; }
#clap{ height:40px;}
#ring{ margin-bottom:20px; height:150px;}
#ring img{ margin-right:20px; *margin-right:15px; float:left; }
#ring img.zss{ width:88px; margin-right:130px; *margin-right:120px; float:left;}
#ring #re{width:200px; float:left; margin-top:-2px; margin-right:20px; *margin-right:15px; }
#event{ margin-bottom:20px; height:90px;}
#event img{ margin-right:20px;}

/*********************************************************
                          contents
*********************************************************/


div.contents{width:95%; background: url(img/side-all.gif) repeat-y left; padding:0px 0px 10px 0px; margin:auto;}

div.contents h2.title{ width:100%; height:25px; font-size: clamp(16px, 4vw, 18px); font-weight:normal; text-align:center;
	 background-color:#4682b4; text-indent:20px; color:#FFFFFF; margin:10px 0; }

div.message{padding:0 10px; width:100%;}
div.message p{text-align:center;}

div.category{padding:0px 0 30px 0px; font-size:12px; margin:auto;}

div.category h3{width:100%; padding:5px 0;  margin:10px 0 15px 0;
		 border-bottom:#6F6F6F dotted 1px; border-top:#6F6F6F solid 1px;
		 text-align:center; text-indent:10px; font-weight:normal; }

/* h3{width:300px; text-indent:10px; font-size: clamp(16px, 4vw, 18px); margin:0 0 0px 10px; font-weight:normal; float:left;}
div.category p{margin:0 0 10px 10px; padding:0; float:left;} */


#link table{ margin:10px 0 20px; width:500px; }
#link td{ padding:10px; font-size:12px;}
#link td.page{color:#13ADCF; }
#link td.page a.off{ padding:1px 5px; color:#FFFFFF; margin-right:5px; background-color:#13ADCF; border:#13ADCF solid 1px; border-right:#494949 solid 1px; border-bottom:#494949 solid 1px;}
#link td.page a.off:hover{color:#494949;}
#link td.page a.off:active{ border:none; border:#13ADCF solid 1px;}
#link td.page a.on{ padding:1px 5px; background-color:#FFFFFF; margin-right:5px; border:#13ADCF solid 1px; }

div.gift{width:600px; padding:10px 0 10px 20px; font-size:12px; line-height:1.6em; text-indent:10px }
div.gift2{width:480px; padding:5px 0 0 20px ;border-top:#6F6F6F dotted 1px; text-indent:0;}

div#mail{margin-top:10px;}


table.book{ margin:10px 20px; width:350px; }
td.book{ padding:2px 10px; font-size:9px; color:#13ADCF;}

/*********************************************************
                          text2 new
*********************************************************/

TABLE.t-table2{
  margin-top : 10px; width : 95%;
}


TABLE.t-table2 TD{
  padding : 40px 0 0 40px ;
  border-left:5px solid #4682b4;
  font-size: 15px ;
  line-height : 1.8em;
}

TABLE.t-table2 TD.t-title{
  font-size : 15px;
  border-bottom : 1px solid #4682b4;
  padding : 60px 0 40px 40px ;
}


TABLE.t-clap{
  margin : 20px 25px 0 20px ; 
  font-size : xx-small;
  font-family: "ＭＳ ゴシック",sans-serif;
}

TABLE.t-clap TD{
  padding : 20px 0 0 10px ;
  line-height : 1.6em;
}

TABLE.t-clap TD.t-title{
  border-bottom : 1px solid #13ADCF;
  padding : 10px 0 10px 10px ;
}


/*********************************************************
                          footer
*********************************************************/
.footer{font-size: clamp(14px, 4vw, 16px); background-color:#4682b4; padding:1px 15px; line-height : 1.2em; margin: 0 0 200px 0; text-align:center;}
.footer a{ padding:0 15px;  color:#FFFFFF;}
.footer a:link{ color:#FFFFFF;} 
.footer a:visited{ color:#FFFFFF; }
.footer a:hover { color:#494949;}