/*----Á´ÂÎ----*/
body {
 margin: 0; padding: 0;
 font: 0.9em/1.3em '£Í£Ó £Ð¥´¥·¥Ã¥¯','¥Ò¥é¥®¥Î´Ý¥´ Pro W4','Hiragino Maru Gothic Pro','IPA P Gothic',sans-serif;
 background: #FFFFFF URL(/faq/image/sungreen.png) left top repeat-y;
}

a { text-decoration: none; border-bottom: 1px #FFFFFF dotted; padding: 0; }
a:link { color: #0060C0; border-color: #C0E0FF; }
a:visited { color: #004080; }
a:active { color: #000000; }
a:hover {color: #FF8000; border-color: #00C060; }
img { vertical-align: middle; border: none; margin: 0; padding: 0; }


.jumpmenu { text-align: right; margin: 0; padding: 0; font: bold 8pt/8pt sans-serif; float: right;}
.jumpmenu a { color: #FFFFFF; background-color: #FF8000; }
#navigator { visibility: hidden; }

/*----±¦Â¦----*/
#sunwhite { left: 208px; }
#sunscreen { left: 0px; background: #FFFFFF; }
#sunwhite, #sunscreen { position: absolute; right: 0; width: auto; color: #404040; }

#sunscreen .main-body { margin: 12px 32px; }

/**¥Ø¥Ã¥À¥Õ¥Ã¥¿**/
#page-head h1, #page-head p { float: left; vertical-align: top; margin: 4px 16px 0 0; padding: 0; }
#page-head p { font-size: 8pt; line-height: 12pt; }
#page-head h1 { font-size: 18pt; line-height: 20pt; }

#page-foot p { text-align: center; font-size: 9pt; padding: 0; margin: 0; clear: both; }

.edit-tab { margin: 4px 0; padding: 0; clear: both; height: 22px; }
#page-head .edit-tab { border-bottom: 2px #0070E0 solid; }
#page-foot .edit-tab { border-top: 2px #0070E0 solid; }
.edit-tab div { float: right; }
.edit-tab a, .edit-tab form {
 display: block; float: left; background: #0070E0; height: 22px;
 padding: 0 4px; margin: 0 0 0 8px; border: 1px #0070E0 solid;
 color: #FFFFFF; font-weight: bold; font-size: 10pt;
}
.edit-tab * { vertical-align: middle; }
.edit-tab form * { display: inline; }

.edit-tab a:hover { color: #0080FF; background: #FFFFFF;}

.edit-tab input { display: inline; font-size: 8pt; line-height:9pt; height: 16px; padding: 0; margin: 0; }
.hstext { border: 1px #004080 inset; }
.hsbutton { border: 1px #004080 outset; }

.main-body { color: #404040; margin-right: 12px; }

h2,h3,h4,h5 { line-height: 1.1; margin: 8px 0 2px 0; padding: 1px 4px; }
h2 { color: #FFFFFF; background-color: #FFA040; }
#sunwhite H2 A:link, #sunwhite H2 A:visited { color: #FFFFFF; text-decoration: underline; }
h3 { color: #FF8000; border-bottom: 2px #FFA040 solid; border-left: 10px #FFA040 solid; }
h4 { color: #FF8000; border-bottom: 1px #FFA040 solid; border-left: 8px #FFA040 solid; margin: 6px 8px 2px 8px;}
h5 { color: #FF8000; border-left: 6px #FFA040 solid; }


/*----º¸Â¦----*/
#sungreen {
 position: absolute; left: 0; top: 0; width: 160px;
 color: #606060; font-size: 9pt; line-height: 10pt; overflow: hidden;
}

#sungreen ul { margin: 0; padding: 0 0 0 16px;}
#sungreen ul li { color: #606060; font: 9pt/11pt '£Í£Ó £Ð¥´¥·¥Ã¥¯','¥Ò¥é¥®¥Î´Ý¥´ Pro W4','Hiragino Maru Gothic Pro','IPA P Gothic',sans-serif; margin: 2px 0; }

#sungreen h2, #sungreen h3, #sungreen h4 { padding: 0 4px; margin: 4px 0 0 0; }
#sungreen h2, #sungreen h3 {
	color: #008040; background-color: #FFFFFF;
	border-right: 6px #FFA040 solid; border-left: 6px #FFA040 solid;
}
#sungreen h3 { border-bottom-width: 1px; }
#sungreen h4 {
	color: #008040; background-color: #FFFFFF;
	border-left: 8px #0080FF solid; border-bottom: none;
}

#mainlogo { border: none; }

/* recent */
#sungreen hr { border: 1px #C0FFE0 solid; margin: 2px 0; padding: 0; }
#sungreen .jumpmenu, #sungreen .anchor_super { visibility: hidden;}
#sungreen div p {margin: 6px 2px; padding: 0;}



/*----¥Õ¥©¡¼¥Þ¥Ã¥È----*/
dt { font-weight: bold; margin-top: 1em; margin-left: 1em; }

pre {
	background-color: #F0F0FF; border: 1px #A0A0A0 solid;
	padding: 6px; margin: 8px;
	white-space: pre; font-family: monospace;
	color: black;
	overflow:auto;
}


/*font*/
em { font-style:italic; }
strong { font-weight:bold; }
.small { font-size:80%; }


/*Table*/
thead td.style_td,tfoot td.style_td { color:inherit; background-color: #E0FFE0; }
thead th.style_th,tfoot th.style_th { color:inherit; background-color: #E0F0FF; }

.style_table { text-align: left; color: inherit;
	background-color: #FFFFFF; border-spacing: 1px; padding: 0px; border: none; margin: auto;}
.style_th { text-align: center; font-weight: bold; }
.style_td, .style_th { padding: 4px; margin: 0px; color:inherit; background-color:#E0FFF0; }

/*list*/
ul { margin: 2px 0px; }
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; }


/*line*/
hr { border: 1px #E0E0E0 solid; margin:4px 0;}
hr.note_hr { width:80%; border: 1px #808080 solid; text-align: center; margin: 12px 0 4px 0;}

span.noexists { color: inherit; background-color: #FFFACC; }
#sungreen span.noexists { color: inherit; background-color: #00C060; }
div.ie5 { text-align:center; }


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

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

/* 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; }
.edit_form textarea { width: 90%;}

/* pukiwiki.skin.php */
div#note { clear: both; padding: 0px; margin: 0px; }
div#attach { clear: both; padding: 0px; margin: 0px; }
div#banner { float: right; margin-top: 24px; }
div#preview { color:inherit; background-color: #F5F8FF; }


/*----¥×¥é¥°¥¤¥ó----*/

/* aname.inc.php */
.anchor {}
.anchor_super { font-size: 8pt; font-weight: normal; vertical-align: top;}

/* 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, .style_td_blank, .style_td_day {
	padding: 5px; margin: 1px;
	color:inherit; background-color:#EEF5FF;
	text-align:center;
}

.style_td_today, .style_td_sat, .style_td_sun, .style_td_week {
	padding:5px; margin:1px;
	color:inherit;
	text-align:center;
}

.style_td_caltop { font-size:80%; }
.style_td_today { background-color:#FFFFDD; }
.style_td_sat { background-color:#DDE5FF; }
.style_td_sun { background-color:#FFEEEE; }
.style_td_week { background-color:#DDE5EE; font-size:80%; font-weight:bold; }


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

/* contents.inc.php */
.contents {
	float: right;
	border: 1px #C0C0C0 solid; -moz-border-radius: 8px;
	background: #F0FFFF;
	margin: 4px; padding: 4px;
}

/* 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: 1px #404040 solid; }

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