@charset "utf-8";

/*
	File Name   : style.css
	Description : デザイン、レイアウト用CSS
*/


/* ブロック相当　共通
----------------------------------------------------------- */
.clearfix:after {
  clear: both;
  content: '';
  display: block;
}

table.exhibition {border-collapse: collapse;text-align: left;width: 100%;margin-right: 11px;margin-left: 11px;}
table.exhibition th {width: 100px;vertical-align: top;border-top: 1px solid #DFDFDF;border-bottom: 1px solid #DFDFDF;font-weight: lighter;text-align: center;padding-top: 5px;}
table.exhibition td {vertical-align: top;border: 1px solid #DFDFDF;padding: 5px 20px 5px 20px;}
.newex{

}

div.exmn01{
float: left;
padding: 5px;
border: 3px solid #990000;
width: 370px;
}

div.exmn02{
float: left;
margin-left: 20px;
padding:5px;
border: 3px solid #000099;
width: 370px;
}

div.exmnl{
float: left;
margin-top: 20px;
border: none;
padding: 0px;
width: 386px;
}

div.exmnr{
float: left;
margin-left: 20px;
margin-top: 20px;
padding: 0px;
border: none;
width: 386px;
}


div.exmn03{
float: left;
margin-left: 20px;
padding:5px;
border: 3px dotted #009999;
width: 700px;
}

div.exdot{

padding: 5px;
border: 3px dotted #990000;
width: 500px;
}

.exbtnleft {
			text-align: left;
			float:left;
	    }
.exbtnright {
		text-align: right;
		position: relative;
		float:right;
		
	    }
a.overwhite{
    background-color:#ffffff;
    display:block;
}

a.overwhite:hover img{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
      outline: solid 1px white;
      outline-offset: -5px;
}


.flowchart{
margin-left:20px;
margin-bottom:5px;
margin-top:5px;
}

.square_btnred{
    display: inline-block;
    font-weight: bold;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #000099;
    background: #e4bbcd;
  }

.square_btn:hover {
    background: #00bcd4;
    color: white;
}
.square_btngreen{
    display: inline-block;
    font-weight: bold;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #000099;
    background: #52bbcd;
  }




p.scrole {
   width: 300px;
   height:700px;
   overflow: auto;
}

table.tmp{border-collapse: collapse;}
.tmp td{padding: 5px;font-size:13px;line-height: 14px;}

.relative {
    position: relative;
}
.sublink{
position:absolute;
font-size:0.8em;
font-weight: 900;
line-height:1em;
background-color: rgba(50,50,100,0.6);
padding:3px;
}
.sublink a:link{
color:white;
text-decoration: none;
}
.sublink a:visited{
color:white;
text-decoration: none;
}
.sublink a:active{
color:#aaaaaa;
text-decoration: none;
}

.sublink a:hover{
color:#aaaaaa;
text-decoration: none;
}

.addetails p{
margin-bottom: 1em;} 

div.minimenu{
float: right;
}

div.mini1{
display: inline-block;
margin-left:2px;
padding: 2px;
border: 2px solid #000099;
background-color: rgba(10,10,100,0.6);
text-decoration: none;
}
.mini1 a:link{
color:white;
text-decoration: none;
}
.mini1 a:visited{
color:white;
text-decoration: none;
}
.mini1 a:active{
color:#aaaaaa;
text-decoration: none;
}

.mini1 a:hover{
color:#aaaaaa;
text-decoration: none;
}



div.mini2{
display: inline-block;
margin-left:2px;
padding: 2px;
border: 2px solid #009900;
background-color: rgba(10,100,10,0.6);
}
.mini2 a:link{
color:white;
text-decoration: none;
}
.mini2 a:visited{
color:white;
text-decoration: none;
}
.mini2 a:active{
color:#aaaaaa;
text-decoration: none;
}

.mini2 a:hover{
color:#aaaaaa;
text-decoration: none;
}



div.mini3{
display: inline-block;
margin-left:2px;
padding: 2px;
text-decoration: none;
}

.exnews{
padding: 5px;
border: 3px dotted #6666aa;
width: 790px;
}



div.flowgrid1{
background-color: #d0deeb;
border: 2px solid #333399;
}

div.flowgrid2{
background-color: #faf8f1;
border: 1px solid #999933;
}
div.flowgrid3{
border: 1px dotted #666666;
background-color: #cccccc;

}


table.flow{
border-collapse:collapse;
padding:0;
width:100%;
}
table.flow td,th{
padding:3px;
}

.plain{
text-decoration: none;
}



table.exhibition2 {border-collapse: collapse;text-align: left;width: 100%;}
/*table.exhibition2 th {vertical-align: top;border-top: 1px solid #DFDFDF;border-bottom: 1px solid #DFDFDF;border-left: 1px solid #DFDFDF;font-weight: lighter;text-align: center;padding-top: 1px;}*/
table.exhibition2 td {vertical-align: top;border: 1px solid #DFDFDF;border-left: 1px solid #DFDFDF;padding: 2px 2px 2px 2px;}

table.exhibition3 {border-collapse: collapse;text-align: left;width: 100%;}
table.exhibition3 th {width: 300px;vertical-align: top;border-top: 1px solid #DFDFDF;border-bottom: 1px solid #DFDFDF;font-weight: lighter;text-align: center;padding-top: 1px;}
table.exhibition3 td {vertical-align: top;border: 1px solid #DFDFDF;border-left: 1px solid #DFDFDF;padding: 2px 2px 2px 2px;}

.listtable {
                font-size: 12px;
                line-height: 14px;
				width: 515px;
				}
table.exhibition_detail {border-collapse: collapse;text-align: left;width: 100%;line-size:14px;font-size: 14px;}
table.exhibition_detail td {vertical-align: top;border: 1px solid #DFDFDF;border-left: 1px solid #DFDFDF;padding: 2px 5px 2px 5px;}
table.exhibition_detail th {vertical-align: middle;border: 1px solid #DFDFDF;text-align: center;padding-top: 5px;}

/*タブ用*/
.tab-content input[type="radio"] {
	display: none;
}


.tab-content label {
  display: inline-block;
  padding: 5px 8px ;
  font-weight: bold;
  font-size: 16px;
  color: #999;
  background-color: #dddddd;
  box-sizing: border-box;
  height: 35px;
  border: 1px solid #AAA;
}
.tab-content label:hover,
.tab-content input[type="radio"]:checked + label {
  padding: 5px 8px ;
	color: #000;
	background-color: #fff;
	border-top: 5px solid #AAA;
	border-left: 1px solid #AAA;
	border-right: 1px solid #AAA;
	border-bottom: none;
	  height: 35px;
}


.tab-content .tab-box {


}

.tab-content > .tab-box > div {
  display: none;
}

#tab1:checked ~ .tab-box > #tabView1 {
  display: block;
}

#tab2:checked ~ .tab-box > #tabView2 {
  display: block;
}

#tab3:checked ~ .tab-box > #tabView3 {
  display: block;
}
/*タブ用*/



.bannerimage {
	text-align: center;
	width: 190px;
}
table.exhibition_ministage {border-collapse: collapse;text-align: left;margin-right: 5px;margin-left: 5px;}
table.exhibition_ministage th {vertical-align: top;border: 1px solid #DFDFDF;font-weight: lighter;text-align: center;padding-top: 5px;}
table.exhibition_ministage td {vertical-align: top;border: 1px solid #DFDFDF;padding: 5px 10px 5px 10px;}

div.shoptable_l {border-collapse: collapse;border-color:black;text-align: left;}
div.shoptable_l th {width: 300px;vertical-align: top;border-top: 1px solid #DFDFDF;border-bottom: 1px solid #DFDFDF;font-weight: lighter;text-align: center;padding-top: 1px;}
div.shoptable_l td {vertical-align: top;border: 3px solid #DFDFDF;padding: 2px 2px 2px 2px;}

div#bld01 {
background-color : #fff7f7;

}
div#bld02 {
background-color : #f7fff8;

}
div#bld03 {
background-color : #fffef7;

}
div#bld04 {
background-color : #fff9ed;

}
div#bld05 {
background-color : #f7fcff;

}
div#bld06 {
background-color : #ffeded;

}
div#bld07 {
background-color : #f7fff8;

}
div#bld08 {
background-color : #fffef7;


}
div#bld09 {
background-color : #e2fffa;

}
div#bld10 {
background-color : #ffeded;

}

div#bld11 {
background-color : #fff9ed;


}

div.bld{


}

div.bldbox{
margin:0px 10px 50px 10px;
border: 1px solid #DFDFDF;
}


div.bldname{
float: left;
padding: 5px;
}

div.bldurl{
float: left;

padding:5px;

}

div.shopname{
float: left;
padding: 5px;
background-color : #eeeeee;
width:150px
}

div.item{
float: left;
padding:5px;

}

div.shop{
padding:5px;
margin:2px 10px 30px 10px;
background-color : #ffffff;
}

div.shopline{
margin:1px 5px 0px 5px;
}


div.bld{

padding:5px;

}

span.bldtitle{
		font-size: 25pt;
		color: #333;

		font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , sans-serif;
	
}
table.exhibition4 {border-collapse: collapse;text-align: left;}
table.exhibition4 th {vertical-align: top;border-top: 1px solid #DFDFDF;border-bottom: 1px solid #DFDFDF;font-weight: lighter;text-align: center;padding: 10px 10px 10px 10px;}
table.exhibition4 td {vertical-align: top;border: 1px solid #DFDFDF;border-left: 1px solid #DFDFDF;padding: 10px 10px 10px 10px;}