@charset "shift-JIS";


/*-------------------------------
‹¤’Ê
--------------------------------*/
p,ul,dl {
	padding: 0px;
	margin: 0px;
}

ul#tab{
	width:704px;
	height:46px;
	margin:10px auto 0;
}
ul#tab li{
	float:left;
	background:top left no-repeat;
	display:block;
	height:46px;
	text-indent: -9999px;
}
ul#tab li a{
	display: block;
	height:46px;
}
ul#tab li#tab1_on{
	background:url(../image/tab1_on.gif);
	width:346px;
}
ul#tab li#tab1_off{
	background:url(../image/tab1_off.gif);
	width:358px;
}
ul#tab li#tab2_on{
	background:url(../image/tab2_on.gif);
	width:346px;
}
ul#tab li#tab2_off{
	background:url(../image/tab2_off.gif);
	width:358px;
}
ul#tab li#tab1_off a{
	width:347px;
	height:37px;
}
ul#tab li#tab2_off a{
	width:346px;
	height:37px;
	float:right;
}
div#tabBody{
	width:702px;
	margin:0 auto 20px;
	padding:10px 0;
	border:#d5d6d3 solid 1px;
}
div#giftcampaign {
	width: 678px;
	margin: 0 auto;
}
h2#about{
	background: url(../image/title_about.jpg) no-repeat left top;
	height: 30px;
	width: 678px;
}
h2#howToUse{
	background: url(../image/title_howtouse.jpg) no-repeat left top;
	height: 30px;
	width: 678px;
}
h2#pointCharge{
	background: url(../image/point_charge.jpg) no-repeat left top;
	width:700px;
	height:121px;
}
div#tabBody p.hedge01 {
	width: 665px;
	margin-left: 12px;
	border-right: 1px solid #DDDEDA;
	border-left: 1px solid #DDDEDA;
	padding: 0px 0px 10px 11px;
}
*:first-child+html div#tabBody p.hedge01 {
	margin-left: 1px;
}
* html div#tabBody p.hedge01 {
	margin-left: 1px;
}
div#pointChargeBody{
	width:700px;
	margin:0 auto;
	background:url(../image/point_charge_bg.gif) repeat-y left top;
}
div#pointChargeFooter{
	width:700px;
	height:5px;
	background:url(../image/point_charge_ft.gif) no-repeat left bottom;
}
dl#nanacoGift{
	width: 678px;
	margin:20px 0 30px;
}

dl#nanacoGift dt {
	float: left;
	width: 218px;
}
dl#nanacoGift dd {
	font-size: 80%;
	float: left;
	text-align:left;
	width:430px;
	padding-right:30px;
}
dl#nanacoGift dt img{
	margin: 0 28px 0 15px;
}

p.about-txt01 {
	clear: both;
	background: url(../image/about_txt01.gif) no-repeat left top;
	height: 25px;
	text-indent: -9999px;
	margin: 10px 0;
}
div.flow {
	width: 678px;
	position: relative;
	color: #666;
	line-height: 1.2em;
	padding-bottom:40px;
}

div.flow a {
	color: #E2194F;
}
div.flow ol {
	background: url(../image/bg_flow.gif) repeat-y left bottom;
	padding-bottom: 10px;
}

div.flow li {
	float: left;
	width: 164px;
	margin-right: 7px;
}

div.flow li.flow-end{
	margin-right: 0;
}

div.flow p.text, div.flow p.hedge{
	margin: 7px 12px 0 12px;
}

div.flow p.hedge {
	text-indent: -1em;
	padding-left:1em;
}

div.flow p.arrow1, div.flow p.arrow2, div.flow p.arrow3{
	position: absolute;
	top: 86px;
}
div.flow p.arrow1{
	left: 162px;
}

div.flow p.arrow2 {
	left: 333px;
}

div.flow p.arrow3 {
	left: 504px;
}

ul#btn {
	clear: left;
	height:42px;
	margin:0 0 40px 14px;
}
ul#btn li{
	width: 308px;
	height: 42px;
	float:left;
}

ul#btn li.to-nanaco {
	background: url(../image/btn_to_nanaco.gif) no-repeat right bottom;
	margin-right: 33px;
}

ul#btn li.to-gift {
	background: url(../image/btn_to_gift.gif) no-repeat right bottom;
}

ul#btn li a {
	text-indent: -9999px;
	display: block;
	height: 42px;
	width: 308px;
}

/*infomation*/
div#infomation{
	width:678px;
	background:url(../image/info_content.gif) bottom left no-repeat;
	margin:0 auto 10px auto;
	padding:0 0 16px 0;
	min-height:50px;
}
div#infomation h2{
	width: 678px;
	height: 49px;
	background:url(../image/info_title.gif) left top no-repeat;
	text-indent: -9999px;
	position:static;
}
div#infomation ul{
	background:none;
	margin:-30px 12px 0 130px;
	padding:0 10px;
}
div#infomation ul li{
	line-height:1.5;
	padding:0 0 0.5em 0;
	list-style-type:disc;
}

/*-------------------------------
point-list
--------------------------------*/
div#point-list {
	clear: both;
	width: 654px;
	text-align: left;
	margin: 0 auto;
}

div#point-list div.pointAria {
	background:url(../image/bg_main.gif) no-repeat;
	width:654px;
	margin:0 0 5px 0;
}

div#point-list div.pointAria dl.point01 {
	width:654px;
}

div#point-list div.pointAria dl.point01 dd.left {
	border-top:solid 1px #CCCCCC;
	width:175px;
	float:left;
	padding-top:10px;
}

div#point-list div.pointAria dl.point01 dd.left p {
	font-weight:bold;
	padding:0 0 5px 10px;
}

div#point-list div.pointAria dl.point01 dd.left p.txt01 {
	padding:0 0 5px 15px;
	background: url(../../../common/image/ic/ic_win3.gif) no-repeat left 5px;
	margin-left: 10px;
}

div#point-list div.pointAria dl.point01 dd.left p.txt02 {
	padding:0 0 5px 25px;
}

div#point-list div.pointAria dl.point01 dd.right {
	width:479px;
	float:right;
}

div#point-list div.pointAria dl.point01 dd.right div.detail01 {
	background:url(../image/line_dot.gif) no-repeat right bottom;
	width:479px;

}

div#point-list div.pointAria dl.point01 dd.right div.detail01 p {
	text-align:center;
}

div#point-list div.pointAria dl.point01 dd.right div.detail01 p img {
	display:block;
	padding-bottom:5px;
}

div#point-list div.pointAria dl.point01 dd.right div.detail01 p.item01 {
	margin:15px 0 7px 17px;
	_margin:15px 0 7px 8px;
	float:left;
}

div#point-list div.pointAria dl.point01 dd.right div.detail01 p.item01 span {
	display: block;
	font-size: 80%;
	padding-top:3px;
}

div#point-list div.pointAria dl.point01 dd.right div.detail01 p.item02_01 {
	margin:15px 0 7px 65px;
	float:left;
}
div#point-list div.pointAria dl.point01 dd.right div.detail01 p.item02_02 {
	margin:15px 0 7px 50px;
	float:left;
}
div#point-list div.pointAria dl.point01 dd.right div.detail01 p.item02 {
	margin:15px 0 7px 100px;
	float:left;
}

div#point-list div.pointAria dl.point01 dd.right div.detail01 p.item03 {
	clear:both;
	margin:0 20px 0 17px;
	_margin:0 20px 0 8px;
	font-size:70%;
	text-align:left;
}

div#point-list div.pointAria dl.point01 dd.right div.detail02 {
	background:url(../image/line_dot.gif) no-repeat top;
	padding:10px 10px 15px 17px;
}
	
div#point-list div.pointAria dl.point01 dd.right div.detail02 p {
	padding-bottom:10px;
}

div#point-list div.pointAria dl.point01 dd.right div.detail02 p.link01 {
	background:url(/common/image/ic/ic_win2.gif) no-repeat;
	padding-left:16px;
	line-height:1.0;
}

div#point-list div.pointAria dl.point01 dd.right div.detail02 p.link02 {
	background:url(../image/ic_contact.gif) no-repeat;
	padding-left:88px;
	line-height:1.0;
} 

.point_btm {
	background:url(../image/bg_btm.gif) no-repeat;
	width:654px;
	height:5px;
	clear:both;
}

/*-------------------------------
gift
--------------------------------*/

div#giftcampaign div.gift {
	display:block;
	border:1px solid;
	border-color:#CD3D56;
	margin-bottom:20px;
	height:215px;
	}
	
div#giftcampaign div.gift img {
	margin-bottom:5px;
	}
	
div#giftcampaign div.gift dl dd.a{
	display:block;
	float:left;
	margin-right:70px;
	margin-left:5px;
	width:450px;
	text-align:left;
	}
	
div#giftcampaign div.gift dl dd.a ul{
	font-size:80%;
	margin:0;
	width:450px;
	}

div#giftcampaign div.gift dl dd.a ul li{
	margin-left:1em;
	padding-left:1em;
	text-indent:-1em;
	}
	

/* clearfix
--------------------------------------*/
dl:after,
ol:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}
	
*:first-child+html div.flow ol {display: inline-block;}

* html div.flow ol {height: 1%;}