#article { width: 730px; float: right }
#topics    { font-family: "Meiryo UI", "MS UI Gothic"; width: 360px; float: left }
#topics-title   { background-image: url("../img/topics-title.gif"); background-repeat: no-repeat; width: 360px; height: 26px }
#topics-title dt { font-size: 0; line-height: 0; text-indent: -9999px }
#topics-title dd   { background-image: url("../img/topics-to-detail.gif"); display: inline; margin-top: 4px; margin-right: 4px; width: 45px; height: 18px; float: right }
#topics-title dd a  { background-image: url("../img/topics-to-detail.gif"); display: block; width: 45px; height: 18px }
#topics-title dd a:hover  { background-image: url("../img/topics-to-detail.gif"); background-position: 0 -18px; display: block; width: 45px; height: 18px }
#topics-list    { list-style-type: none; width: 360px; min-width: 358px; max-width: 358px; clear: both; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc }
#topics-list:after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
#topics-list dl:after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
#topics-list dl  {
	padding-top: 3px;
	padding-bottom: 3px;
	height: 1%;
	clear: both
	}


#topics-list dl dt    {
	width: 75px;
	float: left
	}




#topics-list dl dd    {
	color: #357501;
	font-size: 90%;
	line-height: 150%;
	text-align: left;
	padding-right: 5px;
	width: 265px;
	float: right
	}




#topics-list dl dd a  {
	color: #357501;
	text-decoration: none
	}

#topics-list dl dd a:hover {
	text-decoration: underline
	}

#topics-list li     {
	color: #357501;
	font-size: 90%;
	line-height: 150%;
	text-align: left;
	text-indent: -90px;
	padding: 8px 7px 8px 90px;
	clear: both
	}

#topics-list li a  { color: #357501; text-decoration: none }
#topics-list li a:hover  { text-decoration: underline }

#recruit     { font-family: "Meiryo UI", "MS UI Gothic"; width: 360px; float: right }
#recruit-title   { background-image: url("../img/rec-title.gif"); background-repeat: no-repeat; width: 360px; height: 26px }
#recruit-title dt { font-size: 0; line-height: 0; text-indent: -9999px }
#recruit-title dd   { background-image: url("../img/topics-to-detail.gif"); display: inline; margin-top: 4px; margin-right: 4px; width: 45px; height: 18px; float: right }
#recruit-title dd a  { background-image: url("../img/topics-to-detail.gif"); display: block; width: 45px; height: 18px }
#recruit-title dd a:hover  { background-image: url("../img/topics-to-detail.gif"); background-position: 0 -18px; display: block; width: 45px; height: 18px }


#recruit-list:after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
#recruit-list dl:after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
#recruit-list dl  {
	padding-top: 3px;
	padding-bottom: 3px;
	height: 1%;
	clear: both
	}


#recruit-list dl dt    {
	width: 75px;
	float: left
	}




#recruit-list dl dd    {
	color: #357501;
	font-size: 90%;
	line-height: 150%;
	text-align: left;
	padding-right: 5px;
	width: 265px;
	float: right
	}




#recruit-list dl dd a  {
	color: #357501;
	text-decoration: none
	}

#recruit-list dl dd a:hover {
	text-decoration: underline
	}



#recruit-list    { list-style-type: none; width: 360px; min-width: 358px; max-width: 358px; clear: both; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc }
#recruit-list li     {
	color: #357501;
	font-size: 90%;
	line-height: 150%;
	text-align: left;
	text-indent: -90px;
	padding: 8px 7px 8px 90px;
	clear: both
	}

#recruit-list li a  { color: #357501; text-decoration: none }
#recruit-list li a:hover  { text-decoration: underline }

.day      {
	color: #222;
	font-size: 13px;
	line-height: 150%;
	margin-right: 5px;
	margin-left: 5px
	}



.gray { background-color: #f2f2f2 !important }
