@charset "UTF-8";
body  {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size:90%;
margin: 0;
padding: 0;
text-align: center;
background-color:#e1f8ff;
background-image:url(img/bg01.jpg);
background-position:center;
background-position:bottom;
background-repeat:no-repeat;
}
.twoColHybRtHdr #container { 
width: 860px;
background: #FFFFFF;
margin: 0 auto;
padding:0;
border-left: 1px solid #b0e0e6;
border-right: 1px solid #b0e0e6;
text-align: left;
} 
.twoColHybRtHdr #header { 
background: #fff; 
padding: 0;
margin:0;
} 
.twoColHybRtHdr #header h1 {
}

/* #sidebar1 に関するヒント：
1. 単位は相対単位であるため、サイドバーで余白を使用することは回避してください。標準に準拠したブラウザでは、余白は全体の幅に追加されるため、実際の幅が不特定の幅になります。 
2. サイドバーの値の単位として em が使用されているので、その幅が初期設定のテキストサイズに応じて変化することに注意してください。
3. 「.twoColHybRtHdr #sidebar1 p」ルールで見られるように、div の端と div に含まれるエレメントの間のスペースは、エレメントに左マージンと右マージンを適用することによって設定できます。
*/
.twoColHybRtHdr #sidebar1 {
float: right; 
width: 17em; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
padding:0; /* 上余白と下余白により、この div 内に視覚的なスペースが設定されます */
margin:30px 0 0 0;
}
.twoColHybRtHdr #sidebar1 h3, .twoColHybRtHdr #sidebar1 p {
margin-right: 10px;
}

.twoColHybRtHdr #mainContent {
  margin: 0 18em 0 45px;
  padding:50px 0 18px 0;
  line-height:1.8em;
} 
.twoColHybRtHdr #footer { 
padding: 0 10px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
background:#b0e0e6;
font-size:11px;
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{
color:#0093D3;
}
a:hover{
color:#FF9900;
}
a:visited{
color:#666666;
}
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;
}
a img{
border:none;
}
.blue{
color:#0066FF;
}
.red{
color:#FF0066;
}
.small {font-size: small}
table{
 cellpadding:0;
 cellspacing:0;
 border-collapse: collapse;
border-spacing: 0;
margin:10px 0 25px 0;
}
table td,table th{
margin:0;
padding:0 5px 0 0;
valign:top;
text-align:left;
}


/*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:#006948;
}

/* 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_w01.jpg);
    background-position:0 0;
}
a:hover.home{
    background-position:0px -40px;
}
a.booth{
background-image:url(img/menu_w02.jpg);
    background-position:0 0;
}
a:hover.booth{
    background-position:0px -40px;
}
a.event{
background-image:url(img/menu_w03.jpg);
    background-position:0 0;
}
a:hover.event{
    background-position:0px -40px;
}
a.access{
background-image:url(img/menu_w04.jpg);
    background-position:0 0;
}
a:hover.access{
    background-position:0px -40px;
}
a.contact{
background-image:url(img/menu_w05.jpg);
    background-position:0 0;
}
a:hover.contact{
    background-position:0px -40px;
}
a.shop{
background-image:url(img/menu_w06.jpg);
    background-position:0 0;
}
a:hover.shop{
    background-position:0 -40px;
}


#menu a span{display:none;}

/*右メニューリスト用*/
#sidebar1 p{
font-size:12px;
}
#sidebar1 p a{
text-decoration: none;
}
#sidebar1 p a:hover{
color:#FF9900;
}
#event,#news{
margin:0;
padding:0 0 10px 0;
}
#sidebar1 #news ul{
margin:10px 0 10px 10px;
padding:0;
}
#sidebar1 #news li{
font-size:12px;
margin:0 0 1em 5px;
padding:0 30px 0 25px;
list-style:none;
background-image:url(img/list_01.jpg);
background-position:reft;
background-repeat:no-repeat;
}
#sidebar1 #news li a{
text-decoration: none;
}
#sidebar1 #news li a:hover{
color:#FF9900;
}

#sidebar1 #event ul{
margin:10px 0 0 10px;
padding:0;
}
#sidebar1 #event li{
font-size:12px;
margin:0;
height:35px;
padding:5px 0 8px 35px;
list-style:none;
background-image:url(img/list_03.jpg);
background-position:reft;
background-repeat:no-repeat;
}
#sidebar1 #event li a{
text-decoration: none;
}
#sidebar1 #event li a:hover{
color:#FF9900;
}



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

}
.booth_box h2 {
background: url(img/background.png) top;
padding: 15px 9px 15px 15px;
color: #FFF;
font-size: 1em;
}
.booth_box h3 {
font-size:1.3em;
padding: 9px 5px 0px 15px;
color:#F33AB6;
font-weight:bold;
}
.booth_box h4 {
padding: 18px 5px 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:1em;
font-weight:bold;
}
/************************************************
*booth box for member *
************************************************/
#memberlist{
	width:550px;
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}

ul#member{
width:100%;
padding:0;
margin:0;
list-style:none;
}
ul#member li{
background-image:url(img/list-icon3.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;
  }

#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%;
}


/************************************************
*booth box XMAS *
************************************************/
.booth_box_x {
width: 520px;
background: url(img/background-xmas.png) bottom;
padding-bottom: 10px;
margin:0 0 15px 0;
page-break-before: always;

}
.booth_box_x h2 {
background: url(img/background-xmas.png) top;
padding: 15px 9px 15px 15px;

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;
}
.img_h3 {
	float: left;
}

.day{
font-size:1em;
font-weight:bold;
}
/************************************************
*event *
************************************************/
#eventlist{
width:520px;
margin:0 0 15px 0;
}
#eventlist table{
width:98%;

}
#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-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
}
.td_set_p {
	padding-left: 1.2em;
}

#eventlist table th{
color:#666;
}
#eventlist table caption{
font-size:0.9em;
margin:15px 0 0 0;
padding:0;
background-color:#ffe4e1;
color:#FFFFFF;
}
#eventlist h5 {
	font-size: 0.9em;
	font-weight: bold;
	color: #F6C;
	padding-left: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
}
#eventlist dl   {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	font-size: 0.9em;
}
#eventlist dl dt   {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 12em;
}
#eventlist dl dd   {
	margin: 0px;
	padding: 0px;
}
.info {
	font-size: 0.9em;
	padding-left: 30px;
	color: #F60;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
}
.reserve {
	font-size: 1em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 30px;
	margin: 0px;
	float: right;
	clear: both;
}




/************************************************
*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: #FFF;
font-size: 1em;
}
.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: 0.8em;
}
.seminar_subtitle {
	font-size: 1.2em;
	font-weight: bold;
	color: #666;
}
.text_emphasize {
	font-weight: bold;
	color: #F6c;
}


.day{
font-size:1em;
font-weight:bold;
}
/************************************************
*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;
}
/************************************************
*toiawase *
************************************************/
.apply{
font-weight:bold;
font-size:1.2em;
padding:20px 0;
}

/************************************************
*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;
}
/************************************************
*syutten  *
************************************************/
#entry h2{
border-bottom:solid 1px #6699FF;
color:#6699FF;
padding:10px 0 0 0;
font-size:1em;
}
#entry ol li{
font-size:0.9em;
line-height:1.4em;
padding:0 0 8px 0;
margin:0;
}