/*
	This is the CSS stylesheet that is used for the default Nucleus skin.
	
	Here's how the pages are built up:

	(Note: the format outlined below is NOT mandatory. If you want your 
	 site to use another structure, edit skins and templates, and define 
	 your own stylesheet. The default skins and templates only serves as 
	 an example of how a site running Nucleus can look.)

	MAIN PAGE
	---------

	body
	  div.contents
	    h1 (site title)
	      h2 (date header)
	        h3 (item title)
	          div.itembody (item text)
	          span.iteminfo (time / author / editlink / amount of comments)
	  div.logo
	  div.menu
	    h1 (navigation, hidden link)
	      h2 (menu titles)
	
	DETAILED PAGE
	-------------
	body
	  div.contents
	    h1 (site title)
	      h2 (item title)
	        div.itembody (item text)
	        div.iteminfo (item info)
	      h2 (comments)
	        h3 (commentor name)
  	          div.commentbody
	      h2 (add comment)
	  div.logo
	  div.menu	
	    h1 (navigation, hidden link)
	      h2 (menu titles)

	OTHER PAGES
	-----------
	
	other pages are similar, having a .contents and a .menu part
*/
 

/*
	The body definitions define how the page should globally look:
	- a small verdana, arial or font from the sans-serif family
	- black text on a white background
*/


/********************************************
　全体に関するところ
********************************************/
a:link {
	color: #40bb76;
	text-decoration: none;
	}
a:visited {
	color: #40bb76;
	text-decoration: none;
	}
a:active {
	color: #40bb76;
	text-decoration: none;
	}
a:hover {
	color: #00bfff;
	text-decoration: underline;
	}

a.title {
	text-decoration:none;
}


a.title:visited {
	color:white;
}
a.title:link {
	color:white;
}
*
{
	padding:0px;
	margin:0px;
	line-height:140%;
}

body 
{
	list-style:none outside;
	background-color: #000000;
	background-image:url('http://www.talesing.com/back/001.gif');
	font-size:13px;
}

.backimage1 {
  position: absolute;
	z-index:1;
	top: 0px;
  right: 0px;
  width: 298px;/*幅*/
  height: 168px;
  background-image:url('http://www.talesing.com/logo/logo_a.jpg');
  cursor: hand;
}
.backimage2 {
  position: absolute;
	z-index:1;
	top: 37px;
  right: 112px;
  width: 150px;/*幅*/
  height: 30px;
  background-color: #a5bbe3;/*背景色*/
}

.small {
	font-size:8pt;
}

.right {
	text-align:right;
}
.left {
	text-align:left;
}
.center {
	text-align:center;
}

b{
	font-size:15px;
}

.red{
	color:#c55690;
}

.blue{
	color:#4c92c5;
}

span.comment{
	color:#888888;
}

rt{
	font-size:7pt;
	color:#c0c0c0;
}

table.ex { /* 攻略テーブル */
	font-size: 13px;
	margin-bottom:30px;
	border-collapse: separate;
	border-spacing 1px;
	empty-cells:show;
}

table.ex th {
	padding: 5px;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	background-color: #444;
}

table.ex td {
	padding: 5px;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	background-color: #333;
}


/********************************************
　トップページ - イントロ部分
********************************************/
div.title{
	background-color:#000;
	padding-top:30px;
	padding-
}
.intro{
	text-align: right;
	font-family:Arial;
	border-right:15px solid #777787;
	background-color:#000;
	letter-spacing: 0.5em;
	margin:0px 40px 0px 0px;
	color:#ccc;
}


/********************************************
　トップページ - サイドメニュー部分
********************************************/
.menu { /* サイドメニュー全体 */
  position: absolute;
  z-index: 2;
  top: 168px;
  right: 10px;
  width: 275px;
}

div.titlename{ /* ページタイトル */
  font-size: 12pt;
  font-family: "Verdana";
  letter-spacing: 0.2em;
  text-align: center;
  width: 200px;
  margin: 0 10px 30px 10px;
  padding: 5px 15px 5px 15px;
  border: solid 1px #444650;
  background-color: #7889AF;
  color: #FFFFFF;
  }
div.subtitle{ /* サブタイトル */
  margin: 0px 10px 0px 10px;
  padding: 1px;
  border-top: solid 1px #5b5e63;
  border-left: solid 1px #5b5e63;
  border-right: solid 1px #5b5e63;

  background-color: #61759c;
  color: #FFFFFF;
  font-family: Verdana;
  font-size: 10pt;
}
div.text{ /* テキスト部分 */
  margin: 0px 10px 10px 10px;
  padding: 5px;
  border-left: solid 1px #5b5e63;
  border-bottom: solid 1px #5b5e63;
  border-right: solid 1px #5b5e63;
  background-color: #202020;
  color: #ccc;
  font-size: 13px;
  }

.menu div.leftpad{ /* 左にスペース入れるdiv */
	margin-left:20px;
}

.menu h4{ /* リンク部分サブタイトル */
	font-family:Verdana;
	width:180px;
	vertical-align:middle;
	background:url('ss-9.gif') no-repeat;
	font-size:120%;
	padding:0 0 0 12px;
	margin:0px;
}
.menu ul{ /* リンク部分 */
	marign:0px;
	padding 0px;
}
.menu li{ /* リンク部分 項目 */
	margin-left:15px;
	margin-bottom:2px;
	list-style-image:url('ss-9.gif');
	vertical-align:bottom;
}

.date2 { /* カレンダー 日時 */
	color: #91c6c6;
	font-weight:bold;
	background-image: url('ss-9.gif');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	line-height:20px;

}

span.scroll{
	WIDTH:100%;
	HEIGHT:140;
	OVERFLOW:AUTO;
	SCROLLBAR-BASE-COLOR:#000000;
}

/********************************************
　トップページ - 上部分
********************************************/
.topnews{ /* 上部全体 */
	border-top:1px solid #686dc7;
	border-left:1px solid #686dc7;
	border-right:2px solid #101536;
	border-bottom:2px solid #101536;
	background-color:#272b58;
	margin-right:19px;
}

.topnews h3{ /* 上部タイトル */
	text-align:left;
	border-bottom:dotted 1px #888888;
	color:#a1a8dc;
	font-size:120%;
}

.box{ /* 上部全体の内側 */
  background-color: #202020;/*背景色*/
	border-top:1px solid #101536;
	border-left:1px solid #101536;
	border-right:1px solid #686dc7;
	border-bottom:1px solid #686dc7;
	margin: 8px 15px 8px 15px;
}	

.box p{ /* 上部ボックス */
	margin:3px 3px 3px 3px;
	color:#ccc;
}

.box b{
	color:#c55690;
	font-size:15px;
	font-weight:bold;
}

.box li{ /* 上部リスト項目 */
	margin-left:30px;
	list-style-image:url('ss-9.gif');
	vertical-align:bottom;
}


/********************************************
　トップページ - メイン部分
********************************************/
/* 
	Definitions for the item listings like they are done on the main page and in archives
	- h3.item is the title of an item (<h3 class="item">)
	- .itembody is the item contents
	- .iteminfo contains the time of posting and the name of the author, and the amount of comments
	
	anchors in the iteminfo (.iteminfo a) are not underlined and bold
*/


.mains { /* アイテムとかあるとこの全て */
	margin-right: 295px;
	margin-left: 10px;
}

.blogs { /* ??? */
	color:#ccc;
}

.blogs h3{ /* アイテムのタイトル */
	margin: 0px;
}

.blogs h2{ /* アイテムの日時 */
	text-align: right;
	margin-top:10px;
	margin-right:30px;
	font-family:Arial;
	border-right:15px solid #777787;
	background-color:#000;
	letter-spacing: 0.5em;
}
h3.item {/* それぞれのアイテムのタイトル */
  padding: 3px 1em 1px 0.3em;
	border-top:2px solid #585bb8;
	border-left:3px solid #686dc7;
	border-right:3px solid #101536;
	border-bottom:3px solid #1f214a;
	background-color:#333679;
}

h3.a{
	text-decoration: none;
}

.itembody {/* アイテムの中身 */
	padding:4px;
	margin-left:1px;
	margin-right:3px;
	color:#ccc;
	background-color:#202020;
	border:1px solid #b4b4b8;
	border-top:0px;
}

h3.ex{
	text-align:left;
	border-bottom:dotted 1px #888888;
	color:#a1a8dc;
	font-size:120%;
}


.itembody b{/* アイテムの太字 */
}

.iteminfo {/* アイテムの下につく情報 */
	font-size: 12px;
	margin-bottom:5px;
	color: #ccc;
	text-align:right;
}




/*
	Definitions of how comments listings look like on item pages
	- h3.comment contains the name of the comment author
	- .commentbody contains the text from the comment
	- .commentinfo contains the time of commenting
*/

/********************************************
　アイテムページ - コメントゾーン
********************************************/
.comments div.subtitle{ /* コメント部分サブタイトル */
  margin: 0;
  padding: 3px 1em 1px 0.3em;
	border-left:4px solid #b4b4b8;
	background-color:#a5bbe3;
  font-family: Verdana;
  font-size: 10pt;
}
.comments div.text{ /* コメント部分内容 */
	padding:4px;
	color:#111;
	background-color:#fafafb;
	border:1px solid #b4b4b8;
	border-top:2px solid #cee7fa;
  color: #555679;
  font-family: Verdana;
  font-size: 9pt;
  }
.comments{
	margin-bottom:10px;
}

/* comment title */
h3.comment { /* コメントタイトル(*** wrote) */
	font-size: medium;
	border-bottom:1px dotted #606060;
	margin-bottom:2px;
	padding-bottom:1px;
}

.commentbody { /* コメント内容 */
	text-align: justify;
	margin: 0 0 15px 15px;
}

.commentinfo { /* コメント情報(日時) */
	font-size: x-small;
	color: gray;
	margin: 0px;
	text-align:right;
	border-bottom:1px solid #a0a0a0;
}

.commentlist a{
	text-decoration: none;
}

.comments li{
	margin-left:30px;
	list-style-image:url('ss-9.gif');
	vertical-align:bottom;
}
.pagenavi{
	margin:3px;
	padding:3px;
}
/*
	Some rules that apply to contents generated using the markup buttons 
	"add left box" and "add right box"
	
	both boxes have slightly larger text, and take a maximum of 20% of 
	the width of the contents.
*/

.leftbox, .rightbox {
	margin: 3px;
	padding: 3px;
	font-size: larger;
	width: 20%;
}
.leftbox {
	float: left;
	border-right: 2px solid #ccc;	
}
.rightbox {
	float: right;
	border-left: 2px solid #ccc;	
}


/*
	Some general rules:
	- images never have a border (even when they are inside a hyperlink)
	- elements having class="skip" are not shown
	- item lists using <ul class="nobullets"> have no list-item bullets
	- highlighted text (in search results) have a yellow background
*/

img {
	border: none;
}

.skip {
	display: none;
}

ul.nobullets {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}

.highlight {
	background-color: #ffd700;
	color:#2c2d2b;
}

.switchform{
	margin:0;
	padding:0;
}

/* NP_ArchiveIndex */
.archiveindex a { /*リンク全般*/
    text-decoration: none;
}
.archiveindex table { /*テーブルのスタイル指定*/
    margin: 1em 0 2em;
    padding: 0;
    border-collapse: collapse;
}
.archiveindex th { /*カテゴリー名*/
	width:100%;
    margin: 0;
    padding: 2px;
    text-align: left;
    font-size: larger;
		background-color:#fafafb;
		border-bottom: 3px dotted #a5bbe3;
}
.archiveindex tr { /*行表示のスタイル指定*/
    background-color: #f0f0f0;
    margin: 0;
    padding: 0;
		width:100%;
}
.archiveindex tr.stripe { /*行の色分け*/
    background-color: transparent;
}
.archiveindex tr.more { /*Moreリンク行*/
    background: none;
    font-size: small;
}
.archiveindex td { /*セル表示のスタイル指定*/
    margin: 0;
    padding: 2px 2px;
    border-top: 1px dotted gray;
    text-align: right;
    vertical-align: top;
}
.archiveindex td.detail { /*日付表示セル*/
    white-space: nowrap;
    text-align: right;
}
.archiveindex td span.title { /*記事タイトル*/
		width:100%;
}
.archiveindex td span.title-up { /*更新された記事*/
    color: red;
}
.archiveindex td span.catdesc { /*カテゴリー詳細*/
    font-size: small;
    color: gray;
}
.archiveindex td span.nomore { /*Moreリンク無効*/
    color: #ccc;
}

.amazlet-box{
	padding: 1px;
	border:solid 1px black;
	width:300px;
}

div.margin{
	margin-left: 20px;
	margin-top: 10px;
}