

/*一覧*/

.pb20{
    padding-bottom : 20px;
}

body.info#index div#main #infobox,
#index #importantinfobox{
	margin-bottom : 7px;
}
body.info#index div#main #infobox p{
	margin : 0;
}
body.info#index div#main #infobox p.date{
	color : #333;
	vertical-align: middle;
}
body.info#index div#main #infobox p.date img{
	margin-bottom : 2px;
	margin-right:3px;
}

body.info#index div#main #infobox ul{
	margin : 5px 5px 0 5px;
}
body.info#index div#main #infobox ul li{
	background-image : url('/s/common/images/link_point01.png'),url('/s/common/images/underline_dotte01.png');
	background-repeat : no-repeat,repeat-x;
	background-position : 100% 50%,left bottom;
	-webkit-background-size: auto 13px,19px auto;
	background-size: auto 13px,19px auto;
	padding : 2px 0;
	font-size : 12px;
}
body.info#index div#main #infobox ul li:first-child{
	background-image : url('/s/common/images/link_point01.png'),url('/s/common/images/underline_dotte01.png'),url('/s/common/images/underline_dotte01.png');
	background-repeat : no-repeat,repeat-x,repeat-x;
	background-position : 100% 50%,left bottom,left top;
	-webkit-background-size: auto 13px,19px auto,19px auto;
	background-size: auto 13px,19px auto,19px auto;
	padding : 2px 0;
	font-size : 12px;
}
body.info#index div#main #infobox li.nolink{
	background-image : url('/s/common/images/underline_dotte01.png');
	background-repeat : repeat-x;
	background-position : left bottom;
	-webkit-background-size: a19px auto;
	background-size: 19px auto;
}
body.info#index div#main #infobox ul li:first-child.nolink{
	background-image : url('/s/common/images/underline_dotte01.png'),url('common/images/underline_dotte01.png');
	background-repeat : repeat-x,repeat-x;
	background-position : left bottom,left top;
	-webkit-background-size: 19px auto,19px auto;
	background-size: 19px auto,19px auto;
}


body.info#index div#main #infobox ul li a,
body.info#index div#main #infobox ul li span.nolink{
	display : block;
	padding : 5px 28px 5px 5px;
	line-height : 1.2em;
	min-height : 35px;
}

body.info#index div#main #infobox li.pc{
	background-image : url('/s/common/images/link_point05.png'),url('/s/common/images/underline_dotte01.png');
	background-repeat : no-repeat,repeat-x;
	background-position : 100% 50%,left bottom;
	-webkit-background-size: auto 13px,19px auto;
	background-size: auto 13px,19px auto;
}
body.info#index div#main #infobox ul li:first-child.pc{
	background-image : url('/s/common/images/link_point05.png'),url('/s/common/images/underline_dotte01.png'),url('common/images/underline_dotte01.png');
	background-repeat : no-repeat,repeat-x,repeat-x;
	background-position : 100% 50%,left bottom,left top;
	-webkit-background-size: auto 13px,19px auto,19px auto;
	background-size: auto 13px,19px auto,19px auto;
}


body.info#index div#main #infobox p.att{
	color : #ff0000;
	font-size : 9px;
	margin : 5px;
	line-height : 1.2em;
}

body.info#index div#main .banner{
	width : 100%;
}
body.info#index div#main .banner li{
	float : left;
	margin-left : 2%;
	width : 32%;
	zoom : 1;
}
/*
body.info#index div#main .banner li,
body.info#index div#main .banner3 li{
	width : 90px;
	zoom : 1;
}
*/
body.info#index div#main .banner li:first-child{
	margin-left : 0;
}

body.info#index div#main .banner3 li:nth-child(3n+1){
	float : left;
}
body.info#index div#main .banner3 li:nth-child(3n+2){
	float : right;
}
body.info#index div#main .banner3 li:nth-child(3n){
	margin : 0 auto;
	text-align : center;
}


body.y2016#d03xx-isesima div#main div.gotouchi{
	border : 1px solid #002460;
	padding : 10px;
	background : url('/info/service/y2016/images/d0307-isesima_gotochi_bg.jpg') repeat-x;
}
body.y2016#d03xx-isesima div#main div.gotouchi h3{
	background : none;
	margin : 0 0 20px 0;
	padding : 5px 0 10px 0;
	text-align : center;
	border-bottom : 1px solid #002460;
	color : #002460;
}
body.y2016#d03xx-isesima div#main div.gotouchi p.btn{
	text-align : center;
	margin : 0;
}

body.y2016#d03xx-isesima div#main ul.card{
	width : 100%;
	margin-bottom : 0;
}
body.y2016#d03xx-isesima div#main ul.card p,
body.y2016#d03xx-isesima div#main ul.card div{
	margin : 0;
}
body.y2016#d03xx-isesima div#main ul.card li{
	margin-bottom : 15px;
}
body.y2016#d03xx-isesima div#main ul.card li a{
	float : left;
	margin-right : 5px;
	margin-top : 5px;
	width : 50%;
	display : block;
}



body.y2016#d0607waonpoint #sContents{
}
body.y2016#d0607waonpoint #sContents div.service{
}
body.y2016#d0607waonpoint #sContents div.service .att{
	font-size : 90%;
	color : #ff0000;
	text-align : center;
	margin-top : 5%;
	margin-bottom : 5%;
}
body.y2016#d0607waonpoint #sContents div.service .serviceBtn{
	margin-top : 5%;
}

body.y2016#d0607waonpoint #sContents div.service02{
	background : #f8f7f2;
	text-align : center;
	padding-bottom : 3%;
}
body.y2016#d0607waonpoint #sContents div.service02 p{
	text-align : center;
	margin : 3%;
}
body.y2016#d0607waonpoint #sContents div.service02 a{
	text-decoration : underline;
	font-size : 120%;
	font-weight : bold;
	color : #005ea8;
}
body.y2016#d0607waonpoint #sContents p.faqbtn{
	text-align : center;
	margin : 10% auto;
}
body.y2016#d0607waonpoint #sContents .mt20{
	margin-top : 20px;
}
body.y2016#d0607waonpoint #sContents ul.notes{
	margin-top : 2%;
	color : #5c5959;
}
body.y2016#d0607waonpoint #sContents ul.notes.ce{
	text-align : center;
}



body.y2016#d0607waonpoint #gContents div.stepBox{
	margin-bottom : 20%;
	margin-top : 10%;
	background : url('/info/service/y2016/images/waonpoint_guide/block_line.png') no-repeat;
	background-position : bottom center;
	padding-bottom : 5%;
	background-size : auto 2px;
	-webkit-background-size: auto 2px;
}
body.y2016#d0607waonpoint #sContents div.stepBox h2{
	background : none;
	padding : 0;
}

body.y2016#d0607waonpoint #sContents div.stepBox .return_pagetop{
	margin-top : 10%;
	text-align : center;
}
body.y2016#d0607waonpoint #sContents div.stepBox .return_pagetop a{
	display : inline-block;
	border-radius : 5px;
	color : #fff;
	background : #002f7c;
	padding : 3px 5px;
}

body.y2016#d0607waonpoint #sContents div.innerbox .step_link{
    border : 3px solid #21adde;
	border-radius : 10px;
    text-align : center;
	padding : 2% 5% 2% 5%;
	margin-top : 10%;
}
body.y2016#d0607waonpoint #sContents div.innerbox .step_link h3{
	margin-top : -7%;
	margin-bottom : 7%;
}

body.y2016#d0607waonpoint #sContents div.innerbox .step_link .dlLink_tit{
    text-align : left;
    margin-bottom : 5%;
}

body.y2016#d0607waonpoint #sContents div.innerbox .step_link .dlLink_tit02{
    text-align : left;
    margin-bottom : 5%;
    margin-top : 15%;
}

body.y2016#waonpoint_monthly #main .step_link{
    border : 3px solid #21adde;
	border-radius : 10px;
    text-align : center;
	padding : 2% 5% 2% 5%;
	margin-top : 10%;
    margin-bottom : 10%;
}

body.y2016#waonpoint_monthly #main .step_link h3{
	margin-top : -8%;
	margin-bottom : 7%;
    background : none;
    border : none;
}

body.y2016#waonpoint_monthly #main .step_link .dlLink_tit{
    text-align : left;
    margin-bottom : 5%;
}

body.y2016#waonpoint_monthly #main .step_link .dlLink_tit02{
    text-align : left;
    margin-bottom : 5%;
    margin-top : 15%;
}

body.y2016#d0607waonpoint #sContents .bgp{
	background : #ae007a;
	color : #fff;
	border : 2px solid #ae007a;
}
body.y2016#d0607waonpoint #sContents .notes.indent{
	text-indent : -3em;
	padding-left : 3em;
	margin-bottom : 5px;
}
body.y2016#d0607waonpoint #sContents .mb2p{
	margin-bottom : 2%;
}
body.y2016#d0607waonpoint #sContents .pb5p{
	padding-bottom : 5%;
}
body.y2016#d0607waonpoint #sContents h3{
	background : none;
	padding : 0;
	border : none;
}

body.y2016#d0607waonpoint #sContents .bgRed{
	text-align : center;
	background : #e60012;
	color : #fff;
	padding : 3%;
}








body.y2016#d0607waonpoint #sContents div.service2 .guidebtn{
	text-align : center;
	margin-bottom : 15%;
	margin-top : 5%;
}

body.y2016#d0607waonpoint #sContents div.btnBox{
	margin-top : 6%;
	font-size : 80%;
	margin-bottom : 3%;
}
body.y2016#d0607waonpoint #sContents div.btnBox p{
	margin-bottom : 0;
}

body.y2016#d0607waonpoint #sContents p.btmBtn {
	margin-top : 7%;
}
body.y2016#d0607waonpoint #sContents p.ppl {
	color : #b34391;
	margin-bottom : 3%;
}

body.y2016#d0607waonpoint #sContents .attBox,
body.y2016#waonpoint_monthly .attBox{
	margin-top : 10%;
	border-top : 1px solid #c0c0c0;
	padding-top : 10px;
}
body.y2016#d0607waonpoint #sContents .attBox h3,
body.y2016#waonpoint_monthly .attBox .f110 {
	font-size : 110%;
    font-weight : bold;
	border : none;
	padding : 0;
	color : #333;
	background : none;
	margin : 0;
}
body.y2016#d0607waonpoint #sContents .attBox p,
body.y2016#waonpoint_monthly .attBox p {
	margin-bottom : 10px;
}
body.y2016#d0607waonpoint #sContents .information{
	margin : 10% auto;

	text-align : left;
	
}
body.y2016#d0607waonpoint #sContents .informationInner{
	padding : 5%;
	
}
body.y2016#d0607waonpoint #sContents .information p{
	margin : 3% auto;
}
body.y2016#d0607waonpoint #sContents .information p.title{
	font-size : 130%;
}
body.y2016#d0607waonpoint #sContents .information a{
	text-decoration : underline;
	font-size : 130%;
}








body.y2016#d0607waonpoint #gContents{
	margin-bottom : 20%;
	color : #5c5959;
}
body.y2016#d0607waonpoint #gContents.mb0{
	margin-bottom : 0;
}
body.y2016#d0607waonpoint #gContents .mt20{
	margin-top : 20px;
}
body.y2016#d0607waonpoint #gContents ul.notes{
	margin-top : 2%;
	color : #5c5959;
}
body.y2016#d0607waonpoint #gContents ul.notes.ce{
	text-align : center;
}
body.y2016#d0607waonpoint #gContents div.stepBox{
	margin-bottom : 20%;
	margin-top : 10%;
	background : url('/info/service/y2016/images/waonpoint_guide/block_line.png') no-repeat;
	background-position : bottom center;
	padding-bottom : 5%;
	background-size : auto 2px;
	-webkit-background-size: auto 2px;
}
body.y2016#d0607waonpoint #gContents div.stepBox h2{
	background : none;
	padding : 0;
}

body.y2016#d0607waonpoint #gContents div.stepBox .return_pagetop{
	margin-top : 10%;
	text-align : center;
}
body.y2016#d0607waonpoint #gContents div.stepBox .return_pagetop a{
	display : inline-block;
	border-radius : 5px;
	color : #fff;
	background : #002f7c;
	padding : 3px 5px;
}

body.y2016#d0607waonpoint #gContents #detail_point h5{
	border-bottom : 3px solid #31b2ea;
	font-size : 14px;
	font-weight : bold;
	color : #31b2ea;
	padding : 0 0px 5px 0;
	margin : 0;
	margin-bottom : 10%;
	text-align : left;
}

body.y2016#d0607waonpoint #gContents #detail_point h4,
body.y2016#d0607waonpoint #gContents #detail_faq h4{
	padding : 0;
	background : none;
	margin-bottom : 10%;
}
body.y2016#d0607waonpoint #gContents #detail_faq dl{

}
body.y2016#d0607waonpoint #gContents #detail_faq dt{
	color : #ae007a;
	text-indent : -2em;
	padding-left : 2em;
}
body.y2016#d0607waonpoint #gContents #detail_faq dd{
	border-bottom : 1px solid #1fa8de;
	margin-bottom : 5%;
	padding-bottom : 5%;
	text-indent : -1.5em;
	padding-left : 2em;
}
body.y2016#d0607waonpoint #gContents #detail_faq ul.links{

	margin-bottom : 0;
}
body.y2016#d0607waonpoint #gContents #detail_faq ul.links li.circle a{
	padding-left: 30px;
	background-image: url(/common/images/mark-links-circle.gif);
	-webkit-background-size: 10px auto;
	-moz-background-size: 10px auto;
	background-size: 10px auto;
	background-position:0px 2px;
	display:inline-block;
	margin-left : 0;
}

body.y2016#d0607waonpoint #gContents .bgp{
	background : #ae007a;
	color : #fff;
	border : 2px solid #ae007a;
}

body.y2016#d0607waonpoint #gContents .notes.indent{
	text-indent : -3em;
	padding-left : 3em;
	margin-bottom : 5px;
}
body.y2016#d0607waonpoint #gContents .mb2p{
	margin-bottom : 2%;
}
body.y2016#d0607waonpoint #gContents h3{
	background : none;
	padding : 0;
	border : none;
}




body.y2016#d0607waonpoint #rContents h2{
	border-bottom : 3px solid #1fa8de;
	font-weight : bold;
	color : #31b2ea;
	margin : 20% 0 8% 0;
	line-height : 1.5em;
	padding-bottom : 3%;
	background : none;
}
body.y2016#d0607waonpoint #rContents h2.ttl01{
	margin : 0% 0 8% 0;
}
body.y2016#d0607waonpoint #rContents h2 span.smark{
	display : block;
	padding-left : 28px;
	margin-bottom : 0;
}
body.y2016#d0607waonpoint #rContents h2.ttl01 span.smark{
	background : url('/info/service/y2016/images/waonpoint_guide/receipt_title_bg1.png') no-repeat;
	background-position : 0 50%;
	background-size : 25px;
	-webkit-background-size: 25px;
	display : block;
}
body.y2016#d0607waonpoint #rContents h2.ttl02 span.smark{
	background : url('/info/service/y2016/images/waonpoint_guide/receipt_title_bg2.png') no-repeat;
	background-position : 0 50%;
	background-size : 25px;
	-webkit-background-size: 25px;
	display : block;
}
body.y2016#d0607waonpoint #rContents h2.ttl03 span.smark{
	background : url('/info/service/y2016/images/waonpoint_guide/receipt_title_bg3.png') no-repeat;
	background-position : 0 50%;
	background-size : 25px;
	-webkit-background-size: 25px;
	display : block;
}

body.y2016#d0607waonpoint #rContents .images{
	margin : 20px 0;
}
body.y2016#d0607waonpoint #rContents .btn{
	margin : 20px 0;
	padding : 0 10px;
}


body.y2016#waonpoint_monthly .uTxt{
	text-decoration : underline;
}
body.y2016#waonpoint_monthly .bTxt{
	font-size : 120%;
	font-weight : bold;
}
body.y2016#waonpoint_monthly .red{
	color : #ff0000;
}
body.y2016#waonpoint_monthly .urTxt{
	text-decoration : underline;
	color : #ff0000;
}
body.y2016#waonpoint_monthly .urTxtIn{
	color : #333;
}




body#infopress #main .r_photo{
    width : 30%;
    float : right;
}
body#infopress #main .l_text{
    width : 65%;
    float : left;
}




body#infopress #main ol{
    
}

body#infopress #main li.privilege{
    
    font-weight : bold;
}

body#infopress #main table{
    width : 100%;
    margin : 0 auto 20px auto;
    border-collapse : separate;
    border-spacing: 2px;
    border : 1px solid #62a1cb;
}

body#infopress #main td{
    width : 50%;
    font-size : 90%;
    text-align : center;
    padding : 10px;
    border : 1px dotted #62a1cb;
    background : #e7f4fc;
}

