/* common */
body {margin:0px;padding:0;color:#333;text-align:center;}

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

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

img {
	border:0;
	vertical-align:top;
}

.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;
	/**/
}

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.linkText {
	float:right;
	width:140px;
	text-align:right;
}

.linkText img {
	margin-right:5px;
}

h3 {
	margin-bottom:10px;
	width:255px;
	height:25px;
	background:url(/images/service/guide/information/h3_title.png) no-repeat;
}

div#infoHeader {
	background:url(/images/service/guide/information/bg_title.png) repeat-x;
	border-bottom:5px #E4F2C1 solid;
}

div#infoTitle {
	position:relative;
	margin:0 auto;
	width:960px;
	height:235px;
	background:url(/images/service/guide/information/h1_title.png) repeat-x;
}

div#btnCharacter {
	width:130px;
	height:31px;
	position: absolute;
	top:135px;
	left:445px;
}

div#infoMain {
	margin:0 auto;
	width:800px;
}

div#infoPoint {
}

p.pointImage {
	background:url(/images/service/guide/information/point.png) no-repeat;
}

li.point1 {
	border-right:1px #FF9900 dashed;
	border-bottom:1px #FF9900 dashed;
}

li.point2 { border-bottom:1px #FF9900 dashed; }

li.point3 { border-right:1px #FF9900 dashed; }

li.point2 h3 { background-position:0 -25px; }

li.point3 h3 { background-position:0 -50px; }

li.point4 h3 { background-position:0 -75px; }

p.cashbackImage { background:url(/images/service/guide/information/cashback.png) no-repeat; }

div#infoCashbackDetailTop {
	height:20px;
	background:url(/images/service/guide/information/bg_green.png) left top no-repeat;
}

div#infoCashbackDetailBottom { background:url(/images/service/guide/information/bg_green.png) left bottom no-repeat; }

li.cashback1 {
	border-right:1px #99CC00 dashed;
	border-bottom:1px #99CC00 dashed;
}

li.cashback2 { border-bottom:1px #99CC00 dashed; }

li.cashback3 { border-right:1px #99CC00 dashed; }

div#infoCashbackDetailBottom h3 { height:20px; }

li.cashback1 h3 { background-position:0 -100px; }

li.cashback2 h3 { background-position:0 -120px; }

li.cashback3 h3 { background-position:0 -140px; }

li.cashback4 h3 { background-position:0 -160px; }

div#infoCharacter {
	position:relative;
}

div#infoCharacterChan,
div#infoCharacterOther {
	width:370px;
}

div#infoCharacterChan {
	border-right:1px #EFEAC3 solid;
}

div#infoCharacterChan h2 {
	margin:0 auto;
	width:310px;
	height:45px;
	background:url(/images/service/guide/information/h2_title.png) left top no-repeat;
	background-position:0 -80px;
}

div#infoCharacterChan img {
	margin:20px auto;
}

div#infoCharacterChan dl {
	margin:0 auto 17px auto;
	width:310px;
	background:url(/images/service/guide/information/obj_charaChanLine.png) left top repeat-y;
	line-height:210%;
}

div#infoCharacterChan dt {
	float:left;
	width:75px;
	text-align:right;
	color:#660000;
}

div#infoCharacterChan dd {
	margin-left:75px;
	width:230px;
	text-align:left;
}

div#infoCharacterOther h3 {
	margin:0 auto;
	width:310px;
	height:20px;
	background:url(/images/service/guide/information/h3_title.png) left top no-repeat;
	background-position:0 -180px;
}

div#infoCharacterOther ul {
	margin:0 auto;
	width:310px;
}

div#infoCharacterOther li {
	clear:both;
	margin:20px 0;
}

p.charaImage {
	display:inline;
	float:left;
	width:80px;
}

div#infoCharacterOther li img {
	border:5px #F7ECD9 solid;
}

div#infoCharacterOther li h4,
div#infoCharacterOther li p.charaText {
	float:right;
	width:205px;
	text-align:left;
}

div#infoCharacterOther li h4 {
	margin:10px 0;
	height:14px;
	background:url(/images/service/guide/information/h4_title.png) left top no-repeat;
}

div#infoCharacterOther li h4.charaDeshi { background-position:0px 0px; }

div#infoCharacterOther li h4.charaPapa { background-position:0px -14px; }

div#infoCharacterOther li h4.charaShinpan { background-position:0px -29px; }

div#infoCharacterOther li h4.charaMid { background-position:0px -42px; }

div#infoCharacterOther li h4.charaMomo { background-position:0px -56px; }

h1 span,
h2 span,
h3 span,
h4 span,
div#infoTitle p span {
	display:none;
}

div#infoHeader,
div#infoMenu {
	margin-bottom:20px;
}

div#infoRegist,
div#infoPoint,
div#infoCashback,
div#infoCharacter {
	margin-bottom:40px;
}

div#infoPoint h2,
div#infoCashback h2 {
	margin-bottom:20px;
	width:800px;
	height:40px;
	background:url(/images/service/guide/information/h2_title.png) no-repeat;
}

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

div#infoRegist a:hover,
div#infoMenu a:hover {
	filter:Alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

p.pointImage,
p.cashbackImage {
	margin-bottom:20px;
	padding:15px 0 15px 110px;
	text-align:left;
}

div#infoPointDetail,
div#infoCashbackDetail,
div#infoCharacterDetail {
	margin:0 auto;
	width:750px;
}

div#infoPointDetailTop,
div#infoCharacterDetailTop {
	height:20px;
	background:url(/images/service/guide/information/bg_yellow.png) left top no-repeat;
}

div#infoPointDetailBottom,
div#infoCharacterDetailBottom {
	background:url(/images/service/guide/information/bg_yellow.png) left bottom no-repeat;
}

div#infoPointDetailBottom,
div#infoCashbackDetailBottom,
div#infoCharacterDetailBottom {
	padding-bottom:20px;
}

div#infoCashbackDetailBottom {
	padding-bottom:40px;
}

div#infoPointDetailBottom li,
div#infoCashbackDetailBottom li {
	padding-bottom:20px;
	width:340px;
	text-align:left;
}

li.point1,
li.cashback1,
li.point3,
li.cashback3 {
	display:inline;
	margin-left:35px;
}

li.point2 h3,
li.point2 p,
li.point2 img,
li.point4 h3,
li.point4 p,
li.point4 img,
li.cashback2 h3,
li.cashback2 p,
li.cashback2 img,
li.cashback4 h3,
li.cashback4 p,
li.cashback4 img {
	margin-left:30px;
}

li.point3 h3,
li.point4 h3,
li.cashback3 h3,
li.cashback4 h3 {
	margin-top:20px;
}

div#infoPointDetailBottom li p,
div#infoPointDetailBottom li img,
div#infoCashbackDetailBottom li p,
div#infoCashbackDetailBottom li img {
	margin-bottom:10px;
}