/*#############################################################
Name: Bitter Sweet
Date: 2006-10-02
Description: Lime flavoured template with two columns.
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
* {
	   margin: 0;
	   padding: 0;
}
a {
    color: #682;
}

a:hover {
    color: #9A6;
}

body {
	   background: #5F8000 url(http://nx2.jp/img/gif/w_h/img_cache_d_9712_1_1172724864_gif.gif) repeat-y center top;
	   color: #333;
	   font: normal 0.9em "Trebuchet MS",Arial;
}

input {
   	color: #555;
	   font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}

textarea {
    width: 100%;
    height:150px;
}

a img {
    border: 0;
}

ul {
    margin-left: 1.2em;
}

/* misc */
.clearer {
    clear: both;
}

/* structure */
.wrap {
   	background: url(http://nx2.jp/img/gif/w_h/img_cache_d_9712_2_1172724864_gif.gif) repeat-y;
	   margin: 0 auto;
	   width: 702px;
}

/* top */
.top {
   	background: #567300 url(http://nx2.jp/img/jpg/w_h/img_cache_d_9713_3_1172724908_jpg.jpg) no-repeat bottom;
	   font: normal 2.4em Verdana,sans-serif;
	   height: 240px;
	   margin: 0 auto;
	   width: 630px;
}
.top a {
	   color: #FFF;
	   display: block;
	   line-height: 60px;
	   text-decoration: none;
	   width: 100%;
}

.top span {
    padding-left: 24px;
}

.top a:hover {
	   background: #688B00;
	   color: #FFF;
}

/* header */
.header {
    position: absolute;
	   margin-top: -220px;
    margin-left:55px;
}

.logo h1,
.logo h1 a,
.logo h1 a:hover {
	   color: #FFF;
   	font-size: 1.3em;
   	text-decoration: none;
}

.description{
    display:none;
}

/* item */
.content {
    clear: both;
	   float: left;
	   width: 456px;
}

.content h3,
.content h3 a,
.content h3 a:hover{
   	background: #567300;
	   color: #FFF;
	   line-height: 40px;
	   padding: 0;
    margin-left:36px;
	   text-decoration: none;
}

.content p{
    line-height:140%;
    padding-right:10px;
	   padding-left: 52px;
    font-size: 0.9em;
}
.content .descr {
    margin: 12px 18px 25px 52px;
    font-size: 0.9em;
    border-top:#682 1px dashed;
}

.comment{
    margin: 55px;
}

/* main */
.main {
    float: left;
}

/* navigation */
.sidenav {
   	float: left;
	   margin-left: 1px;
	   width: 208px;
}
.sidenav h4 {
   	background: #81AC00;
	   color: #FFF;
	   font-size: 1.0em;
	   line-height: 40px;
	   padding-left: 12px;
}

.sidenav ul {
    margin: 0;
    padding: 0;
}

.sidenav li {
   	border-bottom: 1px solid #D5E8AD;
	   list-style: none;
}

.sidenav li a {
   	background: #E8F6BF url(http://nx2.jp/img/gif/w_h/img_cache_d_9713_2_1172724908_gif.gif) repeat-x;
	   color: #553;
	   display: block;
	   padding: 8px 4px 8px 12px;
	   text-decoration: none;
}
.sidenav li a:hover {
	   background: #F0FFC6;
	   color: #553;
}

/* footer */
.footer {
	   background: url(http://nx2.jp/img/gif/w_h/img_cache_d_9713_1_1172724908_gif.gif) repeat-x bottom;
	   color: #FFF;
	   font-size: 0.8em;
	   line-height: 20px;
   	margin: 0 auto;
	   text-align: center;
	   width: 626px;
}

.footer a {
    color: #FFF;
}

.footer a:hover {
    color: #FAFCB0;
}