@charset "utf-8";
*{margin:0; padding:0;}
li{list-style:none;}
body{font-size:12pt}

.wrap{
	width:960px; margin:0 auto;
	border:1px solid #Ddd;
	box-sizing:border-box;	
}
header{
	height:340px; 
	background:url('../images/header_bg.png') no-repeat left top;
	position:relative;
}
header>h2, h1, .gnb{position:absolute;}
h1{
	bottom:140px;
	font-size:3rem;
	color:#ffc; 
	text-shadow:2px 2px 2px #000; 
	right:20px;
}
header>h2{
	bottom:100px;
	font-size:2rem;
	color:#ff0; 
	text-shadow:1px 1px 1px #666;	 
	right:20px;
}
.gnb>ul>li{float:left;}
.gnb>ul::after{
	content:''; display:block; clear:both; width:0; height:0; visibility:hidden;
}
.gnb>ul>li>a{
	display:block;
	padding:0 30px;
	line-height:60px;
	color:#fff; 
	text-decoration:none;
}
.gnb{
	width:100%;
	background:darkred;
	bottom:0;
}
.content{
	float:left;
	width:700px;
	padding:20px 10px;
}
.notice{
	float:right;
	width:210px;
	padding:20px 10px;
}
.content>h2{font-size:2rem; margin:10px 0;}
.content>h3{margin-bottom:10px;}
.content>p{font-size:0.9rem; line-height:1.2;}
.banner{margin-top:20px;}

.notice>h3{font-size:1.2rem;}
.notice>p{font-size:0.9rem; letter-spacing:-1px;}
.notice>p>strong{font-size:1.5rem; color:#00f;}
.notice>img{opacity:0.5;}
.notice>img:hover{opacity:1;}

footer{
	clear:both;
	text-align:center;
	background:darkgreen;
	color:#fff;
	padding:10px;
}
footer p{font-style:normal;}