@charset "utf-8";
/*
 *  間宮くんちの五つ子事情
 *  class.css
 *  (c)CUBE All Rights Reserved.
 *  個別設定
 */

/*
==== topPage ====
*/
#topPage #header {
	margin-bottom: 12px;
}
#topPage #mainImg,
#topPage #mainSoloImg {
	background-color: #fff;
	width: 980px;
	height: 560px;
/*	height: 551px;	*/
	margin: 0 auto;
	border-radius: 16px;
}
#topPage #mainImg img,
#topPage #mainSoloImg img {
	border-radius: 16px;
}
#topPage #mainImg #important p {
	font-family: 'UDShinGoM';
	color: #606060;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: 0.5px;
	margin-left: 280px;
}
#topPage #mainImg #important p.title {
	color: #707070;
	background-color: rgba(255,240,240,0.6);
	border-top: 2px dotted #ff7888;
	border-bottom: 2px dotted #ff7888;
/*	background-color: rgba(255,240,176,0.6);
	border-top: 2px dotted #ffb838;
	border-bottom: 2px dotted #ffb838;	*/
	font-family: 'UDShinGoB';
	font-size: 24px;
	letter-spacing: 3px;
	width: 560px;
	text-align: center;
	margin: 6px auto 10px;
	padding: 6px 0;
	position: relative;
}
#topPage #mainImg #important p.title span {
	border: none;
	background: url('./images/cg_icon_title.png') top left no-repeat;
	background-position: -96px 0;
	width: 16px;
	height: 14px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 10px;
	left: 56px;
}
#topPage #mainImg #important p span {
	border-bottom: 2px dotted #ff7888;
}
#topPage #mainImg #important p.position {
	text-align: right;
	margin-right: 240px;
}
#topPage #topInfo {
	background: url('./images/top_bg_info.png') top left no-repeat;
	width: 980px;
	height: 217px;
	padding-top: 44px;
	margin: 12px auto 0;
/*	margin: 32px auto 0;	*/
	position: relative;
}
#topPage #topInfo #infoList {
	width: 950px;
	height: 200px;
	margin: 0 14px 0 16px;
	overflow-y: scroll;
}
#topPage #topInfo #infoList dl {
	letter-spacing: 0.5px;
	width: 926px;
	height: auto;
	position: relative;
	z-index: 1;
}
#topPage #topInfo #infoList dl:first-child {
	min-height: 22px;
}
#topPage #topInfo #infoList dl.odd {
	margin: -15px 0;
	padding: 10px 0;
	background-color: #f0fcff;
}
#topPage #topInfo #infoList dl dt.date{
	color: #ff7888;
	font-weight: bold;
	margin-left: 36px;
	float: left;
}
#topPage #topInfo #infoList dl dt.new {
	background: url('./images/top_icon_new.png') top left no-repeat;
	width: 27px;
	height: 33px;
	text-indent: -9999px;
	position: absolute;
	top: 0px;
	left: 6px;
}
#topPage #topInfo #infoList dl dd {
	border-left: 1px solid #b8b8b8;
	width: auto;
	height: auto;
	margin-left: 128px;
	padding-left: 8px;
}
#topPage #topInfo #infoList dl dd li {
	padding-top: 5px;
}
#topPage #topInfo #infoList dl dd li:first-child {
	padding: 0;
}

#topPage #topInfo #infoList dl dd li.ifTop a { color: #ffa028; }
#topPage #topInfo #infoList dl dd li.ifStory a { color: #40b8ff; }
#topPage #topInfo #infoList dl dd li.ifChar a { color: #ff7890; }
#topPage #topInfo #infoList dl dd li.ifCg a { color: #00c890; }
#topPage #topInfo #infoList dl dd li.ifDownload a { color: #a858ff; }
#topPage #topInfo #infoList dl dd li.ifSpecial a { color: #ffc800; }
#topPage #topInfo #infoList dl dd li.ifSpec a { color: #90d000; }
#topPage #topInfo #infoList dl dd li.ifDiary a { color: #c07020; }

#topPage #topInfo #infoList dl dd li span {
	background: url('./images/layout_icon_category.png') bottom left no-repeat;
	width: 12px;
	height: 11px;
	text-indent: -9999px;
	margin-top: 2px;
	float: left;
	display: block;
}
#topPage #topInfo #infoList dl dd li.ifTop span { background-position: -12px 0; }
#topPage #topInfo #infoList dl dd li.ifStory span { background-position: -24px 0; }
#topPage #topInfo #infoList dl dd li.ifChar span { background-position: -36px 0; }
#topPage #topInfo #infoList dl dd li.ifCg span { background-position: -48px 0; }
#topPage #topInfo #infoList dl dd li.ifDownload span { background-position: -60px 0; }
#topPage #topInfo #infoList dl dd li.ifSpecial span { background-position: -72px 0; }
#topPage #topInfo #infoList dl dd li.ifSpec span { background-position: -84px 0; }
#topPage #topInfo #infoList dl dd li.ifDiary span { background-position: -96px 0; }

#topPage #topInfo #infoList dl dd li.row02 {
	padding: 1px 0 0 26px;
}
#topPage #topInfo #infoList dl dd li.row02 span {
	background: url('./images/top_icon_info_category.png') bottom left no-repeat;
	width: 3px;
	height: 10px;
}
#topPage #topInfo #infoList dl dd li.ifTop.row02 span { background-position: -3px; }
#topPage #topInfo #infoList dl dd li.ifStory.row02 span { background-position: -6px; }
#topPage #topInfo #infoList dl dd li.ifChar.row02 span { background-position: -9px; }
#topPage #topInfo #infoList dl dd li.ifCg.row02 span { background-position: -12px; }
#topPage #topInfo #infoList dl dd li.ifDownload.row02 span { background-position: -15px; }
#topPage #topInfo #infoList dl dd li.ifSpecial.row02 span { background-position: -18px; }
#topPage #topInfo #infoList dl dd li.ifSpec.row02 span { background-position: -21px; }
#topPage #topInfo #infoList dl dd li.ifDiary.row02 span { background-position: -24px; }

#topPage #topInfo #infoList .infoLine {
	background: url('./images/top_line_info.png') top left no-repeat;
	width: 926px;
	height: 10px;
	margin: 10px 0;
	text-indent: -9999px;
	position: relative;
	z-index: 9;
}
#topPage #contentsArea {
	width: 980px;
	height: auto;
	margin: 20px auto 0;
}
#topPage #contentsArea ul#leftContents {
	width: 600px;
	height: auto;
	float: left;
}
#topPage #contentsArea ul li {
	width: 600px;
	height: 120px;
	margin-top: 12px;
	position: relative;
}
#topPage #contentsArea ul li:first-child {
	margin-top: 18px;
}
#topPage #contentsArea ul li.sizeS ul li {
	width: 294px;
	height: 120px;
	margin: 0 0 0 12px;
	float: left;
	position: relative;
}
#topPage #contentsArea ul li.sizeS ul li:first-child {
	margin-left: 0;
}
#topPage #contentsArea ul li a {
	width: 100%;
	height: 100%;
	display: block;
}
#topPage #contentsArea ul li#bnStory a { background: url('./images/top_bn_story.png') top left no-repeat; }
#topPage #contentsArea ul li#bnChar a { background: url('./images/top_bn_char.png') top left no-repeat; }
#topPage #contentsArea ul li#bnCharRirika a { background: url('./images/top_bn_char_ririka.png') top left no-repeat; }
#topPage #contentsArea ul li#bnCharKyoka a { background: url('./images/top_bn_char_kyoka.png') top left no-repeat; }
#topPage #contentsArea ul li#bnCharKojiro a { background: url('./images/top_bn_char_kojiro.png') top left no-repeat; }
#topPage #contentsArea ul li#bnCharHaruna a { background: url('./images/top_bn_char_haruna.png') top left no-repeat; }
#topPage #contentsArea ul li#bnCharRokube a { background: url('./images/top_bn_char_rokube.png') top left no-repeat; }
#topPage #contentsArea ul li#bnCg a { background: url('./images/top_bn_cg.png') top left no-repeat; }
#topPage #contentsArea ul li#bnBanner a { background: url('./images/top_bn_banner.png') top left no-repeat; }
#topPage #contentsArea ul li#bnTwitter a { background: url('./images/top_bn_twitter.png') top left no-repeat; }
#topPage #contentsArea ul li#bnMovie a { background: url('./images/top_bn_movie.png') top left no-repeat; }
#topPage #contentsArea ul li#bnSound a { background: url('./images/top_bn_sound.png') top left no-repeat; }
#topPage #contentsArea ul li#bnDiary a { background: url('./images/top_bn_diary.png') top left no-repeat; }
#topPage #contentsArea ul li#bnDiary02 a { background: url('./images/top_bn_diary_02.png') top left no-repeat; }
#topPage #contentsArea ul li#bnShop a { background: url('./images/top_bn_shop.png') top left no-repeat; }
#topPage #contentsArea ul li#bnUpdata a { background: url('./images/top_bn_updata.png') top left no-repeat; }
#topPage #contentsArea ul li#bnEvent a { background: url('./images/top_bn_event.png') top left no-repeat; }
#topPage #contentsArea ul li#bnEvent03 a { background: url('./images/top_bn_event_03.png') top left no-repeat; }
#topPage #contentsArea ul li#bnEvent04 a { background: url('./images/top_bn_event_04.png') top left no-repeat; }
#topPage #contentsArea ul li#bnEvent05 a { background: url('./images/top_bn_event_05.png') top left no-repeat; }
#topPage #contentsArea ul li#bnEvent06 a { background: url('./images/top_bn_event_06.png') top left no-repeat; }
#topPage #contentsArea ul li#bnEvent07 a { background: url('./images/top_bn_event_07.png') top left no-repeat; }
#topPage #contentsArea ul li#bnEvent08 a { background: url('./images/top_bn_event_08.png') top left no-repeat; }
#topPage #contentsArea ul li#bnEvent09 a { background: url('./images/top_bn_event_09.png') top left no-repeat; }
#topPage #contentsArea ul li#bnEvent10 a { background: url('./images/top_bn_event_10.png') top left no-repeat; }
#topPage #contentsArea ul li#bnEvent11 a { background: url('./images/top_bn_event_11.png') top left no-repeat; }
#topPage #contentsArea ul li#bnEvent12 a { background: url('./images/top_bn_event_12.png') top left no-repeat; }
#topPage #contentsArea ul li#bnCount01 a { background: url('./images/top_bn_count_01.png') top left no-repeat; }
#topPage #contentsArea ul li#bnCount02 a { background: url('./images/top_bn_count_02.png') top left no-repeat; }
#topPage #contentsArea ul li#bnCount03 a { background: url('./images/top_bn_count_03.png') top left no-repeat; }
#topPage #contentsArea ul li#bnCount04 a { background: url('./images/top_bn_count_04.png') top left no-repeat; }
#topPage #contentsArea ul li#bnCount05 a { background: url('./images/top_bn_count_05.png') top left no-repeat; }
#topPage #contentsArea ul li#bnCount06 a { background: url('./images/top_bn_count_06.png') top left no-repeat; }
#topPage #contentsArea ul li#bnCount07 a { background: url('./images/top_bn_count_07.png') top left no-repeat; }
#topPage #contentsArea ul li#bnCount08 a { background: url('./images/top_bn_count_08.png') top left no-repeat; }
#topPage #contentsArea ul li#bnCount09 a { background: url('./images/top_bn_count_09.png') top left no-repeat; }
#topPage #contentsArea ul li#bnCount10 a { background: url('./images/top_bn_count_10.png') top left no-repeat; }
#topPage #contentsArea ul li#bnCount11 a { background: url('./images/top_bn_count_11.png') top left no-repeat; }
#topPage #contentsArea ul li#bnCount12 a { background: url('./images/top_bn_count_12.png') top left no-repeat; }
#topPage #contentsArea ul li#bnMasterup a { background: url('./images/top_bn_masterup.png') top left no-repeat; }
#topPage #contentsArea ul li#bnDrama a { background: url('./images/top_bn_drama.png') top left no-repeat; }
#topPage #contentsArea ul li a img {
	opacity: 0;
}
#topPage #contentsArea ul li span.new {
	background: url('./images/top_icon_new.png') top left no-repeat;
	width: 27px;
	height: 33px;
	text-indent: -9999px;
	position: absolute;
	top: -15px;
	left: 5px;
}
#topPage #contentsArea #rightContents {
	width: 360px;
	height: auto;
	float: right;
}
#topPage #contentsArea #rightContents #twiterArea {
	background: url('./images/top_bg_twitter.png') top left no-repeat;
	width: 344px;
	height: 415px;
	padding: 48px 8px 0;
}
#topPage #contentsArea #rightContents #twiterArea .twitter-timeline {
	width: 344px;
	height: 371px;
}
#topPage #contentsArea #rightContents #twiterArea .twitter-follow-button {
	margin: 3px 0 0 238px;
}
#topPage #contentsArea #rightContents #publishArea {
	background: url('./images/top_bg_publish.png') top left no-repeat;
	width: 330px;
	height: 257px;
/*	height: 413px;	*/
	margin-top: 20px;
	padding: 48px 14px 0 16px;
}
#topPage #publishArea #publishList {
	width: 330px;
	height: 195px;
/*	height: 399px;	*/
	margin: 0;
	overflow-y: scroll;
}
#topPage #publishArea #publishList .puBox {
	width: 306px;
	height: 132px;
	margin: 0;
	padding-top: 10px;
	position: relative;
	z-index: 1;
}
#topPage #publishArea #publishList .puBox.odd {
	background-color: #ecfff0;
	margin: -5px 0 -4px;
}
#topPage #publishArea #publishList .puBox .puImg {
	background-color: #fff;
	width: auto;
	min-width: 88px;
	height: 120px;
	margin-left: 8px;
	float: left;
}
#topPage #publishArea #publishList .puBox .puImg a {
	width: 100%;
	height: 100%;
	display: block;
}
#topPage #publishArea #publishList .puBox dl {
	letter-spacing: 0.5px;
	width: 202px;
	height: 120px;
	margin-left: 104px;
}
#topPage #publishArea #publishList .puBox dl dt.date {
	border-bottom: 1px solid #b8b8b8;
	color: #ff7888;
	font-weight: bold;
	width: 202px;
	height: auto;
	padding: 4px 0 0 4px;
}
#topPage #publishArea #publishList .puBox dl dd.title {
	font-weight: bold;
	padding: 4px 0 0 4px;
}
#topPage #publishArea #publishList .puBox dl dd.title a {
	color: #58d078;
	font-size: 14px;
}
#topPage #publishArea #publishList .puBox dl dd.info {
	padding: 4px 0 0 4px;
}
#topPage #publishArea #publishList .puBox dl dd.info span {
	background: url('./images/layout_icon_category.png') bottom right no-repeat;
	width: 12px;
	height: 11.5px;
	text-indent: -9999px;
	margin-right: 6px;
	float: left;
	display: block;
}
#topPage #publishArea #publishList .puBox .new {
	background: url('./images/top_icon_new.png') top left no-repeat;
	width: 27px;
	height: 33px;
	text-indent: -9999px;
	position: absolute;
	top: 87px;
	left: 104px;
}
#topPage #publishArea #publishList .puLine {
	background: url('./images/top_line_publish.png') top left no-repeat;
	width: 306px;
	height: 10px;
	text-indent: -9999px;
	position: relative;
	z-index: 9;
}

/*
==== storyPage ====
*/
#storyPage #storyBg01 {
	background: url('./images/story_bg_main01.png') top left no-repeat;
	width: 809px;
	height: 673px;
	margin: 12px 0 0 84px;
	position: relative;
}
#storyPage #storyBg02 {
	background: url('./images/story_bg_main02.png') top left no-repeat;
	width: 809px;
	height: 637px;
	margin: -8px 0 0 84px;
	position: relative;
}
#storyPage #storyBg01 ul#charList li,
#storyPage #storyBg02 #charLink {
	width: 100px;
	height: 100px;
	position: absolute;
	left: 50px;
}
#storyPage #storyBg01 ul#charList li#stYakumo { top: 64px; }
#storyPage #storyBg01 ul#charList li#stMoeri { top: 176px; }
#storyPage #storyBg01 ul#charList li#stTamane { top: 400px; }
#storyPage #storyBg01 ul#charList li#stNekoto { top: 512px; }
#storyPage #storyBg02 #charLink { top: 114px; }

#storyPage #storyBg01 ul#charList li a,
#storyPage #storyBg02 #charLink a {
	background: url('./images/story_nav_char.jpg') top left no-repeat;
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
}
#storyPage #storyBg01 ul#charList li#stYakumo a { background-position: 0 0; }
#storyPage #storyBg01 ul#charList li#stMoeri a { background-position: -100px 0; }
#storyPage #storyBg01 ul#charList li#stTamane a { background-position: -200px 0; }
#storyPage #storyBg01 ul#charList li#stNekoto a { background-position: -300px 0; }
#storyPage #storyBg02 #charLink a { background-position: -400px 0; }
#storyPage #storyBg01 ul#charList li a img,
#storyPage #storyBg02 #charLink a img {
	opacity: 0;
	border-radius: 50%;
}

/*
==== charPage ====
*/
#charPage ul#charSelect {
	width: 976px;
	height: 132px;
	margin: 4px auto 0;
}
#charPage ul#charSelect li {
	width: 88px;
	height: 132px;
	margin-left: 8px;
	float: left;
}
#charPage ul#charSelect li:first-child {
	margin: 0;
}
#charPage ul#charSelect li#chRyota {
	margin-left: 32px;
}
#charPage ul#charSelect li a {
	background: url('./images/char_nav_select.png') top left no-repeat;
	width: 100%;
	height: 100%;
	display: block;
}
#charPage ul#charSelect li#chYakumo a { background-position: 0 0; }
#charPage ul#charSelect li#chMoeri a { background-position: 0 -132px; }
#charPage ul#charSelect li#chTamane a { background-position: 0 -264px; }
#charPage ul#charSelect li#chNekoto a { background-position: 0 -396px; }
#charPage ul#charSelect li#chRirika a { background-position: 0 -528px; }
#charPage ul#charSelect li#chRyota a { background-position: -176px 0; }
#charPage ul#charSelect li#chKojiro a { background-position: -176px -132px; }
#charPage ul#charSelect li#chHaruna a { background-position: -176px -264px; }
#charPage ul#charSelect li#chKyoka a { background-position: -176px -396px; }
#charPage ul#charSelect li#chRokube a { background-position: -176px -528px; }
#charPage ul#charSelect li a img {
	opacity: 0;
}
#charPage.yakumo ul#charSelect li#chYakumo a { background-position: -88px 0; }
#charPage.moeri ul#charSelect li#chMoeri a { background-position: -88px -132px; }
#charPage.tamane ul#charSelect li#chTamane a { background-position: -88px -264px; }
#charPage.nekoto ul#charSelect li#chNekoto a { background-position: -88px -396px; }
#charPage.ririka ul#charSelect li#chRirika a { background-position: -88px -528px; }

#charPage.ryota ul#charSelect li#chRyota a { background-position: -264px 0; }
#charPage.kojiro ul#charSelect li#chKojiro a { background-position: -264px -132px; }
#charPage.haruna ul#charSelect li#chHaruna a { background-position: -264px -264px; }
#charPage.kyoka ul#charSelect li#chKyoka a { background-position: -264px -396px; }
#charPage.rokube ul#charSelect li#chRokube a { background-position: -264px -528px; }
#charPage.yakumo ul#charSelect li#chYakumo a img,
#charPage.moeri ul#charSelect li#chMoeri a img,
#charPage.tamane ul#charSelect li#chTamane a img,
#charPage.nekoto ul#charSelect li#chNekoto a img,
#charPage.ririka ul#charSelect li#chRirika a  img,
#charPage.ryota ul#charSelect li#chRyota a img,
#charPage.kojiro ul#charSelect li#chKojiro a img,
#charPage.haruna ul#charSelect li#chHaruna a img,
#charPage.kyoka ul#charSelect li#chKyoka a img,
#charPage.rokube ul#charSelect li#chRokube a img {
	visibility: hidden;
}
#charPage #charArea {
	width: 952px;
	height: 790px;
	margin: 10px 0 0 15px;
	position: relative;
}
#charPage.yakumo #charArea { background: url('./images/char_bg_yakumo.png') top left no-repeat; }
#charPage.moeri #charArea { background: url('./images/char_bg_moeri.png') top left no-repeat; }
#charPage.tamane #charArea { background: url('./images/char_bg_tamane.png') top left no-repeat; }
#charPage.nekoto #charArea { background: url('./images/char_bg_nekoto.png') top left no-repeat; }
#charPage.ririka #charArea { background: url('./images/char_bg_ririka.png') top left no-repeat; }
#charPage.ryota #charArea { background: url('./images/char_bg_ryota.png') top left no-repeat; }
#charPage.kojiro #charArea { background: url('./images/char_bg_kojiro.png') top left no-repeat; }
#charPage.haruna #charArea { background: url('./images/char_bg_haruna.png') top left no-repeat; }
#charPage.kyoka #charArea { background: url('./images/char_bg_kyoka.png') top left no-repeat; }
#charPage.rokube #charArea { background: url('./images/char_bg_rokube.png') top left no-repeat; }

#charPage #charArea #charImg {
	position: absolute;
	bottom: 0;
}
#charPage #charArea #charName {
	width: auto;
	height: 83px;
	position: absolute;
	top: 0;
	left: 24px;
}
#charPage #charArea #charText,
#charPage #charArea #charWords,
#charPage #charArea #charSexual {
	position: absolute;
}
#charPage #charArea #charProfile {
	width: 280px;
	height: 114px;
	position: absolute;
	right: 20px;
}
#charPage #charArea ul#voiceList {
	width: 200px;
	height: 96px;
	position: absolute;
	top: 70px;
	right: 20px;
}
#charPage #charArea ul#voiceList li {
	width: 200px;
	height: 28px;
	margin-top: 6px;
}
#charPage #charArea ul#voiceList li:first-child {
	margin: 0;
}
#charPage #charArea ul#voiceList li a {
	background: url('./images/char_nav_voice.jpg') top left no-repeat;
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 4px;
}
#charPage.yakumo #charArea ul#voiceList li#voice01 a { background-position: 0 0; }
#charPage.yakumo #charArea ul#voiceList li#voice02 a { background-position: -200px 0; }
#charPage.yakumo #charArea ul#voiceList li#voice03 a { background-position: -400px 0; }
#charPage.moeri #charArea ul#voiceList li#voice01 a { background-position: 0 -28px; }
#charPage.moeri #charArea ul#voiceList li#voice02 a { background-position: -200px -28px; }
#charPage.moeri #charArea ul#voiceList li#voice03 a { background-position: -400px -28px; }
#charPage.tamane #charArea ul#voiceList li#voice01 a { background-position: 0 -56px; }
#charPage.tamane #charArea ul#voiceList li#voice02 a { background-position: -200px -56px; }
#charPage.tamane #charArea ul#voiceList li#voice03 a { background-position: -400px -56px; }
#charPage.nekoto #charArea ul#voiceList li#voice01 a { background-position: 0 -84px; }
#charPage.nekoto #charArea ul#voiceList li#voice02 a { background-position: -200px -84px; }
#charPage.nekoto #charArea ul#voiceList li#voice03 a { background-position: -400px -84px; }
#charPage.ririka #charArea ul#voiceList li#voice01 a { background-position: 0 -112px; }
#charPage.ririka #charArea ul#voiceList li#voice02 a { background-position: -200px -112px; }
#charPage.ririka #charArea ul#voiceList li#voice03 a { background-position: -400px -112px; }
#charPage.kojiro #charArea ul#voiceList li#voice01 a { background-position: 0 -140px; }
#charPage.kojiro #charArea ul#voiceList li#voice02 a { background-position: -200px -140px; }
#charPage.kojiro #charArea ul#voiceList li#voice03 a { background-position: -400px -140px; }
#charPage.haruna #charArea ul#voiceList li#voice01 a { background-position: 0 -168px; }
#charPage.haruna #charArea ul#voiceList li#voice02 a { background-position: -200px -168px; }
#charPage.haruna #charArea ul#voiceList li#voice03 a { background-position: -400px -168px; }
#charPage.kyoka #charArea ul#voiceList li#voice01 a { background-position: 0 -196px; }
#charPage.kyoka #charArea ul#voiceList li#voice02 a { background-position: -200px -196px; }
#charPage.kyoka #charArea ul#voiceList li#voice03 a { background-position: -400px -196px; }
#charPage.rokube #charArea ul#voiceList li#voice01 a { background-position: 0 -224px; }
#charPage.rokube #charArea ul#voiceList li#voice02 a { background-position: -200px -224px; }
#charPage.rokube #charArea ul#voiceList li#voice03 a { background-position: -400px -224px; }

#charPage #charArea ul#voiceList li a img {
	opacity: 0;
}
#charPage #charArea #prMovie {
	width: 200px;
	height: 112px;
	position: absolute;
	top: 190px;
	right: 20px;
}
#charPage #charArea #prMovie a {
	width: 100%;
	height: 100%;
	display: block;
}
#charPage.yakumo #charArea #prMovie a { background: url('./images/char_nav_pr_yakumo.png') top left no-repeat; }
#charPage.moeri #charArea #prMovie a { background: url('./images/char_nav_pr_moeri.png') top left no-repeat; }
#charPage.tamane #charArea #prMovie a { background: url('./images/char_nav_pr_tamane.png') top left no-repeat; }
#charPage.nekoto #charArea #prMovie a { background: url('./images/char_nav_pr_nekoto.png') top left no-repeat; }
#charPage.ririka #charArea #prMovie a { background: url('./images/char_nav_pr_ririka.png') top left no-repeat; }
#charPage.kyoka #charArea #prMovie a { background: url('./images/char_nav_pr_kyoka.png') top left no-repeat; }
#charPage.kojiro #charArea #prMovie a { background: url('./images/char_nav_pr_kojiro.png') top left no-repeat; }
#charPage.haruna #charArea #prMovie a { background: url('./images/char_nav_pr_haruna.png') top left no-repeat; }
#charPage.rokube #charArea #prMovie a { background: url('./images/char_nav_pr_rokube.png') top left no-repeat; }

#charPage #charArea #prMovie a img {
	opacity: 0;
}

/* .yakumo */
#charPage.yakumo #charArea #charImg {
	width: 232px;
	height: 744px;
	left: 402px;
}
#charPage.yakumo #charArea #charText {
	width: 414px;
	height: 372px;
	top: 129px;
	left: 16px;
}
#charPage.yakumo #charArea #charWords {
	width: 456px;
	height: 87px;
	top: 550px;
	left: 8px;
}
#charPage.yakumo #charArea #charSexual {
	width: 458px;
	height: 66px;
	top: 548px;
	right: 0px;
}
#charPage.yakumo #charArea #charProfile { bottom: 34px; }

/* .moeri */
#charPage.moeri #charArea #charImg {
	width: 200px;
	height: 738px;
	left: 406px;
}
#charPage.moeri #charArea #charText {
	width: 326px;
	height: 356px;
	top: 129px;
	left: 63px;
}
#charPage.moeri #charArea #charWords {
	width: 374px;
	height: 132px;
	top: 527px;
	left: 19px;
}
#charPage.moeri #charArea #charSexual {
	width: 416px;
	height: 90px;
	top: 548px;
	right: 21px;
}
#charPage.moeri #charArea #charProfile { bottom: 10px; }

/* .tamane */
#charPage.tamane #charArea #charImg {
	width: 256px;
	height: 722px;
	left: 372px;
}
#charPage.tamane #charArea #charText {
	width: 379px;
	height: 308px;
	top: 129px;
	left: 33px;
}
#charPage.tamane #charArea #charWords {
	width: 424px;
	height: 112px;
	top: 488px;
	left: 3px;
}
#charPage.tamane #charArea #charSexual {
	width: 351px;
	height: 90px;
	top: 548px;
	right: 53px;
}
#charPage.tamane #charArea #charProfile { bottom: 10px; }

/* .nekoto */
#charPage.nekoto #charArea #charImg {
	width: 258px;
	height: 693px;
	left: 369px;
}
#charPage.nekoto #charArea #charText {
	width: 402px;
	height: 348px;
	top: 129px;
	left: 22px;
}
#charPage.nekoto #charArea #charWords {
	width: 399px;
	height: 121px;
	top: 523px;
	left: 23px;
}
#charPage.nekoto #charArea #charSexual {
	width: 423px;
	height: 66px;
	top: 548px;
	right: 17px;
}
#charPage.nekoto #charArea #charProfile { bottom: 34px; }

/* .ririka */
#charPage.ririka #charArea #charImg {
	width: 231px;
	height: 744px;
	left: 402px;
}
#charPage.ririka #charArea #charText {
	width: 407px;
	height: 388px;
	top: 129px;
	left: 20px;
}
#charPage.ririka #charArea #charWords {
	width: 366px;
	height: 78px;
	top: 574px;
	left: 42px;
}
#charPage.ririka #charArea #charSexual {
	width: 424px;
	height: 66px;
	top: 548px;
	right: 10px;
}
#charPage.ririka #charArea #charProfile { bottom: 34px; }

/* .ryota */
#charPage.ryota #charArea #charImg {
	width: 139px;
	height: 160px;
	bottom: 335px;
	left: 475px;
}
#charPage.ryota #charArea #charText {
	width: 390px;
	height: 412px;
	top: 129px;
	left: 29px;
}
#charPage.ryota #charArea #charWords {
	width: 405px;
	height: 89px;
	top: 592px;
	left: 20px;
}
#charPage.ryota #charArea #charProfile { bottom: 34px; }

/* .kojiro */
#charPage.kojiro #charArea #charImg {
	width: 297px;
	height: 772px;
	left: 389px;
}
#charPage.kojiro #charArea #charText {
	width: 393px;
	height: 363px;
	top: 129px;
	left: 26px;
}
#charPage.kojiro #charArea #charWords {
	width: 423px;
	height: 125px;
	top: 538px;
	left: 26px;
}
#charPage.kojiro #charArea #charProfile { bottom: 34px; }

/* .haruna */
#charPage.haruna #charArea #charImg {
	width: 260px;
	height: 746px;
	left: 388px;
}
#charPage.haruna #charArea #charText {
	width: 414px;
	height: 372px;
	top: 129px;
	left: 28px;
}
#charPage.haruna #charArea #charWords {
	width: 456px;
	height: 87px;
	top: 488px;
	left: 20px;
}
#charPage.haruna #charArea #charProfile { bottom: 34px; }

/* .kyoka */
#charPage.kyoka #charArea #charImg {
	width: 202px;
	height: 746px;
	left: 417px;
}
#charPage.kyoka #charArea #charText {
	width: 361px;
	height: 347px;
	top: 129px;
	left: 43px;
}
#charPage.kyoka #charArea #charWords {
	width: 422px;
	height: 125px;
	top: 553px;
	left: 17px;
}
#charPage.kyoka #charArea #charProfile { bottom: 34px; }

/* .rokube */
#charPage.rokube #charArea #charImg {
	width: 245px;
	height: 763px;
	left: 404px;
}
#charPage.rokube #charArea #charText {
	width: 376px;
	height: 259px;
	top: 129px;
	left: 36px;
}
#charPage.rokube #charArea #charWords {
	width: 296px;
	height: 112px;
	top: 438px;
	left: 79px;
}
#charPage.rokube #charArea #charProfile { bottom: 34px; }

/*
==== cgPage ====
*/
#cgPage ul.evcgList {
	width: 872px;
	height: 240px;
	margin: 16px auto 0;
}
#cgPage ul.evcgList li {
	min-width: 160px;
	height: 240px;
	float: right;
	margin-right: 12px;
	border-radius: 8px;
	position: relative;
}
#cgPage ul.evcgList li:first-child {
	margin: 0;
}
#cgPage ul.evcgList li.cgYakumo { box-shadow: 4px 4px 0 rgba(255,184,56,0.5); }
#cgPage ul.evcgList li.cgMoeri { box-shadow: 4px 4px 0 rgba(200,104,184,0.5); }
#cgPage ul.evcgList li.cgTamane { box-shadow: 4px 4px 0 rgba(255,144,160,0.5); }
#cgPage ul.evcgList li.cgNekoto { box-shadow: 4px 4px 0 rgba(120,200,255,0.5); }
#cgPage ul.evcgList li.cgRirika { box-shadow: 4px 4px 0 rgba(96,112,192,0.5); }
#cgPage ul.evcgList li.cgMamiya { box-shadow: 4px 4px 0 rgba(88,200,144,0.5); }
#cgPage ul.evcgList li.cgKyoka { box-shadow: 4px 4px 0 rgba(216,176,144,0.5); }

#cgPage ul.evcgList li a {
	width: 160px;
	height: 240px;
	display: block;
	position: relative;
	border-radius: 8px;
}
#cgPage ul.evcgList li.cgYakumo a { background-color: #ffb838; }
#cgPage ul.evcgList li.cgMoeri a { background-color: #c868b8; }
#cgPage ul.evcgList li.cgTamane a { background-color: #ff90a0; }
#cgPage ul.evcgList li.cgNekoto a { background-color: #78c8ff; }
#cgPage ul.evcgList li.cgRirika a { background-color: #6070c0; }
#cgPage ul.evcgList li.cgMamiya a { background-color: #58c890; }
#cgPage ul.evcgList li.cgKyoka a { background-color: #d8b090; }

#cgPage ul.evcgList li a:hover {
	animation-name: slide-view;
	animation-duration: 0.4s;
	animation-timing-function: ease;
	animation-iteration-count: 1;
	width: 184px;
}
@keyframes slide-view {
	0%  { width: 160px;}
	100%{ width: 184px;    }
}
#cgPage ul.evcgList li a img,
#cgPage ul.evcgList li img {
	border-radius: 8px;
	position: relative;
	z-index: 9;
}
#cgPage ul.evcgList li a .evcgTitle {
	font-family: 'TakaHand';
	color: #fff;
	font-size: 15px;
	line-height: 16px;
	width: 8px;
	height: 240px;
	padding-top: 16px;
	text-align: center;
	word-break: break-all;
	word-wrap: break-word;
	position: absolute;
	top: 6px;
	right: 12px;
	z-index: 1;
}
#cgPage ul.evcgList li a .evcgTitle span.caption {
	background: url('./images/cg_icon_caption.png') top left no-repeat;
	width: 10px;
	height: 12px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 0;
	right: -4px;
}
#cgPage ul.evcgList li a .evcgTitle span.rotate {
	transform: rotate(-90deg);
	display: block;
	margin: 2px -4px -2px 0;
}
#cgPage ul.evcgList li span.new {
	background: url('./images/top_icon_new.png') top left no-repeat;
	width: 27px;
	height: 33px;
	text-indent: -9999px;
	position: absolute;
	top: -12px;
	left: -8px;
	z-index: 9;
}

/* 個別ページ */
#cgPage #evcgArea {
	font-family: 'UDShinGoM';
	width: 980px;
	height: auto;
	margin: 8px auto 0;
	position: relative;
}
#cgPage #evcgArea ul#evcgMove li {
	font-family: 'TakaHand';
	font-size: 15px;
	width: 36px;
	height: 36px;
	text-align: center;
	position: absolute;
}
#cgPage #evcgArea ul#evcgMove li#movePrev {
	top: 214px;
	left: 46px;
}
#cgPage #evcgArea ul#evcgMove li#moveNext {
	top: 214px;
	right: 46px;
}
#cgPage #evcgArea ul#evcgMove li#moveBack {
	bottom: 4px;
	right: 46px;
}
#cgPage #evcgArea ul#evcgMove li a {
	background: url('./images/cg_nav_move.png') top left no-repeat;
	font-weight: normal;
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}
#cgPage #evcgArea ul#evcgMove li#movePrev.yakumo a { background-position: 0 0; }
#cgPage #evcgArea ul#evcgMove li#movePrev.moeri a { background-position: -36px 0; }
#cgPage #evcgArea ul#evcgMove li#movePrev.tamane a { background-position: -72px 0; }
#cgPage #evcgArea ul#evcgMove li#movePrev.nekoto a { background-position: -108px 0; }
#cgPage #evcgArea ul#evcgMove li#movePrev.ririka a { background-position: -144px 0; }
#cgPage #evcgArea ul#evcgMove li#movePrev.mamiya a { background-position: -396px 0; }
#cgPage #evcgArea ul#evcgMove li#movePrev.kyoka a { background-position: -468px 0; }
#cgPage #evcgArea ul#evcgMove li#moveNext.yakumo a { background-position: -180px 0; }
#cgPage #evcgArea ul#evcgMove li#moveNext.moeri a { background-position: -216px 0; }
#cgPage #evcgArea ul#evcgMove li#moveNext.tamane a { background-position: -252px 0; }
#cgPage #evcgArea ul#evcgMove li#moveNext.nekoto a { background-position: -288px 0; }
#cgPage #evcgArea ul#evcgMove li#moveNext.ririka a { background-position: -324px 0; }
#cgPage #evcgArea ul#evcgMove li#moveNext.mamiya a { background-position: -432px 0; }
#cgPage #evcgArea ul#evcgMove li#moveNext.kyoka a { background-position: -504px 0; }
#cgPage #evcgArea ul#evcgMove li#moveBack a { background-position: -360px 0; }
#cgPage #evcgArea ul#evcgMove li a img {
	opacity: 0;
	border-radius: 50%;
}
#cgPage #evcgArea ul#evcgMove li#moveNext a img {
	transform: rotate(-180deg);
}
#cgPage #evcgArea ul#evcgMove li a p {
	margin-top: -4px;
}
#cgPage #evcgArea ul#evcgMove li.yakumo a p { color: #ffb838; }
#cgPage #evcgArea ul#evcgMove li.moeri a p { color: #c868b8; }
#cgPage #evcgArea ul#evcgMove li.tamane a p { color: #ff90a0; }
#cgPage #evcgArea ul#evcgMove li.nekoto a p { color: #78c8ff; }
#cgPage #evcgArea ul#evcgMove li.ririka a p { color: #6070c0; }
#cgPage #evcgArea ul#evcgMove li.mamiya a p { color: #58c890; }
#cgPage #evcgArea ul#evcgMove li#moveBack a p { color: #00c890; }

#cgPage #evcgArea ul#evcgMove li a:hover {
	text-decoration: none;
}
#cgPage #evcgArea ul#evcgMove li a div {
	animation-name: test;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	opacity: 1;
}
@keyframes test {
	0%  { opacity: 0; }
	99% { opacity: 0; }
	100%{ opacity: 1; }
}
#cgPage #evcgArea ul#evcgMove li a p.scene {
	animation-name: hide;
	animation-duration: 0.6s;
	animation-timing-function: ease;
	color: #606060;
	font-size: 15px;
	line-height: 16px;
	width: 8px;
	height: auto;
	position: absolute;
	top: 60px;
	left: 10px;
	word-break: break-all;
	word-wrap: break-word;
	opacity: 0;
	pointer-events: none;
}
@keyframes hide {
	0%  { opacity: 1; top: 60px; }
	100%{ opacity: 0; top: 76px; }
}
#cgPage #evcgArea ul#evcgMove li a p.scene span.cate {
	background: url('./images/layout_icon_category.png') top left no-repeat;
	width: 12px;
	height: 10px;
	text-indent: -9999px;
	margin: 0 0 2px 1px;
	transform: rotate(90deg);
	display: block;
}
#cgPage #evcgArea ul#evcgMove li.yakumo a p.scene span.cate { background-position: -168px 0; }
#cgPage #evcgArea ul#evcgMove li.moeri a p.scene span.cate { background-position: -180px 0; }
#cgPage #evcgArea ul#evcgMove li.tamane a p.scene span.cate { background-position: -192px 0; }
#cgPage #evcgArea ul#evcgMove li.nekoto a p.scene span.cate { background-position: -204px 0; }
#cgPage #evcgArea ul#evcgMove li.ririka a p.scene span.cate { background-position: -216px 0; }
#cgPage #evcgArea ul#evcgMove li.mamiya a p.scene span.cate { background-position: -144px 0; }
#cgPage #evcgArea ul#evcgMove li.kyoka a p.scene span.cate { background-position: -228px 0; }

#cgPage #evcgArea ul#evcgMove li a p.scene span.rotate {
	transform: rotate(-90deg);
	display: block;
	margin: 2px -4px -2px 0;
}
#cgPage #evcgArea ul#evcgMove li a:hover p.scene {
	animation-name: show;
	animation-duration: 0.6s;
	animation-timing-function: ease;
	opacity: 1;
}
@keyframes show {
	0%  { opacity: 0; top: 44px;}
	100%{ opacity: 1; top: 60px;}
}
#cgPage #evcgTitle {
	letter-spacing: 1px;
	width: 720px;
	height: auto;
	margin: 0 auto;
}
#cgPage #evcgTitle p#number {
	border-bottom: 1px dotted #b8b8b8;
	font-family: 'TakaHand';
	font-size: 16px;
}
#cgPage.yakumo #evcgTitle p#number {
	border-color: #ffb838;
	color: #ffb838;
}
#cgPage.moeri #evcgTitle p#number {
	border-color: #c868b8;
	color: #c868b8;
}
#cgPage.tamane #evcgTitle p#number {
	border-color: #ff90a0;
	color: #ff90a0;
}
#cgPage.nekoto #evcgTitle p#number {
	border-color: #78c8ff;
	color: #78c8ff;
}
#cgPage.ririka #evcgTitle p#number {
	border-color: #6070c0;
	color: #6070c0;
}
#cgPage.mamiya #evcgTitle p#number {
	border-color: #58c890;
	color: #58c890;
}
#cgPage.kyoka #evcgTitle p#number {
	border-color:#d8b090;
	color: #d8b090;
}
#cgPage #evcgTitle p#title {
	font-family: 'UDShinGoB';
	font-size: 23px;
	margin-top: 2px;
}
#cgPage #evcgTitle p#title span {
	background: url('./images/cg_icon_title.png') left center no-repeat;
	width: 16px;
	height: 14px;
	text-indent: -9999px;
	margin: 6px 8px 0 6px;
	display: block;
	float: left;
}
#cgPage.yakumo #evcgTitle p#title span { background-position: 0 0; }
#cgPage.moeri #evcgTitle p#title span { background-position: -16px 0; }
#cgPage.tamane #evcgTitle p#title span { background-position: -32px 0; }
#cgPage.nekoto #evcgTitle p#title span { background-position: -48px 0; }
#cgPage.ririka #evcgTitle p#title span { background-position: -64px 0; }
#cgPage.mamiya #evcgTitle p#title span { background-position: -112px 0; }
#cgPage.kyoka #evcgTitle p#title span { background-position: -128px 0; }

#cgPage #evcgImg {
	width: 720px;
	height: 405px;
	margin: 4px auto 0;
}
#cgPage.yakumo #evcgImg { box-shadow: 4px 4px 0 rgba(255,184,56,0.5); }
#cgPage.moeri #evcgImg { box-shadow: 4px 4px 0 rgba(200,104,184,0.5); }
#cgPage.tamane #evcgImg { box-shadow: 4px 4px 0 rgba(255,144,160,0.5); }
#cgPage.nekoto #evcgImg { box-shadow: 4px 4px 0 rgba(120,200,255,0.5); }
#cgPage.ririka #evcgImg { box-shadow: 4px 4px 0 rgba(96,112,192,0.5); }
#cgPage.mamiya #evcgImg { box-shadow: 4px 4px 0 rgba(88,200,144,0.5); }
#cgPage.kyoka #evcgImg { box-shadow: 4px 4px 0 rgba(216,176,144,0.5); }

#cgPage #textBox {
	width: 738px;
	height: 260px;
	margin: 8px 0 0 130px;
}
#cgPage #textBox .textLine.color {
	border-bottom: 1px dotted #b8b8b8;
	width: 724px;
	height: 4px;
}
#cgPage.yakumo #textBox .textLine.color { border-color: #ffb838; }
#cgPage.moeri #textBox .textLine.color { border-color: #c868b8; }
#cgPage.tamane #textBox .textLine.color { border-color: #ff90a0; }
#cgPage.nekoto #textBox .textLine.color { border-color: #78c8ff; }
#cgPage.ririka #textBox .textLine.color { border-color: #6070c0; }
#cgPage.mamiya #textBox .textLine.color { border-color: #58c890; }
#cgPage.kyoka #textBox .textLine.color { border-color: #d8b090; }

#cgPage #textBox .textLine.color span {
	background: url('./images/layout_icon_category.png') top left no-repeat;
	width: 12px;
	height: 10px;
	text-indent: -9999px;
	margin-right: -14px;
	float: right;
}
#cgPage.yakumo #textBox .textLine.color span { background-position: -168px 0; }
#cgPage.moeri #textBox .textLine.color span { background-position: -180px 0; }
#cgPage.tamane #textBox .textLine.color span { background-position: -192px 0; }
#cgPage.nekoto #textBox .textLine.color span { background-position: -204px 0; }
#cgPage.ririka #textBox .textLine.color span { background-position: -216px 0; }
#cgPage.mamiya #textBox .textLine.color span { background-position: -144px 0; }
#cgPage.kyoka #textBox .textLine.color span { background-position: -228px 0; }

#cgPage  #areaColor {
	width: 16px;
	height: 248px;
	text-indent: -9999px;
	float: left;
	opacity: 0.5;
}
#cgPage.yakumo  #areaColor { background-color: #ffb838; }
#cgPage.moeri  #areaColor { background-color: #c868b8; }
#cgPage.tamane  #areaColor { background-color: #ff90a0; }
#cgPage.nekoto  #areaColor { background-color: #78c8ff; }
#cgPage.ririka  #areaColor { background-color: #6070c0; }
#cgPage.mamiya  #areaColor { background-color: #58c890; }
#cgPage.kyoka  #areaColor { background-color: #d8b090; }

#cgPage #textArea {
	background-color: rgba(255,255,255,0.6);
	width: 708px;
	height: 240px;
	margin-bottom: -4px;
	padding: 4px 0;
	overflow-x: hidden;
	overflow-y: scroll;
}
#cgPage #textArea dl {
	width: 682px;
	font-size: 21px;
	line-height: 28px;
	margin: 0 0 -4px 4px;
	padding: 4px 0;
}
#cgPage.yakumo #textArea dl.odd { background-color: rgba(255,240,176,0.4); }
#cgPage.moeri #textArea dl.odd { background-color: rgba(236,204,232,0.4); }
#cgPage.tamane #textArea dl.odd { background-color: rgba(255,224,224,0.4); }
#cgPage.nekoto #textArea dl.odd { background-color: rgba(216,240,255,0.4); }
#cgPage.ririka #textArea dl.odd { background-color: rgba(208,216,255,0.4); }
#cgPage.mamiya #textArea dl.odd { background-color: rgba(216,255,220,0.4); }
#cgPage.kyoka #textArea dl.odd { background-color: rgba(248,236,224,0.4); }

#cgPage #textArea dl dt {
	width: 72px;
	margin-left: 8px;
	float: left;
}
#cgPage #textArea dl dd {
	border-left: 1px solid #b8b8b8;
	width: auto;
	height: auto;
	margin-left: 80px;
}
#cgPage #textArea dl dt.yakumo { color: #ffb838; }
#cgPage #textArea dl dt.moeri { color: #c868b8; }
#cgPage #textArea dl dt.tamane { color: #ff90a0; }
#cgPage #textArea dl dt.nekoto { color: #78c8ff; }
#cgPage #textArea dl dt.ririka { color: #6070c0; }
#cgPage #textArea dl dt.mamiya { color: #58c890; }
#cgPage #textArea dl dt.kyoka { color: #d8b090; }

#cgPage #textArea .textLine.mono {
	border-bottom: 1px dotted #b8b8b8;
	width: 668px;
	height: 4px;
	margin-left: 4px;
}
#cgPage #textArea .textLine.mono span {
	background: url('./images/layout_icon_category.png') top left no-repeat;
	background-position: -156px 0;
	width: 12px;
	height: 10px;
	text-indent: -9999px;
	margin-right: -14px;
	float: right;
}


/*
==== downloadPage ====
*/
#downloadPage ul.doList {
	width:  812px;
	height: 120px;
	margin: 12px 90px 0 78px;
}
#downloadPage ul.doList:first-child {
	margin-top: 16px;
}
#downloadPage ul.doList li {
	width: 400px;
	height: 120px;
	margin-left: 12px;
	float: left;
	position: relative;
}
#downloadPage ul.doList li:first-child {
	margin: 0;
}
#downloadPage ul.doList li a {
	width: 100%;
	height: 100%;
	display: block;
}
#downloadPage ul.doList li#doBanner a { background: url('./images/download_bn_banner.png') top left no-repeat; }
#downloadPage ul.doList li#doTwitter a { background: url('./images/download_bn_twitter.png') top left no-repeat; }
#downloadPage ul.doList li#doMovie a { background: url('./images/download_bn_movie.png') top left no-repeat; }
#downloadPage ul.doList li#doSound a { background: url('./images/download_bn_sound.png') top left no-repeat; }
#downloadPage ul.doList li#doEvent a { background: url('./images/download_bn_event.png') top left no-repeat; }
#downloadPage ul.doList li#doEvent03 a { background: url('./images/download_bn_event_03.png') top left no-repeat; }
#downloadPage ul.doList li#doEvent04 a { background: url('./images/download_bn_event_04.png') top left no-repeat; }
#downloadPage ul.doList li#doEvent05 a { background: url('./images/download_bn_event_05.png') top left no-repeat; }
#downloadPage ul.doList li#doEvent06 a { background: url('./images/download_bn_event_06.png') top left no-repeat; }
#downloadPage ul.doList li#doEvent07 a { background: url('./images/download_bn_event_07.png') top left no-repeat; }
#downloadPage ul.doList li#doEvent08 a { background: url('./images/download_bn_event_08.png') top left no-repeat; }
#downloadPage ul.doList li#doEvent09 a { background: url('./images/download_bn_event_09.png') top left no-repeat; }
#downloadPage ul.doList li#doEvent10 a { background: url('./images/download_bn_event_10.png') top left no-repeat; }
#downloadPage ul.doList li#doEvent11 a { background: url('./images/download_bn_event_11.png') top left no-repeat; }
#downloadPage ul.doList li#doEvent12 a { background: url('./images/download_bn_event_12.png') top left no-repeat; }
#downloadPage ul.doList li#doCount01 a { background: url('./images/download_bn_count_01.png') top left no-repeat; }
#downloadPage ul.doList li#doCount02 a { background: url('./images/download_bn_count_02.png') top left no-repeat; }
#downloadPage ul.doList li#doCount03 a { background: url('./images/download_bn_count_03.png') top left no-repeat; }
#downloadPage ul.doList li#doCount04 a { background: url('./images/download_bn_count_04.png') top left no-repeat; }
#downloadPage ul.doList li#doCount05 a { background: url('./images/download_bn_count_05.png') top left no-repeat; }
#downloadPage ul.doList li#doCount06 a { background: url('./images/download_bn_count_06.png') top left no-repeat; }
#downloadPage ul.doList li#doCount07 a { background: url('./images/download_bn_count_07.png') top left no-repeat; }
#downloadPage ul.doList li#doCount08 a { background: url('./images/download_bn_count_08.png') top left no-repeat; }
#downloadPage ul.doList li#doCount09 a { background: url('./images/download_bn_count_09.png') top left no-repeat; }
#downloadPage ul.doList li#doCount10 a { background: url('./images/download_bn_count_10.png') top left no-repeat; }
#downloadPage ul.doList li#doCount11 a { background: url('./images/download_bn_count_11.png') top left no-repeat; }
#downloadPage ul.doList li#doCount12 a { background: url('./images/download_bn_count_12.png') top left no-repeat; }
#downloadPage ul.doList li#doMasterup a { background: url('./images/download_bn_masterup.png') top left no-repeat; }
#downloadPage ul.doList li#doTrial a { background: url('./images/download_bn_trial.png') top left no-repeat; }
#downloadPage ul.doList li#doDrama a { background: url('./images/download_bn_drama.png') top left no-repeat; }
#downloadPage ul.doList li a img {
	opacity: 0;
}
#downloadPage ul.doList li span.new {
	background: url('./images/top_icon_new.png') top left no-repeat;
	width: 27px;
	height: 33px;
	text-indent: -9999px;
	position: absolute;
	top: -15px;
	left: 6px;
}

/* banner */
#downloadPage.banner #bnUse {
	background: url('./images/banner_bg_use.png') top center no-repeat;
	font-size: 14px;
	line-height: 21px;
	width: 560px;
	height: 78px;
	text-align: center;
	margin: 8px auto 0;
	padding-top: 26px;
}
#downloadPage.banner .dlContents {
	width: 400px;
	height: auto;
	text-align: right;
}
#downloadPage.banner .dlContents#set {
	margin: 12px auto 0;
}
#downloadPage.banner #bn200x40 .dlContents,
#downloadPage.banner #bn200x200 .dlContents,
#downloadPage.banner #bn600x160 .dlContents,
#downloadPage.banner #bn160x600 .dlContents {
	position: absolute;
	bottom: 0;
	right: 0;
}
#downloadPage.banner .dlContents .dlBanner {
	width: 400px;
	height: 40px;
	border-radius: 4px;
}
#downloadPage.banner .dlContents .dlBanner a {
	background: url('./images/banner_nav_size.jpg') top left no-repeat;
	width: 400px;
	height: 40px;
	display: block;
}
#downloadPage.banner .dlContents#set .dlBanner a { background-position: 0 0; }
#downloadPage.banner #bn200x40 .dlContents .dlBanner a { background-position: 0 -40px; }
#downloadPage.banner #bn200x200 .dlContents .dlBanner a { background-position: 0 -80px; }
#downloadPage.banner #bn600x160 .dlContents .dlBanner a { background-position: 0 -120px; }
#downloadPage.banner #bn160x600 .dlContents .dlBanner a { background-position: 0 -160px; }
#downloadPage.banner .dlContents .dlBanner a img {
	opacity: 0;
}
#downloadPage.banner .dlContents ul.dlInfo {
	font-size: 12px;
	line-height: 16px;
	margin-top: 4px;
}
#downloadPage.banner .dlContents ul.dlInfo li.data {
	float: right;
	text-align: left;
}
#downloadPage.banner h2 {
	width: 880px;
	height: 25px;
	margin: 24px auto 0;
}
#downloadPage.banner .bnArea {
	width: 836px;
	height: auto;
	margin: 0 auto 56px;
	position: relative;
}
#downloadPage.banner .bnArea ul.bnList {
	width: 836px;
	margin-top: 16px;
}
#downloadPage.banner .bnArea ul.bnList li {
	width: 200px;
	margin-left: 12px;
	float: left;
}
#downloadPage.banner .bnArea ul.bnList li:first-child,
#downloadPage.banner .bnArea ul.bnInfo li:first-child {
	margin: 0;
}
#downloadPage.banner .bnArea ul.bnInfo {
	width: 836px;
	height: 40px;
	margin-top: 4px;
}
#downloadPage.banner .bnArea ul.bnInfo li {
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.5px;
	width: 192px;
	height: 38px;
	margin-left: 12px;
	padding: 0 3px;
	float: left;
	overflow-x: hidden;
	overflow-y: scroll;
}
#downloadPage.banner .bnArea ul.bnInfo li.yakumo,
#downloadPage.banner .bnArea li.bnInfo.yakumo {
	background-color: rgba(255,240,176,0.4);
	border: 1px solid #ffb838;
}
#downloadPage.banner .bnArea ul.bnInfo li.moeri,
#downloadPage.banner .bnArea li.bnInfo.moeri {
	background-color: rgba(236,208,232,0.4);
	border: 1px solid #c868b8;
}
#downloadPage.banner .bnArea ul.bnInfo li.tamane,
#downloadPage.banner .bnArea li.bnInfo.tamane {
	background-color: rgba(255,224,224,0.4);
	border: 1px solid #ff90a0;
}
#downloadPage.banner .bnArea ul.bnInfo li.nekoto,
#downloadPage.banner .bnArea li.bnInfo.nekoto {
	background-color: rgba(216,240,255,0.4);
	border: 1px solid #78c8ff;
}
#downloadPage.banner .bnArea ul.bnInfo li.ririka,
#downloadPage.banner .bnArea li.bnInfo.ririka {
	background-color: rgba(208,216,255,0.4);
	border: 1px solid #6070c0;
}
#downloadPage.banner .bnArea ul.bnInfo li.kyoka,
#downloadPage.banner .bnArea li.bnInfo.kyoka {
	background-color: rgba(248,236,224,0.4);
	border: 1px solid #d8b090;
}
#downloadPage.banner .bnArea ul.bnInfo li.haruna,
#downloadPage.banner .bnArea li.bnInfo.haruna {
	background-color: rgba(255,224,220,0.4);
	border: 1px solid #f07078;
}
#downloadPage.banner .bnArea ul.bnInfo li.kojiro,
#downloadPage.banner .bnArea li.bnInfo.kojiro {
	background-color: rgba(208,220,232,0.4);
	border: 1px solid #5088b8;
}
#downloadPage.banner .bnArea ul.bnInfo li.rokube,
#downloadPage.banner .bnArea li.bnInfo.rokube {
	background-color: rgba(228,236,200,0.4);
	border: 1px solid #a0b860;
}
#downloadPage.banner .bnArea#bn200x40 ul.bnList,
#downloadPage.banner .bnArea#bn200x40 ul.bnList li {
	height: 40px;
}
#downloadPage.banner .bnArea#bn200x200 ul.bnList,
#downloadPage.banner .bnArea#bn200x200 ul.bnList li {
	height: 200px;
}
#downloadPage.banner .bnArea#bn160x600 ul.bnList,
#downloadPage.banner .bnArea#bn160x600 ul.bnList li {
	height: 600px;
}
#downloadPage.banner .bnArea#bn600x160 {
	padding-bottom: 88px;
}
#downloadPage.banner .bnArea#bn600x160 ul.bnList {
	margin: 0;
}
#downloadPage.banner .bnArea#bn600x160 ul.bnList li.bnRow {
	width: 836px;
	height: 160px;
	margin: 12px 0 0 0;
	float: none;
}
#downloadPage.banner .bnArea#bn600x160 ul.bnList li.bnRow ul li {
	width: 600px;
	height: 160px;
	float: left;
}
#downloadPage.banner .bnArea#bn600x160 ul.bnList li.bnRow ul li.bnInfo {
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.5px;
	width: 224px;
	height: 156px;
	margin: 0 0 0 4px;
	padding: 2px 3px 0;
	overflow-x: hidden;
	overflow-y: scroll;
}
#downloadPage.banner .bnArea#bn600x160 .dlContents {
	margin: 12px 0 0;
	float: right;
	position: static;
}
#downloadPage.banner .bnArea#bn160x600 {
	margin-bottom: 0;
}
#downloadPage.banner .bnArea#bn160x600 ul.bnList li {
	width: 160px;
	padding: 0 20px;
}
/* twitter */
#downloadPage.twitter #twUse {
	background: url('./images/twitter_bg_use.png') top center no-repeat;
	font-size: 14px;
	line-height: 21px;
	width: 721px;
	height: 78px;
	text-align: center;
	margin: 8px auto 0;
	padding-top: 26px;
}
#downloadPage.twitter .dlContents {
	width: 400px;
	height: auto;
	border-radius: 4px;
}
#downloadPage.twitter .dlContents#set {
	margin: 12px auto 0;
}
#downloadPage.twitter .twArea#twIcon .dlContents,
#downloadPage.twitter .twArea#twWp .dlContents {
	margin-top: 12px;
	float: right;
}
#downloadPage.twitter .twArea#twHeader .dlContents {
	position: absolute;
	bottom: 0;
	right: 0;
}
#downloadPage.twitter .dlContents .dlTwitter {
	width: 400px;
	height: 40px;
}
#downloadPage.twitter .dlContents .dlTwitter a {
	background: url('./images/twitter_nav_type.jpg') top left no-repeat;
	width: 100%;
	height: 100%;
	display: block;
}
#downloadPage.twitter .dlContents#set a { background-position: 0 0; }
#downloadPage.twitter .twArea#twIcon .dlContents a { background-position: 0 -40px; }
#downloadPage.twitter .twArea#twHeader .dlContents a { background-position: 0 -80px; }
#downloadPage.twitter .twArea#twWp .dlContents a { background-position: 0 -120px; }
#downloadPage.twitter .dlContents a img {
	opacity: 0;
}
#downloadPage.twitter .dlContents ul.dlInfo,
#downloadPage.twitter .twArea#twIcon .dlContents ul.dlInfo {
	font-size: 12px;
	line-height: 16px;
	margin-top: 4px;
}
#downloadPage.twitter .dlContents ul.dlInfo li.data {
	float: right;
}
#downloadPage.twitter .dlContents ul.dlInfo li.cate {
	text-align: right;
}
#downloadPage.twitter h2 {
	width: 880px;
	height: 25px;
	margin: 24px auto 0;
}
#downloadPage.twitter .twArea {
	width: 848px;
	height: auto;
	margin: 16px auto 56px;
	position: relative;
}
#downloadPage.twitter .twArea ul:first-child {
	margin: 0;
}
#downloadPage.twitter .twArea#twIcon ul.twItem {
	width: 848px;
	height: 160px;
	margin: 12px 0 0;
}
#downloadPage.twitter .twArea#twIcon ul.twItem li {
	width: 160px;
	height: 160px;
	margin-left: 12px;
	float: left;
}
#downloadPage.twitter .twArea#twIcon ul.twItem li:first-child {
	margin: 0;
}
#downloadPage.twitter .twArea#twIcon ul.twItem li a {
	background-color: #fff;
	width: 100%;
	height: 100%;
	display: block;
}
#downloadPage.twitter .twArea#twHeader ul.twItem {
	width: 848px;
	height: 140px;
	margin: 12px 0 0;
}
#downloadPage.twitter .twArea#twHeader ul.twItem li {
	width: 418px;
	height: 140px;
	margin-left: 12px;
	float: left;
}
#downloadPage.twitter .twArea#twHeader ul.twItem li:first-child {
	margin: 0;
}
#downloadPage.twitter .twArea#twHeader ul.twItem li a {
	background-color: #fff;
	width: 100%;
	height: 100%;
	display: block;
}
#downloadPage.twitter .twArea#twWp {
	margin-bottom: 0;
}
#downloadPage.twitter .twArea#twWp ul.twItem {
	width: 848px;
	height: 325px;
	margin: 16px 0 0;
}
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList {
	width: 274px;
	height: autopx;
	margin-left: 12px;
	float: left;
}
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList:first-child {
	margin: 0;
}
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList ul li.wpSample {
	width: 274px;
	height: 155px;
	margin: 0;
	border-radius: 0;
}
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList ul li {
	width: 240px;
	height: 28px;
	margin: 6px auto 0;
	border-radius: 4px;
}
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList ul li a {
	background: url('./images/twitter_nav_wp.jpg') top left no-repeat;
	width: 100%;
	height: 100%;
	display: block;
}
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.yakumo ul li.wp161a { background-position: 0 0; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.yakumo ul li.wp169 a { background-position: -240px 0; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.yakumo ul li.wp54 a { background-position: -480px 0; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.yakumo ul li.wp43 a { background-position: -720px 0; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.yakumo ul li.charSet a { background-position: -960px 0; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.moeri ul li.wp1610 a { background-position: 0 -28px; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.moeri ul li.wp169 a { background-position: -240px -28px; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.moeri ul li.wp54 a { background-position: -480px -28px; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.moeri ul li.wp43 a { background-position: -720px -28px; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.moeri ul li.charSet a { background-position: -960px -28px; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.tamane ul li.wp1610 a { background-position: 0 -56px; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.tamane ul li.wp169 a { background-position: -240px -56px; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.tamane ul li.wp54 a { background-position: -480px -56px; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.tamane ul li.wp43 a { background-position: -720px -56px; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.tamane ul li.charSet a { background-position: -960px -56px; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.nekoto ul li.wp1610 a { background-position: 0 -84px; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.nekoto ul li.wp169 a { background-position: -240px -84px; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.nekoto ul li.wp54 a { background-position: -480px -84px; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.nekoto ul li.wp43 a { background-position: -720px -84px; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.nekoto ul li.charSet a { background-position: -960px -84px; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.ririka ul li.wp1610 a { background-position: 0 -112px; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.ririka ul li.wp169 a { background-position: -240px -112px; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.ririka ul li.wp54 a { background-position: -480px -112px; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.ririka ul li.wp43 a { background-position: -720px -112px; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.ririka ul li.charSet a { background-position: -960px -112px; }

#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.kyoka ul li.wp1610 a { background-position: 0 -140px; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.kyoka ul li.wp169 a { background-position: -240px -140px; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.kyoka ul li.wp54 a { background-position: -480px -140px; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.kyoka ul li.wp43 a { background-position: -720px -140px; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.kyoka ul li.charSet a { background-position: -960px -140px; }

#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.haruna ul li.wp1610 a { background-position: 0 -168px; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.haruna ul li.wp169 a { background-position: -240px -168px; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.haruna ul li.wp54 a { background-position: -480px -168px; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.haruna ul li.wp43 a { background-position: -720px -168px; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.haruna ul li.charSet a { background-position: -960px -168px; }

#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.kojiro ul li.wp1610 a { background-position: 0 -196px; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.kojiro ul li.wp169 a { background-position: -240px -196px; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.kojiro ul li.wp54 a { background-position: -480px -196px; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.kojiro ul li.wp43 a { background-position: -720px -196px; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.kojiro ul li.charSet a { background-position: -960px -196px; }

#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.rokube ul li.wp1610 a { background-position: 0 -224px; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.rokube ul li.wp169 a { background-position: -240px -224px; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.rokube ul li.wp54 a { background-position: -480px -224px; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.rokube ul li.wp43 a { background-position: -720px -224px; }
#downloadPage.twitter .twArea#twWp ul.twItem li.wpList.rokube ul li.charSet a { background-position: -960px -224px; }

#downloadPage.twitter .twArea#twWp ul.twItem li a img {
	opacity: 0;
}
/* sound */
#downloadPage.sound #soundArea {
	font-family: 'UDShinGoM';
	width: 852px;
	min-height: 560px;
	height: auto;
	margin: 24px auto 0;
	position: relative;
}
#downloadPage.sound #soundArea #opening {
	width: 444px;
	height: auto;
	margin: 0;
}
#downloadPage.sound #soundArea .category {
	font-size: 21px;
	letter-spacing: 1px;
}
#downloadPage.sound #soundArea #ending .category {
	margin-top: 40px;
}
#downloadPage.sound #soundArea .category span {
	font-size: 19px;
	width: 21px;
	height: 24px;
	margin-right: 6px;
	padding-left: 3px;
	display: block;
	float: left;
	border-radius: 50%;
}
#downloadPage.sound #soundArea #opening .category span { background-color: #68c8f0; }
#downloadPage.sound #soundArea #ending .category span { background-color: #58c890; }

#downloadPage.sound #soundArea .title {
	font-family: 'UDShinGoB';
	color: #505050;
	font-size: 64px;
	margin: 12px 0 0 -2px;
}
#downloadPage.sound #soundArea #ending .title {
	font-size: 48px;
	margin-top: 4px;
}
#downloadPage.sound #soundArea .title img {
	margin: 28px 6px 0 0;
	float: left;
}
#downloadPage.sound #soundArea #ending .title img {
	margin: 16px 8px 0 0;
	float: left;
}
#downloadPage.sound #soundArea .title p span {
	font-family: 'UDShinGoM';
	color: #808080;
	font-size: 16px;
}
#downloadPage.sound #soundArea #iconPlay {
	width: 56px;
	height: 38px;
	position: absolute;
	top: 72px;
	left: 400px;
}
#downloadPage.sound #soundArea #ending #iconPlay {
	top: 544px;
}
#downloadPage.sound #soundArea .audioBox {
	width: 400px;
	height: 20px;
	margin: 6px 0 0 30px;
}
#downloadPage.sound #soundArea #opening .soundList,
#downloadPage.sound #soundArea #ending .soundList {
	width: 414px;
	height: 92px;
	margin: 4px 0 0 30px;
}
#downloadPage.sound #soundArea .production .soundList {
	width: 414px;
	height: 176px;
	margin: 4px 0 0 30px;
}
#downloadPage.sound #soundArea .soundList .soundLine.color {
	border-bottom: 1px dotted #b8b8b8;
	width: 400px;
	height: 4px;
}
#downloadPage.sound #soundArea #opening .soundList .soundLine.color,
#downloadPage.sound #soundArea .op .soundList .soundLine.color { border-color: #68c8f0; }
#downloadPage.sound #soundArea #ending .soundList .soundLine.color,
#downloadPage.sound #soundArea .ed .soundList .soundLine.color { border-color: #58c890; }
/*	#downloadPage.sound #soundArea .production .soundList .soundLine.color { border-color: #58c890; }	*/

#downloadPage.sound #soundArea .soundList .soundLine.color span {
	background: url('./images/layout_icon_category.png') top left no-repeat;
	background-position: -24px 0;
	width: 12px;
	height: 10px;
	text-indent: -9999px;
	margin-right: -14px;
	float: right;
}
#downloadPage.sound #soundArea #opening .soundList .soundLine.color span,
#downloadPage.sound #soundArea .op .soundList .soundLine.color span { background-position: -24px 0; }
#downloadPage.sound #soundArea #ending .soundList .soundLine.color span,
#downloadPage.sound #soundArea .ed .soundList .soundLine.color span { background-position: -48px 0; }
/*	#downloadPage.sound #soundArea .production .soundList .soundLine.color span { background-position: -48px 0; }	*/

#downloadPage.sound #soundArea .soundList .areaColor {
	width: 16px;
	height: 100%;
	text-indent: -9999px;
	float: left;
	position: relative;
	opacity: 0.5;
}
#downloadPage.sound #soundArea .ed .soundList .areaColor {
	height: 196px;
}
#downloadPage.sound #soundArea #opening .soundList .areaColor,
#downloadPage.sound #soundArea .op .soundList .areaColor { background-color: #68c8f0; }
#downloadPage.sound #soundArea #ending .soundList .areaColor,
#downloadPage.sound #soundArea .ed .soundList .areaColor { background-color: #58c890; }
/*	#downloadPage.sound #soundArea .production .soundList .areaColor { background-color: #58c890; }	*/

#downloadPage.sound #soundArea .soundList .textArea {
	background-color: rgba(255,255,255,0.6);
	width: 384px;
	height: auto;
	margin: 0 0 -4px 16px;
	padding: 4px 0;
}
#downloadPage.sound #soundArea .soundList .textArea dl {
	width: 376px;
	height: auto;
	margin: 0 4px -4px;
	padding: 1px 0;
}
#downloadPage.sound #soundArea #opening .soundList .textArea dl.odd,
#downloadPage.sound #soundArea .op .soundList .textArea dl.odd { background-color: rgba(216,244,255,0.4); }
#downloadPage.sound #soundArea #ending .soundList .textArea dl.odd,
#downloadPage.sound #soundArea .ed .soundList .textArea dl.odd { background-color: rgba(216,255,220,0.4); }
/*	#downloadPage.sound #soundArea .production .soundList .textArea dl.odd { background-color: rgba(216,255,220,0.4); }	*/

#downloadPage.sound #soundArea #opening .soundList .textArea dl dt,
#downloadPage.sound #soundArea #ending .soundList .textArea dl dt {
	color: #68c8f0;
	font-size: 14px;
	margin: 6px 0 0 8px;
	text-align: left;
	float: left;
}
#downloadPage.sound #soundArea #ending .soundList .textArea dl dt {
	color: #58c890;
}
#downloadPage.sound #soundArea #opening .soundList .textArea dl dd,
#downloadPage.sound #soundArea #ending .soundList .textArea dl dd {
	font-family: 'UDShinGoB';
	font-size: 20px;
}
#downloadPage.sound #soundArea #opening .soundList .textArea dl.large,
#downloadPage.sound #soundArea #ending .soundList .textArea dl.large {    padding: 0; }
#downloadPage.sound #soundArea #opening .soundList .textArea dl.large dt,
#downloadPage.sound #soundArea #ending .soundList .textArea dl.large dt { margin-top: 14px; }
#downloadPage.sound #soundArea #opening .soundList .textArea dl.large dd,
#downloadPage.sound #soundArea #ending .soundList .textArea dl.large dd { font-size: 28px; }

#downloadPage.sound #soundArea .production .soundList .textArea dl dt {
	color: #58c890;
	font-size: 12px;
	margin: 2px 0 0 8px;
	text-align: left;
	float: left;
}
#downloadPage.sound #soundArea .production.op .soundList .textArea dl dt {
	color: #68c8f0;
}
#downloadPage.sound #soundArea .production .soundList .textArea dl dd {
	font-size: 14px;
}
#downloadPage.sound #soundArea .production .soundList .textArea dl.space {
	padding-top: 12px;
}
#downloadPage.sound #soundArea  .soundList .soundLine.mono {
	border-bottom: 1px dotted #b8b8b8;
	width: 380px;
	height: 4px;
	margin-left: 4px;
}
#downloadPage.sound #soundArea .soundList .soundLine.mono span {
	background: url('./images/layout_icon_category.png') top left no-repeat;
	background-position: -156px 0;
	width: 12px;
	height: 10px;
	text-indent: -9999px;
	margin-right: -14px;
	float: right;
}
#downloadPage.sound #soundArea .production {
/*	margin-top: 40px;	*/
	margin-top: 24px;
}
#downloadPage.sound #soundArea #soundImg {
	width: 320px;
	height: 560px;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
}
#downloadPage.sound #soundArea #soundImg #slide {
	animation-name: slide, fade;
	animation-duration: 25s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	width: 792px;
	height: 560px;
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0;
}
#downloadPage.sound #soundArea #soundImg #logo {
	animation-name: fade;
	animation-duration: 25s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	width: 320px;
	height: 171px;
	position: absolute;
	bottom: 0;
	right: 0;
	opacity: 0;
}
@keyframes slide {
	0%  { right: 0;}
	100%{ right: -472px;}
}
@keyframes fade {
	1%  { opacity: 0;}
	11%  { opacity: 1;}
	88% { opacity: 1;}
	98%{ opacity: 0;}
}

/* movie */
#downloadPage.movie ul#selectMovie {
/*	width: 480px;	*/
	width: 624px;
	height: 24px;
	margin: 24px auto 0;
}
#downloadPage.movie ul#selectMovie li {
	width: 200px;
	height: 24px;
/*	margin-left: 80px;	*/
	margin-left: 12px;
	float: left;
	position: relative;
}
#downloadPage.movie ul#selectMovie li:first-child {
	margin: 0;
}
#downloadPage.movie ul#selectMovie li a {
	background: url('./images/movie_nav_select.jpg') top left no-repeat;
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 4px;
}
#downloadPage.movie ul#selectMovie li#seOp a { background-position: 0 0; }
#downloadPage.movie ul#selectMovie li#seNotice a { background-position: 0 -48px; }
#downloadPage.movie ul#selectMovie li#seTs a { background-position: 0 -24px; }

#downloadPage.movie ul#selectMovie li a p {
	color: #68c8f0;
	font-family: 'TakaHand';
	font-size: 12px;
	letter-spacing: 1px;
	position: absolute;
	top: -12px;
	left: 4px;
	opacity: 0.7;
	visibility: hidden;
}
#downloadPage.movie ul#selectMovie li a.active p {
	visibility: visible;
}
#downloadPage.movie ul#selectMovie li a img {
	opacity: 0;
	border-radius: 4px;
}
#downloadPage.movie ul#selectMovie li a.active img {
	opacity: 1;
}
#downloadPage.movie .titleArea {
	width: 880px;
	height: auto;
	margin: 16px auto 0;
	position: relative;
}
#downloadPage.movie .titleArea .category {
	border-bottom: 1px dotted #68c8f0;
	color: #68c8f0;
	font-family: 'TakaHand';
	font-size: 16px;
	letter-spacing: 1px;
	width: 880px;
}
#downloadPage.movie .titleArea .time {
	font-family: 'TakaHand';
	font-size: 18px;
	letter-spacing: 1px;
	position: absolute;
	top: -2px;
	right: 0;
}
#downloadPage.movie .titleArea .time span {
	color: #68c8f0;
	font-size: 14px;
	margin-top: 4px;
}
#downloadPage.movie .titleArea .title {
	font-family: 'UDShinGoB';
	font-size: 24px;
	letter-spacing: 1px;
	margin-top: 2px;
}
#downloadPage.movie .titleArea .title span {
	background: url('./images/cg_icon_title.png') top left no-repeat;
	background-position: -80px 0;
	width: 16px;
	height: 14px;
	text-indent: -9999px;
	margin: 7px 8px 0 6px;
	display: block;
	float: left;
}
#downloadPage.movie .movieBox {
	border: 2px solid #68c8f0;
	width: 880px;
	height: 495px;
	margin: 4px auto 0;
	box-shadow: 4px 4px 0 rgba(104,200,240,0.5);
}

/* event[Movie] */
#downloadPage.event ul.selectMovie {
	width: 836px;
	height: 24px;
	margin: 24px auto 0;
}
#downloadPage.event ul.selectMovie li {
	width: 200px;
	height: 24px;
	margin-left: 12px;
	float: left;
	position: relative;
}
#downloadPage.event ul.selectMovie li:first-child {
	margin: 0;
}
#downloadPage.event ul.selectMovie li a {
	background: url('./images/event_nav_select.jpg') top left no-repeat;
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 4px;
}
#downloadPage.event ul.selectMovie li#seChristmas a { background-position: 0 0; }
#downloadPage.event ul.selectMovie li#seNewyear a { background-position: 0 -24px; }
#downloadPage.event ul.selectMovie li#seValentine a { background-position: 0 -48px; }
#downloadPage.event ul.selectMovie li#seWhiteday a { background-position: 0 -72px; }
#downloadPage.event ul.selectMovie li#seApril a { background-position: 0 -96px; }
#downloadPage.event ul.selectMovie li#seC90 a { background-position: 0 -120px; }
#downloadPage.event ul.selectMovie li#seHalloween a { background-position: 0 -144px; }
#downloadPage.event ul.selectMovie li#seChristmas2 a { background-position: 0 -168px; }
#downloadPage.event ul.selectMovie li#seNewyear2 a { background-position: 0 -192px; }
#downloadPage.event ul.selectMovie li#seValentine2 a { background-position: 0 -216px; }
#downloadPage.event ul.selectMovie li#seWhiteday2 a { background-position: 0 -240px; }
#downloadPage.event ul.selectMovie li#seApril2 a { background-position: 0 -264px; }

#downloadPage.event ul.selectMovie li a p {
	color: #68c8f0;
	font-family: 'TakaHand';
	font-size: 12px;
	letter-spacing: 1px;
	position: absolute;
	top: -12px;
	left: 4px;
	opacity: 0.7;
	visibility: hidden;
}
#downloadPage.event ul.selectMovie li a img {
	opacity: 0;
	border-radius: 4px;
}
#downloadPage.event ul.selectMovie li a.active p,
#downloadPage.event ul.selectMovie li a.active img {
	opacity: 1;
	visibility: visible;
}
#downloadPage.event .titleArea {
	width: 880px;
	height: auto;
	margin: 16px auto 0;
	position: relative;
}
#downloadPage.event .titleArea .category {
	border-bottom: 1px dotted #68c8f0;
	color: #68c8f0;
	font-family: 'TakaHand';
	font-size: 16px;
	letter-spacing: 1px;
	width: 880px;
}
#downloadPage.event .titleArea .time {
	font-family: 'TakaHand';
	font-size: 18px;
	letter-spacing: 1px;
	position: absolute;
	top: -2px;
	right: 0;
}
#downloadPage.event .titleArea .time span {
	color: #68c8f0;
	font-size: 14px;
	margin-top: 4px;
}
#downloadPage.event .titleArea .title {
	font-family: 'UDShinGoB';
	font-size: 24px;
	letter-spacing: 1px;
	margin-top: 2px;
}
#downloadPage.event .titleArea .title span {
	background: url('./images/cg_icon_title.png') top left no-repeat;
	background-position: -80px 0;
	width: 16px;
	height: 14px;
	text-indent: -9999px;
	margin: 7px 8px 0 6px;
	display: block;
	float: left;
}
#downloadPage.event .movieBox {
	border: 2px solid #68c8f0;
	width: 880px;
	height: 495px;
	margin: 4px auto 0;
	box-shadow: 4px 4px 0 rgba(104,200,240,0.5);
}

/* event[Voice]
#downloadPage.event .titleArea {
	width: 880px;
	height: auto;
	margin: 16px auto 0;
	position: relative;
}
#downloadPage.event .titleArea .category {
	border-bottom: 1px dotted #68c8f0;
	color: #68c8f0;
	font-family: 'TakaHand';
	font-size: 16px;
	letter-spacing: 1px;
	width: 880px;
}
#downloadPage.event .titleArea .time {
	font-family: 'TakaHand';
	font-size: 18px;
	letter-spacing: 1px;
	position: absolute;
	top: -2px;
	right: 0;
}
#downloadPage.event .titleArea .time span {
	color: #68c8f0;
	font-size: 14px;
	margin-top: 4px;
}
#downloadPage.event .titleArea .title {
	font-family: 'UDShinGoB';
	font-size: 24px;
	letter-spacing: 1px;
	margin-top: 2px;
}
#downloadPage.event .titleArea .title span {
	background: url('./images/cg_icon_title.png') top left no-repeat;
	background-position: -80px 0;
	width: 16px;
	height: 14px;
	text-indent: -9999px;
	margin: 7px 8px 0 6px;
	display: block;
	float: left;
}
#downloadPage.event #audioNav {
	width: 600px;
	height: 120px;
	margin: 16px auto 0;
}
#downloadPage.event #audioNav a {
	background: url('./images/top_bn_event.png') top left no-repeat;
	width: 100%;
	height: 100%;
	display: block;
}
#downloadPage.event #audioNav a img {
	opacity: 0;
}
#downloadPage.event .audioBox {
	width: 400px;
	height: 32px;
	margin: 6px auto 0;
	position: relative;
}
#downloadPage.event .audioBox audio {
	position: absolute;
	bottom: 0;
	left: 0;
}
 */

/* count */
#downloadPage.count ul.selectMovie {
	width: 836px;
	height: 24px;
	margin: 24px auto 0;
	position: relative;
}
#downloadPage.count ul.selectMovie li {
	width: 200px;
	height: 24px;
	margin-left: 12px;
	float: left;
	position: relative;
}
#downloadPage.count ul.selectMovie li:first-child {
	margin: 0;
}
#downloadPage.count ul.selectMovie li#seMasterup {
	width: 412px;
	height: 24px;
	top: 0;
	right: 0;
	position: absolute;;
}
#downloadPage.count ul.selectMovie li a,
#downloadPage.count ul.selectMovie li#seMasterup a {
	background: url('./images/count_nav_select.jpg') top left no-repeat;
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 4px;
}
#downloadPage.count ul.selectMovie li#seCount01 a { background-position: 0 0; }
#downloadPage.count ul.selectMovie li#seCount02 a { background-position: 0 -24px; }
#downloadPage.count ul.selectMovie li#seCount03 a { background-position: 0 -48px; }
#downloadPage.count ul.selectMovie li#seCount04 a { background-position: 0 -72px; }
#downloadPage.count ul.selectMovie li#seCount05 a { background-position: 0 -96px; }
#downloadPage.count ul.selectMovie li#seCount06 a { background-position: 0 -120px; }
#downloadPage.count ul.selectMovie li#seCount07 a { background-position: 0 -144px; }
#downloadPage.count ul.selectMovie li#seCount08 a { background-position: 0 -168px; }
#downloadPage.count ul.selectMovie li#seCount09 a { background-position: 0 -192px; }
#downloadPage.count ul.selectMovie li#seCount10 a { background-position: 0 -216px; }
#downloadPage.count ul.selectMovie li#seCount11 a { background-position: 0 -240px; }
#downloadPage.count ul.selectMovie li#seCount12 a { background-position: 0 -264px; }
#downloadPage.count ul.selectMovie li#seMasterup a {
	background: url('./images/count_nav_masterup.jpg') top left no-repeat;
}
#downloadPage.count ul.selectMovie li a p,
#downloadPage.count ul.selectMovie li#seMasterup a p {
	color: #68c8f0;
	font-family: 'TakaHand';
	font-size: 12px;
	letter-spacing: 1px;
	position: absolute;
	top: -12px;
	left: 4px;
	opacity: 0.7;
	visibility: hidden;
}
#downloadPage.count ul.selectMovie li#seMasterup a p {
	color: #ff7888;
}
#downloadPage.count ul.selectMovie li a img,
#downloadPage.count ul.selectMovie li#seMasterup a img {
	opacity: 0;
	border-radius: 4px;
}
#downloadPage.count ul.selectMovie li a.active p,
#downloadPage.count ul.selectMovie li a.active img,
#downloadPage.count ul.selectMovie li#seMasterup a.active p,
#downloadPage.count ul.selectMovie li#seMasterup a.active img {
	opacity: 1;
	visibility: visible;
}
#downloadPage.count #changeMovie {
	width: 880px;
	height: 554px;
	margin: 16px auto 0;
}
#downloadPage.count .titleArea {
	width: 880px;
	height: auto;
	position: relative;
}
#downloadPage.count .titleArea .category {
	border-bottom: 1px dotted #68c8f0;
	color: #68c8f0;
	font-family: 'TakaHand';
	font-size: 16px;
	letter-spacing: 1px;
	width: 880px;
}
#downloadPage.count .titleArea .time {
	font-family: 'TakaHand';
	font-size: 18px;
	letter-spacing: 1px;
	position: absolute;
	top: -2px;
	right: 0;
}
#downloadPage.count .titleArea .time span {
	color: #68c8f0;
	font-size: 14px;
	margin-top: 4px;
}
#downloadPage.count .titleArea .title {
	font-family: 'UDShinGoB';
	font-size: 24px;
	letter-spacing: 1px;
	margin-top: 2px;
}
#downloadPage.count .titleArea .title span {
	background: url('./images/cg_icon_title.png') top left no-repeat;
	background-position: -80px 0;
	width: 16px;
	height: 14px;
	text-indent: -9999px;
	margin: 7px 8px 0 6px;
	display: block;
	float: left;
}
#downloadPage.count .movieBox {
	border: 2px solid #68c8f0;
	width: 880px;
	height: 495px;
	margin: 4px auto 0;
	box-shadow: 4px 4px 0 rgba(104,200,240,0.5);
}
/* trial */
#downloadPage.trial #mainImg {
	width: 880px;
	height: 495px;
	margin: 8px auto 0;
	border-radius: 16px;
}
#downloadPage.trial h2 {
	width: 880px;
	height: 25px;
	margin: 24px auto 0;
}
#downloadPage.trial p,
#downloadPage.trial ul#fileInfo {
	font-family: 'UDShingoM';
	color: #606060;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 0.5px;
	padding-left: 68px;
}
#downloadPage.trial ul#fileInfo li ul.cate {
	float: left;
}
#downloadPage.trial ul#fileInfo li ul.cate li span {
	background: url('./images/layout_icon_category.png') -132px bottom no-repeat;
	width: 12px;
	height: 10px;
	text-indent: -9999px;
	margin: 6px 6px 0 0;
	float: left;
	display: block;
}
#downloadPage.trial h3 {
	width: 736px;
	height: 40px;
	margin: 24px auto 0;
}
#downloadPage.trial #specArea {
	font-size: 16px;
	font-weight: bold;
	width: 680px;
	height: auto;
	margin: 8px auto 0;
}
#downloadPage.trial #specArea ul#specEnv {
	width: 476px;
	height: 20px;
	margin: 8px 0 12px 164px;
}
#downloadPage.trial #specArea ul#specEnv li {
	color: #fff;
	background: url('./images/spec_bg_spec.png') bottom center no-repeat;
	width: 200px;
	height: 18px;
	text-align: center;
	padding-top: 2px;
	float: left;
}
#downloadPage.trial #specArea ul#specEnv li:first-child {
	background-position: top center;
	color: #ff7888;
	margin-right: 76px;
}
#downloadPage.trial #specArea ul#specList li.specLine {
	background: url('./images/spec_line_contents.png') top left no-repeat;
	width: 680px;
	height: 10px;
	margin: -4px 0 -5px;
	text-indent: -9999px;
	position: relative;
	z-index: 9;
}
#downloadPage.trial #specArea ul#specList li ul {
	min-height: 21px;
	padding: 6px 0 4px;
	position: relative;
	z-index: 1;
}
#downloadPage.trial #specArea ul#specList li ul.odd {
	background-color: rgba(255,240,240,0.6);
}
#downloadPage.trial #specArea ul#specList li ul li.cate {
	width: 122px;
	padding-left: 8px;
	float: left;
}
#downloadPage.trial #specArea ul#specList li ul li.cate span {
	background: url('./images/layout_icon_category.png') -132px bottom no-repeat;
	width: 12px;
	height: 14px;
	text-indent: -9999px;
	margin-right: 6px;
	float: left;
	display: block;
}
#downloadPage.trial #specArea ul#specList li ul li.data {
	border-left: 1px solid #b8b8b8;
	margin-left: 130px;
	text-align: center;
}
#downloadPage.trial #specArea ul#specList li ul li.data.row02 {
	color: #a8a8a8;
	border-right: 4px double #b8b8b8;
	border-left: none;
	width: 268px;
	margin: 0;
	float: left;
}
/* drama */
#downloadPage.drama ul.selectMovie {
	height: 24px;
	margin: 24px auto;
}
#downloadPage.drama ul.selectMovie.row01 { width: 624px; }
/*	#downloadPage.drama ul.selectMovie.row01 { width: 836px; }	*/
#downloadPage.drama ul.selectMovie.row02 { width: 412px; }
#downloadPage.drama ul.selectMovie li {
	width: 200px;
	height: 24px;
	margin-left: 12px;
	position: relative;
	float: left;
}
#downloadPage.drama ul.selectMovie li:first-child {
	margin: 0;
}
#downloadPage.drama ul.selectMovie li a {
	background: url('./images/drama_nav_select.jpg') top left no-repeat;
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 4px;
}
#downloadPage.drama ul.selectMovie li#seDrama01 a { background-position: 0 0; }
#downloadPage.drama ul.selectMovie li#seDrama02 a { background-position: 0 -24px; }
#downloadPage.drama ul.selectMovie li#seDrama03 a { background-position: 0 -48px; }
#downloadPage.drama ul.selectMovie li#seDrama04 a { background-position: 0 -72px; }
#downloadPage.drama ul.selectMovie li#seDrama05 a { background-position: 0 -96px; }
#downloadPage.drama ul.selectMovie li a p {
	font-family: 'TakaHand';
	font-size: 12px;
	letter-spacing: 1px;
	position: absolute;
	top: -12px;
	left: 4px;
	opacity: 0.7;
	visibility: hidden;
}
#downloadPage.drama ul.selectMovie li#seDrama01 a p { color: #6070c0; }
#downloadPage.drama ul.selectMovie li#seDrama02 a p { color: #ffb838; }
#downloadPage.drama ul.selectMovie li#seDrama03 a p { color: #c868b8; }
#downloadPage.drama ul.selectMovie li#seDrama04 a p { color: #ff90a0; }
#downloadPage.drama ul.selectMovie li#seDrama05 a p { color: #78c8ff; }

#downloadPage.drama ul.selectMovie li a img {
	opacity: 0;
	border-radius: 4px;
}
#downloadPage.drama ul.selectMovie li a.active p,
#downloadPage.drama ul.selectMovie li a.active img {
	opacity: 1;
	visibility: visible;
}
#downloadPage.drama .titleArea {
	width: 880px;
	height: auto;
	margin: 16px auto 0;
	position: relative;
}
#downloadPage.drama .titleArea .category {
	border-bottom: 1px dotted #000;
	font-family: 'TakaHand';
	font-size: 16px;
	letter-spacing: 1px;
	width: 880px;
}
#downloadPage.drama #drama01 .titleArea .category {
	border-color: #6070c0;
	color: #6070c0;
}
#downloadPage.drama #drama02 .titleArea .category {
	border-color: #ffb838;
	color: #ffb838;
}
#downloadPage.drama #drama03 .titleArea .category {
	border-color: #c868b8;
	color: #c868b8;
}
#downloadPage.drama #drama04 .titleArea .category {
	border-color: #ff90a0;
	color: #ff90a0;
}
#downloadPage.drama #drama05 .titleArea .category {
	border-color: #78c8ff;
	color: #78c8ff;
}
#downloadPage.drama .titleArea .time {
	font-family: 'TakaHand';
	font-size: 18px;
	letter-spacing: 1px;
	position: absolute;
	top: -2px;
	right: 0;
}
#downloadPage.drama .titleArea .time span {
	font-size: 14px;
	margin-top: 4px;
}
#downloadPage.drama #drama01 .titleArea .time span { color: #6070c0; }
#downloadPage.drama #drama02 .titleArea .time span { color: #ffb838; }
#downloadPage.drama #drama03 .titleArea .time span { color: #c868b8; }
#downloadPage.drama #drama04 .titleArea .time span { color: #ff90a0; }
#downloadPage.drama #drama05 .titleArea .time span { color: #78c8ff; }

#downloadPage.drama .titleArea .title {
	font-family: 'UDShinGoB';
	font-size: 24px;
	letter-spacing: 1px;
	margin-top: 2px;
}
#downloadPage.drama .titleArea .title span {
	background: url('./images/cg_icon_title.png') top left no-repeat;
	width: 16px;
	height: 14px;
	text-indent: -9999px;
	margin: 7px 8px 0 6px;
	display: block;
	float: left;
}
#downloadPage.drama #drama01 .titleArea .title span { background-position: -64px 0; }
#downloadPage.drama #drama02 .titleArea .title span { background-position: 0 0; }
#downloadPage.drama #drama03 .titleArea .title span { background-position: -16px 0; }
#downloadPage.drama #drama04 .titleArea .title span { background-position: -32px 0; }
#downloadPage.drama #drama05 .titleArea .title span { background-position: -48px 0; }

#downloadPage.drama .movieBox {
	border: 2px solid #000;
	width: 880px;
	height: 495px;
	margin: 4px auto 0;
}
#downloadPage.drama #drama01 .movieBox {
	border-color: #6070c0;
	box-shadow: 4px 4px 0 rgba(96,112,192,0.5);
}
#downloadPage.drama #drama02 .movieBox {
	border-color: #ffb838;
	box-shadow: 4px 4px 0 rgba(255,184,56,0.5);
}
#downloadPage.drama #drama03 .movieBox {
	border-color: #c868b8;
	box-shadow: 4px 4px 0 rgba(200,104,184,0.5);
}
#downloadPage.drama #drama04 .movieBox {
	border-color: #ff90a0;
	box-shadow: 4px 4px 0 rgba(255,144,160,0.5);
}
#downloadPage.drama #drama05 .movieBox {
	border-color: #78c8ff;
	box-shadow: 4px 4px 0 rgba(120,200,255,0.5);
}
/*
==== specialPage ====
*/
#specialPage ul.spList {
	width:  812px;
	height: 120px;
	margin: 12px 90px 0 78px;
}
#specialPage ul.spList:first-child {
	margin-top: 16px;
}
#specialPage ul.spList li {
	width: 400px;
	height: 120px;
	margin-left: 12px;
	float: left;
	position: relative;
}
#specialPage ul.spList li:first-child {
	margin: 0;
}
#specialPage ul.spList li a {
	width: 100%;
	height: 100%;
	display: block;
}
#specialPage ul.spList li#spCampaign a { background: url('./images/special_bn_campaign.png') top left no-repeat; }
#specialPage ul.spList li#spShop a { background: url('./images/special_bn_shop.png') top left no-repeat; }
#specialPage ul.spList li#spExchange a { background: url('./images/special_bn_exchange.png') top left no-repeat; }
#specialPage ul.spList li#spExchange02 a { background: url('./images/special_bn_exchange02.png') top left no-repeat; }
#specialPage ul.spList li#spUpdata a { background: url('./images/special_bn_updata.png') top left no-repeat; }
#specialPage ul.spList li#spStore a { background: url('./images/special_bn_store.png') top left no-repeat; }
#specialPage ul.spList li a img {
	opacity: 0;
}
#specialPage ul.spList li span.new {
	background: url('./images/top_icon_new.png') top left no-repeat;
	width: 27px;
	height: 33px;
	text-indent: -9999px;
	position: absolute;
	top: -15px;
	left: 6px;
}

/* campaign */
#specialPage.campaign #pageTitle {
	width: 556px;
	height: 68px;
	margin: 16px auto 0;
}
#specialPage.campaign ul#goodsListL {
	width: 957px;
	height: 308px;
	margin: 12px auto 0;
	position: relative;
}
#specialPage.campaign ul#goodsListL li,
#specialPage.campaign ul#goodsListS li {
	position: absolute;
	animation-name: start;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
	opacity: 1;
}
@keyframes start {
	0%  { opacity: 0;}
	100%{ opacity: 1;}
}
#specialPage.campaign ul#goodsListL li.item01 {
	width: 304px;
	height: 280px;
	top: 0;
	left: 0;
}
#specialPage.campaign ul#goodsListL li.item02 {
	width: 315px;
	height: 268px;
	top: 28px;
	left: 309px;
}
#specialPage.campaign ul#goodsListL li.item03 {
	width: 334px;
	height: 256px;
	bottom: 0;
	right: 0;
}
#specialPage.campaign ul#goodsListL li a img,
#specialPage.campaign ul#goodsListS li a img {
	position: absolute;
}
#specialPage.campaign ul#goodsListL li a img,
#specialPage.campaign ul#goodsListS li a img {
	animation-name: down;
	animation-duration: 0.4s;
	animation-timing-function: ease;
	animation-iteration-count: 1;
	top: 0px;
}
@keyframes down {
	0%  { top: -16px;}
	100%{ top: 0;    }
}
#specialPage.campaign ul#goodsListL li a:hover img,
#specialPage.campaign ul#goodsListS li a:hover img {
	animation-name: hop;
	animation-duration: 0.4s;
	animation-timing-function: ease;
	animation-iteration-count: 1;
	top: -16px;
}
@keyframes hop {
	0%  { top: 0;   }
	100%{ top: -16px;}
}
#specialPage.campaign .campaignDate {
	width: 795px;
	height: 43px;
	margin: 12px auto 0;
}
#specialPage.campaign ul#pageMove {
	width: 752px;
	height: 28px;
	margin: 24px auto 0;
}
#specialPage.campaign ul#pageMove li {
	width: 240px;
	height: 28px;
	margin-left: 16px;
	float: left;
	border-radius: 4px;
}
#specialPage.campaign ul#pageMove li:first-child {
	margin: 0;
}
#specialPage.campaign ul#pageMove li a {
	background: url('./images/campaign_nav_move.jpg') top left no-repeat;
	width: 100%;
	height: 100%;
	display: block;
}
#specialPage.campaign ul#pageMove li#mCampaign a { background-position: 0 0; }
#specialPage.campaign ul#pageMove li#mDate a { background-position: 0 -28px; }
#specialPage.campaign ul#pageMove li#mShop a { background-position: 0 -56px; }
#specialPage.campaign ul#pageMove li a img {
	opacity: 0;
}
#specialPage.campaign #campaignInfo {
	width: 980px;
	height: 695px;
	position: relative;
}
#specialPage.campaign h2 {
	width: 880px;
	height: 25px;
	margin: 40px auto 0;
}
#specialPage.campaign #campaignText {
	width: 512px;
	height: 654px;
	margin: 16px 0 0 64px;
}
#specialPage.campaign #campaignInfo ul#goodsListS li.item01 {
	width: 288px;
	height: 220px;
	top: 32px;
	right: 160px;
}
#specialPage.campaign #campaignInfo ul#goodsListS li.item02 {
	width: 298px;
	height: 216px;
	top: 259px;
	right: 14px;
}
#specialPage.campaign #campaignInfo ul#goodsListS li.item03 {
	width: 314px;
	height: 208px;
	bottom: 3px;
	right: 96px;
}
#specialPage.campaign ul#cautionList {
	width: 840px;
	height: auto;
	margin: 32px 0 32px 90px;
	position: relative;
}
#specialPage.campaign ul#cautionList li ul li.cate {
	background: url('./images/campaign_item_tag.jpg') top left no-repeat;
	width: 168px;
	height: 20px;
	text-indent: -9999px;
	float: left;
	border-radius: 4px;
}
#specialPage.campaign ul#cautionList li#common ul li.cate { background-position: 0 0; }
#specialPage.campaign ul#cautionList li#free ul li.cate { background-position: 0 -20px; }
#specialPage.campaign ul#cautionList li#booking ul li.cate { background-position: 0 -40px; }
#specialPage.campaign ul#cautionList li#double ul li.cate { background-position: 0 -60px; }

#specialPage.campaign ul#cautionList li ul li.info {
	font-size: 16px;
	width: 668px;
	margin-left: 4px;
	float: left;
}
#specialPage.campaign ul#cautionList li ul li.info li {
	line-height: 22px;
	margin-bottom: 6px;
}
#specialPage.campaign ul#cautionList li ul li.info span {
	background: url('./images/layout_icon_category.png') bottom left no-repeat;
	width: 12px;
	height: 11px;
	text-indent: -9999px;
	margin: 3px 4px 0 0;
	float: left;
	display: block;
}
#specialPage.campaign ul#cautionList li.cautionIcon {
	background: url('./images/campaign_icon_caution.jpg') top left no-repeat;
	width: 200px;
	height: 200px;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 50%;
	opacity: 0.3;
}
/*
#specialPage.campaign #campaignShop p {
	color: #707070;
	font-size: 32px;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: center;
	margin-top: 24px;
}
*/
#specialPage.campaign ul.shopList {
	font-family: 'UDShinGoM';
	width: 680px;
	height: auto;
	margin: 12px auto 64px;
}
#specialPage.campaign ul.shopList li.shopLine {
	background: url('./images/spec_line_contents.png') top left no-repeat;
	width: 680px;
	height: 10px;
	text-indent: -9999px;
	margin: -4px 0 -5px;
	position: relative;
	z-index: 9;
}
#specialPage.campaign ul.shopList li ul {
	font-size: 16px;
	line-height: 21px;
	min-height: 21px;
	padding: 6px 0 4px;
	position: relative;
	z-index: 1;
}
#specialPage.campaign ul.shopList#eventShop li ul.odd { background-color: rgba(255,240,240,0.6); }
#specialPage.campaign ul.shopList#mamiyaShop li ul.odd { background-color: rgba(240,252,255,0.6); }
#specialPage.campaign ul.shopList#freeShop li ul.odd { background-color: rgba(240,255,244,0.6); }

#specialPage.campaign ul.shopList li ul li.area {
	width: 122px;
	padding-left: 8px;
	float: left;
}
#specialPage.campaign ul.shopList li ul li.area span {
	background: url('./images/layout_icon_category.png') bottom left no-repeat;
	width: 12px;
	height: 14px;
	text-indent: -9999px;
	margin-right: 6px;
	float: left;
	display: block;
}
#specialPage.campaign ul.shopList#eventShop li ul li.area span { background-position: -132px bottom; }
#specialPage.campaign ul.shopList#mamiyaShop li ul li.area span { background-position: -120px bottom; }
#specialPage.campaign ul.shopList#freeShop li ul li.area span { background-position: -144px bottom; }

#specialPage.campaign ul.shopList li ul li.shop {
	border-left: 1px solid #b8b8b8;
	margin-left: 130px;
	padding-left: 8px;
}

/* shop */
#specialPage.shop #page {
	overflow-x: hidden;
}
#specialPage.shop .shopArea {
	font-family: 'UDShingoM';
	color: #606060;
	width: auto;
	height: auto;
	margin: 24px auto 0;
}
#specialPage.shop .shopArea.row02 {
	width: 489px;
	float: left;
}
#specialPage.shop .shopArea .shopName {
	font-size: 28px;
	min-width: 200px;
	text-align: center;
	margin: 0 auto;
}
#specialPage.shop .shopArea .shopName .goodsType {
	font-family: 'TakaHand';
	color: #fff;
	font-size: 15px;
	letter-spacing: 1px;
	width: 200px;
	height: 20px;
	margin: 4px auto 0;
	border-radius: 4px;
}
#specialPage.shop .shopArea .shopName .goodsType.draw { background-color: #ff7888; }
#specialPage.shop .shopArea .shopName .goodsType.original { background-color: #58c890; }
#specialPage.shop .shopArea .shopName .goodsType span {
	border: 3px solid transparent;
	width: 0;
	height: 0;
	text-indent: -9999px;
	margin: 7px 6px 0 6px;
	display: block;
}
#specialPage.shop .shopArea .shopName .goodsType span.left {
	border-left: 4px solid #fff;
	float: left;
}
#specialPage.shop .shopArea .shopName .goodsType span.right {
	border-right: 4px solid #fff;
	float: right;
}
#specialPage.shop ul.goodsList {
	width: 640px;
	height: auto;
	margin: 0 auto;
}
#specialPage.shop ul.goodsList li.item01,
#specialPage.shop ul.goodsList li.item02 {
	width: 360px;
	height: auto;
	margin: 0 -20px;
	float: left;
}
#specialPage.shop .shopArea .goodsArea.draw {
	width: 360px;
	height: 370px;
	margin: 24px auto 0;
}
#specialPage.shop .shopArea .goodsArea.original {
	width: 360px;
	height: 230px;
	margin: 24px auto 0;
}
#specialPage.shop .shopArea .goodsArea.draw .goodsCategory {
	font-family: 'UDShingoB';
	font-size: 21px;
	width: 240px;
	height: 24px;
	margin-left: 60px;
	position: relative;
	z-index: 9;
}
#specialPage.shop .shopArea .goodsArea.original .goodsCategory {
	font-family: 'UDShingoB';
	font-size: 21px;
	width: 240px;
	height: 24px;
	margin-left: 20px;
	position: relative;
	z-index: 9;
}
#specialPage.shop .shopArea .goodsArea .goodsCategory span {
	background: url('./images/shop_icon_category.jpg') top left no-repeat;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	margin-right: 4px;
	float: left;
	display: block;
	border-radius: 50%;
}
#specialPage.shop .shopArea .goodsArea.yakumo .goodsCategory span { background-position: 0 0; }
#specialPage.shop .shopArea .goodsArea.moeri .goodsCategory span { background-position: -24px 0; }
#specialPage.shop .shopArea .goodsArea.tamane .goodsCategory span { background-position: -48px 0; }
#specialPage.shop .shopArea .goodsArea.nekoto .goodsCategory span { background-position: -72px 0; }
#specialPage.shop .shopArea .goodsArea.ririka .goodsCategory span { background-position: -96px 0; }
#specialPage.shop .shopArea .goodsArea.draw .goodsImg {
	animation-name: start;
	animation-duration: 1.5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;
	width: 240px;
	height: 320px;
	margin: 4px auto 0;
	position: relative;
	opacity: 1;
}
#specialPage.shop .shopArea .goodsArea.original .goodsImg {
	animation-name: start;
	animation-duration: 1.5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;
	width: 320px;
	height: 180px;
	margin: 4px auto 0;
	position: relative;
	opacity: 1;
}
@keyframes start {
	0%  { opacity: 0; }
	100%{ opacity: 1; }
}
#specialPage.shop .shopArea .goodsArea.draw .goodsImg a {
	width: 240px;
	height: 320px;
	display: block;
	position: relative;
	z-index: 2;
}
#specialPage.shop .shopArea .goodsArea.original .goodsImg a {
	width: 320px;
	height: 180px;
	display: block;
	position: relative;
	z-index: 2;
}
#specialPage.shop .shopArea .goodsArea.draw .goodsImg a img {
	width: 240px;
	height: 320px;
	position: relative;
	z-index: 2;
}
#specialPage.shop .shopArea .goodsArea.original .goodsImg a img {
	width: 320px;
	height: 180px;
	position: relative;
	z-index: 2;
}
#specialPage.shop .shopArea .goodsArea.draw .goodsImg a span {
	animation-name: feedout;
	animation-duration: 0.4s;
	animation-timing-function: ease;
	animation-iteration-count: 1;
	opacity: 0;
	width: 417px;
	height: 292px;
	text-indent: -9999px;
	display: block;
	z-index: 1;
	position: absolute;
	top: 14px;
	left: -88px;
	border-radius: 208px/ 146px;
	transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	pointer-events: none;
}
#specialPage.shop .shopArea .goodsArea.original .goodsImg a span {
	animation-name: feedout;
	animation-duration: 0.4s;
	animation-timing-function: ease;
	animation-iteration-count: 1;
	opacity: 0;
	width: 380px;
	height: 218px;
	text-indent: -9999px;
	display: block;
	z-index: 1;
	position: absolute;
	top: -16px;
	left: -40px;
	border-radius: 208px/ 146px;
	transform: rotate(135deg);
	-moz-transform: rotate(170deg);
	-webkit-transform: rotate(170deg);
	pointer-events: none;
}
#specialPage.shop .shopArea .goodsArea.yakumo .goodsImg a span { background-color: #fff0b0; }
#specialPage.shop .shopArea .goodsArea.moeri .goodsImg a span { background-color: #eccce8; }
#specialPage.shop .shopArea .goodsArea.tamane .goodsImg a span { background-color: #ffe0e0; }
#specialPage.shop .shopArea .goodsArea.nekoto .goodsImg a span { background-color: #d8f0ff; }
#specialPage.shop .shopArea .goodsArea.ririka .goodsImg a span { background-color: #d0d8ff; }
@keyframes feedout {
	0%  { opacity: 0.6; }
	100%{ opacity: 0; }
}
#specialPage.shop .shopArea .goodsArea .goodsImg a:hover span {
	animation-name: feedin;
	animation-duration: 0.4s;
	animation-timing-function: ease;
	animation-iteration-count: 1;
	opacity: 0.6;
}
@keyframes feedin {
	0%  { opacity: 0; }
	100%{ opacity: 0.6; }
}

#specialPage.shop .shopArea .goodsArea ul.goodsChar {
	width: auto;
	height: 20px;
	margin: 4px 60px 0 0;
	position: relative;
	z-index: 2;
}
#specialPage.shop .shopArea .goodsArea ul.goodsChar li.name {
	font-size: 16px;
	float: right;
}
#specialPage.shop .shopArea .goodsArea ul.goodsChar li.caption {
	font-size: 12px;
	margin-right: 6px;
	padding-top: 4px;
	float: right;
}
#specialPage.shop .shopArea .goodsArea.yakumo ul.goodsChar li.caption { color: #ffb838; }
#specialPage.shop .shopArea .goodsArea.moeri ul.goodsChar li.caption { color: #c868b8; }
#specialPage.shop .shopArea .goodsArea.tamane ul.goodsChar li.caption { color: #ff90a0; }
#specialPage.shop .shopArea .goodsArea.nekoto ul.goodsChar li.caption { color: #78c8ff; }
#specialPage.shop .shopArea .goodsArea.ririka ul.goodsChar li.caption { color: #6070c0; }
#specialPage.shop .shopArea .goodsArea ul.goodsChar li.caption span {
	font-size: 10px;
}
#specialPage.shop .shopArea ul.shopLink {
	width: 240px;
	height: 92px;
	margin: 20px auto 26px;
	position: relative;
}
#specialPage.shop .shopArea ul.shopLink li {
	width: 240px;
	height: 40px;
	margin-top: 12px;
}
#specialPage.shop .shopArea ul.shopLink li:first-child {
	margin: 0;
}
#specialPage.shop .shopArea ul.shopLink li a {
	background: url('./images/shop_nav_link.jpg') top left no-repeat;
	width: 100%;
	height: 100%;
	display: block;
}
#specialPage.shop .shopArea ul.shopLink li.liShop a { background-position: 0 0; }
#specialPage.shop .shopArea ul.shopLink li.liBuy a { background-position: 0 -40px; }
#specialPage.shop .shopArea ul.shopLink li.liPage a { background-position: 0 -80px; }
#specialPage.shop .shopArea ul.shopLink li a img {
	opacity: 0;
}
#specialPage.shop .separate {
	width: 980px;
	min-height: 22px;
	max-height: 32px;
	margin: 0 auto;
}
#specialPage.shop .separate div {
	background: url('./images/shop_icon_separation.png') top left no-repeat;
	text-indent: -9999px;
	float: left;
}
#specialPage.shop .separate .iconCenter {
	background-position: 0 0;
	width: 26px;
	height: 34px;
}
#specialPage.shop .separate .iconLeft,
#specialPage.shop .separate .iconRight {
	width: 12px;
	height: 10px;
	margin-top: 12px;
}
#specialPage.shop .separate .iconLeft { background-position: -14px -12px; }
#specialPage.shop .separate .iconRight{ background-position: 0 -12px; }
#specialPage.shop .separate .lineDashed {
	border-top: 2px dashed #ffc800;
	background-image: none;
	width: 461px;
	height: 2px;
	margin: 16px 2px 0;
}
#specialPage.shop .separate.row01 .iconCenter {
	background-position: 0 -12px;
	height: 22px;
}
#specialPage.shop .separate.row01 .iconLeft,
#specialPage.shop .separate.row01 .iconRight {
	margin: 0px;
}
#specialPage.shop .separate.row01 .lineDashed {
	margin: 4px 2px 0;
}
#specialPage.shop .separateLine {
	border-right: 2px dashed #ffc800;
	width: 0;
	height: 606px;
	text-indent: -9999px;
	margin: 2px 0;
	float: left;
}
#specialPage.shop .separateLine.original {
	height: 465px;
}
#specialPage.shop .separateEnd {
	background: url('./images/shop_icon_separation.png') top center no-repeat;
	width: 10px;
	height: 12px;
	text-indent: -9999px;
	margin: 0 auto;
}

/* exchange / 02 */
#specialPage.exchange #topImg {
	width: 912px;
	height: 482px;
	margin: 16px 0 0 56px;
}
#specialPage.exchange.sign #topImg {
	width: 800px;
	height: 472px;
	margin: 16px auto 0;
}
#specialPage.exchange ul#menuList {
	width: 752px;
	height: 28px;
	margin: 12px auto 0;
}
#specialPage.exchange ul#menuList li {
	width: 240px;
	height: 28px;
	margin-left: 16px;
	float: left;
	border-radius: 4px;
}
#specialPage.exchange ul#menuList li:first-child {
	margin: 0;
}
#specialPage.exchange ul#menuList li a {
	background: url('./images/campaign_nav_move.jpg') top left no-repeat;
	width: 100%;
	height: 100%;
	display: block;
}
#specialPage.exchange ul#menuList li#liCampaign a { background-position: 0 0; }
#specialPage.exchange ul#menuList li#liDate a { background-position: 0 -28px; }
#specialPage.exchange ul#menuList li#liShop a { background-position: 0 -56px; }
#specialPage.exchange ul#menuList li a img {
	opacity: 0;
}
#specialPage.exchange .move {
	font-family: 'UDShinGoM';
	color: #606060;
	font-size: 16px;
	width: 880px;
	height: auto;
	margin: 40px auto 0;
	position: relative;
}
#specialPage.exchange .move#infoCampaign p {
	line-height: 26px;
	margin: 8px 0 0 12px;
}
#specialPage.exchange .move#infoCampaign p span {
	color: #ff7888;
}
#specialPage.exchange .move#infoCampaign p span.caption {
	font-family: 'UDShinGoB';
	font-size: 20px;
	color: #ff7888;
}
#specialPage.exchange.sign .move#infoCampaign #navSample {
	top: 32px;
	right: 0px;
}
#specialPage.exchange .move#infoCampaign #navSample {
	width: 280px;
	height: 308px;
	position: absolute;
	top: 32px;
	right: -45px;
	animation-name: start;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
	opacity: 1;
}
@keyframes start {
	0%  { opacity: 0;}
	100%{ opacity: 1;}
}
#specialPage.exchange .move#infoCampaign #navSample a img {
	position: absolute;
}
#specialPage.exchange .move#infoCampaign #navSample a img {
	animation-name: down;
	animation-duration: 0.4s;
	animation-timing-function: ease;
	animation-iteration-count: 1;
	top: 0px;
}
@keyframes down {
	0%  { top: -16px;}
	100%{ top: 0;    }
}
#specialPage.exchange .move#infoCampaign #navSample a:hover img {
	animation-name: hop;
	animation-duration: 0.4s;
	animation-timing-function: ease;
	animation-iteration-count: 1;
	top: -16px;
}
@keyframes hop {
	0%  { top: 0;   }
	100%{ top: -16px;}
}
#specialPage.exchange .move#infoCampaign .iconArrow {
	width: 152px;
	height: 48px;
	margin: 40px 0 0 44px;
}
#specialPage.exchange .move#infoDate #eventDate {
	width: 795px;
	height: 43px;
	margin: 8px auto 0;
}
#specialPage.exchange .move#infoDate dl {
	width: auto;
	height: auto;
	margin: 24px 0 0 40px;
	position: relative;
	z-index: 9;
}
#specialPage.exchange .move#infoDate dl dt {
	width: 168px;
	height: 20px;
	float: left;
}
#specialPage.exchange .move#infoDate dl dt img {
	border-radius: 4px;
}
#specialPage.exchange .move#infoDate dl dd {
	margin-left: 172px;
}
#specialPage.exchange .move#infoDate dl dd li {
	line-height: 22px;
	padding-bottom: 4px;
}
#specialPage.exchange .move#infoDate dl dd span {
	background: url('./images/layout_icon_category.png') -72px bottom no-repeat;
	width: 12px;
	height: 14px;
	text-indent: -9999px;
	margin-right: 4px;
	float: left;
	display: block;
}
#specialPage.exchange .move#infoDate dl dd span.caption {
	font-family: 'UDShinGoB';
	color: #ff7888;
	background: none;
	width: auto;
	height: auto;
	text-indent: 0;
	margin: 0;
	float: none;
	display: inline;
}
#specialPage.exchange .move#infoDate .cautionIcon {
	background: url('./images/campaign_icon_caution.jpg') top left no-repeat;
	width: 200px;
	height: 200px;
	text-indent: -9999px;
	position: absolute;
	top: 96px;
	right: 0;
	border-radius: 50%;
	opacity: 0.3;
	z-index: 1;
}
#specialPage.exchange ul.shopList {
	font-family: 'UDShinGoM';
	width: 680px;
	height: auto;
	margin: 12px auto 64px;
}
#specialPage.exchange ul.shopList li.shopLine {
	background: url('./images/spec_line_contents.png') top left no-repeat;
	width: 680px;
	height: 10px;
	text-indent: -9999px;
	margin: -4px 0 -5px;
	position: relative;
	z-index: 9;
}
#specialPage.exchange ul.shopList li ul {
	font-size: 16px;
	line-height: 21px;
	min-height: 21px;
	padding: 6px 0 4px;
	position: relative;
	z-index: 1;
}
#specialPage.exchange ul.shopList li ul.odd { background-color: rgba(255,240,240,0.6); }
#specialPage.exchange ul.shopList.hidden li ul.odd { background-color: rgba(216,244,255,0.3); }
#specialPage.exchange ul.shopList.hidden#tokyo li ul.odd { background-color: rgba(232,255,208,0.2); }
#specialPage.exchange ul.shopList li ul li.area {
	width: 122px;
	padding-left: 8px;
	float: left;
}
#specialPage.exchange ul.shopList li ul li.area span {
	background: url('./images/layout_icon_category.png') -132px bottom no-repeat;
	width: 12px;
	height: 15px;
	text-indent: -9999px;
	margin-right: 6px;
	float: left;
	display: block;
}
#specialPage.exchange ul.shopList.hidden li ul li.area span { background-position: -120px bottom; }
#specialPage.exchange ul.shopList.hidden#tokyo li ul li.area span { background-position: -144px bottom; }

#specialPage.exchange ul.shopList li ul li span.gacha {
	font-family: 'TakaHand';
	color: #ff7888;
	background: none;
	width: auto;
	height: auto;
	text-indent: 0;
	margin: 0;
	float: none;
	position: absolute;
	top: 4px;
	right: 8px;
}
#specialPage.exchange ul.shopList li ul li.shop {
	border-left: 1px solid #b8b8b8;
	margin-left: 130px;
	padding-left: 8px;
}
#specialPage.exchange.sign ul.shopMenu {
	width: 836px;
	height: 24px;
	margin: 12px auto 0;
}
#specialPage.exchange.sign ul.shopMenu li {
	width: 200px;
	height: 24px;
	margin-left: 12px;
	float: left;
	position: relative;
}
#specialPage.exchange.sign ul.shopMenu li:first-child {
	margin: 0;
}
#specialPage.exchange.sign ul.shopMenu li a {
	background: url('./images/exchange02_nav_menu.jpg') top left no-repeat;
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 4px;
}
#specialPage.exchange.sign ul.shopMenu li#meTokyo a { background-position: 0 0; }
#specialPage.exchange.sign ul.shopMenu li#meHokkaido a { background-position: 0 -24px; }
#specialPage.exchange.sign ul.shopMenu li#meTohoku a { background-position: 0 -48px; }
#specialPage.exchange.sign ul.shopMenu li#meKanto a { background-position: 0 -72px; }
#specialPage.exchange.sign ul.shopMenu li#meChubu a { background-position: 0 -96px; }
#specialPage.exchange.sign ul.shopMenu li#meKinki a { background-position: 0 -120px; }
#specialPage.exchange.sign ul.shopMenu li#meChugoku a { background-position: 0 -144px; }
#specialPage.exchange.sign ul.shopMenu li#meShikoku a { background-position: 0 -168px; }
#specialPage.exchange.sign ul.shopMenu li#meKyusyu a { background-position: 0 -192px; }

#specialPage.exchange.sign ul.shopMenu li a p {
	color: #68c8f0;
	font-family: 'TakaHand';
	font-size: 12px;
	letter-spacing: 1px;
	position: absolute;
	top: -12px;
	left: 4px;
	opacity: 0.7;
	visibility: hidden;
}
#specialPage.exchange.sign ul.shopMenu li a.active p {
	visibility: visible;
}
#specialPage.exchange.sign ul.shopMenu li#meTokyo a.active p {
	color: #58c890;
}
#specialPage.exchange.sign ul.shopMenu li a img {
	opacity: 0;
	border-radius: 4px;
}
/* updata */
#specialPage.updata #mainImg {
	width: 900px;
	height: 392px;
	margin: 12px 0 0 30px;
}
#specialPage.updata h2 {
	width: 880px;
	height: 25px;
	margin: 40px auto 0;
}
#specialPage.updata #updataDate {
	width: 930px;
	height: 48px;
	margin: 8px auto 0;
}
#specialPage.updata ul.textList {
	width: 880px;
	height: auto;
	margin: 12px auto 0;
}
#specialPage.updata ul.textList li {
	font-family: 'UDShinGoM';
	color: #606060;
	font-size: 16px;
	margin-left: 14px;
}
#specialPage.updata ul.textList li span {
	background: url('./images/layout_icon_category.png') -132px bottom no-repeat;
	width: 12px;
	height: 14px;
	text-indent: -9999px;
	margin-right: 4px;
	float: left;
	display: block;
}
#specialPage.updata ul.text {
	font-family: 'UDShinGoM';
	font-size: 16px;
	line-height: 22px;
	width: 860px;
	margin: 16px auto 0;
}
#specialPage.updata ul.text li {
	margin-top: 12px;
}
#specialPage.updata ul.text li font.topic {
	font-family: 'UDShinGoB';
	color: #ff7888;
	font-size: 20px;
	text-decoration: underline;
}
#specialPage.updata ul.text li font.rep {
	color: #808080;
	font-size: 14px;
}
#specialPage.updata ul.text li span {
	background: url('./images/layout_icon_category.png') -120px bottom no-repeat;
	width: 12px;
	height: 16px;
	text-indent: -9999px;
	margin-right: 4px;
	float: left;
	display: block;
}
#specialPage.updata ul#fileInfo {
	font-family: 'UDShingoM';
	color: #606060;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 0.5px;
	padding-left: 68px;
}
#specialPage.updata ul#fileInfo li ul.cate {
	float: left;
}
#specialPage.updata ul#fileInfo li ul.cate li span {
	background: url('./images/layout_icon_category.png') -132px bottom no-repeat;
	width: 12px;
	height: 10px;
	text-indent: -9999px;
	margin: 6px 6px 0 0;
	float: left;
	display: block;
}
#specialPage.updata #dlPatch {
	width: 400px;
	height: 40px;
	margin: 16px auto 0;
}
#specialPage.updata #dlPatch a {
	background: url('./images/update_nav_dl.jpg') top left no-repeat;
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 4px;
}
#specialPage.updata #dlPatch a img {
	opacity: 0;
}

/* store */
#specialPage.store #page {
	overflow-x: hidden;
}
#specialPage.store #mainImg {
	width: 933px;
	height: auto;
	margin: 16px 0 0 22px;
}
#specialPage.store #mainImg img {
	width: 933px;
	height: 598px;
	margin: 0;
}
#specialPage.store #mainImg img.date {
	width: 930px;
	height: 64px;
	margin: -48px 0 0 0;
}
#specialPage.store #storeNavArea {
	width: 856px;
	height: 72px;
	margin: 24px 0 0 46px;
}
#specialPage.store #storeNavArea #pageMove {
	width: 240px;
	height: 64px;
	float: left;
}
#specialPage.store #storeNavArea #pageMove li {
	width: 240px;
	height: 28px;
}
#specialPage.store #storeNavArea #pageMove li#moSet {
	margin-top: 8px;
}
#specialPage.store #storeNavArea #pageMove li a {
	background: url('./images/store_nav_move.jpg') top left no-repeat;
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 4px;
}
#specialPage.store #storeNavArea #pageMove li#moSet a {
	background-position: 0 -28px;
}
#specialPage.store #storeNavArea #pageMove li a img {
	opacity: 0;
}
#specialPage.store .storeNav {
	width: 412px;
	height: 72px;
}
#specialPage.store #storeNavArea .storeNav {
	float: right;
}
#specialPage.store .storeNav ul {
	width: 412px;
	height: 24px;
}
#specialPage.store .storeNav ul li {
	width: 200px;
	height: 24px;
	float: left;
}
#specialPage.store .storeNav ul li:first-child {
	margin-right: 12px;
}
#specialPage.store .storeNav ul li a {
	background: url('./images/store_nav_check.jpg') top left no-repeat;
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 4px;
}
#specialPage.store .storeNav ul li.nCheck a {
	background-position: 0 -24px;
}
#specialPage.store .storeNav ul li a img {
	opacity: 0;
	border-radius: 4px;
}
#specialPage.store .storeNav .nBuy {
	width: 412px;
	height: 40px;
	margin-top: 8px;
}
#specialPage.store .storeNav .nBuy img {
	border-radius: 4px;
}
#specialPage.store .storeNav .nBuy a {
	background: url('./images/store_nav_buy.jpg') top left no-repeat;
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 4px;
}
#specialPage.store .storeNav .nBuy a img {
	opacity: 0;
}
#specialPage.store h2 {
	width: 880px;
	height: 25px;
	margin: 40px auto 0;
}
#specialPage.store ul#storeCaution {
	font-family: 'UDShinGoM';
	font-size: 15px;
	line-height: 22px;
	letter-spacing: 0.5px;
	width: 880px;
	height: auto;
	margin: 14px auto 0;
}
#specialPage.store ul#storeCaution li {
	margin-bottom: 4px;
}
#specialPage.store ul#storeCaution li span {
	background: url('./images/layout_icon_category.png') -132px bottom no-repeat;
	width: 12px;
	height: 10px;
	text-indent: -9999px;
	margin-right: 6px;
	padding-top: 6px;
	float: left;
	display: block;
}
#specialPage.store ul#storeCaution li font,
#specialPage.store ul#setList li font {
	color: #ff7888;
}
#specialPage.store ul#storeCaution li a {
	color: #ffb838;
	font-weight: normal;
}
#specialPage.store #setArea {
	float: left;
}
#specialPage.store ul#setList {
	font-family: 'UDShinGoM';
	font-size: 15px;
	line-height: 22px;
	letter-spacing: 0.5px;
	width: 524px;
	height: auto;
	margin: 6px 0 0 50px;
}
#specialPage.store ul#setList a {
	color: #68c8f0;
	font-weight: normal;
}
#specialPage.store ul#setList .bg {
	background-color: rgba(216,244,255,0.2);
	position: relative;
	z-index: 1;
}
#specialPage.store ul#setList .line {
	background: url('./images/store_item_line.png') top left no-repeat;
	width: 524px;
	height: 10px;
	text-indent: -9999px;
	margin-top: -4px;
	position: relative;
	z-index: 9;
}
#specialPage.store ul#setList .line.color {
	background-position: 0 -10px;
}
#specialPage.store ul#setList .text {
	width: 524px;
	height: auto;
	margin-top: -5px;
	padding: 3px 0 2px 20px;
}
#specialPage.store .price {
	font-family: 'UDShinGoM';
	font-size: 16px;
	letter-spacing: 0.5px;
	width: auto;
	height: auto;
	margin: 24px 10px 0 0;
	text-align: right;
}
#specialPage.store .price span {
	color: #ff7888;
	font-size: 40px;
	font-weight: bold;
}
#specialPage.store .storeNav {
	margin-top: 12px;
	float: right;
}
#specialPage.store ul.goodsList {
	width: 360px;
	height: auto;
	margin-right: 40px;
	float: right;
}
#specialPage.store ul.goodsList .goodsArea.draw {
	width: 360px;
	height: 370px;
	margin: 24px auto 0;
}
#specialPage.store ul.goodsList .goodsArea.draw .goodsCategory {
	font-family: 'UDShingoB';
	font-size: 21px;
	width: 240px;
	height: 24px;
	margin-left: 60px;
	position: relative;
	z-index: 9;
}
#specialPage.store ul.goodsList .goodsArea .goodsCategory span {
	background: url('./images/shop_icon_category.jpg') top left no-repeat;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	margin-right: 4px;
	float: left;
	display: block;
	border-radius: 50%;
}
#specialPage.store ul.goodsList .goodsArea.draw .goodsImg {
	animation-name: start;
	animation-duration: 1.5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;
	width: 240px;
	height: 320px;
	margin: 4px auto 0;
	position: relative;
	opacity: 1;
}
@keyframes start {
	0%  { opacity: 0; }
	100%{ opacity: 1; }
}
#specialPage.store ul.goodsList .goodsArea.draw .goodsImg a {
	width: 240px;
	height: 320px;
	display: block;
	position: relative;
	z-index: 2;
}
#specialPage.store ul.goodsList .goodsArea.draw .goodsImg a img {
	width: 240px;
	height: 320px;
	position: relative;
	z-index: 2;
}
#specialPage.store ul.goodsList .goodsArea.draw .goodsImg a span {
	animation-name: feedout;
	animation-duration: 0.4s;
	animation-timing-function: ease;
	animation-iteration-count: 1;
	background-color: #fff0b0;
	opacity: 0;
	width: 417px;
	height: 292px;
	text-indent: -9999px;
	display: block;
	z-index: 1;
	position: absolute;
	top: 14px;
	left: -88px;
	border-radius: 208px/ 146px;
	transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	pointer-events: none;
}
@keyframes feedout {
	0%  { opacity: 0.6; }
	100%{ opacity: 0; }
}
#specialPage.store ul.goodsList .goodsArea .goodsImg a:hover span {
	animation-name: feedin;
	animation-duration: 0.4s;
	animation-timing-function: ease;
	animation-iteration-count: 1;
	opacity: 0.6;
}
@keyframes feedin {
	0%  { opacity: 0; }
	100%{ opacity: 0.6; }
}

#specialPage.store ul.goodsList .goodsArea ul.goodsChar {
	font-family: 'UDShinGoM';
	width: auto;
	height: 20px;
	margin: 4px 60px 0 0;
	position: relative;
	z-index: 2;
}
#specialPage.store ul.goodsList .goodsArea ul.goodsChar li.name {
	font-size: 16px;
	float: right;
}
#specialPage.store ul.goodsList .goodsArea ul.goodsChar li.caption {
	color: #ffb838;
	font-size: 12px;
	margin-right: 6px;
	padding-top: 4px;
	float: right;
}
#specialPage.store ul.goodsList .goodsArea ul.goodsChar li.caption span {
	font-size: 10px;
}

#specialPage.store div.date {
	width: 930px;
	height: 64px;
	margin: 24px auto 0;
}
/*
==== specPage ====
*/
#specPage #specContents {
	width: 736px;
	height: auto;
	margin: 8px auto 0;
}
#specPage h2 {
	width: 736px;
	height: 36px;
	margin: 0 auto;
}
#specPage ul.specList {
	width: 680px;
	height: auto;
	margin: 12px 0 40px 42px;
}
#specPage ul.specList li.specLine {
	background: url('./images/spec_line_contents.png') top left no-repeat;
	width: 680px;
	height: 10px;
	text-indent: -9999px;
	margin: -4px 0 -5px;
	position: relative;
	z-index: 9;
}
#specPage ul.specList li ul {
	font-size: 16px;
	font-weight: bold;
	line-height: 21px;
	min-height: 21px;
	padding: 6px 0 4px;
	position: relative;
	z-index: 1;
}
#specPage ul.specList#product li ul.odd { background-color: rgba(240,255,244,0.6); }
#specPage ul.specList#staff li ul.odd { background-color: rgba(240,252,255,0.6); }
#specPage ul.specList#spec li ul.odd { background-color: rgba(255,240,240,0.6); }

#specPage ul.specList li ul li.cate {
	width: 122px;
	padding-left: 8px;
	float: left;
}
#specPage ul.specList li ul li.cate span {
	background: url('./images/layout_icon_category.png') bottom left no-repeat;
	width: 12px;
	height: 14px;
	text-indent: -9999px;
	margin-right: 6px;
	float: left;
	display: block;
}
#specPage ul.specList#product li ul li.cate span { background-position: -144px bottom; }
#specPage ul.specList#staff li ul li.cate span { background-position: -120px bottom; }
#specPage ul.specList#spec li ul li.cate span { background-position: -132px bottom; }

#specPage ul.specList li ul li.data {
	border-left: 1px solid #b8b8b8;
	margin-left: 130px;
	padding-left: 8px;
}
#specPage ul#specType {
	width: 470px;
	height: 20px;
	margin: 8px 0 0 208px;
}
#specPage ul#specType li {
	background: url('./images/spec_bg_spec.png') top left no-repeat;
	font-size: 16px;
	font-weight: bold;
	width: 200px;
	height: 18px;
	text-align: center;
	margin-left: 70px;
	padding-top: 2px;
	float: left;
}
#specPage ul#specType li#requ {
	color: #ff7888;
	background-position: 0 0;
	margin: 0;
}
#specPage ul#specType li#reco {
	color: #fff;
	background-position: 0 -20px;
}
#specPage ul.specList#spec li ul li.data {
	text-align: center;
	padding: 0;
}
#specPage ul.specList#spec li ul li.data.row02 {
	color: #a8a8a8;
	border-right: 4px double #b8b8b8;
	border-left: none;
	width: 268px;
	margin: 0;
	float: left;
}

/*
==== diaryPage ====
*/
#diaryPage .diaryBox {
	width: 800px;
	height: auto;
	margin: 0 auto;
}
#diaryPage .diaryBox .diaryHeader {
	width: 800px;
	height: 105px;
	position: relative;
}
#diaryPage .diaryBox .diaryHeader .diaryIcon {
	width: 88px;
	height: 105px;
	float: left;
}
#diaryPage .diaryBox .diaryHeader ul.diaryData {
	background: url('./images/diary_bg_data.png') top left no-repeat;
	width: 704px;
	height: 87px;
	position: absolute;
	bottom: 0;
	left: 96px;
}
#diaryPage .diaryBox.yakumo .diaryHeader ul.diaryData { background-position: 0 0; }
#diaryPage .diaryBox.moeri .diaryHeader ul.diaryData { background-position: 0 -87px; }
#diaryPage .diaryBox.tamane .diaryHeader ul.diaryData { background-position: 0 -174px; }
#diaryPage .diaryBox.nekoto .diaryHeader ul.diaryData { background-position: 0 -261px; }
#diaryPage .diaryBox.ririka .diaryHeader ul.diaryData { background-position: 0 -348px; }

#diaryPage .diaryBox .diaryHeader ul.diaryData li {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.5px;
	padding-left: 46px;
}
#diaryPage .diaryBox .diaryHeader ul.diaryData li.staff {
	margin-top: -2px;
}
#diaryPage .diaryBox .diaryHeader ul.diaryData li.date {
	margin-top: 5px;
}
#diaryPage .diaryBox .diaryHeader ul.diaryData li.title {
	font-size: 21px;
	margin-top: 19px;
}
#diaryPage .diaryBox .diaryTop,
#diaryPage .diaryBox .diaryBottom {
	background: url('./images/diary_bg_frame.png') top left no-repeat;
	width: 800px;
	height: 10px;
	text-indent: -9999px;
}
#diaryPage .diaryBox.yakumo .diaryTop { background-position: 0 0; }
#diaryPage .diaryBox.yakumo .diaryBottom { background-position: 0 -10px; }
#diaryPage .diaryBox.moeri .diaryTop { background-position: 0 -20px; }
#diaryPage .diaryBox.moeri .diaryBottom { background-position: 0 -30px; }
#diaryPage .diaryBox.tamane .diaryTop { background-position: 0 -40px; }
#diaryPage .diaryBox.tamane .diaryBottom { background-position: 0 -50px; }
#diaryPage .diaryBox.nekoto .diaryTop { background-position: 0 -60px; }
#diaryPage .diaryBox.nekoto .diaryBottom { background-position: 0 -70px; }
#diaryPage .diaryBox.ririka .diaryTop { background-position: 0 -80px; }
#diaryPage .diaryBox.ririka .diaryBottom { background-position: 0 -90px; }

#diaryPage .diaryBox .diaryBody {
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 1px;
	width: 658px;
	height: auto;
	padding: 4px 0 4px 142px;
}
#diaryPage .diaryBox.yakumo .diaryBody { background: url('./images/diary_bg_body_yakumo.png') top left repeat-y; }
#diaryPage .diaryBox.moeri .diaryBody { background: url('./images/diary_bg_body_moeri.png') top left repeat-y; }
#diaryPage .diaryBox.tamane .diaryBody { background: url('./images/diary_bg_body_tamane.png') top left repeat-y; }
#diaryPage .diaryBox.nekoto .diaryBody { background: url('./images/diary_bg_body_nekoto.png') top left repeat-y; }
#diaryPage .diaryBox.ririka .diaryBody { background: url('./images/diary_bg_body_ririka.png') top left repeat-y; }

#diaryPage .diaryBox .diaryBody a {
	color: #c07020;
}
#diaryPage .diaryLine {
	background: url('./images/diary_line_contents.png') top left no-repeat;
	width: 880px;
	height: 10px;
	text-indent: -9999px;
	margin: 24px auto;
}
#diaryPage #page {
	position: relative;
	overflow-x: visible;
}
#diaryPage #backNo {
	background: url('./images/diary_bg_backno.png') bottom right no-repeat;
	width: 320px;
	height: auto;
	padding-bottom: 4px;
	position: absolute;
	top: 216px;
	right: -240px;
}
#diaryPage #backNo h3 {
	width: 320px;
	height: 36px;
}
#diaryPage #backNo ul#backList {
	background-color: rgba(255,255,255,0.6);
	border-right: 1px solid #c07020;
	border-left: 1px solid #c07020;
	font-size: 11px;
	line-height: 19px;
	width: 300px;
	height: auto;
	margin-left: 18px;
}
#diaryPage #backNo ul#backList a {
	font-weight: normal;
}
#diaryPage #backNo ul#backList a:hover {
	font-weight: bold;
}
#diaryPage #backNo ul#backList li.baYakumo a:hover { color: #ffb838; }
#diaryPage #backNo ul#backList li.baMoeri a:hover { color: #c868b8; }
#diaryPage #backNo ul#backList li.baTamane a:hover { color: #ff90a0; }
#diaryPage #backNo ul#backList li.baNekoto a:hover { color: #78c8ff; }
#diaryPage #backNo ul#backList li.baRirika a:hover { color: #6070c0; }

#diaryPage #backNo ul#backList li span {
	background: url('./images/diary_icon_backno.jpg') top left no-repeat;
	width: 15px;
	height: 15px;
	text-indent: -9999px;
	margin: 1px 4px 0 8px;
	float: left;
	display: block;
	border-radius: 50%;
}
#diaryPage #backNo ul#backList li.baYakumo span { background-position: 0 0; }
#diaryPage #backNo ul#backList li.baMoeri span { background-position: -15px 0; }
#diaryPage #backNo ul#backList li.baTamane span { background-position: -30px 0; }
#diaryPage #backNo ul#backList li.baNekoto span { background-position: -45px 0; }
#diaryPage #backNo ul#backList li.baRirika span { background-position: -60px 0; }