/* ------------------------------------------------------------------
padding: 2px; … ［上下左右］ を指定
padding: 2px 4px; … ［上下］ と ［左右］ を指定
padding: 2px 4px 6px; … ［上］ と ［左右］ と ［下］ を指定
padding: 2px 4px 6px 8px; … ［上］ と ［右］ と ［下］ と ［左］ を指定
 ------------------------------------------------------------------ */




.ws1400 {
  max-width: 1400px;
  height: auto;
}

.ws1200 {
  max-width: 1200px;
  height: auto;
}


.ws1100 {
  max-width: 1100px;
  height: auto;
}


.hs1000 {
  max-height: 1000px;
  max-width: 1200px;
}


.ws1000 {
  max-width: 1000px;
  height: auto;
}

.ws900 {
  max-width: 900px;
  height: auto;
}


.ws800 {
  max-width: 800px;
  height: auto;
}


.ws700 {
  max-width: 700px;
  height: auto;
}


.ws600 {
  max-width: 600px;
  height: auto;
}



.ws500 {
  max-width: 500px;
  height: auto;
}



.ws450 {
  max-width: 450px;
  height: auto;
}




.ws400 {
  max-width: 400px;
  height: auto;
}




.ws350 {
  max-width: 350px;
  height: auto;
}




.w100 {
  max-width: 100%;
  height: auto;
}

.h100 {
  max-height: 100%;
  width: auto;
}

.w99 {
  max-width: 99%;
  height: auto;
}

.w98 {
  max-width: 98%;
  height: auto;
}
.w95 {
  max-width: 95%;
  height: auto;
}
.w90 {
  max-width: 95%;
  height: auto;
}
.w85 {
  max-width: 90%;
  height: auto;
}
.w80 {
  max-width: 90%;
  height: auto;
}
.w75 {
  max-width: 90%;
  height: auto;
}
.w70 {
  max-width: 90%;
  height: auto;
}
.w60 {
  max-width: 80%;
  height: auto;
}
.w50 {
  max-width: 70%;
  height: auto;
}
.w40 {
  max-width: 60%;
  height: auto;
}

.w30 {
  max-width: 50%;
  height: auto;
}
.w10 {
  max-width: 30%;
  height: auto;
}

.pict	 {BORDER-BOTTOM: #c1c1c1 1px solid; BORDER-LEFT: #dce3e3 1px solid; BORDER-TOP: #dce3e3 1px solid; BORDER-RIGHT: #c1c1c1 1px solid; TEXT-ALIGN: center}
.pict2	 {BORDER-BOTTOM: #c1c1c1 1px solid; BORDER-LEFT: #dce3e3 1px solid; BORDER-TOP: #dce3e3 1px solid; BORDER-RIGHT: #c1c1c1 1px solid; }

.pictw180	 {WIDTH: 180px; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 5px; PADDING-TOP: 10px; 
		BORDER-BOTTOM: #c1c1c1 1px solid; BORDER-LEFT: #dce3e3 1px solid; BORDER-TOP: #dce3e3 1px solid; BORDER-RIGHT: #c1c1c1 1px solid}

.pictw200	 {WIDTH: 200px; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 5px; PADDING-TOP: 10px; 
		BORDER-BOTTOM: #c1c1c1 1px solid; BORDER-LEFT: #dce3e3 1px solid; BORDER-TOP: #dce3e3 1px solid; BORDER-RIGHT: #c1c1c1 1px solid}




.pictw250	 {WIDTH: 250px; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 5px; PADDING-TOP: 10px; 
		BORDER-BOTTOM: #c1c1c1 1px solid; BORDER-LEFT: #dce3e3 1px solid; BORDER-TOP: #dce3e3 1px solid; BORDER-RIGHT: #c1c1c1 1px solid}



.pictw301	 {WIDTH: 300px; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 5px; PADDING-TOP: 10px; 
		BORDER-BOTTOM: #c1c1c1 1px none; BORDER-LEFT: #dce3e3 1px none; BORDER-TOP: #dce3e3 1px none; BORDER-RIGHT: #c1c1c1 1px none}



.pictw280	 {WIDTH: 280px; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 5px; PADDING-TOP: 10px; 
		BORDER-BOTTOM: #c1c1c1 1px solid; BORDER-LEFT: #dce3e3 1px solid; BORDER-TOP: #dce3e3 1px solid; BORDER-RIGHT: #c1c1c1 1px solid}

.pictw280_grada {BACKGROUND: url(../inf/grada.jpg) #fff no-repeat 0px 0px;WIDTH: 280px; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 5px; PADDING-TOP: 10px; 
		BORDER-BOTTOM: #c1c1c1 1px solid; BORDER-LEFT: #dce3e3 1px solid; BORDER-TOP: #dce3e3 1px solid; BORDER-RIGHT: #c1c1c1 1px solid}

.pictw300	 {WIDTH: 300px; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 5px; PADDING-TOP: 10px; 
		BORDER-BOTTOM: #c1c1c1 1px solid; BORDER-LEFT: #dce3e3 1px solid; BORDER-TOP: #dce3e3 1px solid; BORDER-RIGHT: #c1c1c1 1px solid}


.pictw350	 {WIDTH: 350px; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 5px; PADDING-TOP: 10px; 
		BORDER-BOTTOM: #c1c1c1 1px solid; BORDER-LEFT: #dce3e3 1px solid; BORDER-TOP: #dce3e3 1px solid; BORDER-RIGHT: #c1c1c1 1px solid}


.box_syun270   {POSITION: relative; BACKGROUND: url(../imgs2/bg_album_sss_1.gif) #fff no-repeat 0px 0px; WIDTH: 270px; HEIGHT: 198px; TEXT-ALIGN: center; }
.box_grada265 {POSITION: relative; BACKGROUND: url(../inf/grada.jpg) #fff no-repeat 0px 0px; WIDTH: 265px; HEIGHT: 150px; PADDING-RIGHT: 2px;  PADDING-LEFT: 2px; PADDING-TOP: 7px;}
.box_grada265_u {POSITION: relative; BACKGROUND: url(../inf/grada_u.jpg) #fff no-repeat 0px 0px; WIDTH: 265px; HEIGHT: 120px; PADDING-RIGHT: 2px;  PADDING-LEFT: 2px; PADDING-TOP: 0px;}

.scrollbar {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 0px; OVERFLOW: auto; WIDTH: 930px; PADDING-TOP: 0px; HEIGHT: 220px; BACKGROUND-COLOR:  #111111
}


.scrollbar2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 0px; OVERFLOW: auto; WIDTH: 850px; PADDING-TOP: 0px; HEIGHT: 170px; BACKGROUND-COLOR:  #ffffff
}



.scrollbar3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 0px; OVERFLOW: auto; WIDTH: 365px; PADDING-TOP: 0px; HEIGHT: 400px; BACKGROUND-COLOR:  #ffffff
}


a:link    { text-decoration:none; color:#111111 }
a:visited { text-decoration:none; color:#111111 }
a:active  { text-decoration:none; color:#0000ff }
a:hover   { text-decoration:none; color:#ff4444 }


A.l_black 	{COLOR: #666666; TEXT-DECORATION: none}
A.l_black:link 	{COLOR: #666666; TEXT-DECORATION: none}
A.l_black:visited {COLOR: #666666; TEXT-DECORATION: none}
A.l_black:hover {COLOR: #ff3333; TEXT-DECORATION: none}


A.white 		{COLOR: #aaaaaa; TEXT-DECORATION: none}
A.white:link 	{COLOR: #aaaaaa; TEXT-DECORATION: none}
A.white:visited	 {COLOR: #aaaaaa; TEXT-DECORATION: none}
A.white:hover 	{COLOR: #ff5555; TEXT-DECORATION: none}



A.white2 		{COLOR: #eeeeee; TEXT-DECORATION: none}
A.white2:link 	{COLOR: #eeeeee; TEXT-DECORATION: none}
A.white2:visited 	{COLOR: #eeeeee; TEXT-DECORATION: none}
A.white2:hover 	{COLOR: #ff6666; TEXT-DECORATION: none}

A.white3 		{COLOR: #ffffff; TEXT-DECORATION: none}
A.white3:link 	{COLOR: #ffffff; TEXT-DECORATION: none}
A.white3:visited 	{COLOR: #eeeeee; TEXT-DECORATION: none}
A.white3:hover 	{COLOR: #ff6666; TEXT-DECORATION: none}

A.blue		{COLOR: #6666cc; TEXT-DECORATION: none}
A.blue:link 	{COLOR: #6666cc; TEXT-DECORATION: none}
A.blue:visited	{COLOR: #6666cc; TEXT-DECORATION: none}
A.blue:hover 	{COLOR: #ff4444; TEXT-DECORATION: none}

A.lblue		{COLOR: #9999cc; TEXT-DECORATION: none}
A.lblue:link 	{COLOR: #9999cc; TEXT-DECORATION: none}
A.lblue:visited	{COLOR: #9999cc; TEXT-DECORATION: none}
A.lblue:hover 	{COLOR: #ff4444; TEXT-DECORATION: none}

A.dblue		{COLOR: #4444dd; TEXT-DECORATION: none}
A.dblue:link 	{COLOR: #4444dd; TEXT-DECORATION: none}
A.dblue:visited	{COLOR: #4444dd; TEXT-DECORATION: none}
A.dblue:hover 	{COLOR: #ff4444; TEXT-DECORATION: none}

A.spblue	{COLOR: #333333; TEXT-DECORATION: none}
A.spblue:link 	{COLOR: #333333; TEXT-DECORATION: none}
A.spblue:visited	{COLOR: #333333; TEXT-DECORATION: none}
A.spblue:hover 	{COLOR: #5555ff; TEXT-DECORATION: none}

A.green		{COLOR: #438833; TEXT-DECORATION: none}
A.green:link 	{COLOR: #438833; TEXT-DECORATION: none}
A.green:visited	{COLOR: #438833; TEXT-DECORATION: none}
A.green:hover 	{COLOR: #ff3333; TEXT-DECORATION: none}

A.red		{COLOR: #ff5555; TEXT-DECORATION: none}
A.red:link 	{COLOR: #ff5555; TEXT-DECORATION: none}
A.red:visited	{COLOR: #ff5555; TEXT-DECORATION: none}
A.red:hover 	{COLOR: #5555ff; TEXT-DECORATION: underline}

A.orange		{COLOR: #bb7755; TEXT-DECORATION: none}
A.orange:link 	{COLOR: #bb7755; TEXT-DECORATION: none}
A.orange:visited 	{COLOR: #bb7755; TEXT-DECORATION: none}
A.orange:hover 	{COLOR: #ff0000; TEXT-DECORATION: none}


A.linkc		{COLOR: #74448c; TEXT-DECORATION: none}
A.linkc:link 	{COLOR: #74448c; TEXT-DECORATION: none}
A.linkc:visited 	{COLOR: #74448c; TEXT-DECORATION: none}
A.linkc:hover 	{COLOR: #ff0000; TEXT-DECORATION: none}



A.blue2		{COLOR: #8888ff; TEXT-DECORATION: none}
A.blue2:link 	{COLOR: #8888ff; TEXT-DECORATION: none}
A.blue2:visited {COLOR: #8888ff; TEXT-DECORATION: none}
A.blue2:hover 	{COLOR: #ff5555; TEXT-DECORATION: none}



a.waku 		{ text-decoration:none;  color:#444444 }
a.waku:link 	{ text-decoration:none;  color:#444444 }
a.waku:visited	 { text-decoration:none;  color:#444444 }
a.waku:hover	 { text-decoration:none; color:#0000ff; background-color:#c0eddd }


h1 { font-size:22px} 
h2 { font-size:18px} 







/* ----------新 chat gptより-------------------- */

html {
  -webkit-text-size-adjust: 100%; /* iOS Safariのデフォルト文字拡大を防止 */
  text-size-adjust: 100%; /* 他のブラウザ用 */
}



/* デフォルトのスタイル（PC用） */
body, tr, td {
  font-size: 14px;
  font-family: メイリオ;
}

.size_ss { font-size: 9px; }
.size_s { font-size: 11px; }
.size_m { font-size: 14px; }
.size_mm { font-size: 14px; }
.size_l { font-size: 16px; }
.size_ll { font-size: 18px; }
.size_lll { font-size: 22px; }
.size_llll { font-size: 26px; }
.size_lllll { font-size: 32px; }
.size_6l { font-size: 40px; }

/* スマホ用スタイル（768px以下） */
@media (max-width: 768px) {
  body, tr, td {
    font-size: 12px; /* ベースサイズを小さくする */
  }

  .size_ss { font-size: 8px; }
  .size_s { font-size: 10px; }
  .size_m { font-size: 12px; }
  .size_mm { font-size: 12px; }
  .size_l { font-size: 14px; }
  .size_ll { font-size: 16px; }
  .size_lll { font-size: 20px; }
  .size_llll { font-size: 24px; }
  .size_lllll { font-size: 30px; }
  .size_6l { font-size: 36px; }
}
/* ----------新 chat gptより-------------------- */










.text-red {COLOR: #ff5555}
.text-white {COLOR: #ffffff}
.text-dblue {COLOR: #5555ff}
.text-linkc {COLOR: #74448c}



/* カテゴリメニュー */
.cate01 {
	width: 180px;
	text-align: left;
}
.categorymenu {
	margin: 0px;
	padding: 3px 8px 3px 5px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #94CF0C;
	border-left-color: #94CF0C;
	text-align: left;
}

.categorymenu ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.categorymenu li{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	font-size: 100%;
	list-style-type: none;
	padding-top: 0px;
	padding-bottom: 3px;
	padding-left: 15px;
	padding-right: 0px;
	margin: 1px 0px 0px;
	background-image: url(../km_img/catemenu.gif);
	background-repeat: no-repeat;
	display: block;
	background-position: 2px 1px;
}





/* トピックメニュー */
.cate02 {
	width: 180px;
	text-align: left;
}


.cate21 {
	width: 300px;
	text-align: left;
}



.cate22 {
	width: 120px;
	text-align: left;
}




.topicmenu {
	margin: 0px;
	padding: 3px 8px 3px 5px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #aaaaaa;
	border-left-color: #aaaaaa;
	text-align: left;
}




.topicmenu ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.topicmenu li{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	font-size: 100%;
	list-style-type: none;
	padding-top: 0px;
	padding-bottom: 3px;
	padding-left: 15px;
	padding-right: 0px;
	margin: 1px 0px 0px;
	background-image: url(../kamakura/km_img/topicmenu.gif);
	background-repeat: no-repeat;
	display: block;
	background-position: 2px 1px;
}





.topicmenu_p {
	margin: 0px;
	padding: 3px 8px 3px 5px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #bbbbbb;
	border-left-color: #bbbbbb;
	text-align: left;
}



.topicmenu_p ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}




.topicmenu_p li{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #bbbbbb;
	font-size: 100%;
	list-style-type: none;
	padding-top: 0px;
	padding-bottom: 3px;
	padding-left: 15px;
	padding-right: 0px;
	margin: 1px 0px 0px;
	background-image: url(../kamakura/km_img/topicmenu.gif);
	background-repeat: no-repeat;
	display: block;
	background-position: 2px 1px;
}







#tmp_lnavi {
	margin: 5px 0px 10px; width: 250px;  clear: both;
}

#tmp_lnavi_s {
	margin: 0px; width: 150px;  clear: both;
}

#tmp_lnavi_ttl {
	background: url("../kamakura/km_img/lnavi_ttl_bg.jpg") no-repeat left top; padding: 5px; 
}
#tmp_lnavi_ttl_s {
	background: url("../kamakura/km_img/lnavi_ttl2_bg_s.jpg") no-repeat left top; padding: 5px 20px; font-weight: bold;
}
#tmp_lnavi_ttl_rd {
	background: url("../kamakura/km_img/lnavi_ttl_bg_rd.jpg") no-repeat left top; padding: 5px 15px; font-weight: bold;
}
#tmp_lnavi_cnt {
	padding: 9px 9px 5px; border: 1px solid rgb(192, 220, 234); color: inherit; background-color: rgb(255, 255, 255);
}
#tmp_lnavi_cnt_s {
	padding: 5px 15px; border: 1px solid rgb(200, 200, 200); color: inherit; background-color: rgb(255, 255, 255);
}
#tmp_lnavi_cnt_rd {
	padding: 9px 9px 5px; border: 1px solid rgb(240, 207, 217); color: inherit; background-color: rgb(255, 255, 255);
}
#tmp_lnavi ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#tmp_lnavi ul li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgb(200, 200, 200);
	font-size: 100%;
	list-style-type: none;
	padding-top: 0px;
	padding-bottom: 3px;
	padding-left: 15px;
	padding-right: 0px;
	margin: 1px 0px 0px;
	background-image: url(../kamakura/km_img/topicmenu.gif);
	background-repeat: no-repeat;
	display: block;
	background-position: 2px 1px;
}