body {
	margin: 0px 10px 10px 10px;
	padding:0;
	background:#ffffff;
	font-size: 9pt;
	font-family:Verdana, Helvetica, sans-serif, Osaka, 'MS P ゴシック';
	color:#000000;
}

//iframe {
//	height: 30px;
//}

a{ color: #DD0000; }

input {
	font-size: 9pt;
	font-family:Verdana, Helvetica, sans-serif, Osaka, 'MS P ゴシック';
	padding: 0px 0px 0px 0px;
}

.rank_l {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	border-left-style: solid;
	border-left-width: 3px;
	border-left-color: #DD0000;
	line-height: 150%;
}

.rank_r {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	border-left-style: solid;
	border-left-width: 3px;
	border-left-color: #DD0000;
	border-right-style: solid;
	border-right-width: 3px;
	border-right-color: #DD0000;
	line-height: 150%;
}

.rank_l a{ color: #DD0000; }
.rank_r a{ color: #DD0000; }

.v_d_l {
	color: #FFFFFF;
	font-size: 9pt;
}

.v_d_r {
	color: #FFFFFF;
	font-size: 9pt;
	padding-left: 10px;
	border-left-style: solid;
	border-left-width: 3px;
	border-left-color: #FFFFFF;
}
.v_d_r a { text-decoration: none; color: #3399FF; font-weight: 600; }
.v_d_r a:hover { color: #FF9900; }


#wrapper {
	width : 100%;
	margin : 0px auto;
	padding : 0px 0px;
	text-align : left;
}

#adsense {
	text-align : right;
}

#skyscrapers {
	float: right;
	margin : 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
    background-color: #FFFFFF;
	width: 120px;
	height: 600px;
}

#navigation-bar {
	background: url(../img/bar.gif) top left repeat-x;
	margin : 0px 0px 5px 0px;
	height: 32px;
}
#navigation-bar ul {
	margin : 0px 20px 0px 0px;
	padding : 0px 0px 0px 0px;
}
#navigation-bar li {
	list-style : none;
	float : right;
}

#navigation-bar #bar-left {
	background: url(../img/bar-left.gif) top left no-repeat;
	float: left;
	height: 32px;
}
#navigation-bar #bar-right{
	background: url(../img/bar-right.gif) top right no-repeat;
	float: right;
	height: 32px;
}

#navigation-bar #large_icon,
#navigation-bar #list,
#navigation-bar #detail {
	width : 38px;
	height : 32px;
}
#navigation-bar #large_icon a {
	width : 38px;
	height : 32px;
	background-image : url(../img/large_icon.gif);
	background-repeat : no-repeat;
	display : block;
}
#navigation-bar #list a {
	width : 38px;
	height : 32px;
	background-image : url(../img/list.gif);
	background-repeat : no-repeat;
	display : block;
}
#navigation-bar #detail a {
	width : 38px;
	height : 32px;
	background-image : url(../img/detail.gif);
	background-repeat : no-repeat;
	display : block;
}
#navigation-bar #large_icon a:hover {
	background-position : 0px 0px;
}
#navigation-bar #large_icon span,
#navigation-bar #list span,
#navigation-bar #detail span {
	display : none;
}

.list_img	{ overflow: hidden; text-align: center; width: 130px; height: 97px; }

/* details */
.detail_cell	{ font-size: 9pt; padding: 0px 15px 0px 0px; }

.popup .test { display:none; position:absolute; }
.popup a:hover { position:relative; }
.popup a:hover .test { display: block; top: 15px; left: -120px; }


.b_arrow { margin-left: 30px; text-align: left; }
.b_middle { background: url(../img/b_middle.gif) left repeat-y; padding: 3px 15px 3px 15px; }
.b_text	{ width: 210px; text-decoration: none; }


/*  pager  */

.pager ul {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}

.pager li {
    float: left;
    display: inline;
    margin: 0 3px;
    border: 1px solid #CC0000;
	font-family: Arial, Helvetica, HiraKakuPro-W3, Osaka, sans-serif;
	font-size: 9pt;
}

.pager .current {
    background-color: #CC0000;
}

.pager li a {
    color: #000;
    padding: 3px 5px;
    font-weight: bold;
    text-decoration: none;
}

.pager .current a {
    color: #ffffff;
}

.pager .ellipsis {
    border: none;
}

.pager .prev,
.pager .next {
    float: right;
    border: none;
    line-height: 16px;
}
/* /pager  */

/*  popup  */
.info-popup .info {
	display: block;
	top: -10000px;
	left: -10000px;
	position: absolute;
	width: 250px;
}
.info-popup a{
	text-decoration: none;
	cursor: default;
}
.info-popup a:hover {
	position: relative;
}

.info-popup a:hover .info {
	top:15px;
	left:-5px;
}
#info-arrow{
	float: left;
	width:19px;
	height: 10px;
    background: url(../img/focused-top.gif) left top no-repeat;
	overflow:hidden;
}
#info-box {
	border: 1px solid #c93;
	background-color: #ffc;
	margin: 9px 0px 0px 0px;
	padding: 5px;
}
#info-description {
	overflow: hidden;
	color: #333333;
	font-size: 8pt;
}
/* /popup  */
.float-left {
	float: left;
}
.float-right {
	float: right;
}
