@charset "utf-8";
/* CSS Document */

#mylist h2{
	background:url(../../img/mylist/mylist.gif) 0px 0 no-repeat;
	font-size:24px;
	border-bottom:solid 4px #000000;
	padding-top:2px;
	padding-bottom:15px;
	padding-left:40px;
}

#mylist .pagerBox{
	position:relative;
	height:40px;
	margin-bottom:20px;
}

#mylist .pagerBox ul.pager{
	position:absolute;
	top:20px;
	left:351px;
}

#mylist .pagerBox ul.pager li{
	float:left;
	width:auto;
	padding-left:10px;
	font-size:16px;
	font-weight:bold;
}

#mylist .sortBox{
	clear:both;
	position:relative;
}

#mylist .sortBox dt{
	float:left;
	width:auto;
	padding-right:10px;
	font-weight:bold;
}

#mylist .sortBox dl{
	font-size:14px;
	overflow: hidden;
	margin-bottom: 10px;
}

#mylist .sortBox dl dd ul li{
	float:left;
	width:auto;
	padding-left:10px;
	text-decoration:underline;
}

#mylist .sortBox dl dd ul li.red a{
	color:#ff0000;
}

#mylist .sortBox ul.checkBox{
	clear:both;
	overflow:hidden;
	zoom:1;
	margin-left:-15px;
	margin-bottom:15px;
}

#mylist .sortBox ul.checkBox li{
	float:left;
	width:auto;
	font-size:14px;
	font-weight:bold;
	margin-left:15px;
}

#mylist .sortBox ul.checkBox li.all{
	background:url(../../img/mylist/check.gif) 15px 50% no-repeat;
	background-color:#fff272;
	border-radius:5px;
	padding:3px 20px 3px 35px;
}

#mylist .sortBox ul.checkBox li.select{
	background:url(../../img/mylist/trash.gif) 15px 50% no-repeat;
	background-color:#fff272;
	border-radius:5px;
	padding:3px 20px 3px 35px;
}

#mylist .sortBox p.btn{
	position:absolute;
	top:-5px;
	right:0px;
}

#mylist .section{
	clear:both;
	overflow:hidden;
	zoom:1;
	margin-bottom:25px;
}

#mylist .section table{
	border-spacing:0px;
	float:left;
	height:313px;
	width:723px;
	border-collapse:inherit;
}


#mylist .section table tr.check{
	height:0;
}

#mylist .section table tr.check th{
	border:solid 4px #b3b7b3;
	padding:0 7px;
}

#mylist .section table tr.title th{
	text-align:left;
	font-size:20px;
	font-weight:bold;
	text-decoration:underline;
	background-color:#b3b7b3;
	padding-left:10px;
}

#mylist .section table tr.information th{
	background-color:#eff0ef;
	border-bottom:dotted 1px #bebebe;
	font-size:14px;
	font-weight:bold;
	padding:10px 0px 10px 10px;
}

#mylist .section table tr.area th{
	padding-top:20px;
	padding-bottom:20px;
}

#mylist .section table tr.information td{
	border-bottom:dotted 1px #bebebe;
	font-size:14px;
	padding-left:10px;
}

#mylist .section table tr.information td.red{
	font-size:20px;
	font-weight:bold;
}

#mylist .section table tr.information td.comment{
	border-bottom:solid 4px #b3b7b3;
	padding:18px 10px 16px;
	font-size:13px;
}

#mylist .section table tr.information td.comment span{
	float:left;
	width:480px;
}

#mylist .section table tr.information td.comment img{
	float:left;
	width:116px;
	padding-top:10px;
	padding-right:5px;
}

#mylist .section .imgBox{
	border:solid 4px #b3b7b3;
	float:left;
	width:239px;
	padding:10px 15px 5px;
}

#mylist .section .imgBox ul li.firstChild{
	margin-bottom:5px;
}

#mylist .checkBtn{
	position:relative;
	height:75px;
	margin-bottom:30px;
}

#mylist .checkBtn ul{
	overflow:hidden;
	zoom:1;
	margin-bottom:20px;
}

#mylist .checkBtn ul li{
	float:left;
	width:auto;
	font-size:14px;
	font-weight:bold;
}

#mylist .checkBtn ul li.all{
	background:url(../../img/mylist/check.gif) 15px 50% no-repeat;
	background-color:#fff272;
	border-radius:10px;
	margin-right:170px;
	padding:2px 10px 2px 40px;
}

#mylist .checkBtn ul li.contact{
	background:url(../../img/mylist/mail.gif) 20px 50% no-repeat;
	background-color:#fff272;
	border-radius:10px;
	margin-right:30px;
	padding:2px 10px 2px 50px;
}

#mylist .checkBtn ul li.delete{
	background:url(../../img/mylist/trash.gif) 15px 50% no-repeat;
	background-color:#fff272;
	border-radius:10px;
	padding:2px 10px 2px 40px;
}

#mylist .checkBtn ul.pager{
	clear:both;
	position:absolute;
	top:50px;
	left:351px;
}

#mylist .checkBtn ul.pager li{
	font-size:16px;
	padding-left:10px;
}

div.ml_gaikan{
    height:143px;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
}
img.ml_gaikan{
    max-width:240px;
    max-height:143px;
    vertical-align:middle;
}
div.ml_madori{
    height:142px;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
}
img.ml_madori{
    max-width:240px;
    max-height:142px;
    vertical-align:middle;
}