/* ***********************************
    sitename:AXL 8th PRODUCT
    fileinfo:通常ページ装飾用
************************************ */

@charset "utf-8";

div#wrapper-contents div#contents-main article > h1 {
	text-indent: -9999px;
	height: 70px;
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
}

/* STORYページ */
body#story {
	background-image: url(../images/body_story.jpg);
}
#story article > h1 {
	background-image: url(../images/title_story.png);
}
#story article > div {
	width: 768px;
	padding: 20px 96px 80px;
}
/* -------------------- */

/* CHARACTERページ */
body#character1 ,
body#character2 ,
body#character3 {
	background-image: url(../images/body_character.jpg);
}
#character1 article > h1 {
	background-image: url(../images/title_character1.png);
}
#character2 article > h1 {
	background-image: url(../images/title_character2.png);
}
#character3 article > h1 {
	background-image: url(../images/title_character3.png);
}
#character1 article > div ,
#character2 article > div ,
#character3 article > div {
	padding: 20px 0px 80px;
}
div#navi_chara {
	position: relative;
	margin: 0px auto 20px;
}
div#navi_chara ol {
	position: absolute;
	top: 0px;
	height: 100px;
	width: 120px;
}
div#navi_chara ol#navi_pjump_left {
	left: 100px;
}
div#navi_chara ol#navi_pjump_right {
	right: 100px;
}
div#navi_chara ol#navi_pjump_left li ,
div#navi_chara ol#navi_pjump_right li {
	float: left;
	position: relative;
	text-indent: -9999px;
	height: 100px;
	width: 60px;
	overflow: hidden;
}
div#navi_chara ol#navi_pjump_left li a ,
div#navi_chara ol#navi_pjump_right li a {
	display: block;
	height: 100%;
	width: 100%;
	background-image: url(../images/chara_pagejump.png);
	background-repeat: no-repeat;
}
div#navi_chara ol#navi_pjump_left li.bpage a {
	background-position: -60px 0px;
}
div#navi_chara ol#navi_pjump_left li.bpage a:hover {
	background-position: -60px -100px;
}
div#navi_chara ol#navi_pjump_left li.b2page a {
	background-position: 0px 0px;
}
div#navi_chara ol#navi_pjump_left li.b2page a:hover {
	background-position: 0px -100px;
}
div#navi_chara ol#navi_pjump_right li.npage a {
	background-position: -120px 0px;
}
div#navi_chara ol#navi_pjump_right li.npage a:hover {
	background-position: -120px -100px;
}
div#navi_chara ol#navi_pjump_right li.n2page a {
	background-position: -180px 0px;
}
div#navi_chara ol#navi_pjump_right li.n2page a:hover {
	background-position: -180px -100px;
}
div#navi_chara ul {
	height: 100px;
	width: 520px;
	margin: 0px auto 5px;
}
div#navi_chara ul li {
	float: left;
	text-indent: -9999px;
	height: 100px;
	width: 130px;
	overflow: hidden;
}
div#navi_chara ul li a {
	display: block;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
}
#character1 article > div div#navi_chara ul li a {
	background-image: url(../images/chara_menu1.png);
}
#character2 article > div div#navi_chara ul li a {
	background-image: url(../images/chara_menu2.png);
}
#character3 article > div div#navi_chara ul li a {
	background-image: url(../images/chara_menu3.png);
}
#character1 article > div div#navi_chara ul li.ch01 a ,
#character2 article > div div#navi_chara ul li.ch05 a ,
#character3 article > div div#navi_chara ul li.ch09 a {
	background-position: 0px 0px;	
}
#character1 article > div div#navi_chara ul li.ch01 a:hover ,
#character2 article > div div#navi_chara ul li.ch05 a:hover ,
#character3 article > div div#navi_chara ul li.ch09 a:hover {
	background-position: 0px -100px;
}
#character1 article > div div#navi_chara ul li.ch02 a ,
#character2 article > div div#navi_chara ul li.ch06 a ,
#character3 article > div div#navi_chara ul li.ch10 a {
	background-position: -130px 0px;	
}
#character1 article > div div#navi_chara ul li.ch02 a:hover ,
#character2 article > div div#navi_chara ul li.ch06 a:hover ,
#character3 article > div div#navi_chara ul li.ch10 a:hover {
	background-position: -130px -100px;
}
#character1 article > div div#navi_chara ul li.ch03 a ,
#character2 article > div div#navi_chara ul li.ch07 a ,
#character3 article > div div#navi_chara ul li.ch11 a {
	background-position: -260px 0px;	
}
#character1 article > div div#navi_chara ul li.ch03 a:hover ,
#character2 article > div div#navi_chara ul li.ch07 a:hover ,
#character3 article > div div#navi_chara ul li.ch11 a:hover {
	background-position: -260px -100px;
}
#character1 article > div div#navi_chara ul li.ch04 a ,
#character2 article > div div#navi_chara ul li.ch08 a ,
#character3 article > div div#navi_chara ul li.ch12 a {
	background-position: -390px 0px;	
}
#character1 article > div div#navi_chara ul li.ch04 a:hover ,
#character2 article > div div#navi_chara ul li.ch08 a:hover ,
#character3 article > div div#navi_chara ul li.ch12 a:hover {
	background-position: -390px -100px;
}
#character1 article section > h1 ,
#character2 article section > h1 ,
#character3 article section > h1{
	display: none;
}
#character1 article section > ol ,
#character2 article section > ol ,
#character3 article section > ol {
	display: none;
}
#character1 article section > div ,
#character2 article section > div ,
#character3 article section > div {
	position: relative;
	height: 600px;
	width: 960px;
	background-repeat: no-repeat;
	background-position: center top;
}
#character1 article section#minamo > div {
	background-image: url(../images/chara_minamo.png);
}
#character1 article section#erna > div {
	background-image: url(../images/chara_erna.png);
}
#character1 article section#riho > div {
	background-image: url(../images/chara_riho.png);
}
#character1 article section#tsukimi > div {
	background-image: url(../images/chara_tsukimi.png);
}
#character2 article section#yuri > div {
	background-image: url(../images/chara_yuri.png);
}
#character2 article section#sae > div {
	background-image: url(../images/chara_sae.png);
}
#character2 article section#aqua > div {
	background-image: url(../images/chara_aqua.png);
}
#character2 article section#noa > div {
	background-image: url(../images/chara_noa.png);
}
#character3 article section#ryuusei > div {
	background-image: url(../images/chara_ryuusei.png);
}
#character3 article section#takasi > div {
	background-image: url(../images/chara_takasi.png);
}
#character3 article section#eikichi > div {
	background-image: url(../images/chara_eikichi.png);
}
#character3 article section#towako > div {
	background-image: url(../images/chara_towako.png);
}
#character1 article section > div object ,
#character2 article section > div object ,
#character3 article section > div object {
	position: absolute;
	left: 100px;
	top: 517px;
	height: 30px;
	width: 300px;
}
#character1 article section > div ul ,
#character2 article section > div ul ,
#character3 article section > div ul {
	position: absolute;
	left: 100px;
	top: 517px;
	height: 30px;
	width: 300px;
	background-repeat: no-repeat;
	background-position: left top;
}
#character1 article section > div ul ,
#character2 article section > div ul {
	background-image: url(../images/chara_voice1.png);
}
#character3 article section > div ul {
	background-image: url(../images/chara_voice2.png);
}
#character1 article section > div ul li ,
#character2 article section > div ul li ,
#character3 article section > div ul li {
	float: left;
	text-indent: -9999px;
	height: 30px;
	width: 25px;
	overflow: hidden;
}
#character1 article section > div ul li a ,
#character2 article section > div ul li a ,
#character3 article section > div ul li a {
	display: block;
	height: 100%;
	width: 100%;
}
#character1 article section > div ul li:first-child ,
#character2 article section > div ul li:first-child ,
#character3 article section > div ul li:first-child {
	width: 136px;
}
#character1 article section > div ul li a ,
#character2 article section > div ul li a ,
#character3 article section > div ul li a {
	display: block;
	height: 100%;
	width: 100%;
}
#character1 article section > div ul li a:hover ,
#character2 article section > div ul li a:hover ,
#character3 article section > div ul li a:hover {
	display: block;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
}
#character1 article section > div ul li a:hover ,
#character2 article section > div ul li a:hover {
	background-image: url(../images/chara_voice1.png);
}
#character3 article section > div ul li a:hover {
	background-image: url(../images/chara_voice2.png);
}
#character1 article section > div ul li.sav1 a:hover ,
#character2 article section > div ul li.sav1 a:hover ,
#character3 article section > div ul li.sav1 a:hover {
	background-position: -136px bottom;
}
#character1 article section > div ul li.sav2 a:hover ,
#character2 article section > div ul li.sav2 a:hover ,
#character3 article section > div ul li.sav2 a:hover {
	background-position: -161px bottom;
}
#character1 article section > div ul li.sav3 a:hover ,
#character2 article section > div ul li.sav3 a:hover ,
#character3 article section > div ul li.sav3 a:hover {
	background-position: -186px bottom;
}
#character1 article section > div ul li.sav4 a:hover ,
#character2 article section > div ul li.sav4 a:hover {
	background-position: -211px bottom;
}
#character1 article section > div ul li.sav5 a:hover ,
#character2 article section > div ul li.sav5 a:hover {
	background-position: -236px bottom;
}
/* -------------------- */

/* GRAPHICページ */
body#graphic {
	background-image: url(../images/body_graphic.jpg);
}
#graphic article > h1 {
	background-image: url(../images/title_graphic.png);
}
#graphic article > div {
	position: relative;
	padding: 20px 96px 80px;
}
#graphic article > div div#sdriho {
	position: absolute;
	top: -60px;
	right: -52px;
}
#graphic article > div p {
	font-size: 85%;
	line-height: 1.5;
	text-align: center;
}
#graphic article > div p strong {
	color: #D8445E;
	font-weight: normal;
}
#graphic article > div ul {
	margin: 0px 0px 20px;
}
#graphic article > div ul li {
	float: left;
	position: relative;
	height: 115px;
	width: 192px;
}
#graphic article > div ul li a {
	display: block;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;
}
#graphic article > div ul li a:hover {
	background-position: center bottom;
}
#graphic article > div ul li a:active {
	border-style: none;
}
#graphic article > div ul li.gr01 a {
	background-image: url(../images/graphic_01s.png);
}
#graphic article > div ul li.gr02 a {
	background-image: url(../images/graphic_02s.png);
}
#graphic article > div ul li.gr03 a {
	background-image: url(../images/graphic_03s.png);
}
#graphic article > div ul li.gr04 a {
	background-image: url(../images/graphic_04s.png);
}
#graphic article > div ul li.gr05 a {
	background-image: url(../images/graphic_05s.png);
}
#graphic article > div ul li.gr06 a {
	background-image: url(../images/graphic_06s.png);
}
#graphic article > div ul li.gr07 a {
	background-image: url(../images/graphic_07s.png);
}
#graphic article > div ul li.gr08 a {
	background-image: url(../images/graphic_08s.png);
}
#graphic article > div ul li.gr09 a {
	background-image: url(../images/graphic_09s.png);
}
#graphic article > div ul li.gr10 a {
	background-image: url(../images/graphic_10s.png);
}
#graphic article > div ul li.gr11 a {
	background-image: url(../images/graphic_11s.png);
}
#graphic article > div ul li.gr12 a {
	background-image: url(../images/graphic_12s.png);
}
#graphic article > div ul li.gr13 a {
	background-image: url(../images/graphic_13s.png);
}
#graphic article > div ul li.gr14 a {
	background-image: url(../images/graphic_14s.png);
}
#graphic article > div ul li.gr15 a {
	background-image: url(../images/graphic_15s.png);
}
#graphic article > div ul li.gr16 a {
	background-image: url(../images/graphic_16s.png);
}
#graphic article > div ul li.empty {
	background-image: url(../images/graphic_00s.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#graphic article > div ul li.new:before {
	content: url(../images/graphic_new.png);
	position: absolute;
	left: -5px;
	top: -5px;
}
/* -------------------- */

/* DOWNLOADページ */
body#download {
	background-image: url(../images/body_download.jpg);
}
#download article > h1 {
	background-image: url(../images/title_download.png);
}
#download article > div {
	padding: 0px 0px 100px;
}
#download article > div section > h1 {
	text-indent: -9999px;
	height: 70px;
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	margin: 0px 0px 10px;
}
#download article > div section#trial {
	margin: 0px 0px 80px;
}
#download article > div section#demo > h1 {
	background-image: url(../images/download_demo_h1.png);
}
#download article > div section#trial > h1 {
	background-image: url(../images/download_trial_h1.png);
}
#download article > div section > div {
	position: relative;
	width: 768px;
	background-image: url(../images/download_back.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 3px 96px 0px;
	margin: 0px 0px 20px;
}
#download article > div section#demo > div {
	height: 473px;
}
#download article > div section#trial > div {
	height: 435px;
}
#download article > div section > div > img {
	position: absolute;
	top: -19px;
	left: 407px;
}
#download article > div section table  {
	margin: 0px auto;
	width: 768px;
}
#download article > div section table th ,
#download article > div section table td {
	border: 1px solid #CCCCCC;
	padding: 5px;
}
#download article > div section table th {
	color: #587EC0;
	font-size: 93%;
	font-weight: normal;
}
#download article > div section table td {
	font-size: 93%;
	text-align: center;
	width: 172px;
	padding: 10px;
}
#download article > div section table td a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	height: 100%;
	width: 100%;
	background-color: #64B7FF;
	padding: 10px 0px;
	/* CSS3 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #587EC0), color-stop(0.00, #64B7FF));
	background: -moz-linear-gradient(top, #64B7FF 0%, #587EC0 100%);
	background: linear-gradient(to bottom, #64B7FF 0%, #587EC0 100%);
	text-shadow: 0px 0px #FFFFFF;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 1px 1px 4px #CCCCCC ,;
	-webkit-box-shadow: 1px 1px 4px #CCCCCC;
	box-shadow: 1px 1px 4px #CCCCCC;
}
#download article > div section table td a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #D8445E;
	padding: 11px 0px 9px;
	/* CSS3 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #64B7FF), color-stop(0.00, #64B7FF));
	background: -moz-linear-gradient(top, #64B7FF 0%, #64B7FF 100%);
	background: linear-gradient(to bottom, #64B7FF 0%, #64B7FF 100%);
	box-shadow: none;
	text-shadow: 0px 0px 2px #999999;
}
/* -------------------- */

/* SONGページ */
body#song {
	background-image: url(../images/body_song.jpg);
}
#song article > h1 {
	background-image: url(../images/title_song.png);
}
#song article > div {
	padding: 40px 48px 80px;
}
#song article > div section > h1 {
	display: none;
}
#song article > div section#produce > div {
	margin: 50px 0px 0px;
}
#song article > div section#produce > div > ul {
	margin: 0px auto;
	width: 600px;
}
#song article > div section#produce > div > ul li {
	float: left;
	width: 200px;
	padding: 5px 50px;
}
#song article > div section#produce > div > ul li p {
	color: #504F51;
	font-size: 93%;
	text-align: center;
	padding: 3px;
}
/* -------------------- */

/* PRIVILEGE:購入特典 */
body#privilege {
	background-image: url(../images/body_privilege.jpg);
}
#privilege article > h1 {
	background-image: url(../images/title_privilege.png);
}
#privilege article > div {
	padding: 20px 96px 80px;
}
#privilege article > div section#info > h1 {
	display: none;
}
#privilege article > div section#info > div > p {
	color: #504F51;
	font-size: 93%;
	line-height: 1.5;
	text-align: center;
	margin: 0px 0px 25px;
	/* CSS3 */
	text-shadow: 0px 0px 3px #FFFFFF;
}
#privilege article > div section#info > div > p strong {
	color: #D8445E;
	font-size: 93%;
	font-weight: normal;
	/* CSS3 */
	text-shadow: 0px 0px 3px #FFFFFF;
}
#privilege article > div section#list > h1 {
	display: none;
}
#privilege article > div section#list > div > ul {
}
#privilege article > div section#list > div > ul > li {
	position: relative;
	float: left;
	width: 384px;
	margin: 0px 0px 30px;
}
#privilege article > div section#list > div > ul > li > h2 {
	display: none;
}
#privilege article > div section#list > div > ul > li > p {
	font-size: 93%;
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 17px;
}
#privilege article > div section#list > div > ul > li > p a {
	color: #587EC0;
	text-decoration: none;
}
#privilege article > div section#list > div > ul > li > p a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #587EC0;
}
#privilege article > div section#list > div > ul > li > ol {
	position: absolute;
	right: 10px;
	bottom: 45px;
	z-index: 10;
}
#privilege article > div section#list > div > ul > li > ol li {
	text-align: right;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 2px;	
}
#privilege article > div section#list > div > ul > li > ol li span {
	color: #FFFFFF;
	font-size: 85%;
	display: inline-block;
	padding: 3px;
	/* CSS3 */
	background-color: rgba(80,79,81,0.8);
}
/* -------------------- */

/* GOODS:メロンガチャ */
body#melon {
	background-image: url(../images/body_melon.jpg);
}
#melon article > h1 {
	background-image: url(../images/title_melon.png);
}
#melon article > div {
	padding: 20px 96px 80px;
}
#melon article > div section#info > h1 {
	display: none;
}
#melon article > div section#info > div > p {
	color: #504F51;
	font-size: 93%;
	line-height: 1.5;
	text-align: center;
	margin: 0px 0px 25px;
	/* CSS3 */
	text-shadow: 0px 0px 3px #FFFFFF;
}
#melon article > div section#info > div > p strong {
	color: #D8445E;
	font-size: 93%;
	font-weight: normal;
	/* CSS3 */
	text-shadow: 0px 0px 3px #FFFFFF;
}
#melon article > div section#info > div > div {
	height: 550px;
	width: 400px;
	margin: 0px auto;
	/* CSS3 */
	-moz-box-shadow: 2px 2px 5px #808080;
	-webkit-box-shadow: 2px 2px 5px #808080;
	box-shadow: 2px 2px 5px #808080;
}
/* -------------------- */

/* CAMPAIGN:応援バナーキャンペーンページ */
body#campaign1 {
	background-image: url(../images/body_campaign1.jpg);
}
#campaign1 article > h1 {
	background-image: url(../images/title_campaign1.png);
}
#campaign1 article > div {
	padding: 20px 96px 40px;
}
#campaign1 article > div section > h1 {
	display: none;
}
#campaign1 article > div section#notice > div > p {
	color: #504F51;
	font-size: 93%;
	line-height: 1.5;
	text-align: center;
	margin: 0px 0px 25px;
	/* CSS3 */
	text-shadow: 0px 0px 3px #FFFFFF;
}
#campaign1 article > div section#notice > div > p img {
	margin: 0px 0px 10px;
}
#campaign1 article > div section#notice > div ul li {
	padding: 0px 0px 20px;
}
#campaign1 article > div section#notice > div ul li h1 {
	height: 20px;
	text-indent: -9999px;
	background-image: url(../images/cam1_notice_title.png);
	background-repeat: no-repeat;
	margin: 0px 0px 5px;
	overflow: hidden;
}
#campaign1 article > div section#notice > div ul li.no01 h1 {
	background-position: center 0px;
}
#campaign1 article > div section#notice > div ul li.no02 h1 {
	background-position: center -20px;
}
#campaign1 article > div section#notice > div ul li.no03 h1 {
	background-position: center -40px;
}
#campaign1 article > div section#notice > div ul li p {
	color: #504F51;
	font-size: 93%;
	line-height: 1.5;
	text-align: center;
}
#campaign1 article > div section#notice > div ul li p span {
	color: #D8445E;
	font-size: 93%;
}
#campaign1 article > div section#notice > div ul li.no02 div {
	color: #504F51;
	font-size: 108%;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	width: 500px;
	background-color: #EBEBEB;
	padding: 20px 0px;
	margin: 15px auto 0px;
	/* CSS3 */
	text-shadow:1px 1px 0px #FFFFFF;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#campaign1 article > div section#bn_list > div ol {
	width: 384px;
	background-color: #EBEBEB;
	margin: 0px auto 40px;
	padding: 3px 0px;
}
#campaign1 article > div section#bn_list > div ol li {
	float: left;
	font-size: 85%;
	text-align: center;
	width: 95px;
	border-left: 1px dotted #504F51;
}
#campaign1 article > div section#bn_list > div ol li:first-child {
	text-align: center;
	width: 96px;
	border-style: none;
}
#campaign1 article > div section#bn_list > div ol li a {
	color: #504F51;
	display: block;
	text-decoration: none;
	height: 100%;
	width: 100%;
	padding: 5px 0px 4px;
}
#campaign1 article > div section#bn_list > div ol li a:hover {
	color: #D8445E;
	text-decoration: underline;
}
#campaign1 article > div section.bn_img > div {
	clear: left;
	background-repeat: no-repeat;
	background-position: center top;
	padding: 90px 0px 70px;
}
#campaign1 article > div section.bn_img > div ul li {
	position: relative;
}
#campaign1 article > div section#bn_1000x250 > div ul li strong ,
#campaign1 article > div section#bn_600x150 > div ul li strong {
	position: absolute;
	left: -20px;
	top: -20px;
}
#campaign1 article > div section#bn_200x200 > div ul li strong {
	position: absolute;
	left: 74px;
	top: -20px;
}
#campaign1 article > div section#bn_150x600 > div ul li strong {
	position: absolute;
	left: 4px;
	top: -20px;
}
#campaign1 article > div section.bn_img > div ul li textarea {
	color: #999999;
	padding: 5px;
	border: 1px solid #EBEBEB;
}
#campaign1 article > div section#bn_1000x250 > div {
	background-image: url(../images/cam1_bn_1000x250.png);
}
#campaign1 article > div section#bn_1000x250 > div ul li {
	padding: 0px 0px 20px;
}
#campaign1 article > div section#bn_1000x250 > div ul li textarea {
	height: 60px;
	width: 756px;
}
#campaign1 article > div section#bn_600x150 > div {
	background-image: url(../images/cam1_bn_600x150.png);
}
#campaign1 article > div section#bn_600x150 > div ul {
	margin: 0px auto;
	width: 600px;
}
#campaign1 article > div section#bn_600x150 > div ul li {
	padding: 0px 0px 20px;
}
#campaign1 article > div section#bn_600x150 > div ul li textarea {
	height: 60px;
	width: 588px;
}
#campaign1 article > div section#bn_200x200 > div {
	background-image: url(../images/cam1_bn_200x200.png);
}
#campaign1 article > div section#bn_200x200 > div ul li {
	float: left;
	width: 200px;
	padding: 0px 92px 20px;
}
#campaign1 article > div section#bn_200x200 > div ul li textarea {
	height: 170px;
	width: 188px;
}
#campaign1 article > div section#bn_150x600 > div {
	background-image: url(../images/cam1_bn_150x600.png);
}
#campaign1 article > div section#bn_150x600 > div ul li {
	float: left;
	width: 150px;
	padding: 0px 21px 20px;
}
#campaign1 article > div section#bn_150x600 > div ul li textarea {
	height: 210px;
	width: 138px;
}
/* -------------------- */

/* CAMPAIGN:予約キャンペーンページ */
body#campaign2 {
	background-image: url(../images/body_campaign1.jpg);
}
#campaign2 article > h1 {
	background-image: url(../images/title_campaign2.png);
}
#campaign2 article > div {
	padding: 20px 96px 40px;
}
#campaign2 article > div section > h1 {
	display: none;
}
#campaign2 article > div section#info > div > p {
	color: #504F51;
	font-size: 93%;
	line-height: 1.5;
	text-align: center;
	margin: 0px 0px 25px;
	/* CSS3 */
	text-shadow: 0px 0px 3px #FFFFFF;
}
#campaign2 article > div section#info > div > p img {
	margin: 0px 0px 10px;
}
#campaign2 article > div section#info > div > p strong {
	color: #D8445E;
	font-size: 93%;
	font-weight: normal;
	/* CSS3 */
	text-shadow: 0px 0px 3px #FFFFFF;
}
#campaign2 article > div section#info > div > div {
	position: relative;
	height: 750px;
	width: 768px;
	background-image: url(../images/cam2_info.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#campaign2 article > div section#info > div > div > div {
	position: absolute;
	left: 40px;
	top: 120px;
	width: 230px;
}
#campaign2 article > div section#info > div > div > div > h2 {
	color: #587EC0;
	font-size: 93%;
	font-weight: bold;
	line-height: 1.5;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 5px;
}
#campaign2 article > div section#info > div > div > div > p {
	color: #504F51;
	font-size: 93%;
	line-height: 1.5;
}
#campaign2 article > div section#info > div > div > div > h2:first-child + p {
	margin: 0px 0px 20px;
}
/* -------------------- */

/* CAMPAIGN:声優当てクイズ */
body#campaign3 {
	background-image: url(../images/body_campaign1.jpg);
}
#campaign3 article > h1 {
	background-image: url(../images/title_campaign3.png);
}
#campaign3 article > div {
	padding: 20px 96px 40px;
}
#campaign3 article > div section#info > h1 {
	display: none;
}
#campaign3 article > div section#info > div > p {
	color: #504F51;
	font-size: 93%;
	line-height: 1.5;
	text-align: center;
	margin: 0px 0px 25px;
	/* CSS3 */
	text-shadow: 0px 0px 3px #FFFFFF;
}
#campaign3 article > div section#info > div > p img {
	margin: 0px 0px 10px;
}
#campaign3 article > div section#info > div > p strong {
	color: #D8445E;
	font-size: 93%;
	font-weight: normal;
	/* CSS3 */
	text-shadow: 0px 0px 3px #FFFFFF;
}
#campaign3 article > div section#heroine ,
#campaign3 article > div section#sub {
	position: relative;
}
#campaign3 article > div section#heroine > p a ,
#campaign3 article > div section#sub > p a {
	color: #587EC0;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	display: block;
	position: absolute;
	top: 240px;
	left: 284px;
	width: 200px;
	background-color: #EBEBEB;
	padding: 10px 0px;
	/* CSS3 */
	text-shadow: 1px 1px 1px #CCCCCC;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
#campaign3 article > div section#heroine > p a:hover ,
#campaign3 article > div section#sub > p a:hover {
	color: #FFFFFF;
	background-color: #64B7FF;
	padding: 11px 0px 9px;
	/* CSS3 */
	text-shadow: none;
}
/* -------------------- */

/* CAMPAIGN:小冊子無料配布 */
body#campaign4 {
	background-image: url(../images/body_campaign1.jpg);
}
#campaign4 article > h1 {
	background-image: url(../images/title_campaign4.png);
}
#campaign4 article > div {
	padding: 20px 96px 80px;
}
#campaign4 article > div section#info > h1 {
	display: none;
}
#campaign4 article > div section#info > div > p img:first-child {
	margin: 0px 0px 10px;
}
#campaign4 article > div section#info > div > p {
	color: #504F51;
	font-size: 93%;
	line-height: 1.5;
	text-align: center;
	margin: 0px 0px 25px;
	/* CSS3 */
	text-shadow: 0px 0px 3px #FFFFFF;
}
#campaign4 article > div section#info > div > p strong {
	color: #D8445E;
	font-size: 93%;
	font-weight: normal;
	/* CSS3 */
	text-shadow: 0px 0px 3px #FFFFFF;
}
#campaign4 article > div section#schedule > h1 {
	display: none;
}
#campaign4 article > div section#schedule table {
	width: 768px;
	margin: 0px 0px 10px;
}
#campaign4 article > div section#schedule table tr.selected {
	background-color: #B0DAFF;	
}
#campaign4 article > div section#schedule table th ,
#campaign4 article > div section#schedule table td {
	color: #504F51;
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
	padding: 5px;
	font-size: 93%;
}
#campaign4 article > div section#schedule table th {
	color: #587EC0;
	background-color: #EBEBEB;
}
#campaign4 article > div section#schedule table td {
	text-align: center;
}
#campaign4 article > div section#schedule table td.update {
	text-align: right;
}
#campaign4 article > div section#schedule p {
	font-size: 85%;
	line-height: 1.5;
	text-align: center;
}
#campaign4 article > div section#schedule p strong {
	color: #D8445E;
	font-weight: normal;
}
/* -------------------- */

/* CAMPAIGN:ご予約ありがとうだぜキャンペーン */
body#campaign5 {
	background-image: url(../images/body_campaign1.jpg);
}
#campaign5 article > h1 {
	background-image: url(../images/title_campaign5.png);
}
#campaign5 article > div {
	padding: 20px 96px 80px;
}
#campaign5 article > div section > h1 {
	display: none;
}
#campaign5 article > div section#info > div > p {
	color: #504F51;
	font-size: 93%;
	line-height: 1.5;
	text-align: center;
	margin: 0px 0px 25px;
	/* CSS3 */
	text-shadow: 0px 0px 3px #FFFFFF;
}
#campaign5 article > div section#info > div > p img {
	margin: 0px 0px 10px;
}
#campaign5 article > div section#info > div > p strong {
	color: #D8445E;
	font-size: 93%;
	font-weight: normal;
	/* CSS3 */
	text-shadow: 0px 0px 3px #FFFFFF;
}
#campaign5 article > div section#shoplist > h1 {
	display: none;
}
#campaign5 article > div section#shoplist table {
	width: 768px;
	margin: 0px 0px 10px;
}
#campaign5 article > div section#shoplist table td.selected {
	background-color: #B0DAFF;	
}
#campaign5 article > div section#shoplist table th ,
#campaign5 article > div section#shoplist table td {
	color: #504F51;
	font-size: 93%;
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
	padding: 5px;
}
#campaign5 article > div section#shoplist table th {
	color: #587EC0;
	background-color: #EBEBEB;
}
#campaign5 article > div section#shoplist table th span {
	font-size: 93%;
	font-weight: normal;
	padding: 0px 0px 0px 10px;
}
#campaign5 article > div section#shoplist table td {
	text-align: center;
	width: 384px;
}
#campaign5 article > div section#shoplist p {
	font-size: 85%;
	line-height: 1.5;
	text-align: center;
}
#campaign5 article > div section#shoplist p strong {
	color: #D8445E;
	font-weight: normal;
}
/* -------------------- */

/* CAMPAIGN:期間限定プレゼントキャンペーン */
body#campaign6 {
	background-image: url(../images/body_campaign1.jpg);
}
#campaign6 article > h1 {
	background-image: url(../images/title_campaign6.png);
}
#campaign6 article > div {
	padding: 20px 96px 80px;
}
#campaign6 article > div section > h1 {
	display: none;
}
#campaign6 article > div section#info > div > p {
	color: #504F51;
	font-size: 93%;
	line-height: 1.5;
	text-align: center;
	margin: 0px 0px 25px;
	/* CSS3 */
	text-shadow: 0px 0px 3px #FFFFFF;
}
#campaign6 article > div section#info > div > p img {
	margin: 0px 0px 10px;
}
#campaign6 article > div section#info > div > p strong {
	color: #D8445E;
	font-size: 93%;
	font-weight: normal;
	/* CSS3 */
	text-shadow: 0px 0px 3px #FFFFFF;
}
#campaign6 article > div section#info > div ul li h1 {
	height: 20px;
	text-indent: -9999px;
	background-image: url(../images/cam1_notice_title.png);
	background-repeat: no-repeat;
	margin: 0px 0px 5px;
	overflow: hidden;
}
#campaign6 article > div section#info > div ul li.no01 h1 {
	background-position: center -20px;
}
#campaign6 article > div section#info > div ul li p {
	color: #504F51;
	font-size: 93%;
	line-height: 1.5;
	text-align: center;
}
#campaign6 article > div section#info > div ul li p strong {
	color: #D8445E;
	line-height: 1.5;
}
/* -------------------- */