@charset "Shift_JIS";

/*------------------------------------------------------------------
 *■共通
 *------------------------------------------------------------------
 */
@media All    
{
BODY {
  FONT-FAMILY: helvetica, 'ＭＳ Ｐゴシック', Osaka, sans-serif
}
    }
BODY {
  PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10pt; BACKGROUND: #f5f8fa; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; TEXT-ALIGN: center;
}

img {
  border: 0px;
}

INPUT.formButton {
  
}
DIV#main {
  BORDER-RIGHT: #373737 1px solid; 
  BORDER-TOP: #373737 1px solid; 
  BACKGROUND: white; 
  MARGIN-LEFT: auto; 
  BORDER-LEFT: #373737 1px solid;
  WIDTH: 800px; 
  MARGIN-RIGHT: auto; 
  TEXT-ALIGN: left;
}

DIV#head-top {
  PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-WEIGHT: bold; BACKGROUND: white; PADDING-BOTTOM: 8px; PADDING-TOP: 8px;
}

DIV#head-top A {
 TEXT-DECORATION: none;
}

DIV#head-top H1{
  border:0px; margin:0px; display:inline;FONT-SIZE: 34px; LINE-HEIGHT: 34px
}

DIV#head-top H2{
  border:0px; margin:0px; display:inline;
}

DIV#head-top .disp{
  COLOR: #eeeeee; font-size: 90%; margin: 0px 0px 5px 0px ; padding: 0px;
}

DIV#top-menu {
  LINE-HEIGHT: 170%; BORDER-BOTTOM: #9d9d9d 1px solid; BACKGROUND-COLOR: #e2e2e2
}
DIV#top-menu A {
  PADDING-RIGHT: 9px; PADDING-LEFT: 9px; FONT-WEIGHT: bold; FONT-SIZE: 10pt; PADDING-BOTTOM: 4px; COLOR: #000000; PADDING-TOP: 6px; FONT-FAMILY: "trebuchet ms", helvetica; TEXT-DECORATION: none
}
DIV#top-menu A:hover {
  PADDING-RIGHT: 9px; 
  PADDING-LEFT: 9px; 
  FONT-WEIGHT: bold; 
  FONT-SIZE: 10pt; 
  PADDING-BOTTOM: 4px; 
  PADDING-TOP: 6px; 
  FONT-FAMILY: "trebuchet ms", helvetica; 
  TEXT-DECORATION: none;
  COLOR: #ffffff; BACKGROUND-COLOR: #373737;
}

DIV#top-menu LI {
  DISPLAY: inline; LIST-STYLE-TYPE: none;
}
DIV#top-menu UL {
  PADDING-LEFT: 5px; MARGIN: 0px; WHITE-SPACE: nowrap;
}

/*------------------------------------------------------------------
 *■レイアウト
 *------------------------------------------------------------------
 */
 
 TABLE {

}
TH {
  PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #373737; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: middle; COLOR: #ffffff; PADDING-TOP: 5px
}

DIV#body {
  MARGIN: 15px; OVERFLOW: hidden;
}

DIV#rightcolumn {
  OVERFLOW: right; BORDER-RIGHT: #9d9d9d 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #9d9d9d 1px solid; PADDING-LEFT: 5px; FLOAT: right; MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 5px; MARGIN-LEFT: 10px; BORDER-LEFT: #9d9d9d 1px solid; WIDTH: 200px; PADDING-TOP: 5px; BORDER-BOTTOM: #9d9d9d 1px solid; BACKGROUND-COLOR: #efefef
}

DIV#centercolumn {
  WIDTH: 540px
}

DIV#footer {
  CLEAR: left; 
  font-size:75%;
  PADDING-RIGHT: 10px; 
  BORDER-TOP: #9d9d9d 1px solid; 
  PADDING-LEFT: 10px; 
  PADDING-BOTTOM: 10px; 
  PADDING-TOP: 10px;
  BACKGROUND-COLOR: #efefef; 
  TEXT-ALIGN: center;
  BORDER-LEFT: #373737 0px solid;
  BORDER-RIGHT: #373737 0px solid;
  BORDER-BOTTOM: #373737 1px solid;
}

DIV#produce {
  font-size:13px;
}

DIV#footer .buvttons {
  FLOAT: right; WIDTH: 10px; POSITION: relative
}

/*------------------------------------------------------------------
 *■ブログ系
 *------------------------------------------------------------------
 */
form {
  margin:0px;
  padding:0px;
}

.sidetitle {
  padding:0px 0px 4px 0px;
  text-align:left;
  font-family:Verdana;
  border-bottom:1px dotted #9D9D9D;
  font-weight:bold;
}

.side {
  line-height:2em;
  padding:5px 0px 10px 0px;
  margin-bottom:10px;
  text-align:left;
  font-family:Verdana;
}
.side  a{
  font-size:12px;
}

#links {
  BORDER-RIGHT: #9d9d9d 1px solid;
  PADDING-RIGHT: 5px;
  BORDER-TOP: #9d9d9d 1px solid;
  PADDING-LEFT: 5px;
  MARGIN-BOTTOM: 20px;
  PADDING-BOTTOM: 5px;
  MARGIN-LEFT: 555px;
  BORDER-LEFT: #9d9d9d 1px solid;
  WIDTH: 200px;
  PADDING-TOP: 5px;
  BORDER-BOTTOM: #9d9d9d 1px solid;
  BACKGROUND-COLOR: #efefef;
}

#content {
  margin:0px 0px 0px 0px;
  width:530px;
  float:left;
}
    
.blog {
  padding:0px 0px 0px 15px;
  text-align:left;
}
    
.blogbody {
  font-weight:normal;
  margin-bottom:0px;
  padding:0px 0px 0px 0px;
}

.blog ul.list1 { list-style-type:disc; }
.blog ul.list2 { list-style-type:circle; }
.blog ul.list3 { list-style-type:square; }
.blog ol.list1 { list-style-type:decimal; }
.blog ol.list2 { list-style-type:lower-roman; }
.blog ol.list3 { list-style-type:lower-alpha; }

.date{
  clear:right;
  margin-top:0px;
  margin-bottom:5px;
  padding:10px 0px 5px 0px;
  font-family:Verdana;
  font-size:12px;
  color:#cccccc;
  text-align:right;
}

.title{
  MARGIN-TOP:15px;
  PADDING: 10px 5px 5px 5px;
  FONT-WEIGHT: bold;
  FONT-SIZE: 120%;
  COLOR: black;
  LINE-HEIGHT: 100%;
  BORDER-BOTTOM: #9d9d9d 1px solid;
  background-image:url("http://memokami.com/mobaben/img/mobaben-20.gif");
  padding:3px 0px 10px 30px;
  background-repeat: no-repeat;
}
    
.title a{
  text-decoration:none;
  color:#373737;
  font-weight:bold;
}
    
.text{
  padding:0px 0px 0px 0px;
  margin-top:5px;
  line-height:1.2em;;
  font-family:Verdana;
}


.posted{ 
  text-align: right;
  margin-bottom:5px;
  padding:20px 30px 20px 0px;
  font-size:10px;
  font-family:Verdana;
}

.posted a{ 
  font-weight:bold;
}

blockquote{
  background-color:#e5ecf9;
  color:#333333;
  padding:.5em;
  margin: 0px 0px 0px 1em;
}

pre{
  border-top:#DDDDEE 1px solid;
  border-bottom:#888899 1px solid;
  border-left:#DDDDEE 1px solid;
  border-right:#888899 1px solid;
  padding:.5em;
  margin: 0px 0px 0px 1em;
  white-space:pre;
  background-color:#e5ecf9;
  color:#333333;
}

.t2 {
  PADDING-RIGHT: 5px;
  PADDING-LEFT: 0px;
  FONT-WEIGHT: bold; 
  FONT-SIZE: 110%; 
  PADDING-BOTTOM: 5px; 
  COLOR: #333333; 
  LINE-HEIGHT: 100%;
  PADDING-TOP: 5px;
  BORDER-BOTTOM: #9d9d9d 1px solid;
  margin:15px 0px 15px 0px;
}

.t3 {
  PADDING-RIGHT: 5px;
  PADDING-LEFT: 0px;
  FONT-WEIGHT: bold; 
  FONT-SIZE: 110%; 
  PADDING-BOTTOM: 5px; 
  COLOR: #333333; 
  LINE-HEIGHT: 100%;
  PADDING-TOP: 5px;
  BORDER-BOTTOM: #9d9d9d 1px dashed;
  margin:15px 0px 15px 0px;
}

.t4 {
  PADDING-RIGHT: 5px;
  PADDING-LEFT: 5px;
  FONT-WEIGHT: bold; 
  FONT-SIZE: 100%; 
  PADDING-BOTTOM: 5px; 
  COLOR: #333333; 
  LINE-HEIGHT: 100%;
  PADDING-TOP: 5px;
  BORDER-LEFT: #9d9d9d 10px solid;
  margin:15px 0px 15px 0px;
}


.comments-head {
  background-color:#e2e2e2;
  font-weight:bold;
  font-size:110%;
  padding:5px;
  margin:20px 0px 10px 0px;
}

.comments-body {
  margin:0px 0px 10px 0px;
  background-color: #e5ecf9;
}

.comments-body .text {
  margin:0px;
  padding: 5px 5px 0px 5px;
}

.comments-post {
  margin:0px 0px 0px 0px;
  padding: 0px 5px 0px 5px; 
  font-size:80%;
  text-align:right;
}

input{
  border:1px solid #959595;
  background-color:#e5ecf9;
  max-width:200px;
}

textarea{
  margin-bottom:5px;
  border:1px solid #959595;
  background-color:#e5ecf9;
  max-width:400px;
  width:97%;
}

/*------------------------------------------------------------------
 *■wiki系
 *------------------------------------------------------------------
 */

#file_list A {
  COLOR: #000000; TEXT-DECORATION: none
}
#file_list A:hover {
  COLOR: #ff0000; TEXT-DECORATION: none
}
#code {
  BORDER-RIGHT: #9d9d9d 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #9d9d9d 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 10pt; PADDING-BOTTOM: 4px; BORDER-LEFT: #9d9d9d 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #9d9d9d 1px solid; FONT-STYLE: normal; FONT-FAMILY: courier; BACKGROUND-COLOR: #efefef
}
#features {
  MARGIN-TOP: 10px; MARGIN-BOTTOM: 10px
}
#features-col1 {
  FLOAT: left
}
#features-col2 {
  FLOAT: right; WIDTH: 300px
}

#main-forum {
  BORDER-RIGHT: #373737 1px solid; BORDER-TOP: #373737 1px solid; BORDER-LEFT: #373737 1px solid; BORDER-BOTTOM: #373737 1px solid; BACKGROUND-COLOR: #ffffff
}
#side {
  BORDER-RIGHT: #9d9d9d 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #9d9d9d 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 10pt; FLOAT: right; MARGIN-BOTTOM: 15px; PADDING-BOTTOM: 10px; BORDER-LEFT: #9d9d9d 1px solid; WIDTH: 175px; PADDING-TOP: 10px; BORDER-BOTTOM: #9d9d9d 1px solid; FONT-STYLE: normal; FONT-FAMILY: "trebuchet ms", verdana, helvetica; POSITION: relative; TOP: 32px; BACKGROUND-COLOR: #efefef
}

.blog H2 {
  MARGIN:15px 0px 0px 0px;
  padding:3px 0px 10px 30px;
  FONT-WEIGHT: bold;
  FONT-SIZE: 120%;
  COLOR: #333333;
  LINE-HEIGHT: 100%;
  BORDER-BOTTOM: #9d9d9d 1px solid;
  background-image:url("http://memokami.com/mobaben/img/mobaben-20.gif");
  background-position : 0% 15% ;
  background-repeat: no-repeat;
}

.blog H3 {
  PADDING-RIGHT: 5px;
  PADDING-LEFT: 0px;
  PADDING-BOTTOM: 5px;
  PADDING-TOP: 5px; 
  FONT-WEIGHT: bold; 
  FONT-SIZE: 110%; 
  COLOR: #333333; 
  LINE-HEIGHT: 100%;
  BORDER-BOTTOM: #9d9d9d 1px solid;
  margin:15px 0px 15px 0px;
}

.blog H4 {
  PADDING-RIGHT: 5px;
  PADDING-LEFT: 0px;
  FONT-WEIGHT: bold; 
  FONT-SIZE: 110%; 
  PADDING-BOTTOM: 5px; 
  COLOR: #333333; 
  LINE-HEIGHT: 100%;
  PADDING-TOP: 5px;
  BORDER-BOTTOM: #9d9d9d 1px dashed;
  margin:15px 0px 15px 0px;
}

.blog H5 {
  PADDING-RIGHT: 5px;
  PADDING-LEFT: 0px;
  FONT-WEIGHT: bold; 
  FONT-SIZE: 110%; 
  PADDING-BOTTOM: 5px; 
  COLOR: #333333; 
  LINE-HEIGHT: 100%;
  PADDING-TOP: 5px;
  BORDER-BOTTOM: #9d9d9d 1px solid;
  margin:15px 0px 15px 0px;
}

#links H4 {
  padding:0px 0px 4px 0px;
  margin:0px 0px 6px 0px;
  FONT-SIZE: 90%;
  text-align:left;
  font-family:Verdana;
  border-bottom:1px dotted #9D9D9D;
  font-weight:bold;
}

#links H5 {
  padding:0px 0px 4px 0px;
  margin:0px;
  FONT-SIZE: 90%;
  text-align:left;
  font-family:Verdana;
  border-bottom:1px dotted #9D9D9D;
  font-weight:bold;
}

#links p {
  padding:5px 0px 10px 0px;
  margin:0px 0px 10px 0px;
  text-align:left;
  font-family:Verdana;
}

#links ul {
  padding:5px 5px 5px 6px;
  margin:5px 5px 5px 10px;
  LIST-STYLE-IMAGE: 
  url("http://memokami.com/mobaben/img/list-icon.gif");
  LIST-STYLE-TYPE: square; 
  TEXT-ALIGN: left
}

div#body UL {
  LIST-STYLE-TYPE: disc
}
.divider {
  MARGIN: 15px 0px; BORDER-BOTTOM: #aaaaaa 1px solid
}
.form-completed {
  BORDER-RIGHT: #0b0074 1px solid; BORDER-TOP: #0b0074 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 9pt; BORDER-LEFT: #0b0074 1px solid; COLOR: #0b0074; BORDER-BOTTOM: #0b0074 1px solid; FONT-STYLE: normal; FONT-FAMILY: "trebuchet ms", verdana, helvetica; BACKGROUND-COLOR: #d4dafb
}
.form-error {
  BORDER-RIGHT: #740000 1px solid; BORDER-TOP: #740000 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 9pt; BORDER-LEFT: #740000 1px solid; COLOR: #750000; BORDER-BOTTOM: #740000 1px solid; FONT-STYLE: normal; FONT-FAMILY: "trebuchet ms", verdana, helvetica; BACKGROUND-COLOR: #fbd4d4
}

.news-date {
  FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #808080; FONT-STYLE: italic; FONT-FAMILY: arial, helvetica
}
.news-title {
  FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #750000; FONT-STYLE: normal; FONT-FAMILY: "trebuchet ms", verdana, helvetica
}

.notice {
  FONT-STYLE: italic
}

div.ie5 { text-align:left; }

.style_table {
  padding:0px;
  border:0px;
  margin:auto;
  text-align:left;
  color:inherit;
  background-color:#ccd5dd;
  font-size:90%
}
.style_th {
  padding:5px;
  margin:1px;
  text-align:center;
  color:#333333;
  background-color:#EEEEEE;
  font-weight:bold;
  font-size:90%
}
.style_td {
  padding:4px;
  margin:1px;
  color:inherit;
  background-color:#EEF5FF;
  font-size:90%
}

/* html.php/catbody() */
strong.word0 {
  background-color:#FFFF66;
  color:black;
}
strong.word1 {
  background-color:#A0FFFF;
  color:black;
}
strong.word2 {
  background-color:#99FF99;
  color:black;
}
strong.word3 {
  background-color:#FF9999;
  color:black;
}
strong.word4 {
  background-color:#FF66FF;
  color:black;
}
strong.word5 {
  background-color:#880000;
  color:white;
}
strong.word6 {
  background-color:#00AA00;
  color:white;
}
strong.word7 {
  background-color:#886800;
  color:white;
}
strong.word8 {
  background-color:#004699;
  color:white;
}
strong.word9 {
  background-color:#990099;
  color:white;
}

/* html.php/edit_form() */
.edit_form { clear:both; }

/* pukiwiki.skin.php */
div#header {
  padding:0px;
  margin:0px;
}

div#navigator {
  display:none;
}

td.menubar {
  display:none;
}

div#menubar {
  display:none;
}

div#menubar ul {
  margin:0px 0px 0px .5em;
  padding:0px 0px 0px .5em;
}

div#menubar ul li { line-height:110%; }

div#menubar h4 { font-size:110%; }

div#note {
  clear:both;
  padding:0px;
  margin:0px;
}

div#attach {
  display:none;
}

div#toolbar {
        display:none;
}

div#lastmodified {
  font-size:80%;
  padding:0px;
  margin:0px;
}

div#related {
        display:none;
}


div#banner {
  float:right;
  margin-top:24px;
}

div#preview {
  color:inherit;
  background-color:#F5F8FF;
}

img#logo {
  display:none;
}

/* aname.inc.php */
.anchor {}
.anchor_super {
  font-size:xx-small;
  vertical-align:super;
}

/* br.inc.php */
br.spacer {}

/* calendar*.inc.php */
.style_calendar {
  padding:0px;
  border:0px;
  margin:3px;
  color:inherit;
  background-color:#CCD5DD;
  text-align:center;
}
.style_td_caltop {
  padding:5px;
  margin:1px;
  color:inherit;
  background-color:#EEF5FF;
  font-size:80%;
  text-align:center;
}
.style_td_today {
  padding:5px;
  margin:1px;
  color:inherit;
  background-color:#FFFFDD;
  text-align:center;
}
.style_td_sat {
  padding:5px;
  margin:1px;
  color:inherit;
  background-color:#DDE5FF;
  text-align:center;
}
.style_td_sun {
  padding:5px;
  margin:1px;
  color:inherit;
  background-color:#FFEEEE;
  text-align:center;
}
.style_td_blank {
  padding:5px;
  margin:1px;
  color:inherit;
  background-color:#EEF5FF;
  text-align:center;
}
.style_td_day {
  padding:5px;
  margin:1px;
  color:inherit;
  background-color:#EEF5FF;
  text-align:center;
}
.style_td_week {
  padding:5px;
  margin:1px;
  color:inherit;
  background-color:#DDE5EE;
  font-size:80%;
  font-weight:bold;
  text-align:center;
}

/* calendar_viewer.inc.php */
div.calendar_viewer {
  color:inherit;
  background-color:inherit;
  margin-top:20px;
  margin-bottom:10px;
  padding-bottom:10px;
}
span.calendar_viewer_left {
  color:inherit;
  background-color:inherit;
  float:left;
}
span.calendar_viewer_right {
  color:inherit;
  background-color:inherit;
  float:right;
}

/* clear.inc.php */
.clear {
  margin:0px;
  clear:both;
}

/* counter.inc.php */
div.counter { font-size:70%; }

/* diff.inc.php */
span.diff_added {
  color:blue;
  background-color:inherit;
}

span.diff_removed {
  color:red;
  background-color:inherit;
}

/* hr.inc.php */
hr.short_line {
  text-align:center;
  width:80%;
  border-style:solid;
  border-color:#333333;
  border-width:1px 0px;
}

/* include.inc.php */
h5.side_label { text-align:center; }

/* navi.inc.php */
ul.navi {
  margin:0px;
  padding:0px;
  text-align:center;
}
li.navi_none {
  display:inline;
  float:none;
}
li.navi_left {
  display:inline;
  float:left;
  text-align:left;
}
li.navi_right {
  display:inline;
  float:right;
  text-align:right;
}

/* new.inc.php */
span.comment_date { font-size:x-small; }
span.new1 {
  color:red;
  background-color:transparent;
  font-size:x-small;
}
span.new5 {
  color:green;
  background-color:transparent;
  font-size:xx-small;
}

/* popular.inc.php */
span.counter { font-size:70%; }
ul.popular_list {
}

/* recent.inc.php,showrss.inc.php */
ul.recent_list {
padding-left:16px;margin-left:16px;
}

/* ref.inc.php */
div.img_margin {
}

/* vote.inc.php */
td.vote_label {
  color:inherit;
  background-color:#FFCCCC;
}
td.vote_td1 {
  color:inherit;
  background-color:#DDE5FF;
}
td.vote_td2 {
  color:inherit;
  background-color:#EEF5FF;
}