@charset "utf-8";

body, h1, h2, h3, h4, h5, h6, div, p, table, form, img, hr, ul, ol, li, dl, dt, dd {
	margin: 0;
	padding: 0;
}

img { border:0; }

.colorRed { color:#FF0000; }

.floatLeft {
	display:inline;
	float:left;
}

.floatRight {
	display:inline;
	float:right;
}

ol, ul {
	list-style-type:none;
}

li.right-0 { margin-right:0; }

ul.underline li {
	margin-bottom:10px;
	padding:0 0 10px 20px;
	text-align:left;
}

.clearBoth {
	clear:both;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

h2 {
	margin:0 auto 20px auto;
	height:40px;
	background:url(/images/contents/point/rule/h2_header.png);
}

#pointGuideGet h2 {
	background-position:0px 0px;
}

#pointGuideDetail h2 {
	background-position:0px -40px;
}

#pointGuideExchange h2 {
	background-position:0px -80px;
}

#pointGuideRule h2 {
	background-position:0px -120px;
}

#pointGuideSponser h2 {
	background-position:0px -160px;
}

#pointGuideGetInfo h2 {
	background-position:0px -200px;
}

h3 {
	margin-bottom:20px;
	height:20px;
	background:url(/images/contents/point/rule/h3_header.png);
}

.rate h3 {
	width:325px;
}

.limit h3 {
	width:340px;
	background-position:0px -22px;
}

#pointGuideDetailDescriptionBottom h3 {
	width:300px;
	background-position:0px -44px;
}

#pointGuideExchangeList h3 {
	margin:15px;
	width:310px;
	background-position:0px -64px;
}

#pointGuideGetChart h3 {
	margin:0 25px 25px 25px;
	width:475px;
	background-position:0px -84px;
}

#pointDataBottom h3 {
	margin-bottom:10px;
	width:310px;
}

h3.pointDataTitle {
	background-position:0px -104px;
}

h3.acquirementDataTitle {
	background-position:0px -124px;
}

h3.historyDataTitle {
	background-position:0px -144px;
}

h3.setDataTitle {
	background-position:0px -164px;
}

h3.cautionDataTitle {
	background-position:0px -184px;
}

h4 {
	margin-bottom:5px;
	height:25px;
	background:url(/images/contents/point/rule/h4_header.png) no-repeat left;
}

h4.user {
	background-position:0px 0px;
}

h4.sponser {
	background-position:0px -25px;
}

h4.warau {
	background-position:0px -50px;
}

.pointGuideContents {
	margin:0 auto;
	width:760px;
	text-align:left;
}

.description {
	margin:0 auto 20px auto;
	width:750px;
}

.description img {
	float:left;
	margin:0 10px 5px 0;
	vertical-align:middle;
}

.aboutPoint {
	margin:0 auto;
	width:390px;
	border:1px #B2DDFF solid;
	background:url(/images/contents/point/rule/bg_aboutPoint.png) right bottom;
	text-align:left;
}

.aboutPoint h3 {
	margin:20px 20px 0 20px;
}

.aboutPoint p {
	margin:10px 20px 20px 20px;
}

#pointGuideContainer {
	margin:30px auto;
	width:810px;
}

#pointGuideHeader {
	margin:0 auto 30px auto;
	width:800px;
	border:1px #FFF solid;
}

#pointGuideHeader h1 {
	float:left;
	width:323px;
	height:28px;
	background:url(/images/contents/point/rule/h1_title.gif);
}

#pointGuideHeader p {
	float:right;
	padding-top:7px;
	width:400px;
	text-align:right;
}

#pointGuideAbout ol {
	margin-bottom:15px;
	background:url(/images/contents/point/rule/btn_chart.png);
}

#pointGuideAbout ol li {
	float:left;
}

#pointGuideAbout ul {
	width:795px;
}

#pointGuideAbout ul li {
	float:left;
	padding:20px 0;
	width:395px;
}

#pointGuideAbout ul li div {
	margin:0 auto;
	width:335px;
	text-align:left;
}

#pointGuideGet ul {
	margin:0 auto;
}

#pointGuideDetailImage {
	display:inline;
	float:left;
	margin-left:5px;
}

#pointGuideDetailDescription {
	display:inline;
	float:right;
	margin-right:5px;
	width:365px;
}

#pointGuideDetailDescriptionTop {
	height:10px;
	background:url(/images/contents/point/rule/bg_pointDetail.png);
}

#pointGuideDetailDescriptionBottom {
	margin-bottom:20px;
	padding:10px 25px 45px 25px;
	background:url(/images/contents/point/rule/bg_pointDetail.png) left bottom;
}

#pointGuideDetailDescriptionBottom li {
	background: url(/images/contents/point/rule/icon_yellow.png) no-repeat 0 5px;
	border-bottom:1px #CC9765 dashed;
}

#pointGuideDetailRule {
}

#pointGuideDetailRule li {
	margin-bottom:10px;
}

#pointGuideExchangeList {
	margin:10px auto 20px auto;
	width:740px;
}

#pointGuideExchangeList ul {
	margin:15px auto;
	width:710px;
}

#pointGuideExchangeList ul li {
	display:inline;
}

#pointGuideRule ul {
	margin:0 auto;
	width:750px;
}

#pointGuideRule ul.underline li {
	background: url(/images/contents/point/rule/icon_red.png) no-repeat 0 5px;
	border-bottom:1px #E59A9F dashed;
}

#pointGuideRule ul.underline li ul li {
	list-style-type:disc;
	margin:5px 0 5px 18px;
	padding:0;
	background: none;
	border:0;
}

#pointGuideGetChart {
	margin:0 auto;
	width:750px;
}

#pointGuideGetChartTop {
	background: url(/images/contents/point/rule/bg_getChart.png) left top;
	height:25px;
}

#pointGuideGetChartBottom {
	padding-bottom:10px;
	background: url(/images/contents/point/rule/bg_getChart.png) left bottom;
	text-align:center;
}

#pointGuideGetChartBottom ol {
	margin:25px 25px  0 25px ;
}

#pointGuideGetChartBottom ol p {
	margin-bottom:15px;
	padding-left:30px;
	text-align:left;
}

#pointGuideGetInfoData {
	margin-bottom:20px;
	text-align:center;
}

#pointDataImage {
	margin:0 auto;
	width:705px;
	height:475px;
}

.pointData {
	width:365px;
}

.pointDataTop {
	background: url(/images/contents/point/rule/bg_pointData.png) left top;
	height:20px;
}

.pointDataBottom {
	padding:0 20px 20px 20px;
	background: url(/images/contents/point/rule/bg_pointData.png) left bottom;
	text-align:left;
}

h1 span,
h2 span,
h3 span,
h4 span,
.btnLead span,
#pointGuideAbout li span {
	display:none;
}

#pointGuideAboutRule,
#pointGuideGet,
#pointGuideDetail,
#pointGuideExchange,
#pointGuideBtnRegist,
#pointGuideRule,
#pointGuideSponser,
#pointGuideGetInfo {
	margin:30px auto 0 auto;
	width:800px;
}

#pointGuideGet {
	margin-top:40px;
}

#pointGuideDetail {
	margin-top:25px;
}

#pointGuideGetInfo {
	margin-top:40px;
}

#pointGuideBtnRegist {
	margin-top:0px;
}

#pointGuideAboutRule {
	margin-top:0px;
}


a#get,
a#detail,
a#exchange {
	display:block;
	display:inline;
	float:left;
	margin-right:27px;
	height:190px;
}

a#get {
	width:255px;
}

a#detail {
	width:245px;
}

a#exchange {
	margin-right:0px;
	width:250px;
}

.btnLead li {
	margin-bottom:10px;
	width:375px;
}

.btnLead a {
	display:block;
	background:url(/images/contents/point/rule/btn_lead.png);
}

a#game {
	height:169px;
	background-position:0px 0px;
}

a#sponser {
	height:169px;
	background-position:-375px 0px;
}

a#money {
	height:107px;
	background-position:0px -170px;
}

a#digitalMoney {
	height:107px;
	background-position:-375px -170px;
}

a#other {
	height:107px;
	background-position:0px -277px;
}

a#avatar {
	height:107px;
	background-position:-375px -277px;
}

a#shopping {
	height:169px;
	background-position:0px -386px;
}

a#service {
	height:169px;
	background-position:-375px -386px;
}


a#get:hover,
a#detail:hover,
a#exchange:hover {
	filter:Alpha(opacity=30);
	-moz-opacity:0.30;
	opacity:0.30;
	background:#FFF;
}

a#game:hover,
a#sponser:hover,
a#money:hover,
a#digitalMoney:hover,
a#other:hover,
a#avatar:hover,
a#shopping:hover,
a#service:hover,
a#regist:hover {
	filter:Alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}


.pointGuideTitleH2,
.pointGuideSponserTitleH2 {
	margin:0 0 15px 0;
}