@charset "utf-8";

/*------------------------------------------------
	テンプレート無効化
--------------------------------------------------*/

#content_area {
	background:#FFFFFF;
	width:100%;	
}

#no_column .no_column_win{
	border:none;
	margin:0;
	padding:0;
	background: #ffffff url("../../../../images/archeage/login_point/visual_bg.jpg") no-repeat center top;
}

#header{
	display:none;
}
	
#footer{
	display:none;
}	

#no_column{
	margin-left:0;
	padding-left:0;
}

#all {
	background:#FFF;
}

body {
	background:#FFF;
}

/*------------------------------------------------
　共通
--------------------------------------------------*/

.imgsp {
	display: block;
	height: 0;
	overflow: hidden;
	text-align: left;
	vertical-align: middle;
}

#wrapper {
	margin:0px auto 0px auto;
	width:800px;
	font-size:12px;
	line-height:20px;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
	background: url("../../../../images/archeage/login_point/visual.jpg") no-repeat center top;
	height:auto;
	padding-top:314px;
}

.copyright {
	text-align:center;
	padding-top:40px;
}

/*------------------------------------------------
　所持ポイント
--------------------------------------------------*/

.point-box {
	background: url("../../../../images/archeage/login_point/point_bg.jpg") no-repeat;
	width:800px;
	height:81px;
	margin-bottom:20px;
}

.point-box h2 {
	padding:30px 0px 0px 125px;
	float:left;
}

.point-box h2 span {
	background: url("../../../../images/archeage/login_point/tool.png") no-repeat 0px -551px;
	width:150px;
	padding-top:17px;
}

.point-box .point-bg {
	background: url("../../../../images/archeage/login_point/input_bg.png") no-repeat;
	width:372px;
	height:59px;
	float:left;
	margin:10px 0px 0px 15px;
}

.point-box .point-bg p {
	text-align:right;
	font-size:20px;
	color:#5a6c10;
	padding:21px 18px 13px 0px;
}

.point-box .point-bg p span {
	font-size:36px;
	color:#d31313;
}

/*------------------------------------------------
　ログイン
--------------------------------------------------*/

.login-box {
	background: url("../../../../images/archeage/login_point/point_bg.jpg") no-repeat;
	width:800px;
	height:81px;
	margin-bottom:20px;
}

.login-box h2 {
	padding:22px 0px 0px 125px;
	float:left;
}

.login-box h2 span {
	background: url("../../../../images/archeage/login_point/tool.png") no-repeat 0px -576px;
	width:240px;
	padding-top:38px;
}

.login-box .button {
	float:left;
	padding:9px 0px 0px 19px;
}

.login-box .button a {
	background: url("../../../../images/archeage/login_point/tool.png") no-repeat 0px -619px;
	width:297px;
	padding-top:63px;
}

.login-box .button a:hover {
	background: url("../../../../images/archeage/login_point/tool.png") no-repeat -297px -619px;
}

/*------------------------------------------------
　達成度
--------------------------------------------------*/

.point-data {
	margin-bottom:35px;
}

.point-data ul {
	padding:20px 0px 0px 32px;
	width:620px;
	float:left;
}

.point-data li {
	float:left;
	width:80px;
	text-align:center;
	padding:18px 10px 0px 0px;
}

.point-data li.last {
	padding-right:0px;
}

.point-data li p {
	color:#64971c;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}

.point-data li.date01 {
	background: url("../../../../images/archeage/login_point/day/1.png") no-repeat center top;
}

.point-data li.date02 {
	background: url("../../../../images/archeage/login_point/day/2.png") no-repeat center top;
}

.point-data li.date03 {
	background: url("../../../../images/archeage/login_point/day/3.png") no-repeat center top;
}

.point-data li.date04 {
	background: url("../../../../images/archeage/login_point/day/4.png") no-repeat center top;
}

.point-data li.date05 {
	background: url("../../../../images/archeage/login_point/day/5.png") no-repeat center top;
}

.point-data li.date06 {
	background: url("../../../../images/archeage/login_point/day/6.png") no-repeat center top;
}

.point-data li.date07 {
	background: url("../../../../images/archeage/login_point/day/7.png") no-repeat center top;
}

.point-data li .off {
	background: url("../../../../images/archeage/login_point/tool.png") no-repeat 0px -683px;
	width:80px;
	padding-top:80px;
}

.point-data li .on {
	background: url("../../../../images/archeage/login_point/tool.png") no-repeat -80px -683px;
	width:80px;
	padding-top:80px;
}

.point-data .bonus {
	float:right;
	padding:0px 30px 0px 0px;
}

.point-data .bonus p {
	background: url("../../../../images/archeage/login_point/bonus.png") no-repeat 0px 0px;
	width:108px;
	padding-top:31px;
	margin-bottom:4px;
}

.point-data .bonus .off {
	background: url("../../../../images/archeage/login_point/tool.png") no-repeat 0px -764px;
	width:108px;
	padding-top:108px;
}

.point-data .bonus .on {
	background: url("../../../../images/archeage/login_point/tool.png") no-repeat -108px -764px;
	width:108px;
	padding-top:108px;
}


/*------------------------------------------------
　バナー
--------------------------------------------------*/

.banner {
	margin-bottom:42px;
}

.banner li {
	float:left;
}

/*------------------------------------------------
	タブ共通
--------------------------------------------------*/

.tab {
	padding-left:12px;
}

.tab li {
	float:left;
	padding-right:5px;
	height:57px;
}

.tab li a {
	background: url("../../../../images/archeage/login_point/tool.png") no-repeat 0px 0px;
	width:255px;
	padding-top:57px;
}

.tab .list01.select a {
	background-position:-510px -245px;
}

.tab .list01 a {
	background-position:0px -245px;
}

.tab .list01 a:hover {
	background-position:-255px -245px;
}

.tab .list01.select a:hover {
	background-position:-510px -245px;
}

.tab .list02.select a {
	background-position:-510px -302px;
}

.tab .list02 a {
	background-position:0px -302px;
}

.tab .list02 a:hover {
	background-position:-255px -302px;
}

.tab .list02.select a:hover {
	background-position:-510px -302px;
}

.tab .list03.select a {
	background-position:-510px -359px;
}

.tab .list03 a {
	background-position:0px -359px;
}

.tab .list03 a:hover {
	background-position:-255px -359px;
}

.tab .list03.select a:hover {
	background-position:-510px -359px;
}

.tab .select a:hover {
	cursor:default;
}

.content {
	margin-bottom:37px;
}

.content .inner {
	background: url("../../../../images/archeage/login_point/body.jpg") repeat-y;
	width:800px;
	height:auto;
}

.content .box {
	background: url("../../../../images/archeage/login_point/footer.jpg") no-repeat center bottom;
	width:800px;
	padding-bottom:45px;
}

.content .header {
	background: url("../../../../images/archeage/login_point/header.jpg") no-repeat center top;
	width:800px;
	padding-top:40px;
}

/*------------------------------------------------
	A-POINTについて
--------------------------------------------------*/

#block01 {
	position:relative;
}

#block01 h2 {
	background: url("../../../../images/archeage/login_point/tool.png") no-repeat 0px -416px;
	width:361px;
	padding-top:34px;
	margin:0px auto 20px auto;
}

#block01 .list {
	margin:0px 0px 25px 0px;
	padding-left:42px;
	height:278px;
}

#block01 .list li {
	float:left;
	width:234px;
	height:278px;
	padding-right:7px;
}

#block01 .list .list01 {
	background: url("../../../../images/archeage/login_point/img01_01.jpg") no-repeat;
}

#block01 .list .list02 {
	background: url("../../../../images/archeage/login_point/img01_02.jpg") no-repeat;
}

#block01 .list .list03 {
	background: url("../../../../images/archeage/login_point/img01_03.jpg") no-repeat;
}

#block01 .list li p {
	text-align:center;
	padding:117px 0px 12px 0px;
	font-size:19px;
}

#block01 .list li p .text01 {
	font-size:40px;
}

#block01 .list li p .text02 {
	font-size:29px;
}

#block01 .list .list01 p {
	color:#0070d9;
}

#block01 .list .list02 p {
	color:#df0b1a;
}

#block01 .list .list03 p {
	color:#ad5a00;
}

#block01 .rule-box {
	background: #e9e6df url("../../../../images/archeage/login_point/rule.jpg") no-repeat left top;
	width:714px;
	height:auto;
	margin:0px auto 0px auto;
}

#block01 .rule-box .inner {
	background:url("../../../../images/archeage/login_point/rule-bg.png") no-repeat left bottom;
	width:629px;
	text-align:left;
	padding:90px 42px 30px 42px;
}

#block01 .rule-box li {
	padding-left:1em;
	text-indent:-1em;
}

#block01 .rule-box p {
	padding-top:20px;
}

#block01 .chara {
	position:absolute;
	bottom:17px;
	right:15px;
}

/*------------------------------------------------
	交換できる景品リスト
--------------------------------------------------*/

#block02 .category {
	width:200px;
	padding:2px 2px 2px 2px;
	background-color:#FFF;
	margin:0px 0px 20px 42px;
	*margin:0px 0px 20px -512px;
}

#block02 select,
#block02 option {
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

#block02 form {
	background-color:#EFEFEF;
	border:none !important;
}

#block02 select {
	width:200px;
	border:1px solid #a5acb2;
}

#block02 .item-list {
	padding:0px 42px 0px 42px;
}

#block02 .item-list li {
	background:#FFF;
	padding:3px 0px 3px 0px;
	margin-bottom:10px;
}

#block02 .item-list .left {
	float:left;
	width:515px;
	padding:12px 25px 12px 25px;
	background: url("../../../../images/archeage/login_point/dot02.gif") repeat-y right;
}

#block02 .item-list .left h3 {
	color:#000000;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}

#block02 .item-list .left h3 .new {
	background: url("../../../../images/archeage/login_point/tool.png") no-repeat 0px -511px;	
	width:37px;
	padding-top:14px;
	display:inline-block;
	margin-left:10px;
}

#block02 .item-list .left .item dt {
	float:left;
	background: url("../../../../images/archeage/login_point/item_bg.png") no-repeat;
	width:48px;
	height:49px;
	padding:13px 0px 0px 14px;
}

#block02 .item-list .left .item dt span {
	display:block;
	width:34px;
	height:34px;
}

#block02 .item-list .left .item dd {
	padding:3px 0px 0px 20px;
	float:left;
	width:425px;
}

#block02 .item-list .right {
	width:150px;
	float:right;
	text-align:left;
	min-height:116px;
}

#block02 .item-list .right dl {
	padding:12px 12px 12px 12px;
}

#block02 .item-list .right dt {
	color:#6f875f;
}

#block02 .item-list .right dd {
	color:#6f875f;
	text-align:right;
	color:#d31313;
	font-weight:bold;
}

#block02 .item-list .right dd span {
	font-size:18px;
}

#block02 .item-list .right .button {
	padding-left:12px;
}

#block02 .item-list .right .button a {
	background: url("../../../../images/archeage/login_point/tool.png") no-repeat 0px 0px;	
	width:122px;
	padding-top:35px;
}

#block02 .item-list .right .button a:hover {
	background: url("../../../../images/archeage/login_point/tool.png") no-repeat -122px 0px;	
}

/*------------------------------------------------
	利用履歴
--------------------------------------------------*/

#block03 .category {
	width:200px;
	padding:2px 2px 2px 2px;
	background-color:#FFF;
	margin:0px 0px 20px 42px;
	*margin:0px 0px 20px -512px;
}

#block03 select,
#block03 option {
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

#block03 form {
	background-color:#EFEFEF;
	border:none !important;
}

#block03 select {
	border:1px solid #a5acb2;
}

#block03 table {
	border-top:solid 2px #dedede;
	width:715px;
	margin:0px auto 20px auto;
}

#block03 table th {
	text-align:center;
	padding:7px 5px 7px 5px;
	font-size:11px;
}

#block03 table td {
	text-align:center;
	padding:7px 5px 7px 5px;
	font-size:11px;
}

#block03 table tr {
	background: url("../../../../images/archeage/login_point/dot.gif") repeat-x left bottom;
}

#block03 table td .text01 {
	color:#d8302f;
}

#block03 table td .text02 {
	color:#105eb7;
}

#block03 table td a {
	color:#FFFFFF;
	background-color:#6da839;
	display:block;
	text-decoration:none;
	padding:2px 0px 2px 0px;
}

#block03 table .right {
	text-align:right;
}

#block03 table .left {
	text-align:left;
}

/*------------------------------------------------
	ページネーション
--------------------------------------------------*/

.pager {
	text-align:center;
	padding:10px 0px 10px 0px;
}

.pager li {
	display:inline-block;
	margin-right:5px;
	*display: inline;  
  *zoom: 1; 
}

.pager li a,
.pager li a:visited {
	text-decoration:none;
	background-color:#f7f7f7;
	border:1px solid #dedede;
	padding:5px 5px 5px 5px;
	color:#5a5a5a;
	font-size:11px;
	line-height:1;
	display:inline-block;
	*display: inline;  
  *zoom: 1; 
}

.pager li a:hover {
	text-decoration:none;
	background-color:#c9c9c9;
	border:1px solid #c9c9c9;
	color:#FFF;
}

.pager .current {
	background-color:#c9c9c9;
	border:1px solid #c9c9c9;
	color:#FFF;
	padding:5px 5px 5px 5px;
	font-size:11px;
	line-height:1;
	display:inline-block;
	*display: inline;  
  *zoom: 1
}


/*------------------------------------------------
	注意事項
--------------------------------------------------*/

.attention {
	background: url("../../../../images/archeage/login_point/attention_bg.jpg") no-repeat;
	width:740px;
	height:246px;
	padding:25px 30px 0px 30px;
}

.attention h3 {
	background: url("../../../../images/archeage/login_point/tool.png") no-repeat 0px -527px;
	width:104px;
	padding-top:22px;
	margin:0px auto 25px auto;
}

.attention li {
	text-indent:-1em;
	padding-left:1em;
	text-align:left;
	color:#181c15;
}

/*------------------------------------------------
　景品交換内容
--------------------------------------------------*/

.confirm-box {
	font-size:13px;
}

.confirm-box h2 {
	width:108px;
	margin:40px auto 40px auto;
}

.confirm-box h2 span {
	background: url("../../../../images/archeage/login_point/tool.png") no-repeat 0px -470px;
	width:108px;
	padding-top:20px;
}

.confirm-box h2.title01 {
	width:144px;
}

.confirm-box h2.title01 span {
	background: url("../../../../images/archeage/login_point/tool.png") no-repeat 0px -470px;
	width:144px;
	padding-top:20px;
}

.confirm-box select,
.confirm-box option {
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

.confirm-box select {
	width:130px;
	border:solid 1px #a5acb2;
}

.confirm-box table {
	width:640px;
	margin:0px auto 20px auto;
	border-top:1px solid #666666;
	border-left:1px solid #666666;
}

.confirm-box table th {
	text-align:left;
	color:#FFF;
	background-color:#454545;
	border-bottom:1px solid #666666;
	border-right:1px solid #666666;
	padding:10px 10px 10px 10px;
	width:150px;
}

.confirm-box table td {
	text-align:right;
	border-bottom:1px solid #666666;
	border-right:1px solid #666666;
	padding:10px 10px 10px 10px;
}

.confirm-box table .text01 {
	text-align:left;
}

.confirm-box .text02 {
	text-align:center;
	margin-bottom:20px;
}

.confirm-box .text03 {
	text-align:center;
	margin-bottom:40px;
}

.confirm-box .alert {
	color:#FFF;
	background-color:#e70000;
	padding:10px 35px 10px 35px;
	width:375px;
	margin:0px auto 40px auto;
}

.confirm-box .button,
.complete-box .button {
	padding-bottom:50px;
}

.confirm-box .button ul,
.complete-box .button ul {
	padding-left:205px;
}

.confirm-box .button li,
.complete-box .button li {
	float:left;
	padding-right:25px;
}

.confirm-box .button01 a {
	background: url("../../../../images/archeage/login_point/tool.png") no-repeat 0px -35px;
	width:182px;
	padding-top:35px;
}

.confirm-box .button01 a:hover {
	background: url("../../../../images/archeage/login_point/tool.png") no-repeat -182px -35px;
}

.confirm-box .button02 a {
	background: url("../../../../images/archeage/login_point/tool.png") no-repeat 0px -70px;
	width:183px;
	padding-top:35px;
}

.confirm-box .button02 a:hover {
	background: url("../../../../images/archeage/login_point/tool.png") no-repeat -183px -70px;
}

.confirm-box .button03 a {
	background: url("../../../../images/archeage/login_point/tool.png") no-repeat 0px -105px;
	width:183px;
	padding-top:35px;
}

.confirm-box .button03 a:hover {
	background: url("../../../../images/archeage/login_point/tool.png") no-repeat -183px -105px;
}

/*------------------------------------------------
　ポイント交換完了
--------------------------------------------------*/

.complete-box {
	font-size:13px;
}

.complete-box h2 {
	width:143px;
	margin:40px auto 40px auto;
}

.complete-box h2 span {
	background: url("../../../../images/archeage/login_point/tool.png") no-repeat 0px -490px;
	width:143px;
	padding-top:20px;
}

.complete-box .text01 {
	margin-bottom:40px;
	text-align:center;
}

.complete-box .text01 span {
	color:#d50909;
}

.complete-box .text02 {
	margin-bottom:20px;
	text-align:center;
}

.complete-box .button-center {
	width:182px;
	margin:0px auto 0px auto;
	padding-bottom:50px;
}

.complete-box .button04 a {
	background: url("../../../../images/archeage/login_point/tool.png") no-repeat 0px -140px;
	width:182px;
	padding-top:35px;
}

.complete-box .button04 a:hover {
	background: url("../../../../images/archeage/login_point/tool.png") no-repeat -182px -140px;
}

.complete-box .button05 a {
	background: url("../../../../images/archeage/login_point/tool.png") no-repeat 0px -175px;
	width:183px;
	padding-top:35px;
}

.complete-box .button05 a:hover {
	background: url("../../../../images/archeage/login_point/tool.png") no-repeat -183px -175px;
}

.complete-box .button06 a {
	background: url("../../../../images/archeage/login_point/tool.png") no-repeat 0px -210px;
	width:183px;
	padding-top:35px;
}

.complete-box .button06 a:hover {
	background: url("../../../../images/archeage/login_point/tool.png") no-repeat -183px -210px;
}