/*

	This is the CSS stylesheet that is used for "[dtk] Plain" Nucleus skin.

	(for customization)

	

	Search "[change ***]" comments and overwrite the styles for your purpose.

	[change layout]

	[change width: ***]

	[change color]

	



	This file is made of two sections.

	

	SECTION 1: overwrite section

		(base definitions are found in "base.css")

	

	SECTION 2:

		Definitions of anchors

		Writing format for articles

*/

 



/*

	----------

	---------- SECTION 1: from 'base.ccs' for overwrite

	----------

*/



/*

	The body definitions define how the page should globally look

*/

body {

	/* global background */

	background: white; /* [change color] */

	width:100%;

	margin:0;

	background-image:url("http://www.tournavi.jp/img/bodybg2.gif");

	background-position:center;

	/* total width = 30 + 730 + 30 = 790px */

	/*width: 730px;*/ /* [change width: body] must be equal to (total #contents width + total #menu width) */

	/*padding: 0px 30px;*/



	/* global font setting */

	font-family: "Trebuchet MS", verdana, arial, sans-serif;

	color: black; /* [change color] */

}









/* 

	The definitions below determine how the page looks.

	There are 3 main div-elements.

	

	#header

	#mainbody

	#footer



	#mainbody has 2 div-elements.	

		#contents: contains the main contents of the page.

		#menu: sidebar with menu

*/

div#header {

	margin: 0 auto;

}



div#mainbody {

}



div#footer {
  width:780px;
	margin:auto;
	text-align: right;
	color:#999;
}



/* definitions applying to the contents block */

div#contents {

	/* contents left, menu right */

	/* if you want to move contents block to right, set "float: right" */

	float: left; /* [change layout] */

	

	/* total #contents width = 10 + 490 + 10 = 510 */

	width: 540px; /* [change width: contents] must be equal to itembody width */

   padding: 0 10px;

	

	/* background of the contents block */

	background: transparent; /* [change color] */

}



/* definitions applying to the menu block */

div#menu {

	/* total #menu width = 10 + 200 + 10 = 220 */

	width: 200px; /* [change width: menu] */

   padding: 0 10px;



	/* background of the menu block */

	background: transparent; /* [change color] */



	color: #777; /* [change color] */
	
}


/*

	Definitions for elements in the header block.

*/

h1 {

	text-align: center;

	/*letter-spacing: 0.4em;*/
	
	font-size:1.8em;

}



/*

	Definitions for elements in the contents block.

*/

#contents h2 {

	color: #ccc; /* [change color] */

	font-size: 1.6em;

	letter-spacing: 0.3em;


}



/*

	Definitions for elements in the menu block.

*/

#menu h2 {

	background: url(img/bg_menuhead.gif);

	

	color: gray; /* [change color] */

	font-size:1.4em;

	letter-spacing: 0.2em;


}





/*

	Definitions for elements in the item block.

*/

h3.item {

	padding-left: 28px;

	background: url(img/ico24_title.gif) left no-repeat;
	
	font-size:1.5em;

}



div.itembody {	

	/* for IE (to enable overflow:auto) */

	width: 490px; /* [change width: contents] must be equal to #contents width */

	

	overflow: auto;

	margin: 5px 0;	

}



div.iteminfo, 

div.iteminfo-short {	

	border-top: 2px dotted #ccc;

	margin-top: 10px;

	padding: 2px;



	color: gray; /* [change color] */

	font-size: 1.1em;

}

div.iteminfo-short {

	padding-bottom: 40px;

}

div.iteminfo a, 

div.iteminfo-short a {

	font-weight: bold;

	text-decoration: none;

}



/* New item mark next to item title */

span.newitem {

	color: red; /* [change color] */

	font-size: 1.1em;

}





/*

	----------

	---------- SECTION 2: anchors and writing format for articles

	----------

*/



/*

	Definitions for anchors

*/



a {

	text-decoration: none;

	color: #336;

}

a:visited {

	color: #551a8b;

}



#header a, #header a:visited {

	color: black;

}



#mainbody a:hover {

	background-color: #ccc;

	color: white;

}

#mainbody a.nohover:hover {

	background-color: transparent;	

}



#contents .itembody a,

#contents .commentbody a {

	text-decoration: underline;

}

#contents .iteminfo a,

#contents .iteminfo-short a, {

	color: #666;

}





/*

	Definitions for elements in the item body block

	(writing format for articles)

*/

h4 {

	margin: 2em 0 1em;

	text-decoration: underline;

}



h5 {

	border-left: 5px solid #666;

	padding-left: 5px;
	
	font-size:1.4em;

}



.center {

	text-align: center;

}



div.itembody blockquote {

	border: 1px solid #666;

	background: transparent url(img/ico_quote.gif) no-repeat top right;

	margin: 1em;

	padding: 10px;

	line-height: 1.5;

}

div.itembody pre {

	width: 460px; /* [change width: contents] considering margin and UI width */

	overflow: scroll;

	border: 1px solid #ccc;

	margin: 0;

	padding: 10px;

	background: #f0f0f0 url(img/ico_code.gif) no-repeat top right; /* [change color] */

	

	line-height: 1.1;	

}

div.itembody cite {

	border-left: 5px solid #ccc;

	margin: 0 1em;

	padding: 0;

	padding-left: 5px;

	

	font-style: normal;

	font-size: 1.1em;

}



div.itembody div.postit {

	border: 1px solid #666;

	border-left: 5px solid #aaa;

	margin: 0.5em 1em;

	padding: 10px;

	

	line-height: 1.5;

	font-size: 1.1em;

}



div.itembody div.note {

	border-left: 5px solid #ccc;

	margin: 0.5em 1em;

	padding: 10px;

	

	line-height: 1.2;

	font-size: 1.1em;

}



div.itembody a.ico {

	padding-left: 14px;

	background: url(img/ico_link.gif) left no-repeat;

}



div.itembody samp {

	background-color: #eee;

}