/* ::::: http://www.cmjapan.com/blog/cmj_blog/main/styles-site.css ::::: */

html { margin: 0pt; padding: 0pt; }
body { margin: 0pt; padding: 0pt; font-family: verdana,'trebuchet ms',sans-serif; font-size: 12px; }
#wrapper { margin: 0pt auto; text-align: center; }
#footer { width: 880px; margin-left: 15px; }
#alpha { border-left: 1px solid rgb(220, 220, 220); margin: 5px 0pt 0pt; width: 480px; float: left; display: block; padding-left: 10px; }
#beta { background: rgb(230, 236, 242) none repeat scroll 0% 0%; width: 188px; float: left; display: block; }
#left { width: 190px; float: left; display: block; margin-top: 2px; padding-bottom: 10px; padding-top: 10px; }
#gamma, #delta { background: rgb(230, 236, 242) none repeat scroll 0% 0%; width: 180px; }
form, input { margin: 0pt; padding: 0pt; }
a { text-decoration: underline; }
a img { border: 0pt none ; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; text-align: left; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote { margin-top: 10px; margin-bottom: 10px; text-align: left; }
h1 { font-size: 18px; color: rgb(0, 0, 255); }
h2#banner-description { font-size: 12px; color: yellow; }
h3#entry-header { font-weight: bold; font-size: 12px; }
h3#trackback { padding: 10px 0pt; }
#calender { width: 170px; display: block; clear: both; padding-left: 10px; }
#calender th { width: 22px; text-align: center; font-size: 11px; }
#calender td { padding: 2px; background: white none repeat scroll 0% 0%; text-align: center; }
#calender a { color: rgb(54, 126, 207); }
#calender caption { clear: both; text-align: center; font-weight: bold; }
.newblog { margin: 10px 0pt; }
.new { border: medium none ; margin: 5px 0px 3px 8px; clear: both; }
.clr { border: 0pt none ; margin: 0pt -1px -1px 0pt; padding: 0pt; overflow: hidden; clear: both; width: 1px; height: 1px; font-size: 0pt; line-height: 0pt; }
.pkg:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0pt; }
* html .pkg { display: inline-block; }
* html .pkg { height: 1%; }
.pkg { display: block; }
body { text-align: center; }
#banner-inner { position: static; }
#pagebody { width: 878px; margin-left: 22px; height: 100%; }
#alpha, #beta, #gamma, #delta { position: relative; float: left; display: block; min-height: 1px; }
#delta { float: right; }
#alpha-inner, #beta-inner, #gamma-inner, #delta-inner { position: static; }
.banner-user { border: 0pt none ; margin: 0pt 15px 0pt 0pt; padding: 0pt; overflow: hidden; float: left; width: 64px; text-align: center; }
.banner-user-photo { border: 0pt none ; margin: 0pt 0pt 2px; padding: 0pt; display: block; background-position: center center; background-repeat: no-repeat; text-decoration: none ! important; }
.banner-user-photo img { border: 0pt none ; margin: 0pt; padding: 0pt; width: 64px; height: auto; }
.content-nav { margin: 10px 10px 15px; text-align: right; }
.date-header, .entry-content { position: static; clear: both; }

/* .trackbacks, .comments, .archive { overflow: hidden; position: static; clear: both; width: 95%; margin-bottom: 20px; float: left; } */
.trackbacks, .comments, .archive { overflow: hidden; position: static; clear: both; width: 95%; margin-bottom: 20px; }

.comments, .trackbacks{ margin: 10px 5px 20px 10px; }

h3.comment { margin: 0px 0px 5px 10px; }
.commentinfo{margin: 10px 10px 15px 10px; text-align:right;}
.commentbody{margin: 0px 0px 0px 10px;}


.entry { overflow: hidden; position: static; clear: both; width: 95%; margin-bottom: 0px; float: left; }

.entry-content, .trackbacks-info, .trackback-content, .comment-content, .comments-open-content, .comments-closed { margin: 5px 10px; clear: both; }
.entry-excerpt, .entry-body, .entry-more-link, .entry-more { clear: both; }
.entry-footer, .trackback-footer, .comment-footer, .comments-open-footer, .archive-content { margin: 5px 10px 20px; clear: both; }
.comments-open label { display: block; }
#comment-author, #comment-email, #comment-url, #comment-text { width: 430px; }
#comment-text { height: 150px; }
#comment-bake-cookie { margin-left: 0pt; vertical-align: middle; }
#comment-post { border: 1px solid rgb(204, 204, 204); padding: 3px 0pt; background: rgb(220, 220, 220) none repeat scroll 0% 0%; width: 100px; }
#comment-preview { border: 1px solid rgb(204, 204, 204); padding: 3px 0pt; background: rgb(220, 220, 220) none repeat scroll 0% 0%; margin-right: 5px; }
#comment-cancel { border: 1px solid rgb(204, 204, 204); padding: 3px 0pt; background: rgb(220, 220, 220) none repeat scroll 0% 0%; margin-right: 25px; }
.comments-open-footer { margin: 10px 0pt; text-align: right; }
img.image-full { width: 100%; }
.image-thumbnail { margin: 0pt 10px 10px 0pt; float: left; width: 115px; }
.image-thumbnail img { margin: 0pt 0pt 2px; width: 115px; height: 115px; }
.module { overflow: hidden; position: relative; width: 100%; }
.module-content { margin: 5px 10px 20px; position: relative; }
.module-list, .archive-list { margin: 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
.module-list-item { margin-top: 5px; margin-bottom: 5px; }
.module-presence img { vertical-align: middle; }
.module-powered .module-content { margin-bottom: 10px; }
.module-photo .module-content { text-align: center; }
.module-wishlist .module-content { text-align: center; }
.module-calendar .module-content table { border-collapse: collapse; }
.module-calendar .module-content th, .module-calendar .module-content td { width: 14%; text-align: center; }
.typelist-thumbnailed { margin: 0pt 0pt 20px; }
.typelist-thumbnailed .module-list-item { margin: 0pt; display: block; clear: both; }
.typelist-thumbnailed .module-list-item:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0pt; }
* html .typelist-thumbnailed .module-list-item { display: inline-block; }
* html .typelist-thumbnailed .module-list-item { height: 1%; }
.typelist-thumbnailed .module-list-item { display: block; }
.typelist-thumbnail { margin: 0pt 5px 0pt 0pt; float: left; min-width: 60px; width: auto; text-align: center; vertical-align: middle; }
.typelist-thumbnail img { margin: 5px; }
.module-galleries .typelist-thumbnail img { width: 50px; }
.typelist-description { margin: 0pt; padding: 5px; }
.module-featured-photo .module-content, .module-photo .module-content { margin: 0pt; }
.module-featured-photo img { width: 100%; }
.module-recent-photos { margin: 0pt 0pt 15px; }
.module-recent-photos .module-content { margin: 0pt; }
.module-recent-photos .module-list { border: 0pt none ; margin: 0pt; padding: 0pt; display: block; height: 1%; list-style-type: none; list-style-image: none; list-style-position: outside; }
.module-recent-photos .module-list:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0pt; }
* html .module-recent-photos .module-list { display: inline-block; }
* html .module-recent-photos .module-list { height: 1%; }
.module-recent-photos .module-list { display: block; }
.module-recent-photos .module-list-item { border: 0pt none ; margin: 0pt; padding: 0pt; display: block; float: left; height: 1%; }
.module-recent-photos .module-list-item a { border: 0pt none ; margin: 0pt; padding: 0pt; display: block; }
.module-recent-photos .module-list-item img { margin: 0pt; padding: 0pt; width: 60px; height: 60px; }
.module-mmt-calendar { margin-bottom: 15px; }
.module-mmt-calendar .module-content { margin: 0pt; }
.module-mmt-calendar .module-header { margin: 0pt; }
.module-mmt-calendar .module-header a { text-decoration: none; }
.module-mmt-calendar table { width: 100%; }
.module-mmt-calendar th { text-align: left; }
.module-mmt-calendar td { width: 14%; height: 75px; text-align: left; vertical-align: top; }
.day-photo { width: 54px; height: 54px; }
.day-photo a { display: block; }
.day-photo a img { width: 50px; height: 50px; }
body { font-family: 'trebuchet ms',verdana,helvetica,arial,sans-serif; font-size: 12px; }
a { color: blue; text-decoration: underline; }
a:hover { color: rgb(163, 184, 204); }
#banner a { color: rgb(255, 255, 255); text-decoration: none; }
#banner a:hover { color: rgb(255, 255, 255); }
.module-content a { color: rgb(54, 65, 77); }
.module-content a:hover { color: rgb(163, 184, 204); }
h1, h2, h3, h4, h5, h6 { font-family: 'trebuchet ms',verdana,helvetica,arial,sans-serif; }

.module-header, .trackbacks-header, 
.comments-header, .comments-open-header, 
.archive-header { border-left: 5px solid rgb(0, 104, 179); margin: 0pt; 
padding: 5px; background: rgb(163, 184, 204) none repeat scroll 0% 0%; position: relative; width: auto; color: rgb(255, 255, 255); 
font-size: 11px; font-weight: bold; line-height: 1; text-transform: uppercase; text-align: left; }

.module-header a, .module-header a:hover, .trackbacks-header a, .trackbacks-header a:hover, 
.comments-header a, .comments-header a:hover, 
.comments-open-header a, .comments-open-header a:hover .archive-header a, 
.archive-header a:hover { color: rgb(255, 255, 255); font-size: 11px; text-decoration: none; }

.entry-more-link, .entry-footer, .comment-footer, .trackback-footer, .typelist-thumbnailed { font-size: 11px; }
.entry-footer a { font-size: 11px; color: blue; }
.entry-footer a:hover { color: rgb(102, 102, 102); }
.commenter-profile img { vertical-align: middle; }
body { background: transparent url('img/back01.gif') repeat scroll left top; min-width: 1000px; color: rgb(51, 51, 51); }
#wrapper { margin: 0px auto; height: 100%; text-align: center; }
#footer { margin: 5px 0px 5px 20px; text-align: center; width: 850px; }
#container { margin: 0px auto 20px; background: transparent url('img/back4.gif') repeat scroll left top; width: 920px; height: 100%; text-align: center; }
#container-inner { background: rgb(255, 255, 255) none repeat scroll 0% 0%; height: 100%; }
#banner { background: rgb(204, 204, 204) none repeat scroll 0% 0%; width: 880px; margin-left: 20px; }
#banner-inner { border-style: solid; border-color: rgb(255, 255, 255); border-width: 2px 2px 0pt; padding: 15px; }
.banner-user { width: 70px; margin-top: 5px; font-size: 10px; }
.banner-user-photo { border: 1px solid rgb(255, 255, 255); }
#banner-header { margin: 0pt; color: rgb(255, 255, 255); font-size: 30px; font-weight: bold; line-height: 1; text-shadow: 0pt 2px 3px rgb(54, 65, 77); }
#banner-description { background: transparent none repeat scroll 0% 0%; margin-top: 5px; margin-bottom: 0pt; color: rgb(255, 255, 255); font-size: 12px; font-weight: bold; line-height: 1.125; text-shadow: 0pt 1px 2px rgb(54, 65, 77); }
#beta-inner, #gamma-inner, #delta-inner { border-style: solid; border-color: rgb(255, 255, 255); border-width: 2px 2px 2px 0pt; padding: 10px 10px 0pt; }
.date-header { margin-top: 0pt; font-size: 11px; font-weight: bold; text-transform: uppercase; }
#alpha h3 { border-left: 5px solid rgb(218, 224, 230); padding: 0px 0pt 0pt 10px; margin-top: 0pt; color: rgb(102, 102, 102); font-weight: bold; display: block; }

#alpha h3.tera { border-left: medium none; padding: 20px 0pt 0px 60px; background: transparent url('img/dr.gif') no-repeat scroll 0% 50%; height: 40px; font-size: 16px; }
#alpha h3.tera a { font-size: 16px; }

#alpha h3.biz { border-left: medium none; padding: 20px 0pt 0px 60px; background: transparent url('img/hiroko.gif') no-repeat scroll 0% 50%; height: 40px; font-size: 16px; }

#alpha h3.trackbacks-header, #alpha h3.comments-header, #alpha h3.comments-open-header { padding: 5px; }
#alpha h3.comments-header { margin: 0px 0px 20px 0px; }
#alpha h3.trackbacks-header { margin: 10px 0px 0px 0px; }

.entry-content, .comment-content, .trackback-content { margin: 0pt 15px; line-height: 1.6; }
.entry-footer, .comment-footer, .trackback-footer { border-top: 1px solid rgb(218, 224, 230); margin: 10px 0pt 20px; padding-top: 3px; color: rgb(102, 102, 102); font-size: 10px; text-align: right; }
.comment-content, .trackback-content, .comment-footer, .trackback-footer { margin-left: 10px; }
.content-nav { margin-top: 0pt; }
#trackbacks-info { border: 1px dashed rgb(163, 184, 204); margin: 10px 0pt; padding: 0pt 10px; background: rgb(230, 236, 242) none repeat scroll 0% 0%; color: rgb(41, 46, 51); font-size: 11px; text-align: center; }
.module { border-bottom: 1px solid rgb(243, 246, 249); margin: 0pt 0pt 10px; background: rgb(218, 224, 230) none repeat scroll 0% 0%; }

/* .module-content { border-top: 1px solid rgb(207, 212, 217); margin: 0pt 0pt 10px; padding: 10px 10px 0pt; font-size: 10px; line-height: 1.2; } */
.module-content { margin: 0pt 0pt 10px; padding: 10px 0pt 0px 5pt; font-size: 10px; line-height: 1.2; }

.module-search input { font-size: 10px; }
.module-search #search { width: 100px; }
.module-mmt-calendar .module-content table, .module-calendar .module-content table { font-size: 10px; }
.module-powered { border-width: 0pt; }
.module-powered .module-content { border: 1px dashed rgb(163, 184, 204); background: rgb(255, 255, 255) none repeat scroll 0% 0%; margin-bottom: 0pt; padding-bottom: 10px; color: rgb(41, 46, 51); }

.module-photo { background: transparent none repeat scroll 0% 0%; }
.module-photo img { border: 1px solid rgb(255, 255, 255); }
.module-list { margin: 0pt 15px 10px; list-style-type: disc; list-style-image: none; list-style-position: outside; }
.module-list a { color: rgb(0, 104, 179); }
.module-list a:hover { color: navy; }
.module-list .module-list { margin: 5px 0pt 0pt; padding-left: 15px; list-style-type: circle; list-style-image: none; list-style-position: outside; }
.module-list-item { border-bottom: 1px dashed rgb(220, 220, 220); margin-top: 0pt; color: rgb(102, 102, 102); line-height: 1.2; }
.typelist-thumbnailed .module-list { margin: 0pt 0pt 10px; list-style-type: none; list-style-image: none; list-style-position: outside; }
.typelist-thumbnailed .module-list-item { margin: 1px 0pt; padding: 0pt; background: rgb(243, 246, 249) none repeat scroll 0% 0%; }
.typelist-thumbnail { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.module-photo img { border: 1px solid rgb(255, 255, 255); }
.module-featured-photo { width: 398px; }
.module-featured-photo .module-content { border-width: 0pt; margin: 0pt; padding: 0pt; }
.module-featured-photo img { width: 398px; }
.module-recent-photos .module-content { padding: 10px 0pt 0pt 19px; }
.module-recent-photos .module-list { margin: 0pt; }
.module-recent-photos .module-list-item { margin: 0pt 10px 10px 0pt; padding: 0pt; background: transparent none repeat scroll 0% 0%; width: 64px; }
.module-recent-photos .module-list-item a { border: 1px solid rgb(207, 212, 217); padding: 1px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.module-recent-photos .module-list-item a:hover { border-color: rgb(54, 65, 77); background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.layout-calendar #alpha { width: 260px; }
.layout-calendar #beta { width: 420px; }
.layout-calendar #gamma, .layout-calendar #delta { width: 190px; }
.layout-calendar #gamma-inner, .layout-calendar #delta-inner { border: 0pt none ; padding: 0pt; }
.module-mmt-calendar { width: 398px; }
.module-mmt-calendar .module-content { border-width: 0pt; margin: 0pt; padding: 10px; }
.module-mmt-calendar table { background: rgb(163, 184, 204) none repeat scroll 0% 0%; width: 378px; }
.module-mmt-calendar th { border-top: 1px solid rgb(255, 255, 255); border-right: 1px solid rgb(243, 246, 249); border-bottom: 1px solid rgb(207, 212, 217); padding: 2px; color: rgb(255, 255, 255); text-align: right; font-weight: bold; }
.module-mmt-calendar td { border-top: 1px solid rgb(255, 255, 255); border-right: 1px solid rgb(243, 246, 249); border-bottom: 1px solid rgb(207, 212, 217); padding: 2px; background: rgb(230, 236, 242) none repeat scroll 0% 0%; text-align: right; font-weight: normal; }
th.weekday-7, td.day-7, td.day-14, td.day-21, td.day-28, td.day-35, td.day-42 { border-right: medium none; }
.module-mmt-calendar td { height: 70px; }
.day-photo { width: 49px; height: 49px; }
.day-photo a { border: 1px solid rgb(207, 212, 217); padding: 1px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.day-photo a:hover { border-color: rgb(54, 65, 77); background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.day-photo a img { width: 45px; height: 45px; }
.layout-artistic #alpha { width: 260px; }
.layout-artistic #beta { width: 420px; }
.layout-artistic #gamma, .layout-artistic #delta { width: 190px; }
.layout-artistic #gamma-inner, .layout-artistic #delta-inner { border: 0pt none ; padding: 0pt; }
.layout-moblog1 #alpha { margin: 0pt; background: rgb(230, 236, 242) none repeat scroll 0% 0%; width: 180px; }
.layout-moblog1 #alpha-inner { border-style: solid; border-color: rgb(255, 255, 255); border-width: 2px 0pt 2px 2px; padding: 10px 10px 0pt; }
.layout-moblog1 #beta { margin: 15px 15px 0pt; background: transparent none repeat scroll 0% 0%; width: 320px; }
.layout-moblog1 #beta-inner { border-width: 0pt; padding: 0pt; }
.layout-moblog1 .module-recent-photos .module-content { padding: 10px 0pt 0pt 10px; }
.layout-moblog2 #alpha { margin: 0pt; background: rgb(230, 236, 242) none repeat scroll 0% 0%; width: 86px; }
.layout-moblog2 #alpha-inner { border-style: solid; border-color: rgb(255, 255, 255); border-width: 2px 0pt 2px 2px; padding: 10px 10px 0pt; }
.layout-moblog2 #beta { margin: 15px 15px 0pt; background: transparent none repeat scroll 0% 0%; width: 260px; }
.layout-moblog2 #beta-inner { border-width: 0pt; padding: 0pt; }
.layout-moblog2 #delta { width: 154px; }
.layout-moblog2 .module-recent-photos { border: 0pt none ; background: transparent none repeat scroll 0% 0%; }
.layout-moblog2 .module-recent-photos .module-content { border: 0pt none ; padding: 0pt; }
.layout-moblog2 .module-recent-photos .module-list-item { margin: 0pt 0pt 10px; }
.layout-timeline #alpha { width: 260px; }
.layout-timeline #beta { width: 420px; }
.layout-timeline #gamma, .layout-timeline #delta { width: 190px; }
.layout-timeline #gamma-inner, .layout-timeline #delta-inner { border: 0pt none ; padding: 0pt; }
.layout-one-column body { min-width: 520px; }
.layout-one-column #container { width: 520px; }
.layout-one-column #banner { width: 510px; }
.layout-two-column-left #alpha { margin: 0pt; background: rgb(230, 236, 242) none repeat scroll 0% 0%; width: 200px; }
.layout-two-column-left #alpha-inner { border-style: solid; border-color: rgb(255, 255, 255); border-width: 2px 0pt 2px 2px; padding: 10px 10px 0pt; }
.layout-two-column-left #beta { margin: 15px 15px 0pt; background: transparent none repeat scroll 0% 0%; width: 480px; }
.layout-two-column-left #beta-inner { border-width: 0pt; padding: 0pt; }
.layout-three-column #alpha { margin: 0pt; background: rgb(230, 236, 242) none repeat scroll 0% 0%; width: 180px; }
.layout-three-column #alpha-inner { border-style: solid; border-color: rgb(255, 255, 255); border-width: 2px 0pt 2px 2px; padding: 10px 10px 0pt; }
.layout-three-column #beta { margin: 15px 15px 0pt; background: transparent none repeat scroll 0% 0%; width: 320px; }
.layout-three-column #beta-inner { border-width: 0pt; padding: 0pt; }

/* ::::: http://www.cmjapan.com/_css/block.css ::::: */

.main { display: block; clear: both; text-align: left; margin-left: 5px; }
.main .top { background: transparent url('img/upper.gif') no-repeat scroll left bottom; }
.main .center { background: transparent url('img/middle.gif') repeat-y scroll left top; }
.main .under { background: transparent url('img/bottom.gif') no-repeat scroll left top; height: 15px; }
.top2 { background: transparent url('img/bar2.gif') no-repeat scroll left bottom; height: 16px; }
.center2 { background: transparent url('img/middle2.gif') repeat-y scroll left top; }
.under2 { background: transparent url('img/bar_bottom.gif') no-repeat scroll left top; height: 15px; }
.sub { margin: 10px 0pt; display: block; clear: both; text-align: left; }
.sub td.in { padding: 3px 10px; font-size: 12px; text-align: left; line-height: 135%; }
.banner { margin: 10px 5px; display: block; clear: both; }
.banner td { padding: 5px; font-size: 10px; color: rgb(102, 102, 102); line-height: 120%; }
.rank th { border-bottom: 1px solid rgb(102, 102, 102); padding: 5px; font-size: 12px; font-weight: normal; }
.rank td { border-bottom: 1px solid rgb(102, 102, 102); padding: 5px; font-size: 12px; line-height: 135%; }
.rank td.bt { border-bottom: medium none; padding: 40px 0pt; }
.request { background: transparent url('img/contact_back.gif') no-repeat scroll right top; height: 300px; }
.req { padding: 7px 5px 7px 10px; }
.library td { padding: 3px 5px; font-size: 12px; text-align: left; }
.library th { border-right: 1px solid rgb(255, 255, 255); padding: 3px; background: rgb(115, 142, 224) none repeat scroll 0% 0%; text-align: center; color: rgb(255, 255, 255); font-size: 12px; }
.prototype caption { border-bottom: 1px solid rgb(102, 102, 102); padding: 5px; font-size: 12px; font-weight: bold; color: rgb(45, 101, 172); text-align: left; }
.prototype th { padding: 5px; font-size: 12px; font-weight: normal; }
.prototype td { border-bottom: 1px solid rgb(220, 220, 220); padding: 5px 10px; font-size: 12px; line-height: 135%; }
.rankback01 { background: transparent url('img/rank_back01.gif') no-repeat scroll 80% 50%; height: 110px; }
.rankback02 { background: transparent url('img/rank_back02.gif') no-repeat scroll 80% 50%; height: 110px; }
.rankback { background: transparent url('img/rank_back.gif') no-repeat scroll 80% 50%; height: 110px; }
.bline { border-bottom: 1px solid rgb(44, 101, 171); }
.box { border: 1px solid rgb(220, 220, 220); }
.qcm00 { background: transparent url('img/cm_back00.gif') no-repeat scroll 50% 10%; height: 150px; padding-top: 10px; }
.qcm { background: transparent url('img/cm_back.gif') no-repeat scroll 50% 10%; height: 150px; padding-top: 10px; }
.none { border: medium none ; }
.mini { margin: 10px 0px 15px 5px; }
table.mid { margin: 15px 0pt; display: block; clear: both; }
table.board ul a { font-size: 12px; text-decoration: underline; color: rgb(0, 102, 204); }
table.board li { margin: 5px 10px; display: inline; }
td.in { padding: 10px; }
td.border2 { border-bottom: 1px dashed rgb(220, 220, 220); padding: 5px; }
td.border { border-bottom: 1px solid rgb(220, 220, 220); }
td.noline { border-bottom: medium none; }
.bbs { font-size: 12px; line-height: 18px; }
.bbs input.f10 { padding-bottom: 10px; width: 80px; height: 25px; }
span.f10 a { color: rgb(0, 102, 204); }
p.parent a { color: rgb(0, 51, 102); }
p.parent { margin: 3px 0pt; background: rgb(235, 235, 235) none repeat scroll 0% 0%; }
.in p a { color: rgb(0, 102, 204); }
.in a { line-height: 20px; }
form.f10 input.ipt-txt-s { height: 20px; }
.headline { margin: 5px 0pt 10px; display: block; clear: both; }
.flash { display: block; clear: both; }
.media { margin: 0pt 5px; }
.button { margin: 10px 0pt; display: block; clear: both; }
.tab { margin: 0pt 0pt 16px 5px; }
.view { border: 1px solid rgb(44, 101, 171); display: block; clear: both; margin-bottom: 2px; }
.number { margin-left: 20px; }
.mail { margin-left: 10px; }
.dic img { margin: 0px 5px; }
img.back { border: 0pt none ; margin-right: 15px; }
.sp { margin: 5px 0pt; }
.m01 { margin: 10px; }
.m01 td { padding: 3px; }
form.cmj { margin: 50px 10px 10px 22px; padding: 0px; }
.cmj label { font-size: 12px; font-weight: bold; color: rgb(102, 102, 102); text-align: left; }
.cmj table { border: 1px solid rgb(153, 153, 153); background: rgb(255, 255, 255) none repeat scroll 0% 0%; width: 498px; }
.cmj fieldset { border: medium none ; display: block; clear: both; text-align: right; width: 485px; }
input { padding: 2px; }
input.name { margin: 0pt 5px 0pt 0pt; width: 260px; }
input.num { margin: 0pt 5px 0pt 0pt; width: 100px; }
input.address { margin: 2px 5px 2px 0px; width: 378px; }
input.dial { margin: 0pt 0pt 0pt 0px; width: 150px; }
input.mail { margin: 0pt 0pt 0pt 0px; width: 275px; }
input.day { margin: 0pt 2px 0pt 0px; width: 40px; }
textarea.comment { margin: 2px 5px 2px 0px; width: 378px; }
textarea.opinion { margin: 0pt 5px 0pt 0pt; width: 260px; height: 100px; }
input.confirm { margin: 15px 0px 5px; padding: 3px 0px; }
input.btn { margin: 10px 0pt; display: block; clear: both; }
input.btn2 { margin: 0pt 5px; width: 80px; height: 24px; padding-bottom: 3px; }
input.send { border: 1px solid rgb(102, 102, 102); margin: 0pt 0pt 0pt 3px; padding: 2px 4px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
fieldset { border: 1px solid rgb(220, 220, 220); margin: 10px 0pt; padding: 10px 5px; }
legend { font-size: 12px; font-weight: bold; }
input.txt { width: 200px; }
input.txt2 { width: 100px; }
input.txt3 { width: 250px; }
input.txt4 { width: 300px; }
input.txt5 { width: 200px; }
input.ad { margin: 5px 0pt 0pt 12px; width: 350px; }
input.ad01 { margin: 5px 0pt 0pt 12px; width: 200px; }
input.ad02 { margin: 5px 0pt 0pt 0px; width: 250px; }
input.confirm { width: 100px; }
textarea { width: 340px; height: 100px; }
textarea.area { width: 340px; height: 70px; }
.form td, .form th { border-bottom: 1px dotted rgb(204, 204, 204); padding: 5px 0pt 5px 5px; font-size: 12px; text-align: left; }
td.non, th.non { border-bottom: 0px none; }
.non input { padding-bottom: 10px; width: 100px; height: 25px; }
input.ipt-txt { border: 1px solid rgb(204, 204, 204); width: 350px; }
textarea.ipt-txt { border: 1px solid rgb(204, 204, 204); width: 350px; margin-left: 0px; }
.ipt-txt-S { border: 1px solid rgb(204, 204, 204); width: 100px; }
.ipt-txt-M { border: 1px solid rgb(204, 204, 204); width: 200px; }
.ipt-txt-L { border: 1px solid rgb(204, 204, 204); width: 350px; }
.ime-dis { ime-mode: disabled; }
.ast { font-size: 10px; color: rgb(255, 0, 0); }
input.check { margin: 0px; }
.form span { margin: 0pt; font-size: 10px; }
.latest { margin-bottom: 10px; }
.latest .title { border-bottom: 1px solid rgb(204, 204, 204); padding: 5px; font-weight: normal; text-align: left; }
.latest td { border-bottom: 1px dashed rgb(220, 220, 220); padding: 4px 5px; font-size: 12px; line-height: 18px; }
.latest td.close { border-bottom: 1px solid rgb(204, 204, 204); padding: 4px 5px; font-size: 12px; line-height: 18px; }
.msg-error { background: rgb(255, 221, 221) none repeat scroll 0% 0%; font-size: 10px; color: rgb(255, 0, 0); }
.msg-notes { font-size: 10px; letter-spacing: 1px; }

/* ::::: http://www.cmjapan.com/_css/txt.css ::::: */

body { font-family: Osaka,arial,helvetica,sans-serif,'Lucida Grande','Hiragino Kaku Gothic Pro'; color: rgb(85, 85, 85); }
h1, h2, h3, h4, h5, h6, p, a, li, dl, dt, dd, strong, span, caption, sup { font-family: Osaka,arial,helvetica,sans-serif,'Lucida Grande','Hiragino Kaku Gothic Pro'; color: rgb(85, 85, 85); line-height: 135%; font-size: 10px; }
h1, h2, h3, h4, h5, h6, p, a, li, dl, dt, strong, span, caption, sup { font-family: Osaka,arial,helvetica,sans-serif,'Lucida Grande','Hiragino Kaku Gothic Pro'; color: rgb(85, 85, 85); line-height: 135%; font-size: 12px; }
h1 { font-size: 10px; color: rgb(51, 51, 51); }
h2.title { padding: 4px 12px; background: rgb(115, 142, 224) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
a { color: rgb(0, 102, 204); text-decoration: none; font-size: 12px; }
a.xs { margin: 5px 0px; font-size: 10px; display: block; clear: both; }
a.under { text-decoration: underline; }
.rule { color: rgb(45, 101, 172); }
a.rule:hover { text-decoration: underline; }
p { font-size: 12px; font-weight: normal; line-height: 18px; text-align: left; }
p.capsuleB { margin: 0pt 15px 0pt 10px; }
p.capsuleC { margin: 10px 15px; font-size: 12px; line-height: 20px; }
p.capsuleD { margin: 40px 0pt 0pt 10px; }
p.capsuleD2 { margin: 20px 0pt 0pt 10px; }
p.caseC { margin: 5px 5px 10px; display: block; float: left; width: 245px; }
p.caseD { margin: 5px 5px 10px; display: block; float: left; width: 355px; }
p.caseC a { font-size: 12px; }
p.caseD a { font-size: 12px; }
blockquote { margin: 10px 20px; font-size: 12px; line-height: 18px; }
dl { margin: 10px 10px 15px; }
dt { border-bottom: 1px solid rgb(204, 204, 204); margin: 10px; display: block; clear: both; font-weight: bold; }
dt.caseA { border-bottom: 1px solid rgb(204, 204, 204); margin: 10px; padding: 3px 0pt 2px 25px; background: transparent url('img/arrow.gif') no-repeat scroll left center; }
dt.caseB { border-bottom: 1px solid rgb(204, 204, 204); margin: 10px; padding: 3px 0pt 2px; }
dt.caseB dd { margin: 10px 10px 10px 30px; }
dl p { margin: 10px 0pt; display: block; clear: both; }
dd { line-height: 20px; font-weight: normal; font-size: 12px; display: block; clear: both; text-indent: 15px; }
dl.dic { margin: 10px 10px 15px; }
dl.dic dt { border-bottom: 1px solid rgb(204, 204, 204); margin: 15px 10px 10px; display: block; clear: both; text-align: left; }
dl.dic dd { border-bottom: 1px dashed rgb(220, 220, 220); margin: 10px 15px; padding: 0pt 20px 5px; line-height: 20px; font-weight: normal; font-size: 12px; text-align: left; text-indent: 0px; }
dl.dic dd strong { margin: 0pt 0pt 3px 0px; font-size: 12px; display: block; clear: both; text-align: left; }
dl.dic dd p { margin: 0pt 0pt 10px 15px; line-height: 135%; text-align: left; }
ul.typeA { margin: 5px 5px 30px; list-style-type: none; list-style-image: none; list-style-position: inside; }
ul.typeA li { border-left: 2px solid rgb(102, 102, 102); margin: 0pt 15px 0pt 10px; padding: 0pt 0pt 0pt 10px; display: inline; }
ul.typeB { margin: 35px 0px 10px 17px; list-style-type: circle; list-style-image: none; list-style-position: outside; }
ul.typeB li { margin: 0px; padding: 0px; font-size: 11px; font-weight: normal; }
ul.typeC { margin: 0px 5px 0px 40px; list-style-type: decimal; list-style-image: none; list-style-position: outside; display: block; clear: both; }
ul.typeC li { margin: 5px 0pt; padding: 0px; font-size: 12px; }
ul.typeCc { margin: 0px 5px 0px 15px; list-style-type: decimal; list-style-image: none; list-style-position: outside; display: block; clear: both; }
ul.typeCc li { margin: 5px 0pt; padding: 0px; font-size: 12px; line-height: 150%; }
ul.typeC1 { margin: 0px 5px 10px 20px; list-style-type: lower-alpha; list-style-image: none; list-style-position: outside; display: block; clear: both; }
ul.typeD { margin: 0px 15px 15px 40px; list-style-type: circle; list-style-image: none; list-style-position: outside; display: block; clear: both; }
ul.typeD li { margin: 5px 0pt; padding: 0px; font-size: 12px; }
li.kuma { margin: 0pt 0pt 0pt 20px; padding: 20px 0pt 10px 35px; background: transparent url('img/kuma.gif') no-repeat scroll left center; list-style-type: none; list-style-image: none; list-style-position: outside; }
ul.caseA { margin: 10px; list-style-type: none; list-style-image: none; list-style-position: outside; }
ul casea li { margin: 5px 0pt; font-size: 12px; }
li.btn01 { padding: 4px 0pt 0pt 50px; background: transparent url('img/btn01.gif') no-repeat scroll left center; height: 21px; margin-bottom: 2px; }
li.btn02 { padding: 4px 0pt 0pt 50px; background: transparent url('img/btn02.gif') no-repeat scroll left center; height: 21px; margin-bottom: 2px; }
li.btn03 { padding: 4px 0pt 0pt 50px; background: transparent url('img/btn03.gif') no-repeat scroll left center; height: 21px; margin-bottom: 2px; }
li.btn04 { padding: 4px 0pt 0pt 50px; background: transparent url('img/btn04.gif') no-repeat scroll left center; height: 21px; margin-bottom: 2px; }
li.url { color: red; font-size: 12px; }
ul.first { margin: 10px 0pt 10px 20px; padding: 0pt 0pt 0pt 10px; }
ul.first li { margin: 5px 0pt 5px -1px; padding: 0pt 0pt 0pt 0px; list-style-type: none; list-style-image: none; list-style-position: outside; font-weight: bold; }
ul.second { margin: 0pt 0pt 0pt 0px; padding: 0pt 0pt 0pt 8px; }
ul.second li { margin: 5px 0pt; padding: 0pt 0pt 0pt 13px; background: transparent url('img/hline.gif') no-repeat scroll 0pt 6px; list-style-type: none; list-style-image: none; list-style-position: outside; font-weight: normal; }
ul.second li.end { padding-bottom: 20px; }
strong.sub { margin: 10px 15px; display: block; clear: both; color: rgb(45, 101, 172); }
.rs { margin: 20px; }
.small { font-size: 10px; }
.normal { font-weight: normal; }
.moss { color: rgb(153, 153, 102); }
.ml { border: 1px solid rgb(220, 220, 220); margin: 15px 0pt 5px; padding: 3px 5px; background: rgb(244, 240, 221) none repeat scroll 0% 0%; font-size: 12px; display: block; clear: both; text-align: right; }
.red { font-size: 11px; color: rgb(153, 0, 0); }
.left { text-align: left; }
.pick00 { border-bottom: 1px solid rgb(220, 220, 220); padding: 2px 0pt 2px 15px; background: transparent url('img/square00.gif') no-repeat scroll 0px 4px; width: 130px; display: block; clear: both; }
.pick01 { border-bottom: 1px solid rgb(220, 220, 220); padding: 2px 0pt 2px 15px; background: transparent url('img/square.jpg') no-repeat scroll 0px 4px; width: 130px; display: block; clear: both; }
.msg-error { background: rgb(255, 221, 221) none repeat scroll 0% 0%; font-size: 10px; color: rgb(255, 0, 0); }

/* ::::: http://www.cmjapan.com/_css/base.css ::::: */

* { margin: 0px; padding: 0px; }
body { margin: 0pt auto 0px; background: transparent url('img/back01.gif') repeat scroll left top; text-align: center; }
#wrapper { border-left: 1px solid rgb(153, 153, 153); border-right: 1px solid rgb(153, 153, 153); margin: 0pt auto 0px; background: transparent url('img/back4_001.gif') repeat scroll left top; width: 970px; text-align: center; }
#container { border-left: 1px solid rgb(102, 102, 102); border-right: 1px solid rgb(102, 102, 102); margin: 0pt auto; background: rgb(255, 255, 255) none repeat scroll 0% 0%; text-align: left; }
#header { text-align: center; display: block; clear: both; padding-bottom: 5px; }
#head { background: transparent url('img/header_bg.jpg') repeat-y scroll 0% 0%; text-align: left; width: 891px; }
#logo { border: 0px none ; margin: 10px 0px 5px 25px; }
#head-top { background: transparent url('img/header_top_bg.jpg') repeat-y scroll 0% 0%; text-align: left; width: 887px; }
#menu { background: transparent url('img/header_btn_bg.jpg') no-repeat scroll 0% 0%; width: 891px; height: 33px; }
#menu-top { background: transparent url('img/header_top_btn_bg.jpg') no-repeat scroll 0% 0%; width: 887px; height: 33px; }
#menu a, #menu-top a { background: transparent url('img/arr.gif') no-repeat scroll left center; color: rgb(17, 126, 186); font-size: 10px; padding-left: 10px; }
#menu a:hover, #menu-top a:hover { position: relative; }
.spc { height: 7px; font-size: 5px; }
#navi { text-align: right; display: block; clear: both; }
#contents { display: block; clear: both; }
#footer { margin: 5px 0pt; padding: 2px 5px; background: rgb(102, 102, 102) none repeat scroll 0% 0%; display: block; clear: both; width: 900px; font-size: 12px; color: rgb(255, 255, 255); }
#footer a { font-size: 10px; color: rgb(255, 255, 255); }
.copy { margin: 5px 10px; display: block; clear: both; font-size: 10px; color: rgb(153, 153, 153); text-align: right; }


/*******************************************************************************
 NP_Calendar.php styling
*******************************************************************************/
table.calendar {}
table.calendar caption a:link, table.calendar caption a:visited {text-decoration: none;}
table.calendar tr.calendardateheaders {}
table.calendar td.days {text-align: center;}
table.calendar td.today {
	text-align: center;
	background-color: #FFF;
}

/* table.calendar {background-color:#fff;border-collapse: collapse;font-family:sans-serif;border:1px solid #ddd;} */
table.calendar {border-collapse: collapse;font-family:sans-serif;border:1px solid #ddd;}
table.calendar caption {color:#aaa;letter-spacing:2px;padding:4px;}
table.calendar th,table.calendar td {border:1px solid #ddd;padding:2px 4px;}
table.calendar th {text-align:center;}
table.calendar td {text-align:right;color:#999;letter-spacing:1px;}
table.calendar td a:link, table.calendar a:visited {text-decoration: underline;}

table.calendar tr.calendardateheaders {background-color:#ccc;color:#fff;}
table.calendar td.blank {background-color:#f5f5f5;}
table.calendar td.saturday {background-color:#f7f9fd;}
table.calendar td.sunday {background-color:#fff3ee;}
table.calendar td.holiday {background-color:#fff3ee;}
table.calendar td.today {background-color:#ffffcc;}

/* --------------------- */
table.calendar a:link, table.calendar a:visited {padding:0;}
table.calendar {margin:0 auto;}

/*-------------------------------------------------
  Forms
-------------------------------------------------*/
.loginform, .searchform
{
	margin: 5px 0;
}
.commentform, .mailform
{
    margin: 10px 10px 10px 15px;
    padding: 10px;
    background: #EEEEEE;
    /* Rounded borders, for Mozilla browsers */
    /* -moz-border-radius: 10px; */
    width:420px;
}

div.sendmess div.mailform{
    margin: 0px 0px 0px 0px;
}

.commentform img{
    margin: 5px 0 0 0;
}
.formfield
{
	display:block;
	font-size: 11px;
	background: white;
	color: #494949;
	border-top: 1px solid #868686;
	border-left: 1px solid #868686;
	border-bottom: 1px solid #D4D2CF;
	border-right: 1px solid #D4D2CF;
	margin: 1px 0 0 0;
}
.formbutton
{
	font-size: 11px;
	background: white;
	color: #494949;
	border-top: 1px solid #D4D2CF;
	border-left: 1px solid #D4D2CF;
	border-bottom: 1px solid #868686;
	border-right: 1px solid #868686;
	margin: 1px 0 0 0;
}
.commentform .formfield, .commentform .formbutton, .loginform .formbutton {
	display: block;
}
.searchform .formfield
{
	width: 130px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.searchform .formbutton
{
	width: 60px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
.loginform .formfield
{
	width: 130px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.loginform .formbutton
{
	width: 60px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
.mainform .formfield
{
	width: 280px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.mailform .formbutton
{
	width: 100px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
#nucleus_cf_name, #nucleus_cf_mail, #nucleus_cf_email
{
    width: 300px;
    margin-right: 105px;
}
.commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield
{
    width: 300px; 
}
.commentform .formbutton
{
	width: 100px;
	height: 22px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
}
.error
{
	color: red;
	font-weight: bold;
}


/*******************************************************************************
 Other styling
*******************************************************************************/
ul.nobullets{ margin:0px; list-style:none;}

/* Search highlight color */
.highlight{ background: #DEFFA9;}

.pageswitch{
    text-align:center;
    margin: 5px 10px 10px 10px;
}