@charset "UTF-8";

/* general */
body {
	margin:           72px 96px 48px 96px;
	padding:          0;
	color:            #333333;
	background-color: #fcfcfc;
	font-family:      Arial, sans-serif;
	font-size:        80%;
}

a {
	color:            #cc0000;
	background-color: transparent;
}

a:visited {
	color:            #cc3333;
	background-color: transparent;
}

a:hover {
	color:            #fcfcfc;
	background-color: #990000;
}

a img {
	border:           none;
}

/* icon hack in main contents */
div.section div.section li img,
div.section div.section p img {
	vertical-align:   bottom;
}

div.section div.section a {
	text-decoration:  none;
}

/* header */
div#header {
	float:            none;
	clear:            both;
	width:            100%;
}

div#header h1 {
	margin:           0 0 0.4em 0;
	font-family:      "Trebuchet MS", sans-serif;
	font-size:        2.5em;
}

div#header h1 a {
	color:            #990000;
	background-color: transparent;
	text-decoration:  none;
}

div#header p {
	margin:           0 0 4em 0;
}

/* contents */
div#contents {
	float:            left;
	clear:            left;
	width:            70%;
}

div#contents div#localnavi {
	position:         absolute;
	left:             96px;
	top:              1em;
}

div#contents div.back_and_forth {
	margin-bottom:    2em;
}

div#contents div.back_and_forth table {
	margin-left:      auto;
	margin-right:     auto;
	width:            100%;
}

div#contents div.back_and_forth table td {
	font-size:        80%;
}
div#contents div.back_and_forth table td.prev {
	text-align:       right;
	width:            45%;
}

div#contents div.back_and_forth table td.main {
	text-align:       center;
	width:            10%;
}

div#contents div.back_and_forth table td.next {
	text-align:       left;
	width:            45%;
}

div#contents .meta {
	text-align:       right;
}

div#contents div.bookmarklet {
	margin:           0 0 4em 0;
}

div#contents div.bookmarklet a {
	font-weight:      bold;
}

div#contents h2 {
	margin:           0 0 0.8em 0;
	color:            #999999;
	background-color: transparent;
	font-family:      "Trebuchet MS", sans-serif;
	font-size:        1.25em;
}

div#contents div.section {
	margin:           0 0 4em 0;
	border-bottom:    1px solid #cccccc;
}

div#contents div.section h3 {
	margin:           0 0 0.67em 0;
	color:            #663333;
	background-color: transparent;
	font-family:      "Trebuchet MS", sans-serif;
	font-size:        1.5em;
}

div#contents div.section h3 a {
	color:            #663333;
	background-color: transparent;
	text-decoration:  none;
}

div#contents div.section p {
	line-height:      1.5;
}

div#contents div.section p.meta {
	margin:           1.5em 0 1em 0;
	line-height:      1;
	color:            #999999;
	background-color: transparent;
}

div#contents div.section p.meta a {
	font-weight:      bold;
}

div#contents div.section p.meta img {
	vertical-align:      bottom;
}

div#contents div.section div.writeback {
	margin:           0 0 2em 0;
}

div#contents div.section div.writeback .name {
	color:            #008800;
	font-weight:      bold;
}

/* package description box */
div#contents div.section table {
	float:            right;
}
div#contents div.section h4,
div#contents div.section h5 {
	clear:            both;
}
div#contents div.section table {
	font-size:         80%;
	border:            solid #990000;
	border-width:      1px 3px 3px 1px;
	margin:            0 0 1em 1em;
	width:             24em;
}
div#contents div.section table th {
	width:             7em;
}

/* paging */
div#contents div.paging {
	text-align:       right;
	font-weight:      bold;
}

div#contents div.paging a {
	text-decoration:  none;
}

/* sidebar */
div#sidebar {
	float:            right;
	clear:            right;
	width:            30%;
}

div#sidebar dl {
	margin:           0 0 0 24px;
	padding:          1em 0 1em 24px;
	border-left:      1px solid #cccccc;
}

div#sidebar dl dt {
	margin:           0 0 0.8em 0;
	padding:          0;
	color:            #663333;
	background-color: transparent;
	font-family:      "Trebuchet MS", sans-serif;
	font-size:        1.25em;
	font-weight:      bold;
}

div#sidebar dl dd {
	margin:           0 0 4em 0;
	padding:          0;
}

div#sidebar dl dd ul {
	margin:           0;
	padding:          0;
	line-height:      1.5;
	list-style-type:  square;
}

div#sidebar li {
	margin:           0 0 0 1.5em;
	padding:          0;
}

div#sidebar li a {
	font-weight:      bold;
}

/* footer */
div#footer {
	float:            none;
	clear:            both;
	width:            100%;
}

div#footer address {
	margin:           3em 0 1em 0;
	font-style:       normal;
}


/* xrea */

#xrea-ad {
	position:         absolute;
	right:            4em;
	top:              4em;
}