/* CSS Document */

body		{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 80%; padding:0; margin:0; }
body *	{ padding:0; margin:0; border:0; }
br.clr							{ clear:both; }

#navi							{ position: fixed; width:15em; height: 100%; float: left; padding: 1em 0 0 0; text-align: right; background-color: #FFFFFF; z-index:6; }
#navi p.logo					{ font-weight:bold; color:#999999; display: block; font-size: 1.0em; margin:0; padding: 0.3em 0 0.5em 0; border-bottom: 1px solid #999999; line-height:1.5em; }
#navi p.logo a					{ color:#999; text-decoration: none; }
#navi p.logo a:hover			{ color:#000; }
#navi p.logo a span				{ color:#fff; }
#navi p.logo a:hover span		{ color:#000; line-height:1.4em; vertical-align:top; }
#navi ul 						{ list-style-type:none; margin:0; padding:0; }
#navi ul li 					{ font-weight:bold; color:#000; padding: 0.5em 0 0.5em 0; border-bottom:1px solid #999999; }
#navi ul li a					{ text-decoration:none; color:#999999; }
#navi ul li a:hover 			{ color: #000; }
#navi ul ul						{ padding:0.5em 1em 0 0; color:#999; }
#navi ul ul li					{ font-weight:normal; color:#000000; padding:0 0 0.5em 1em; border:none; }
#navi ul ul li a				{ text-decoration:none; color: #999999; }
#navi ul ul li a:hover			{ color: #000; }

#balloon						{ height:31px; width:80%; display:block; position:absolute; top:12px; overflow:hidden; z-index:10;}
#balloon a.bal1					{ display:inline-block; width:153px; height:32px; line-height:10em; overflow:hidden; background-image:url(../image/2010/balloon_grey.gif); }
#balloon a.bal1:hover			{ background-image:url(../image/2010/balloon.gif); }
#twitter 						{ position:absolute; width:100%; height:auto; margin-top:3em;}
#twitter div					{ padding:0;}
#twitter p						{ font-family: Georgia, "Times New Roman", Times, serif; font-size:12px; text-align:right; line-height:1.5em!important; color:#616161; }
#twitter p a.twtr-reply,
#twitter p a.twtr-timestamp		{ float:right; }
#twitter p a.twtr-reply			{ margin-right: 1em; }
#twitter div.twtr-hd			{ border-bottom: 1px solid #999999; padding:1em 0 1em; }
#twitter div.twtr-hd *			{ float:right; }
#twitter div.twtr-hd h3,
#twitter div.twtr-hd h4			{ display:none; }
#twitter div.twtr-timeline		{ height:auto; }
#twitter div.twtr-spinner		{ top:1.7em; right:8px; }
#twitter div.twtr-tweet			{ border-bottom-style:solid; border-bottom-color:#999; }
#twitter div.twtr-tweet-wrap	{ padding:1em 0 0.2em 1em; }
#twitter div.twtr-ft			{ border-top: 1px solid #999999; margin-top:1em; height:0.3em; }
#twitter div.twtr-ft div		{ display:none;}
#twitter p a.fllw				{ text-decoration:none; color:#999999; font-size:70%; font-weight:bold; }
#twitter p a.fllw:hover 		{ color: #000; }
#twitter p img			 		{ float:right; }
#twitter div.socials			{ border-bottom: 1px solid #999999; padding:0.5em 0 0.7em 0; }
#twitter div.socials a			{ display:inline-block; width:16px; height:16px; line-height:10em; overflow:hidden; margin:0 0 0 0.5em; }
#twitter div.socials a.soc1		{ background-image:url(../image/2010/flickr_grey.gif); }
#twitter div.socials a.soc1:hover{ background-image:url(../image/2010/flickr.gif); }
#twitter div.socials a.soc2		{ background-image:url(../image/2010/lastfm_grey.gif); }
#twitter div.socials a.soc2:hover{ background-image:url(../image/2010/lastfm_02.gif); }
#twitter div.socials a.soc3		{ background-image:url(../image/2010/facebook_grey.gif); }
#twitter div.socials a.soc3:hover{ background-image:url(../image/2010/facebook.gif); }
#twitter div.socials a.soc4		{ background-image:url(../image/2010/mixi_grey.gif); }
#twitter div.socials a.soc4:hover{ background-image:url(../image/2010/mixi.gif); }

#cnt											{ position:relative; width:80.6%; padding:5px 0 0 18em; z-index:4; }
#cnt											{ width:70%;£ }
#cnt div.page h1 					{ width:100%; font-size:1.2em; line-height:2em; border-bottom:3px solid #000000; margin:0; }
#cnt div.page h1.gray			{ color:#666; }
#cnt h2										{ font-size:1.2em; line-height:2em; border-bottom:1px solid #999; margin:0 0 0.5em 0; }
#cnt #topbox							{ border-top:1px solid #999; border-bottom:1px solid #999; margin-bottom:2em; }
#cnt div.page							{ border-bottom: 1px solid #999; margin-bottom:2em; }
#cnt div.page p						{ width:500px; margin:0 0 1em 0; line-height:1.5em; }
#cnt div.page.ref p						{ margin:0; }
#cnt div.page p[lang=en]	{ font-style: italic; }
#cnt div.page p[lang=jp]	{ font-size:0.95em; font-family: Osaka, ; }
#cnt div.page div.imgbox									{ position:relative; margin-top:1em; padding-top:2em; border-top:1px solid #999; }
#cnt div.page div.imgbox img.flash							{ margin-top:-4em; }
#cnt div.page div.noBorder								{ border:none; }
#cnt div.page div.imgbox a.nextIMG				{ position:relative; top:-200px; left:375px; font-size:3em; text-decoration:none; color:#999; margin-right:-0.6em; z-index:5; }
#cnt div.page div.imgbox:hover a.nextIMG	{ color:#fff; }
#cnt div.page p.hide 							{ height:1.5em; overflow:hidden; background-image:url(dots.gif); background-repeat:no-repeat; background-position:right 0.9em; padding-right:2em; }
#cnt div.page p a									{ text-decoration:none; color:#666; cursor:pointer; }
#cnt div.page p a:visited					{ color:#666; }
#cnt div.page p a:active						{ color:#000; }
#cnt div.page p a:hover						{ color:#000; }
#cnt div.page p.top a							{ display:block; font-size:0.8em; text-align:right; margin:0.2em 0 1em 0; }
#cnt div.page p.next								{ text-align:right; margin-right:5em; }
#cnt div.page p.next a							{ font-size:3em; text-decoration:none; color:#999; }
#cnt div.page p.next a:visited			{ color:#999; }
#cnt div.page p.next a:active			{ color:#999; }
#cnt div.page p.next a:hover				{ color:#000; }
#cnt div.page .left								{ float:left; border; }