@charset "Shift_JIS";
/* global.css */

/* clearfix */
.clear,
.view_box,
.view_box .view_header,
.list_box,
.list_box .list_header,
.sort_box,
.guide_box {
	zoom: 100%;
}

.clear:after,
.view_box:after,
.view_box .view_header:after,
.list_box:after,
.list_box .list_header:after,
.sort_box:after,
.guide_box:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: "";
}

/* #center_box */
#center_box {
	float: left;
	width: 570px;
}

/* #center_box .info_box */
.info_box {
	width: 410px;
	margin: 0 auto;
	padding: 5px;
}

.info_box table{
	width: 100%;
}

.info_box th {
	padding: 5px 0 10px;
	border-bottom: 1px solid #999999;
}

.info_box td {
	padding: 5px 0;
}

/* #center_box .view_box */
.view_box {
	width: 560px;
	margin-bottom: 5px;
	padding: 5px;
}

.view_box h2 {
	border-top: 3px solid #000000;
	border-bottom: 2px dotted #CCCCCC;
}

.view_box .pager {
	padding: 5px;
	text-align: right;
}

.view_box .pager img {
	vertical-align: middle;
}

.view_box .view_cell {
	float: left;
	margin-top: 7px;
	margin-left: 8px;
}

.view_box .view_image {
	width: 90px;
	height: 120px;
	margin-bottom: 1px;
	padding: 4px;
	_padding-bottom: 1px;
	border: 1px solid #DDDDDD;
	text-align:center;
	vertical-align:middle; 
}


.view_box .view_info {
	width: 90px;
	height: 130px;
	overflow: auto;
	padding: 4px;
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
	font-size: x-small;
}

/* #center_box .list_box */
.list_box {
	width: 560px;
	margin-bottom: 5px;
	padding: 5px;
}

.list_box .list_header {
}

.list_box h2 {
	border-top: 3px solid #000000;
	border-bottom: 2px dotted #CCCCCC;
}

.list_box .pager {
	padding: 5px;
	text-align: right;
}

.list_box .pager img {
	vertical-align: middle;
}

.list_box .list_cell {
	float: left;
	margin-top: 7px;
	margin-left: 7px;
}

.list_box .list_image {
	width: 120px;
	height: 90px;
	margin-bottom: 1px;
	padding: 4px;
	_padding-bottom: 1px;
	border: 1px solid #DDDDDD;
}

.list_box .list_info {
	width: 120px;
	height: 85px;
	overflow: auto;
	padding: 4px;
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
	font-size: x-small;
}

.rank_D {
	width: 530px;
	margin: 6px;
	clear: both;
}

.list_box .category {
	margin-bottom: 1px;
	padding: 4px;
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
	font-size: x-small;
	text-align: center;
}

.list_box .score_header {
	margin-right: 5px;
	color: #333333;
}

/* #center_box .sort_box */
.sort_box {
	margin-top: 5px;
}

.sort_box p {
	float: left;
	width: 140px;
	line-height: 2.3;
	font-size: 11px;
	text-align: center;
}

.sort_box p a {
	display: block;
}

.sort_box p a:link,
.sort_box p a:visited {
	color: #666666;
	background-image: url(../images/bg140_25gray.jpg);
}

.sort_box p a:hover,
.sort_box p a:active {
	color: #FFFFFF;
	background-image: url(../images/bg140_25gray_on.gif);
}

.sort_box .on a:link,
.sort_box .on a:visited {
	color: #FFFFFF;
	background-image: url(../images/bg140_25gray_on.gif);
}

/* #center_box .guide_box */
.guide_box {
	width: 560px;
	margin-bottom: 5px;
	padding: 0 5px;
}

.guide_box p .caution {
	color: #FF0000;
}

.guide_box h2 {
	border-top: 3px solid #000000;
	border-bottom: 2px dotted #CCCCCC;
}

.guide_box h4 {
	padding: 10px 5px;
}

.guide_box h5 {
	margin: 10px;
	padding: 1px 5px;
	border-bottom: 1px solid #CCCCCC;
}

.guide_box h6 {
	padding: 5px 20px;
}

.guide_box p {
	padding: 5px 0 5px 30px;
}

.guide_box dl {

}

.guide_box dl dt {
	margin: 10px 10px 0;
}

.guide_box dl dd {
	margin: 0 0 0 60px;
}

.guide_box ol {
	padding: 5px 0 5px 55px;
}

.guide_box ol li {
	list-style-type: decimal;
}

.guide_box ol li .caution {
	color: #FF0000;
}

.guide_box ol li.header {
	font-size: medium;
}

.guide_box ol li.header p {
	font-size: small;
}

.guide_box ul {
	padding: 5px 0 5px 15px;
}

.guide_box ul li {
	list-style-type: disc;
}

.guide_box .news_list_cell {
	padding: 5px;
	border-bottom: 2px dotted #CCCCCC;
}

.guide_box .sub {
	padding: 5px;
}

.guide_box .cont {
	padding: 5px;
	font-size: x-small;
}

.guide_box .guide_cell {
	padding: 5px;
}

.guide_box .pager {
	padding: 5px;
	text-align: right;
}

.guide_box .mobile_qr {
	float: left;
	width: 190px;
	margin: 10px 0;
}

.guide_box .mobile_note {
	float: right;
	width: 360px;
	margin: 10px 0;
}

.guide_box .mobile_note h4 {
	color: #FD0100;
	font-size: medium;
	font-family: "HGŠÛºÞ¼¯¸M-PRO", "Times New Roman", Times, "‚l‚r ‚oƒSƒVƒbƒN", serif;
}

.guide_box .mobile_note h5 {
	color: #FE069A;
	font-size: medium;
	background-color: #000;
	padding: 5px 0 2px 10px ;
	font-weight: bold;
/*	font-family: "HGŠÛºÞ¼¯¸M-PRO", "Times New Roman", Times, "‚l‚r ‚oƒSƒVƒbƒN", serif;*/
}

.guide_box .mobile_note h5.url {
	color: #34CFFF;
}

.guide_box .mobile_note p {
	padding: 10px;
}

/* #center_box .link_box */
#center_box .link_box {
	width: 560px;
	margin-bottom: 5px;
	padding: 0 5px;
}

#center_box .link_box h2 {
	border-top: 3px solid #000000;
	border-bottom: 2px dotted #CCCCCC;
}

#center_box .link_box p {
	padding: 10px 5px;
}

#center_box .link_box h4 {
	margin: 20px 0 10px 0;
	padding: 1px 5px;
	border-bottom: 1px solid #CCCCCC;
	font-size: medium;
}

#center_box .link_box .link_cell {
	padding: 5px;
	margin-bottom: 10px;
	background-color: #F5F5F5;
}

#center_box .link_box .link_cell img {
	margin-bottom: 10px;
}

#center_box .link_box .link_cell h5 {
}

#center_box .link_box .link_cell textarea {
	width: 550px;
	height: 50px;
}

/* .banner_box */
.banner_box {
	width: 120px;
	margin: 0 0 10px 10px;
}

.banner_box li {
	margin-bottom: 3px;
}

/* #center_box .form_box */
.form_box {
	padding: 10px;
}

.form_box th,
.form_box td {
	vertical-align: top;
	padding: 5px;
}

.form_box th {
	text-align: right;
}

.form_box .inactive_text {
	width: 250px;
	ime-mode: inactive;
}

.form_box .text {
	width: 250px;
	ime-mode: active;
}

.form_box .textarea {
	width: 350px;
	height: 200px;
}

.form_box .caution {
	color: #FF0000;
	font-size: x-small;
}

.form_box .control {
	padding: 10px;
	text-align: center;
}

.form_box .button {
	width: 100px;
}

/* #movie_container */
#movie_container {
	width: 530px;
	margin-bottom: 10px;
	padding: 20px;
	border: 1px solid #CCCCCC;
	background-image: url(../images/bg1_633gray.jpg);
	background-position: bottom;
}

/* #movie_box */
#movie_box {
	width: 520px;
	margin: 0 auto;
	border: 1px solid #CCCCCC;
	background-image: url(../images/bg2_475gray.jpg);
}

/* #player_box */
#player_box {
	width: 410px;
	margin: 0 auto;
	padding: 5px;
}

/* #middle_box */
#middle_box {
	width: 510px;
	margin-bottom: 5px;
	padding: 5px 30px;
}

#middle_box li {
	display: inline;
	padding: 0 5px;
}

/* #right_box */
#right_box {
	float: right;
	width: 130px;
}