@charset utf-8;

/* DEFAULT */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display:block; }
audio,video { display:inline-block; }
audio,video { *display:inline; }
audio,video { *zoom:1; }
audio:not([controls]) { display:none; }
[hidden] { display:none; }

html { font-size:13px; overflow-y:scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; color:#000; background:#FFF; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,figure,form,button,input,select,textarea,legend,p,blockquote,th,td,p { margin:0; padding:0; }
address,caption,cite,code,dfn,var { font-style:normal; font-weight:normal; }
h1,h2,h3,h4,h5,h6,p,dt,dd,li { font-size:100%; font-weight:normal; line-height:1.0; }
li { list-style:none; }
img { border:0; vertical-align:bottom; -ms-interpolation-mode:bicubic; }
table { border-collapse:collapse; border-spacing:0; }

a { color:#00E; }
a:focus { outline:thin dotted; }
a:hover, a:active { outline:0; }

abbr[title] { border-bottom:1px dotted; }
mark { background:#FF0; color:#000; }

pre,code,kbd,samp { font-family:monospace, serif; font-size:1em; }
pre,code,kbd,samp { _font-family:'courier new', monospace; }
pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word; }

q { quotes:none; }
q:before,q:after { content:''; content:none; }

small { font-size:75%; }
sub,sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }
svg:not(:root) { overflow:hidden; }
fieldset { border:1px solid #C0C0C0; margin:0 2px; padding:0.35em 0.625em 0.75em; }
legend { border:0; }

button,input,select,textarea { font-family:inherit; font-weight:inherit; font-size:inherit; vertical-align:baseline; }
button,input,select,textarea { *font-size:100%; }
button,input,select,textarea { *vertical-align:middle; }
button,input { line-height:normal; }
button,input[type="button"],input[type="reset"],input[type="submit"] { cursor:pointer; -webkit-appearance:button; }
button,input[type="button"],input[type="reset"],input[type="submit"] { *overflow:visible; }
input[type="checkbox"],input[type="radio"] { box-sizing:border-box; padding:0; }
input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance:none; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
textarea { overflow:auto; vertical-align:top; }
/* DEFAULT */
/* --------------------------------------------------------------------------------
Font Size

08px = 63%          14px = 108%            20px = 153.9%       
09px = 70%          15px = 116%            21px = 161.6%
10px = 77%          16px = 123.1%          22px = 167%
11px = 85%          17px = 131%            23px = 174%
12px = 93%          18px = 138.5%          24px = 182%
13px = 100%         19px = 146.5%          25px = 189%

font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho','メイリオ',Meiryo, serif;
-------------------------------------------------------------------------------- */

html { background:url(../../../img/images/bild/bg_html.gif) repeat; }
body { color:#333; background:url(../../../img/images/bild/bg_body.gif) repeat-x 0 bottom; }

a { color:#878787; text-decoration:none; }
a:hover { color:#FF8C00; }

a.opalink:hover {
opacity:0.7;
filter: alpha(opacity=70);			/* ie lt 8 */
-ms-filter: "alpha(opacity=70)";	/* ie 8 */
-moz-opacity:0.7;					/* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;				/* Safari 1.x */
zoom:1;
}


/* WRAP */
#wrap { margin:0; width:100%; background:url(../../../img/images/bild/bg_wrap.gif) repeat-x 0 0; }

/* HEADER */
#wrap #header { margin:0 auto 20px; width:970px; height:390px; position:relative; }
#wrap #header h1 { font-size:9px; position:absolute; top:5px; left:0; }
#wrap #header h2 { font-size:9px; position:absolute; bottom:0; left:0; }
#wrap #header p { font-size:93%; line-height:1.5; text-align:right; position:absolute; top:20px; right:0; }
#wrap #header p a { color:#FFF; } #wrap #header p a:hover { text-decoration:underline; }
/* HEADER */


/* CONTAINER */
#wrap #container { margin:0 auto; width:970px; overflow:hidden; }


/* CONTENT */
#wrap #container #content { width:680px; float:left; }
#wrap #container #content h3 { margin:0 0 30px; padding:0 0 0 390px; font-size:131%; font-weight:bold; line-height:30px; color:#666; background:url(../../../img/images/bild/ttl_blbd.png) no-repeat 0 50%; }

/* ICON */
span.icon { margin:0 3px 0 0; }
span.icon a { background:url(../../../img/images/bild/icon.gif) no-repeat; }
span.icon, span.icon a { display:block; text-indent:100%; white-space:nowrap; width:20px; height:20px; overflow:hidden;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}

span.ticon { margin:0 3px 0 0; }
span.ticon, span.ticon a { display:block; font-size:10px; font-weight:bold; line-height:20px; text-align:center; color:#FFF; width:auto; height:20px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}

span.edit a { background-position:0 0; }
span.edit a:hover { background-position:0 -40px; }
span.edited a { background-position:0 -20px; }

span.clip a { background-position:-20px 0; }
span.clip a:hover { background-position:-20px -40px; }
span.cliped a { background-position:-20px -20px; }

span.live a { background-position:-40px 0; }
span.live a:hover { background-position:-40px -40px; }
span.lived a { background-position:-40px -20px; }

span.repo a { background-position:-60px 0; }
span.repo a:hover { background-position:-60px -40px; }
span.repoed a { background-position:-60px -20px; }

span.foot a { background-position:-80px 0; }
span.foot a:hover { background-position:-80px -40px; }
span.footed a { background-position:-80px -20px; }

span.pia a { background:#36C; width:80px; }
span.sssticket a { background:#3C6; width:80px; }
span.blbd a { background:#FC1922; width:80px; }
span.list a { background:#FFA500; width:80px; }

span.ticon a:hover {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-moz-opacity:0.7;
-khtml-opacity: 0.7;
zoom:1;
}
/* ICON */


/* resentbox */
#wrap #container #content div.recentBox { margin:0 0 30px; padding:15px 0 0 7px; width:673px; overflow:hidden; background:url(../../../img/images/bild/bg_black.png) repeat;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
#wrap #container #content div.recentBox dl { margin:0 0 15px; padding:0 8px 20px; width:150px; float:left; border-right:1px solid #333; background:url(../../../img/images/bild/cursor_orange.png) no-repeat 148px bottom; }
#wrap #container #content div.recentBox dl dt { margin:0 0 8px; }
#wrap #container #content div.recentBox dl dt a { display:block; width:auto; background:#FFF; }
#wrap #container #content div.recentBox dl dt a:hover img {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-moz-opacity:0.7;
-khtml-opacity: 0.7;
zoom:1;
}
#wrap #container #content div.recentBox dl dd { padding:0 0 25px; font-size:93%; line-height:1.25; color:#FF8C00; word-wrap:break-word; position:relative; }
#wrap #container #content div.recentBox dl dd a { color:#FFF; } #wrap #container #content div.recentBox dl dd a:hover { color:#FF8C00; }

#wrap #container #content div.recentBox dl dd div.icons { position:absolute; bottom:0; left:0; }
/* resentbox */


/* blbdsearch */
#wrap #container #content div.blbdSearch { margin:0 0 10px; width:680px; overflow:hidden; position:relative; }
#wrap #container #content div.blbdSearch form { width:auto; float:right; }
#wrap #container #content div.blbdSearch form dl { width:auto; overflow:hidden; }
#wrap #container #content div.blbdSearch form dl dt { padding:0 10px; line-height:25px; width:auto; float:left; border-left:1px solid #333; }
#wrap #container #content div.blbdSearch form dl dd { width:auto; float:left; }
#wrap #container #content div.blbdSearch form dl dd.dateSelect { padding-right:10px; }
#wrap #container #content div.blbdSearch form select { display:inline; margin:0 5px 0 0; padding:0 5px; font-size:93%; line-height:25px; width:auto; height:25px; vertical-align:middle; background:#FFF; border:none;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
#wrap #container #content div.blbdSearch form input[type="checkbox"] { margin:0 5px 0 0; }
#wrap #container #content div.blbdSearch form input[type="submit"] { display:inline-block; font-size:93%; line-height:1.25; color:#FFF; width:60px; height:25px; background:#666; border:none; float:left;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
/* blbdsearch */


/* Billboard Nav */
#wrap #container #content #blbdNav { padding:15px 15px 0; width:660px; background:#FFF; position:relative;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
}

#wrap #container #content #blbdNav dl { padding:10px; text-align:center; color:#FFD700; width:50px; background:#666; position:absolute; top:-45px; left:0;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
#wrap #container #content #blbdNav dl dt { font-size:200%; line-height:32px; } #wrap #container #content #blbdNav dt span { font-size:70%; }
#wrap #container #content #blbdNav dl dd { font-size:85%; line-height:18px; }

#wrap #container #content #blbdNav table { margin:0 0 5px; width:660px; }
#wrap #container #content #blbdNav table th { padding:18px 0 0 4px; font-size:108%; line-height:1.25; text-align:left; width:68px; }
#wrap #container #content #blbdNav table td a { display:block; margin:0 0 0 2px; font-size:108%; font-weight:bold; line-height:1.5; text-align:center; width:47px; border-bottom:4px solid #878787; }
#wrap #container #content #blbdNav table td a:hover,
#wrap #container #content #blbdNav table td a.current { color:#FFD700; border-bottom-color:#FFD700; }

#wrap #container #content #blbdNav p { margin:0; padding:0 0 15px; text-align:right; }
#wrap #container #content #blbdNav p a { padding:0 15px 0 0; line-height:15px; background:url(../../../img/images/bild/cursor_r.png) no-repeat right 50%; }
#wrap #container #content #blbdNav p > a:first-child { padding:0 0 0 15px; line-height:15px; background:url(../../../img/images/bild/cursor_l.png) no-repeat 0 50%; }
#wrap #container #content #blbdNav p span { padding:0 15px 0 0; line-height:15px;  no-repeat right 50%; }
#wrap #container #content #blbdNav p > span:first-child { padding:0 0 0 15px; line-height:15px; no-repeat 0 50%; }

#wrap #container #content #blbdNav h4 { font-size:131%; line-height:1.25; position:absolute; top:-33px; left:15px; }
/* Billboard Nav */


/* Billboard List */
#wrap #container #content #blbdList { padding:0 15px 20px; width:660px; background:#FFF;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}

#wrap #container #content #blbdList p.nodata { margin:0 0 5px; line-height:1.75; text-align:center; font-weight:bold; align:center; padding-top:80px; height:200px; }

#wrap #container #content #blbdList div.blbdBox { margin:0 0 5px; padding:10px 10px 10px 80px; width:570px; overflow:hidden; background:#EEE; position:relative;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

#wrap #container #content #blbdList div.blbdBox > a:first-child { display:block; width:auto; background:#FFF; position:absolute; top:10px; right:10px; }
#wrap #container #content #blbdList div.blbdBox a:hover img {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-moz-opacity:0.7;
-khtml-opacity: 0.7;
zoom:1;
}
#wrap #container #content #blbdList div.blbdBox div.icons { padding:110px 0 0; width:100px; float:right; overflow:hidden; }
#wrap #container #content #blbdList div.blbdBox div.icons .icon,
#wrap #container #content #blbdList div.blbdBox div.icons .ticon { width:auto; float:left; }

#wrap #container #content #blbdList div.blbdBox ul { position:absolute; top:10px; left:10px; }
#wrap #container #content #blbdList div.blbdBox ul li { margin:0 0 3px; font-size:93%; line-height:1.75; text-align:center; color:#FFF; width:60px; background:#666;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
#wrap #container #content #blbdList div.blbdBox h4 { margin:0 0 5px; font-size:131%; font-weight:bold; line-height:1.25; width:390px; }
#wrap #container #content #blbdList div.blbdBox p { font-size:93%; line-height:1.5; width:390px; }
#wrap #container #content #blbdList div.blbdBox h5,
#wrap #container #content #blbdList div.blbdBox p.date,
#wrap #container #content #blbdList div.blbdBox address { margin:0 0 3px; font-size:100%; line-height:1.25; color:#FF8C00; width:390px; }
/* Billboard List */
/* font serif */
#wrap #container #content #blbdNav dl,
#wrap #container #content #blbdNav table,
#wrap #container #content #blbdList div.blbdBox ul { font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho','メイリオ',Meiryo, serif; }
body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;}
/* font serif */

/* calender */
#blbdList p { font-size:93%; line-height:1.25; text-align:left; }
#blbdList p.CalenderNav { float:right; margin:0 10px 25px;  }
#blbdList p.CalenderNav a { padding:0 5px 0 0; }
#blbdList p.CalenderNav a.jp-disabled { color:#CCC; }
#blbdList p.CalenderNav a.jp-current { color:#FF8C00; }
#blbdList p.otherCalenderNav { float:right; }
#blbdList p.otherCalenderNav a { padding:0 5px 0 0; }
#blbdList p.otherCalenderNav a.jp-disabled { color:#CCC; }
#blbdList p.otherCalenderNav a.jp-current { color:#FF8C00; }


/* SIDE */
#wrap #side { width:250px; float:right; }
#wrap #side h4 { margin:0; padding:5px; font-size:9px; text-align:center; background:url(../../../img/images/bild/bg_black.png) repeat;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
}

#wrap #side div.miniBox { padding:0 10px 10px; width:auto; overflow:hidden; background:url(../../../img/images/bild/bg_white.png) repeat; position:relative; }
#wrap #side h4 + div.miniBox { border-top:none; }

#wrap #side div.miniBox > a:first-child { display:block; width:auto; background:#FFF; position:absolute; top:10px; left:10px; }
#wrap #side div.miniBox a:hover img {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-moz-opacity:0.7;
-khtml-opacity: 0.7;
zoom:1;
}
#wrap #side div.miniBox dl { padding:10px 0 25px 85px; width:145px; border-top:1px dashed #FC1922; }
#wrap #side div.miniBox dl dt { margin:0 0 3px; font-size:85%; font-weight:bold; line-height:1.25; }
#wrap #side div.miniBox dl dt a { color:#555; } #wrap #side div.miniBox dl dt a:hover { color:#FF8C00; }
#wrap #side div.miniBox dl dd { font-size:85%; font-weight:bold; line-height:1.25; word-wrap:break-word; color:#FF8C00; }
#wrap #side div.miniBox div.icons { padding:95px 0 0; float:left; width:auto; }
#wrap #side div.miniBox .ticon { margin:0!important; }
#wrap #side div.miniBox div.sicons { padding:0; float:none; position:absolute; right:10px; bottom:10px; }

#wrap #side h5 { margin:10px 0 10px; }	/*aim edited*/
/* SIDE */


#wrap #container p.goTop { clear:both; padding:10px 0; line-height:1.25; text-align:right; }
/* CONTAINER */


/* FOOTER */
#wrap #footer { clear:both; margin:0 auto; padding:30px 0 0 200px; width:770px; height:85px; position:relative; }
#wrap #footer h5 { font-size:9px; position:absolute; bottom:30px; left:0; }
#wrap #footer p { line-height:1.25; position:absolute; }
#wrap #footer p#copy { font-size:85%; color:#FFF; bottom:10px; left:200px; }
#wrap #footer p#copy a { color:#878787; text-decoration:none; }
#wrap #footer p#copy a:hover { text-decoration:underline;  }

#wrap #footer ul { margin:0 0 3px; width:auto; border-left:1px solid #FFF; overflow:hidden; }
#wrap #footer ul li { border-right:1px solid #FFF; width:auto; float:left; }
#wrap #footer ul li a { padding:0 8px; font-size:93%; line-height:1.25; display:block; color:#FFF; }
#wrap #footer ul li a:hover { text-decoration:underline; }
/* FOOTER */


/* Go Mobile */
p.goMobile { padding-top:15px!important; padding-bottom:15px!important; clear:both!important; }

p.goMobile a.data-role-button {
    border:1px solid #ccc;
    background:#eee;
    font-weight:bold;
    font-size:150%;
    color:#2f3e46;
    text-shadow:0 1px 0 #fff;
    background-image:-moz-linear-gradient(top,#fefefe,#eee);
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fdfdfd),color-stop(1,#eee));
    -moz-border-radius:.5em;
    -webkit-border-radius:.5em;
    border-radius:.5em;
    text-decoration: none;
    text-align: center;
    padding:20px;
    margin:5px;
    display:block;
}
p.goMobile a.data-role-button:hover {
	color:#2f3e46; font-weight:bold; text-shadow:0 1px 0 #fff; border:1px solid #bbb;
	background:#dfdfdf;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e0e0e0));
	background-image:-webkit-linear-gradient(#f6f6f6 , #e0e0e0);
	background-image:   -moz-linear-gradient(#f6f6f6 , #e0e0e0);
	background-image:        linear-gradient(#f6f6f6 , #e0e0e0);
}