@charset "Shift_JIS"; 
/* Ver: No.428 Reading Event 2nd */


body	{background-color: #ffffff;width: 100%; margin: 0;    padding: 0;}

#head {	
	background-color: #f2eee3;
	width:100%;
	margin: 0 auto ;
	height:305px;
	float:left;
	text-align: left;}

#mini_head {
	background-color: #f2eee3;
	width:100%;
	margin: 0 auto ;
	float:left;
	text-align: left;}}


.menu	{width:100%; margin; 0 auto;}

.nav-bar li	{flex: 1; -webkit-flex: 1; text-align:center;}

.nav-bar	{width: 900px; margin: 0;  padding: 0; display: -webkit-flex; display: flex; list-style: none;  align-items:stretch; justify-content:center; flex-basis:180px;}

.nav-bar a {
  width:auto;
  color:#000000;
  font-size:15px;
  font-weight:bold;
  padding:13px 0px;
  text-decoration:none;
  display:block;
  background:#FFFFFF;	}

.nav-bar a:hover {
  color: #FFF;
  background:#899d58;	}

.nav-bar a.select {
  color: #FFF;
  background:#a9bd68;	}




#main {
	min-height:100%;
	margin: 0 auto ;
	padding: 0px;
	text-align: left;
	width: 1150px;
	background-color: #FFF;
}

div#wrapper {  
    width: 900px;  
    margin: 0 auto;  
    text-align: left;  
}  




#top {	float:left; width:400px; }
#sub_con {width: 820px; margin: 0 auto;}
#top1 {width: 540px; padding:30px 15px 20px 30px; float:left;text-align: left;}
#top2 {width: 270px; padding:30px 30px 20px 15px; float:left;text-align: left;}
#top3 {width: 245px; margin-left: 30px; margin-bottom:30px; margin-top: 30px; padding:5px; float:left;text-align: left; background-color:#f5f2e9;}
#top4 {width: 825px; padding:30px 15px 20px 30px; float:left;text-align: left;}
#top5 {width: 800px; padding:30px 15px 20px 30px; float:left;text-align: left;}






a.main:LINK{color:#0033cc; text-decoration: underline; }
a.main:visited{color:#0033bb; text-decoration: underline; }
a.main:active{color:#0033bb; text-decoration: underline; }
a.main:hover{color: #cc6600 ;text-decoration: underline; }

span.tweet {text-align:right;
     position:absolute;  
    right:0;  
    top:0; }



/* form */
input.textbox {
	width:100px;
	height:1.25em;
	padding:0;
	border:1px solid #999;
}

textarea,select { border:1px solid #999; }

TEXT
textarea.def {
 width:220px;
 margin-top:2px;
 padding:0;
 background-color: #EEE;}




input { vertical-align:middle; }

p.honbun {
	padding: 7px 5px 20px 15px;
       line-height: 150%;
	font-size:small;
}

div.menu {
	padding-left: 15px;
	color:#FFFFFF;
	height:100px;
}

div.head1 {
	text-align:right;
	padding-left: 25px;
	padding-right: 20px;
	font: 100% "ＭＳ Ｐゴシック", "Osaka";
        line-height: 130%;
	color:#FFFFFF;
}


table.list{
    border-top:1px solid #333333;
    border-left:1px solid #333333;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}


.list th{
    border-right:1px solid #333333;
    border-bottom:1px solid #333333;
    color:#cccccc;
    background-color:#ffcccc;
    background-position:left top;
    padding:1px 1px;
}
.list td{
    border-right:1px solid #333333;
    border-bottom:1px solid #333333;
    padding:1px 1px;
}




p.top1 {background-color; #f5f2e9;
        line-height: 150%;
	font-size; 90%;
	margin-bottom;10px}

h2 {
	font-size: 100%;
	color:#FFF;
	margin: 0px;
	padding-top: 7px;
	padding-bottom: 7px;
	background-color:#a9bd68;
	width:100%;
	padding-left: 15px;
	border-radius: 5px
}

span.h3 {
	font-size: 100%;
	color:#FFF;
	margin: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	background-color:#a9bd68;
	width:250px;
	padding-left:  5px;
	border-radius: 5px
}


h4 {
	font-size: 13px;
	font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", "Osaka";
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 3px;
        margin-left: 10px;
        margin-top: 14px;
	background-color:#ffeeee;
        width: 95%;
        
}

h5 {	margin:5px;
	font-size: 120%;
	text-align:center;
	font-weight:bold;} / info/開催履歴見出しで使用


.box h3{
    text-align:center;
    position:relative;
    top:80px;
}
.box {
	padding:15px;
    width:42%;
    height:auto;
    background:#f5f2e9;
    margin:10px 10px;
	float: left;
}

.effect1{
    -webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #777;
            box-shadow: 0 10px 6px -6px #777;
}


p.motikomi {
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
       line-height: 150%;
	font-size:small;
}