@charset "Shift_JIS";

* {
    margin: 0px;
    padding: 0px;
    zoom: 1;
}

pre, dl, ul, ol, p, blockquote {
    line-height: 140%;
}

blockquote { margin-left:32px; }

body,td {
	font-family:verdana, arial, helvetica, Sans-Serif;
}


a:link {
	color:#215dc6;
	background-color:inherit;
	text-decoration:none;
}

a:active {
	color:#215dc6;
	background-color:#CCDDEE;
	text-decoration:none;
}

a:visited {
	color:#a63d21;
	background-color:inherit;
	text-decoration:none;
}

a:hover {
	color:#215dc6;
	background-color:#CCDDEE;
	text-decoration:underline;
}

body {
    font-size: 15px;
    background: url(bemu600d.gif) 126px 0px;
}

h1, h2 {
    font-family:verdana, arial, helvetica, Sans-Serif;
}
h3 {
	font-family:verdana, arial, helvetica, Sans-Serif;
	border-bottom:  3px solid #222;
	border-top:     1px solid #222;
	border-left:   10px solid #222;
	border-right:   3px solid #222;

	padding:.3em;
	margin:0px 0px .5em 0px;
}
h4 {
	font-family:verdana, arial, helvetica, Sans-Serif;
	border-left:   10px solid #ddd;

	color:inherit;
	background-color:#FFFFFF;
	padding:.3em;
	margin:0px 0px .5em 0px;
}
h5, h6 {
	font-family:verdana, arial, helvetica, Sans-Serif;
	color:inherit;
	background-color:#DDEEFF;
 	padding:.3em;
 	border:0px;
 	margin:0px 0px .5em 0px;
}


h1.title {
    position: absolute;
    top: 75px; left: 0px;
    width: 900px; line-height: 90px;
    background: rgb(0,0,0);
    background: rgba(0,0,0,0.85);
    background: -webkit-gradient(linear, left top, right top,
                    from(rgba(0,0,0,0)),
                    color-stop(0.055, rgba(0,0,0,0.85)),
                    color-stop(0.945, rgba(0,0,0,0.85)),
                    to(rgba(0,0,0,0)));
    background: -moz-linear-gradient(left,
                    rgba(0,0,0,0), rgba(0,0,0,0.85) 5.5%,
                    rgba(0,0,0,0.85) 94.5%, rgba(0,0,0,0));
    background: -webkit-linear-gradient(left,
                    rgba(0,0,0,0), rgba(0,0,0,0.85) 5.5%,
                    rgba(0,0,0,0.85) 94.5%, rgba(0,0,0,0));
    background: -o-linear-gradient(left,
                    rgba(0,0,0,0), rgba(0,0,0,0.85) 5.5%,
                    rgba(0,0,0,0.85) 94.5%, rgba(0,0,0,0));
    margin: 0px auto 0px auto;
    text-align: center;
    font-size: 50px;
    font-weight: bold;
}
h1.title a {
    color: #fff;
    background-color: transparent;
}
h1.title a:hover {
    color: #888;
    background-color: transparent;
}

dt {
    margin-top: 15px;
    padding: 15px 1em 0px 1em;
    font-weight: bold;
    border-top: dashed 1px #000;
}
dd {
    margin-left: 2em;
}

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

img {
	border:none;
	vertical-align:middle;
}

ul {
    list-style: inside circle;
}
li {
    padding: 0px 1em 0px 1em;
}


em { font-style:italic; }

strong { font-weight:bold; }

thead td.style_td,
tfoot td.style_td {
	color:inherit;
	background-color:#D0D8E0;
}
thead th.style_th,
tfoot th.style_th {
	color:inherit;
	background-color:#E0E8F0;
}
.style_table {
	padding:0px;
	border:0px;
	margin:auto;
	text-align:left;
	color:inherit;
	background-color:#ccd5dd;
}
.style_th {
	padding:5px;
	margin:1px;
	text-align:center;
	color:inherit;
	background-color:#EEEEEE;
}
.style_td {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#EEF5FF;
}

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

div.ie5 { text-align:center; }

span.noexists {
	color:inherit;
	background-color:#FFFACC;
}

.small { font-size:90%; }

.super_index {
	color:#DD3333;
	background-color:inherit;
	font-weight:bold;
	font-size:60%;
	vertical-align:super;
}

a.note_super {
	color:#DD3333;
	background-color:inherit;
	font-weight:bold;
	font-size:60%;
	vertical-align:super;
}

div.jumpmenu {
    font-size: 80%;
    text-align: right;
     margin-bottom: 1em;
}

hr.full_hr {
	border-style:ridge;
	border-color:#333333;
	border-width:1px 0px;
}
hr.note_hr {
	width:90%;
	border-style:ridge;
	border-color:#333333;
	border-width:1px 0px;
	text-align:center;
	margin:1em auto 0em auto;
}

span.size1 {
	font-size:xx-small;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size2 {
	font-size:x-small;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size3 {
	font-size:small;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size4 {
	font-size:medium;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size5 {
	font-size:large;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size6 {
	font-size:x-large;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size7 {
	font-size:xx-large;
	line-height:130%;
	text-indent:0px;
	display:inline;
}

/* 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;
}

td.menubar {
    vertical-align: top;
}

/** menubar **/
div#menubar {
    word-break: break-all;
    overflow: hidden;
    width: 9em;
    box-shadow: -6px 8px 8px #666;
    -moz-box-shadow: -6px 8px 8px #666;
    -webkit-box-shadow: -6px 8px 8px $666;
}

div#menubar ul {
    list-style: none outside; /* outside for ie lt 7 */
    margin: 0px; padding: 0px;
}

div#menubar ul li {
    line-height:110%;
    border: solid 1px #000;
    margin: -1px 0px 0px 0px;
    padding: 0px;
    background: rgb(255, 255, 255);
}
div#menubar ul li:first-child {
    margin: 0px;
}
div#menubar ul li > * {
    display: block;
    padding: 3px 10px 3px 10px;
    text-decoration: none;
}
div#menubar ul li *:hover {
    background: rgb(0,0,0);
    color: #fff;
}
div#menubar h5 {
    font-size: 110%;
    font-weight: bold;
    margin: 1px 0px 0px 0px;
    padding: 3px 5px 3px 5px;
    background: rgb(0,0,0);
    color: #fff;
}
div#menubar strong {
    display: block;
    margin: -1px 0px -1px 0px;
    padding: 3px 5px 3px 5px;
    border: double 3px #000;
    border-right: solid 1px #000;
    border-left:  solid 1px #000;
}

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


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

/* pukiwiki.skin.php */
div#header {
    position: relative;
    width: 900px; height: 256px;
    padding: 0px;
    margin: 0px auto 0px auto;
    background: transparent;
}
div#header div.small {
    position: absolute;
    top: 0px; left: 45px;
    color: #000;
}

div#navigator {
    position: relative;
    width: 810px;
    margin: -1.3em auto 8px auto;
    padding: 0px 45px 0px 45px;
    background: rgb(0,0,0);
    background: rgba(0,0,0,0.8);
    background: -webkit-gradient(linear, left top, right top,
                    from(rgba(0,0,0,0)),
                    color-stop(0.05, rgba(0,0,0,0.8)),
                    color-stop(0.95, rgba(0,0,0,0.8)),
                    to(rgba(0,0,0,0)));
    background: -moz-linear-gradient(left,
                    rgba(0,0,0,0), rgba(0,0,0,0.8) 5.5%,
                    rgba(0,0,0,0.8) 94.5%, rgba(0,0,0,0));
    background: -webkit-linear-gradient(left,
                    rgba(0,0,0,0), rgba(0,0,0,0.8) 5.5%,
                    rgba(0,0,0,0.8) 94.5%, rgba(0,0,0,0));
    background: -o-linear-gradient(left,
                    rgba(0,0,0,0), rgba(0,0,0,0.8) 5.5%,
                    rgba(0,0,0,0.8) 94.5%, rgba(0,0,0,0));

    text-align: right;
    font-size: 80%;
    color: #aaa;
    box-shadow: 0px 4px 8px #000;
    -moz-box-shadow: 0px 4px 8px #000;
    -webkit-box-shadow: 0px 4px 8px #000;
}
div#navigator a {
    color: #aaa;
}

table#main {
    width: 900px;
    margin: -10px auto 0px auto;
    padding: 10px 40px 0px 40px;
    background: url(opagra.png) repeat-y;
}

div#body {
/*    position: relative; comment out for ie 7 */
    padding: 0px;
    margin: 0px 0px 50px 1em;
}
div#body h2 {
    margin: -30px 0px 0px -45px;
    padding: 30px 0px 10px 0px;
    background: url(headline.png) no-repeat 15px 40px;
    font-size: 30px;
    font-weight: bold;
    line-height: 120px;
    vertical-align: middle;
}
div#body h2:first-letter {
    display: block;
    padding: 20px 24px 50px 45px;
    font-size: 45px;
    color: #fff;
}
div#body h2 a {
    text-decoration: none;
}
div#body h2 a:hover {
    background: inherit;
    color: #a63d21;
}
div#body p {
    text-indent: 0.5em;
    margin: 0px 0px 1em 0px;
    padding: 0px 1em 0px 1em
}
div#body dl {
    margin: 0px !important;
    padding: 0px !important;
}
div#body ul {
    margin: 0px !important;
    padding: 0px !important;
}

div#note, div#attach, div#toolbar {
    width: 810px;
    background: url(opagra.png) repeat-y;
    margin: 0px auto 0px auto;
    padding: 5px 45px 5px 45px;
    font-size: 80%;
}
div#toolbar {
    border-bottom: dashed 1px #000;
}

div#lastmodified {
    margin: 0px 5px 5px -150px;
    border-top: dashed 1px #000;
    font-size:80%;
    text-align: right;
}

div#related {
    margin: 0px 5px 5px -150px;
    font-size:80%;
    text-align: right;
}

div#footer {
    position: relative;
    width: 810px;
    font-size: 70%;
    margin: 0px auto 0px auto;
    padding: 8px 45px 15px 45px;
    background: url(opagra.png) repeat-y;
}

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

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

img#logo {
        float:left;
	margin-right:20px;
}

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

/* 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 {
/*
	padding:0px;
	border:0px;
	margin:0px 0px 0px 1em;
	word-wrap:break-word;
	word-break:break-all;
*/
}

/* recent.inc.php,showrss.inc.php */
ul.recent_list {
/*
	padding:0px;
	border:0px;
	margin:0px 0px 0px 1em;
	word-wrap:break-word;
	word-break:break-all;
*/
}

/* ref.inc.php */
div.img_margin {
    margin: 15px 5px 10px 5px;
}

/* 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;
}


/* twitter */
div#twitter {
    width: 90%;
    margin: 20px 15px 5px auto;
    padding: 20px;
}
div#twitter h2 {
    margin: 0px; padding: 0px;
    font-size: 1.2em;
    line-height: 1.2em;
}
div#twitter h2:first-letter {
    margin: 0px; padding: 0px;
    font-size: 1.3em;
    color: #000;
}
div#twitter ul {
    list-style: none;
    margin: 0px; padding: 0px;
}
div#twitter p {
    margin: 0px;
}
div#twitter a {
}
#tweets li {
    padding: 5px 0px 5px 0px;
    border-top:1px dashed #000;
    line-height:150%;
    font-size: 0.85em;
}
#tweets li.tweet_content_0 {
    border-top:0px none;
}
#tweets li:last-child {
    border-bottom:0px none;
}
#tweets .hash { color:#000; }
#tweets .reply { color:#000; }
#tweets small {
    font-style:italic;
    white-space: nowrap;
}