/* reset styles */
/* html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: right; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; } 

background-image: url(../images/kaze.jpg); */
/* end reset */

/******************************************************/
/*  Sdmenu Vertical pop-down menu styling definitions */
/******************************************************/
div.sdmenu {
	width: 280px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 10px;
	background: url(../images/sdmenu/bottom.gif) no-repeat  right bottom;
	color: #fff;
}
div.sdmenu div {
	background: url(../images/sdmenu/title.gif) repeat-x;
	overflow: hidden;
}
div.sdmenu div:first-child {
	background: url(../images/sdmenu/toptitle.gif) no-repeat;
}
div.sdmenu div.collapsed {
	height: 25px;
}
div.sdmenu div span {
	display: block;
	padding: 5px 15px;
	font-weight: bold;
	color: #006690;
	letter-spacing: 0.7px;
	background: url(../images/sdmenu/expanded.gif) no-repeat 10px center;
	cursor: default;
	border-bottom: 1px solid #ddd;
}
div.sdmenu div.collapsed span {
	background-image: url(../images/sdmenu/collapsed.gif);
}
div.sdmenu div a {
	padding: 5px 8px;
	background: #eee;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #066;
	text-decoration: none;
}
div.sdmenu div a.current {
	background : #ccc;
}
div.sdmenu div a:hover {
	background : #066;
	color: #fff;
	text-decoration: none;
}
/******************************************************/
/* General site pages styling definitions             */
/******************************************************/
div, p, li {
	font-size: 12px;
	font-family: Arial; 
}
body {  
	margin: 10px;
    padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif; 
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	background-attachment:fixed;
}
#main {
	padding: 12px 12px 10px 2px;
	margin: 2px;
}
#main p {
	text-indent: 10.2pt;
	margin: 8px;
}
#mainRight {
	float: center;
	width: 100%;
	padding-top: 0;
	padding-bottom:10;
	padding-right:auto;
	padding-left:auto;
}
#mainLeft {
	font-family: Arial; 
	background: url(../images/bg_gold.png) repeat-x left top;
	float: left;
	width: 20%;
	margin: 0 0 0 5px;
	paddingtop: 0 2px 10px 2px;
}
#mainBottom {
	width: 100%;
	clear: both;
	margin: 0;
	padding: 0 2px 10px 2px;
}
.mainR {
	text-align: right;
}
.mainC {
	width: 25%;
	text-align: center;
	float: right;
}
#mainList li {
	display: block;
	list-style: none;
	text-align: right;
	padding: 0 30px 10px 10px;
	background: url(../images/enso-2-i.gif) no-repeat right top;
}
#mainList li li {
	display: block;
	list-style: none;
	text-align: right;
	margin-right: -30px;
	padding: 10px 0 10px 0;
	background: none;
}	
#home.bgPage {
	background: url(../images/hiraganaBlue.gif);
	background-attachment:fixed;
}
.bgOffwhite {
	background: url(../images/offwhite.png);
} 
.clr {	
	clear: both;
	padding: 15px;
} 
/******************************************************/
/* Site front page styling definitions                */
/******************************************************/
.generalC {
	text-align: center;
        padding: 10px;
}
.titles {
        padding: 0px;
        font-size: 15pt;
        font-weight: bold;
}
.yellowbox {
	background-color: #ffffa0;
}

.pinkbox{
        background-color: #f9eded; 
}
.yellowtop{
        padding: 12px;
        border-color:#f8dc7d;
        border-style:solid;
        border-width: 2px 0px 2px;
	overflow:hidden;
} 
.pinktop {  
	margin: 15px 5px 15px 5px;
	padding: 15px;
	text-align: center;
	border-color:#b86633;
	border-style:solid;
	border-width: 2px 0px 2px;
} 
.pinktop a {
	line-height: 160%;
}
.redtop{
	text-align: center;
	padding: 10px;
	border-color:red;
	border-style:solid;
	border-width: 2px;
}
.redtitle{
	color: red;
}
.hometitle{
	color: #C86600;
}
.homesubtitle{
	color: #A2360B;
}
.blogtitle{
	color: blue;
}
.termstitle{
	color: #613500;
}
.OrientalBrushFrame{
	border-width: 2px;
	color: #808000;
}
.OrientalBrush {
	text-align: center;
	border: 0;
	width: 100%;
	font-size: 10px;
	background-color: #F8E7C2;
} 
#main h1 { 
	padding: 0 10px 0 10px;
	font-size: 22px;
	margin: 0 0 -8px 0;
}
#main h2 { 
	padding: 0 10px 0 10px;
	font-size: 18px;
	margin: 12px 0 0 0;
        color: #553A4C;
}
#home h1  { 
	margin-top: 11px;
	font-size: 15px;
}
#home h2 { 
	font-size: 13px;
	font-weight: normal;
}
#nav {
	position: absolute;
	top: 126px;
	right: 78px;
	text-align: center;
	margin: 0;
	float: left;
}
#dictNav {
	text-align: center;
	margin: 0 0px 0 15px;
	padding-bottom: 6px;
	float: left;
}
#nav ul, #dictNav ul {
	list-style-type: none;
	padding: 0px;
	margin: 0;
}
#nav li{
	width: 80px;
	float: left;
}
#dictNav li {
	width: 110px;
	float: left;
}
#nav a {
	color: #3995b0;
	font-size: 1.05em;
        font-weight: bold;
	text-decoration: none;
	border: none;
	margin: 0;
	padding: 1px 5px 1px 1px;
	display: block;
	zoom:1 ;
}
#dictNav a {
	position: relative;
	color: #fff;
	font-size: 1em;
        font-weight: bold;
	text-decoration: none;
	border: none;
	margin: 0;
	padding: 1px 5px 1px 1px;
	display: block;
	background-color: #71aec0;
	zoom:1 ;
}
#nav a:hover, #dictNav a:hover {
	font-weight: bold;
	background-color: #abdcea;
}
#LogoPic {
	margin: 0 100px 0 0;
	padding: 0;
	border: 0;
}
.uline {
	text-decoration: underline;
}
/******************************************************/
/* Site Upper banner styling definitions              */
/******************************************************/
#banner {
	background: url(../images/banner_bg.jpg) repeat-x left top;
	position: relative;
	height: 152px;
	border: 0;
	margin-left: 2px;
}
#bannerPrint {
	display: none;
}
#Logo {
	position: absolute;
	top: 0;
	right: 74px;
	padding: 0;
	border: 0;
}
.Logo {
	margin-top: -4px;
	padding: 0;
	border: 0;
}
#Logo #LogoText {
	position: absolute;
	text-align: center;
	top: 0;
        right: 522px;
	width: 280px;
}
#home #homeLink,
#about #aboutLink,
#activity #activityLink,
#article #articleLink,
#gallery #galleryLink,
#others #othersLink, 
#shop #shopLink,
#registry #registerLink, #bloglink
#Kanji09 #charLink, #Kanji09 #kyu09Link,
#Kanji10 #charLink, #Kanji10 #kyu10Link,
#KanjiT #charLink, #KanjiT #termsLink,
#KanjiZ #charLink, #KanjiZ #zodiacLink,
#KanjiK #charLink, #KanjiK #kanaLink  {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 1px 4px 1px 1px;
	color: #166980;
	background-color: #abdcea;
}
#acttable {
	background-color: #fff0b0;
	border-collapse:collapse;
	border: 1px solid black;
	margin-top: 10px;
}
#acttable td  {
	padding: 10px;
	border: 1px solid black;
}
.NV1, .NV2 {
	text-decoration: none;
	font-size: 0.8em;
	font-family: Arial; 
} 
/********************************************/
/***  Styles of Articles & Gallery pages  ***/
/********************************************/

#Side_menu_td {
	width: 295px; 
	vertical-align: top;
}
/* Background of a article & gallery wall  */
#Contents, #Galleries {
	padding: 5px 15px 10px 15px; 
	background: url(../images/offwhite.png); 
	vertical-align: top;
}
/* print line option ahead of each article  */
#printIcon {                     
	text-align:right;
	padding: 0;
	margin-top: 0;
}

.article p {
	text-align:right;
	text-indent: 10.3pt;
}
.article, .article table {
	padding: 0 10px ;
	margin: 0 2px;
}	
.article div div {
	font-size: 100%;
	padding: 2px 6px 5px 6px;
	margin-bottom: 12px;
}
.article .image {
	float: left;
	margin: 2px 5px 25px 5px;
	position: relative;
}
.article .image p {
	position: absolute;
	text-align: center;
	left: 12px;
	bottom: 0;
	padding: 2px;
	margin: 0;
}
.article .image img {
	display: block;
}
/* Table for the bilangual poem lines */
#PoemTable { 
	width: 50%; 
	font-weight: bold; 
	font-size: 0.9em;
}
#galleryPics {
	border: 0;
	width: 100%;
}
#galleryPics td {
	width: 25%;
	padding-top: 15px;
}
/********************************************/
/***  Styles for the Kanji chars pages    ***/
/********************************************/
.CharTable {
	border:0; 
	vertical-align:top; 
	width:100%; 
}
.CharTable a, .CharTable td {
	text-decoration:none;
	color: #f70730;
}
#terms .kanji {
	font-size: 1.8em;
}
/********************************************/
/***  Styles for the Shoping page         ***/
/********************************************/
#ShopTable td {
	font-family: Arial; 
	font-size: 0.9em;
	padding: 2px 25px 2px 25px;
    border: none;
}
#shopmenu li {
	display: inline;
	list-style-type: none;
	position:relative;
	margin-right:auto;
	margin-left:auto;
}
#shopmenuitem {
	padding:5px;
	font-size:large;
}
#shopmenu a:link {
	background-color:#B2E6FF;
}
#shopmenu a:visited {
	background-color:transparent;
}
#shopmenu a:hover {
	background-color:#33CCFF;
}
#shopmenu a:active {
	background-color:#33CCFF;
}