@charset "UTF-8";

@import url(textsettings.css);

/* ---------------------------------------------------------------- *
 ドキュメント全体に関する設定です
 * ---------------------------------------------------------------- */

 /* --- Firefoxズレ修正（html） --- */
html {   
    overflow-y:scroll;   
} 

* { padding: 0; margin: 0; }

body {
 /* --- 基本的な前景色（文字色）を設定 --- */
 color: #333333;
 font-size: 13px;
 *font-size: small;
 *font: x-small;
 font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, sans-serif; 
 background: url(../img/bg.gif);
 margin: 0;
 padding: 0; 
}

table {
 border-collapse:collapse;
 border-spacing:0px;
}

#wrapper {
 border: 1px solid #CCCCCC;
 background: #FFFFFF;
 margin: 0 auto;
 width: 796px;
 position: relative;
 right: 0; 
}

/* ハイパーリンク付き画像は枠なし */
a img {
  border: none;
}

/* 画像左寄せ、文字回り込み */
.imgbox-left {
  float:left; margin-right:1em; margin-bottom:0em; 
}

.imgbox-left2 {
  float:left; margin-right:2px; margin-bottom:0em; 
}

/* 画像右寄せ、文字回り込み */
.imgbox-right {
  float:right; margin-left:1em; margin-bottom:0em; 
}

/*共通マージン*/

.mb20 {
margin-bottom: 20px;
margin-top:15px;
}

/*共通パディング*/

.plr15 { padding-left: 10px; padding-right: 10px; }
.plr25 { padding-left: 25px; padding-right: 25px; }

.plr12t { padding-left: 10px; padding-right: 10px; padding-top: 12px; }

/* ---------------------------------------------------------------- *
 ヘッダ部分の設定
 * ---------------------------------------------------------------- */

#header {
 width: 774px;
 float: left;
 padding-left: 15px;
 height: 100px;
 margin: 0;
 background: url(../img/hd_btn-img.jpg) no-repeat top right ;
}

/* 回り込み解除設定 */
#header, #navi, .contents {
  clear: both;
}

#logoarea
{
 float: left;
 width: 250px;
 margin: 0;
}

#sitemaparea
{
 float: right;
 width: 290px;
 text-align: right;
 /* --- マージンを設定 --- */
 margin:10px 0 10px 0;
}

#sitemaparea img {
 margin-bottom: 10px;
 padding: 0px;
}

#sitemaparea ul
{
 /* --- リストの行頭につく印を消します --- */
 list-style-type: none;
}

#sitemaparea ul li {  
 display:inline;  
}
 
#sitemaparea ul li a { 
 height: 23px; 
 width: 145px; 
 display: block;  
 float: right; 
 text-decoration: none; 
}

/* サイトマップ */
#hd-btn-sitemap
{
 background: url(../img/hd_btn-sitemap.gif) no-repeat;
 margin: 0;
}
#hd-btn-sitemap:hover/* --- ポイント時の設定 --- */
{
 background-position: 0 -23px;
}
/* インフォメーション */
#hd-btn-info
{
 background: url(../img/hd_btn-info.gif) no-repeat;
}
#hd-btn-info:hover/* --- ポイント時の設定 --- */
{
 background-position: 0 -23px;
}

#btnarea
{
 float: right;
 width: 380px;
 text-align: right;
 border: 1px solid #999999;
 padding-right: 5px;
}

#btnarea img {
 margin: 0px;
 padding: 0px;
}

#btnarea ul
{
 /* --- リストの行頭につく印を消します --- */
 list-style-type: none;
 /* --- マージンを設定 --- */
 margin: 5px 0 0 0 ;
}

#btnarea ul li {  
 display:inline;  
}
 
#btnarea ul li a { 
 height: 23px; 
 width: 121px; 
 display: block;  
 float: right; 
 text-decoration: none; 
}

/* 無料入場券 */
#hd-btn-free
{
 background: url(../img/hd_btn-free.gif) no-repeat;
}
#hd-btn-free:hover/* --- ポイント時の設定 --- */
{
 background-position: 0 -23px;
}
/* 施設案内 */
#hd-btn-advice
{
 background: url(../img/hd_btn-advice.gif) no-repeat;
}
#hd-btn-advice:hover/* --- ポイント時の設定 --- */
{
 background-position: 0 -23px;
}
/* 特別観覧席 */
#hd-btn-seat
{
 background: url(../img/hd_btn-seat.gif) no-repeat;
}
#hd-btn-seat:hover/* --- ポイント時の設定 --- */
{
 background-position: 0 -23px;
}
/* 交通アクセス */
#hd-btn-traffic
{
 background: url(../img/hd_btn-traffic.gif) no-repeat;
}
#hd-btn-traffic:hover/* --- ポイント時の設定 --- */
{
 background-position: 0 -23px;
}

/* ---------------------------------------------------------------- *
 ナビゲーション部分の設定
 * ---------------------------------------------------------------- */

#navi {
 float: left;
 /* --- 背景を設定 --- */
 background: #FFFFFF url(../img/bg-navi.jpg) repeat-x;
 /* --- マージンを設定 --- */
 margin: 0 0 5px 0;
 /* --- パディングを設定 --- */
 padding: 0;
 /* --- 高さを設定 --- */
 height: 40px;
 /* --- 幅を設定 --- */
 width: 796px;
}

#navi ul {
 /* --- マージンを設定 --- */
 margin: 0;
 /* --- パディングを設定 --- */
 padding: 0; 
 list-style-type: none; 
}

#navi ul li {
 /* --- マージンを設定 --- */
 margin: 0;
 /* --- パディングを設定 --- */
 padding: 0;
 /* --- 横並びにさせるためにフロートを指定 --- */
 float: left;
}

#navi ul:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}

.navi-link
{
 height: 40px;
/* overflow: hidden;*/
 display: block;
 text-indent: -9999px;
 margin: 0 1px 0 0;
}

#navi ul li a:hover
{
 background-position: center -40px;
}

#navi ul li .navi-on
{
 background-position: center -40px !important;
}

 /* --- グローバルメニューの（背景）画像 --- */
 
#navi-home/* ホーム */
{
 background: url(../img/hd_navi_home.jpg) no-repeat center top;
 width: 158px;
}

#navi-sale/* 発売情報 */
{
 background: url(../img/hd_navi_sale.jpg) no-repeat center top;
 width: 158px;
}

#navi-news/* 川崎競馬ニュース */
{
 background: url(../img/hd_navi_news.jpg) no-repeat center top;
 width: 158px;
}

#navi-maniacs/* カワサキケイバマニアックス */
{
 background: url(../img/hd_navi_maniacs.jpg) no-repeat center top;
 width: 158px;
}

#navi-data/* データ集 */
{
 background: url(../img/hd_navi_data.jpg) no-repeat center top;
 width: 158px;
}
/* ---------------------------------------------------------------- *
 HOME(http://kawasaki-keiba.jp/)の設定
 * ---------------------------------------------------------------- */

/*********************** TOP Image / 開催情報の設定 ***********************/ 
 
#topic { 
 width: 796px;
 height: 280px;
 clear: both;
 /* --- 背景を設定（コピーライトを表示）--- */
 background: #FFFFFF url(../img/top_img.jpg) no-repeat right top;
 margin: 0px;
 padding: 0px;
 padding-top:10px;
}

#topic img { 
 margin: 0px;
 padding: 0px 0px 1px 0px ;
}

#topic p{
 font-size: 90%;
 padding-left: 10px;
}

#topic p.lv1{
 font-size: 115%;
 font-weight: bold;
}

#topic p.lv2{
 font-weight: normal;
 font-size: small;
}

 /* --- 左サイドコンテンツ（開催情報※背景色白）領域の設定 --- */
.information-w {
 width: 300px;
 color:#000000;
 font-size: 90%;  
  max-width: 300px;
  max-height: 255px;
  width: auto;
  height: auto;
  overflow:auto;

 background: #FFFFFF; 
 /* --- マージンを設定 --- */
 margin: 0 0 0 2em;;
 /* --- パディングを設定 --- */
 padding: 0;
 /* --- 透過処理を設定 --- */
 filter: alpha(opacity=90);
  -moz-opacity:0.9;
  opacity:0.9;
}

/* リスト */
.information-w ul{
 list-style-type: none;
 padding: 0 0 0 10px;
}   
.information-w ul li {   
 margin: 0 0 1px 0px;
 line-height: 120%; 
}   
.information-w ul li a {   
 font-weight: normal; 
}
.information-w img {
 margin-left: 0px;
 margin-bottom: 1px;
 padding: 0px;
}

.information-w img.fig {
 float: right;
 clear:both;
 margin-right: 5px;
 padding: 0px;
}

/******************* レイアウト(左コンテンツエリア)の設定 ******************/ 

#leftcolumn { 
 float: left;
 margin: 0px;
 padding: 10px 0px 0px 5px;
 width: 390px;
 display:inline;
}

/******************* レイアウト(右コンテンツエリア)の設定 ******************/ 

#rightcolumn { 
 float: right;
 margin: 0px;
 padding: 10px 0px 0px 0px;
 width: 400px;
 display:inline;
}

/************** サイドコンテンツ（注目のニュース/更新履歴 etc.）領域の設定 *************/
.sidebox {
 width: 385px;
 margin: 0px;
 padding: 0px;
}

.sidebox p { 
 padding: 6px 0 0 1em;
}

.sidebox img {
 margin: 0;
 padding: 0;
}

#rightcolumn .up1 { float:left; width:310px; }
#rightcolumn .up2 { float:left; width:20px; }
#rightcolumn .up2 img { padding-top:6px; padding-right:6px; }
#rightcolumn .clrbox { clear:both; }

/* ---------------------------------------------------------------- *
 カワサキケイバマニアックス部分の設定
 * ---------------------------------------------------------------- */

#maniacs { 
 width: 774px;
 clear: both;
 border-top: 1px dotted #ccc;
 background: #FFFFFF;
 margin: 0px;
 padding: 10px;
}

#maniacs ul {
 /* --- マージンを設定 --- */
 margin: 0;
 /* --- パディングを設定 --- */
 padding: 0; 
 list-style-type: none; 
}

#maniacs ul li {
 /* --- マージンを設定 --- */
 margin: 0;
 /* --- パディングを設定 --- */
 padding: 3px;
 /* --- 横並びにさせるためにフロートを指定 --- */
 float: left;
}

.maniacs-link
{
 height: 120px;
/* overflow: hidden;*/
 display: block;
 text-indent: -9999px;
 margin: 0 1px 0 0;
}

#maniacs ul li a:hover
{
 background-position: center -120px;
}

#maniacs ul li .navi-on
{
 background-position: center -120px !important;
}

#maniacs-01
{
 background: url(../img/maniacs_01.gif) no-repeat center top;
 width: 185px;
}

#maniacs-02
{
 background: url(../img/maniacs_02.gif) no-repeat center top;
 width: 185px;
}

#maniacs-03
{
 background: url(../img/maniacs_03.gif) no-repeat center top;
 width: 185px;
}

#maniacs-04
{
 background: url(../img/maniacs_04.gif) no-repeat center top;
 width: 185px;
}

#maniacs-05
{
 background: url(../img/maniacs_05.gif) no-repeat center top;
 width: 185px;
}

#maniacs-06
{
 background: url(../img/maniacs_06.gif) no-repeat center top;
 width: 185px;
}

#maniacs-07
{
 background: url(../img/maniacs_07.gif) no-repeat center top;
 width: 185px;
}

#maniacs-08
{
 background: url(../img/maniacs_08.gif) no-repeat center top;
 width: 185px;
}

#maniacs-10
{
 background: url(../img/maniacs_10.gif) no-repeat center top;
 width: 185px;
}

/* ---------------------------------------------------------------- *
 関連リンク部分の設定
 * ---------------------------------------------------------------- */

#banner { 
 width: 774px;
 clear: both;
 border-top: 1px dotted #ccc;
 background: #FFFFFF;
 margin: 0px;
 padding: 10px;
}

#banner ul {
 text-align: left;
 margin-bottom:6px;
}

#banner ul li {
 display: inline;
 width: 150px;
 margin: 1em 0px 1em 5px;
 list-style: none;
 white-space:normal;
 overflow: auto;
}

#banner ul li a img {
 border: none;
}
/* ---------------------------------------------------------------- *
 フッタ部分の設定
 * ---------------------------------------------------------------- */

#footer { 
 width: 774px;
 clear: both;
 border-top: 1px dotted #ccc;
 /* --- 背景を設定（コピーライトを表示）--- */
 background: #FFFFFF url(../img/copyright.gif) no-repeat right ;
 margin: 0;
 padding: 10px;
 font-size: 90%;
 white-space: nowrap; 
}

#footer ul {
 margin-bottom: 0 4px 0 0;
 list-style: none;
 padding: 0;
 /* --- フッタメニュー左端の罫線の太さ・線種・色を設定 --- */
 border-left: 1px solid #CCCCCC;
}

#footer ul li {
 display: inline;
 margin: 0;
 padding: 0 5px 0 20px;
 /* --- フッタメニュー右側の区切り線の太さ・線種・色を設定 --- */
 border-right: 1px solid #CCCCCC;
 /* --- 横並びリストのリストマーカ画像を設定 --- */
 /* Note：16×16 ピクセル以下のものを使用してください */
 background: url(../img/sq_arrow.gif) left center no-repeat;
}

/* ---------------------------------------------------------------- *
 配下ページ（第2階層以下）の設定
 * ---------------------------------------------------------------- */

/******************* タイトルの設定 ******************/ 

#title { 
 width: 796px;
 height: 80px;
 clear: both;
 margin: 0px;
 padding: 0px;
}

#title img {
 margin: 0px;
 padding: 0px;
}

/******************* 左メニューの設定 ******************/ 

#leftnavi { 
 background: #FFFFFF;
 margin: 0px;
 padding: 0px;
 width: 180px;
 float: left;
 border-top: 1px solid #CCCCCC;
 border-right: 1px solid #CCCCCC;
 border-bottom: 1px solid #CCCCCC;
}

#left_menu ul {
 list-style: none;
 padding: 0;
 margin: 0;
}

#left_menu ul li {
 padding: 0;
 margin: 0;
}

/* 左メニュー(第1階層)の設定 */ 

#menu1 {
 background: #f4f4f4 url(../img/bth_menu1.gif) top;
 background-repeat: repeat-x;
 width: auto;
 height: auto;
 list-style:none;
 display:block;
 border-bottom: 1px solid #CCC;
 font-size: 110%;
 color:#333333;
 font-weight: bold;
 padding: 5px 0 5px 10px;
}

#menu1:hover, #menu1-on {
 background: #525252 url(../img/bth_menu1-on.gif) top;
 background-repeat: repeat-x;
 width: auto;
 height: auto;
 list-style:none;
 display:block;
 border-bottom: 1px solid #CCC;
 font-size: 110%;
 color:#FFFFFF;
 font-weight: bold;
 padding: 5px 0 5px 10px; 
}

/* 左メニュー(第2階層)の設定 */ 

#menu2 {
 background-color:#EBEBEB;
 border-bottom: 1px solid #CCC;
 background-image: url(../img/icon_arrow1.gif);
 background-repeat: no-repeat;
 background-position: 5% 50%;
 vertical-align:middle;
 width: auto;
 height: auto;
 list-style:none;
 display:block;
 font-size: 100%;
 color:#333333;
 padding: 5px 0 5px 20px; 
}

#menu2:hover, #menu2-on {
 background-color:#999999;
 border-bottom: 1px solid #FFFFFF;
 background-image: url(../img/icon_arrow1-on.gif);
 background-repeat: no-repeat;
 background-position: 5% 50%;
 vertical-align:middle;
 width: auto;
 height: auto;
 list-style:none;
 display:block;
 font-size: 100%;
 color:#FFFFFF;
 padding: 5px 0 5px 20px;
}

/* 左メニュー(第3階層)の設定 */ 

#menu3, #menu3:hover, #menu3-on {
 padding: 5px 0 5px 25px;
}

#menu3{
 background-color:#FFFFFF;
 border-bottom: 1px dotted #ccc;
 background-image: url(../img/icon_arrow2.gif);
 background-repeat: no-repeat;
 background-position: 5% 50%;
 vertical-align:middle;
 width: auto;
 height: auto;
 list-style:none;
 display:block;
}

#menu3:hover, #menu3-on {
 background-color:#CCCCCC;
 border-bottom: 1px dotted #ccc;
 background-image: url(../img/icon_arrow2-on.gif);
 background-repeat: no-repeat;
 background-position: 5% 50%;
 vertical-align:middle;
 width: auto;
 height: auto;
 list-style:none;
 display:block;
}

/******************* 右コンテンツエリアの設定 ******************/ 

#main { 
 float: right;
 background: #FFFFFF;
 margin: 0px;
 padding: 10px;
 width: 585px;
 display: inline;
}

#main p{
 text-indent: 12px;	
}

#main p.noindent, p.noindent{
 text-indent: 0;	
}

/******************* utility\about.htmlの設定 ******************/ 

#about { 
 background: #FFFFFF;
 margin: 0px;
 padding: 10px 20px 10px 20px;
 width: 756px;
}

/* ---------------------------------------------------------------- *
 共通項目
 * ---------------------------------------------------------------- */
 
/************** コンテンツ領域（横長box部分）の設定 *************/

.contents {
 /* --- 背景を設定（短縮プロパティでの設定です）--- */
 background: #FFFFFF url(../img/bg-contents.gif) repeat-x top;
 /* --- マージンを設定 --- */
 /* Note：上マージンはヘッダの下マージン，直上のコンテンツの下
      マージンとの折りたたみが生じます */
 /* Note：下マージンは直下のコンテンツの上マージン，フッタの上
      マージンとの折りたたみが生じます */
 margin-top: 0;
 margin-bottom: 5px;
 /* --- パディングを設定 --- */
 /* Note：コンテンツ部分に上下マージンを持つものが含まれる場合，
      上下パディングには正の値を指定してください */
 padding: 0.7em;
 /* --- 枠線の太さ・線種・色を設定（短縮プロパティでの設定です） --- */
 border: 1px solid #EEEEEE;
}

.contents img {
 margin: 0px;
 padding: 0px;
}

.contents img.fig {
 /* --- 画像をどちらに回り込ませるか設定 --- */
 /* Note：left（左）または right（右）を指定します；この指定によって
      以降のマージンの指定方法が異なります */
 float: left;
 /* --- 画像のマージンを設定 --- */
 /* Note：前記の回り込みについて「left」のとき→左マージン 0，
      「right」のとき→右マージン 0 としてください */
 margin: 0 1em 1em 0;
}

/******************* テーブルの設定 ******************/

 /* tech_usability */
table.usability {
 width:90%;
 margin: auto ;
}

table.usability td {
 padding: 2px;
 text-align:center;
}

 /* tech_usability2 */
table.usability2 {
 width:auto;
 margin: 5px;
 float: right;
}

table.usability2 td {
 padding: auto;
 text-align:left;
}

table.usability2 td img {
 margin: 0px 5px 0px 5px;
}


 /* table left */
table.lft {
 width:auto;
 font-size:85%;
}

table.lft td {
 padding: auto;
 text-align:left;
}

table.lft td img {
 margin: 0px 5px 0px 5px;
}

 /* table right */
table.rgt {
 width:auto;
 margin: 0 0 0 auto;
 font-size:85%;
}

table.rgt td {
 padding: auto;
 text-align:right;
}

table.rgt td img {
 margin: 0px 5px 0px 5px;
}


 /* table photo */
table.photo {
	margin-top: 6px;
	margin-bottom: 6px;
	padding: 0 24px 0 0;
	border-collapse:collapse;
}

table.photo tr {
	vertical-align:top;
}
table.photo td {
	font-size:small;
	text-align:center;
	padding-bottom:12px;
	padding-left:24px;
}

table.photo td img {
	border:1px solid #666666;
}

#main table.photo td p {
	padding:1px 0 0 0;
	margin:0;
	line-height:1.1;
	font-size:small;
	text-indent: 0;
	text-align:left;
}

 /* table photo */
table.photo {
	margin-top: 6px;
	margin-bottom: 6px;
	padding: 0 24px 0 0;
	border-collapse:collapse;
}

table.photo tr {
	vertical-align:top;
}
table.photo td {
	font-size:small;
	text-align:center;
	padding-bottom:12px;
	padding-left:24px;
}

table.photo td img {
	border:1px solid #666666;
}

#main table.photo td p {
	padding:1px 0 0 0;
	margin:0;
	line-height:1.1;
	font-size:small;
	text-indent: 0;
	text-align:left;
}

/* Table news */
#main table.news {
 margin:6px 0;
 width:auto;
 border-top: 1px solid #999999;
 border-right: 1px solid #999999;
}

table.news td {
 padding: 4px 3px;
 border-bottom: 1px solid #999999;
 border-left: 1px solid #999999;
 text-align: left;
 font-size:90%;
}

table.news td.lft {
 margin-right: auto;
 margin-left: auto;
 background-color: #ddddf4;
}

table.news td.rgt {
 margin-right: auto;
 margin-left: auto;
 text-align:right;
}

table.news td.ctr {
 margin-right: auto;
 margin-left: auto;
 text-align:center;
}

blockquote.news {
 padding:6px 0;
 line-height:120%;
}

ul.news {
 list-style:none;
 margin:6px 0 12px 0;
}

/* Type 1 */
table.type1 {
 width:100%;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #999999;
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #999999;
}

table.type1 td {
 padding: 5px;
 border-left-width: 1px;
 border-left-style: solid;
 border-left-color: #999999;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #999999;
 text-align: left;
}

table.type1 td img {
 margin-right: auto;
 margin-left: auto;
}

table.type1 td.left {
 margin-right: auto;
 margin-left: auto;
 width: 30%;
}


table.type1 td.left2 {
 margin-right: auto;
 margin-left: auto;
 width: 30%;
 background-color: #ddddf4;
}

table.type1 th {
 padding: 5px;
 border-left-width: 1px;
 border-left-style: solid;
 border-left-color: #999999;
 background-color: #ddddf4;
 text-align: center;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #999999;
}

/* Type 2 */

table.type2 {
 width:100%;
}

table.type2 td {
 padding:5px;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 border-bottom-color: #999999;
 text-align: left;
 vertical-align: top;
}

table.type2 td.arrow {
 font-weight: normal;
 background-image: url(../img/sq_arrow2.gif);
 padding-left: 15px;
 background-repeat: no-repeat;
 background-position: 5px 6px;
}

table.type2 th {
 padding:5px;
 border-top-width: 1px;
 border-top-style: dotted;
 border-top-color: #999999;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 border-bottom-color: #999999;
 font-weight: normal;
 text-align: left;
 vertical-align: top;
}

table.type2 th.arrow {
 font-weight: normal;
 background-image: url(../img/sq_arrow2.gif);
 padding-left: 15px;
 background-repeat: no-repeat;
 background-position: 5px 6px;
}

table.type2 td.left {
 background-color: #ddddf4;
 width: 35%;
 background-image: url(../img/icon_syorui.gif);
 padding-left: 15px;
 background-repeat: no-repeat;
 background-position: 3px 4px;
}

table.type2 td.left2 {
 background-color: #ddddf4;
 width: 35%;
 background-image: url(../img/icon_syorui2.gif);
 padding-left: 15px;
 background-repeat: no-repeat;
 background-position: 3px 4px;
}

table.type2 th.left {
 background-color: #ddddf4;
 font-weight: normal;
 background-image: url(../img/icon_syorui.gif);
 padding-left: 15px;
 background-repeat: no-repeat;
 background-position: 3px 4px;
}
/* Type 3 */
table.type3 {
 margin-top:6px;
 margin-bottom:6px;
 width:100%;
 border-top: 1px solid #999999;
 border-bottom: 1px solid #999999;
}

table.type3 td {
 padding:5px;
 line-height:110%;
 border-bottom: 1px dotted #999999;
 text-align: left;
 vertical-align: top;
}

table.type3 th {
 padding:5px;
 border-top    : 1px dotted #999999;
 border-bottom : 1px dotted #999999;
 border-left   : 1px dotted #dbdbdb;
 border-right  : 1px dotted #dbdbdb;
 font-weight: normal;
 text-align: left;
 vertical-align: top;
}

table.type3 td.left {
 background-color: #ddddf4;
 width: 25%;
 padding-left: 15px;
 background-repeat: no-repeat;
 background-position: 5px 8px;
}

table.type3 td.left_line {
 background-color: #EEEEEE;
 border-left : 1px dotted #dbdbdb;
 border-right : 1px dotted #dbdbdb;
}

table.type3 th.left {
 background-color: #ddddf4;
 font-weight: normal;
 padding-left: 15px;
 background-repeat: no-repeat;
 background-position: 5px 8px;
}

table.type3 th.left_no {
 background-color: #ddddf4;
 font-weight: normal;
}

table.type3 td.img {
margin:0px;
padding:0px;
}

/* Type in */
table.type-in {
 width:90%;
}

table.type-in th {
 padding: 5px;
 background-color: #F1ECD1;
 text-align: center;
 border: 1px dotted #999999;
 border: dotted;
}

table.type-in td {
 padding: 5px;
 background-color: #FFFFFF;
 text-align: center;
 border: 1px dotted #999999;
}

table.noline {
	border:none;
	background-color: #FFFFFF;
}
table.noline th, table.noline td {
	border:none;
	background-color: #FFFFFF;
	text-align: left;
}

/* ---------------------------------------------------------------- *
 カレンダーの設定
 * ---------------------------------------------------------------- */

.calendar-l {
 margin: 0px;
 padding: 0px;
 width: 150px;
 float: left;
 display:inline;
 text-align: left;
}

.calendar-r {
 float: right;
 margin: 0px;
 padding: 0px ;
 width: 435px;
 display:inline;
 text-align: left;
}

.calendar {
 width:430px;
 background-color:#FFFFFF;
 font-size: 100%; 
}

.calendar ul {
 list-style:none;
 margin:0px;
}

.calendar ul li {
 float:left;
 padding:0px;
 height:88px;
 width:60px;
 border-right: 1px solid #FFFFFF;
 border-bottom: 1px dotted #999999;
}

.calendar ul li.week{
 background: url(../img/bg-calendar.gif) repeat-x;
 border-right-width: 1px;
 border-right-color: transparent;
 height:30px;
}

.calendar ul li.kawasaki {
 background-color: #d0e8f4;
}

.calendar ul li.other {
 background-color: #EBEBEB;
}

.calendar span {
 display:box;
 padding-left:1px;
 font-size: 85%;
 line-height:120%;
 color:#666666;
}

.calendar ul li.sat {
 color: #0000FF;
}

.calendar ul li.sun {
 color: #FF0000;
}

/*************************************/ 

#main-nm {
	background: #FFFFFF;
	padding: 10px 0 0 6px;
	margin:0;
	width: 780px;
}

#main-nm p{
	text-indent: 12px;
}


#main-nm table.photo td p {
	padding:1px 0 0 0;
	margin:0;
	line-height:1.1;
	font-size:small;
	text-indent: 0;
	text-align:left;
}

/*************************************/ 

#wrapper #rinji1 {
	margin:20px 80px;
	padding:20px;
	border:3px solid #FF0000;
	clear:both;
}

#rinji1 .title1 {
	padding-bottom:12px;
	font-size:2em;
	text-align:center;
}

#rinji1 .text1 {
	text-align:center;
	font-size:1.2em;
}

#rinji1 .date1 {
	text-align:right;
}

#rinji1 .nextpage1 {
	text-align:center;
}

#rinji1 .nextpage1 a {
	padding-left:10px;
	background:url(../img/sq_arrow2.gif) left 45% no-repeat;
}

/*************************************/ 


#wrapper #rinji2 {
	margin:6px;
	padding:12px;
	border:1px solid #FF0000;
	clear:both;
}

#rinji2 .title2 {
	padding-bottom:6px;
	font-size:1.4em;
	text-align:center;
	line-height:100%;
}

#rinji2 .text2 {
	text-align:center;
	line-height:100%;
}

#rinji2 .date2 {
	text-align:right;
	line-height:100%;
}

#rinji2 .nextpage2 {
	text-align:center;
}

/*************************************/ 


#wrapper #rinji3 {
	border:3px double #FF0000;
	font-weight:bold;
	font-size:22px;
	padding:20px;
	clear:both;
	margin:4px 0 10px;
}

#rinji3 .title3 {
	padding-bottom:6px;
	font-size:1.4em;
	text-align:center;
	line-height:100%;
}

#rinji3 .text3 {
	text-align:center;
	line-height:100%;
}

#rinji3 .date3 {
	text-align:right;
	line-height:100%;
}

#rinji3 .nextpage3 {
	text-align:center;
}


/*************************************/ 

span.nobr {
	white-space: nowrap; 
}
.cap {
	text-indent:-1em;
	padding-left:1em;
}

/*************************************/