/* Eyes, JAPAN Blog: /default.css ------------------------------------------- */

@import url("base-layout.css");
@import url("page.css");
@import url("site-menu.css");


/* heading -------------------------------------------------- */

#page-content h2 {
	font-size:        120%;
	font-weight:      bold;
	color:            #ffffff;
	background-color: #000000;
	padding:          2px;
	margin:           0 0 1em 0;
}

#page-content h3 {
	font-size:        100%;
	font-weight:      bold;
	background-color: #f0f0f0;
	padding:          1px 2px;
	border-style:     solid;
	border-width:     1px 0 0 0;
	border-color:     #000000;
	margin:           0 0 1em 0;

}

#page-content h4 {
	font-size:        100%;
	font-weight:      bold;
	margin:           0 0 1em 0;
}


/* entry ---------------------------------------------------- */

#page-content div.entry {
	padding:       0;
	border-style:  none;
	border-width:  0;
	border-color:  #000000;
	margin:        0 0 1em 0;
}

#page-content .entry-header {
	font-weight:      bold;
	font-family:      "Arial", sans-serif;
	color:            #ffffff;
	background-image:  url("data/template/img/entry-header-back.png");
	background-repeat: repeat-x;
	background-color:  #404040;
	padding:           4px;
	margin:            0 0 1em 0;
}
#page-content .entry-header a {
	text-decoration: none;
}
#page-content .entry-header a:link {
	color: #ffffff;
}
#page-content .entry-header a:visited {
	color: #ffffff;
}


#page-content div.entry-content {
	line-height:  1.4em;
	padding:      0;
	border-style: none;
	margin:       0;
}
#page-content div.entry-more {
	clear: both;
	margin: 1em 0;
}

#page-content div.entry-signature {
	margin: 1em 0 ;
}

#page-content div.entry-tag {
	clear:            both;
	background-color: #f0f0f0;
	padding:          2px 4px;
	margin:           1em 0;
}

#page-content div.entry-footer {
	text-align:    right;
	clear:         both;
	padding-top:   2px;
	border-top:    solid 1px #808080;
	margin:        1em 0;
}


/* entry content ------------------------------------------------------------ */

#page-content div.entry-content div.entry-image {
	display:          inline;
	float:            right;
	padding:          0;
	border-style:     none;
	margin:           0 0 1em 1em;
}

#page-content div.entry-content div.entry-image-center {
	text-align:      center;
	margin:     0 0 1em 0;
}
#page-content div.entry-image-center img {
	vertical-align: top;
}



#page-content .entry-section-header {
	padding:          4px;
	background-color: #f0f0f0;
	border-style:     solid;
	border-width:     1px 0 0 0;
	border-color:     #808080;
	margin:           0 0 1em 0;
}

#page-content div.entry-content p {
	padding:       0;
	margin-top:    1em;
	margin-bottom: 1em;
}
#page-content div.entry-content div {
	padding:          0;
	margin:           1em 0;
}

/* list */

#page-content div.entry ul {
	list-style-position: outside;
	list-style-type:     disk;
	padding:             0;
	margin:              0 0 1em 2em;
}

#page-content div.entry ul.decimal {
	list-style-type: decimal;
}
#page-content div.entry ul.none {
	list-style-position: outside;
	list-style-type:     none;
}

#page-content div.entry li {
	padding: 0;
	margin:  0;
}
#page-content div.entry ul.separate li {
	margin: 0 0 1em 0;
}


/* definition list */

#page-content div.entry dl {
	padding: 0;
	margin:  0;
}
#page-content div.entry dt {
	padding: 0;
	margin:  0;
}
#page-content div.entry dd {
	padding: 0;
	margin:  0 0 1em 2em;
}


/* blockquote */

#page-content div.entry blockquote {
	margin:           1em 0;
	padding:          0;
	background-color: #f0fff0;
	border-style:     solid;
	border-width:     1px;
	border-color:     #80c080;
}
#page-content div.entry-content blockquote div {
	margin: 1em;
}
#page-content div.entry-content blockquote p {
	margin: 1em;
}
#page-content div.entry-content blockquote ul {
	list-style-position: outside;
	margin:              1em;
	padding:             0;
}
#page-content div.entry-content blockquote div.cite {
	text-align: right;
	margin:     1em;
}




#page-content div.entry div.console {
	font-family:      "Fixed Sys", "MS ゴシック", monospace;
 	color:            #00ff00;
	background-color: #000000;
	padding:          1em;
	border-style:     solid;
	border-width:     1px;
	border-color:     #808080;
}



/* form --------------------------------------------------------------------- */

#page-content input.numeric {
	text-align: right;
}

#page-content select.disabled {
	color:            #808080;
	background-color: #e0e0e0;
}



/* comment ------------------------------------------------------------------ */

#page-content div#comment-section {
	border-style: none;
	border-width: 1px;
	border-color: #ffffff;
	margin:       0 0 1em 0;
}

#page-content #comment-section-header {
	color:            #ffffff;
	background-color: #000000;
	padding:          2px 4px;
}

#page-content div.comment {
	background-color: #f0f0f0;
	border-style:     solid;
	border-width:     1px;
	border-color:     #c0c0c0;
}

#page-content .comment-header {
	background-color: #c0c0c0;
	padding:          1px 3px;
	border-style:     solid;
	border-width:     1px;
	border-color:     #c0c0c0;
	margin:           0;
}
#page-content div.comment-content {
	margin:           1em;
	padding:          0;
}
#page-content div.comment-footer {
	text-align:    right;
	padding:       4px 0 0 0;
	border-style:  solid;
	border-width:  1px 0 0 0;
	border-color:  #c0c0c0;
	margin:        1em;

}

#page-content form#comment-post table {
	border-style:     solid;
	border-width:     1px;
	border-color:     #808080;
} 

#page-content form#comment-post th {
	color:            #000000;
	background-color: #c0c0c0;
	border-style:     solid;
	border-width:     1px 0;
	border-color:     #808080;
}
#page-content form#comment-post td {
	border-style:     solid;
	border-width:     1px 0;
	border-color:     #808080;
} 





/* table -------------------------------------------------------------------- */

#page-content table {
	border-collapse: collapse;
	border-style:    solid;
	border-width:    1px 0;
	border-color:    #000000;
	margin:          1em 0;
}

#page-content th {
	text-align:       left;
	font-weight:      normal;
	color:            #000000;
	background-color: #e0e0e0;
	padding:          4px 1ex;
	border-style:     solid;
	border-width:     1px 0;
	border-color:     #000000;
}
#page-content td {
	vertical-align:   top;
	padding:          4px 1ex;
	border-style:     solid;
	border-width:     1px 0;
	border-color:     #000000;
}
#page-content td.numeric {
	text-align: right;
}
#page-content td.center {
	text-align: center;
}





/* photo album -------------------------------------------------------------- */

#page-content table.album {
	border-collapse: collapse;
	border-style:    solid;
	border-width:    1px;
	border-color:    #a0a000;
	margin:          1em 0;
}

#page-content table.album td {
	vertical-align:   top;
	padding:          4px 1ex;
	border-top:       none;
	border-left:      none;
	border-right:     none;
	border-bottom:    solid 1px #a0a000;
}
#page-content table.album td.photo {
	text-align:       center;
	background-color: #000000;
	padding:          0;
}

#page-content table.album td h4 {
	font-size:   100%;
	font-weight: bold;
	margin:      0 0 1em 0;
}


/* code emphasis ------------------------------------------------------------ */

#page-content table.code {
	border-collapse: separate;
	border-spacing:  1ex;
	border-style:    none;
	border-width:    0;
	border-color:    #000000;
}

#page-content table.code th {
	padding:          0;
    background-color: #ffffff;
    padding:          0 0 0 2px;
    border-style:     none;
    border-width:     0;
    border-color:     #000000;
}

#page-content table.code td {
	background-color: #f0f0f0;
	padding:          1em;
	border-style:     solid;
	border-width:     1px;
	border-color:     #000000;
}

#page-content em.kwd {
	font-style:      normal;
	text-decoration: none;
	color:           #0000ff;
}
#page-content em.lit {
	font-style:      normal;
	text-decoration: none;
	color:           #800000;
}
#page-content em.str {
	font-style:      normal;
	text-decoration: none;
	color:           #800000;
}
#page-content em.cmt {
	font-style:      normal;
	text-decoration: none;
	color:           #008000;
}
#page-content em.usr {
	font-style:      normal;
	text-decoration: none;
	color:           #000080;
}

/* message box -------------------------------------------------------------- */

#page-content div.msg-guide {
	background-image:  url('data/msg/guide.png');
	background-repeat: no-repeat;
	background-color:  #e0e0e0;
	padding:           12px 0 0 0;
	border-style:      solid;
	border-width:      1px;
	border-color:      #606060;
	margin:            1em 0;
}
#page-content div.msg-guide p {
	margin: 1em;
}

#page-content div.msg-notice {
	background-color:  #ffffc0;
	background-image:  url('data/msg/notice.png');
	background-repeat: no-repeat;
	padding:           12px 0 0 0;
	border-style:      solid;
	border-width:      1px;
	border-color:      #808000;
	margin:            1em 0;
}
#page-content div.msg-notice p {
	margin: 1em;
}

#page-content div.msg-error {
	background-color:  #ffe0e0;
	background-image:  url('data/msg/error.png');
	background-repeat: no-repeat;
	padding:           12px 0 0 0;
	border-style:      solid;
	border-width:      1px;
	border-color:      #a00000;
	margin:            1em 0;
}
#page-content div.msg-error p {
	margin: 1em;
}


/* common (block element) --------------------------------------------------- */

#page-content div.relation {
	padding:      4px;
	border-style: none;
	border-width: 0;
	border-color: 000000;
	margin:       0 0 1em 0;
}

/* ページ切替 (上方) */
#page-content div.pager-sup {
	font-size:        90%;
	background-color: #e0e0e0;
	padding:          4px;
	margin:           0 0 1em 0;
}

/* ページ切替 (下方) */
#page-content div.pager-inf {
	font-size:        90%;
	background-color: #e0e0e0;
	padding:          4px;
	margin:           1em 0 0 0;
}



#page-content div.page-top {
	margin-top:       0;
	margin-bottom:    1em;
}

#page-content div.page-bottom {
	margin-top:       1em;
	margin-bottom:    1em;
}

#page-content pre {
	padding: 0em;
	margin:  0em;
}


#page-content div.whiteboard {
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
}
#page-content div.whiteboard p {
	margin: 1em;
}

/* common (inline element) ---------------------------------------------------------- */

#page-content em {
	font-weight:     normal;
	font-style:      italic;
	text-decoration: underline;
	margin-right:    2px;
}

#page-content img {
	vertical-align: text-bottom;
	border-style:   none;
}

#page-content span.clickable {
	cursor:          pointer;
	text-decoration: underline;
	color:           #0000ff;
}


/* API document ------------------------------------------------------------- */

#page-content div.subelement {

}



/* EOF */