@charset "shift_jis";

/* --box --*/

#body_bg_box {
	width:960px;
	background:url(../imgs/bg_def_side.gif) repeat-y;
}

#body_bg_box li.absolute{ border-bottom:2px dotted #c6da5f;	}
#body_bg_box li.absolute a:link { color:#669900;}
#body_bg_box li.absolute a:visited { color:#669900;}
#body_bg_box li.absolute a:hover { color:#669900;}
#body_bg_box li.absolute a:active { color:#669900;}
	
#sideconte_box li {
	list-style:none;
	padding:5px 0 0 10px;
	background:url(../imgs/bg_linkarrow_def.gif) 0 0.9em no-repeat;
}

	
/* --box --*/


/* --title --*/

#body_box .title_box,
h3 {
	background:#d1e686 url(../../userguide/imgs/bg_userguide_title.gif) repeat-y;
	padding:2px 10px 2px 10px;
	font-weight:bold;
	}
	
#body_box .sub_title,
h4 {
	font-weight:bold;
	border-bottom:3px solid #95b009;
	margin-bottom:1em;
	display:block;
	}
	
/* --title --*/


/* --book --*/
	
#body_box .book_box {
	border-style:solid;
	border-width:5px 1px 1px 1px;
	border-color:#fc8 #ccc #ccc #ccc;
	margin-bottom:3em;
	padding:20px;
	display:block;
	background:#fafafa;
	width:578px;
	}
	
#body_box .book_box .price{
	color:#966;
	}
	
#body_box .book_box_img {
	float:left;
	width:100px;
	}

#body_box .book_box_word {
	float:left;
	margin:0 0 0 20px;
	width:435px;
	}
	
#body_box .book_box dt {
	border-style:solid;
	border-width:0 0 0 5px;
	border-color:#ddd #ddd #ddd #fa6;
	margin:0 0 10px 0;
	padding:0 0 0 6px;
	font-weight:bold;
	}
	
#body_box .book_box dt.new {
	padding:0 0 0 38px;
	background:url(../imgs/icon_new.gif) 10px 0.2em no-repeat;
	}
	
#body_box .book_box dd {
	margin:0 0 0 50px;
	}
	
#body_box .book_box dd.line {
	border-bottom:2px dotted #ccc;
	padding:0 0 5px 0;
	margin:0 0 5px 50px;
	}

#body_box .book_box_img img {
	border:1px solid #ccc;
	}	
			
#body_box .book_box_img a img {
	border:1px solid #a30;
	}						
									
#body_box .book_box_img a:link img {
	border:1px solid #a30;
	}
										
#body_box .book_box_img a:visited img {
	border:1px solid #a30;
	}
												
#body_box .book_box_img a:hover img {
	border:1px solid #f33;
	}
	
#body_box .book_box_img a:active img {
	border:1px solid #a30;
	}
	
#body_box .book_issue_title table {
	margin:0 0 20px 0;
	}
	
#body_box .book_issue_title table td {
	vertical-align:top;
	}
	
#body_box .book_issue_title table td.name {
	padding:0 0 0 20px;
	}
		
#body_box .book_issue table {
	width:100%;
	border-top:3px solid #e60;
	}
			
#body_box .book_issue table td {
	border-bottom:1px solid #eee;
	vertical-align:bottom;
	padding:1em 0 0 0;
	}
	
/* --book --*/


/* --list --*/

#body_box ul {
	padding:0 0 0 1em;
	}
		
#body_box ul.basic {
	list-style:none;
	}
	
#body_box ul.basic li {
	text-indent:-1em;
	}
	
#body_box ul.basic li:first-letter {
	color:#84c100;
	}
	
/* --list --*/


/* --link --*/
					
#body_box a.arrow:link {
	padding:5px 0 0 10px;
	background:url(../imgs/bg_linkarrow.gif) 0 0.6em no-repeat;
	}
										
#body_box a.arrow:visited {
	padding:5px 0 0 10px;
	background:url(../imgs/bg_linkarrow.gif) 0 0.6em no-repeat;
	}
												
#body_box a.arrow:hover {
	padding:5px 0 0 10px;
	background:url(../imgs/bg_linkarrow.gif) 0 0.6em no-repeat;
	}
	
#body_box a.arrow:active {
	padding:5px 0 0 10px;
	background:url(../imgs/bg_linkarrow.gif) 0 0.6em no-repeat;
	}
	
/* --link --*/


/* --form --*/	
		
#body_box .from_text {
	width:250px;
	border:1px solid #ccc;
	font-size:1.1rem;
	}
	
#body_box .from_select_normal {
	border:1px solid #ccc;
	width:250px;
	background:#ffebcc;
	}
	
#body_box .from_select {
	border:1px solid #ccc;
	width:250px;
	background:#ffebcc;
	}
	
#body_box .from_select optgroup option,
#body_box .from_select option.title{
	background:#ffebcc;
	}
	
#body_box .from_select option{
	background:#fc8;
	}
	
#body_box .from_select_box {
	margin:0.5em 0 2em 0;
	padding:5px 0 0 10px;
	background:url(../imgs/bg_linkarrow_userguide.gif) 0 0.9em no-repeat;
	}				

/* --form --*/		

/* -- history --*/		

.history_list {
}
	.history_list dt {
		display: block;
		float: left;
		clear: both;
		padding: 8px 0 8px 0.5em;
		font-weight: bold;
	}
	.history_list dd {
		border-bottom: 1px solid #dddddd;
		padding: 8px 0 8px 9em;
	}
		.history_list dd p {
			height: 1%;
		}

/* -- history --*/		


/* -- volunteer --*/		

.volunteerBox {
	margin-top: 20px;
	width: 620px;
	overflow: hidden;
	text-align: center;
}
	.volunteerBox .float_left,
	.volunteerBox .float_right {
		width: 300px;
	}
	.volunteerBox .float_left {
		text-align: left;
	}

/* -- volunteer --*/		
