@charset "shift_jis";

#contents {
	margin-top:8px;
}
#contents .banner {
	margin-bottom:13px;
}

#whatsNew .wrapper {
	width:329px;
	margin:2px 0 0 0;
	padding:8px 5px 12px 5px;
	border:1px solid #F5821F;
	background-image:url(../images/bg_new.jpg);
	background-repeat:repeat-x;
	background-position:left bottom;
}
#whatsNew .wrapper th {
	white-space:nowrap;
	padding:5px;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	background:#FFF;
}
#whatsNew .wrapper td {
	padding:5px;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
}

#works {
}
#works .entry {
	padding:13px 20px 13px 24px;
	border-bottom:1px solid #E5D2B2;
}
#works .entry.lastItem {
	border-bottom:none;
}
#works .textWrapper {
	float:right;
	width:200px;
}
#works .textWrapper .title {

}
#works .textWrapper .text {
	clear:both;
	margin:8px 0 0 0;
	font-size:83%;
	line-height:140%;
}
#works .textWrapper .detailLink {
	float:right;
	width:62px;
}
#works .detailLink a {
	display:block;
	width:62px;
	height:10px;
	background-image:url(../images/detail_link.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	font-size:1px;
	line-height:0;
	outline:none;
	text-decoration:none;
	text-indent:-9999px;
	text-align:left;
}
#works .detailLink a:hover {
	background-position:left bottom;
}
#works .image {
	float:left;
	width:96px;
}
#works .image a {
	display:block;
	width:86px;
	height:63px;
	background-position:left top;
	background-repeat:no-repeat;
	font-size:1px;
	line-height:0;
	text-decoration:none;
	text-indent:-9999px;
	outline:none;
}
#works .image a:hover {
	background-position:left bottom;
}
#works .image#btnDetailMail a {
	background-image:url(../images/img01.jpg);
}
#works .image#btnDetailAvertisement a {
	background-image:url(../images/img02.jpg);
}
#works .image#btnDetailYuMail a {
	background-image:url(../images/img03.jpg);
}
#works .image#btnDetailPosting a {
	background-image:url(../images/img04.jpg);
}

#works #relatedWork .textWrapper .title {
	float:none;
}


#mailSend .wrapper {
	border-bottom:1px solid #759D87;
}
#mailSend .wrapper .entry {
	width:335px;
	padding:2px;
	border-left:1px solid #759D87;
	border-right:1px solid #759D87;
}
#mailSend .btn {
	width:334px;
	height:34px;
	padding:8px 0 0 0;
	background-image:url(../images/bg_mail_send.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
#mailSend .btn a {
	display:block;
	width:253px;
	height:23px;
	margin:0 auto;
	background-image:url(../images/btn_mail_send.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	outline:none;
	line-height:0;
	text-decoration:none;
	text-indent:-9999px;
	font-size:1px;
}
#mailSend .btn a:hover {
	background-position:left bottom;
}

#topics {
	margin:8px 0 0 0;
}
#topics .wrapper {
	width:335px;
	padding:2px;
	border:1px solid #B48E81;
	border-top:none;
}
#topics .btn a {
	display:block;
	width:253px;
	height:23px;
	margin:0 auto;
	background-image:url(../images/btn_pack.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	outline:none;
	line-height:0;
	text-decoration:none;
	text-indent:-9999px;
	font-size:1px;
}
#topics .btn a:hover {
	background-position:left bottom;
}

#contents .attention {
	font-size:134%;
	text-align:center;
	color:#F5B520;
	font-weight:bold;
}