/* Base Theme ============================================================= */

/* Reset ------------------------------------------------------------------ */

/*
    reset.css - resets default browser styling
    http://tantek.com/log/2004/09.html#d06t2354
    http://www.vox.com/.shared/css/base.css by beausmith.com
    http://developer.yahoo.com/yui/reset/
*/

:link,:visited {
    text-decoration: underline;
}
html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
    margin: 0;
    padding: 0;
}
h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal;
}
table {
    border-spacing: 0;
}
fieldset,img,abbr,acronym {
    border: 0;
} 
/* strict reset by uncommenting lines below */
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var {
    /* font-style: normal; */
    /* font-weight: normal; */
}

ol,ul {
    list-style: none;
}
caption,th {
    text-align: left;
}
q:before,q:after {
    content: '';
}
a {
    text-decoration: underline;
    outline: none;
}
hr {
    border: 0;
    height: 1px;
    background-color: #000;
    color: #999;
}
a img,:link img,:visited img {
    border: none;
}
address {
    font-style: normal;
    display: inline;
}


/* Utilities ----------------------------------------------------------------- */

.pkg:after, #content-inner:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
.pkg, #content-inner { display: block; }
/* no ie mac \*/
* html .pkg, * html #content-inner { height: 1%; }
.pkg, #content-inner { display: block; }
/* */

.inline { display: inline; }
.hidden { display: none; }



/* Layoabputut ----------------------------------------------------------------- */

body {
    text-align: center;
    background: #fff;
}

#container-inner {
        width: 1000px;
        min-height: 100%;
        text-align: left;
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
}

#header, #content, #alpha, #beta, #gamma, #footer {
    position: relative;
}

#header {
        background-image: url(img/header.png);
        background-repeat: no-repeat;
        background-position: left top;
        height: 150px;
}

#content {
        background-color: #FFF;
}

#content-inner {
        background-position: left top;
}

#alpha, #beta, #gamma {
    display: inline;
    float: left;
}

#header-inner, #content-inner, #footer-inner,
#alpha-inner, #beta-inner, #gamma-inner {
    position: static;
}

#header-inner, #footer-inner {
    padding-top: 20px;
    padding-bottom: 20px;
}

#header-inner, #footer-inner,
#gamma-inner {
        padding-right: 20px;
        padding-left: 20px;
        overflow: hidden;
}

#beta-inner {
        overflow: hidden;
        padding-left: 5px;
        padding-top: 20px;
        margin-right: 0px;
}

#alpha-inner {
        overflow: hidden;
        margin-right: 10px;
        padding-left: 5px;
}

#footer {
        background-color: #490606;
        clear: both;
}

#footer-content {
        font-family: serif;
        font-size: 12px;
        color: #fff;
        text-align: center;
}

/* Medium-Wide */

.layout-mw #alpha {
        width: 468px;
}

.layout-mw #beta {
        width: 512px;
}


/* Content ---------------------------------------------------------------- */

a:link, a:visited {
        text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, fieldset, ul, ol, dl {
    margin-bottom: .75em;
}

blockquote, ol, ul {
    margin-left: 30px;
    background-repeat: repeat-y;
}

ol { list-style: decimal outside; }
ul { list-style: disc outside; }
.item { list-style: none; }


/* Header */

#header-name {
        margin-bottom: .25em;
        display: none;
}

#header-description {
        margin-bottom: 0;
        display: none;
}


/* Assets */

.asset-body,
.asset-more,
.asset-more-link,
.asset-excerpt,
.comment-content,
.comment-footer,
.comments-open-content,
.comments-open-footer,
.comments-closed,
.trackbacks-info,
.trackback-content,
.trackback-footer,
.archive-content {
    clear: both;
}

.asset,
.comments,
.trackbacks,
.archive {
    overflow: hidden;
    width: 100%;
}

.asset,
.asset-content,
.comments,
.trackbacks,
.archive {
    position: static;
    clear: both;
}

.asset,
.comments,
.comments-content,
.trackbacks,
.archive,
.search-form {
    margin-bottom: 1.5em;
}

.asset-header,
.asset-content,
.asset-body,
.comments-header,
.comment-content,
.comment-footer,
.comments-open-header,
.comments-open-content,
#comments-open-footer,
.comments-closed,
#comment-form-external-auth,
#comment-greeting,
.comments-open-moderated,
#comment-form-name,
#comment-form-ennnnmail,
#comment-form-url,
#comment-form-remember-me,
#comment-form-reply,
#comments-open-text,
.trackbacks-header,
.trackbacks-info,
.trackback-content,
.trackback-footer,
.archive-content,
.search-form-header,
.search-results-header {
    margin-bottom: .75em;
}

#comment-form-remember-me label,
#comment-form-reply label {
    display: inline;
}

.entry-categories,
.entry-tags {
    margin-bottom: .5em;
}

.asset-name {
    margin-bottom: .25em;
}

.asset-footer,
.asset-meta {
    font-size: 11px;
}

.asset-meta {
    margin-top: .25em;
    padding-top: 2px;
    padding-bottom: .3em;
    font-weight: normal;
}

.asset-footer {
    clear: both;
    margin-top: 1.5em;
    padding-top: .5em;
}

.content-nav {
	text-align: center;
	clear: none;
}

.entry-tags h4,
.entry-categories h4 {
    margin-bottom: 0;
    margin-right: .25em;
    display: inline;
    font-weight: bold;
}

.entry-tags ul,
.entry-categories ul {
    display: inline;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
.entry-tags ul li,
.entry-categories ul li {
    display: inline;
}

.mt-image-left {
    float: left;
    margin: 0 20px 20px 0;
}

.mt-image-center {
    display: block;
    margin: 0 auto 20px;
    text-align: center;
}

.mt-image-right {
    float: right;
    margin: 0 0 20px 20px;
}


/* User pics */


.user-pic {
    float: left;
    position: relative;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 10px 0 0;
}

.auth-icon {
    position: absolute;
    bottom: 0;
    left: 0;
}


/* Feedback */

.comments-open label {
    display: block;
}

#comment-author, #comment-email, #comment-url, #comment-text {
    width: 80%;
}

#comment-bake-cookie {
    margin-left: 0;
    vertical-align: middle;
}

#comment-submit {
    font-weight: bold;
}

.comment,
.trackback {
    margin-bottom: .5em;
    border-bottom: 1px solid #ccc;
    padding-bottom: .5em;
}

.comment .asset-meta,
.trackback .asset-meta {
    border: 0;
}

.comment-content {
    clear: none;
    line-height: 1.5;
    margin-bottom: 1em;
}

.comment-content p {
    margin-bottom: .5em;
}

/* Widgets */

.widget {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.widget-header {
	font-family: serif;
	font-size: 16px;
	color: #792020;
	font-weight: normal;
}

.widget-header-i {
	font-family: serif;
	font-size: 16px;
	color: #4b0808;
	font-weight: normal;
}

.widget-content {
	position: relative;
	font-family: serif;
	color: #330000;
	font-size: 15px;
	margin-bottom: 10px;
}

.archive-content ul,
.widget-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.widget-content ul ul {
    margin-left: 15px;
}

.widget-content li {
    margin-top: 5px;
    margin-bottom: 5px;
}

.widget-tag-cloud .widget-content ul {
    margin-right: 0;
    margin-left: 0;
}

.widget-tag-cloud .widget-content li {
    display: inline;
    margin: 0 5px 0 0;
    padding: 0;
    line-height: 1.2;
    background: none;
}

.widget-tag-cloud .rank-1  { font-size: 1.75em; }
.widget-tag-cloud .rank-2  { font-size: 1.75em; }
.widget-tag-cloud .rank-3  { font-size: 1.625em; }
.widget-tag-cloud .rank-4  { font-size: 1.5em; }
.widget-tag-cloud .rank-5  { font-size: 1.375em; }
.widget-tag-cloud .rank-6  { font-size: 1.25em; }
.widget-tag-cloud .rank-7  { font-size: 1.125em; }
.widget-tag-cloud .rank-8  { font-size: 1em; }
.widget-tag-cloud .rank-9  { font-size: 0.95em; }
.widget-tag-cloud .rank-10 { font-size: 0.9em; }

#footer .widget-content {
    margin-top: 0;
    margin-bottom: 0;
}

.widget-recent-assets .widget-content ul {
    overflow: auto;
    margin-right: 0;
}

.item {
    display: inline;
    float: left;
    margin: 0pt 5px 8px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 70px;
}

.widget-search ul,
.widget-syndication ul {
    margin-left: 0;
    list-style: none;
}

.widget-search li,
.widget-syndication li  {
    margin: 5px 0;
}

.widget-openid {
    width: 160px;
    margin: 10px auto;
    border: none !important;
}
.widget-openid .widget-content {
    border: 1px solid #ccc;
    background: #fff url(../images/openid-accepted.gif) no-repeat 7px 3px;
    font-size: 12px;
    font-family: serif;
    color: #666;
    margin: 0;
    padding: 0 !important;
}
.widget-openid .widget-content em {
    display: block;
    font-style: normal;
    padding: 34px 9px 9px 68px;
}
.widget-openid .widget-content strong {
    left: -9999px;
    position: absolute;
}
.widget-openid .widget-content a {
    display: block;
    background: #eee;
    text-align: center;
    padding: 5px 3px;
    color: #666;
    text-decoration: underline;
    font-weight: normal;
}

.input-default {
    background-color: #9AAEC2;
}

.status-indicator {
    display: inline;
    height: 20px;
    width: 20px;
    background: url(../images/indicator-login.gif) no-repeat 0 0;
    padding: 2px 7px;
}

@media print {
        position: static ! important;
        overflow: visible ! important;
    }

#main-left {
        background-color: #E9E7E7;
	height: 300px;
	width: 418px;
	margin-right: 2px;
	float: left;
	margin-bottom: 0px;
}

#main-right {
	background-color: #FFFFFF;
	float: left;
	height: 150px;
	width: 110px;
        margin-right: 10px;
        margin-bottom: 10px;
        border: 1.5px solid #CCC;
}

.photo {
	background-image: url(img/rie.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 100px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.utabout {
	font-family: serif;
	font-size: 1em;
	color: #fff;
	padding-right: 5px;
	padding-left: 5px;
        line-height:1.2em;
}

.about a {
        color: #fff;
}

#update {
	background-image: url(img/update_title.gif);
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
	height: 30px;
}

#kanji-symbols, #japanese-alphabet,
#japanese-culture {
	width: 558px
	height: 113px;
	border: 1.5px solid #CCC;
	background: #FFF; 
	margin-bottom: 6px;
}

#japanese-food {
        width: 558px
	height: 113px;
	border: 1.5px solid #CCC;
	background: #FFF; 
	margin-bottom: 10px;
}

#kanji-symbols-title, #japanese-alphabet-title,
#japanese-culture-title, #japanese-food-title {
	font-family: serif;
	font-size: 1em;
	padding-top: 6px;
	padding-left: 50px;
        line-height: 0.8em;
}

#kanji-symbols-title {
	color: #eaaa22;
	font-weight:bold;
}

#japanese-alphabet-title {
	color: #86a52e;
	font-weight:bold;
}

#japanese-culture-title {
	color: #c9696a;
	font-weight:bold;
}

#japanese-food-title {
	color: #c31111;
	font-weight:bold;
}

#new-entry {
	padding-left: 20px;
	font-family: serif;
        line-height: 0.9em;
        padding-bottom: 5px
}

.category {
	font-size: 13px;
	color: #666666;
	padding-top: 7px;
}

.page-title {
	padding-top: 5px;
}

.page-title a {
	font-size: 1em;
	color: ##0000FF;
}

.page-entry {
	font-size: 13px;
	color: #333333;
	padding-left: 10px;
	padding-top: 5px;
}

.style1 {
         font-weight: bold;
}

 a:link {
 color: #000099;
 }

 a:visited {
 color: #660000;
 }

table {
  margin-top: none;
  margin-bottom: 10px;
  border-collapse: collapse;
  border: 1.5px solid #ddd;
}

table caption {
  margin-top: 1em;
  text-align: left;
}

table th,table td {
  border: 1.5px solid #ddd;
  padding: 4px 6px;
}

table th {
  background: #E0DEF8;
  text-align: left;
  white-space: nowrap;
  color: #DDD;
}

table td.course {
  background: #F7F7FD;
  text-align: center;
  font-size: 120%;
  font-weight: bolder;
}

table td.time,
table td.fee {
  text-align: right;
  white-space: nowrap;
}

.about {
	font-family: serif;
	font-size: 1em;
	color: #000;
	padding-right: 5px;
	padding-left: 5px;
        line-height:1em;
}

.main-leftb {
        border: 1.5px solid #CCC;
        padding: 5px 5px 8px 8px;
        margin-top: 5px;        
        margin-bottom: 20px;
}

.main-leftc {
        border: 1.5px solid #CCC;
        padding: 5px 5px 8px 8px;
        margin-top: 20px;        
        margin-bottom: 3px;
}

.main-leftd {
        margin-top: 5px;        
        margin-bottom: 20px;
}



hr {
    height: 1px;
    color: #999;
    margin-bottom: 3px
}


a img.css-hover{
 opacity:1.0;
 filter: alpha(opacity=100);
 }

 a:hover img.css-hover{
 opacity:0.6;/*半透明度60%に設定*/
 filter: alpha(opacity=60);/*半透明度60%に設定*/
 }

 a img{
 border:none;
 }