@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	text-decoration:none;
	list-style-type:none;
}

body{
	background-color:#E3CEB5;
	
}

#wrapper{
	width:960px;
	margin:10px auto;
	
}

#main_visual{
	width:960px;
	height:600px;
	background-image:url(../image/color_img.gif);
	background-position:0 0;
	}
#main_visual_1{
	width:960px;
	height:600px;
	background-position:0 0;
	}	
#main_nav{
	width:960px;
}

#main_nav p{
	float:left;
	width:150px;
	height:30px;
	margin-top:10px;
	margin-right:10px;
	background-color:#EFB6CA;
	border:#6C1735 solid 1px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	
}

#main_nav p a{
	color:ivory;
	display:block;
	width:150px;
	height:30px;
	text-align:center;

}

#main_nav p a:hover{
	color:maroon;
}

#main_nav .pos_1{
	position:absolute;
	left:260px;
	top:550px;
	overflow:hidden;
	-webkit-transition:height 1s linear 0.5s;
	-moz-transition:height 1s linear 0.5s;
	-ms-transition:height 1s linear 0.5s;
	-o-transition:height 1s linear 0.5s;
	transition:height 1s linear 0.5s;

}


#main_nav .pos_1:hover{
	height:162px;
}

#main_nav .pos_2{
	position:absolute;
	left:420px;
	top:550px;
}

#main_nav .pos_3{
	position:absolute;
	left:580px;
	top:550px;
}

#main_nav .pos_4{
	position:absolute;
	left:740px;
	top:550px;
}

#prof{
	overflow:visible;
	margin-top:10px;
	margin-bottom:10px;
	width:960px;
	height:400px;
	background-image:url(../image/heta_wide.gif);
	background-repeat:no-repeat;
	background-position:left top;
	background-color:#ffffff;
	}
	
#prof img{
	float:left;
	margin-right:5px;
	
}

#port_1,#port_2{
	overflow:hidden;
	margin-bottom:10px;
}

#port_1 img{
	float:left;
	margin-right:5px;
	margin-top:5px;
}


#port_2 img{
	float:left;
	margin-right:5px;
}


#prof_tab{
	width:340px;
	height:400px;
	border-top:1px solid #900;
	border-left:1px solid #900;
	border-collapse:collapse;
	background-color:#FFCCCC;
	float:right;
	}




#prof_tab th{
	font-weight:normal;
	width:12%;
	white-space:nowrap;
	vertical-align:text-top;
	font-size:12px;
	border-bottom:1px solid #900;
	border-right:1px solid #900;
	color:olive;
	padding:2px;

}


#prof_tab td{	
	vertical-align:text-top;
	font-size:12px;
	border-bottom:1px solid #900;
	border-right:1px solid #900;
	color:olive;
	padding:2px;
}

#port_tab{
	width:655px;
	border-top:1px solid #900;
	border-left:1px solid #900;
	border-collapse:collapse;
	background-color:#FFFFFF;
	margin-top:5px;
	}
	
#port_tab th{
	font-weight:normal;
	white-space:nowrap;
	vertical-align:text-top;
	font-size:14px;
	border-bottom:1px solid #900;
	border-right:1px solid #900;
	color:olive;
	padding:2px;
	line-height:1.5em

}


#port_tab td{	
	vertical-align:text-top;
	font-size:14px;
	border-bottom:1px solid #900;
	border-right:1px solid #900;
	color:olive;
	padding:2px;
	line-height:1.5em

}

.bg_col{
	background-color:ivory;
}

#port_tab{
	width:655px;
	border-top:1px solid #900;
	border-left:1px solid #900;
	border-collapse:collapse;
	background-color:#FFFFFF;
	margin-top:5px;
	}
	


/*standard_menu.html*/
#menu_nav{
	overflow:hidden;
	margin-top:10px;
}

#menu_nav li{
	margin-left:5px;
	float:left;

}

#menu_nav li a{
	margin-left:5px;
	width:100px;
	height:1.5em;
	padding:3px;
	display:block;
	text-decoration:none;
	text-align:center;
	line-height:1.5em;
	color:#B42758;
	font-size:smaller;
	background-color:#D5BD9B;
	-webkit-border-top-left-radius:10px;
	-moz-border-top-left-radius:10px;
	-ms-border-top-left-radius:10px;
	-o-border-top-left-radius:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-top-right-radius:10px;
	-ms-border-top-right-radius:10px;
	-o-border-top-right-radius:10px;
	border-top-right-radius:10px;
	-webkit-transition:all 2s linear 0.5s;
	-moz-transition:all 2s linear 0.5s;
	-ms-transition:all 2s linear 0.5s;
	-o-transition:all 2s linear 0.5s;
	transition:all 2s linear 0.5s;

}

#menu_nav li a:hover{
	background-color:#7A6A21;
	color:#fffff0;
}


#port_total .content-box-l{
	overflow:auto;
	clear:both;
}

#lageImg{
	display:none;
	/*border:5px solid #fff;*/
	}

#cover{
	background-color:rgba(0,0,0,0.5);
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	}