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

/* top image */

h1{
	width:530px;
	height:80px;
	text-indent:-9999px;
	background:url(http://www.hm-numbers.com/common/images/logo_media.jpg) no-repeat;
}

/* intro */

#mainimg{
	width:530px;
	height:250px;
	text-indent:-9999px;
	background:url(http://www.hm-numbers.com/common/images/h1_media.jpg) no-repeat;
	margin:10px 0 0 0;
}

#catch{
}

#catch h2{
	width:276px;
	height:20px;
	text-indent:-9999px;
	background:url(http://www.hm-numbers.com/common/images/obj_media_1.gif) no-repeat;
	margin:20px 0 0 0;
}

#catch p{
	margin:10px 0 0 0;
	padding:10px;
	background-color:#F5F5F5;
}

/* contents */

.contents_l{
	width:360px;
	display:block;
	float:left;
	margin:20px 0 10px 25px;
}

.contents_l div{
	background-color:#000000;
	color:#FFFFFF;
	margin:5px 0 5px 0;
	padding:10px;
}

.contents_l p{
	padding-top:5px;
	text-align:center;
}

.contents_r{
	width:360px;
	display:block;
	float:left;
	margin:20px 0 0 15px;
}

.contents_r table{
	font-size:12px;
	color:#FFFFFF;
	width:100%;
	background-color:#444444;
	border:#333333 1px solid;
	margin:5px 0 10px 0;
}

.contents_r table tr{
	background:url(http://www.hm-numbers.com/common/images/obj_line_4.png) repeat-x bottom;
}

.contents_r table tr#last{
	background:none;
}

.contents_r table th , .contents_r table td{
	padding:5px 10px;
	vertical-align:middle;
}

.contents_r table td.left{
	text-align:left;
	width:60%;
}

.contents_r table td.right{
	text-align:right;
	width:40%;
}