@charset "utf-8";

@import url(layout.css);
@import url(base.css);
@import url(global.css);

.arcanaHead{
	width:960px; height: 353px;
	background: url(//img.jp.wazap.com/images/v3/promote/arcana/arcn_gb_hd.jpg) no-repeat 0 0;
}
.arcanaHead h2,
.arcanaTextHeader{
	text-indent: -9999px;
}

.arcanaContainer{
	width: 960px;
	padding: 5px 0 15px;
	background-color:#083258;
}
.arcanaContainerIn{
	width: 690px;
	margin: 0 auto;
	text-align: center;
}
.arcanaContainerIn2{
	width: 939px;
	margin: 0 10px;
}

.arcanaContainerIn h3,
.arcanaContainerIn2 h3{
	width: 690px; height:118px;
	background: url(//img.jp.wazap.com/images/v3/promote/arcana/arcn_head1.gif) no-repeat 0 0;
	text-indent: -9999px;
}
.arcanaContainerIn2 h3{
	width: 939px;
	background: url(//img.jp.wazap.com/images/v3/promote/arcana/arcn_head2.gif) no-repeat 0 0;
}

/* 特色ボックス共通レイアウト */
.arcanaBoxHeader{
	width: 690px;
	background: url(//img.jp.wazap.com/images/v3/promote/arcana/arcn_box_mid.gif) repeat-y 0 0;
}
.arcanaBoxFooter{
	width: 690px; height: 20px;
	background: url(//img.jp.wazap.com/images/v3/promote/arcana/arcn_box_footer.gif) no-repeat 0 0;
}

.arcanaThumbnail{
	width: 658px;
	overflow: hidden;
}
.arcanaThumbnail li{
	float: left;
	padding: 0 29px 0 0;
}
.arcanaThumbnail li.arcanaThumbnailLast{
	float: right;
	padding: 0;
}

/* 特色その1 */
.arcanaBox1In{
	width: 690px;
	background: url(//img.jp.wazap.com/images/v3/promote/arcana/arcn_box_top1.gif) no-repeat 0 0;
	padding: 74px 16px 0 16px;
	text-align: left;
}
.arcanaBox1In p{
	line-height: 1.4em;
	padding: 0 183px 10px 0;
}

/* 特色その2 */
.arcanaBox2In{
	background: url(//img.jp.wazap.com/images/v3/promote/arcana/arcn_box_top2.gif) no-repeat 0 0;
	padding: 154px 16px 0;
	text-align: left;
}
.arcanaBox2In p,
.arcanaBox4In p{
	line-height: 1.4em;
	padding: 0 0 10px;
}

/* STEPボックス共通レイアウト */
.arcanaBoxHeader2{
	width: 939px;
	background: url(//img.jp.wazap.com/images/v3/promote/arcana/arcn_box_mid2.gif) repeat-y 0 0;
}
.arcanaBoxFooter2{
	width: 939px; height: 20px;
	background: url(//img.jp.wazap.com/images/v3/promote/arcana/arcn_box_footer2.gif) no-repeat 0 0;
}

/* STEP1 */
.arcanaBox3In{
	width: 939px;
	background: url(//img.jp.wazap.com/images/v3/promote/arcana/arcn_box_top3.gif) no-repeat 0 0;
	overflow: hidden;
}

/* ワザップ!の会員でない方 */
.arcanaBox3InLeft{
	width: 470px;
	background: url(//img.jp.wazap.com/images/v3/promote/arcana/diving.gif) repeat-y right top;
	margin: 40px 0 0;
	float: left;
}
.arcanaBox3InLeft p{
	padding: 35px 90px 0 20px;
	line-height: 1.4em;
}
.arcanaBox3InLeft ul{
	width: 241px;
	margin: 24px auto 0;	text-align: center;
}

/* ワザップ!にまだログインしてない方 */
.arcanaBox3InRight{
	width: 450px;
	float: right;
}

.arcanaBox3InRight ul li{
	text-indent: -9999px;
	height: 65px;
	float: left;
}
.arcanaBox3InRight ul li.arcanaLogin{
	width: 192px; margin: 0 10px 0 0;
	background: url(//img.jp.wazap.com/images/v3/promote/arcana/arcn_btn3.gif) no-repeat 0 0;
}
.arcanaBox3InRight ul li.arcanaLogin a:hover{
	background: url(//img.jp.wazap.com/images/v3/promote/arcana/arcn_btn3.gif) no-repeat 0 -65px;
}
.arcanaBox3InRight ul li.arcanaOpenId{
	width: 222px;
	background: url(//img.jp.wazap.com/images/v3/promote/arcana/arcn_btn4.gif) no-repeat 0 0;
}
.arcanaBox3InRight ul li.arcanaOpenId a:hover{
	background: url(//img.jp.wazap.com/images/v3/promote/arcana/arcn_btn4.gif) no-repeat 0 -65px;
}

.arcanaBox3InRight p{
	padding: 53px 90px 5px 20px;
	line-height: 1.4em;
}

/* STEP2 */
.arcanaBox4In{
	width: 939px;
	background: url(//img.jp.wazap.com/images/v3/promote/arcana/arcn_box_top4.gif) no-repeat 0 0;
	overflow: hidden;
	position: relative;
}
.arcanaBox4In p{
	width: 477px;
	padding: 70px 0 0 136px;
}
.arcanaBox4In div{
	width: 281px; height: 340px;
	position: absolute; top: 44px; right: 20px;
}
.arcanaBox4In ul{
	padding: 20px 0 0 236px;
}

/* 登録ボタン */
.arcanaRegisterBtn{
	width: 591px; height: 85px;
	text-indent: -9999px;
	background: url(//img.jp.wazap.com/images/v3/promote/arcana/arcn_btn.gif) no-repeat 0 0;
	margin: 15px auto 0;
}
.arcanaBox3InRight li a,
.arcanaRegisterBtn a,
ul.arcanaLoginList li a{
	width: 100%; height: 100%;
	display: block;
}
.arcanaRegisterBtn a:hover{
	background: url(//img.jp.wazap.com/images/v3/promote/arcana/arcn_btn.gif) no-repeat 0 -85px;
}

ul.arcanaLoginList li{
	text-indent: -9999px;
	width: 241px; height: 65px;
	background: url(//img.jp.wazap.com/images/v3/promote/arcana/arcn_btn2.gif) no-repeat 0 0;
}
ul.arcanaLoginList li a:hover{
	background: url(//img.jp.wazap.com/images/v3/promote/arcana/arcn_btn2.gif) no-repeat 0 -65px;
}