@charset "utf-8";
/****************************************************
*
*Contents Style CSS
*Site 
*
*****************************************************/
/* --------------------------------------------------------
   Organize
-------------------------------------------------------- */

/*  eventtab
-----------------------------------*/
#eventtab { width: 720px;margin: 0 auto;overflow: hidden;_zoom: 1;background: url(../../images/top/h2_01.png) no-repeat 5px 1px;}
#eventtab #tabNavbox {width: 265px;margin: 0;float: right;}
#eventtab .tabNav {width: 265px;margin: 0;overflow: hidden;_zoom: 1;}
#eventtab .tabNav li {padding-left: 3px;float: left;}
#eventtab .tabNav .tabNav3 a:link {width: 129px;height: 30px;display: block;overflow: hidden;_zoom: 1;background: url(../../images/top/tab_a.png) no-repeat;}
#eventtab .tabNav .tabNav3 a:hover,
#eventtab ul.tabs li.tabNav3.active a:link {background: url(../../images/top/tab_a_on.png) no-repeat;}
#eventtab .tabNav .tabNav4 a:link {width: 130px;height: 30px;display: block;overflow: hidden;_zoom: 1;background: url(../../images/top/tab_b.png) no-repeat;}
#eventtab .tabNav .tabNav4 a:hover,
#eventtab ul.tabs li.tabNav4.active a:link {background: url(../../images/top/tab_b_on.png) no-repeat;}
#eventtab .tabNav span { visibility: hidden; }
#eventtab .tabNav a:link, a:visited, a:visited, a:active {text-decoration: none;outline: none;}

/*  pickup
-----------------------------------*/
#pickup { width: 720px;margin: 0 auto 20px auto;padding: 0;overflow: hidden;_zoom: 1;background:url(../../organize/images/page_bg_event.jpg) no-repeat top;border: 1px solid #CCC;}
#pickup .title { width: 695px;margin: 20px auto 10px auto;padding: 0 0 3px 5px;overflow: hidden;_zoom: 1;font-weight: bold;font-size: 108%;}
#pickup .titlebox { width: 695px;margin: 20px auto 8px auto;padding: 0 0 7px 5px;overflow: hidden;_zoom: 1;text-align: right;}
#pickup .titlebox_u { width: 695px;margin: 0 auto 10px auto;padding: 0;overflow: hidden;_zoom: 1;}
#pickup .titlebox_r { width: 257px;margin: 0;float: right;text-align: right;}
#pickup .titlebox_r ul { margin: 0;float: right;}
#pickup .titlebox_r li {padding: 0 0 0 5px;float: left;}
.pickupbox { width: 700px;margin: 0 auto 10px auto;padding: 0;overflow: hidden;_zoom: 1;}
.pickupbox_l { width: 345px;margin: 0 0 10px 0;float: left;}
.pickupbox_r { width: 345px;margin: 0 0 10px 0;float: right;}

/*  ebox
-----------------------------------*/
.ebox { width: 318px;margin: 0 auto 15px auto;padding: 10px 13px 10px 10px;overflow: hidden;_zoom: 1;background:url(../../organize/images/top_ebox_bg.jpg) no-repeat top;border: 1px solid #CCC;}
.ebox .thum {width: 315px;}
.ebox .date {font-size: 93%;font-weight: bold;margin: 0;padding: 0 0 3px 0;}
.ebox h3 {font-size: 116%;font-weight: bold;line-height: 21px; background: none; height: auto; width: auto; padding: 0; maring: 0;}
.ebox h3 a:link {text-decoration: underline;outline: none;}
.ebox h3 a:visited { text-decoration: underline; }
.ebox h3 a:hover,.ebox h3 a:active { text-decoration: none; }
.ebox h4 {color: #84896e;padding: 3px 0 8px 0;font-weight: normal;font-size: 85%;line-height: 15px; background: none; height: auto; width: auto; padding: 0; maring: 0;}
.ebox h5 {font-size: 85%;color: #000;padding: 0;}
.ebox li {float: left;padding: 0 5px 0 0;}

/*  eventlist
-----------------------------------*/
#eventlist { width: 720px;margin: 0 auto;padding: 10px 0 40px 0;overflow: hidden;_zoom: 1;border-bottom: 1px solid #e0e0e0;border-left: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;min-height: 350px;height: auto !important;height: 350px;}
#eventlist .title { width: 695px;margin: 20px auto;padding: 0 0 3px 5px;overflow: hidden;_zoom: 1;border-bottom: 1px solid #78b3be;}
#eventlist .titletxt { width: 300px;padding: 3px 0 0 0;overflow: hidden;_zoom: 1;font-weight: bold;font-size: 108%;float: left;}
.tebox {width: 685px;margin: 0 auto;padding: 5px 0 15px 0;overflow: hidden;_zoom: 1;background: url(../../images/top/top_event_shadow.gif) no-repeat top right;}
.tebox .alc {width: 675px;padding: 0 0 15px 0;overflow: hidden;_zoom: 1;border-bottom: 1px solid #efefef;}
.tebox .photo {width: 151px;margin: 0;text-align: center;float: left;}
.tebox_r {width: 500px;margin: 0;padding: 0 10px 0 0;float: right;}
.tebox_r p {line-height: 15px;}
.tebox_r .date {margin: 0;padding: 0;}
.tebox_r .datetxt {font-size: 93%;font-weight: bold;margin: 0;padding: 0;}
.tebox_r .datemark img {*vertical-align : middle; /* IE7 and below */_vertical-align : middle; /* IE6 */}
.tebox_r .subtitle {font-size: 85%;font-weight: bold;margin: 0 0 2px 0;}
.tebox_r h3 {font-size: 116%;font-weight: bold;line-height: 21px;padding: 0 0 4px 0; background: none; height: auto; width: auto; padding: 0; maring: 0;}
.tebox_r h3 a:link, 
.tebox_r h3 a:visited {text-decoration: underline;outline: none;}
.tebox_r h3 a:hover,
.tebox_r h3 a:active { text-decoration: none; }
.tebox_r h4 {color: #84896e;font-size: 85%;padding: 0 0 5px 0;line-height: 15px;font-weight: normal; background: none; height: auto; width: auto; padding: 0; maring: 0;}
.tebox dl { width: 490px;margin: 0;padding: 0;overflow: hidden;_zoom: 1;font-size: 93%;line-height: 17px;}
.tebox dl dt {float: left;width: 40px;padding: 0;}
.tebox dl dd {margin-left: 45px;padding: 0;}
.none_data {margin: 0 0 5px 12px;padding: 10px 0 250px 0;overflow: hidden;_zoom: 1;font-size: 93%;}

/*  eventnew
-----------------------------------*/
#eventnew {width: 200px;margin: 10px auto;padding: 10px 0;font-size: 93%;background: #FFF;}
#eventnew .date {font-weight: bold;color: #4a383b;padding: 0 0 2px 1px;}
#eventnew .txt {line-height: 16px;padding: 0 2px 0 11px;background: url(../../images/common/parts/list01.png) no-repeat 2px 4px;}
#eventnew ul {width: 190px;margin: 0 auto 8px auto;padding: 0 0 5px 0;border-bottom: 1px dotted #999;overflow: hidden;_zoom: 1;}

/*  detailex
-----------------------------------*/
#detailtitle { width: 658px;margin: 0 auto;padding: 0 10px;overflow: hidden;_zoom: 1;}
#detailex { width: 678px;margin: 0 auto 18px auto;padding: 10px;overflow: hidden;_zoom: 1;}
#detailex_l { width: 440px;margin: 20px 0 0 0;padding: 0;float: left;}
#detailex_r { width: 220px;margin: 20px 0 0 0;padding: 0;float: right;}
#detailex_r img { border: 3px solid #e0e0e0;}
#detailex_r .pdflink {margin: 8px 0 0 0;text-align: right;}
#detailex_r .pdflink a {padding: 3px 0 10px 23px;font-size: 93%;background: url(../../images/common/parts/ico_pdf.gif) no-repeat 0 0;overflow: hidden;_zoom: 1;}
#detailex p { margin: 0;padding: 0;}
#detailex .day { margin: 0;padding: 0;font-weight: bold;}
#detailex .day span img {*vertical-align : middle; /* IE7 and below */_vertical-align : middle; /* IE6 */}
#detailex .day .endico { padding: 0 10px 0 0;}
#detailex .subtitle {font-size: 93%;padding: 0;overflow: hidden;_zoom: 1;}
#detailex .titlename {font-size: 131%;font-weight: bold;padding: 0;overflow: hidden;_zoom: 1;line-height: 19px;}
#detailex .readcopy {font-size: 93%;font-weight: bold;padding: 0;overflow: hidden;_zoom: 1;color: #5c452e;}
#detailex .copy {font-size: 108%;font-weight: bold;padding: 0 0 7px 0;overflow: hidden;_zoom: 1;}


/*  databox
-----------------------------------*/
#outline .databox { width: 690px;margin: 0 0 13px 0;padding: 5px 0 8px 0;overflow: hidden;_zoom: 1;}
#outline .databox_l { width: 255px;float: left;padding: 0 0 0 5px;}
#outline .databox_l img { border: 2px solid #CCC; }
#outline .databox_l .cap {font-size: 11px;padding: 2px 0 0 0;}
#outline .databox_r { width: 420px;float: right;padding: 0;}
#outline .databox_r dl { width: 380px;margin: 0 0 5px 0;padding: 0;overflow: hidden;_zoom: 1;}
#outline .databox_r dl dt {float: left;width: 100px;margin: 0 0 0 5px;padding: 3px 0;text-indent: 1px;font-weight: bold;}
#outline .databox_r dl dd {padding: 3px 0 3px 115px;}
#outline .databox2 li {float: left;padding: 6px 5px 0 0;}
#outline .databox2 li img { border: 2px solid #CCC; }
#organize .databox {width: 665px;margin: 0 0 20px 0;padding: 15px 10px;overflow: hidden;_zoom: 1;}
#organize .databox h4 {margin: 10px 0;padding: 1px 0 1px 10px;overflow: hidden;_zoom: 1;font-size: 108%;font-weight: bold; background: none; height: auto;}

/* gaiyou */
#organize .databox .gaiyou {width: 670px;margin: 0 auto;padding: 0;overflow: hidden;_zoom: 1;}
#organize .databox .gaiyou .data { padding: 15px 10px;overflow: hidden;_zoom: 1;font-size: 93%;}
#organize .databox .gaiyou .data dl { width: 645px;margin: 0 0 10px 0;padding: 0 0 3px 0;overflow: hidden;_zoom: 1;border-bottom: 1px dotted #CCC;}
#organize .databox .gaiyou .data dl dt {float: left;width: 125px;margin: 0 0 0 5px;padding: 3px 0;text-indent: 1px;}
#organize .databox .gaiyou .data dl dd {padding: 3px 0 3px 145px;}

/* ticket */
#organize .databox .ticket {width: 670px;margin: 0 auto;padding: 0;overflow: hidden;_zoom: 1;}
#organize .databox .ticket .data { padding: 15px 10px;overflow: hidden;_zoom: 1;font-size: 93%;}
#organize .databox .ticket .data dl { width: 645px;margin: 0 0 10px 0;padding: 0 0 3px 0;overflow: hidden;_zoom: 1;border-bottom: 1px dotted #CCC;}
#organize .databox .ticket .data dl dt {float: left;width: 120px;margin: 0 0 0 5px;padding: 3px 0;text-indent: 1px;}
#organize .databox .ticket .data dl dd {padding: 3px 0 3px 140px;}
#organize .databox .ticket .data dl dd li {text-indent: -1.3em;margin-left: 1.4em;}
#organize .databox .ticket .data dl dd ul {padding: 0 0 20px 0;}

/* profile */
#organize .databox .profile {width: 670px;margin: 0 auto;padding: 0;overflow: hidden;_zoom: 1;}
#organize .databox .profilebox {width: 650px;padding: 15px 0;overflow: hidden;_zoom: 1;}
#organize .databox .profilebox_l {width: 430px;float: left;padding: 0 0 0 10px;}
#organize .databox .profilebox_l h5 {padding: 0 0 5px 0;font-size: 100%;font-weight: bold;}
#organize .databox .profilebox_r {width: 180px;float: right;}
#organize .databox .profilebox_r img {border: 3px solid #CCC;}

/* info */
#organize .databox .info {width: 670px;margin: 0 auto;padding: 0;overflow: hidden;_zoom: 1;}
#organize .databox .info p {padding: 0 15px;overflow: hidden;_zoom: 1;}

/* movie */
#organize .databox .movie {width: 670px;margin: 0 auto;padding: 0;overflow: hidden;_zoom: 1;}
#organize .databox .movie p {padding: 0 15px;overflow: hidden;_zoom: 1;font-size: 93%;}
#organize .databox .movie dl { width: 650px;margin: 0 auto 10px auto;padding: 0;overflow: hidden;_zoom: 1;border-bottom: 1px dotted #CCC;font-size: 93%;}
#organize .databox .movie dl dt {float: left;width: 125px;margin: 0 0 0 5px;padding: 3px 0;text-indent: 1px;}
#organize .databox .movie dl dd {padding: 3px 0 3px 145px;}

/* download */
#organize .databox .download {width: 630px;margin: 0 auto;padding: 0;overflow: hidden;_zoom: 1;}
#organize .databox .download li {margin: 0;padding: 0 23px;overflow: hidden;_zoom: 1;float: left;background: url(../../images/common/parts/ico_pdf.gif) no-repeat 0 0;}

/*  detailcontact
-----------------------------------*/
#detailother,
#detailcontact { width: 665px;margin: 18px auto;padding:13px 10px 9px 10px;overflow: hidden;_zoom: 1;border: 1px solid #b7b7b7;}

/*  contdata
-----------------------------------*/
#contdata {width: 690px;margin: 0 auto;padding: 0;overflow: hidden;_zoom: 1;}
.contbox {width: 685px;margin: 0 auto;padding: 0 !important;overflow: hidden;_zoom: 1;border: 1px solid #b7b7b7;}

/*  end
-----------------------------------*/
.endbox { width: 690px; margin: 0 auto; padding: 20px 0 0 0;overflow: hidden; _zoom: 1;text-align: center;}
.endtitle {margin: 0 auto;padding: 30px 0 15px 0;overflow: hidden;_zoom: 1;font-weight: bold;font-size: 124%;text-align: center;}
.endlink {margin: 0 auto;padding: 50px 0 0 0;overflow: hidden;_zoom: 1;}
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide {
display: none;
}
}
/* Hide useless elements in print layouts... */
@media print {
.ui-tabs-nav {
display: none;
}
}
/* Skin */
.ui-tabs-nav {list-style: none;margin: 0;padding: 0 0 0 4px;}
.ui-tabs-nav:after { display: block;clear: both;content: " ";}
.ui-tabs-nav li {float: left;margin: 0 0 0 1px;min-width: 84px; /* be nice to Opera */}
.ui-tabs-nav a, .ui-tabs-nav a span {display: block;padding: 0 10px;background: url(../../organize/images/tab.png) repeat-y;}
.ui-tabs-nav a {margin: 1px 0 0;padding-left: 0;font-weight: bold;line-height: 1.2;text-align: center;text-decoration: none;white-space: nowrap; outline: 0; }
.ui-tabs-nav a:hover {position: relative;top: 1px;z-index: 2;margin-top: 0;color: #fff;}
.ui-tabs-nav .ui-tabs-selected a {position: relative;top: 1px;z-index: 2;margin-top: 0;color: #fff;}
.ui-tabs-nav a span {width: 64px; min-width: 64px;height: 18px; min-height: 18px;padding-top: 6px;padding-right: 0;}
*>.ui-tabs-nav a span { width: auto;height: auto;}
.ui-tabs-nav .ui-tabs-selected a span {padding-bottom: 1px;}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {background-position: 100% -150px;}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {background-position: 100% -100px;}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {background-position: 0 -50px;}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {background-position: 0 0;}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */cursor: text;}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */cursor: pointer;}
.ui-tabs-disabled {opacity: .4;filter: alpha(opacity=40);}
.ui-tabs-panel {border-top: 1px solid #97a5b0;padding: 1em 8px;background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */}
.ui-tabs-loading em {padding: 0 0 0 20px;background: url(../../organize/loading.gif) no-repeat 0 50%;}
* html .ui-tabs-nav {display: inline-block;}
*:first-child+html .ui-tabs-nav  { display: inline-block;}