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

#header{
	width:100%;
	height:100px;
	margin:0;
	padding:0;
	background-image:url(../img/headerbg.png);
	background-repeat:repeat-x;	
}

#header h1{
	margin:0;
	padding:0;
}

#header .alpha:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
}

#header img{
	border:0;
}

#header .logo{
	width:260px;
	height:100px;
	float:left;
	margin-left:10px;
	padding-left:17px;            
	padding-top:11px;
	background-image:url(../img/logobg.png);
	background-repeat:no-repeat;
}

#header .menu{
    position: absolute;
	width:640px;
	float:left;
	margin:0 0 0 50px;
	left:290px;
}

#header .menu .tab_wrap{
	width:543px;
	margin:19px 0 0 0;
}
#header .menu input[type="radio"]{
	display:none;
}
#header .menu .tab_area{
	font-size:0;
	margin:0;
}
#header .menu .tab_area label{
	width:135px;
	margin:0;
	display:inline-block;
	padding:3px 0;
	color:#333333;
	background:#FFFFFF;
	text-align:center;
	font-size:12px;
	cursor:pointer;
	border-bottom:1px dashed #D9D9D9;
}
#header .menu .tab_area label:hover{
	opacity:0.6;
}
#header .menu .panel_area{
	background:#fff;
}
#header .menu .tab_panel{
	width:100%;
	height:50px;
	padding:0;
	display:none;
}
#header .menu .tab_panel p{
	margin:0;
	padding:8px;
	text-align:left;
}
#header .menu .tab_panel a{
	display:inline-block;
	padding:0 8px;
	font-size:11px;
	color:#0070BC;
	text-decoration:underline;
}
#header .menu .tab_panel a:hover{
	display:inline-block;
	padding:0 8px;
	font-size:11px;
	color:#0070BC;
	text-decoration:underline;
	opacity:0.5;
}
#header .menu .maruTL{
	border-top-left-radius:10px;
}
#header .menu .maruTR{
	border-top-right-radius:10px;
}
#header .menu .maruBL{
	border-bottom-left-radius:10px;
}
#header .menu .maruBR{
	border-bottom-right-radius:10px;
}
#header .menu .tab_area .dashed{
	border-left:1px dashed #D9D9D9;
}


 
#tab1:checked ~ .tab_area .tab1_label{background:#fff; color:#0070BC; font-weight:bold; border:0;}
#tab1:checked ~ .panel_area #panel1{display:block;}
#tab2:checked ~ .tab_area .tab2_label{background:#fff; color:#0070BC; font-weight:bold; border-left:1px dashed #D9D9D9; border-bottom:0;}
#tab2:checked ~ .panel_area #panel2{display:block;}
#tab3:checked ~ .tab_area .tab3_label{background:#fff; color:#0070BC; font-weight:bold; border-left:1px dashed #D9D9D9; border-bottom:0;}
#tab3:checked ~ .panel_area #panel3{display:block;}
#tab4:checked ~ .tab_area .tab4_label{background:#fff; color:#0070BC; font-weight:bold; border-left:1px dashed #D9D9D9; border-bottom:0;}
#tab4:checked ~ .panel_area #panel4{display:block;}