/*
gallery-4コマ
-------------------------------------------------------------------*/
/*widthは並べたい枚数にあわせて調整*/
#gallery{
    width:668px;
    background-color:#ffffff;
    margin:6px;
}

/*widthは写真の大きさにあわせて調整
font-sizeは固定した方が良い*/
#gallery dl{
    margin:0px;
    margin-right:5px;
    margin-bottom:1em;
    padding:0px;
    float:left;
    width:160px;
    font-size:14px;
    border-width:1px 1px 0px;
    border-style:solid;
    border-color:#000099;
}
#gallery dt{
    margin:0px;
    padding:15px 5px 0px; /* プレビュー枠（上、左右、下） */
    text-align:center; 
    height:140px;
}
#gallery dd{
    margin:0px;
    padding:4px 0.5em;
    border-color:#000099;
    border-width:0px 0px 1px; 
    border-style:solid;
}
/*heightは行数＋αにしておく。
コメントの文字数はあらかじめ決めておきましょう。*/
#gallery dd.name{
    height:1.2em;
}
#gallery dd.comment{
    height:3.4em;
    background-color:#FFFFCC;
}
#gallery dd.date{
    height:1.2em;
    font-size:11px;
    text-align:right;
}

#gallery dd.date-auction{
    height:1.2em;
    font-size:11px;
    text-align:right;
    background-color:#FFCC00;
}



/*
gallery01-３コマ-制作工房
-------------------------------------------------------------------*/
/*widthは並べたい枚数にあわせて調整*/
.gallery01{
    width:650px;
    margin: 10px 0px 10px 20px ;
}

/*widthは写真の大きさにあわせて調整
font-sizeは固定した方が良い*/
div.gallery01 dl{
    margin:0px;
    margin-right:10px;
    margin-bottom:1em;
    padding:0px;
    float:left;
    width:200px;
    font-size:12px;
    border-width:1px 1px 0px;
    border-style:solid;
    border-color:#000099;
}
.gallery01 dt{
    margin:0px;
    padding:5px;
    text-align:center; 
    height:20px;
}
.gallery01 dd{
    margin:0px;
    padding:4px;
    border-width:0px 0px 1px; 
    border-style:solid;
    border-color:#000099;
}
/*heightは行数＋αにしておく。
コメントの文字数はあらかじめ決めておきましょう。*/
.gallery01 dd.image{
    height:140px;
    text-align:center;
}





/*
gallery02　拡大ページ
-------------------------------------------------------------------*/

#gallery02{
    width:510px;
    background-color:#FFFFFF;
    margin:15px 75px;
}

#gallery02 dl{
    margin:0px;
    margin-bottom:1em;
    padding:0px;
    width:500px;
    border-width:1px 1px 0px;
    border-style:solid;
    border-color:#000099;

}
#gallery02 dt{
	display:table-cell;
	width: 500px;
	background-color:#ffffff;
    margin:0px;
    padding:10px 0px 10px;
    vertical-align:middle;
    text-align:center;
    height:400px;
}
       
#gallery02 dd{
    margin:0px;
    padding:4px;
    border-color:#000099;
    border-width:0px 0px 1px; 
    border-style:solid;
}

#gallery02 dd.info01{
    height:15px;
    border-width:0px; 
    border-style:solid;
    text-align:center;     
}
#gallery02 dd.auction-off{
    height:15px;
    font-size:11px;
    text-align:right;     
}
#gallery02 dd.auction{
    height:15px;
    font-size:11px;
    text-align:right;     
}
#gallery02 dd.name{
    background-color:#FFFFCC;
}
#gallery02 dd.info02{
    text-align:center;  
    background-color:#FFFFCC;
}

#gallery02 dd.comment{
    padding:4px 20px;
}

/* 自画像-この画家の絵 */
#works{
margin: 0;
padding: 0;
}

#works ul {
margin: 0;
padding: 0;

list-style-type: none;
}

/* --- リスト項目 --- */
#works ul li {
padding: 10px 15px; /* リスト項目のパディング（上下、左右） */
border-top: 1px #808080 dotted; /* リストエリアの上境界線 */

}

/* --- 項目内容 --- */
#works ul dl {
width: 400px;
height: 150px;
margin: 0;
border-width: 0px;
border-style:none;

}

/* --- 写真エリア --- */
#works ul dt {
width: 150px; /* 写真エリアの幅 */
float: left;
height:150px;
}


/* --- キャプションエリア --- */
#works ul dd {
margin: 0 0 0 150px; /* キャプションエリアのマージン（上右下左） */
line-height: 150%;
border-width: 0px; 
   
}




/*
top-4コマ-topページ
-------------------------------------------------------------------*/
/*widthは並べたい枚数にあわせて調整*/
.top{
    width:670px;
    margin-left:10px;
}

/*エリア*/
div.top ul{
    margin:0px;
    padding:0px;
    list-style: none outside none;
}

/*項目エリア*/
div.top ul li{
    float:left;
}

/*項目エリア幅*/
div.top ul li.title{
    width:195px;
    text-align:left; 
    height:140px;
}
div.top ul li.title01{/* 図書室の説明わく */
    width:200px;
    text-align:left; 
    height:140px;
    margin-right:20px;

}
div.top ul li.ph1{
    width:155px;
    height:140px;
    text-align:center;
}
div.top ul li.ph2{
    width:155px;
    height:140px;
    text-align:center;
}
div.top ul li.ph3{
    width:155px;
    height:140px;
    text-align:center;
}


/*
gallery03-4コマ-図書室ページ
-------------------------------------------------------------------*/
#gallery03{
    width:670px;
    background-color:#FFFFFF;
    margin:15px 5px;
}

#gallery03 dl{
    margin:0px;
    margin-bottom:1em;
    padding:0px;
    width:650px;
    border-width:1px 1px 0px;
    border-style:solid;
    border-color:#000099;
}
/* --- タイトル --- */
#gallery03 dt{
    padding:5px 0px 5px 10px;
    line-height:120%;
    background-color:#FFFFCC; 
    border-color:#000099;
    border-width:0px 0px 1px; 
    border-style:solid;
}

/* --- 内容 --- */
#gallery03 dd{
    margin:0px;
    padding:5px 3px 5px 150px;
    line-height:120%;
}

#gallery03 dd.name{
    margin:0px;
    padding:5px 3px 5px 10px;
    line-height:120%;
    border-color:#000099;
    border-width:0px 0px 1px; 
    border-style:solid;
}

#gallery03 dd.comment{
    margin:0px;
    padding:5px 3px 5px 150px;
    line-height:120%;
    border-color:#FFFFFF;
    border-width:0px 0px 1px; 
    border-style:solid;
}

#gallery03 dd.date{
    margin:0px;
    padding:5px 3px 5px 10px;
    line-height:120%;
    border-color:#000099;
    border-width:0px 0px 1px; 
    border-style:solid;
}



/*
gallery04-4コマ-開かずの間ページ
-------------------------------------------------------------------*/
.gallery04{
    width:670px;
    margin-left:5px;
}

/*タイトル*/
div.gallery04 h5{
	margin: 0 0 10px; /* 見出しのマージン（上、左右、下） */
	padding: 5px 10px; /* 見出しのパディング（上下、左右） */
	background-color:#FFFFCC; 
}


/*エリア*/
div.gallery04 ul{
    margin:0px;
    padding:0px;
    list-style: none outside none;
}

/*項目エリア*/
div.gallery04 ul li{
    float:left;
}

/*項目エリア幅*/
div.gallery04 ul li.comment{ 
    width:320px;
    text-align:left; 
    height:140px;
    margin-right:20px;
}
div.gallery04 ul li.ph1{
    width:155px;
    height:140px;
    text-align:center;
}
div.gallery04 ul li.ph2{
    width:155px;
    height:140px;
    text-align:center;
}
div.gallery04 ul li.date{
    width:155px;
    height:140px;
    text-align:center;
}



/*
gallery05-３コマ-開かずの間企画展
-------------------------------------------------------------------*/
/*widthは並べたい枚数にあわせて調整*/
.gallery05{
    width:650px;
    margin: 10px 0px 10px 20px ;
}

/*widthは写真の大きさにあわせて調整
font-sizeは固定した方が良い*/
div.gallery05 dl{
    margin:0px;
    margin-right:10px;
    margin-bottom:1em;
    padding:0px;
    float:left;
    width:200px;
    font-size:12px;
    border-width:1px 1px 0px;
    border-style:solid;
    border-color:#000099;
}

.gallery05 dt{
    margin:0px;
    text-align:center; 
    height:140px;
}

/*heightは行数＋αにしておく。
画像*/
.gallery05 dt.image{
    padding:10px 0px 0px;

    height:140px;
}

.gallery05 dd{
    margin:0px;
    padding:4px;
    border-width:0px 0px 1px; 
    border-style:solid;
    border-color:#000099;
}


/*コメント*/
.gallery05 dd.comment{
    height:3.4em;
    padding:4px 10px 0px;
    background-color:#FFFFCC;
    text-align:left;
}


/*heightは行数＋αにしておく。
コメントの文字数はあらかじめ決めておきましょう。*/
.gallery05 dd.name{
    height:1.2em;
}


.gallery05 dd.date{
    height:1.2em;
    font-size:11px;
    text-align:right;
}


/*
gallery06-3コマ-開かずの間企画展2＜2枚づつ比べ＞
-------------------------------------------------------------------*/
.gallery06{
    width:670px;
    margin: 0px 0px 20px 5px;
}

/*タイトル*/
div.gallery06 h5{
	margin: 10px 0px 10px; /* 見出しのマージン（上、左右、下） */
	padding: 5px 10px; /* 見出しのパディング（上下、左右） */
	background-color:#FFFFCC; 
}


/*エリア*/
div.gallery06 ul{
    margin:0px;
    padding:0px;
    list-style: none outside none;
}

/*項目エリア*/
div.gallery06 ul li{
    float:left;
    padding:10px 0px 0px;
}

/*項目エリア幅*/
div.gallery06 ul li.comment{ 
    width:230px;
    text-align:left; 
    height:140px;
    margin-left:20px;
    margin-right:20px;
}
div.gallery06 ul li.ph1{
    width:170px;
    height:130px;
    text-align:center;
    border-width:1px;
    border-style:solid;
    border-color:#000099;
    margin-right:20px;
}
div.gallery06 ul li.ph2{
    width:170px;
    height:130px;
    text-align:center;
    border-width:1px;
    border-style:solid;
    border-color:#000099;
    margin-right:20px;
}


/*
topics-秘密の部屋カテゴリ説明
-------------------------------------------------------------------*/
#topics{
    width:670px;
    margin-left:5px;
}

#topics dl {
margin: 0;
padding: 0 0 5px; /* リストのパディング（上、左右、下） */
border-top: 1px #c0c0c0 dotted; /* リストの上境界線 */
}

#topics dt {
width:170px;
float:left;
padding: 5px 0px 5px 15px; /* 画像のパディング（上右下左） */
line-height: 30px;
}

#topics dd {
margin: 0;
padding: 5px 0px 5px 100px; /* 項目のパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 項目の下境界線 */
line-height: 30px;
}

#topics li.list-sketch {
background-image: url(img/parts/icon-sketch.gif); /* スケッチ */
}
#topics li.list-search {
background-image: url(img/parts/icon-search.gif); /* 美術館 */
}
#topics li.list-finding {
background-image: url(img/parts/icon-finding.gif); /* 巨匠 */
}
#topics li.list-trip {
background-image: url(img/parts/icon-trip.gif); /* お出かけ */
}
#topics li.list-life {
background-image: url(img/parts/icon-life.gif); /* 暮らし */
}



/*
update-新着情報エリア
-------------------------------------------------------------------*/
#update{
    width:670px;
    margin-left:5px;
}

#update dl {
margin: 0;
padding: 0 0 5px; /* リストのパディング（上、左右、下） */
border-top: 1px #c0c0c0 dotted; /* リストの上境界線 */
}

/* --- 日付エリア --- */
#update dt {
width:120px; /* 日付エリアの幅 */
float:left;
padding: 5px 0px 5px 10px; /* 日付エリアのパディング（上右下左） */
line-height: 20px;
}

/* --- 本文エリア --- */
#update dd.comment {
margin: 0;
padding: 5px 0px 5px 20px; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted;  /* 本文エリア下境界線 */
line-height: 20px;
}

/* --- リンク先 --- */
#update dd.rink {
margin: 0;
padding: 5px 0px 5px 20px; /* 本文エリアのパディング（上右下左） */
text-align:right;
line-height: 15px;
}





/*
ボックス-各部屋説明
-------------------------------------------------------------------*/
.box01{
	background-color:#FFFFCC; 
	margin: 0;
	padding: 10px;
	text-align:center;
	  } 

/*
ボックス-トップページ部屋帯
-------------------------------------------------------------------*/
.box02{
	margin: 0;
	padding: 5px 0px;
  } 
div.box02 h4{
	margin: 0px; /* 見出しのマージン（上、左右、下） */
	padding: 5px 10px; /* 見出しのパディング（上下、左右） */
  }

/*
box-中央揃え-色-うす紫
-------------------------------------------------------------------*/
.box03{
	margin: 5px 0px ;
	padding: 5px 0px;
	text-align:center;
	background-color:#CCCCFF;
	  } 


/*
ページャー01
-------------------------------------------------------------------*/
ul.pager01 {
      margin: 10px;
      }
ul.pager01 li {
      list-style: none;
      float: left;
      margin-right: 5px;
      border: 1px #3366FF solid;
      font-weight: bold;
}
ul.pager01 li.prev,
ul.pager01 li.next {
      border: none;
}
ul.pager01 li a {
      position: relative;
      display: block;
      padding: 3px 8px;
      color: #3366FF;
}
ul.pager01 li a:link,
ul.pager01 li a:visited {
      text-decoration: none;
}
ul.pager01 li a:hover,
ul.pager01 li a:active {
      background-color: #AADDFF;
      text-decoration: none;
}
ul.pager01 li em {
      display: block;
      padding: 3px 8px;
      background: #3366FF;
      color: #FFFFFF;
}

/*
--------------------------------------------------ページャー01--*/


/*
ページャー02
-------------------------------------------------------------------*/
ul.pager02 {
    margin: 0;
    padding: 0;
    font: 100% Arial, Helvetica, sans-serif;
    text-align: center;
}
ul.pager02 li {
    list-style: none;
    display: inline;
    margin: 0;
    padding: 0;
}
ul.pager02 li strong {
    display: -moz-inline-box; /* firefox2 対応 */
    display: inline-block;
    padding: 0.25em 0.4em;
    background-color: #EEEEEE;
    border: 1px #CCCCCC solid;
}
ul.pager02 li a {
    display: -moz-inline-box; /* firefox2 対応 */
    display: inline-block;
    padding: 0.25em 0.4em;
    border: 1px #CCCCCC solid;
}
 
ul.pager02 li a:link,
ul.pager02 li a:visited {
    border-color: #CCCCCC;
    color: #0033FF;
}
ul.pager02 li a:hover,
ul.pager02 li a:active {
    border-color: #003399;
    background-color: #003399;
    color: #FFFFFF;
}


/*
--------------------------------------------------ページャー02--*/


/*
ページャー03　拡大ページ
-------------------------------------------------------------------*/

ul.pager03 {
    margin: 0;
    padding: 0;
    text-align: center;
}
ul.pager03 li {
    list-style: none;
    display: inline;
    margin-right: 5px;
    font-weight: bold;
}

ul.pager03 li a {
    display: -moz-inline-box; /* firefox2 対応 */
    display: inline-block;
    padding: 3px 20px;
    border: 1px #3366FF solid;
    color: #3366FF;
}
 
ul.pager03 li.prev a,
ul.pager03 li.next a {
    border: none;
}


ul.pager03 li a:link,
ul.pager03 li a:visited {
      text-decoration: none;
}
ul.pager03 li a:hover,
ul.pager03 li a:active {
      background-color: #AADDFF;
      text-decoration: none;
}


/*
--------------------------------------------------ページャー03--*/


/*
スライドショー表示領域
-------------------------------------------------------------------*/
   div.photobox {
      text-align: center;
   }
   div.photobox img {
      border: gray 3px solid;
   }
   /* 操作ボタン表示領域 */
   div.controlbox {
      text-align: center;
      margin: 0.3em 0px 1em 0px;
   }

/*
------------------------------------------------スライドショー表示領域--*/




/*
gallery07　拡大ページ
-------------------------------------------------------------------*/

#gallery07{
    width:510px;
    background-color:#FFFFFF;
    margin:15px 75px;
}

#gallery07 dl{
    margin:0px;
    margin-bottom:1em;
    padding:0px;
    width:500px;
    border-width:1px 1px 0px;
    border-style:solid;
    border-color:#000099;

}
#gallery07 dt{
    margin:0px;
    padding:10px 0px 10px;
    text-align:center;
    height:400px;

}
#gallery07 dd{
    margin:0px;
    padding:4px;
    border-color:#000099;
    border-width:0px 0px 1px; 
    border-style:solid;
}

#gallery07 dd.info01{
    height:15px;
    border-width:0px; 
    border-style:solid;
    text-align:center;     
}
#gallery07 dd.auction-off{
    height:15px;
    font-size:11px;
    text-align:right;     
}
#gallery07 dd.auction{
    height:15px;
    font-size:11px;
    text-align:right;     
}
#gallery07 dd.name{
    background-color:#FFFFCC;
}
#gallery07 dd.info02{
    text-align:center;  
    background-color:#FFFFCC;
}

#gallery07 dd.comment{
    padding:4px 20px;
}

/* 自画像-この画家の絵 */
#works{
margin: 0;
padding: 0;
}

#works ul {
margin: 0;
padding: 0;

list-style-type: none;
}



/*
------------------------------------gallery07　拡大ページ------*/