/* リンク関連 --------------------- */

a:link, a:active, a:visited {
color: #39f;
}

a:hover {
color: #c33;
}

/* 全体 --------------------- */

h1,h2,h3,p,form,ul,ol,dl {
margin: 0;
}

body {
background: #fff;
margin: 0;
font-size: 88%;
font-family: Arial,Helvetica,sans-serif;
color: #333;
line-height: 1.5em;
}

ul {
margin: 1em 0 0 0;
line-height: 2em;
list-style-type: none;
}

ol {
margin: 1em 0 8px 65px;
}

dt {
border-bottom: dotted 1px #c90;
padding-bottom: 1px;
margin-bottom: 3px;
}

dd {
margin-bottom: 8px;
}

dd.contactlist {
background: #f0f0f0;
padding: 5px;
margin-bottom: 15px;
}

img,table {
border: none;
}

.smalltext {
font-size: 0.8em;
}

.graysmalltext {
font-size: 0.8em;
color: #999;
}

.darkred {
color: #c33;
}

.darkredbig {
font-size: 1.2em;
color: #c33;
}


.gold {
color: #c90;
}

.green {
color: #090;
}

.greenbig {
font-size: 1.2em;
color: #090;
}
.pageright {
text-align: right;
}

.pdficon,
.linkarrow {
vertical-align: middle;
}

.romanumber {
font-family: serif;
}

/* ヘッダー --------------------- */

#header {
width: 100%;
height: 20px;
background: url(design-images/bg-top.gif) #fff;
margin-bottom: 10px;
}

/* サブヘッダー（ページタイトルと検索窓） --------------------- */

#subheader {
margin-left: 15px;
width: 750px;
margin-bottom: 4px;
}

#subheader h1 {
float: left;
}

#subheader form {
float: right;
}

#subheader form input {
vertical-align: text-bottom;
}

#subheader form input.inputarea {
border: solid 1px #ccc;
}

/* カテゴリーごとのヘッダーイメージ --------------------- */

#categoryheader,
#entryheader {
width: 750px;
margin-bottom: 10px;
border-top: solid 1px #333;
border-bottom: solid 1px #333;
}

/* 他 */

#category29,
#category30,
#category31,
#category32,
#category33 {
background: #333;
padding: 1px;
}

/* 西脇市立岡之山美術館 */

#category6 {
background: url(design-images/okanoyama01.jpg);
height: 240px;
}

#category7,
#category8,
#category9,
#category10,
#category11,
#category12,
#category34,
#category13,
#category35,
#category38,
#category39 {
background: url(design-images/okanoyama02.jpg) ;
height: 120px;
}

/* 西脇市民会館 */

#category14 {
background: url(design-images/shiminkaikan01.jpg);
height: 240px;
}

#category15,
#category16,
#category17,
#category18,
#category36 {
background: url(design-images/shiminkaikan02.jpg) ;
height: 120px;
}

/* 西脇市立青年の家 */

#category19 {
background: url(design-images/seinennoie01.jpg);
height: 240px;
}

#category20,
#category21,
#category22,
#category43,
#category44 {
background: url(design-images/seinennoie02.jpg) ;
height: 120px;
}

/* 西脇市立音楽ホール「アピカホール」 */

#category1 {
background: url(design-images/apikahall01.jpg) ;
height: 240px;
}

#category2,
#category3,
#category4,
#category5,
#category37,
#category45 {      /* 2010-01-19 追加 */
background: url(design-images/apikahall02.jpg) ;
height: 120px;
}

/* 西脇市天神池スポーツセンター */

#category23 {
background: url(design-images/tenjinike01.jpg);
height: 240px;
}

#category24,
#category25,
#category26,
#category27,
#category28,
#category42 {
background: url(design-images/tenjinike02.jpg) ;
height: 120px;
}


/* コンテンツ --------------------- */

#container {
clear: both;
margin-left: 15px;
width: 750px;
text-align: left;		
}

h2.topimage {
margin-bottom: 10px;
border-top: solid 1px #333;
border-bottom: solid 1px #333;
}

/* ナビゲーション --------------------- */

#leftnavi {
width: 156px;
float: left;
font-size: 12px;
}

#leftnavi h3,
#mainpagebody h3 {
background: #ddd;
padding: 2px;
margin-bottom: 8px;           /* 2009-03-24 追加 */
}

#leftnavi ul {
margin-top: 10px;
margin-bottom: 10px;          /* 2009-03-24 追加 */
margin-left: 2px;
padding-left: 0;
list-style: none;
}

#leftnavi li {
margin-bottom: 2px;
padding-left: 10px;
padding-bottom: 1px;
background: url(design-images/linkarrow.gif) no-repeat 0 0.8em;
border-bottom: dotted 1px #ddd;
}

#leftnavi ul a {
text-decoration: none;
}

#leftnavi p.topnavibutton {
margin-top: 4px;
}

#leftnavi p.subnavibutton {
margin-top: 5px;          /* 2009-03-24 変更 */
}

#leftnavi div.basicnavi {
margin-top: 26px;
text-align: right;
}

#leftnavi div.basicnavi p {
margin-top: 3px;
}



/* メインコンテンツ --------------------- */

#mainpagebody,
#categorypagebody {
width: 576px;
float: right;
}

/* メインコンテンツ（トップページのみ） --------------------- */

#mainpagebody h2 {
font-size: 1.2em;
}

#nowevent {
margin-bottom: 10px;
}

#nowevent table {
width: 100%;
}

#nowevent td {
border-bottom: dotted 1px #ccc;
padding: 2px;
vertical-align: top;
}

#nowevent td.date {
white-space: nowrap;
}

#nowevent td.eventtitle {
width: 100%;
}

.nexteventlist {
border: solid 1px #ccc;
margin: 5px 0;
padding: 5px;
}

.nexteventlisttitle {
color: #c33;
font-weight: bold;
}

/* メインコンテンツ（カテゴリーページのみ） --------------------- */

#categorypagebody h2 {
border-bottom: double 3px #ccc;
font-size: 1.2em;
padding-bottom: 3px;
margin-bottom: 20px;
}

#categorypagebody h3 {
font-size: 1.2em;
color: #c33;
margin-bottom: 3px;
}

#categorypagebody .entrydata {
border: solid 1px #ccc;
padding: 15px;
margin-bottom: 15px;
}

#categorypagebody p.footeraddress {
border-top: dotted 2px #ccc;
padding-top: 1em;
margin-top: 3em;
}

/* メインコンテンツ（エントリーページのみ） --------------------- */

#backpage {
text-align: right;
}

/* ページトップ --------------------- */

#pagetop {
clear: both;
text-align: right;
font-size: 0.8em;
margin: 24px 0 6px 0;
}

/* フッター --------------------- */

#footer {
width: 765px;
border-top: solid 5px #000;
padding-top: 5px; 
text-align: right;
color: #999;
font-size: 0.8em;
line-height: 1.25em;
}

#counter {
width: 765px;
text-align: right;
color: #999;
font-size: 10px;
line-height: 1.25em;
}

/* ---------------------------------- */
/* ここから特定ページのみ --------------- */
/* ---------------------------------- */

/* 財団の概要 --------------------- */

#zaidaninfo {
border: solid 2px #999;
padding: 8px;
}

#zaidaninfo td {
vertical-align: top;
}

#zaidaninfo td.col01 {
white-space: nowrap;
text-align: center;
}

#zaidaninfo td.col01 p {
background: #eee;
padding: 2px;
}

#zaidaninfo td.col02 {
padding: 2px;
}

p.orglead {
margin-top: 1.5em;
margin-bottom: 1.5em;
}

/* アトリエシリーズとボナンタゴン --------------------- */

p.atelier,
p.bonantagon {     /* 2010-01-19 追加 */
margin-bottom: 1em;
}


/* サムホール大賞展 --------------------- */

p.thumblisttitle {
background: #ddd;
text-align: center;
margin: 30px 0 20px 0;
}

table.thumblist {
width: 100%;
}

table.thumblist td {
text-align: center;
vertical-align: bottom;
font-size: 12px;
line-height: 15px;
}


/* 施設案内 --------------------- */

#information table {
width: 100%;
}

#information td.photo {
vertical-align: top;
width: 320px;
}

#information td.textmemo {
vertical-align: top;
width: 100%;
}

#information p.spottitle {
border-left: solid 7px #963;
border-bottom: solid 1px #963;
padding: 0 3px 3px 8px;
font-weight: bold;
}

#information .spotmemo {
margin: 5px 0 0 7px;
}

#information .spotmemotitle {
color: #fff;
background: #963;padding:1px;
}

/* ご利用案内 --------------------- */

#guideline table.pricelist {
background: #666;
font-size: 12px;
}		

#guideline table.pricelist td {
padding: 5px;
line-height: 1.25em;
}

#guideline td.colstitle {
text-align: center;
background: #def;
}

#guideline td.time {
text-align: center;
background: #ffd;
}

#guideline td.roomname,
#guideline td.goodsname {
background: #fff;
}

#guideline td.areasize,
#guideline td.unit {
text-align: center;
background: #fff;
}

#guideline td.price {
text-align: right;
background: #fff;
}					


/* 水泳教室 --------------------- */

/* コース内容 */
#swimmingcourse table {
background: #666;
font-size: 12px;
text-align: center;
}		

#swimmingcourse table td {
padding: 3px;
line-height: 1em;
vertical-align: top;
}

#swimmingcourse td.dayofweek {
background: #ccf;
width: 8em;
}

#swimmingcourse td.timetable {
background: #eee;
}

#swimmingcourse td.nocourse {
background: #f7f7f7;
}

#swimmingcourse td.course {
background: #dff;
}

/* 各コース指導内容 */
#swimmingcourseguide table {
background: #666;
}	

#swimmingcourseguide table td {
padding: 3px;
}

#swimmingcourseguide td.guidelisttitle {
white-space: nowrap;
text-align: center;
background: #ddf;
}

#swimmingcourseguide td.guidelistcontent {
background: #f7f7f7;
}

/* 級項目 */
#swimmingcoursegrade table {
background: #666;
font-size: 12px;
width: 100%;
}	

#swimmingcoursegrade table td {
padding: 2px;
}

#swimmingcoursegrade td.basicgrade {
background: #ddf;
text-align: center;
}

#swimmingcoursegrade td.subgrade {
background: #dff;
text-align: center;
}

#swimmingcoursegrade td.itemtitle {
background: #eee;
text-align: center;
}

#swimmingcoursegrade td.itemlist {
background: #fff;
}

/* 無料体験教室 */
#swimmingtrial table {
background: #666;
}	

#swimmingtrial table td {
padding: 2px;
}

#swimmingtrial td.trialtitle {
text-align: center;
background: #ddf;
}

#swimmingtrial td.trialname {
text-align: center;
background: #dff;
white-space: nowrap;
}

#swimmingtrial td.trialcontent {
background: #fff;
}

#swimmingtrial td.trialcontentdate {
background: #fff;
white-space: nowrap;
}



/* 検索結果表示 --------------------- */

#searchlist {
margin-top: 10px;
padding-bottom: 0.5em;
border-bottom: solid 1px #ccc;
}

#searchlist h1 {
font-size: 1.2em;
}

#searchlist h2 {
font-size: 1.2em;
margin-top: 2em;
padding-bottom: 0.5em;
}

#searchlist h3 {
font-size: 1em;
border-top: solid 1px #ccc;
padding-top: 0.5em;
margin-top: 0.5em;
}

#searchfooter {
margin-top: 1em; 
color: #999;
font-size: 0.8em;
}