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


body {
	font-family: verdana, arial, sans-serif;
	font-size: x-small;
	/* background-color: blue; */
	background-color: #F5F5F5;
	color: #333333;
	margin: 0px;
	background-image : url("./other_img/bg.gif");
	background-repeat : repeat-y;
	background-position : center
	}
		/*
		a:link	{
			color : #0066CC;
		}
		*/
		/*
		.body a:link { color: #3366FF;
			text-decoration: underline }
		.body a:visited { color: #3366FF;
			text-decoration: underline }
		*/

/* 
	The definitions below determine how the page looks.
	
	There are 3 main div-elements, which are all positioned absolute
	(relative to the upper left corner of the screen):
	
	.contents: contains the main contents of the page.
	.menu: sidebar with menu
	.logo: logo to be displayed above the sidebar

*/

/* definitions applying to the contents block */
.contents_out {
	 margin-top: 76px;
	 margin-left: 170px;
	 width: 630px; 
}
.contents {
	 margin: 0px;
	 border-left: 10px solid whitesmoke;
	 background-color: #ffffff;
	 padding: 10px;
	 padding-left: 20px;
	 padding-right: 20px;
	 width: 600px;
}


/* definitions applying to the logo */
.logo {
	

}

/* definitions applying to the header-logo of the pgae */
.page_header{

	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;

	width: 800px;
}

/* definitions applying to the footer of the pgae */
.page_footer{

	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;

	width: 800px;

}

/* definitions applying to category-title of the pgae at top */
.page_head_info{

	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	/* background-color: #FF0000; */
	background-color: #FFFFFF;
	width: 800px;

}

/* 'menu' use like 'contents'  */
.menu {
	width: 800px;

		border-right:1px solid #cccccc;
		border-left:1px solid #cccccc;

	/* use a lighter text color (grey) and a smaller font */
	color: #333333;
	/* background-color: #FFFF99; */
	background-color: #FFFFFF;
	font-size: 12pt;
	/* background-image: url("./other_img/bg2.gif"); */
}

/*
	Definitions for headers in the menu (.menu h2), page titles (h1) 
	and dateheads (.contents h2):
	- page titles are centered (within the .contents div)
	- menu headers (h2) use a small font
	- dateheads use a large font and are in a box
*/

h1 {
	text-align: center;
}

.menu h2 {
	font-size: 10pt;
	margin-left: 10px;
}

.contents h2 {
	background-color: lightyellow;
	border-bottom:1px solid #FFE090;
	border-left:15px solid #FFE090;
	padding: 3px;
	font-size: 11pt;
	margin-bottom: 5px;
}

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

/* item title */
h3.item {
	font-size: 10pt;
	font-weight: bolder;
	margin-left: 10px;
	margin-top: 3px;
	padding: 1px;
}

.itembody {	
	max-width:570px;

	font-size: 10pt;

	margin-top: 2px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 10px;

	padding:2px;

/*	border:1px solid darkgray;*/
	background-color: #FFFFFF;
}

.itembody_information{
	max-width:570px;

	font-size: 10pt;
	margin: 1px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 10px;

	padding:2px;

	background-color: #ffeee1;
}

.itembody_relatednews{
	max-width:570px;

	font-size: 10pt;
	margin: 1px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 10px;

	padding:2px;

	background-color: #FFCCCC;

}

.itembody_default{
	max-width:550px;
	font-size: 10pt;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 15px;

	padding: 5px;

	background-color: #fff5f5;
}

.iteminfo {	
	font-size: 8pt;
	color: gray;
}

.itembody_info {	
	max-width:550px;

	font-size: 10pt;

	margin-top: 2px;
	margin-left: 12px;
	margin-right: 12px;
	margin-bottom: 10px;

	padding:2px;

/*	border:1px solid darkgray;*/
	background-color: #FFFFFF;
}

.iteminfo a {
	font-weight: bolder;
	color: #555;
	text-decoration: none;
}

.contents h3 {
	background-color: lightyellow;
	border-bottom:1px solid #FFE090;
	border-left:15px solid #FFE090;

	padding: 3px; 
	
	font-size: 10pt;
	font-weight: normal;

	margin-bottom: 5px;
	margin-right: 20px;

}

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

/* comment title */
h3.comment {
	font-size: 12pt;
	margin-bottom: 10px;
}

.commentbody {
	text-align: justify;
}

.commentinfo {	
	font-size: 8pt;
	color: gray;
}


/*
	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: 5px;
	font-size: 10pt;
	width: 20%;
}
.leftbox {
	float: left;
}
.rightbox {
	float: right;
}


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

.nobullets{
	font-size: x-small;
	color: #FFFFFF;
}

.nobullets a:link	{
	color : navy;
}
.nobullets a:visited	{
	color : navy;
}
.nobullets a:active	{
	color : lime;
}
.nobullets a:hover	{
	color : red;
}



/*
After ADD--->
	other rules:
*/

/* page top title */
.page_title{
	color:#FFFFFF;
	font-size: midium;
	font-weight: bolder;

	margin-left: 30px;
}

/* item showing 
		 'category_title' is item's title or category's name */
.news {
margin-left: 50px;
}
.category_title {
	color: #000000;
	font-size: 12pt;
	font-weight: bolder;
	color: #555544;
	width: 570px;
	height: 28px;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 20px;
	background-image: url("./other_img/midashi_big2.gif") ;
	background-position: 0px 10px;
	background-repeat: no-repeat;
}

.link_on {
	color : #4F4F4F;
	margin-top : 3px;
	padding : 3px;
}

/* topics on TOP page  or  serch result  */
.topics_tbl{
	font-size: x-small;

	margin: 0px;
	margin-top: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-left: 0px;
	border:1px solid #999999;
	width: 100%;
	
	background-color: #FFFFFF;
}

.topics_item{
	font-size: 10pt;
	font-weight: bolder;
	margin-left: 10px;
	margin-top: 1px;
	margin-bottom: 3px;
	padding: 1px;
}
.topics_date{
	font-size: 8pt;
	text-align:right;
}

.topics_blink a {
	text-decoration: none;
}
.topics_blink a:link	{
	filter: Alpha(opacity=100, finishopacity=0, style=1);
	color : #333333;
}
.topics_blink a:visited	{
	color : #333333;
}
.topics_blink a:active	{
	color : #333333;
}
.topics_blink a:hover	{
	color : red;
}

/* topics2 on TOP page	or	serch result	*/
.topics2_tbl{
	font-size: x-large;

	margin: 0px;
	margin-top: 0px;
	padding: 1px;
	padding-top: 5px;
	padding-left: 0px;
	border:1px solid #999999;
	width: 100%;
	
	background-color: #FFFFFF;
}

.topics2_item{
	font-size: 10pt;
	font-weight: bolder;
	margin-left: 10px;
	margin-top: 1px;
	margin-bottom: 3px;
	padding: 1px;
}
.topics2_date{
	font-size: 8pt;
	text-align:right;
}

.topics2_blink a {
	text-decoration: none;
	margin-left: 30px;
}
.topics2_blink a:link	{
	filter: Alpha(opacity=100, finishopacity=0, style=1);
	color : #333333;
}
.topics2_blink a:visited	{
	color : #333333;
}
.topics2_blink a:active	{
	color : #333333;
}
.topics2_blink a:hover	{
	color : red;
}

/* ItemNavi */
.item_navi{
	font-size: x-small;
	color: #FFFFFF;
}
.item_navi a:link	{
	color : greenyellow;
}
.item_navi a:visited	{
	color : greenyellow;
}
.item_navi a:active	{
	color : greenyellow;
}
.item_navi a:hover	{
	color : greenyellow;
}

/* table of mail-form */
tbody{
	font-size:10pt;
}
.mailform{
	font-size:10pt;
}

/* left or contents menu and	*/
.menu_fixlist_b {
	font-size: 10pt;
	font-weight: bold;

	margin : 5px;			/* gyo */
	margin-bottom:10px;
	padding-left : 2px;
	
	background-image: url("./other_img/menu_bar_b.gif") ;
	background-repeat: no-repeat;
	line-height:27px;

	margin-left: 8px;		/* ? */
	padding-left: 25px;	/* moji */

}

/* left or contents menu and	*/
.menu_fixlist_c {
	font-size: 10pt;
	font-weight: bold;

	margin : 10px;
	margin-bottom:0px;
	padding-left : 0px;
	
	background-image: url("./other_img/menu_bar_c.gif") ;
	background-repeat: no-repeat;
	line-height:11px;

	margin-left: 0px;
	padding-left: 20px;

}

.menu_itemlist {
	font-size: 10pt;
	text-align: left;
	margin: 1px 0 1px 2px;
	line-height:150%;
	}
.menu_itemlist a {
	text-decoration: none;
	color : #333333;
	}
.menu_itemlist a:visited	{
	color : #333333;
	}
.menu_itemlist a:active	{
	color : #333333;
	}
.menu_itemlist a:hover	{
	color : red;
	}

/* menu_itemlist ni henkou
.menu_catlist_zaiko {
	font-size: 10pt;
	text-align: left;
	margin-bottom : 2px;
	line-height:150%;
	}
.menu_catlist_zaiko a {
	text-decoration: none;
	color : #333333;
	}
.menu_catlist_zaiko a:visited	{
	color : #333333;
	}
.menu_catlist_zaiko a:active	{
	color : #333333;
	}
.menu_catlist_zaiko a:hover	{
	color : red;
	}
*/

.contents_itemlist {
	font-size: 10pt;
	margin-bottom : 2px;
	line-height:150%;
}

.menu_title {
	font-size: 10pt;
	font-weight: bold;
	color: white;
	text-align: left;
	margin:15px;

	background-color:red;
	border-left:3px solid #CCCCCC;
	border-right:3px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}


/* page-switch */
.pageswitch{
	font-size:x-small;
	margin:2px 1px 5px 1px;

}

/* top sitevar_name 	**** not use */
.top_sitevar{
	color: #FFFFFF;
	text-align: right;
}

/*	blog menu bar  */
.menubar {
	top: 100px;
	left: 10px;
	width: 130px;
	height: 17px;
	font-size: 105%;
	align: center;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url("./other_img/menubar.gif");
}

.menubar a {
	text-decoration: none;
}
.menubar li {
	display : inline;
	padding : 15x;
	vertical-align : middle;
	background-color: red;
}

.menubar h1 {
	font-size: 200%;
}

.menubar a:link	{
	color : #0044bb;
}
.menubar a:visited	{
	color : #0044bb;
}
.menubar a:active	{
	color : #0044bb;
}
.menubar a:hover	{
	color : #0044bb;
}

.boxline {
	border : 1px dotted #CCCCCC;
}

.top_title {
	background-repeat: no-repeat;
	background-image: url("./other_img/title.gif");
	text-align: right;
}

.p1 {
	position: relative;
	font-size: 13pt;
	left: 5px;
}

.p2 {
	position: relative;
	font-size: 11pt;
	left: 5px;
}

.p3 {
	font-size: 10pt;
	margin-left: 30px;
	margin-right: 10px;
}

.p4 {
	position: relative;
	font-size: 8pt;
	left: 5px;
}

.p5 {
	position: relative;
	font-size: 13pt;
}

.p6 {
	position: relative;
	font-size: 13pt;
	left: 5px;
}
.p6 a {
	text-decoration: none;
}
.p6 a:link	{
	color : #0044bb;
}
.p6 a:visited	{
	color : #0044bb;
}
.p6 a:active	{
	color : #0044bb;
}
.p6 a:hover	{
	color : #0044bb;
}

.p7 {
	font-size: 10pt;
	margin-left: 20pt;
	margin-right: 10pt;
	margin-top: 8pt;
}

/* newsfeed */
.newsfeed .title {
	color: #333333;
	margin-top: 5px;
	padding: 1px;
	padding-left: 10px;
	border-bottom:1px solid #9C9A9C;
	border-left:12px solid #dd8877;
	background-color: #EFEFEF;
	width:100%;
}
.newsfeed .feedTitle {
	padding: 1px;
	padding-left: 10px;
}

/* nikkan */
.nikkan {
	padding: 1px;
	padding-left: 10px;
}

.moji13 {
	font-size: 13pt;
	}
.moji14 {
	font-size: 14pt;
	}
.moji15 {
	font-size: 15pt;
	}

.soldout1 {
	background: url("./other_img/soldout.gif") ;
	z-index: 10;
}

p {
	line-height: 150%;
}

.itembody_keijiban{
	font-size: 10pt;
	margin: 1px;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	padding:2px;
	background-color: #ffeee1;
}

.bg_faq{
	padding: 5px;
	background: #EDEDED;
}

.parttitle {
	border-bottom: 1px dotted #999999;
	font-size: 17px;
	margin: 0px 0 5px 0;
	padding: 1px 0 2px 0;
}
.parttitlemore {
	color: #FFffFF;
	font-size: 17px;
	text-align: center;
}
.kin {
	color: red;
	font-weight: bold;
	font-family: ＭＳ 明朝, fantasy, sans-serif, serif, Arial, Lucida, "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet;
}

/* Basic classes */
.hidden {
	display: none;
}

.comm {
	background: #EEeeEE;
	border: 1px solid #CCccCC;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	padding: 3px 0px 4px 5px;
	margin: 0 0 0 0;
}
.waku {
	background: #FFffFF;
	/*border: 0px solid #FF00FF;*/
	padding: 5px;
	margin: 0px 10px;
}