@charset "UTF-8";

/* wrapper */
#wrapper {
	width: 67em;
	height: 40em;
	margin: 0 auto;
	padding-top: 2em;
	background: #fff url(../images/bcg_wrapper.gif) repeat-y top;
	border-bottom: #ccc solid 1px;
	}


/* content */

#content {
	text-align: center;
	width: 53em;
	margin: 0.5em auto;
	}
#content h2 {
	padding-bottom: 0.2em;
	}


#case {
	margin: 0 auto;
	text-align: center;
	padding-bottom: 4em;
	background: url(../images/bcg_case.gif) bottom no-repeat;
	}
	
#comment {
	margin: 1em auto;
	padding: 1em 7em;
	text-align: left;
	border: #e8e7e7 solid 1px;
	background-color: #f6f6f6;
	}


/* btn */
#btn ul {
	margin: 3em auto;
	width: 53em;
	}

#btn ul li {
	display: inline;
	text-align: center;
	list-style: none;
	}

#btn p {
	height: 0;
	overflow: hidden;
	}

#btn ul li.material a {
	display: block;
	float: left;
	width: 25em;
	height: 5.5em;
	background: url(../images/btn_material_off.jpg) no-repeat left top;
	}
#btn ul li.getblog a {
	display: block;
	float: right;
	width: 25em;
	height: 5.5em;
	background: url(../images/btn_getblog_off.jpg) no-repeat right top;
	}



#btn ul li.material a:hover,
#btn ul li.material a:focus,
#btn ul li.material a:active{
	background: url(../images/btn_material_on.jpg) no-repeat left top;
	}
#btn ul li.getblog a:hover,
#btn ul li.getblog a:focus,
#btn ul li.getblog a:active{
	background: url(../images/btn_getblog_on.jpg) no-repeat right top;
	}