@charset "Shift_JIS";

body 			{				margin:   auto;								text-align: center; 	background: #efeeda no-repeat top center; color: #444; } /* font-family: "MS PGothic", "sans-serif"; color: #444; */

#container		{width: 960px;	margin: 0 auto;	 padding: 0;				text-align: center; 	background: url("material/bg_shadow.gif") center; } 
#header			{} 
#necker			{height: 80px; } 
#trunker		{width: 900px; 	margin: 100px auto 0; 						text-align: left; 		background-color: white; }
#articles		{				margin: 0 auto; 							text-align: center;		 						 }
#footer 		{width: 900px; 	margin: 0 auto; 		padding: 120px 0;							background-color: white; }



.entrycover 	{width: 800px; 	margin: 18px auto; 		padding: 18px 0 0 0; 						border: solid 1px silver; background-color: white; }
.entry 			{width: 720px; 	margin: 0 auto; 							text-align: left; }


a.www 			{padding-left: 20px; background: url("icons/www.gif") 		top left no-repeat; }
a.www.google	{padding-left: 20px; background: url("icons/google.gif") 	top left no-repeat; }
a.www.yt		{padding-left: 20px; background: url("icons/yt.bmp") 		top left no-repeat; }
a.pic			{padding-left: 20px; background: url("icons/img.bmp") 		top left no-repeat; }
a.special		{padding-left: 20px; background: url("icons/bloom.gif") 	top left no-repeat; }
a.onenote		{padding-left: 20px; background: url("icons/onenote.png") 	top left no-repeat; }

em.ja			{font-weight: bold; font-style: normal; }
strong			{color: red;}

dt				{margin-bottom: 0.5em; font-weight: bold; }
dd				{margin-bottom: 0.5em; }
kbd				{padding: 0px 4px 0px 4px; font-weight: bold; border: outset 1px; }

#articles h1	{margin: 0 auto; padding: 16px; text-align: center; }

/*
hr				{background-image: url(horizontal_line.gif); height: 36px; background-position: center; background-repeat: no-repeat; border-top: none; }
*/





/* ************ sitetitle ************ */
.sitetitle			{padding-top: 16px;}
.sitetitle a:hover	{color: orange; }
.sitetitle a		{text-decoration: none; }
.sitetitle h1		{margin: 0 auto 16px; font-size: 2.6em; font-family: "祥南行書体P", "祥南行書体","HGPGyoshotai","HGP行書体","HGP教科書体", cursive; color: #444; border: none; background: none; }
.subtitle			{color: white; }
.maintitle a		{color: yellow; }




/* ************ navigation ************ */
.nav 					{padding: 1% 0 1% 1%;}
.nav p					{display: inline; margin: 0 0.5em 0 0;}
.nav ul					{display: inline; margin: 0;}
.nav ul li				{display: inline; margin-right: 16px;}
.nav ul li a	 		{padding: 0.2em 0.2em 0.2em 0.4em; border: outset;}
.nav ul li a:visited	{color: blue;}
.nav ul li a:hover		{border: inset; color: orange;}

.mainmenu 			{}
.mainmenu p			{margin: 0 0.5em 0 0;}
.mainmenu ul		{margin: 0;}
.mainmenu ul li		{margin-right: 1em;}
.mainmenu ul li a	{
					 padding: 0.2em 0.2em 0.2em 0.4em;
			 		 border-top: 	solid 2px white;
			 		 border-right: 	solid 2px silver;
			 		 border-bottom: solid 2px silver;
			 		 border-left: 	solid 2px white;
			 		 font-weight: bold; text-decoration: none;
			 		 background-color: white; 
					}
.mainmenu ul li a:hover	{
			 		border-top: 	solid 2px silver;
			 		border-right: 	solid 2px white;
			 		border-bottom: solid 2px white;
			 		border-left: 	solid 2px silver;
			 		background-color: yellow; 
			 			}
.submenu 			{font-size: smaller; color: white;}
.submenu p			{margin: 0 0.5em 0 0;}
.submenu ul			{margin: 0;}
.submenu ul li		{margin-right: 1em;}
.submenu ul li a	{
					padding: 0.2em 0.2em 0.2em 0.4em; 
			 		border-top: 	solid 1px white;
			 		border-right: 	solid 1px silver;
			 		border-bottom: solid 1px silver;
			 		border-left: 	solid 1px white;
			 		text-decoration: none;
	 		 		background-color: white; 
					}
.submenu ul li a:hover	{
			 		border-top: 	solid 1px silver;
			 		border-right: 	solid 1px white;
			 		border-bottom: solid 1px white;
			 		border-left: 	solid 1px silver;
					}

.nav .submenu 	{}

.mainmenu ul li a.current	{background-color: yellow;}
.submenu ul li a.current	{background-color: yellow;}

.page		{color: red; text-align: right; background-color: white;}
.page ul	{display: inline; margin: 0px;}
.page ul li	{display: inline;}


.pagetop	{text-align: right; font-size: smaller; font-style: italic;}
.pagetop p	{margin: 0 16px 0; padding: 8px 0;}
.pagetop a	{text-decoration: none; color: blue;}
.pagetop img	{border: none; }




/* ************ intr ************ */
.intr		{margin: auto; padding-right: 2%; padding-left: 2%; text-align: center;} /* border: dotted 1px; */	/* .bbs .intr	{margin: bottom: 1%;} */




/* ************ toc ************ */
.toc			{width: 800px; margin: auto; padding: 18px;	text-align: left; border-top: solid 1px #ece9d8; 	border-right: solid 1px silver; 	border-bottom: solid 1px silver; border-left: solid 1px #ece9d8; background-color: #eee;} /* font-size: smaller; */
.toc ul	li		{display: inline; 	line-height: 24px; padding-right: 12px; }	/* background: url("material/yellow.jpg") repeat-y left bottom; */
.toc ol			{margin-top: 12px; 					line-height: 24px; padding-right: 12px; }	/* background: url("material/yellow.jpg") repeat-y left bottom; */
.toc a			{text-decoration: none;}
.toc a:link		{}
.toc a:visited 	{color: blue;}
.toc a:hover	{text-decoration: underline; color: orange;}
.toc a:active	{}
.toc h2			{background-color: #eee; color: #666;}




/* ************ hello ************ */
div.hello		{
				margin-bottom: 12px; 
				padding: 4px 12px; 
				text-align: left;
				border-top: solid 2px silver; 
				background: url("material/shadow_bottom.bmp") #ffc bottom repeat-x; 
				}

/*	{margin-bottom: 1%; text-align: left; border: 1px solid; 	padding-left:1em; padding-right:1em; padding-top:0.1em; padding-bottom:0.1em;}	*/




/* ************ log ************ */
div.logrecent				{text-align: left; background: url('images/basket.jpg') no-repeat top right; padding-left: 12px; padding-right: 12px; padding-top: 0; padding-bottom: 0; }
div.logrecent a				{}
div.logrecent a:link		{}
div.logrecent a:visited 	{}
div.logrecent a:hover		{text-decoration: underline;}
div.logrecent a:active		{}

div.logrecent ul		{margin-left: 0; list-style-type: none; }
div.logrecent li		{padding: 6px 12px; border-top: solid 1px silver; border-right: solid 1px gray; border-bottom: solid 1px gray; border-left: solid 1px silver; }

ul.newest				{font-size: larger;}
ul.newest li 			{margin-bottom: 4px; lineheight: 2em;}
ul.newest li.news 		{background: url("material/yellow.jpg") repeat-y left top;}
ul.newest li.medi 		{background: url("material/green.jpg") repeat-y left top; }
ul.newest li.arch 		{background: url("material/blue.jpg") left top repeat-y; }
ul.newest li.special 	{background: url("material/red.jpg") left top repeat-y;}


.track h2 a				{color: white;}
.track h2 a:hover		{text-decoration: underline;}

div.browsing			{padding: 0.1em 1em; 	font-size: smaller; 	text-align: left; }
div.browsing li			{margin-bottom: 4px; padding: 2px 2px 2px 4px; list-style-type: none; border-top: solid 1px silver; border-right: solid 1px gray; border-bottom: solid 1px gray; border-left: solid 1px silver; }
div.browsing li.news	{background: url('material/yellow.jpg') repeat-y left top; padding-left: 16px}
div.browsing li.medi	{background: url('material/green.jpg') repeat-y left; padding-left: 16px}
div.browsing li.arch 	{background: url('material/blue.jpg') left repeat-y; padding-left: 16px;}
div.browsing li.top 	{background: url('material/white.jpg') repeat-y left; padding-left: 16px}
div.browsing li.dead 	{background: url('material/gray.jpg') repeat-y left; padding-left: 16px}
div.browsing li.special {background: url("material/red.jpg") left repeat-y; padding-left: 16px;}


div.browsing a.special 	{padding-left: 20px; background: url("material/bloom_small.gif") 	top left no-repeat; }




/* ************ quote / cite ************ */
blockquote	{margin-left: 36px; padding-left: 1em; border-left: solid 4px silver;}
q			{border-bottom: dotted 1px;}
cite		{text-align: right;}
cite.ja		{font-weight: bold; font-style: normal;}




/* ************ em / strong ************ */
div.aux			{background-color: #eee;}
div.attention	{background-color: #fcf;}





/* ************ float ************ */
.ahead	{float: left; 	margin-right: 1em;}
.delay	{float: right; 	margin-left:  1em;}



/* ************ name ************ */

.name 			{font-weight: bold; font-family: "HG平成角ｺﾞｼｯｸ体W9";}
.name.kaz 		{font-weight: bold; font-family: "HG平成角ｺﾞｼｯｸ体W9";}
.name.kao 		{font-weight: bold; font-family: "HG平成角ｺﾞｼｯｸ体W9";}
.name.nanohana 	{font-weight: bold; font-family: "HG平成角ｺﾞｼｯｸ体W9";}




/* ************ copyright ************ */
.copyright		{margin-top: 1%; 	padding: 0px 2% 0px 2%; }




/* ************ Style ************ */
.abolished	{text-decoration: line-through; }
.castbox	{}
.castdata	{}
.castflame	{}
.familybox	{float: left; width: 160px; margin-right: 8px; font-size: smaller;}

.date			{text-align: right; font-size: smaller; font-style: italic;}
.hidden			{display: none;}
.divider		{display: none;}
.horizontal li	{display: inline;}




/* ************ tiny ************ */
.members 	{}

.symbolize 	{padding: 0 0.4em 0 0.4em; 	font-size: small; 	font-weight: bold; 	border: outset 1px; }
.more 		{font-style: italic; 	background-color: #66cc33; 	color: yellow; }
.naked		{border: none; }
.dead 		{padding-left: 20px; text-decoration: underline; color: gray; background: url("icons/dead_link.png") 	top left no-repeat; }

span.groupname	{border: outset 1px; font-weight: bolder; }




/* ************ Nanohana Clock ************ */
span.jatime 	{padding: 0.5em 1em 0.5em 1em; border: solid 1px #eee;}




/* ************ related ************ */
.related 	{margin-left: 10%; margin-right: 10%; 	padding-left: 1em; padding-right: 1em; 	border: 1px dotted; font-size: smaller; 	background-color: #eee; }




/* ************ pix/video decoration ************ */

div.picwrap 			{height: 216px; margin: 0 0 36px; padding: 0 0 0 4px; }
div.picwrap ul			{clear: both; margin-top: 36px; }
div.picwrap ul li		{margin: 0 0 0 0; padding: 0 0 0 8px; line-height: 18px; list-style-image: url('material/camera.bmp'); font-size: smaller;}
div.picwrap p			{clear: both;}

div.uno 		{height: 216px; margin: 0 0 0; padding: 0 0 0 4px; }
div.dos 		{height: 180px; margin: 0 0 36px; padding: 0 0 0 4px; }
div.tres 		{height: 180px; margin: 0 0 36px; padding: 0 0 0 4px; }
div.quatro 		{height: 216px; margin: 0 0 36px; padding: 0 0 0 4px; }

.popup 					{float: left; margin-right: 18px; margin-bottom: 18px; 	background: url("material/pic_shadow.gif") right bottom; }
.popup img 				{position: relative; 	left: -5px; top: -5px; 	border: none; }	/* padding: 4px; 	 background-color: white; */

div.videowrap 				{padding: 0 0 0 4px;}
div.videowrap ul			{clear: both; margin-top: -1em; font-size: smaller; }
div.videowrap ul li		{padding-left: 0.5em; line-height: 1.2em; list-style-image: url("material/video.gif");}
div.videowrap ul li a.www.yt {padding-left: 16px; background: url("icons/yt_small.bmp") 		top left no-repeat; }
div.videowrap p			{clear: both;}



h1, h2, h3, h4, h5, h6	{clear: both;}