@charset "EUC-JP";
@import'common.css';
@import'/common/css/special.css';

/* genre 
------------------------------------------ */
#genre {
	margin-top: 15px;
}
/* Base 
------------------------------------------ */
.freeAnimation {
	width: 715px;
}
/* navi 
------------------------------------------ */
.freeAnimation div.navi {
	font-size: 12px;
	margin: 0 0 5px;
}
.freeAnimation div.navi span {
	font-size: 10px;
	color: #666666;
}
.freeAnimation div.navi a {
	color: #00add8;
}
/* header 
------------------------------------------ */
.freeAnimation #freeAnimationHeader {
	clear: both;
}
.freeAnimation #freeAnimationHeader h1 {
	height: 70px;
	margin: 0;
	padding: 0;
}
.freeAnimation #freeAnimationHeader h2 {
	height: 90px;
}
/*column4*/
.freeAnimation .typeA {
	padding: 0 0 0;
	background: url(../img/bgBtn.gif) bottom repeat-x;
	border-bottom: 1px solid #000;
	clear: both;
}
.freeAnimation .typeA .bgTtl {
	background: url(../img/bgTtl.gif) repeat-x;
}
.freeAnimation .typeA .columnBorder {
	background: url(../img/bg4Column.gif) repeat-y;
	zoom: 100%;
	margin: 0;
}
.freeAnimation .typeA .columnBorder:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:"";
}
.freeAnimation .typeA .unit {
	width: 24.9%;
	float: left;
	text-align: center;
	color: #b34230;
	font-size: 12px;
}

.freeAnimation .typeA .unit div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.freeAnimation .typeA .unit div img {
	height: 55px;
	width: 1px;
}
* html .freeAnimation .typeA .unit div {/* IE 6 */
	display:inline;
	zoom:1;
}
*:first-child+html .freeAnimation .typeA .unit div {/* IE 7 */
	display:inline;
	zoom:1;
}
* html .freeAnimation .typeA .unit h3 {/* IE 6 */
	display:inline;
	zoom:1;
}
*:first-child+html .freeAnimation .typeA .unit h3 {/* IE 7 */
	display:inline;
	zoom:1;
}
.freeAnimation .typeA .unit h3 {
	display: table-cell;
	vertical-align: middle;
	font-size: 12px;
	line-height: 1.4em;
	width: 175px;
	padding: 5px 0 0;
}
.freeAnimation .typeA .unit .contentsPic {
	margin: 8px 0 10px;
}
.freeAnimation .typeA .unit ul {
	padding: 0 10px 10px;
}
.freeAnimation .typeA .unit li {
	padding: 6px 0 0;
}
/*column5*/
.freeAnimation .typeB {
	padding: 0 0 0;
	background: url(../img/bgBtn.gif) bottom repeat-x;
	border-bottom: 1px solid #000;
	clear: both;
}
.freeAnimation .typeB .bgTtl {
	background: url(../img/bgTtl.gif) repeat-x;
}
.freeAnimation .typeB .columnBorder {
	background: url(../img/bg5Column.gif) repeat-y;
	zoom: 100%;
}
.freeAnimation .typeB .columnBorder:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:"";
}
.freeAnimation .typeB .unit {
	width: 19.9%;
	float: left;
	text-align: center;
	color: #b34230;
	font-size: 12px;
	line-height: 1.3em;
}

.freeAnimation .typeB .unit div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.freeAnimation .typeB .unit div img {
	height: 55px;
	width: 1px;
}
* html .freeAnimation .typeB .unit div {/* IE 6 */
	display:inline;
	zoom:1;
}
*:first-child+html .freeAnimation .typeB .unit div {/* IE 7 */
	display:inline;
	zoom:1;
}
* html .freeAnimation .typeB .unit h3 {/* IE 6 */
	display:inline;
	zoom:1;
}
*:first-child+html .freeAnimation .typeB .unit h3 {/* IE 7 */
	display:inline;
	zoom:1;
}
.freeAnimation .typeB .unit h3 {
	display: table-cell;
	vertical-align: middle;
	font-size: 12px;
	line-height: 1.4em;
	width: 140px;
	padding: 5px 0 0;
}

.freeAnimation .typeB .unit h3.small {
	font-size: 10px;
}

.freeAnimation .typeB .unit .contentsPic {
	margin: 8px 0 10px;
}
.freeAnimation .typeB .unit .contentsPic img {
	width: 93px;
	height: 68px;
}
.freeAnimation .typeB .unit ul {
	padding: 0 10px 10px;
}
.freeAnimation .typeB .unit li {
	padding: 6px 0 0;
	font-size: 10px;
}
/* freeAnimationNew 
------------------------------------------ */
.freeAnimation #freeAnimationNew {
	clear: both;
	width: 715px;
	margin: 10px 0 0;
}
.freeAnimation #freeAnimationNew h2 {
	height: 65px;
}
/* freeAnimationFree 
------------------------------------------ */
.freeAnimation #freeAnimationFree {
	clear: both;
	width: 715px;
	margin: 10px 0 0;
}
.freeAnimation #freeAnimationFree h2 {
	height: 65px;
}
/* freeAnimationCampaign 
------------------------------------------ */
.freeAnimation #freeAnimationCampaign {
	clear: both;
	width: 715px;
	margin: 10px 0 0;
}
.freeAnimation #freeAnimationCampaign h2 {
	height: 65px;
}
/*.freeAnimation #freeAnimationCampaign .typeB {
	background: url(../img/bgBtnCampaign.gif) bottom repeat-x;
}*/
/* freeAnimationGuestFree 
------------------------------------------ */
.freeAnimation #freeAnimationGuestFree {
	clear: both;
	width: 715px;
	margin: 10px 0 0;
	position: relative;/*bnr*/
}
.freeAnimation #freeAnimationGuestFree .typeB {
	background: url(../img/bgBtnFree.gif) bottom repeat-x;
}
/* bnr */
.freeAnimation #freeAnimationGuestFree .freemembership {
	position: absolute;
	width: 138px;
	height: 44px;
	z-index: 1;
	left: 567px;
	top: 18px;
}
.freeAnimation #freeAnimationGuestFree h2 {
	height: 65px;
}
.freeAnimation #freeAnimationGuestFree .typeB {
	background: url(../img/bgBtnFree.gif) bottom repeat-x;
}
/* freeAnimationGuestFreeBCH
------------------------------------------ */
.freeAnimation #freeAnimationGuestFreeBCH {
	clear: both;
	width: 715px;
	margin: 10px 0 0;
}
.freeAnimation #freeAnimationGuestFreeBCH h2 {
	height: 65px;
}
.freeAnimation #freeAnimationGuestFreeBCH .typeB {
	background: url(../img/bgBtnFree.gif) bottom repeat-x;
}
.freeAnimation h4 {
	clear: both;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	margin-top: 15px;
}
/* hide 
------------------------------------------ */
.freeAnimation .hideBtn {
	clear: both;
	background: url(../img/bgHide.gif) repeat-y;
}
.freeAnimation .hideBtn h5 {
	height: 30px;
}
.freeAnimation .hideBtn .freeList {
	border-bottom: 1px solid #000;
	zoom: 100%;
	padding: 0 20px 10px;
}
.freeAnimation .hideBtn .freeList:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:"";
}
.freeAnimation .hideBtn .freeList ul {
	float: left;
	width: 220px;
	display: inline;
}
.freeAnimation .hideBtn .freeList li {
	padding: 5px 10px 0 0;
	font-size: 10px;
}
/* copyright 
------------------------------------------ */
.freeAnimation #freeAnimationCopyright {
	clear: both;
	font-size: 10px;
	margin: 20px 0 0;
	line-height: 
}
/*.info
========================================== */
div.info{
	clear:both;
	border:1px solid #d2d2d2;
	padding:5px 10px;
	background:#f2f2f2;
	margin: 10px 0 0;
}
div.info strong{
	color:#CC0000;
}