/* -----------------------------------------------------------------------

 original page 

---------------------------------------------------------------------- */
h1.mg-h1 {
 margin-bottom:-5px;
}

h2.page-tit{ 
 margin:20px 0 5px 0; 
 font-weight:700;
}

h2.page-tit02{ 
 font-size:110%;
 margin:15px 0 10px 0; 
 padding:7px 12px 5px;
 background-color:#eee;
 border-bottom:1px solid#ccc;
}

h3.page-tit{
	 background-color:#eee;
	 margin-top:10px;
	 padding: 5px; 
}


p.caption{
 width: 633px;
 border-top: solid 2px #333;
 border-bottom:dotted 1px #333;
 margin-bottom:-5px;
 padding: 2px 3px; 
}

ul.disc li{
	margin-top:0.5em;
	list-style-type: disc;
	margin: 0 30px;
}

.overflow {   
    overflow: hidden;   
}   
    
* html .overflow {   
    height: 1%;   
} 

.page-mg20{
 margin:20px;
}



/*ACCORDION*/
div.accordion {
 width:100%;
}

div.accordion > ul > li > ul{
   margin: 0 10px;
}

div.accordion > ul > li > a {
  display: block;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  background-color: #ddd;
  border: 1px solid #eee;
  cursor: pointer;
  margin: 0 0 5px 0;
  padding: 5px 12px;
  position: relative;
}
div.accordion > ul > li > a:hover{
  background-color: #eee;
}
div.accordion > ul > li > a:after, div.accordion > ul > li > a.active:after{
  font-size: 12px;
  position: absolute;
  right: 12px;
  top: 8px;
  color: #2f7f99;
}
div.accordion > ul > li > a:after{
  content: "▼";
}
div.accordion > ul > li > a.active:after{
  content: "▲";
}

div.accordion > ul > li > ul {
   list-style-image:none;
 *list-style-type: none;
  display: none;
  margin:10px 0 10px 0;
}

div.accordion > ul > li > ul > li > a{
 float:left;
 width:128px;
 height:128px;
 margin:0 10px 50px 0;
 padding:5px;
 border: 1px solid#ccc;
 list-style-image:none;
 list-style-type: none;
}

div.accordion > ul > li > ul > li p.txt-center {
	text-align: center;
}

div.accordion > ul > li > ul > li > a:hover img{
	opacity:0.6;
}



/*あらかじめ開いておきたいメニューに class="open" を追加*/
div.accordion > ul > li > ul.open{
    display:block;
}

/*横並びリスト*/
div.col-list {
 width:100%;
 margin: 0;
}

div.col-list > ul  {
 *list-style-image:none;
 *list-style-type: none;
  margin:0;
}


div.col-list > ul > li >a{
 float:left;
 width:186px;
 height:135px;
 margin:0 12px 40px 0;
 padding:5px;
 border: 1px solid#ccc;
 list-style-image:none;
 list-style-type: none;
}

div.col-list > ul > li >a >p{
 margin:0px;
 text-align:center;
}

div.col-list > ul > li.skog >a{
 float:left;
 width:186px;
 height:135px;
 margin:0 12px 60px 0;
 padding:5px;
 border: 1px solid#ccc;
 list-style-image:none;
 list-style-type: none;
}

div.col-list > ul > li.skog >a >p{
 margin:0px;
 text-align:center;
}


div.col-list > ul > li.last-mg{
 margin-right:-15px ;
}

div.col-list >ul > li > a:hover img{
	opacity:0.6;
}

/* 展覧会・イベントin skog */
div.col-list02 > ul {
 *list-style-image:none;
 *list-style-type: none;
  margin:0 0 10px 0;
}
div.col-list02> ul > li >a{
 float:left;
 width:128px;
 height:128px;
 margin:0 12px 60px 0;
 padding:5px;
 border: 1px solid#ccc;
 list-style-image:none;
 list-style-type: none;
}

div.col-list02 > ul > li >a >p{
 margin:5px 0;
 text-align:center;
}

div.col-list02 > ul > li.last-mg{
 margin-right:-15px ;
}

div.col-list02 >ul > li > a:hover img{
	opacity:0.6;
}

/*都道府県リスト*/
#prefectures ul,li{
	margin:0;
	padding:0;
}	

li.text-top {
  margin: 10px 0 3px;
  padding: 0;
  font-weight: 700; 
}

span.bottom-ten {
  padding-bottom: 2px;
  border-bottom: dotted 1px #333;
}


ul.text-list {
	margin-bottom:0;
}


ul.text-list li{
	display: inline;
	margin:0 13px 30px 0;
	padding:0 10px;
	font-weight:400; 
}

/*インデント無し*/
ul.text02-list{
	margin:5px 0;
}


ul.text02-list li{
	display: inline;
	margin:0 30px 0 0;
	padding:0;
}

/*作家別メニュー*/
div.writer { margin-top: 20px;}	
div.writer ul {}
div.writer li { display: inline-block;
             margin: 3px;
}
div.writer a {
 line-height: 3em;
 background: #eee; /* 背景色 */
 white-space: nowrap;
 padding: 6px 6px; /* 文字周りの余白 */
 border-radius: 4px; /* 角を少し丸く */
 text-decoration: none;
}
div.writer a:hover {
 background: #fff; /* マウスホバー時の背景色 */
}