/* friends.css */

/* index */
/* フッタースペース無し用 */
#wapper div#global_footer {
	margin-top: 0;
}

#mc_wapper {
	background-color: #FFF;
}

*html div#mc_wapper {
	width: 100%;
}

/* text -> img */
#main_container #title h3, .link_btn a {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
}

/* banner */
#main_container #title #banner01 {
	position: absolute;
	float: left;
	margin-top: -215px;
	width: 229px;
	height: 215px;
	padding-left: 678px;
}

#main_container #title #banner01 .link_btn a {
	width: 229px;
	height: 215px;
	background: url(../images/banner01.png);
}

#main_container #title #banner01 .link_btn a:hover {
	background-position: -229px;
}

#main_container #contents01 #banner02 {
	position: absolute;
	float: left;
	margin-top: -132px;
	width: 397px;
	height: 132px;
	padding-left: 0px;
}

#main_container #contents01 #banner02 .link_btn a {
	width: 397px;
	height: 132px;
	background: url(../images/banner02.png);
}

#main_container #contents01 #banner02 .link_btn a:hover {
	background-position: -397px;
}

/* contents */

#main_container #title h3 {
	position: relative;
	margin: 0 auto;
	background: url(../images/header_bg.jpg) no-repeat center 0px;
	height: 227px;
	width: 912px;
}

#main_container #title, #main_container #contents01, #main_container #footer {
	width: 912px;
	padding-right: 12px;
	padding-left: 12px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
}

#main_container #title {
	padding-top: 12px;
	padding-bottom: 0px;
}

#main_container #contents01 {
	padding-top: 0px;
	padding-bottom: 12px;
}

#main_container #footer {
	padding-top: 12px;
	padding-bottom: 12px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CCC;
}

#main_container #footer #copyright {
	padding-top: 38px;
}

.fll {
	float:left;
}

.clear {
	clear: both;
	display:block;
}

/* present */
#present {
	background-color: #F5F5F5;
}

*html div#present {
	width: 100%;
}

#present #main_container {
	width: 716px;
	margin-top: 30px;
	padding: 0px;
}

#present #main_container #contents01 {
	width: 712px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #D62229;
	border-left-color: #D62229;
	background-color: #FFF;
	padding: 0px;
}

#present #main_container #footer {
	width: 712px;
	background-color: #FFF;
	padding: 0px;
	height: 51px;
	border: 2px solid #D62229;
}

#present #main_container #footer #banner01 {
	position: relative;
	float: left;
	margin-top: 16px;
	width: 81px;
	height: 19px;
	padding-left: 315px;
}

#present #main_container #footer #banner01 .link_btn a {
	width: 81px;
	height: 19px;
	background: url(../images/present_btn.gif);
}

#present #main_container #footer #banner01 .link_btn a:hover {
	background-position: -81px;
}

#present #main_container #copyright {
	position: relative;
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
}