@charset "utf-8";

/************************
	SIZE
************************/
#wrap{
	background:url("../img/boy_bk.png") no-repeat center 30px;
}
#boyhd .hdwrap,
#boymain{
	max-width:1000px;
	margin:0 auto;
}

/************************
	HEAD
************************/
#boyhd{
	border-top:30px solid #334255;
	padding:10px 0;
	background:url("../img/hd_bt.png") no-repeat center bottom;
}
#boyhd img{
	width:auto;
	max-width:100%;
}
#boyhd dt{
	width:27.5%;
	float:left;
	margin-left:2%;
}
#boyhd dd{
	width:62.5%;
	float:left;
	margin-left:2%;
	padding-top:40px;
}
@media (max-width:490px){
	#boyhd dd{
		padding-top:30px;
	}
}

/************************
	MAIN
************************/
#boymain{
	border:1px solid #A45558;
	padding:2px;
	background:#FFF;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#boymain .mainwrap{
	border:1px solid #DCD3B2;
	padding:20px;
}
#boymain .lt{
	float:left;
	width:49.5%;
}
#boymain .rt{
	float:right;
	width:49.5%;
}
#boymain dt{
	font-size:0;
	line-height:0;
}
#boymain dd.link a{
	display:block;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	padding:10px;
}
#boymain .lt dd.link a{
	background:#213760;
}
#boymain dd.link a:after{
	content:"＞";
	width:1em;
	height:1em;
	float:right;
	margin-right:1em;
}
#boymain .rt dd.link a{
	background:#7CB71C;
}

@media (max-width:490px){
	#boymain .mainwrap{
		padding:5px;
	}
}