@charset "utf-8";
/* CSS Document */

.col5 .l{
	margin-right:20px;
}

.col5 .col{
	float:left;
	width:136px;
}

.col5 .col.span-2{
	width:292px;
}

.col5 .col.span-3{
	width:448px;
}

.col5 .col.span-4{
	width:604px;
}

/**/
#page_title h1 span.report_ctg{
	display:block;
	margin-left:80px;	
}

/*.school_lead*/
.kamakura_lede{
	width:420px;
	float:left;
}

.school_lead .ssnav{
	position:relative;
	width:380px;
}

.ssnav .project_report_box li:hover img{
	opacity:1;
}


/*project_report_box*/

.project_report_box{
	width:380px;
	height:440px;
	background:url(/tech/school/kamakura/images/bg_project_report_box.png) no-repeat left top;
	position:absolute;
	top:-112px;
	left:0px;
	z-index:10;
	border-radius:4px;
	box-shadow: 1px 3px 12px -1px rgba(0, 0, 0, 0.4);
}
#main .project_report_box h2{
	margin:0;
	padding:0;
	background:url(/tech/school/kamakura/images/img_clip_s_01.png) no-repeat 320px 0px;
	width:380px;
	height:87px;
	position:absolute;
	left:0px; top:-37px;
}

.project_report_box h2 span{
	display:block;
	margin-top:37px;
}
.project_report_box .report_list{
	position:absolute;
	top:50px;
	left:2px;
	width:376px;
	height:384px;
	overflow:auto;
}
.project_report_box .report_list li{
	margin:0;
	padding:0 0 1px 0;
	background:url(/tech/school/images/dot_line_light_green.png) repeat-x left bottom;
	clear:both;
	overflow:hidden;
}
.project_report_box .report_list li .img{
	float:left;
	width:90px;
	padding:15px 0 15px 10px;
}
.project_report_box .report_list li .text{
	padding:10px 10px 15px 100px;
}
#main .project_report_box .report_list li .num{
	overflow:hidden;
}
#main .project_report_box .report_list li .num p{
	float:left; width:auto;
}
#main .project_report_box .report_list li .num p.new{
	margin-left:6px;
}
#main .project_report_box .report_list li h3{
	clear:none;
	font-size:92.3%;
	padding:0 0 0 25px;
	margin:0;
	font-weight:normal;
	line-height:1.4;
}
#main .project_report_box .report_list li a{
	text-decoration:none;
	color:#17863E;
}
#main .project_report_box .report_list li.hover a{
	text-decoration:underline;
}
#main .project_report_box .report_list li.hover{
	background-color:#f4f4f4;
}
#main .project_report_box .report_list li.current,
#main .project_report_box .report_list li.current.hover{
	/*background-color:#EAF4DF;*/
	background-color:#FFFFCC;
}
#main .project_report_box .report_list li.current a{
	color:#212121;
}


/*kamakura_bottom_nav*/

div#main.tech_body div.section.kamakura_bottom_nav {
	width:860px;
	position:relative; margin-top:30px;
	padding-top:30px;
	border-top:#A8B6C8 1px solid;
}

.kamakura_bottom_nav .project_report_box{
	position:relative;
	top:0px; left:0px;
	width:760px; height:auto;
	background:url(/tech/school/kamakura/images/bg_bnav_btm.png) no-repeat left bottom;
	padding-bottom:20px;
}

#main .kamakura_bottom_nav .project_report_box h2{
	margin:0; padding:0;
	border:none;
	position:static;
	width:100%;
	height:50px;
	background:url(/tech/school/kamakura/images/bg_bnav_title.png) no-repeat left top;
}

.kamakura_bottom_nav .project_report_box .report_list{
	position:static;
	height:auto; width:760px;
	background:url(/tech/school/kamakura/images/bg_bnav.png) repeat-y left top;
}
.kamakura_bottom_nav .project_report_box .report_list li{
	margin:0 2px;
}

.kamakura_bottom_nav .project_report_box .clip_nav{
	position:absolute;
	top:-7px;
	right:-40px;
}

.kamakura_bottom_nav .project_report_box .report_list li .text{
	min-height:60px;
	background:url(/tech/school/kamakura/images/bg_bnav_list.png) no-repeat 96% 50%;
}

/*report_ssnav*/
.report_ssnav{
	position:absolute;
	width:380px;
	height:380px;
	top:168px; right:19px;
}
#report_popup_index{
	display:none;
}
#main .report_ssnav .project_report_box h2{
	margin:0; padding:0;
	border:none;
	position:static;
	width:100%;
	height:50px;
	background:none
}
.report_ssnav .project_report_box h2 a{
	margin-top:0px;
}

.report_ssnav .close_btn{
	position:absolute;
	top:0px; right:0px;
}
.report_ssnav .close_btn a:hover{
	opacity:0.7;
}

/*link_large*/

ul.link_large li{
	background:url(/tech/school/images/arrow_large_green.png) no-repeat 0px 0.4em;
	margin-bottom:5px;
	padding-left:22px;
}
ul.link_large li a{
	text-decoration:none;
}

ul.link_large li a;hover{
	text-decoration:underline;
}

/*project_data*/
.project_data.col2 .col{
	width:350px;
}
#main .project_data h4{
	font-size:107.7%;
	margin:0 0 1em;
	padding-bottom:0.8em;
	border-bottom:#87C248 1px solid;
}
/*dl.data*/
dl.data{	
	font-size:92.3%;
	line-height:1.5;
	padding:0;
}

dl.data dt{
	clear:both;
	float:left;
	width:6em;
	padding-left:1.2em;
	margin-bottom:0.5em;
	background: url(/tech/school/images/bg_list_mark.gif) no-repeat 0px 0.38em;
}
dl.data dt.long{
	float:none;width:auto;
}
dl.data dd{
	padding-left:7.5em;
	margin-bottom:0.5em;
}

/*#page_title h1*/
#page_title h1{
	left:0px;
}
.clip_index{
	position:absolute;
	top:12px;
	right:40px;
	cursor:pointer;
	background:url(/tech/school/kamakura/report/images/bg_clip_01.png) no-repeat top left;
}

/*.report_title*/
.report_title .report_num{
	float:left;
	width:95px;
	margin:22px 0 40px -40px;
}

div#main.tech_body .section.report_title{
	width:860px;
	border-top:#A8B6C8 1px solid;
	position:relative;
}

div#main.tech_body .report_title h2{
	padding: 25px 0 28px 0;
	line-height:1.6;
	margin-top:20px;
	margin-bottom:10px;
	border:none;
	font-size:157.14%;
	color:#000000;
	clear:none;
	float:left;
	width:auto;
}
.report_title .entry_info{
	clear:both;
	position:absolute;
	bottom:1.2em;
	right:110px;
	color:#555;
	font-size:92.8%;
	width:auto;
	overflow:hidden;
	line-height:1;
	padding:0em 2em 0.8em;
	/*background-color:#e9eaea;
	border-radius:4px;*/
	background:url(/tech/school/images/dot_line_green.gif) repeat-x left bottom;
	letter-spacing:0.1em;
}
.report_title .author,
.report_title .update{
	float:left;
	width:auto;
	white-space:nowrap;
}
.report_title .author{
	background:url(/tech/school/kamakura/images/bg_author.png) no-repeat 0px 50%;
	padding:4px 0 2px 26px;
	min-height:14px;
}

.report_title .update{
	margin-right:1.5em;
}


/*report_bottom_menu*/

.report_bottom_menu{
	background: #fff url(/tech/school/images/dot_line_green.gif) repeat-x left top;
	margin:20px 100px 0px 100px;
	padding:10px 0;
}

.report_bottom_menu dl dt{
	float:left;
	width:250px; 
}
.report_bottom_menu dl dd{
	padding-top:3px;
	padding-left:250px;
}
.report_bottom_menu dl dd li{
	float:left;
	width:auto;
	margin-right:20px;
}

/*kakomi .bn_link*/

div#main div.kakomi.bn_link {
	padding:5px;
}
div#main div.kakomi.bn_link .bn {
	float:left;
	width:auto;
}
div#main div.kakomi.bn_link .txt {
	padding:8px 0 0 210px; font-size:92.3%;
}
div#main div.kakomi.bn_link .txt.middle {
	padding-top:17px;
}

div#main .ssnav div.kakomi.bn_link{ /*on the index page*/
	margin-top:350px; margin-bottom:0;
}


/*#report_mov_nav*/
#report_mov_nav.section{
}
#report_mov_nav.section ul{
	padding-top:20px;
}

#report_mov_nav li a{
/*	text-decoration:none;
	color:#333;*/
	display:block;
	width:auto;
	line-height:1;
/*	padding:4px 0;*/
}
/*#report_mov_nav li a:hover{
	text-decoration:underline;
}*/
#report_mov_nav li.prev{
	float:left;
}
#report_mov_nav li.next{
	float:right;
}

/*#report_mov_nav li.prev a{
	padding-left:22px;
	background:url(/tech/school/kamakura/images/arrow_large_prev.png) no-repeat 0px 48%;
}
#report_mov_nav li.next a{
	padding-right:22px;
	background:url(/tech/school/kamakura/images/arrow_large_next.png) no-repeat 100% 48%;
}*/



/*==================================
 no_use
====================================*/

/*kamakura_project_report*/

.kamakura_project_report{
}

.kamakura_project_report li{
	overflow:hidden;
	line-height:1.6;
	background: #fff url(/tech/school/images/dot_line_green.gif) repeat-x left top;
	padding:12px 10px 15px;
}
.kamakura_project_report li.hover{
	background-color:#FFC;
}

.kamakura_project_report li .img{
	float:left;
	width:126px;
	margin-top:3px;
}
.kamakura_project_report li .text{
	padding-left:146px;
	font-size:85.7%;
}
.kamakura_project_report li .text h3{
	clear:none !important;
	margin:0 0 0.2em !important;
	font-size:133% !important;
}
.kamakura_project_report li a{
	text-decoration:none;
}
.kamakura_project_report li.hover a{
	text-decoration:underline;
}

.kamakura_project_report li .text .update{
	color:#666;
	margin-bottom:0.5em;
}

/*head_menu_project_report*/
.head_menu_project_report{
	position:absolute;
	width:330px; height:98px; top:37px; right:0px;
}
.head_menu_project_report ul.link_large{
		padding-top:15px;
}

@media print{
	div#main.tech_body div.section.kamakura_bottom_nav {
		display:none;
	}
}