@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:"メイリオ", Meiryo,"ＭＳ Ｐゴシック",sans-serif; color:#555555; }
body { font-size:small; position:relative; }
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:#3d85bc; padding-bottom:1px; }
a:hover { text-decoration:none; }
sup { padding:0; margin:0; line-height:100%; line-height:50%; vertical-align:text-top; }
table { border-collapse:collapse; }
a,object,embed { outline:none; }




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

/* レイアウト制御 */
.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; background-color:#FFF; }





/* *********************************************************************************************************/
/* 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 #e7e7e7; padding-bottom:140px; }
#container { width:1308px; margin:0 auto 30px; }

/* ヘッダー*/
#siteID { position:fixed; left:50%; bottom:0; z-index:901; visibility:hidden; margin-bottom:0; padding-bottom:0; }
#siteID a { padding-bottom:0; }

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

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

/* コンテンツエリア */
#contents { position:relative; float:left; width:694px; background:url(/common/img/bg_separator_vd.gif) left top repeat-y; }
#pageTitle { position:relative; left:20px; margin:25px 0; width:690px; }
#pageTitle h1 { font-size:12px; color:#293955; font-weight:normal; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
#pageTitle strong { font-size:26px; font-weight:normal; margin-right:10px;  }
.pager { position:relative; left:2px; padding:9px 0; margin:0; width:690px; text-align:center; background:url(/common/img/bg_pager.gif) left top repeat-x; line-height:100%; font-size:10px; }
#bottomPager { }
#contents .bannerArea { position:relative; left:2px; }
#contents .bannerArea .inner { width:670px; padding:10px 20px; }
#contents .bannerArea img { vertical-align:bottom; }
#contents .bannerArea .banner { 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 { z-index:2; position:relative; left:22px; top:20px; font-size:10px; height:15px; line-height:100%; text-align:left; /*background:url(/common/img/bg_entry_date.gif) left top no-repeat;*/ }
.entry { position:relative; left:2px; width:650px; padding:20px; background:url(/common/img/bg_entry_body.gif) left top repeat-x; }
.comments,
.commentForm { position:relative; left:2px; width:650px; padding:20px; background:url(/common/img/bg_comment_body.gif) left top repeat-x; }
.entry { margin-top:-15px;}
.entry .header { padding-top:15px; padding-bottom:0px; margin-bottom:20px; position:relative; }
.entry .header .bottom { width:690px; position:relative; left:-20px; height:8px; background:url(/common/img/bg_entry_header.png) left bottom repeat-x; }
.entry .header h1.title { /*font-size:12px;*/ }
.entry .category a { text-decoration:none; margin-right:5px; padding:2px; text-shadow:0 0 3px rgba(27,125,255,.2),0 0 10px rgba(27,125,255,.3); }
.entry .category a:hover { text-decoration:underline; }
.entryPage .entry .title,
.entryPage .entry .category { /*width:546px;*/ }
.entry .body { width:650px; padding-bottom:6px; margin-bottom:20px; /*background:url(/common/img/bg_dot.gif) left bottom repeat-x;*/ font-size:12px; }
.entry .body div { margin:0 0 2.5em; }
.entry .body p { margin:0 0 2.5em; /*text-shadow:1px 1px 10px rgba(0,0,0,.2);*/ }
.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:#d6dde3; line-height:120%; padding:5px 10px; margin:0 0 1.2em; }
.entry .body dd { margin:0 10px 2.5em; }
.entry .body dl.type2 { margin-bottom:3em; }
.entry .body dl.type2 dt { border-left:3px solid #c1ced8; padding:5px 10px; margin-bottom:1.2em; background-color:#dedede; }
.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:12px; }
.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:630px; overflow:auto; border:1px solid #accad6; background-color:#f7f7f7; 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 { font-size:10px; text-align:right; position:relative; margin-top:20px; min-height:21px; background:url(/common/img/bg_entry_footer.gif) repeat-x left top; height:33px; left:-20px; top:20px; width:670px; padding-top:25px; padding-right:20px; }
.entry .footer a { text-decoration:none; padding-bottom:1px; }
.entry .footer a:hover { text-decoration:underline; }
.entry .footer .permalink { position:absolute; left:20px; top:25px; }
.entry .footer .date { position:relative; left:0; top:0; }
.entry h1.title { font-size:14px; line-height:140%; text-shadow:0 0 3px rgba(0,0,0,.2),0 0 10px rgba(0,0,0,.2);  }
.entry h2.title { font-size:14px; line-height:140%; text-shadow:0 0 3px rgba(27,125,255,.2),0 0 10px rgba(27,125,255,.3);  }
.entry .title a { text-decoration:none; }
.entry .title a:hover { text-decoration:underline; }
.entry .category { font-size:10px; margin-bottom:10px; }
.comments .header { position:relative; }
.comments .header,
.commentForm .header { margin-bottom:20px; /*background:url(/common/img/bg_dot.gif) left bottom repeat-x;*/ }
.comments .title,
.commentForm .title { font-size:12px; line-height:140%; }
.comments .comment { font-size:12px; background:url(/common/img/bg_comment.png) no-repeat left top; padding-left:47px; }
.comments .comment .footer { text-align:right; font-size:10px; padding-bottom:20px; margin-bottom:20px; /*background:url(/common/img/bg_dot.gif) left bottom repeat-x;*/ }
.commentForm table { border-collapse:collapse; }
.commentForm table th { line-height:140%; width:50px; font-weight:normal; text-align:left; padding:3px 10px; vertical-align:top; font-size:10px; }
.commentForm table td { line-height:140%; padding:3px 10px; }
.commentForm table .blank { padding:0; }
.commentForm table input { width:235px; border:1px solid #aaa; }
.commentForm table textarea { width:550px; height:120px; border:1px solid #aaa; }
.commentForm .submit { display:block; margin:10px 0 0 80px; background:url(/common/img/btn_comment.gif) no-repeat left top; border:none; text-indent:-9999px; cursor:pointer; outline:none; width:117px; height:22px; }
.commentForm p { font-size:10px; }
#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; }
#archivesBody dt { margin:0; padding:0; background-color:transparent; font-weight:bold; margin-bottom:5px; }
#archivesBody dd { margin:0; }
.readMore { margin:-10px 0; width:100px; height:22px; display:block; text-indent:-9999px; overflow:hidden; background:url(/common/img/btn_readmore.gif) no-repeat left top; }

#contents .naviHeading { margin:0 0 10px; position:relative; left:-5px; }
#contents .about { position:relative; width:650px; left:2px; padding:20px; font-size:10px; background:url(/common/img/bg_separator_h.gif) left top repeat-x; }
#contents .about .profile {  }
#contents .about .profile dd,
#contents .about .profile dt { display:inline; line-height:180%; }
#contents .about p { margin-top:6px; margin-bottom:2em; line-height:180%; }
#contents .about a { text-decoration:none; }
#contents .about a span { text-decoration:underline; }
#contents .about .profileLink { text-decoration:underline; }
#contents .about .profileLink:hover { text-decoration:none; }



/* ナビゲーションエリア */
#subContents { float:right; width:614px; position:relative; }
#subContents .naviHeading { margin:0 0 10px; position:relative; left:-5px; }
#subContents .naviHeading img { vertical-align:bottom; }
#subContents .search { position:relative; width:238px; padding:20px; top:0; left:336px; background:url(/common/img/bg_separator_v.gif) left top repeat-y; }
#subContents .search .textbox { width:170px; }
#subContents .search .submit { display:inline-block; margin:0; background:url(/common/img/btn_search.gif) no-repeat left top; border:none; text-indent:-9999px; cursor:pointer; outline:none; width:48px; height:22px; }
#subContents .about { position:relative; width:238px; padding:20px; top:0; left:336px; font-size:10px; background:url(/common/img/bg_separator_v.gif) left top repeat-y; }
#subContents .about .profile {  }
#subContents .about .profile dd,
#subContents .about .profile dt { display:inline; line-height:180%; }
#subContents .about p { margin-top:6px; margin-bottom:2em; line-height:180%; }
#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 { position:absolute; width:128px; padding:20px; top:0; left:168px; font-size:10px; background:url(/common/img/bg_separator_v.gif) left top repeat-y; }
#subContents .archives ul { }
#subContents .archives ul li { margin-bottom:0.5em; line-height:180%; }
#subContents .categories { position:absolute; width:128px; padding:20px; top:0; left:0; font-size:10px; /*background:url(/common/img/bg_separator_v.gif) left top repeat-y;*/  }
#subContents .categories ul {  }
#subContents .categories li { margin-bottom:0.5em; line-height:180%; }
#subContents .categories li ul { margin-top:0.5em; padding-left:0px; }
#subContents .categories li ul li { margin-bottom:0.2em; }


#subContents .banner { margin-top:15px; }

/* 作品詳細（折りたたみ式　デフォルト：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; }

/* headerBanner */
#headerBanner { position:relative; height:80px; margin-bottom:15px; margin-top:15px; }
#headerBanner a { display:block; position:absolute; top:0; }
#headerBanner .banner1 { left:0; }
#headerBanner .banner2 { left:524px; }
#headerBanner .banner3 { left:748px; }

/* 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; left:22px; width:658px; margin-bottom:10px; }
#archiveEntryList .title {  margin:10px 0 10px 10px; font-weight:bold; display:none; }
#archiveEntryList ul { margin-left:0px; overflow:auto; width:638px; 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; font-size:10px; }
#archiveEntryList .scaleButton { position:absolute; left:0px; top:79px; }
/* 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:12px; 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:12px; 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 */
.snsConnection { position:relative; left:0; top:0; /*position:absolute; top:0; right:0;*/ }

/* 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; }

/* twilog */
.entry .body .tl-tweet { border:1px solid #EEE; background-color:#F9F9F9; padding:5px 10px; }
.entry .body .tl-tweet .tl-text { margin-bottom:0.5em; }
.entry .body .tl-tweet .tl-posted { margin-bottom:0; text-align:right; }

/*floatingVideoBox*/
#floatingVideoBoxWrapper { position:fixed; z-index:999; }
#floatingVideoBoxBG { position:fixed; background-color:#000; display:none; }
#floatingVideoBox { position:fixed; background-color:#111; display:none; }