/* -------------------------- */
/*  spn配下global style       */
/* -------------------------- */
#article{
	max-width: 768px;
	margin: 0 auto;
}
/* -------------------------- */

body {
	font-size: 12px;
}
img {
	vertical-align: middle;
}


.sp15 { margin-bottom: 15px !important;}
.sp30 { margin-bottom: 30px !important;}


.topTitle {
	max-width: 768px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

.sectionContents {
	background: url(../img/bg.gif);
	max-width: 748px;
	margin: 0 auto;
	padding: 10px;
}

.underline01 {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}

ul.mainMenu,
ul.mainMenu2 {
	overflow: hidden;
}
ul.mainMenu li {
	display: inline-block;
	width: 50%;
	vertical-align: top;
	text-align: left;
}
ul.mainMenu li:nth-child(even) {
	text-align: right;
	margin-bottom: 7px;
}
ul.mainMenu li:nth-child(odd) {
	text-align: left;
}
ul.mainMenu img {
	width: 99%;
	height: auto;
}
ul.mainMenu2 li {
	display: inline-block;
	width: 49.5%;
	vertical-align: top;
	margin-bottom: 7px;
}
ul.mainMenu2 li:nth-child(even) {
	margin-left: 1%;
}
ul.mainMenu2 li:nth-child(odd) {
}
ul.mainMenu2 li a {
	border: solid 1px #CCC;
	padding: 5px;
	display: block;
}
ul.mainMenu2 li a.noborder {
	border: none;
}
ul.mainMenu2 li a img {
	width: 100%;
	height: auto;
	margin-bottom: 5px;
}
ul.mainMenu2 li a .arrow {
	background: url(../img/arrow_list.gif) no-repeat left center;
	display: block;
	padding-left: 12px;
}
ul.mainMenu li .new,
ul.mainMenu2 li .new {
	width: 31px;
	height: 10px;
}


.contents {
	padding: 10px 10px 20px;
	borer: solid 1px #C9CACA;
	background-color: #FFF;
	margin-bottom: 30px;
}
.contents h2 {
	padding: 14px 5px 20px;
}
.contents p {
	line-height: 14px;
}
.contents a.txtlink {
	background-image: url(../img/arrow_list.gif) !important;
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 22px;
}

.contents ul.movieList li {
	margin-bottom: 10px;
}
.contents ul.movieList li.all {
	background-color: #F0F9FD;
	position: relative;
}
.contents ul.movieList a {
	display: block;
	padding: 5px 20px 5px 5px;
	border: solid 1px #C9CACA;
	background: url(../img/arrow_list.gif) no-repeat right center;
	position: relative;
}
.contents ul.movieList a img {
	position: absolute;
	top: 5px;
	left: 5px;
}
.contents ul.movieList div.archive{
	position: absolute;
	top: 12px;
	right: 2px;
	height: 42px;
	width: 42px;
	margin: 0px;
	padding: 0px;
	cursor:pointer;
	background-image: url(../img/accordion_img01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	z-index: 100;
}
.contents ul.movieList .accordion_change {
	background-image: url(../img/accordion_img02.gif) !important;
}
.contents ul.movieList .subMenu {
	background-color: #FFF;
	padding-top: 10px;
}
.contents ul.movieList a.accordion1 {
	display: block;
	border: solid 1px #C9CACA;
	background: none;
	position: relative;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 5px;
	background: url(../img/arrow_list.gif) no-repeat right center;
}

.contents ul.movieList a span {
	display: table-cell;
	height: 53px;
	overflow: visible;
	padding-left: 100px;
	vertical-align: middle;
	line-height: 14px;
}
.contents ul.movieList a span.NEW {
	background-image: url(../img/NEW.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 35px;
}

.contents h3 {
	font-size: 14px;
	font-weight: bold;
	padding: 14px 0 8px;
}
.contents .movieImg {
	width: 100%;
	
}
.contents div.videosize,
.contents div.videosize2 {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.contents div.videosize iframe,
.contents div.videosize object,
.contents div.videosize embed {
position: absolute;
height: 540px;
width: 720px;
top: 0;
left: 0;
max-width: 100%;
max-height: 100%;
}

.contents div.videosize2 iframe,
.contents div.videosize2 object,
.contents div.videosize2 embed {
position: absolute;
height: 405px;
width: 720px;
top: 0;
left: 0;
max-width: 100%;
max-height: 100%;
}

.contents .bottomNavi {
	margin-top: 20px;
	overflow: hidden;
}
.contents .bottomNavi .prev {
	float: left;
}
.contents .bottomNavi .next {
	float: right;
}

.contents .retCategory {
	margin-top: 30px;
}