@charset "Shift_JIS";

/* ------ ページ構造 ------ */
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:center;
	background-color:#DDDCD8;
	line-height:140%;
	font-size:100%;
	font-family:"ＭＳ Ｐゴシック",Osaka,Helvetica,"ヒラギノ角ゴ Pro W3",sans-serif,Verdana;
}
body.map {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:center;
	background-color:#FFFFFF;
	line-height:140%;
	font-size:100%;
	font-family:"ＭＳ Ｐゴシック",Osaka,Helvetica,"ヒラギノ角ゴ Pro W3",sans-serif,Verdana;
}

TD{
	font-size: x-small;
	line-height:140%;
}

TD p{
padding-left:10px;
}

TH{
	font-size:x-small;
	line-height:140%;
	background-color:#bceaa8;
}
/* ------ ページレイアウト ------ */
#container{
	margin-left:auto;
	margin-right:auto;
}

/* ------ リンクの設定 ------ */
a:link, a:visited {
  color: #0066cc;
  background: transparent; 
  text-decoration: underline;
}

a.white:link, a.white:visited {
  color: white;
  background: transparent; 
  text-decoration: underline;
}

a:hover, a:active {
  color: #f24646;
  background: transparent; 
  text-decoration: none;
}

/* ------ タイトル用設定 ------ */
#main H2 { font-size: medium; 
	width:708px;
	height:35px;
	text-align:left; 
	line-height: 240%; 
	margin-left: 0px; 
	margin-top: 4px; 
	margin-bottom: 0px; 
	padding-top: 0px; 
	padding-left: 18px; 
	padding-bottom: -4px; 
	background-image: url(images/img_h2_main.gif);
	background-repeat: no-repeat; 
	color: #222222;
}
#shouhin H2 { font-size: medium; 
	width:708px;
	height:35px;
	text-align:left; 
	line-height: 240%; 
	margin-left: 0px; 
	margin-top: 4px; 
	margin-bottom: 0px; 
	padding-top: 0px; 
	padding-left: 18px; 
	padding-bottom: -4px; 
	background-image: url(images/img_h2_shouhin.gif);
	background-repeat: no-repeat; 
	color: #FFFFFF;
}
#event H2 { font-size: medium; 
	width:708px;
	height:35px;
	text-align:left; 
	line-height: 240%; 
	margin-left: 0px; 
	margin-top: 4px; 
	margin-bottom: 0px; 
	padding-top: 0px; 
	padding-left: 18px; 
	padding-bottom: -4px; 
	background-image: url(images/img_h2_event.gif);
	background-repeat: no-repeat; 
	color: #FFFFFF;
}
#colum H2 { font-size: medium; 
	width:708px;
	height:35px;
	text-align:left; 
	line-height: 240%; 
	margin-left: 0px; 
	margin-top: 4px; 
	margin-bottom: 0px; 
	padding-top: 0px; 
	padding-left: 18px; 
	padding-bottom: -4px; 
	background-image: url(images/img_h2_colum.gif);
	background-repeat: no-repeat; 
	color: #FFFFFF;
}
#oishii H2 { font-size: medium; 
	width:708px;
	height:35px;
	text-align:left; 
	line-height: 240%; 
	margin-left: 0px; 
	margin-top: 4px; 
	margin-bottom: 0px; 
	padding-top: 0px; 
	padding-left: 18px; 
	padding-bottom: -4px; 
	background-image: url(images/img_h2_oishii.gif);
	background-repeat: no-repeat; 
	color: #FFFFFF;
}
#kodawari H2 { font-size: medium; 
	width:708px;
	height:35px;
	text-align:left; 
	line-height: 240%; 
	margin-left: 0px; 
	margin-top: 4px; 
	margin-bottom: 0px; 
	padding-top: 0px; 
	padding-left: 18px; 
	padding-bottom: -4px; 
	background-image: url(images/img_h2_kodawari.gif);
	background-repeat: no-repeat; 
	color: #FFFFFF;
}
#club H2 { font-size: medium; 
	width:708px;
	height:35px;
	text-align:left; 
	line-height: 240%; 
	margin-left: 0px; 
	margin-top: 4px; 
	margin-bottom: 0px; 
	padding-top: 0px; 
	padding-left: 18px; 
	padding-bottom: -4px; 
	background-image: url(images/img_h2_club.gif);
	background-repeat: no-repeat; 
	color: #FFFFFF;
}
#tenpo H2 { font-size: medium; 
	width:708px;
	height:35px;
	text-align:left; 
	line-height: 240%; 
	margin-left: 0px; 
	margin-top: 4px; 
	margin-bottom: 0px; 
	padding-top: 0px; 
	padding-left: 18px; 
	padding-bottom: -4px; 
	background-image: url(images/img_h2_tenpo.gif);
	background-repeat: no-repeat; 
	color: #FFFFFF;
}
#map H2 { font-size: medium; 
	width:708px;
	height:35px;
	display:block;
	text-align:left; 
	margin-left: 0px; 
	margin-top: 4px; 
	padding-top: 10px; 
	padding-left: 18px; 
	background-image: url(images/img_h2_tenpo.gif);
	background-repeat: no-repeat; 
	color: #FFFFFF;
}

#container .index{ font-size: medium; 
	text-align:left; 
	line-height: 100%; 
	margin-left: 14px; 
	margin-bottom: 0px; 
	padding-left:56px; 
	padding-top:8px; 
	background-image: url(images/ico_info01.gif);
	background-repeat: no-repeat; 
	height:28px;
	color:#222222;
}

H3 { 
	font-size: small; 
	text-align:left; 
	height:36px;
	margin-left: 4px; 
	margin-top: 4px; 
	margin-bottom: 0px; 
	padding-top: 8px; 
	padding-left: 28px; 
	padding-bottom: -4px; 
	background-image: url(images/img_h3.gif);
	background-repeat: no-repeat; 
}
#map H3 { 
	font-size: x-small; 
	width:300px;
	height:20px;
	display:block;
	text-align:left; 
	margin-left: 4px; 
	margin-top: 6px; 
	margin-bottom: 0px; 
	padding-top: 6px; 
	padding-left: 20px; 
	background-image: url(images/ico_map01.gif);
	background-repeat: no-repeat; 
}

#tenpo H4 { 
	font-size: x-small; 
	font-weight:normal;
	text-align:left; 
	margin-left: 120px; 
	margin-top: 4px; 
	margin-bottom: 0px; 
	padding-top: 4px; 
	padding-left: 14px; 
	padding-bottom: -4px; 
	background-image: url(images/ico_map02.gif);
	background-repeat: no-repeat; 
}


 フォントサイズ　ピクセル系 
.px8 {   font-size: 8px; line-height: 12px}
.px10 {  font-size: 10px; line-height: 16px;
  font-weight : normal;
}
.px11 {  font-size: 11px; line-height: 17px;}
.px12 {  font-size: 12px; line-height: 18px;}
.px14 {  font-size: 14px; line-height: 20px;}
.px16 {  font-size: 16px; line-height: 22px;}
.px18 {  font-size: 18px; line-height: 24px;}
.px20 {  font-size: 20px; line-height: 26px;}

 フォントサイズ　サイズ系 
.xxs {   font-size: xx-small; line-height: 120%}
.xs {  font-size: x-small; line-height: 120%;}
.s {  font-size: small; line-height: 140%;}
.m {  font-size: medium; line-height: 110%;}
.l {  font-size: large; line-height: 100%;}
.xl {  font-size: x-large; line-height: 100%;}
.xxl {  font-size: xx-large; line-height: 100%;}

 フォントカラー＋BOLD　サイズ系 
.l-red {  font-size: large; color: #DD3333 ; line-height: 100%; font-weight:bold;}
.red-bold {
	font-weight: bold;
	color: #E50000;
	font-size: 16px;
}
.brown {
	color: #995100;
	font-size: 12px;
	line-height: 18px;
}
.s-red {  font-size: small; color: #DD3333 ; line-height: 140%; font-weight:bold;}
.xs-red {  font-size: x-small; color: #DD3333 ; line-height: 140%; font-weight:bold;}
.l-blue {  font-size: large; color: #2222DD ; line-height: 100%; font-weight:bold;}
.s-blue {  font-size: small; color: #2222DD ; line-height: 140%; font-weight:bold;}
.xs-blue {  font-size: x-small; color: #2222DD ; line-height: 140%; font-weight:bold;}
.l-green {  font-size: large; color: #22AA22 ; line-height: 100%; font-weight:bold;}
.s-green {  font-size: small; color: #22AA22 ; line-height: 140%; font-weight:bold;}
.xs-green {  font-size: x-small; color: #22AA22 ; line-height: 140%; font-weight:bold;}

 禁則処理＋両端揃え 
.kinsoku { line-break:strict; text-align:justify;text-justify:distribute;font-size: 12px; line-height: 18px }

 テキストの両端揃え＆禁則処理 
.just1 { line-break:strict; text-align:justify;text-justify:distribute; }

 テキストの禁則処理「、」「。」「ゃゅょっ」 
.just2 { line-break:strict;}

 印刷指定（テーブルの途中で改ページすることを禁止します） 
TABLE { page-break-inside: avoid; }
