/* -- 基本 -------------------------------- */
body { margin: 0px auto 0px auto; text-align:center; background: #333; font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; font-size: 12px; line-height: 150%; color:#ccc; }
.container { margin: 0px auto 0px auto; text-align:center; }

a:link {text-decoration: none; color:#ccffff; }
a:visited {text-decoration: none; color:#ccffff; }
a:hover {text-decoration: none; color:#ff6600; }
a:active {text-decoration: none; color:#ff6600; }

#navi { width: 600px; margin: 0px auto 0px auto; padding: 0px; text-align:center; list-style-type: none; }
#navi li { margin: 0px; padding: 0px; display: block; float: left; text-indent: -9999px; }
#navi li a { display: block; width: 150px; height: 27px; background:  url(./img/navi.gif) no-repeat; }

#navi li#navi1 a { background-position:  0px 0px; }
#navi li#navi2 a { background-position: -150px 0px; }
#navi li#navi3 a { background-position: -300px 0px; }
#navi li#navi4 a { background-position: -450px 0px; }

#navi li#navi1 a:hover { background-position:  0px -27px; }
#navi li#navi2 a:hover { background-position: -150px -27px; }
#navi li#navi3 a:hover { background-position: -300px -27px; }
#navi li#navi4 a:hover { background-position: -450px -27px; }

#Submenu { width: 120px; margin: 0px; padding: 0px; text-align:center; list-style-type: none; }
#Submenu li { margin: 0px; padding: 0px; }
#Submenu li a { margin: 0px; padding: 0px; }

h1.mini-rogo { margin: 20px auto 5px auto; display: block; width: 360px; height: 70px;}
a.worstvision{ display:block; width:360px; height:70px; background-image:url(./img/minirogo.gif); text-indent:-9999px;}
a.worstvision:hover{ background-position:left bottom; }

h2	{ margin: 0px; }
h4 { margin: 0px; font-size: 14px; color:#99cccc; }
em	{ margin: 0px; font-weight:normal; font-style: normal; color:#ff6600; }
small	{ margin: 0px; font-weight:normal; font-style: normal; }
strong	{ margin: 0px; font-weight:normal; }
b	{ margin: 0px 0px 0px 5px; color:#ff9933; }
img	{ border: 0px;}
.clear{ clear:both; line-height:0; height:0;}

/* -- TOP -------------------------------- */
.cf_wrapper{ margin: 20px auto 0px auto; width: 600px; text-align:left; }
.cf_element{ width: 600px; height: 600px; }

h1.java-flier { margin: 0px; display: block; width: 421px; height: 596px; text-indent: -9999px; }
h1.java-square { margin: 0px; display: block; width: 600px; height: 600px; text-indent: -9999px; }

.top-container { margin-top: 270px;}
.top-width { margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; width: 800px; }
.top-movie { text-align:center; margin: 40px auto 0px auto; padding: 0px auto 5px auto; width: 600px; background: #000; }
h3.top-head { margin: 620px auto 0px auto; padding: 0px 0px 5px 0px; width: 100%; font-size: 14px; border-bottom: solid 1px #666; }
h3.top-head2 { margin: 40px auto 0px auto; padding: 0px 0px 5px 0px; width: 100%; font-size: 14px; border-bottom: solid 1px #666; }
.top-flier { margin: 30px 0px 0px 0px; padding: 0px; text-align:center;}
.top-day { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 14px; font-weight:bold; color:#99cccc; }
.top-titl { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 14px; color:#99cccc; }
.top-ad { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color:#99cccc; }
.top-band { margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; border-bottom: solid 1px #666; }
.top-twitter { margin: 10px 0px 30px 0px; padding: 0px 0px 0px 0px; text-align:center;}
.top-info { margin: 10px 0px 0px 0px; padding: 0px 0px 10px 0px; border-bottom: solid 1px #666; }

/* -- BAIO -------------------------------- */
.baio-width { margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; width: 800px; text-align:left; }
h3.baio-head { margin: 30px 0px 0px 0px; padding: 0px 0px 5px 0px; text-align:left; font-size: 14px; border-bottom: solid 1px #666; color:#99cccc; }

.baio-left { float: left; margin: 0px 0px 0px 0px; width: 700px; }
.baio-right { float: right; margin: 0px 0px 0px 0px; width: 100px; }
.baio-full { float: left; margin: 0px 0px 0px 0px; width: 800px; }

.baio-table { margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; width: 700px; line-height: 175%; }
.baio-year { margin: 0px 0px 0px 0px; padding: 5px 5px 5px 0px; width: 80px;border-bottom: dotted 1px #666; }
.baio-text { margin: 0px 0px 0px 0px; padding: 5px 5px 5px 0px; width: 620px; border-bottom: dotted 1px #666; }
.baio-year2 { margin: 0px 0px 0px 0px ; padding: 5px 5px 5px 0px; width: 80px; border-bottom: dotted 1px #666; color:#666;}
.baio-text2 { margin: 0px 0px 0px 0px; padding: 5px 5px 5px 0px; width: 620px; border-bottom: dotted 1px #666; color:#666;}

.baio-photo { margin: 25px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100px; }
.baio-pho { float: right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

/* -- ARCHIVE -------------------------------- */
h3.arc-head { margin: 30px 0px 10px 0px; padding: 0px 0px 5px 0px; font-size: 14px; border-bottom: solid 1px #666; color:#99cccc; }

.arc-width { margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; width: 600px; text-align:left; }
.arc-text { margin: 5px 0px 0px 0px; padding: 0px 0px 5px 0px; }

.arc-photo { float: left; margin: 5px 0px 0px 0px; padding: 0px 0px 5px 0px; width: 250px; }
.arc-movie { text-align:center; margin: 5px auto 0px auto; padding: 0px auto 5px auto; width: 600px; background: #000; }
.arc-title { float: right; margin: 5px 0px 0px 0px; padding: 0px 0px 5px 0px; width: 330px; border-bottom: dotted 1px #666; }
.arc-list { float: right; margin: 5px 0px 0px 0px; padding: 0px 0px 5px 0px; width: 330px; border-bottom: dotted 1px #666; }
.arc-space { margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 10px;}

.arc-table { margin: 10px auto 0px auto; padding: 0px 0px 0px 0px; width: 600px; line-height: 150%; border-top: solid 1px #666;}
.arc-year { padding: 5px 0px 5px 0px; width: 220px; border-bottom: dotted 1px #666; }
.arc-name { padding: 5px 0px 5px 0px; width: 380px; border-bottom: dotted 1px #666; }

/* -- MEMBER -------------------------------- */
h3.mem-head { margin: 30px 0px 0px 0px; padding: 0px 0px 5px 0px; font-size: 14px; border-bottom: solid 1px #666; color:#99cccc; }

.mem-width { margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; width: 600px; text-align:left; }
.mem-text { margin: 5px 0px 0px 0px; padding: 0px 0px 5px 0px; }

.mem-photo { float: left; margin: 5px 0px 0px 0px; padding: 0px 0px 5px 0px; width: 220px; }
.mem-title { float: right; margin: 5px 0px 0px 0px; padding: 0px 0px 5px 0px; width: 380px; border-bottom: dotted 1px #666; }
.mem-list { float: right; margin: 5px 0px 0px 0px; padding: 0px 0px 5px 0px; width: 380px; border-bottom: dotted 1px #666; }
.mem-space { margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 10px;}

.mem-table { margin: 10px auto 0px auto; padding: 0px 0px 0px 0px; width: 600px; line-height: 150%; border-top: solid 1px #666;}
.mem-year { padding: 5px 0px 5px 0px; width: 60px; border-bottom: dotted 1px #666; }
.mem-name { padding: 5px 0px 5px 0px; width: 130px; border-bottom: dotted 1px #666; }
.mem-cap { padding: 5px 0px 5px 0px; width: 410px; border-bottom: dotted 1px #666; }

/* -- REPORT -------------------------------- */
.repo-width { margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; width: 800px; text-align:left; }
h3.repo-head { margin: 30px 0px 0px 0px; padding: 0px 0px 5px 0px; font-size: 14px; border-bottom: solid 1px #666; color:#99cccc; }

.repo-band { margin: 5px 0px 0px 0px; padding: 0px 0px 5px 0px; border-bottom: dotted 1px #666; }
.repo-band2 { margin: 5px 0px 0px 0px; padding: 0px 0px 5px 0px; }
.repo-text { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 200%; }
.repo-photo { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.repo-pho { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; }
.repo-set { margin: 10px 0px 40px 0px; padding: 5px 5px 5px 5px; border: dotted 1px #666; }
.repo-set2 { margin: 0px 0px 40px 0px; padding: 5px 5px 5px 5px; border: dotted 1px #666; }
.repo-colm { margin: 10px 0px 0px 0px; padding: 5px 5px 5px 5px; border: solid 1px #666; }

.repo-year { margin: 30px 0px 5px 0px; padding: 0px;  text-align:center; }
.repo-jump { margin: 0px 0px 0px 0px; padding: 0px;  text-align:center; font-weight: bold; }
.repo-signs { text-align:right; color:#99cccc; }

/* -- LINK -------------------------------- */
.link-width { margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; width: 800px; text-align:left; }
h3.link-head { margin: 30px 0px 0px 0px; padding: 0px 0px 5px 0px; font-size: 14px; border-bottom: solid 1px #666; color:#99cccc; }

.link-1 { float: left; margin: 0px; padding: 0px 0px 0px 0px; width: 260px; }
.link-2 { float: left; margin: 0px; padding: 0px 0px 0px 10px; width: 260px; }
.link-3 { float: left; margin: 0px; padding: 0px 0px 0px 10px; width: 260px; }
.link-4 { float: left; margin: 0px; padding: 0px 0px 0px 0px; width: 395px; }
.link-5 { float: left; margin: 0px; padding: 0px 0px 0px 10px; width: 395px; }

.link-site { margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px; width: 100%; border-bottom: dotted 1px #666; }

/* -- CONTA -------------------------------- */
.form-width { margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; width: 600px; text-align:left; }
h3.form-head { margin: 30px 0px 0px 0px; padding: 0px 0px 5px 0px; font-size: 14px; border-bottom: solid 1px #666; color:#99cccc; }

.form-text { margin: 5px 0px 0px 0px; padding: 0px 0px 5px 0px; }
.form-table { margin: 10px auto 0px auto; padding: 0px 0px 0px 0px; width: 600px; line-height: 150%; border: solid 1px #666;}
.form-l { margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px; width: 120px; }
.form-r { margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px; width: 480px; }

/* -- LIGHTBOX -------------------------------- */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(./images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(./images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }