@charset "utf-8";
/*
	全ファイル共用スタイル
	（タグ初期化、汎用スタイル、ヘッダー、フッター、グローバルナビなどを定義）
	
	このCSSファイルは以下のセクションに分類されています。
	
	・タグ初期化
	・汎用スタイル
	・clearFix
	・個別スタイル
		
*/

/*
	フォントサイズ対応表（デフォルトでsmall（13px相当）に指定）
	
	80% = 10px
	90% = 12px
	100% = 13px
	110% = 14px
	120% = 16px
	140% = 18px
	150% = 20px
  170% = 24px
	
*/


/* *********************************************************************************************************/
/* タグ初期化 **********************************************************************************************/
/* *********************************************************************************************************/

body,p,h1,h2,h3,h4,h5,h6,dl,dd,
dt,li,ul,ol,div,table,td,th,form { padding:0; margin:0; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; color:#333333; }
body { font-size:small; }
h1,h2,h3,h4,h5,h6 { font-size:100%; line-height:160%; }
p { margin-bottom:1.2em; }
p,dd,li { line-height:180%; }
li { list-style-type:none; }
img,a img { border:none; }
a { color:#CC0000; }
a:hover { text-decoration:none; }
sup { padding:0; margin:0; line-height:100%; line-height:50%; vertical-align:text-top; }
table { border-collapse:collapse; }





/* *********************************************************************************************************/
/* 汎用スタイル ********************************************************************************************/
/* *********************************************************************************************************/

/* レイアウト制御 */
.important { color:#FF0000; }
.clear { clear:both; }
br.clear { clear:both; height:0; visibility:hidden; font-size:0; line-height:0; display:block; content:"."; }
.boxCenter { margin:0 auto 20px; display:block; }
.boxLeft { float:left; margin:0 20px 20px 0; }
.boxRight { float:right; margin:0 0 20px 20px; }
.boxLeftNoMargin { float:left; }
.boxRightNoMargin { float:right; }
.w130 { width:130px!important; }
.w190 { width:190px!important; }
.w290 { width:290px!important; }
.w400 { width:400px!important; }
.w306 { width:306px!important; }
.w406 { width:406px!important; }
.w434 { width:434px!important; }
.w466 { width:466px!important; }
.w196 { width:196px!important; }
.w616 { width:616px!important; }
.swfErrorMessage { border:1px solid #FF0000; padding:10px; margin-top:10px; margin-bottom:10px; }
.swfErrorMessage p { margin-bottom:0!important; color:#FF0000; }





/* *********************************************************************************************************/
/* clearFix、画像置換、画像置換部分パス ********************************************************************/
/* *********************************************************************************************************/

/* clearfix */
#container,
#header,
#newEntryListWrapper,
#main,
#contents .bannerArea .inner,
#nicoMylistPopup,
#nicoMylistPopup .nico-desc-wrapper,
.entry .body,
.clearfix { position:relative;/* for DW */ }
#container:after,
#header:after,
#newEntryListWrapper:after,
#main:after,
#contents .bannerArea .inner:after,
#nicoMylistPopup:after,
#nicoMylistPopup .nico-desc-wrapper:after,
.entry .body:after,
.clearfix:after { clear:both; height:0; visibility:hidden; display:block; content:"."; }





/* *********************************************************************************************************/
/* 個別スタイル ********************************************************************************************/
/* *********************************************************************************************************/

body { padding:0 10px; background:url(/common/img/bg_base.gif) left top repeat-x #EEEEEE; padding-bottom:140px; }
#container { width:962px; margin:0 auto 30px; }

/* ヘッダー*/
#header { width:962px; }
#siteID { float:left; width:231px; margin-bottom:0; }
#globalNavi { float:left; width:731px; margin-top:17px; text-align:right; }
#globalNavi li { display:inline; line-height:120%; }
#globalNavi .about { margin-right:35px; }
#globalNavi .works { margin-right:86px; }
#globalNavi .flash img { vertical-align:middle; }

/* ぱんくず */
.topicPath { padding:12px 14px; }
.topicPath li { font-size:90%; display:inline; }
#contents .topicPath { background-color:#EEEEEE; }

/* メインエリア */
#main { width:962px; }

/* コンテンツエリア */
#contents { position:relative; float:left; width:692px; background:url(/common/img/bg_contents_center.gif) left top repeat-y; }
#pageTitle { border-top:1px solid #CCCCCC; border-bottom:1px solid #FFFFFF; margin:0 1px; background-color:#EEEEEE; }
#pageTitle h1 { border-top:1px solid #FFFFFF; border-bottom:1px solid #CCCCCC; padding:15px; line-height:100%; font-size:110%; }
#pageTitle strong { background:url(/common/img/bg_dot2.gif) left top repeat; color:#FFFFFF; font-size:170%; font-weight:bold; margin-right:10px; padding:5px; line-height:100%; }
.pager { padding:8px; margin:0 1px; text-align:center; background:url(/common/img/bg_pager.gif) left top repeat; }
#bottomPager { border-top:1px solid #CCCCCC; }
#contents .bannerArea .inner { width:670px; padding:10px 11px; }
#contents .bannerArea img { vertical-align:bottom; }
#contents .bannerArea .banner { float:right; width:468px; }
.ks-productBanner { float:left; width:190px; display:block; }
#topBanner { padding-top:1px; background:url(/common/img/bg_contents_top.gif) left top no-repeat; }
#topBanner .inner { background:url(/common/img/bg_banner_top.gif) left top repeat-y; }
#bottomBanner { padding-bottom:1px; background:url(/common/img/bg_contents_bottom.gif) left bottom no-repeat; }
#bottomBanner .inner { background:url(/common/img/bg_banner_bottom.gif) left top repeat-y; }
.entryDate { padding:21px 11px 20px; font-size:110%; font-weight:bold; line-height:100%; text-align:right; background:url(/common/img/bg_entry_date.gif) left top no-repeat; }
.entry,
.comments,
.commentForm { padding:20px; margin:0 11px 10px; border-bottom:1px solid #EEEEEE; background:url(/common/img/bg_entry_center.gif) left top repeat-y; }
.entry .header { padding-bottom:10px; margin-bottom:20px; background:url(/common/img/bg_dot.gif) left bottom repeat-x; position:relative; }
.entry .category a { background-color:#CC0000; color:#FFFFFF; text-decoration:none; margin-right:5px; padding:2px; }
.entryPage .entry .title,
.entryPage .entry .category { width:546px; }
.entry .body { width:630px; padding-bottom:6px; margin-bottom:20px; background:url(/common/img/bg_dot.gif) left bottom repeat-x; }
.entry .body div { margin:0 0 2.5em; }
.entry .body p { margin:0 0 2.5em; }
.entry .body ul { margin:0 0 2.5em; padding-left:30px; }
.entry .body ul li { list-style-type:disc; margin:0 0 0.5em; }
.entry .body ol { margin:0 0 2.5em; padding-left:30px; }
.entry .body ol li { list-style-type:decimal; margin:0 0 0.5em; }
.entry .body dl { margin:0 0 2.5em; }
.entry .body dt { background:#EEEEEE; line-height:120%; padding:2px 5px; margin:0 0 0.6em; }
.entry .body dd { margin:0 10px 2.5em; }
.entry .body dl.type2 { margin-bottom:3em; }
.entry .body dl.type2 dt { border-left:3px solid #999999; padding:0 0 0 5px; margin-bottom:1.2em; background-color:#FFFFFF; width:622px/* for IE6*/; }
.entry .body dl.type2 dt strong { line-height:130%; }
.entry .body dl.type2 dl dt { width:602px/* for IE6*/; }
.entry .body em { margin:0 5px; }
.entry .body strong { margin:0 5px; font-size:120%; }
.entry .body blockquote { margin:0 0 2.5em; padding-left:10px; border-left:3px solid #EEEEEE; color:#999999; }
.entry .body blockquote p,
.entry .body blockquote li,
.entry .body blockquote dt,
.entry .body blockquote dd { color:#999999; }
.entry .body q { margin:0 5px; color:#999999; }
.entry .body cite { margin:0 5px; }
.entry .body pre { width:608px; overflow:auto; border:1px solid #EEEEEE; background-color:#F9F9F9; margin:0 0 2.5em; padding:10px; line-height:150%; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size:12px; }
.entry .body code { font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size:12px; }
.entry .body code .package { color:#e00090; }
.entry .body code .identifier { color:#5000ff; }
.entry .body code .comment { color:#209000; }
.entry .body code .keyword { color:#0060ff; }
.entry .body code .number { color:#e03000; }
.entry .body code .string { color:#900030; }
.entry .body var { font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size:12px; }
.entry .body samp { font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size:12px; }
.entry .body kbd { font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size:12px; }
.entry .body iframe { display:block; margin:10px 0; }
.entry .body .amazon iframe { display:inline; }
.entry .footer { text-align:right; }
.entry .title { font-size:150%; line-height:140%; }
.entry .category { margin-bottom:10px; }
.comments .header { position:relative; }
.comments .header,
.commentForm .header { padding-bottom:20px; margin-bottom:20px; background:url(/common/img/bg_dot.gif) left bottom repeat-x; }
.comments .title,
.commentForm .title { font-size:120%; line-height:140%; }
.comment .footer { text-align:right; padding-bottom:20px; margin-bottom:20px; background:url(/common/img/bg_dot.gif) left bottom repeat-x; }
.commentForm table th { background-color:#EEEEEE; font-weight:normal; padding:2px; }
.commentForm table .blank { background-color:#FFFFFF; padding:0; }
.commentForm table input { width:235px; }
.commentForm table textarea { width:470px; height:120px; }
.commentForm .submit { display:block; margin:10px auto 0; }
#goPageTop { position:absolute; left:-22px; top:-500px; }
#archivesBody table { margin-bottom:1em; }
#archivesBody td { padding:0 1em 0.6em 0; line-height:120%; vertical-align:top; text-align:left; }
.readMore { margin:2.5em 0; width:100px; height:24px; display:block; text-indent:-9999px; overflow:hidden; background:url(/common/img/btn_readmore.gif) no-repeat left top; }

/* ナビゲーションエリア */
#subContents { float:right; width:262px; background:url(/common/img/bg_navi_center.gif) left top repeat-y; }
#subContents .naviHeading { margin:2px 0 14px; }
#subContents .naviHeading img { vertical-align:bottom; }
#subContents .search { padding:11px 11px 15px; background:url(/common/img/bg_navi_top.gif) left top no-repeat; }
#subContents .search .textbox { width:170px; margin-left:5px; }
#subContents .about { padding:15px 0; margin:0 11px; border-top:1px solid #999999; }
#subContents .about .profile { margin-left:5px; }
#subContents .about .profile dd,
#subContents .about .profile dt { display:inline; line-height:140%; }
#subContents .about p { margin-top:6px; margin-bottom:0; margin-left:5px; line-height:130%; }
#subContents .about a { text-decoration:none; }
#subContents .about a span { text-decoration:underline; }
#subContents .about .profileLink { text-decoration:underline; }
#subContents .about .profileLink:hover { text-decoration:none; }
#subContents .archives { padding:15px 0; margin:0 11px; border-top:1px solid #999999; border-bottom:1px solid #999999; }
#subContents .archives .archivesBox { width:170px; margin-left:5px; }
#subContents .categories { padding:15px 0; margin:0 11px; border-bottom:1px solid #999999; }
#subContents .categories ul { margin-left:5px; }
#subContents .categories li { margin-bottom:0.5em; line-height:120%; }
#subContents .categories li ul { margin-top:0.5em; padding-left:5px; }
#subContents .categories li ul li { margin-bottom:0.2em; }
#subContents .links { padding:15px 11px 11px; background:url(/common/img/bg_navi_bottom.gif) left bottom no-repeat; }
#subContents .links ul { margin-bottom:1em; margin-left:5px; }
#subContents .links li { margin-bottom:0.5em; line-height:120%; }
#subContents .links a { text-decoration:none; }
#subContents .links a span { text-decoration:underline; }
#subContents .nicoMylist { padding:15px 0; margin:0 11px; border-top:1px solid #999999; }
#subContents .nicoMylist ul { margin-left:5px; }
#subContents .nicoMylist li { margin-bottom:0.5em; line-height:120%; }
#subContents .nicoMylist li ul { margin-top:0.5em; padding-left:5px; }
#subContents .nicoMylist li ul li { margin-bottom:0.2em; }
#subContents .nicoMylist .icon { margin-right:5px; }
#subContents .nicoMylist .videoItem a { text-decoration:none; }
#subContents .nicoMylist .videoItem a span { text-decoration:underline; }
#subContents .youtubePlaylist { padding:15px 0; margin:0 11px; border-top:1px solid #999999; }
#subContents .youtubePlaylist ul { margin-left:5px; }
#subContents .youtubePlaylist li { margin-bottom:0.5em; line-height:120%; }
#subContents .youtubePlaylist li ul { margin-top:0.5em; padding-left:5px; }
#subContents .youtubePlaylist li ul li { margin-bottom:0.2em; }
#subContents .youtubePlaylist .icon { margin-right:5px; }
#subContents .youtubePlaylist .videoItem a { text-decoration:none; }
#subContents .youtubePlaylist .videoItem a span { text-decoration:underline; }
#subContents .banner { margin-top:15px; }
#poweredBy { padding:10px 0; text-align:right; background-color:#EEEEEE; }

/* 作品詳細（折りたたみ式　デフォルト：close） */
#works2009 dt,
#works2005 dt { height:23px; padding:0; background:url(/common/img/bg_clickable_header_bottom.gif) no-repeat left bottom; }
#works2009[id] dt,
#works2005[id] dt { height:auto; min-height:23px; }
#works2009 dt span.inner,
#works2005 dt span.inner { color:#FFFFFF; display:block; padding:4px 5px; background:url(/common/img/bg_clickable_header_top.gif) no-repeat left top; }
#works2009 dt .opener,
#works2005 dt .opener { vertical-align:middle; cursor:pointer; }
#works2005Detail { display:none; }
#works2005Detail dt,
#works2009Detail dt { height:auto; padding:0; background:none; font-weight:bold; font-size:medium; }
.workList,
.workList li { list-style-type:none!important; margin-bottom:5px; line-height:180%; }
.workList { padding-left:15px!important; }
.workList strong { font-size:100%!important; }
.workList .opener { vertical-align:middle; cursor:pointer; }
.workDetail { display:none; margin:0 0 1.2em 1.2em!important; }
.workDetail .explanation { margin-bottom:0!important; }
#textOpener2009,
#textOpener2005 { cursor:pointer; }

/* contentsViewer */
#contentsViewer { position:fixed; bottom:0; left:0; width:100%; height:140px; background-color:#222222; z-index:100; }
#contentsViewerInner{ display:block; margin:0 auto; width:100%; height:135px; }
#contentsViewer .swfErrorMessage{ border:none; }
#contentsViewer .swfErrorMessage p{ color:#FFFFFF; }
#contentsViewer { _display:none; }
body { _padding-bottom:0px!important; }

/* newEntryList */
#newEntryListWrapper { width:962px; margin:10px 0; }
#newEntryList { position:relative; width:581px; height:123px; float:left; background:url(/common/img/bg_newentry.gif) left top repeat-x; border:1px solid #CCCCCC; }
#newEntryList .title { margin:5px 0 5px 10px; }
#newEntryList ul { margin-left:5px; overflow:auto; width:569px; height:78px; background:url(/common/img/bg_newentry_textbox.gif) left top no-repeat; border:1px solid #CCCCCC; }
#newEntryList li { line-height:150%; margin:0 5px; }
#newEntryList .archivesButton { position:absolute; left:451px; top:5px; }
/* for IE6,7 */
#newEntryList ul { /background-image:none; /background-color:#FFFFFF; }
#newVideo { position:relative; width:369px; height:123px; float:right; background:url(/common/img/bg_newentry.gif) left top repeat-x; border:1px solid #CCCCCC; }
#newVideo .title { margin:5px 0 5px 10px; }
#newVideo #newVideoVideoTitle { margin:5px 0 5px 10px; overflow:auto; width:188px; height:50px; line-height:140%; }
#newVideo #newVideoVideoTitle a { text-decoration:none; }
#newVideo #newVideoVideoTitle a span { text-decoration:underline; }
#newVideo #newVideoVideoThumb { position:absolute; left:204px; top:5px; width:160px; height:113px; background-color:#000000; display:block; text-decoration:none; border:none; }
#newVideo #newVideoVideoThumb img { margin-top:11px; display:block; }
#newVideo #newVideoWatchByNico2 { position:absolute; left:82px; top:98px; }

/* archiveEntryList */
#archiveEntryList { position:relative; width:692px; margin-bottom:7px; }
#archiveEntryList .title { margin:10px 0 10px 10px; font-weight:bold; }
#archiveEntryList ul { margin-left:10px; overflow:auto; width:672px; height:78px; background:url(/common/img/bg_newentry_textbox2.gif) left top no-repeat; border:1px solid #CCCCCC; }
#archiveEntryList li { line-height:150%; margin:0 5px; }
#archiveEntryList .scaleButton { position:absolute; left:629px; top:-2px; }
/* for IE6,7 */
#archiveEntryList ul { /background-image:none; /background-color:#FFFFFF; }
#archiveEntryList .scaleButton { /top:7px; }

/* NicoMylist Popup */
#nicoMylistPopup { position:absolute; width:680px; background-color:#333333; border:1px solid #CCCCCC; padding:15px; color:#FFFFFF; z-index:101; }
#nicoMylistPopup * { color:#FFFFFF; }
#nicoMylistPopup .videoTitle { font-size:120%; font-weight:bold; text-decoration:underline; }
#nicoMylistPopup .nico-desc-wrapper { width:680px; margin-bottom:15px; }
#nicoMylistPopup .nico-memo { background-color:#444444; color:#999999; padding:5px; line-height:130%; margin-bottom:0; }
#nicoMylistPopup .nico-memo .title { color:#FFFFFF; font-weight:bold; }
#nicoMylistPopup .nico-thumbnail { float:left; width:130px; padding:10px; background-color:#000000; margin-right:10px; margin-bottom:0; }
#nicoMylistPopup .nico-description { line-height:140%; float:left; width:520px; overflow:hidden; }
#nicoMylistPopup .nico-info { text-align:right; margin:15px 0 0; }
#nicoMylistPopup .nico-info * { font-size:90%; color:#666666; }

/* YoutubePlaylist Popup */
#youtubePlaylistPopup { position:absolute; width:680px; background-color:#333333; border:1px solid #CCCCCC; padding:15px; color:#FFFFFF; z-index:101; }
#youtubePlaylistPopup * { color:#FFFFFF; }
#youtubePlaylistPopup .videoTitle { font-size:120%; font-weight:bold; text-decoration:underline; }
#youtubePlaylistPopup .youtube-desc-wrapper { width:680px; margin-bottom:15px; }
#youtubePlaylistPopup .youtube-thumbnail { float:left; width:320px; padding:10px; background-color:#000000; margin-right:10px; margin-bottom:0; }
#youtubePlaylistPopup .youtube-description { line-height:140%; float:left; width:330px; overflow:hidden; }
#youtubePlaylistPopup .youtube-info { text-align:right; margin:15px 0 0; font-size:90%; color:#666666; font-weight:bold; }

/* UIDirectory test entry */
.entry .body .UIDirectoryTextEntry ul.root { margin:20px; }
.entry .body .UIDirectoryTextEntry li.rootDir { list-style-type:none; }
.entry .body .UIDirectoryTextEntry li.rootDir ul { margin:0; padding:0; }
.entry .body .UIDirectoryTextEntry li.dir { margin:5px 20px; }
.entry .body .UIDirectoryTextEntry li.dir ul { margin:0; }
.entry .body .UIDirectoryTextEntry a.dirLabel { font-weight:bold; }
.entry .body .UIDirectoryTextEntry li.item { margin:5px 25px; }
.entry .body .UIDirectoryTextEntry a.itemLabel,span.itemLabel { font-style:italic; }
.entry .body .UIDirectoryTextEntry li.empty { margin:5px 25px; }
.entry .body .UIDirectoryTextEntry span.emptyLabel { color:#999; font-size:small; font-weight:normal; }
.entry .body .UIDirectoryTextEntry img.icon { margin-right:5px; }
.entry .body .UIDirectoryTextEntry li.rootDir .icon { margin-right:5px; }
.entry .body .UIDirectoryTextEntry li.dir .icon { margin-right:5px; }
.entry .body .UIDirectoryTextEntry li.item .icon { margin-right:5px; }

/* twitter */
.twitter { width:71px; height:30px; }
.twitter a { width:71px; height:30px; display:block; text-indent:-9999px; overflow:hidden; background:url(/common/img/btn_twitter.gif) no-repeat left top; }
.entry .twitter,
.comments .twitter { position:absolute; top:0; left:559px; }

/* Download Files */
.downloadLink { width:204px; height:45px; display:block; text-indent:-9999px; overflow:hidden; background:url(/common/img/btn_downloadfiles.gif) no-repeat left top;  }
.downloadFiles { padding:10px; background-color:#F9F9F9; border:1px solid #CCCCCC; }
.downloadFiles dt,
.downloadFiles dd,
.downloadFiles th,
.downloadFiles td { color:#666666; }
.downloadFiles dl { margin:10px 0 20px!important; }
.downloadFiles dt { border-left:3px solid #666666; background:none!important; padding:0 0 0 5px!important; margin:0 0 5px 0!important; font-weight:bold; }
.downloadFiles dd { padding:0!important; margin:0!important; line-height:130%; }
.downloadFiles table td,
.downloadFiles table th { line-height:130%; border-top:1px solid #E0E0E0; padding:5px 0; }
.downloadFiles th { width:30%; }

/* openNewWindowIcon */
.openNewWindowIcon { margin:0 5px; }