@charset "UTF-8";


a:link,
a:visited {
	text-decoration: underline;
	color: #000000;
}

img {
	border: 0;
}
#sidebar1,
#header,
#footer,
#menu
{
display: none;
}


body  {
font: 90% Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
text-align: center;
}
.twoColHybRtHdr #container { 
width: 100%;
background: #FFFFFF;
margin: 0 auto;
padding:0;
text-align: left;
} 
.twoColHybRtHdr #header { 
background: #fff; 
padding: 0;
margin:0;
} 
.twoColHybRtHdr #header h1 {
margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
padding: 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}


.twoColHybRtHdr #mainContent {
  margin: 0;
  padding:0;
  line-height:1.5em;
} 
.twoColHybRtHdr #footer { 
padding: 0 10px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
font-size:.85em;
color:#666666;
text-align:center;
} 
.twoColHybRtHdr #footer p {
margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}

/* 再使用できる各種クラス */
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
float: right;
margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
float: left;
margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


a{
text-decoration:underline;
}
h1, h2, h3 ,h4 ,h5,h6{
margin:0;
padding:0;
font-weight:normal;
}
ul li ol{
margin:0;
padding:0;
list-style:none;
}
dl dt{
margin:0;
padding:0;
}

/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* clearfix end */


h1{
font-size:1.6em;
}
h2{
font-size:1.3em;
}
h3{
font-size:1.1em;
}
.blue{
color:#0066FF;
}
.red{
color:#FF0066;
}


/*rotator*/
#rotator{
background: url(img/rotator/rotator.php) no-repeat top center;
width: 860px;
height: 200px;
}
.sengen{
font-size:12px;
font-weight:normal;
text-align:center;
color:#9E74FF;
}

/* menu */

ul#menu{
clear:right;
margin:0;
padding:0 30px;
    height:30px;
    list-style:none;
    width:860px;
}
ul#menu li{
    list-style:none;
    float:left;
    width:133px;
}
ul#menu a{
    display:block;
    width:133px;
    height:38px;
}
a.home{
background-image:url(img/menu_01.jpg);
    background-position:0 0;
}
a:hover.home{
    background-position:0px -40px;
}
a.booth{
background-image:url(img/menu_02.jpg);
    background-position:0 0;
}
a:hover.booth{
    background-position:0px -40px;
}
a.event{
background-image:url(img/menu_03.jpg);
    background-position:0 0;
}
a:hover.event{
    background-position:0px -40px;
}
a.access{
background-image:url(img/menu_04.jpg);
    background-position:0 0;
}
a:hover.access{
    background-position:0px -40px;
}
a.blog{
background-image:url(img/menu_05.jpg);
    background-position:0 0;
}
a:hover.blog{
    background-position:0px -40px;
}
a.contact{
background-image:url(img/menu_06.jpg);
    background-position:0 0;
}
a:hover.contact{
    background-position:0 -40px;
}


#menu a span{display:none;}



/************************************************
*feeling box  *
************************************************/
.rbox {
width:560px;
background-color:#ffeaea;
margin:0 0 15px 0;
}
.textbox {
margin:0px;
padding:10px;
background-color:#ffeaea;
}
.rtop, .rbottom{
background-color:#ffffff;
}
.rtop span, .rbottom span{
display:block;
height:1px;
overflow:hidden;
background-color:#ffeaea;
}
.r1{margin: 0px 5px;}
.r2{margin: 0px 3px;}
.r3{margin: 0px 2px;}
.r4{margin: 0px 1px; height: 2px;}


/************************************************
*booth box  *
************************************************/
.booth_box {
width: 600px;
background: url(img/background_p.png) bottom;
padding-bottom: 10px;
margin:0 0 15px 0;
page-break-before: always;

}
.booth_box h2 {
background: url(img/background_p.png) top;
padding: 15px 9px 15px 15px;
color: #000000;
font-size: 1em;
}
.booth_box h3 {
font-size:1.3em;
padding: 9px 0 15px 15px;
color:#F33AB6;
font-weight:bold;
}
.booth_box h4 {
padding: 18px 0 5px 15px;
color:#3366FF;
font-weight:bold;
border-bottom:1px dotted #dcdcdc;
}
.booth_box p {
padding: 5px 16px 5px 16px;
margin:0;
font-size: 0.8em;
}
.day{
font-size:24px;
font-weight:bold;
}
.booth_box .np p,
.web{
display: none;
}
/************************************************
*booth box XMAS *
************************************************/
.booth_box_x {
width: 600px;
background: url(img/background-xmas_p.png) bottom;
padding-bottom: 10px;
margin:0 0 15px 0;
page-break-before: always;

}
.booth_box_x h2 {
background: url(img/background-xmas_p.png) top;
padding: 15px 9px 15px 15px;
font-weight:bold;
font-size: 1em;
}
.booth_box_x h3 {
font-size:1.3em;
padding: 9px 5px 15px 15px;
color:#d70035;
font-weight:bold;
}
.booth_box_x h4 {
padding: 18px 5px 5px 15px;
color:#006a6c;
font-weight:bold;
border-bottom:1px dotted #dcdcdc;
}
.booth_box_x p {
padding: 5px 16px 5px 16px;
margin:0;
font-size: 0.8em;
}
.booth_box_x .day{
font-size:1.5em;
font-weight:bold;
}
.booth_box_x .np p,
.web{
display: none;
}
/************************************************
*booth box for member *
************************************************/
#memberlist{
width:550px;
margin:0 0 15px 0;
padding:0;
}

ul#member{
width:100%;
padding:0;
margin:0;
list-style:none;
}
ul#member li{
background-image:url(img/list-icon.gif);
background-repeat:no-repeat;
background-position:left top;
padding:0 0 1px 18px;
margin:0;
font-size:11px;
line-height:16px;
}
ul#member2{
width:100%;
padding:0;
margin:0;
list-style:none;
}
ul#member2 li{
background-image:url(img/list-icon2.gif);
background-repeat:no-repeat;
background-position:left top;
padding:0 0 1px 18px;
margin:0;
font-size:11px;
line-height:16px;
}
ul#member li a,
ul#member2 li a{
text-decoration:none;
}
#memberlist dl{
  margin:0;
  padding:10px 0 0 0;
  text-align:left;
  }

#memberlist dt {
  clear: left;
  float: left;
  margin: 0;
  width: 50%;
padding: 0;
}

#memberlist dd {
  margin:0 0 0.8em 50%;
    padding: 0 0 5px 5px;
	width: 50%;
}
ul#member li a,
ul#member2 li a{
text-decoration:none;
}

/************************************************
*event *
************************************************/
#eventlist{
width:520px;
margin:0 0 15px 0;
}
#eventlist table{
width:95%;

}
#eventlist table td,
#eventlist table th{
vertical-align:top;
font-size:0.85em;
line-height:1.3em;
text-align:left;
border-bottom: 1px #dcdcdc solid;
padding: 6px 10px 6px 0;
}
#eventlist table th{
color:#666;
}
#eventlist table caption{
font-size:0.9em;
margin:15px 0 0 0;
padding:0;
background-color:#9BCEFF;
color:#FFFFFF;
}
/************************************************
*event box  *
************************************************/
.event_box {
width: 520px;
background: url(img/eventr_bg.png) bottom;
padding-bottom: 10px;
margin:0 0 15px 0;
page-break-before: always;

}
.event_box h2 {
background: url(img/eventr_bg.png) top;
padding: 15px 9px 15px 15px;
color: #000;
font-size: 1.1em;
font-weight:bold;
}
.event_box h3 {
font-size:1.3em;
padding: 9px 0 15px 15px;
color:#F33AB6;
font-weight:bold;
}
.event_box h4 {
padding: 18px 0 5px 15px;
color:#3366FF;
font-weight:bold;
border-bottom:1px dotted #dcdcdc;
}
.event_box p {
padding: 5px 16px 5px 16px;
margin:0;
font-size: 1em;
line-height:1.5em;
}
.day{
font-size:1em;
font-weight:bold;
}
.event_box .np p,
.web{
display: none;
}
/************************************************
*index box  *
************************************************/
.index_box {
width: 500px;
background: url(img/topbackground.jpg) bottom;
padding-bottom: 10px;
margin:0 0 15px 0;
}
.index_box h2 {
background: url(img/topbackground.jpg) top;
padding: 15px 9px 35px 15px;
color: #FFF;
font-size: 1em;
}
.index_box h3 {
font-size:1.2em;
padding: 9px 0 15px 15px;
color:#F33AB6;
font-weight:bold;
}
.index_box h4 {
padding: 18px 0 5px 15px;
color:#3366FF;
font-weight:bold;
border-bottom:1px dotted #dcdcdc;
}
.index_box p {
padding: 5px 16px 5px 16px;
margin:0;
font-size: 0.8em;
}
/************************************************
*mail form  *
************************************************/
form#mailform {
	padding: 0px;
	margin:30px 0;
}
table.mailform {
	width: 95%;
}
table.mailform caption{
text-align:left;
font-weight:bold;
margin:0;
padding:0 0 0 5px;
background-color:#D0E2FF;
color:#0093D3;
}
table.mailform tr th,table.mailform tr td {
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	border-bottom: solid 1px #999999;
	padding: 7px 5px 7px 5px;
}
table.mailform tr th {
	width: 150px;
}
table.mailform tr th span {
	color: #CC0000;
	font-size: 10px;
}
table.mailform tr th p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #999999;
}
table.mailform tr td textarea {
	width: 100%;
	height: 120px;
}