@charset "Shift_JIS";

/* pre, dl, ol, p, blockquote { line-height:150%; } */

*{
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	margin:0;
	padding:0;
	line-height: 100%;
	font-weight:normal;
}


a:link {
	/* color:#3344EE; */
	color:black;
	text-decoration:none;
}

a:active {
	color:black;
	text-decoration:none;
}

a:visited {
	color:black;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

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

blockquote { margin-left:16px; }

body{
	color:#555555;
	background-color:#ffffff;
}


div.ie5 { text-align:center; }

div.jumpmenu {
	font-size:60%;
	text-align:right;
}

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

em { font-style:italic; }

hr.full_hr {
	border-style:solid;
	border-color:#AFAFAF;
	border-width:1px 0px 0px 0px;
	margin-top:8px;
	margin-bottom:8px;
}

hr.note_hr {
	width:100%;
	border-style:solid;
	border-color:#AFAFAF;
	border-width:1px 0px 0px 0px;
	text-align:center;
	margin-top:8px;
	margin-bottom:8px;
}

/* hr.inc.php */
hr.short_line {
	border-style:solid;
	border-color:#AFAFAF;
	border-width:1px 0px 0px 0px;
	margin-top:8px;
	margin-bottom:8px;
}

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

pre {
	border-top:#DDDDEE 1px solid;
	border-bottom:#888899 1px solid;
	border-left:#DDDDEE 1px solid;
	border-right:#888899 1px solid;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:12px;
	margin-left:0px;
    margin-top:8px;
	margin-bottom:8px;
	white-space:pre;
	color:black;
	background-color:#F0F0F0;
}

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

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


strong { font-weight:bold; }

/* Table Design */

thead td.style_td {
    font-weight:bold;
	color:inherit;
	background-color:white;
}

tfoot td.style_td {
    font-size:90%;
	color:inherit;
	background-color:white;
}

thead th.style_th,
tfoot th.style_th {
	color:inherit;
	background-color:white;
}

.style_table {
	padding:0px;
	border:0px;
	margin-top:6px;
	margin-bottom:12px;
	margin-left:0px;
	margin-right:auto;
	text-align:left;
	color:inherit;
	background-color: white;
}
.style_th {
	padding:5px;
	margin:1px;
	text-align:center;
	color:inherit;
	background-color:white;
}
.style_td {
	padding-top:4px;
	padding-bottom:2px;
	padding-left:12px;
	padding-right:12px;
	color:inherit;
	background-color:white;
}


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


.small { font-size:80%; }

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



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


textarea {
	line-height:150%;
}



/* pukiwiki.skin.php */

/*******************************/

#container {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:920px;
	background-color: white;
}


#header {
	height:120px;
	background-color:#ffffff;

}

#header .logo {
	position: absolute;
	top:40px;
	left:0px;
	width:240px;
	height:40px;
}



/*******************************/

#headNavigator {
	position: absolute;
	top: 0px;
	right: 0px;
	font-size:12px;
	color:#cccccc;
}

#headNavigator a{
	font-size:10px;
	color:#cccccc;
}

#headNavigator a:hover{
	color:#000000;
}


/*******************************/

#siteNavigator {
	position:absolute;
	top:90px;
	left:00px;
	height:25px;
	font-size: 10px;
	color:#afafaf;
	background:transparent;
	overflow:hidden;
}

#siteNavigator a{
	display:block;
	font-size: 10px;
	font-weight: bold;
	display:inline;
	color:#afafaf;
}

#siteNavigator a:hover{
	color:#000000;
}


/*******************************/

#searchBox {
	position: absolute;
	top: 60px;
	left:770px;
	font-size:12px;
}


/*******************************/


#headImage {

	font-size: 12px;
}


/*******************************/

#headTopics {
	position: absolute;
	top: 80px;
	left: 40px;
	width : 840px;
	font-size: 12px;
	color:#afafaf;
}

#headTopics a{
	color:#dddddd;
}


/*******************************/

#menubar {
    float:left;
	padding-top:40px;
	padding-left:0px;
	width:280px;
	margin-right:40px;
	padding-bottom : 12px;
	color: #777777;
	font-size: 12px;
}

#menubar a {
	/* display:block; */
}

#menubar ul {
	margin-bottom:4px;
	padding:0;
}

#menubar ul li{
	list-style-type:none;
}

/**********/

#menubar h2 {
	border-top: dotted 1px #afafaf;
	display:block;
	padding-right:7px;
	padding-left:0px;
	padding-top:10px;
	padding-bottom:10px;
	color:#555555;
	font-size: 12px;
}

#menubar h2 a {
	text-decoration:none;
	color:#555555;
}

#menubar h2 a:hover {
	font-style:italic;
	color:black;
}


#menubar h5, h6 {
	padding-left:0px;
	padding-top:9px;
	padding-bottom:9px;
	margin-top:0px;
	margin-bottom:8px;
	border-top:   1px dotted #afafaf;
	color:#333333;
	font-size:12px;
	font-weight:bold;
}

#menubar div.jumpmenu {
    display:none;
	font-size:60%;
	text-align:right;
}

/*******************************/

#pageTitle{
	float:left;
	padding-top:40px;
	width:600px;
	text-align:right;
}

#pageTitle h1{
	border-top:   2px solid #000000;
	padding-top:8px;
	padding-bottom:8px;
	font-size: 24px;
	font-weight:bold;
}

#pageTitle h1 a {
	color:black;
}


#pageTitle .subTitle{
	text-align:right;
	font-size:12px;
	color: #777777;

}

/****************************************/
/* page title in edit mode */

#pageTitle2 h1{
	position: absolute;
	top:120px;
	left:0px;
	font-size: 24px;
	font-weight:bold;
}

#pageTitle2 h1 a {
	color:black;
}


/*******************************/

#contents{
	float:left;
	padding-top:40px;
	margin-bottom:40px;
	width:600px;
	margin-right:0px;
	font-size: 12px;
	line-height:180%; 
}

#contents a {
	display:inline;
}

#contents p{ line-height:170%; margin-bottom:12px;}

#contents ul {
	margin-top:12px;
	margin-bottom:15px;
}

#contents ul li { line-height:170%; }

#contents h2 {
	margin-top:0px;
	border-top:  1px solid #999999;
	/* border-bottom:  1px solid #afafaf; */
	padding-top:8px;
	padding-bottom:8px;
	margin-bottom:18px;

	color:#333333;
	font-size: 16px;
}

#contents h3 {
	padding-top: 9px;
	padding-bottom: 9px;
	border-bottom: 1px dotted #afafaf;
	margin-bottom: 18px;
	text-align:right;
	color:#333333;
	font-size: 14px;
}

#contents h4 {
	margin-top:6px;
	border-left: 4px solid #AFAFAF;
	padding-left:8px;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:10px;
	color:#333333;
	font-size: 12px;
}


/*******************************/

#body h3{
	margin-top: 36px;
}



/*******************************/

#note {
	clear:both;
	padding-bottom:36px;
}


/*******************************/


#attach {
	clear:both;
	border-top:1px solid #AFAFAF;;
	padding-top:10px;
	font-size:12px;
	margin-bottom:20px;
}



/*******************************/

#footer {
	clear:both;
	display:block;
	padding-bottom:48px;
	border-top:1px solid #AFAFAF;
	color: #999999;
	/* background-color:#ffffff;*/
	background-image:url("../image/logo2.png");
	background-repeat:no-repeat;
	/* background-position: left top;*/
	background-position: 0px 13px;
}

#footer a{
	display:inline;
	color:#555555;
}

#footer p{
	margin-top: 6px;
	line-height:150%;
}

/*******************************/

#toolbar {
	text-align:right;
	padding-top:20px;
}



/*******************************/

#lastmodified {
	text-align:right;
	padding-top:12px;
	font-size:10px;
}


/*******************************/

#related {
	text-align:right;
	padding-top:6px;
	font-size:10px;
}

/*******************************/

#signature {
	text-align:right;
	padding-top:6px;
	font-size:10px;
	padding-bottom:20px;
}


/*******************************/

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


/*******************************/

#preview {
	color:inherit;
	background-color:#DDDDDD;
}


/* 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-left:0px;
	margin-right:24px;
	color:inherit;
	background-color:#AAAAAA;
	text-align:center;
}
.style_td_caltop {
	padding:5px 12px;
	margin:1px;
	color:inherit;
	background-color:#DDDDDD;
	font-size:10px;
	text-align:center;
}
.style_td_today {
	padding:5px 12px;
	margin:1px;
	color:inherit;
	background-color:#FFFFCC;
	text-align:center;
}
.style_td_sat {
	padding:5px 12px;
	margin:1px;
	color:inherit;
	background-color:#CCCCEE;
	text-align:center;
}
.style_td_sun {
	padding:5px 12px;
	margin:1px;
	color:inherit;
	background-color:#EECCCC;
	text-align:center;
}
.style_td_blank {
	padding:5px 12px;
	margin:1px;
	color:inherit;
	background-color:#F7F7F7;
	text-align:center;
}
.style_td_day {
	padding:5px 12px;
	margin:1px;
	color:inherit;
	background-color:#DDDDDD;
	text-align:center;
}
.style_td_week {
	padding:5px 12px;
	margin:1px;
	color:inherit;
	background-color:#EEEEEE;
	font-size:10px;
	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:9px; }

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

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

/* 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:10px; }
ul.popular_list {
  font-size:90%;
}

/* recent.inc.php,showrss.inc.php */
ul.recent_list {
  font-size:90%;
}

ul.recent_list li{
	padding-top:4px;
	padding-bottom:4px;
}

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

/* search.inc.php */
#searchForm{
	position: relative;	
}

#keywords{
	width: 144px;
	height: 12px;
	background: #ffffff;
	border: 1px solid #999999;
	padding: 3px;
}
#searchBtn	{
	position: absolute;
	top: 1px;
	left: 125px;
}

/* vote.inc.php */
td.vote_label {
	color:white;
	background-color:#555555;
	padding:4px 8px;
}
td.vote_td1 {
	color:inherit;
	background-color:#CCCCCC;
	padding:4px 8px;
}
td.vote_td2 {
	color:inherit;
	background-color:#DDDDDD;
	padding:4px 8px;
}