@charset "euc-jp";

/*----------------------------------------
style.css
create date:2008/12/19

-0.リセット・共通部分
-1.交換について
-2.Yahoo!ポイントのお得なため方
-3.ご利用シーンに応じてポイントを使い分けよう
-4.右カラム
-5.入会方法について
-6.サービスアイコン一覧（使える）

----------------------------------------*/

/*
0.共通部分
------------------------------*/

/*  ---- Reset ----  */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{ 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


/*  ---- Fontsize Base ----  */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.22;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:99%;}

/*  ---- Fontsize Pattern ----  */
/*
10px 	77%
11px 	85%
12px 	93% (was 93)
13px 	100%
14px 	108% (was 107)
15px 	116% (was 114)
16px 	123.1% (was 122)
*/
/*  ----------  */


a:link{
	font-size:100%;
	color:#0e0e0e;
	text-decoration:underline;
}
a:visited{
	font-size:100%;
	color:#0e0e0e;
	text-decoration:underline;
}

body{
	background:url(http://i.yimg.jp/images/points/promo/nanaco/main_bg.gif) top left repeat-x #b3e1ff;
	color:#0e0e0e;
}
/* 大枠の幅 */

.yj950-2 .mainimage{
	background:url(http://i.yimg.jp/images/points/promo/nanaco/mainimage_bg_2.jpg) top center no-repeat;
}

.yj950-2 #wrapper{
	text-align:left;
	line-height:1.4em;
	padding:0 10px !important;
}


/* === yj950-2 common  === */
.yj950-2 div#header{
	height:250px;
}
.yj950-2 div#main-area{
	width:630px;
	float:left;
}
.yj950-2 div#sub-area{
	width:300px;
	float:right;
}


/* clearfix */

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

/* IE対策 画像下の隙間埋 */
#main-area img,
#sub-area img{
	vertical-align:text-bottom;
}

/*=================================
 既存設定の上書き
=================================*/
#masthead{
	width:950px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	color:#fff;
}
#masthead a{
	color:#fff;
}

/* ---------- emg-patch ---------- */
div.emg3{
	margin: 0 0 20px 0;
	text-align: center;
	clear:both;
	}
div.emg2{
	margin: 0 0 0 0;
	text-align: center;
	clear:both;
	}
div.emg{
	margin: 0 0 20px 0;
	text-align: center;
	clear:both;
	}

div.emg table,div.emg2 table,div.emg3 table{
	margin: 0 auto;
	text-align: left;
	}

/* ie/mac \*//*/
div.emg, div.emg2, div.emg3{
	margin-left: 235px;
	}
/**/

/* ---------- emg-patch ---------- */


/*=================================
 footer
=================================*/
#contents-footer {
	margin:15px 0px 15px 0px;
	text-align:center;
}
#contents-footer a{
	color:#382210;
}

#footer address{
	background:url(http://i.yimg.jp/images/points/promo/nanaco/footer_line.gif) repeat-x;
	border-top: none;
	color:#382210;
}
#footer address a{
	color:#382210;
}
/*=================================
 共通class
=================================*/
.a_left{
	float:left;
}
.a_right{
	float:right;
}
.img-left{
	margin:0px 8px 0px 0px;
	float:left;
}
.img-right{
	margin:0px 0px 0px 8px;
	float:right;
}
.a-center{
	width:100%;
	margin:0 auto;
	text-align:center;
	padding:0 0 0 0
}
.clear{
	clear:both;
}

/*=================================
 margin/padding
=================================*/
.mrg_b1{margin-bottom:1px;}
.mrg_b3{margin-bottom:3px;}
.mrg_b5{margin-bottom:5px;}
.mrg_b10{margin-bottom:10px;}
.mrg_b15{margin-bottom:15px;}
.mrg_b20{margin-bottom:20px;}
.mrg_b25{margin-bottom:25px;}
.mrg_b30{margin-bottom:30px;}
.mrg_b35{margin-bottom:35px;}
.mrg_b40{margin-bottom:40px;}
.mrg_b45{margin-bottom:45px;}
.mrg_b50{margin-bottom:50px;}
.mrg_b55{margin-bottom:55px;}
.mrg_b60{margin-bottom:60px;}
.mrg_b80{margin-bottom:80px;}
.mrg_b100{margin-bottom:100px;}

.mrg_l3{margin-left:3px;}
.mrg_l5{margin-left:5px;}
.mrg_l10{margin-left:10px;}
.mrg_l15{margin-left:15px;}
.mrg_l20{margin-left:20px;}
.mrg_l25{margin-left:25px;}
.mrg_l30{margin-left:30px;}
.mrg_l35{margin-left:35px;}
.mrg_l40{margin-left:40px;}
.mrg_l45{margin-left:45px;}
.mrg_l50{margin-left:50px;}
.mrg_l55{margin-left:55px;}
.mrg_l60{margin-left:60px;}

.mrg_r5{margin-right:5px;}
.mrg_r10{margin-right:10px;}
.mrg_r15{margin-right:15px;}
.mrg_r20{margin-right:20px;}
.mrg_r25{margin-right:25px;}
.mrg_r30{margin-right:30px;}
.mrg_r35{margin-right:35px;}
.mrg_r40{margin-right:40px;}
.mrg_r45{margin-right:45px;}
.mrg_r50{margin-right:50px;}
.mrg_r55{margin-right:55px;}
.mrg_r60{margin-right:60px;}

.mrg_t5{margin-top:5px;}
.mrg_t10{margin-top:10px;}
.mrg_t15{margin-top:15px;}
.mrg_t20{margin-top:20px;}
.mrg_t25{margin-top:25px;}
.mrg_t30{margin-top:30px;}
.mrg_t35{margin-top:35px;}
.mrg_t40{margin-top:40px;}
.mrg_t45{margin-top:45px;}
.mrg_t50{margin-top:50px;}
.mrg_t55{margin-top:55px;}
.mrg_t60{margin-top:60px;}

.pdg_t5{padding-top:5px;}
.pdg_t10{padding-top:10px;}
.pdg_t15{padding-top:15px;}


.icon_sp{margin-right:5px;}

div.center,p.center{
	text-align:center;
}


/* 幅を決める枠 */
.w88{
	width:88px;
}
.w492{
	width:492px;
}

.w82{
	width:82px;
}
.w176{
	width:176px;
}
.w156{
	width:156px;
}
.w102{
	width:102px;
}
/*=================================
 テキスト
=================================*/
.common-text{
	font-size:83%;
	font-weight:bold;
}

.hidden-text{
	text-indent:-9999px;
	overflow:hidden;
	display:none;
}
.grayoff-text{
	color:#ccc;
}

.right-text{
	text-align:right;
}
.left-text{
	text-align:left;
}
.center-text{
	text-align:center;
}
.text_mid{
	vertical-align:middle;
}
strong{
	font-weight:bold;
	line-height: 130%;
}
.font_normal{font-weight:normal;}
.font_s83{
	font-size:83%;
	line-height: 130%;
}


/*=================================
 h1・h2・h3
=================================*/

h1{
	display:block;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
	height:24px;
}
h2{
	display:block;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
}
h3{
	display:block;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
}

h2.title1{background:url(http://i.yimg.jp/images/points/promo/nanaco/nanaco_title1_2.gif) no-repeat;width:630px;height:38px;margin-top:32px;}
h2.title1_2{background:url(http://i.yimg.jp/images/points/promo/nanaco/nanaco_title1_3.gif) no-repeat;width:630px;height:38px;margin-top:15px;}
h2.title2{background:url(http://i.yimg.jp/images/points/promo/nanaco/nanaco_title2.gif) no-repeat;width:630px;height:38px;}
h2.title3{background:url(http://i.yimg.jp/images/points/promo/nanaco/nanaco_title3.gif) no-repeat 17px 5px;/*26-9 14-9*/ width:578px;height:31px;/*40-9*/}

h2.rtitle1{background:url(http://i.yimg.jp/images/points/promo/nanaco/nanaco_rtitle1.gif) no-repeat;width:300px;height:92px;}
h2.rtitle2{background:url(http://i.yimg.jp/images/points/promo/nanaco/nanaco_rtitle2.gif) no-repeat 11px 0;width:290px;/*279+11*/height:37px;}
h2.rtitle3{background:url(http://i.yimg.jp/images/points/promo/nanaco/nanaco_rtitle3.gif) no-repeat;width:300px;height:41px;}
h2.rtitle4{background:url(http://i.yimg.jp/images/points/promo/nanaco/nanaco_rtitle4.gif) no-repeat;width:300px;height:42px;}

h2.etrttl01{background:url(http://i.yimg.jp/images/points/promo/nanaco/nanaco_etrttl01.gif) no-repeat;width:300px;height:38px;margin-top:32px;}

h3.etrttl02{background:url(http://i.yimg.jp/images/points/promo/nanaco/nanaco_etrttl02.gif) no-repeat;width:270px;height:47px;margin: 0 auto 10px;}
h3.etrttl03{background:url(http://i.yimg.jp/images/points/promo/nanaco/nanaco_etrttl03.gif) no-repeat;width:270px;height:47px;margin: 0 auto 10px;}


/*
1.交換について
------------------------------*/


.nanaco_title1wr{
	background-color:#fff;
	padding:8px;
	margin-bottom:15px;
	
}

.nanaco_title1wr .pointph{
	background:url(http://i.yimg.jp/images/points/promo/nanaco/nanaco_ti1_ph1.gif) no-repeat 50% 10px #f7f7e4;
	height:145px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
}

.nanaco_title1wr .pointph2{
	background:url(http://i.yimg.jp/images/points/promo/nanaco/nanaco_ti2_ph1_2.gif) no-repeat 50% 10px #f7f7e4;
	height:145px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
}

table.nanaco-table01{
	width:100%;
	border-collapse:separate;
}
table.nanaco-table01 th{
	width:10%;
	line-height:1.3em;
	padding:8px 20px;
	color:#3a2e1a;
	font-weight:bold;
	vertical-align:top;
}
table.nanaco-table01 td{
	line-height:1.3em;
	padding:8px 10px;
	text-align:left;
	vertical-align:top;
}
table.nanaco-table01 tr{
	background-color:#f7f7e4;
}
table.nanaco-table01 tr.colbg{
	background-color:#f0f0db;
}


dl.step1,dl.step2,dl.step3{
	float:left;

}
dl.step1 dt.step1{
	background:url(http://i.yimg.jp/images/points/promo/nanaco/nanaco_ti1_ph2.gif) no-repeat;
	width:208px;
	height:130px;
}
dl.step2 dt.step2{
	background:url(http://i.yimg.jp/images/points/promo/nanaco/nanaco_ti1_ph3.gif) no-repeat;
	width:209px;
	height:130px;
}
dl.step3 dt.step3{
	background:url(http://i.yimg.jp/images/points/promo/nanaco/nanaco_ti1_ph4.gif) no-repeat;
	width:190px;
	height:130px;
}
dl.step1 dd{
	width:185px;/*208-23*/
	padding-right:20px;
	padding-left:3px;
	line-height:1.4em;
}
dl.step2 dd{
	width:176px;/*209-33*/
	padding-right:28px;
	padding-left:5px;
	line-height:1.4em;
}
dl.step3 dd{
	width:184px;/*190-6*/
	padding-right:3px;
	padding-left:3px;
	line-height:1.4em;
}


/*矢印*/
.arrowwr1{
	background:url(http://i.yimg.jp/images/points/promo/nanaco/nanaco_ic01.gif) no-repeat 0 2px;
	padding-left:20px;
	font-size:90%;
	line-height:1.6em;
}

.arrowwr2{
	margin-right:20px;
}
dl.arrow{
	float:right;
}
dl.arrow dt{
	float:left;
	padding-top:3px;
}
dl.arrow dd{
	float:left;
}
/*add 090526*/
.arrowwr3{
	background:url(http://i.yimg.jp/images/points/promo/nanaco/nanaco_ic02.gif) no-repeat 0 0px;
	min-height:16px;
	_height:16px;
	padding-left:20px;
	padding-right:15px;
	line-height:1.1em;
	margin-left:10px;
	float:right;
}


/*
2.Yahoo!ポイントのお得なため方
------------------------------*/

.nanaco_title2wr{
	background-color:#81d0ea;
	padding:9px;
	margin-bottom:15px;
}

.nanaco_title2wr h3.text01{
	background:url(http://i.yimg.jp/images/points/promo/nanaco/nanaco_title2_txt1.gif) no-repeat 17px 5px;/*26-9 14-9*/
	width:500px;
	height:36px;/*45-9*/
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
}
.nanaco_title2wr .wh_wakuhead{
	background:url(http://i.yimg.jp/images/points/promo/nanaco/nanaco_whhead.gif) no-repeat;
	width:612px;
	height:5px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
}
.nanaco_title2wr .wh_wakubody{
	background:url(http://i.yimg.jp/images/points/promo/nanaco/nanaco_whfoot.gif) bottom left no-repeat #fff;
	width:592px;/*612-20*/
	padding:10px;
}
.nanaco_title2wr .text02{
	padding-top:5px;
	padding-bottom:10px;
	color:#472e16;
}


/*
3.ご利用シーンに応じてポイントを使い分けよう
------------------------------*/

.nanaco_title3wr{
	background-color:#efc38b;
	padding:9px;
	margin-bottom:15px;
}


.nanaco_title3wr .wh_wakuhead{
	background:url(http://i.yimg.jp/images/points/promo/nanaco/nanaco_whhead2.gif) no-repeat;
	width:612px;
	height:5px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
}
.nanaco_title3wr .wh_wakubody{
	background:url(http://i.yimg.jp/images/points/promo/nanaco/nanaco_whfoot2.gif) bottom left no-repeat #fff;
	width:582px;/*612-30*/
	padding:5px 15px 10px 15px;
}
.nanaco_title3wr .text02{
	margin:0 18px 10px 18px;
	color:#472e16;
	line-height:1.4em;
}
.nanaco_title3wr ul.service{
	margin:0 0px 0 0px;
}
.nanaco_title3wr ul.service li{
	width:172px;/*192-20*/
	float:left;
	padding-left:20px;
}

.nanaco_title3wr ul.service li.service1{
	background:url(http://i.yimg.jp/images/sicons/avata16.gif) no-repeat 0 2px;
}
.nanaco_title3wr ul.service li.service2{
	background:url(http://i.yimg.jp/images/sicons/fortune16.gif) no-repeat 0 2px;
}
.nanaco_title3wr ul.service li.service3{
	background:url(http://i.yimg.jp/images/sicons/payment16.gif) no-repeat 0 2px;
}
.nanaco_title3wr ul.service li.service4{
	background:url(http://i.yimg.jp/images/sicons/koukin16.gif) no-repeat 0 2px;
}
.nanaco_title3wr ul.service li.service5{
	background:url(http://i.yimg.jp/images/sicons/comic16.gif) no-repeat 0 2px;
}
.nanaco_title3wr ul.service li.service6{
	background:url(http://i.yimg.jp/images/sicons/shopping16.gif) no-repeat 0 2px;
}
.nanaco_title3wr ul.service li.service7{
	background:url(http://i.yimg.jp/images/sicons/toto16.gif) no-repeat 0 2px;
}
.nanaco_title3wr ul.service li.service8{
	background:url(http://i.yimg.jp/images/sicons/travel16.gif) no-repeat 0 2px;
}
.nanaco_title3wr ul.service li.service9{
	background:url(http://i.yimg.jp/images/sicons/bank16.gif) no-repeat 0 2px;
}
.nanaco_title3wr ul.service li.service10{
	background:url(http://i.yimg.jp/images/sicons/biztravel16.gif) no-repeat 0 2px;
}
.nanaco_title3wr ul.service li.service11{
	background:url(http://i.yimg.jp/images/sicons/volunteer16.gif) no-repeat 0 2px;
}
.nanaco_title3wr ul.service li.service12{
	background:url(http://i.yimg.jp/images/sicons/music16.gif) no-repeat 0 2px;
}


/*
4.右カラム
------------------------------*/

.nanaco_rtitlewr{
	background:url(http://i.yimg.jp/images/points/promo/nanaco/nanaco_rwakubg.gif) repeat-y;
	padding-bottom:5px;
}
.nanaco_rtitlewr p.text01{
	margin-left:14px;
	margin-right:14px;
}
.nanaco_rtitlewrfoot{
	background:url(http://i.yimg.jp/images/points/promo/nanaco/nanaco_rwakufoot.gif) no-repeat;
	height:5px;
	padding:0 9px;
	margin-bottom:10px;
	overflow:hidden;
	font-size:0;
}


/*
5.入会方法について
------------------------------*/

.nanaco_etrwr{
	background:url(http://i.yimg.jp/images/points/promo/nanaco/nanaco_etrbg.gif) repeat-y;
	padding-bottom:10px;
}
.nanaco_etrwr p.text01{
	margin-left:14px;
	margin-right:14px;
}
.nanaco_etrwr .text02{
	margin-left:21px;
	margin-right:21px;
}
.nanaco_etrwrfoot{
	background:url(http://i.yimg.jp/images/points/promo/nanaco/nanaco_etrfoot.gif) no-repeat;
	height:5px;
	padding:0 9px;
	margin-bottom:5px;
	overflow:hidden;
	font-size:0;
}


/*
6.サービスアイコン一覧（使える）
------------------------------*/
.wh_wakubody ul.useServiceIcLi {
width: 100%;
}

.wh_wakubody ul.useServiceIcLi li {
line-height: 1.4em;
float: left;
width: 177px;
margin: 2px 0;
text-indent: -16px;
padding: 0 0 0 16px;
}

.wh_wakubody ul.useServiceIcLi img {
margin:0 4px 0 0;
vertical-align:middle;
}

/* clearfix */
.clfix{*zoom:1;}.clfix:after{content:"";display:block;clear:both;}