@charset "x-sjis";

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

blockquote { margin-left:0px; }

body {
        border: 0;
        padding: 0;
        margin: 0;
	color: black;
	font-family: "�q���M�m�ۃS Pro W4", "Hiragino Maru Gothic Pro W4", "�l�r�@�o�S�V�b�N", "MS PGothic", sans-serif;
	line-height: 150%;
}

td {
        border: 0;
        color: black;
        background-color: #eef5ff;
        margin: 0;
        padding: 0;
}

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

h1, h2 {
        border-bottom:  2px solid #000000;
        border-top:     0px solid #000000;
        border-left:    0px solid #008080;
        border-right:   0px solid #008080;
	font-weight: bold;
	color: black;
	background-color: #e6e7ea;
	padding: 0px 30px 0px 30px;
	margin: 0px -30px 10px -30px;
	text-align: center;
	line-height:120%;
}
h3 {
	clear:both;
	border-bottom:  2px solid #f42;
	border-top:     none;
	border-left:    5px solid #F42;
	border-right:   none;
	color: black;
	backgound-color: white;
	padding: 0.2em 0.5em;
	margin: 0px 0px 10px 0px;
}
h4 {
	border-left:   18px solid #000072;
	color:inherit;
	background-color:#ffffff;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 10px 0px;
}
h5, h6 {
	color:inherit;
	background-color:#008080;
 	padding: 0;
 	border: 0;
 	margin: 0px 0px 10px 0px;
}

h1.title {
	font-weight: bold;
        color:inherit;
	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:.5em;
	margin-left:1em;
	margin-right:2em;
	white-space:pre;
	color:black;
	background-color:#F0F8FF;
}

img {
	border:none;
	vertical-align:middle;
	margin: 0px 10px 10px 0px;
	padding:0 ;
}

ul {
	margin-top:.5em;
	margin-bottom:.5em;
}

p {
	clear:both;
}

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;
	margin-top: 10px;
	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: 14px;
}

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

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

div.jumpmenu {
	font-size:x-small;
	text-align:right;
}

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

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


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

div#container {
        width: 804px;
#       width: 780px;
        border: 0px solid #171717;
        color: black;
	margin: 0 auto;
        padding: 0px 0px 0px 24px;
#       padding-left: 8px;
        background-image: url(../image/bg.png);
#       background-image: url(../image/bg2.png);
	clear: both;
        background-repeat: repeat-y;
        background-position: center;
}

/* pukiwiki.skin.php */
div#header {
	border: 0px 1px 0px 0px;
	clear: both;
	width: 780px;
	padding: 0;
	margin: 0;
	height: 100px;
	background-color: #000072;
	background: url(../image/title.jpg) no-repeat;
}

div#header h1{
	position: absolute;
	top: -100%;
}

/*
div#wikinavigator {
	width: 780px;
	clear:both;
	padding: 0;
	margin: 0;
	border: 0;
}*/

div#frame {
        clear: both;
        width: 780px;
#       width: 772px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0;
}
div#outro {
        margin: 0;
        padding: 0px 0px 0px 0px ;
        border: 0;
        background-image: url(../image/bottom.png);
        background-repeat: no-repeat;
        background-position: center top;
}

div#main{
       width: 780px;
	clear: both;
	color: #3a3a3a;
	margin: 0;
	padding: 0;
	border: 0;
}

div#navigator{
	position:relative;
	border-top: 2px solid #FFCC00;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
        vertical-align: top;
        clear: both;
        width: 780px;
        padding: 0;
        margin: 0;
	height: 22px;
	font-size: 16px;
}

div#navigator ul {
	width: 100%;
	height: 1.5em;
	line-height: 150%;
	vertical-align: top;
	margin: 0;
	padding: 0;
	list-style:none;
	border: none;
	background-color: #171717;
}

div#navigator li {
	height: 1.5em;
	line-height: 150%;
        vertical-align: top;
	margin: 0;
	padding: 0;
	border: none;
	float:left;
}

div#navigator a, div#navigator a:link, div#navigator a:visited{
	text-decoration: none;
	color: #FFFFFF;
        vertical-align: middle;
	background-color: #171717;
	margin: 0px 0px 0px 0px;
	border: 0;
	padding: 0px 8px 0px 2px;
	display: block;
}

div#navigator a:hover{
	color: #3333CC;
        vertical-align: middle;
	background-color: #FFCC00;
	border: 0;
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 0px 2px;
	display: block;
}

div#navigator div {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 16px;
}



div#body {
        clear: both;
        width: 720px;
	border: 0;
	padding:0 30px 10px 30px;
	margin: 0px 0px 0px 0px;
        color: #3a3a3a;
        border-bottom: 2px solid #171717;
}
div#body ul{
	list-style-type: none;
	list-style-image: url(../image/kiss-list.png);
}


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

div#attach {
	padding: 0;
	margin: 0px 10px 0px 10px;
        color: #3a3a3a;
        background-color: #ffffff;
}

div#toolbar {
        width: 780px;
	padding: 0;
	margin: 0px 0px 0px 8px;
	border: 0;
        clear: both;
        color: #3a3a3a;
}

.toolitem{
	margin: 0px 8px 2px 0px;
	padding: 0;
	float: left;
        color: #3a3a3a;
        background-color: #ffffff;
}

.itemPhoto{
	border: 0;
	margin: 0;
	padding: 0;
	height: 20px;
	width: 20px;
	text-align: center;
        color: #3a3a3a;
        background-color: #ffffff;
}

.itemText{
	border: 0;
	margin: 0;
	padding:0;
	font-size: 12px;
        color: #3a3a3a;
        background-color: #ffffff;
}

div#lastmodified {
        background-color: #e6e7ea;	
	text-align:right;
	font-size:small;
	padding:0px 10px 0px 0px;
	margin:0;
}

div#related {
	font-size:small;
	padding:0px;
	margin:16px 0px 0px 0px;
}

div#topic {
        width: 770px;
        background-color: #e6e7ea;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 10px;
}

div#footer {
	text-align: center;
        clear: both;
        width: 780px;
        padding: 0;
        margin: 0;
        height: 23px;
        background-color: #000072;
	font-size: 14px;
	color: #FFFFFF;
	font-family: "Times New Roman", times, serif;
}

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

/* 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:#171717;
	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:small; }
span.new1 {
	color:red;
	background-color:transparent;
	font-size:small;
}
span.new5 {
	color:green;
	background-color:transparent;
	font-size:x-small;
}

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

/* recent.inc.php,showrss.inc.php */
ul.recent_list {
}

/* ref.inc.php */
div.img_margin {
	margin: 0px -30px 0px -30px;
}

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

form { display:inline; margin:0px; padding:0px; }

.dir_table { border: 1px solid #ccd5dd; background-color:#eef5ff; width:700px; margin: 0 auto; line-height: 100%;}
.dir_table_info { width:150px; text-align: top; padding: 3px 0px 3px 0px; line-height: 100%;}
.dir_table_thumbs { text-align: middle; font-size: 1em; padding: 3px 0px 3px 0px; line-height: 100%;}

.photo_table { background-color:#eef5ff; border: 1px solid #ccd5dd; width:700px; margin: 0 auto;}
.photo_table_cell { border-right: 1px solid #ccd5dd; padding: 0px 0px 5px 0px;}
.photo_table_cell_l { border-right: 1px solid #ccd5dd;padding: 0px 0px 5px 0px; }
.photo_table_cell_r { padding: 0px 0px 5px 0px; }
.photo_table_cell_e { padding: 0px 0px 5px 0px; }
.photo_table_cell_n { padding: 5px 5px 5px 5px; }
.photo_table_spacer { background-color:#ccd5dd; height:10px; border-bottom: 1px solid #ccd5dd; border-top: 1px solid #ccd5dd;}

.details_table { background-color:#eef5ff; border: 1px solid #ccd5dd; width:700px; margin: 0 auto;}
.details_table_cell_l { border-right: 1px solid #ccd5dd; padding: 5px 5px 5px 5px; width:200px; }
.details_table_cell_r { padding: 0px; }

.crumbs { font-size: 1.1em; font-weight:bold; margin: 0px 0px 10px 5px;}

.admin_table { border: 1px solid #ccd5dd; background-color:#eef5ff; width:700px; margin: 0 auto;}
/*
.admin_heading { border-bottom: 2px solid #aa7777; background-color:#cc9999; padding: 2px 0px 3px 5px; font-size: 1.1em; font-weight:bold;}
.admin_cell { background-color:#eef5ff; padding: 10px 0px 10px 5px;}
*/
.friend_table { border: 1px solid #ccd5dd; background-color:#eef5ff; width:700px; margin: 0px 37px 0px 37px;}
.friend_heading { border-bottom: 2px solid #77aa77; background-color:#99cc99; padding: 2px 0px 3px 5px; font-size: 1.1em; font-weight:bold;}
.friend_cell { background-color:#ccffcc; padding: 10px 0px 10px 5px;}

.form_btn { border: 1px solid #ccd5dd; background-color:#ccccff; font-size: 0.8em; }
.form_btn:hover { border: 1px solid #ccd5dd; background-color:#9999ff; font-size: 0.8em; }
.form_text { border: 1px solid #ccd5dd; background-color:#ffffff; font-size: 0.8em; padding: 2px;}
.form_text:hover { border: 1px solid #000066; background-color:#ffffcc; font-size: 0.8em; padding: 2px;}

.error { border: 1px solid #ccd5dd; background-color:#ffcccc; width:98%; margin: 0px 0px 0px 5px;}

b { font-size: 1.1em; font-weight:bold;}
.folder { font-size: 1em;}
.info { font-size: 0.8em; }
.info_bold { font-size: 0.8em; font-weight:bold; }
.tag { color: #666666; font-size: 0.9em; font-weight:normal;  margin: 0px 0px 0px 5px;}
a.tag_lnk { color: #666666; text-decoration: underline;}