@charset "Shift_JIS";

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

blockquote { margin-left:32px; }

body {
    background-color: #74838D;
    color: #000000;
    font: 100% "MS UI Gothic", Osaka, Verdana, Arial, Helvetica, sans-serif;
    width:760px;
    margin-top: 0px;
    padding: 0px;
}

td {
    color:black;
    background-color:white;
    margin-left:2%;
    margin-right:2%;
    font-size:90%;
    font-family:"MS UI Gothic", Osaka, verdana, arial, helvetica, Sans-Serif;
}

a:link {
    text-decoration: underline;
}

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

a:visited {
    text-decoration: underline;
}

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

/* h1,h2 {
    font-family:"MS UI Gothic", Osaka, verdana, arial, helvetica, Sans-Serif;
    color:inherit;
    background-color:#DDEEFF;
    padding:0.3em;
    border:0px;
    margin:0px 0px 0.5em 0px;
} */



h3 {
    font: bold 110% "MS UI Gothic", Osaka, verdana, arial, helvetica, Sans-Serif;
    border-bottom:  3px solid #DDEEFF;
    border-top:     1px solid #DDEEFF;
    border-left:   10px solid #DDEEFF;
    border-right:   5px solid #DDEEFF;

    color:inherit;
    background-color:#FFFFFF;
    padding:1em;
    margin:0px 0px 0.5em 0px;
}
h4 {
    font: bold 100% "MS UI Gothic", Osaka, verdana, arial, helvetica, Sans-Serif;
    border-left:   18px solid #DDEEFF;

    color:inherit;
    background-color:#FFFFFF;
    padding:1em;
    margin:0px 0px 0.5em 0px;
}
h5, h6 {
    font: bold 90% "MS UI Gothic", Osaka, verdana, arial, helvetica, Sans-Serif;
    color:inherit;
    background-color:#DDEEFF;
     padding:1em;
     border:0px;
     margin:0px 0px 0.5em 0px;
}

h1.title {
    font-size: 30px;
    font-weight:bold;
    background-color:transparent;
    padding: 12px 0px 0px 0px;
    border: 0px;
    margin: 12px 0px 0px 0px;
}

dt {
    font-weight:bold;
    margin-top:1em;
    margin-left:1em;
}

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

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

ul {
    margin-top:0.5em;
    margin-bottom:0.5em;
    line-height:130%;
}

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:disc; }
ul.list2 { list-style-type:circle; }
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:70%; }

.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:60%;
    text-align:right;
}

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

/* 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#body {
	padding:0px;
	margin:0px 0px 0px 0.5em;
}

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

div#attach {
    display:none;
}

div#toolbar {
        display:none;
}

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

div#related {
        display:none;
}

/* div#footer {
    font-size:70%;
    padding:0px;
    margin:16px 0px 0px 0px;
} */

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 {
}

/* ref.inc.php */
div.img_margin {
    margin-left:32px;
    margin-right:32px;
}

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



/*************** GLOBAL BLOCK ******************/
.skipLinks {display: none;}

#PageBody {
    margin-top: 0px;
    padding: 0px;
    border: 0px none;
    height: auto;
    width: 100%;
}

div #PageBody {
    height:auto;
}

#Global {
    position: relative;
    width: 760px;
    height:auto;
    padding: 0px;
    margin: 0px;
    background-image:url(http://www.color-web.net/images/nv_bg.jpg);
    background-color:#FFFFFF;
    background-repeat: no-repeat;
    text-align:right;
    color:#ffffff;
}


#SiteName {
    font: bold 100% "MS UI Gothic", Osaka, Verdana, Arial, Helvetica, sans-serif;
    background-image:url(http://www.color-web.net/images/color-logo.gif);
    background-repeat: no-repeat;
    height:55px;
    padding: 0px 0px 0px 45px;
    margin: 0px 0px 0px 20px;
    clear:right;
    text-align:left;
    text-indent: 20px;
    color:#FFFFFF;
}

#GlobalNaviLink {
    margin:0px;
    padding:3px;
    font-size: 70%;
    position: absolute;
    height: 13px;
    width: 540px;
    left: 209px;
    top: 35px;
}

#TopImage {
    top:55px;
    margin:0px;
    padding:0px;
    width:760px;
    height:198px;
}

ul.flip-menu li {
    display: inline;
    padding-right: 0.5em;
}

.menulink a:link {
    color:#FFFFFF;
    margin-right: 0.5em;
    padding-right: 0.5em;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #FFFFFF;
}

.menulink a:active {
    color:#000066;
    margin-right: 0.5em;
    padding-right: 0.5em;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #FFFFFF;
}

.menulink a:visited {
    color:#FFFFFF;
    margin-right: 0.5em;
    padding-right: 0.5em;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #FFFFFF;
}

.menulink a:hover {
    color:#000066;
    background-color:#CCDDEE;
    text-decoration:underline;
    margin-right: 0.5em;
    padding-right: 0.5em;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #FFFFFF;
}


/*************** MENU BLOCK ******************/

#ManuBarLink {
    font: 80% "MS UI Gothic", Osaka, Verdana, Arial, Helvetica, sans-serif;
    margin:3px;
    padding:0px;
    position: absolute;
    height: 15px;
    width: 556px;
    left: 191px;
    top: 253px;
}

#PageName {
    font-family: Verdana, Arial, Helvetica, sans-serif, "MS UI Gothic", Osaka;
    padding: 10px 0px 0px;
    margin: 0px;
    text-align:left;
    text-indent: 20px;
    color:#000000
}

#MenuBarS {
    padding:0px;
    margin:0px;
    width: 760px;
    height: 44px;
    background-image:url(http://www.color-web.net/images/menu_bar.gif);
    background-repeat: no-repeat;
}
#MenuBarSLink {
    font: 80% "MS UI Gothic", Osaka, Verdana, Arial, Helvetica, sans-serif;
    margin:3px;
    padding:0px;
    position: absolute;
    height: 15px;
    width: 556px;
    left: 191px;
    top: 253px;
}

#PageName {
    font-family: Verdana, Arial, Helvetica, sans-serif, "MS UI Gothic", Osaka;
    padding: 10px 0px 0px;
    margin: 0px;
    text-align:left;
    text-indent: 20px;
    color:#000000
}

#Content {
    clear:both;
    width:759px;
    height:auto;
    background-color:#FFFFFF;
    color:#000000;
    font-size:90%;
    vertical-align:top;
}

div #Content{
    text-align:left;
}

/*************** FOOTER BLOCK ******************/

#Footer {
    background-color:#666666;
    margin: 0px;
    padding: 0px;
    width: 760px;
    height: 30px;
    clear: both;
}

#Footer p{
    font: 70% Helvetica, sans-serif;
    margin-top:5px;
    padding:5px;
    vertical-align: middle;
    text-align: center;
    color: #FFFFFF;
}

/******* OPERA & Safari hack *********/
/* safari only \*/
html:\66irst-child body{
	font-size:13px;
	letter-spacing:-0.1em;
}
/* opera only */
html:\66irst-child body{
	font-size:85%;#
	letter-spacing:normal;#
}
/* end opera & safari hack */