@charset "utf-8";

.recommend-block {
	position: relative;
	clear: both;
	width: 700px;
	min-height: 182px;
	margin-top: 15px;
	padding: 3px;
	border: solid 2px #4cb6f4;
}

* html .recommend-block {	/* ie6 hack */
	height: 182px;
}
.recommend-block .recommend-title {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000;
}

.recommend-block .contents-panel {
	clear: both;
	width: 698px;
	border: solid 1px #4bb5f4;
	background-color: #3caff3;
}

/* js style */
#jqControl .contents-panel {  
	background: #3caff3 url(http://www.smam-jp.com/movie/images/movie_bg05.gif) no-repeat -4px -4px;
}

/* js style end 後で消す */

.recommend-block .contents-panel .contents-info {
	float: left;
	width: 515px;
	padding-top: 37px;
	color: #FFFFFF;
}

.recommend-block .contents-panel .contents-info .genre-box {
	padding-left: 10px;	
}

.recommend-block .contents-panel .contents-info .genre-box p {
	float: left;
	margin-top: 0;
	padding: 3px 10px 3px;
	background-color: #0055bb;
	font-size: 80%;
	line-height: 1;
}

/* IE6 hacks */ 
* html .recommend-block .contents-panel .contents-info .genre-box p {
	padding: 3px 10px 0;
}/* end hacks */

.recommend-block .contents-panel .contents-info .contents-title {
	clear: both;
	font-size: 150%;
	margin-top: 0;
	padding-top: 5px;
	padding-left: 10px;
	font-weight: bold;
	line-height: 1.2;
}

.recommend-block .contents-panel .contents-info .contents-lead {
	padding-left: 10px;
	line-height: 1.2;
}

.recommend-block .contents-panel .contents-info .reproduction {
	font-weight: bold;
}

.recommend-block .contents-panel .contents-info .reproduction li {
	float: left;
	padding-left: 25px;
	padding-bottom: 3px;
	background: url(http://www.smam-jp.com/movie/images/movie_ic01.gif) no-repeat 10px 0.2em;
	line-height: 1.2;
	height: 1%;
}

.recommend-block .contents-panel .contents-info .reproduction li,
.recommend-block .contents-panel .contents-info .reproduction li a,
.recommend-block .contents-panel .contents-info .reproduction li a span {
	white-space: nowrap;
}

.recommend-block .contents-panel .contents-info .reproduction li a:link,
.recommend-block .contents-panel .contents-info a:link {
	color:#FFFFFF;
}

.recommend-block .contents-panel .contents-info .reproduction li a:visited,
.recommend-block .contents-panel .contents-info a:visited {
	color:#FFFFFF;
}

.recommend-block .contents-panel .contents-info .reproduction li a:hover,
.recommend-block .contents-panel .contents-info a:hover {
	color:#fdff6d;
	text-decoration:none;
}

.recommend-block .contents-panel .contents-info .reproduction li a:focus,
.recommend-block .contents-panel .contents-info a:focus {
	color:#fdff6d;
	text-decoration:none;
}

.recommend-block .contents-panel .contents-info .reproduction li a:active,
.recommend-block .contents-panel .contents-info a:active {
	color:#fdff6d;
	text-decoration:none;
}

.recommend-block .contents-panel .contents-info .reproduction li a span,
.recommend-block .contents-panel .contents-info a span {
	border-bottom:1px solid #bdd8f6;
}

.recommend-block .contents-panel .contents-info .reproduction li a:hover span,
.recommend-block .contents-panel .contents-info a::hover span {
	border-bottom:1px solid #c5c65e;
}

.recommend-block .contents-panel .contents-info .other-info {
	margin-top: 15px;
	margin-left: 16px;
	padding-left: 8px;
	background: url(http://www.smam-jp.com/common/images/com_ic12.gif) no-repeat 0 0.4em;
	height: 1%;
}

.recommend-block .contents-panel .contents-info .other-infoblank {
	margin-top: 0;
	margin-left: 12px;
	padding-left: 12px;
	padding-bottom: 5px;
	background: url(http://www.smam-jp.com/common/images/com_ic18.gif) no-repeat 0 0.4em;
	height: 1%;
}

.recommend-block .contents-panel .contents-image {
	float: right;
	width: 180px;
	padding-bottom: 5px;
}

.recommend-block .contents-panel .contents-image p {
	width: 168px;
	margin: 5px;
	margin-bottom: 0;
	border: solid 1px #FFFFFF;
}

.popularity-block {
	clear: both;
	float: left;
	margin-top: 5px;
	background: url(http://www.smam-jp.com/movie/images/movie_bg01.gif) no-repeat 0 100%;
}

.rank-only {
	width: 520px;
}

.popularity-block .ranking-block {
	float: left;
	overflow: hidden;
	width: 508px;
	padding: 5px;
	padding-right: 14px;
	background: url(http://www.smam-jp.com/movie/images/movie_bg02.gif) no-repeat 0 0;
}

.popularity-block .ranking-block .inner-block {
	width: 515px;
}

.popularity-block .ranking-block .col {
	float: left;
	width: 170px;
	padding-bottom: 5px;
}

.popularity-block .rank-title {
	margin-top: 5px;
	padding-left: 5px;
}

.popularity-block .genre-box {
	width: 153px;
	margin-top: 8px;
	padding-left: 5px;
}

.popularity-block .genre-box p {
	float: left;
	margin-top: 0;
	padding: 3px 10px 3px;
	background-color: #0055bb;
	font-size: 80%;
	line-height: 1;
	color: #FFFFFF;
}

/* IE6 hacks */ 
* html .popularity-block .genre-box p {
	padding: 3px 10px 0;
}/* end hacks */

.popularity-block .rank-lead {
	width: 151px;
	margin-top: 4px;
	padding-bottom: 5px;
	padding-left: 7px;
	font-weight: bold;
	line-height: 1.2;
}

.popularity-block .rank-image {
	width: 88px;
	margin: 5px auto 0;
	border: solid 1px #FFFFFF;
}

.popularity-block .reproduction {
	width: 164px;
	padding-left: 5px;	
}

.popularity-block .reproduction li {
	padding-left: 14px;
	padding-bottom: 3px;
	background: url(http://www.smam-jp.com/movie/images/movie_ic01.gif) no-repeat 0 0.2em;
	line-height: 1.2;
	font-weight: bold;
	height: 1%;
}




.popularity-block .attention-block {
	float: right;
	width: 173px;
	padding: 5px;
	background: url(http://www.smam-jp.com/movie/images/movie_bg03.gif) no-repeat 0 0;
}

.popularity-block .attention-block .rank-title {
	margin-top: 0;
	padding-top: 5px;
	padding-left: 5px;
}




.genre-panel {
	clear: both;
	overflow: hidden;
	width: 700px;
	margin-top: 5px;
	padding: 4px;
	border: solid 1px #cccccc;
}

.genre-panel .inner-block {
	width: 710px;
	background: url(http://www.smam-jp.com/movie/images/movie_bg04.gif) repeat-y 0 0;
}

.genre-panel .image-box {
	float: left;
	width: 100px;
}

.genre-panel .image-box p {
	margin-top: 0;
	padding: 6px;
}

.genre-panel .info-box {
	float: left;
	width: 400px;
	padding-left: 4px;
}

.genre-panel .info-box .info-title {
	margin-top: 6px;
	font-weight: bold;
	line-height: 1.2;
}

.genre-panel .info-box .info-lead {
	margin-top: 5px;
	padding-right: 5px;
	line-height: 1.2;
}

.genre-panel .movie-box {
	float: left;
	width: 195px;
}

.genre-panel .movie-box p.other-info {
	width: 180px;
	margin-left: 15px;
	padding-left: 8px;
	background: url(http://www.smam-jp.com/common/images/com_ic12.gif) no-repeat 0 0.4em;
}

.genre-panel .movie-box p.other-infoblank {
	width: 180px;
	margin-left: 11px;
	padding-left: 12px;
	padding-bottom: 5px;
	background: url(http://www.smam-jp.com/common/images/com_ic18.gif) no-repeat 0 0.4em;
}

.genre-panel .reproduction {
	width: 185px;
	padding-left: 10px;
}

.genre-panel .reproduction li {
	padding-left: 14px;
	padding-bottom: 3px;
	background: url(http://www.smam-jp.com/movie/images/movie_ic01.gif) no-repeat 0 0.2em;
	line-height: 1.2;
	font-weight: bold;
	height: 1%;
}

.movie-notes {
	clear: both;
	width: 710px;
	margin-top: 20px;
}

.movie-notes p {
	line-height: 1.2;	
}

.movie-notes p.text-link {
	line-height: 1.4;	
}

.headline02 {
	margin-top: 20px;
}

.type02 {
	position: relative;
}

.type02 h2 {
	padding-right: 7em;
}

.type02 .backnumber-box {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 8em;
	padding-left: 5px;
	background-color: #FFFFFF;
}

.type02 .backnumber-box p {
	margin-top: 0;
	padding-left: 10px;
	background: url(http://www.smam-jp.com/common/images/com_ic07.gif) no-repeat 0 0.5em;
	height: 1%;
}

.page-anchor {
	position: relative;
	top: 10px;
}

.page-anchor ul {
	margin-top: 0;
}

.page-anchor ul li {
	margin-top: 0;
}


/* backnumber */

.page-sending {
	margin: 20px 0 10px;
	text-align: center;
}

.link-off {
 font-weight: bold;
}

.top-menu {
	clear: both;
}

.link-01 {
	float: right;
	width: 140px;
}

.link-01 a{
	display: block;
	padding:0 0 0 12px;
	background:url(http://www.smam-jp.com/common/images/com_ic01.gif) 0 0.4em;
}

.pagemove-nav {
	float: left;
	width: 570px;
}


/* genle 01 */

.movie-display {
	clear: both;
	width: 710px;
	padding: 10px 0;
	text-align: center;
}

.movie-explanation {
	clear: both;
	width: 708px;
	border: solid 1px #cccccc;
}

.movie-explanation .headline02e {
	clear: both;
	width: 690px;
	margin: 9px 9px 11px 9px;
	padding-bottom: 9px;
	border-bottom: solid 1px #cccccc;
}

.movie-explanation .headline02e h2 {
	padding: 4px 0 3px 9px;
	border-left: solid 4px #0055bb;
	line-height: 1;
	font-weight: bold;
	color: #0055bb;
}

.movie-explanation .inner-block {
	clear: both;
	width: 690px;
	margin: 0 9px;
	padding-bottom: 9px;
}

.movie-explanation .image-box {
	float: left;
	width: 90px;
}

.movie-explanation .image-box p {
	margin-top: 0px;
	padding: 1px;
}

.movie-explanation .info-box {
	float: left;
	width: 598px;
}

.movie-explanation .genre-box {
	width: 153px;
	padding-left: 10px;
}

.movie-explanation .genre-box p {
	float: left;
	margin-top: 0;
	padding: 3px 10px 0;
	background-color: #0055bb;
	font-size: 80%;
	line-height: 1;
	color: #FFFFFF;
}

.movie-explanation .info-box .info-lead {
	padding-left: 10px;
}

.movie-explanation .info-link {
	margin-left: 12px;
	padding-left: 8px;
	padding-bottom: 5px;
	background: url(http://www.smam-jp.com/common/images/com_ic12.gif) no-repeat 0 0.4em;
}


.type03 .info-box {
	float: left;
	width: 595px;
	padding-left: 4px;
}

.type03 .inner-block {
	background: none;
}

.type03 .info-link {
	width: 550px;
	margin-left: 4px;
	padding-left: 8px;
	padding-bottom: 5px;
	background: url(http://www.smam-jp.com/common/images/com_ic12.gif) no-repeat 0 0.4em;
}

.link-block {
	clear: both;
}

.link-block ul {
	float: right;
}

.link-block ul li {
	float: left;
	white-space: nowrap;
	margin-left: 27px;
	padding-left: 14px;
	padding-bottom: 3px;
	background: url(http://www.smam-jp.com/movie/images/movie_ic01.gif) no-repeat 0 0.2em;
	line-height: 1.2;
	font-weight: bold;
	height: 1%;
}

.link-block ul li a,
.link-block ul li a span {
	white-space: nowrap;
}


/* genle 02 */
.contents-detail {
	clear: both;
	width: 708px;
	margin-top: 30px;
	border: solid 1px #CCCCCC;
}

.contents-detail .contents-info {
	float: right;
	width: 515px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.contents-detail .contents-info .genre-box {
	padding-left: 10px;	
}

.contents-detail .contents-info .genre-box p {
	float: left;
	margin-top: 0;
	padding: 3px 10px 3px;
	background-color: #0055bb;
	color: #FFFFFF;
	font-size: 80%;
	line-height: 1;
}

/* IE6 hacks */ 
* html .contents-detail .contents-info .genre-box p {
	padding: 3px 10px 0;
}/* end hacks */

.contents-detail .contents-info .contents-lead {
	clear: both;
	margin-top: 0;
	padding-top: 5px;
	padding-left: 10px;
	line-height: 1.2;
}

.contents-detail .contents-info .reproduction {
	width: 500px;
	padding-left: 10px;
	margin-bottom: 12px;
	font-weight: bold;
}

.contents-detail .contents-info .reproduction li {
	float: left;
	padding-left: 15px;
	padding-right: 10px;
	padding-bottom: 3px;
	background: url(http://www.smam-jp.com/movie/images/movie_ic01.gif) no-repeat 0 0.2em;
	line-height: 1.2;
	height: 1%;
		white-space: nowrap;
}

.contents-detail .contents-info .reproduction li a {
	white-space: nowrap;
}

.contents-detail .contents-info .reproduction li span {
	white-space: nowrap;
}

.contents-detail .contents-info .other-info {
	clear: both;
	margin-top: 5px;
	margin-left: 16px;
	padding-left: 8px;
	background: url(http://www.smam-jp.com/common/images/com_ic12.gif) no-repeat 0 0.4em;
	height: 1%;
}

.contents-detail .contents-info .other-infoblank {
	clear: both;
	margin-top: 0;
	margin-left: 12px;
	padding-left: 12px;
	background: url(http://www.smam-jp.com/common/images/com_ic18.gif) no-repeat 0 0.4em;
	height: 1%;
}

.contents-detail .contents-image {
	float: left;
	width: 180px;
}

.contents-detail .contents-image p {
	width: 168px;
	margin: 5px;
	border: solid 1px #FFFFFF;
}




/* clearfix property
------------------------------------------------------------- */
/*  Browser type
------------------------- 
	Windows XP
		IE 6
		IE 7
		Fx 2
		Fx 3
	Windows Vista
		IE 7
	Mac OS X
		safari 3
------------------------- */
.contents-panel:after,
.genre-box:after,
.ranking-block .inner-block:after,
.popularity-block:after,
.genre-panel .inner-block:after,
.top-menu:after,
.movie-explanation .inner-block:after,
.link-block:after,
.movie-explanation .info-box:after,
.contents-info .reproduction:after,
.contents-detail:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	line-height: 0; 
	visibility: hidden;
}

.contents-panel,
.genre-box,
.ranking-block .inner-block,
.popularity-block,
.genre-panel .inner-block,
.top-menu,
.movie-explanation .inner-block,
.link-block,
.movie-explanation .info-box,
.contents-info .reproduction,
.contents-detail {
	zoom: 1;
}