@charset "UTF-8";


/* MYSTERIES NEW IMG ------------------------------------------------ */
#navi ul#banner li#bnr-mysteries a span{
	background-image:url(http://www.tsogen.co.jp/news/images/mysteries.jpg);
}

/* RESET ------------------------------------------------ */
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,pre,blockquote,th,td,
form,fieldset,input,textarea,select{
	margin:0;
	padding:0;
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
}
strong,em,h1,h2,h3,h4,h5{font-weight:bold;}
html {overflow-y:scroll;}
table{border-collapse:collapse; border-spacing:0;}
caption,th{text-align:left;}
ol,ul{list-style:none;}
li {list-style:none outside; vertical-align:top;}
fieldset,img{border:0;}	
select option{padding:0 5px;}
form label{cursor:pointer;}
a {/*\*/overflow:hidden;/*exMacIE*/}


/* BASE ------------------------------------------------ */
body,input,select,textarea{
	color:#000;
	background-color:#fff;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ ゴシック',Osaka,sans-serif;
}
body{font-size:62.5%;text-align:center;}

h1,h2,h3,h4,h5{font-size:1.4em;line-height:125%;}
pre,blockquote,dt,dd,li{font-size:1.0em;line-height:145%;}
p{font-size:1.2em;line-height:160%;}

a,a[name]:hover{color:#000; text-decoration:none;}
a:link {color:#5e0000; text-decoration:underline;}
a:visited {color:#996666; text-decoration:underline;}
a:hover, a:visited:hover {color:#990000; text-decoration:underline;}

#container{
	width:940px;
	margin:0 auto;
}

/* NAVI ------------------------------------------------ */
#navi{
	float:left;
	width:240px;
	text-align:left;
	padding-bottom:20px;
}

#navi h1{
	text-indent:-9999px;
	width:220px;
}
#navi h1 span{
	display:block;
	width:220px;
	height:29px;
	background-color:#5e0000;
	overflow:hidden;
}
#navi h1 a{
	display:block;
	width:220px;
	height:106px;
	background:transparent url(img/logo.gif) 0 0 no-repeat;
	overflow:hidden;
}

#navi ul#submenu{
	position:relative;
	width:220px;
	height:36px;
	overflow:hidden;
}
#navi ul#submenu li a{
	text-indent:-9999px;
	position:absolute;
	height:13px;
	top:3px;
	background-color:transparent;
	background-position:0 0;
	background-repeat:no-repeat;
}

#navi ul#submenu li#smn-top a{
	display:block;
	left:0;
	width:84px;
	background-image:url(img/btn_top.gif);
	overflow:hidden;
}
#navi ul#submenu li#smn-list a{
	display:block;
	right:0;
	width:77px;
	background-image:url(img/btn_list.gif);
	overflow:hidden;
}
#navi ul#submenu li a:hover{background-position:0px -13px;}


/* GLOBAL MENU --- */
#navi ul#mainmenu{
	width:220px;
	background-color:#eee;
	padding-top:5px;
	padding-bottom:5px;
}

#navi ul#mainmenu li a{
	text-indent:-9999px;
	display:block;
	background-color:transparent;
	background-position:-210px 0px;
	background-repeat:no-repeat;
	height:50px;
	width:210px;
	margin-left:5px;
	margin-top:1px;
	vertical-align:top;
}
#navi ul#mainmenu li#mmn-special a{background-image:url(img/navi_special.gif);margin-top:0px;}
#special #navi ul#mainmenu li#mmn-special a{background-position:0px 0px;}

#navi ul#mainmenu li#mmn-topic a{background-image:url(img/navi_topic.gif);margin-top:5px;}
#topic #navi ul#mainmenu li#mmn-topic a{background-position:0px 0px;}

#navi ul#mainmenu li#mmn-afterword a{background-image:url(img/navi_afterword.gif);}
#afterword #navi ul#mainmenu li#mmn-afterword a{background-position:0px 0px;}

#navi ul#mainmenu li#mmn-sakuraba a{background-image:url(img/navi_sakuraba.gif);margin-top:5px;}
#sakuraba #navi ul#mainmenu li#mmn-sakuraba a{background-position:0px 0px;}

#navi ul#mainmenu li#mmn-komori a{background-image:url(img/navi_komori.gif);}
#komori #navi ul#mainmenu li#mmn-komori a{background-position:0px 0px;}

#navi ul#mainmenu li#mmn-japanese a{background-image:url(img/navi_japanese.gif);margin-top:5px;}
#japanese #navi ul#mainmenu li#mmn-japanese a{background-position:0px 0px;}

#navi ul#mainmenu li#mmn-translated a{background-image:url(img/navi_translated.gif);}
#translated #navi ul#mainmenu li#mmn-translated a{background-position:0px 0px;}

#navi ul#mainmenu li#mmn-sf a{background-image:url(img/navi_sf.gif);}
#sf #navi ul#mainmenu li#mmn-sf a{background-position:0px 0px;}

#navi ul#mainmenu li#mmn-lounge a{background-image:url(img/navi_lounge.gif);}
#lounge #navi ul#mainmenu li#mmn-lounge a{background-position:0px 0px;}

#navi ul#mainmenu li#mmn-media a{background-image:url(img/navi_media.gif);margin-top:5px;}
#media #navi ul#mainmenu li#mmn-media a{background-position:0px 0px;}

#navi ul#mainmenu li a:hover{background-position:0px 0px;}
#navi ul#mainmenu li#mmn-update{display:none;}

/* submenu2 --- */
#navi ul#submenu2{
	margin-top:10px;
	width:220px;
	background-color:#eee;
	padding-top:5px;
	padding-bottom:5px;
}
#navi ul#submenu2 li a{
	text-indent:-9999px;
	display:block;
	background-color:transparent;
	background-position:-210px 0px;
	background-repeat:no-repeat;
	height:31px;
	width:210px;
	margin-left:5px;
	margin-top:1px;
	vertical-align:top;
}
#navi ul#submenu2 li#smn-list a{
	background-image:url(img/navi_list.gif);
	margin-top:0px;
}
#navi ul#submenu2 li a:hover{background-position:0px 0px;}

/* banner --- */
#navi ul#banner{
	margin-top:20px;
	width:220px;
	background-color:#eee;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center:
}
#navi ul#banner li#bnr-mysteries a{
	text-indent:-9999px;
	display:block;
	background:transparent url(http://210.251.241.233/news/img/bn_mysteries.jpg) 0px 0px no-repeat;
	height:151px;
	padding-top:55px;
	width:140px;
	margin:0 auto;
	vertical-align:top;
}

#navi ul#banner li#bnr-mysteries a span{
	display:block;
	text-indent:-9999px;
	margin-left:10px;
	width:98px;height:139px;
	border:1px solid #fff;
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-color:transparent;
}

/* CONTENTS ------------------------------------------------ */
#contents{
	float:left;
	width:700px;
	text-align:left;
	border-top:#ccc 4px solid;
	position:relative;
}

/* HEADER ------------------------------------------------ */
#header{
	width:700px;
	text-align:left;
	position:absolute;
	top:-4px;
	height:29px;
	overflow:hidden;
}

/* TOOLS --- */
#header ul#hdrmenu{}
#header ul#hdrmenu li{
	display:block;
	float:left;

}

#header ul#hdrmenu li#hmn-mm a,
#header ul#hdrmenu li#hmn-tsg a{
	text-indent:-9999px;
	display:block;
	width:170px;
	height:29px;
	overflow:hidden;
	background-color:transparent;
	background-position:0px 0px;
	background-repeat:no-repeat;
}
#header ul#hdrmenu li#hmn-mm a{background-image:url(img/btn_mm.gif);margin-right:10px;}
#header ul#hdrmenu li#hmn-tsg a{background-image:url(img/btn_tst.gif);}

#header ul#hdrmenu li#hmn-mm a:hover,
#header ul#hdrmenu li#hmn-tsg a:hover{background-position:0px -29px;}

#header ul#hdrmenu li#sizechange{
	border-top:#999 4px solid;
	padding-top:7px;
	width:126px;
	margin-right:20px;
}
#header ul#hdrmenu li#sizechange p.label{
	text-indent:-9999px;
	float:left;
	display:block;
	background-color:transparent;
	background-position:0px 0px;
	background-repeat:no-repeat;
	background-image:url(img/hdr_tsc.gif);
	height:18px;
	width:54px;
	margin-right:5px;
}
#header ul#hdrmenu li#sizechange p#txt_std a{
	text-indent:-9999px;
	float:left;
	display:block;
	width:31px;
	height:18px;
	margin-right:5px;
	background:url(img/btn_tss.gif) 0px -18px no-repeat;
}
#header ul#hdrmenu li#sizechange p#txt_lrg a{
	text-indent:-9999px;
	float:left;
	display:block;
	width:31px;
	height:18px;
	background:url(img/btn_tsb.gif) 0px 0px no-repeat;
}

#header ul#hdrmenu li#sitesearch{
	border-top:#999 4px solid;
	padding-top:7px;
	width:184px;
	margin-right:20px;
}
#header ul#hdrmenu li#sitesearch input#searchfld{
	border:#999 1px solid;
	padding:1px;
	width:136px;
	height:14px;
	margin-right:5px;
	line-height:1em;
	float:left;
	color:#999;
}
#header ul#hdrmenu li#sitesearch input#inqbtn{
	text-indent:-9999px;
	display:block;
	float:left;
	width:39px;
	height:18px;
	background:transparent url(img/btn_src.gif) 0px 0px no-repeat;
	overflow:hidden;
	border:none;
}

/* MAIN ------------------------------------------------ */

#main{
	padding-top:65px;
	padding-bottom:20px;
	width:700px;
}
#main #cattitle{
	height:82px;
	width:700px;
	margin-bottom:20px;
	position:relative;
}

#main #cattitle h2{
	text-indent:-9999px;
	background-color:transparent;
	background-position:0px 0px;
	background-repeat:no-repeat;
	height:82px;
	width:700px;
}

#index #main #cattitle h2{background-image:url(img/img_update.gif);}
#list #main #cattitle h2{background-image:url(img/img_list.gif);}
#search #main #cattitle h2{background-image:url(img/img_search.gif);}
#special #main #cattitle h2{background-image:url(img/img_special.gif);}
#topic #main #cattitle h2{background-image:url(img/img_topic.gif);}
#afterword #main #cattitle h2{background-image:url(img/img_afterword.gif);}
#sakuraba #main #cattitle h2{background-image:url(img/img_sakuraba.gif);}
#komori #main #cattitle h2{background-image:url(img/img_komori.gif);}
#japanese #main #cattitle h2{background-image:url(img/img_japanese.gif);}
#translated #main #cattitle h2{background-image:url(img/img_translated.gif);}
#sf #main #cattitle h2{background-image:url(img/img_sf.gif);}
#lounge #main #cattitle h2{background-image:url(img/img_lounge.gif);}
#media #main #cattitle h2{background-image:url(img/img_media.gif);}

#main #cattitle #sbookmark{
	position:absolute;
	right:20px;
	bottom:10px;
}


#main .article {
	width: 660px;
	padding: 15px;
	border: 5px solid #eee;
	position: relative;
	margin-bottom:20px;
	overflow:hidden;_overflow:visible;zoom:1;
}

#main .article .data {
	width: 120px;
	float: left;
}

#main .article .data p{
	font-size:1.2em;
	font-family:Futura, "Avant Garde", "Century Gothic", Verdana, Helvetica, Arial, sans-serif;
}

#main .article h3 {
	font-size:1.6em;
	padding-bottom:15px;
	margin-bottom:25px;
	border-bottom: 1px solid #ccc;
}
#main .article div {
	line-height:1.8;
}
#main .article .body {
	width: 540px;
	float: left;
}
#main .article .body div,
#main .article .body p,
#main .article .body font,
#main .article .body blockquote,
#main .article .body h1,
#main .article .body h2,
#main .article .body h4,
#main .article .body h5,
#main .article .body h6{
	font-size:small;
}
#main .article .body blockquote{
	margin-left:0px;
	padding-left:15px;
	border-left:5px solid #eee;
}
#main .article .body img{
	border:1px solid #ccc;
}
#main ul.pageNavi{
	margin:30px 0;
	padding:0;
}

#main ul.pageNavi li{
	display:inline;
	margin:0 5px;
	font-family:Futura, "Avant Garde", "Century Gothic", Verdana, Helvetica, Arial, sans-serif;
	text-align:center;
}
#main ul.pageNavi li.caption,
#main ul.pageNavi li.nextprev{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ ゴシック',Osaka,sans-serif;
	margin:0 20px 0 0;
	font-weight:bold;
	color:#999;
}

#main ul.pageNavi li a,
#main ul.pageNavi li span{
	padding:3px 7px;
	margin:0;
	color:#fff;
	background:#999;
	text-decoration:none;
}

#main ul.pageNavi li a.current,
#main ul.pageNavi li span,
#main ul.pageNavi li a:hover{
	background:#5e0000;
}

#main .article .body .intro,
#main .article .body .more{overflow:hidden;_overflow:visible;zoom:1;}

#main dl#catlist{margin:20px 0;}
#main dl#catlist dt{
	display:block;
	text-indent:-9999px;
	width:539px;
	height:20px;
	cursor:pointer;
	background:transparent url(img/btn_bn.gif) 0px 0px no-repeat;
}
#main dl#catlist dt#moreolder{background-image:url(img/btn_old.gif);}
#main dl#catlist dt:hover{background-position:0 -20px;}
#main dl#catlist dd ul li {display:block;
	margin:0; padding:0;
	border-bottom:1px solid #ccc;
	border-top:none;
	font-size:1.2em;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ ゴシック',Osaka,sans-serif;
}
#main dl#catlist dd ul li span {
	display:block;
	text-decoration:none;
	margin:0; padding:3px 10px;
	color:#666;
	border:none;
}
#main dl#catlist dd ul li a {
	display:block;
	text-decoration:none;
	margin:0; padding:3px 10px;
	color:#5e0000;
	border:none;
}
#main dl#catlist dd ul li a:hover {
	color:#fff;
	background-color:#5e0000;
}

/* ARCHIVE ------------------------------------------------ */
#main .article .body .archivebnlist ul li {display:block;
	margin:0; padding:0;
	border-bottom:1px solid #ccc;
	border-top:none;
}

#main .article .body .archivebnlist ul li a {
	display:block;
	text-decoration:none;
	margin:0; padding:3px 10px;
	color:#5e0000;
	border:none;
}
#main .article .body .archivebnlist ul li a:hover {
	color:#fff;
	background-color:#5e0000;
}

/* LIST ------------------------------------------------ */

#list #main #update{display:none;}
#list #main .article .body h3{margin-bottom:0;}
#list #main .article .body ul li {display:block;
	margin:0; padding:0;
	border-bottom:1px solid #ccc;
	border-top:none;
}

#list #main .article .body ul li a {
	display:block;
	text-decoration:none;
	margin:0; padding:3px 10px;
	color:#5e0000;
	border:none;
}
#list #main .article .body ul li a:hover {
	color:#fff;
	background-color:#5e0000;
}

/* SEARCH ------------------------------------------------ */
#search #search-results .hidden{display:none;}
#search .search-results-header{
	width: 660px;
	padding:10px 20px;
	background-color:#eee;
	margin-bottom:20px;
}
#search .search-results-header h3{font-size:1.4em;}
#search .search-results-header p{margin-top:10px;}
#search #search-results .content-nav{
	width: 660px;
	padding:10px 20px;
	background-color:#eee;
	font-size:1.2em;
	font-weight:normal;
	text-align:center;
}

#search #main #search-results ul.pageNavi{margin:0;}
#search #main #search-results ul.pageNavi li.nextprev{margin:0 20px;font-weight:normal;}
#search #main #search-results ul.pageNavi li.nextprev span{background:#ccc;}
/* FOOTER ------------------------------------------------ */
#footer {
	position:relative;
	clear:both;
	margin:0 auto;
	width:940px;
	height:90px;
	text-align:left;
}
#footer #btn-fpt a{
	display:block;
	text-indent:-9999px;
	position:absolute;
	left:0px;
	top:0px;
	width:940px;
	height:20px;
	background:#f1f1f1 url(img/btn_fpt.gif) 832px 0px no-repeat;
}
#footer #btn-fpt a:hover{background-position:832px -20px; }

#footer p#ftrlogo{
	position:absolute;
	text-indent:-9999px;
	top:40px;
	left:0px;
	width:92px;
	height:17px;
	background:url(img/ftr-logo.gif) 0px 0px no-repeat;
}

#footer p#ftrcopy{
	position:absolute;
	text-indent:-9999px;
	display:block;
	top:40px;
	right:0px;
	width:180px;
	height:17px;
	background:url(img/ftr-copy.gif) 0px 0px no-repeat;
}