@charset "utf-8";

@import "fixed.css";

div.characters#wrap {
}


div.topCharacterBlock {
	background: url(/characters/img/index_bg_002.gif) repeat-y left top;
	width: 830px;
	margin-top: 10px;
}
div.topCharacterBlock div.inner1 {
	background: url(/characters/img/index_bg_001.gif) no-repeat left top;
	padding: 7px 0 0;
}
div.topCharacterBlock div.inner2 {
	background: url(/characters/img/index_bg_003.gif) no-repeat left bottom;
	padding: 0 0 7px;
}

div.topCharacterBlock div.characterListBlock {
	margin: 0 0 0 17px;
}
div.topCharacterBlock div.characterListBlock ul {
	margin: 0;
	list-style: none;
}
div.topCharacterBlock div.characterListBlock ul li {
	width: 103px;
	margin: 0 10px 0 0;
	float: left;
}
div.topCharacterBlock div.characterListBlock ul li div.imageBlock {
	margin: 0 1px;
}
div.topCharacterBlock div.characterListBlock ul li div.imageBlock img {
	display: block;
}
div.topCharacterBlock div.characterListBlock ul li p.nameBlock {
	font-size: 10px;
	text-align: center;
	width: 102px;
	margin: 5px 0;
	_height: 22px;
	min-height: 22px;
}
div.topCharacterBlock div.characterListBlock ul li p.nameBlock a {
	background: url(/common/images/lm_arrow_003.gif) no-repeat 0 3px;
	padding: 0 0 0 8px;
}

div.charaDetailBlockA,
div.charaDetailBlockB,
div.charaDetailBlockC {
	width: 830px;
}
div.charaDetailBlockA {
	background: url(/characters/detail/images/bg_002.gif) repeat-y left top;
}
div.charaDetailBlockB,
div.charaDetailBlockC {
	background: url(/characters/detail/images/bg_005.gif) repeat-y left top;
}
div.charaDetailBlockB div.charaDetailMain,
div.charaDetailBlockC div.charaDetailMain {
	position: relative;
}
div.charaDetailBlockA div.inner {
	background: url(/characters/detail/images/bg_001.gif) no-repeat left top;
	padding: 7px 27px 0 7px;
}
div.charaDetailBlockB div.inner,
div.charaDetailBlockC div.inner {
	background: url(/characters/detail/images/bg_001.gif) no-repeat left top;
	padding: 7px 7px 0;
}
div.charaDetailBlockA div.charaDetailFoot,
div.charaDetailBlockB div.charaDetailFoot,
div.charaDetailBlockC div.charaDetailFoot {
	background: #E4E4E4 url(/characters/detail/images/bg_003.gif) no-repeat left top;
}
div.charaDetailBlockA div.charaDetailFootInner,
div.charaDetailBlockB div.charaDetailFootInner,
div.charaDetailBlockC div.charaDetailFootInner {
	background: url(/characters/detail/images/bg_004.gif) no-repeat left bottom;
	_height: 7px;
	min-height: 7px;
	padding: 0 7px;
}

div.charaDetailBlockA div.charaDetailFoot div.charaInfoArea,
div.charaDetailBlockB div.charaDetailFoot div.charaInfoArea,
div.charaDetailBlockC div.charaDetailFoot div.charaInfoArea {
	padding: 9px 10px;
}
div.charaDetailBlockA div.charaDetailFoot div.charaInfoArea h4,
div.charaDetailBlockB div.charaDetailFoot div.charaInfoArea h4,
div.charaDetailBlockC div.charaDetailFoot div.charaInfoArea h4 {
	width: 108px;
	margin: 0;
	padding: 0;
	float: left;
}
div.charaDetailBlockA div.charaDetailFoot div.charaInfoArea ul,
div.charaDetailBlockB div.charaDetailFoot div.charaInfoArea ul,
div.charaDetailBlockC div.charaDetailFoot div.charaInfoArea ul {
	width: 680px;
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}
div.charaDetailBlockA div.charaDetailFoot div.charaInfoArea ul li,
div.charaDetailBlockB div.charaDetailFoot div.charaInfoArea ul li,
div.charaDetailBlockC div.charaDetailFoot div.charaInfoArea ul li {
	font-size: 10px;
	background: url(../../characters/detail/images/lm_arrow_001.gif) no-repeat 0 3px;
	width: 660px;
	margin: 0;
	padding: 0 0 0 10px;
	float: left;
}

div.charaDetailBlockA div.imageBlock {
	width: 380px;
	float: left;
	margin-right: 12px;
}
div.charaDetailBlockA div.imageBlock img {
	display: block;
}
div.charaDetailBlockA div.textBlock {
	width: 404px;
	float: right;
	margin: 20px 0 0 0; 
}
div.charaDetailBlockA div.textBlock div.nameBlock {
	margin-bottom: 10px;
	_height: 128px;
	min-height: 128px;
}
div.charaDetailBlockA div.textBlock div.narrow {
	_height: 1px!important;
	min-height: 1px!important;
}
div.charaDetailBlockA div.textBlock div.nameBlock p {
	font-size: 12px;
	line-height: 133%;
}
div.charaDetailBlockA div.textBlock div.nameBlock h3 {
	margin: 0;
	padding: 0;
}
div.charaDetailBlockA div.textBlock div.nameBlock h3 img {
	display: block;
}
div.charaDetailBlockA div.textBlock div.nameBlock div.nameBlockWrap {
	margin-top: 8px;
}
div.charaDetailBlockA div.textBlock div.nameBlock div.nameBlockWrap p.pronunciation {
	float: left;
	margin-right: 15px;
}
div.charaDetailBlockA div.textBlock div.nameBlock div.nameBlockWrap p.debut {
	background: url(/common/images/lm_arrow_003.gif) no-repeat 0 2px;
	float: left;
	padding: 0 0 0 8px;
	line-height: 100%;
}
div.charaDetailBlockA div.textBlock div.info {
	margin-top: 15px;
}
div.charaDetailBlockA div.textBlock div.info p {
	color: #333;
}

div.charaDetailBlockA div.textBlock div.profileBlock h4 {
	margin-bottom: 8px;
}
div.charaDetailBlockA div.textBlock div.profileBlock h4 img {
	display: block;
}
div.charaDetailBlockA div.textBlock div.profileBlock table {
}
div.charaDetailBlockA div.textBlock div.profileBlock table th {
	background: url(/characters/detail/images/lm_circle_001.gif) no-repeat 0 4px;
	padding: 4px 18px 3px 17px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	white-space: nowrap;
}
div.charaDetailBlockA div.textBlock div.profileBlock table td {
	font-size: 12px;
	padding: 4px 0 3px;
	color: #333;
}

div.charaDetailBlockB p.debut {
	font-size: 12px;
}
div.charaDetailBlockB p.info {
	font-size: 12px;
	line-height: 133%;
}
div.charaDetailBlockB div.charaDetailMain div.profileBlock p {
	line-height: 133%;
	margin-bottom: 5px;
}
div.charaDetailBlockB div.charaDetailMain div.profileBlock table {
	margin-bottom: 10px;
}
div.charaDetailBlockB div.charaDetailMain div.profileBlock table th {
	font-size: 12px;
	font-weight: bold;
	line-height: 120%;
	white-space: nowrap;
	padding: 3px 18px 2px 16px;
}
div.charaDetailBlockB div.charaDetailMain div.profileBlock table td {
	font-size: 12px;
	line-height: 120%;
	padding: 3px 0 2px;
}
p.charaCopyright {
	margin: 5px 0 0 0;
}
p.charaCopyright img {
	display: block;
}

div.initialCharacterBlock {
	background: url(/characters/name/images/bg_002.gif) repeat-y left top;
	width: 830px;
}
div.initialCharacterBlock div.inner {
	background: url(/characters/name/images/bg_003.gif) no-repeat left bottom;
	padding: 0 0 7px;
}

div.initialCharacterBlock div.initialNavBlock {
	background: url(/characters/name/images/bg_001.gif) no-repeat left top;
	padding-left: 25px;
}
div.initialCharacterBlock div.initialNavBlock ul {
	list-style: none;
}
div.initialCharacterBlock div.initialNavBlock ul li {
	float: left;
	margin-right: 5px;
}
div.initialCharacterBlock div.initialNavBlock ul li img {
	display: block;
}


div.initialCharacterBlock div.characterListBlock {
	_height: 367px;
	min-height: 367px;
	margin: 0 0 0 17px;
}
div.initialCharacterBlock div.characterListBlock ul {
	margin: 0;
	list-style: none;
}
div.initialCharacterBlock div.characterListBlock ul li {
	width: 103px;
	margin: 0 10px 0 0;
	float: left;
}
div.initialCharacterBlock div.characterListBlock ul li div.imageBlock {
	margin: 0 1px;
}
div.initialCharacterBlock div.characterListBlock ul li div.imageBlock img {
	display: block;
}
div.initialCharacterBlock div.characterListBlock ul li p.nameBlock {
	font-size: 10px;
	text-align: center;
	width: 102px;
	margin: 5px 0;
	_height: 22px;
	min-height: 22px;
}
div.initialCharacterBlock div.characterListBlock ul li p.nameBlock a {
	background: url(/common/images/lm_arrow_003.gif) no-repeat 0 3px;
	padding: 0 0 0 8px;
	zoom: 1;
}
div.initialCharacterBlock div.moveBlock {
	width: 796px;
	height: 26px;
	margin: 5px 17px 0;
}
div.initialCharacterBlock div.moveBlock p.back {
	float: left;
}
div.initialCharacterBlock div.moveBlock p.next {
	float: right;
}
div.initialCharacterBlock div.moveBlock img {
	display: block;
}
div.ageCharacterBlock {
	background: url(/characters/year/images/bg_002.gif) repeat-y left top;
	width: 830px;
}
div.ageCharacterBlock div.inner {
	background: url(/characters/year/images/bg_003.gif) no-repeat left bottom;
	padding: 0 0 7px;
}

div.ageCharacterBlock div.initialNavBlock {
	background: url(/characters/year/images/bg_001.gif) no-repeat left top;
	padding-left: 25px;
}
div.ageCharacterBlock div.initialNavBlock ul {
	list-style: none;
}
div.ageCharacterBlock div.initialNavBlock ul li {
	float: left;
	margin-right: 5px;
}
div.ageCharacterBlock div.initialNavBlock ul li img {
	display: block;
}


div.ageCharacterBlock div.characterYearBlock {
	margin: 16px 21px 20px;
}
div.ageCharacterBlock div.characterYearBlock h3 {
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	background: url(/characters/year/images/bg_004.gif) no-repeat left top;
	padding: 6px 12px;
}
div.ageCharacterBlock div.characterYearBlock h3 span {
	font-size: 12px;
	vertical-align: baseline;
}
div.ageCharacterBlock div.characterYearBlock div.characterFactBlock {
	padding: 0 10px;
	background: #FFF;
}
div.ageCharacterBlock div.characterYearBlock div.characterFactBlock dl {
	background: url(/common/images/ln_dash_003.gif) repeat-x left top;
	margin: 0;
	padding: 5px 0 2px 0;
}
div.ageCharacterBlock div.characterYearBlock div.characterFactBlock dl.first-child,
div.ageCharacterBlock div.characterYearBlock div.characterFactBlock dl:first-child {
	background: url(none) repeat-x left top;
}
div.ageCharacterBlock div.characterYearBlock div.characterFactBlock dt {
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
}
div.ageCharacterBlock div.characterYearBlock div.characterFactBlock dd {
	font-size: 10px;
	margin: 0;
	padding: 0;
	float: left;
}
div.ageCharacterBlock div.characterYearBlock div.characterFactBlock dd a {
	background: url(/common/images/lm_arrow_003.gif) no-repeat 0 3px;
	display: block;
	margin: 0;
	padding: 0 0 0 8px;
}
div.ageCharacterBlock div.characterYearBlock div.characterListBlock {
	margin: 6px 0 0 0;
}
div.ageCharacterBlock div.characterYearBlock div.characterListBlock ul {
	list-style: none;
}
div.ageCharacterBlock div.characterYearBlock div.characterListBlock ul li {
	width: 104px;
	margin: 0 10px 0 0;
	float: left;
}
div.ageCharacterBlock div.characterYearBlock div.characterListBlock ul li div.imageBlock {
	margin: 0 1px;
}
div.ageCharacterBlock div.characterYearBlock div.characterListBlock ul li div.imageBlock img {
	display: block;
}
div.ageCharacterBlock div.characterYearBlock div.characterListBlock ul li p.nameBlock {
	font-size: 10px;
	margin-top: 5px;
	text-align: center;
}
div.ageCharacterBlock div.characterYearBlock div.characterListBlock ul li p.nameBlock a {
	background: url(/common/images/lm_arrow_003.gif) no-repeat 0 3px;
	padding: 0 0 0 8px;
}
div.ageCharacterBlock div.moveBlock {
	width: 796px;
	height: 26px;
	margin: 15px 17px 0;
}
div.ageCharacterBlock div.moveBlock p.back {
	float: left;
}
div.ageCharacterBlock div.moveBlock p.next {
	float: right;
}
div.ageCharacterBlock div.moveBlock img {
	display: block;
}


div.playListBlock {
	background: url(/characters/img/playland_bg_002.gif) repeat-y left top;
}
div.playListBlock div.inner1 {
	background: url(/characters/img/playland_bg_001.gif) no-repeat left top;
}
div.playListBlock div.inner2 {
	background: url(/characters/img/playland_bg_003.gif) no-repeat left bottom;
	padding: 12px 0 12px 17px; 
	*zoom: 1;
}
div.playListBlock ul {
	list-style: none;
	margin: 0;
	padding: 5px 0 0 0;
}
div.playListBlock ul li {
	width: 140px;
	margin: 0 0 0 24px;
	float: left;
	display: inline;
}
div.playListBlock ul li.first-child,
div.playListBlock ul li:first-child {
	margin-left: 0;
}
div.playListBlock ul li div.imageBlock {
}
div.playListBlock ul li div.imageBlock img {
	display: block;
}
div.playListBlock ul li p.nameBlock {
	background: url(/characters/img/lm_arrow_001.gif) no-repeat 0 3px;
	font-size: 10px;
	margin-top: 5px;
	padding: 0 0 0 8px;
	_height: 35px;
	min-height: 35px;
}

div.topBannerBlock {
	margin-top: 10px;
	margin-bottom: 20px;
}
div.topBannerBlock ul {
	margin: 0;
	list-style: none;
}
div.topBannerBlock li {
	margin: 0 0 0 14px;
	_display: inline;
	float: left;
}
div.topBannerBlock li.first-child,
div.topBannerBlock li:first-child {
	margin-left: 0;
}
div.topBannerBlock li a img {
	display: block;
}

div.topLnvBlock {
	margin-top: 10px;
	margin-bottom: 11px;
}
div.topLnvBlock ul {
	margin: 0;
	list-style: none;
}
div.topLnvBlock li {
	margin: 0 0 0 8px;
	_display: inline;
	float: left;
}
div.topLnvBlock li.first-child,
div.topLnvBlock li:first-child {
	margin-left: 0;
}
div.topLnvBlock li a img {
	display: block;
}


/* 要整理 */
div.headingTypeB00 p.buttonRight,
div.headingTypeB01 p.buttonRight,
div.headingTypeB02 p.buttonRight,
div.headingTypeB03 p.buttonRight,
div.headingTypeB04 p.buttonRight {
	margin-top: 0;
}
/* /要整理 */

body#birthday {
	background: #FFF url(none);
	text-align: left;
}
	body#birthday div#headerArea {
		background: #FFF url(none);
		width: 480px;
		margin: 0 10px;
		height: 37px;
	}
	body#birthday div#headerArea p#logo {
		position: absolute;
		left: 0;
		top: 10px;	
	}
	body#birthday div#headerArea div#button {
		width: 54px;
		margin-top: 10px;
		float: right;
	}
	body#birthday div#headerArea div#button ul li {
		float: left;
		width: 54px;
	}
body#birthday div#contentsArea {
	background: url(/characters/img/birthday_bg_001.jpg) no-repeat left top;
	width: 500px;
	height: 437px;
	margin: 0 0 30px;
	padding: 0;
	position: relative;
}
	body#birthday div#contentsArea h1 {
		width: 272px;
		margin: 0;
		padding: 0;
		position: relative;
		left: 123px;
		top: 23px;
	}
	body#birthday div#contentsArea div#mainCharaBlock {
		margin: 0;
		padding: 0;
		position: absolute;
		left: 0;
		top: 0;
	}
	body#birthday div#contentsArea div#mainCharaBlock h2 {
		margin: 0;
		padding: 0;
		position: absolute;
	}
	body#birthday div#contentsArea div#mainCharaBlock p.logoBlock {
		margin: 0;
		padding: 0;
		position: absolute;
	}
	body#birthday div#contentsArea div#mainCharaBlock div.imageBlock {
		margin: 0;
		padding: 0;
		position: absolute;
	}
	body#birthday div#contentsArea div#mainCharaBlock p.nameBlock {
		text-align: center;
		width: 143px;
		margin: 0;
		padding: 0;
		position: absolute;
	}
	body#birthday div#contentsArea div#subCharaBlock {
		margin: 0;
		padding: 0;
		position: absolute;
		left: 66px;
		top: 275px;
	}
	body#birthday div#contentsArea div#subCharaBlock div#c02 {
		margin: 0;
		padding: 0;
		position: absolute;
		left: 0px;
		top: 0px;
	}
	body#birthday div#contentsArea div#subCharaBlock div#c03 {
		margin: 0;
		padding: 0;
		position: absolute;
		left: 134px;
		top: 0px;
	}
	body#birthday div#contentsArea div#subCharaBlock div#c04 {
		margin: 0;
		padding: 0;
		position: absolute;
		left: 268px;
		top: 0px;
	}
	body#birthday div#contentsArea div#subCharaBlock h2 {
		margin: 0;
		padding: 0;
		position: absolute;
		left: 10px;
		top: 0;
		z-index: 2;
	}
	body#birthday div#contentsArea div#subCharaBlock div.imageBlock {
		margin: 0;
		padding: 0;
		position: absolute;
		left: 0px;
		top: 25px;
		z-index: 1;
	}
	body#birthday div#contentsArea div#subCharaBlock p.nameBlock {
		text-align: center;
		width: 100px;
		margin: 0;
		padding: 0;
		position: absolute;
		left: 0px;
		top: 120px;
	}
	body#birthday div#contentsArea p.nameBlock a {
		font-size: 10px;
		background: url(/characters/img/lm_arrow_002.gif) no-repeat 0 3px;
		padding: 0 0 0 8px;
	}


	body#birthday div#footerArea {
		width: 480px;
		height: 40px;
		margin: 8px 10px 0;
		padding: 10px 0 0;
	}
	body#birthday div#footerArea p#copyright img {
		float: right;
	}

/* SNS Buttons 2012-01-05 */

ul.socialButtons {
list-style-type: none;
width: 830px;
text-align:left;
margin: 10px auto 20px 0px;
padding-left: 10px;
}
ul.socialButtons li {
float:left;
}
ul.socialButtons li.fbs {
margin-top: 1px;
}
.listTypeA01 ul {
list-style-type: disc!important;
}
