@charset "UTF-8";
@import url("http://www.jwarm.net/css/base.css");
@import url("http://www.jwarm.net/css/side_contents.css");

.ud_index {
	margin: 15px 0;
	font-family: 'tahoma';
}

.list_link {
	margin-right: 10px;
	border:1px solid #555555;
	background-color:#FFFFFF;
	padding: 5px 10px;
	text-decoration: underline;
}

.list_link:hover {
	background-color: #FFCCAA;
}

.list_linked {
	margin-right: 10px;
	border:1px solid #555555;
	background-color: #DDDDDD;
	padding: 5px 10px;
}

#ud_list {
	margin-top: 1em;
	font-size:14px;
}

#ud_list ul li{
	display:inline-block;
	clear: both;
	list-style-type: none;
}

#ud_list ul li a{
	display:inline-block;
	width: 710px;
	border:1px solid #CCC;
	border-left:10px solid #CCC;
	padding: 3px;
	margin-bottom: 0.5em;
	height: 70px;
}

#ud_list ul li a:hover{
	background-color: #FFE;
	border: 1px solid #FBA;
	border-left: 10px solid #FBA;
	cursor: pointer;
	text-decoration: none;
}

#ud_list ul li a img{
	float: left;
	margin-right: 1em;
	display :block;
}

#ud_list ul li a span.catch{
	width: 320px;
	height: 45px;
	margin-right: 20px;
	font-size: 16px;
	font-weight: bold;
	float: left;
	color: #55CCDD;
	overflow: auto;
}

#ud_list ul li a:hover span.catch{
	color: #0099BB;
}

p.cb {
	font-size:14px;
	margin-top: 10px;
}
.fl img {
	margin-right:10px;
}
table td p em {
	font-size: 18px;
	font-style: normal;
}
.ud_cnt{
	border:solid 1px #F90;
	padding:5px;
	width:700px;
	background: url(http://www.jwarm.net/images/gradation.gif) repeat-y;
	float:left;
	margin-bottom: 10px;
}
.ud_cnt h3{
	font-size: 18px;
	color:#F00;
	margin-bottom: 5px;
	font-weight: bold;
	line-height: 1.3em;
}
.ud_cnt h3 span{
	position: relative;
	top: 0.75em;;
}
.ud_cnt h3 img {
	float:left;
	margin-right: 5px;
}
.ud_cnt h4{
	padding: 3px 5px;
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #333;
	clear: both;
}
.ud_cnt h4.orange{
	background: #FEC;
}
.ud_cnt h4.green{
	background: #DFD;
}

.ud_cnt dl dt {
	padding-left: 10px;
	text-align: left;
	color: #666666;
	font-size: 12px;
	line-height: 1.3em;
	margin-bottom: 10px;
}
.ud_cnt dl dt.fl {
	padding:0 3px 10px 0;
	margin-right: 1em;
}
.ud_cnt dl dt.fr {
	padding:0 0 5px 3px;
	margin-left: 1em;
}
.ud_cnt dl dt img {
	padding-bottom: 3px;
}
.ud_cnt dl dd {
	line-height: 1.4em;
	font-size: 14px;
	margin: 0;
	padding: 0 5px;
	color: #333;
}
.ud_cnt dl dd dl dt {
	font-size: 16px;
	color: #333;
	font-weight: bold;
	padding-left: 0;
	margin-bottom: 0;
}
.ud_cnt dl dd dl dd {
	margin-bottom: 1em;
	text-indent: 1em;
	padding: 0;
	font-size: 16px;
}
.ud_cnt table hr {
	clear: both;
	width: 100%;
	color: #AAA;
	border-style: dotted;
}

.ud_cnt .com_info {
	width: 690px;
	padding: 5px;
	background-color: #FFD;
	display: inline-block;
}

.ud_cnt .com_info .com_photo {
	float: left;
	color: #555;
	font-size: 12px;
	width: 200px;
	margin-right: 10px;
}

.ud_cnt .com_info .com_photo p {
	margin-top: 3px;
	text-align: center;
	line-height: 1.3em;
}

.ud_cnt .com_info table {
	font-size: 14px;
	width: 475px;
	line-height: 1.5em;
}

.ud_cnt .com_info table caption {
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	color: #333;
	border-bottom: dotted 1px #888;
}

.ud_cnt .com_info table th {
	vertical-align: top;
	width: 2em;
}

.ud_cnt .com_info table td {
	padding-left: 0.6em;
	text-indent: -0.5em;
}

table hr {
	font-size: 12px;
	clear:both;
	color:#AAA;
	border-style:dotted;
}
dl:after {
	clear: both;
	content: ".";
	height: 0;
	visibility: hidden;
	display: block;
}

p.toback {
	margin-bottom: 2em;
	margin-right: 20px;
}