@charset "shift-JIS";


/*-------------------------------
common
--------------------------------*/
p#info {
	background:#FFDEDE;
	color:#FF0000;
	margin-bottom:20px;
	padding:30px 0;
	text-align:center;
	font-size: 100%;
	font-weight:bold
}
p#info_btm {
	background:#FFDEDE;
	color:#FF0000;
	padding:50px 0;
	text-align:center;
	font-size: 100%;
	font-weight:bold;
	width:678px;
	margin:0 auto 10px;
}

/*-------------------------------
eco_point.html
--------------------------------*/
div#contents{
	padding-bottom:90px;
	background:url(../image/ecopoint/bg_btm.jpg) no-repeat center bottom;
	}
h1,h2,h3{text-indent:0;}
h2{margin-bottom:20px;}
h3{text-align:left;}
ul{margin:0;}
li{font-size:100%;}
.index{
	width:704px;
	margin:0 auto;
	}
.index div{margin-bottom:20px;}	
.main{margin-bottom:10px;}
.section{margin-bottom:30px;}	
.txt{
	width:653px;
	margin:0 auto;
	}
.txtb{
	width:653px;
	font-weight:bold;
	margin-top:1em;
	margin-left:2em;
	}	
.hedge{
	margin-top:1em;
	font-size:80%;
	color:#666;
	}
em{
	font-style:normal;
	font-weight:bold;
	color:#F00;
	}	

/* point
-----------------------*/
.point{
	height:225px;
	background:url(../image/ecopoint/bg_point_rev2.jpg) no-repeat 0 0;
	*zoom:1;
	}		
.point h2{
	margin-bottom:10px;
	padding:10px 0 0 95px;
	text-align:left;
	}	
.point ul{
	padding:0 0 8px 12px;
	*padding-bottom:0;
	}
.point ul li{
	float:left;
	margin-right:5px;
	line-height:1;
	font-size:0;
	}	
.point p {
	text-align: right;
	padding:0 12px 8px 0;
	}

/* btn
-----------------------*/
.btn p{float:right;}		
.btn p.txt{
	float:left;
	width:370px;
	}
.btn_end p.txt{
	text-align:left;
	width:704px;
	}

/* note
-----------------------*/
.note{
	width:682px;
	padding:10px;
	border:#CCC 1px solid;
	}
.note p{
	padding-left:65px;
	background:url(../image/ecopoint/ic_note.gif) no-repeat 0 50%;
	}

/* tab
-----------------------*/
.tab{
	position:relative;
	*zoom:1;
	}	
.ecopoint .tab{border-bottom:#3CCA3C 4px solid;}
.ecopoint02 .tab{border-bottom:#1DB8CE 4px solid;}
.ecopoint03 .tab{border-bottom:#FF3366 4px solid;}
.tab li{
	display:inline;
	}	
.tab li a{
	display:block;
	float:left;
	width:240px;
	height:34px;
	background:url(../image/ecopoint/tab.gif) no-repeat 0 0;
	}
.tab .jutaku a{background-position:-240px 0;}	
.ecopoint .tab .jutaku a,
.ecopoint03 .tab .jutaku a{background-position:-240px -34px;}
.tab .kaden a{background-position:0 0;}
.ecopoint02 .tab .kaden a,
.ecopoint03 .tab .kaden a{background-position:0 -34px;}
.tab span{
	position:relative;
	overflow:hidden;
	display:block;
	width:0;
	height:0;
	}
.tab p{
	position:absolute;
	right:0;
	top:0;
	}	

/* anchor
-----------------------*/
.anchor{
	width:666px;
	padding:6px 0 6px 38px;
	background:#E9F8BA;
	border-top:#239BDA 1px dotted;
	border-bottom:#239BDA 1px dotted;
	}	
.anchor li{
	display:inline;
	min-height:13px;
	height:auto !important;
	height:13px;
	padding:0 25px 0 17px;
	background:url(../image/ecopoint/arw_blue.gif) no-repeat left top;
	font-weight:bold;
	font-size:80%;
	color:#239BDA;
	}
	
/* term
-----------------------*/
#term{font-size:80%;}	
#term li{
	margin-bottom:20px;
	padding:5px 0 0 30px;
	background:url(../image/ecopoint/arw_leaf.gif) no-repeat left top;
	}	
#term li strong{color:#3BAF4A;}
#term li li{
	padding:0 0 0 1em;
	background:none;
	text-indent:-1em;
	}	

/* changeFlow
-----------------------*/
.changeFlow{
	width:678px;
	margin:0 auto;
	}
.changeFlow li{
	position:relative;
	margin-top:15px;
	padding-bottom:6px;
	background:#E1F2F7;
	*zoom:1;
	}
.changeFlow li ul{
	overflow:hidden;
	width:667px;
	margin-left:6px;
	padding:0 0 13px 0;
	background:url(../image/ecopoint/bg_change.gif) repeat-y left bottom;
	}	
.changeFlow li li{
	position:relative;
	float:left;
	width:205px;
	margin:0 26px 0 0;
	background:none;
	}
.changeFlow li .end{
	margin-right:0;
	}
.changeFlow li li p{
	width:180px;
	margin:0 auto;
	font-size:70%;
	}
.changeFlow li li .month{
	position:absolute;
	left:206px;
	top:68px;
	z-index:1;
	}
.changeFlow li .cord{
	position:absolute;
	right:0;
	top:6px;
	padding-left:15px;
	background:url(../../common/image/ic/ic_arrow_g_main.gif) no-repeat left 2px;
	}
.changeFlow li .btn{
	margin-top:50px;
	}

/* link
-----------------------*/
.link{margin:20px 0 0 44px;}				
.link li{
	float:left;
	width:328px;
	}
.link .btn{margin-right:20px;}

/* more
-----------------------*/
.more{
	position:relative;
	width:678px;
	height:74px;
	margin:15px auto 0;
	background:url(../image/ecopoint/bg_green_b.gif) no-repeat left top;
	}
.more p{
	position:absolute;
	left:23px;
	top:20px;
	}
.more ul{
	position:absolute;
	left:385px;
	top:10px;
	}

/* nanaco-entry
-----------------------*/
#nanaco-entry	{
	width: 672px;
	margin: 0 auto 14px;
	}
#nanaco-entry h2	{
	margin: 0;
	padding: 0;
	text-align: left;
	}
#nanaco-entry #admission{
	padding: 0 0 23px;
	background:#F5F3F1;
	margin:0 auto;
	}


#nanaco-entry #admission li{
	width:500px;
	margin:0 auto;
	}

#nanaco-entry #admission .admission02	{margin-right: 0;}

/* faq
-----------------------*/
.faq{
	width:638px;
	margin:0 auto 20px;
	padding:10px;
	border:#999999 1px solid;
	text-align:left;
	}
.faq h2{margin-bottom:0;}
.faq li{
	display:inline;
	min-height:13px;
	height:auto !important;
	height:13px;
	padding:0 5px 0 15px;
	background:url(../../common/image/ic/ic_arrow_g_main.gif) no-repeat left 1px;
	font-size:80%;
	}

/* contact
-----------------------*/
.contact{
	width:660px;
	margin:0 auto;
	padding-bottom:5px;
	background:url(../image/ecopoint/bg_green_s_btm.gif) no-repeat left bottom;
	}	
.contact dl{
	overflow:hidden;
	margin:0;
	padding-top:11px;
	background:url(../image/ecopoint/bg_green_s_top.gif) no-repeat left top;
	padding-bottom: 3px;
	*padding-bottom: 2px;
	}
.contact dt{
	float:left;
	clear:both;
	padding:11px 0 0 23px;
	}
.contact dd{
	width:auto;
	padding-left:287px;
	text-align:left;
	font-size:80%;
	}
.contact .txt {_padding-left:284px;}
.contact .other {margin-top:0.5em;}
	
/* cmp-bnr
-----------------------*/
.cmp-bnr	{
	margin: 0 auto 30px;
	text-align: center;
	}

/*-------------------------------
eco_point02.html
--------------------------------*/
table{
	width:676px;
	margin:0 auto;
	border:#CCC 1px solid;
	border-collapse:collapse;
	border-spacing:0;
	}
th{
	background:#F0FCDD;
	}
th,td{
	margin:0;
	padding:0;
	border:#CCC 1px solid;
	border-spacing:0;
	}
.entry,
.get{
	width:676px;
	margin:0 auto;
	}
.entry h3,
.get h3{margin-bottom:3px;}
.entry .txt,
.get .txt{width:620px;}
.ex{
	width:678px;
	margin:0 auto;
	text-align:right;
	}
.ex a{
	padding-left:15px;
	background:url(../image/ecopoint/ic_arw.gif) no-repeat 0 50%;	
	}

/*-------------------------------
eco_point03.html
--------------------------------*/
.favorite{
	width:704px;
	margin:0 auto 30px;
	text-align:right;
	}
.step{
	width:676px;
	margin:0 auto;
	text-align:left;
	font-size:80%;
	}
.step li{
	padding-left:70px;
	*display:inline;
	*zoom:1;
	}	
.step .step1{background:url(../image/ecopoint/bg_step1.gif) no-repeat 0 0;}
.step .step2{background:url(../image/ecopoint/bg_step2.gif) no-repeat 0 0;}
.step .step3{background:url(../image/ecopoint/bg_step3.gif) no-repeat 0 0; min-height:488px;*height:488px;}
.step .step4{background:url(../image/ecopoint/bg_step4_rev2.gif) no-repeat 0 0; min-height:305px;*height:305px;}
.step .subttl,
.step dd{
	padding-bottom:0.85em;
	_padding-bottom:0.3em;
	*padding-bottom:0.3em;
	padding-bottom:0.3em\9;
}
.step dl{margin-left:0;}
.step1{
	min-height:110px;
	height:auto !important;
	height:110px;
	}
.step1 dd{
	min-height:52px;
	height:auto !important;
	height:52px;
	padding-bottom:0;
	background:url(../image/ecopoint/img_step1.gif) no-repeat 500px 0;
	}
.step2{padding-bottom:0.7em;}
.step2 dd dl{
	padding:10px 15px;
	border:#CCC 1px solid;
	}
.step2 dd dt{
	margin:0 0 0.7em;
	padding:6px 0 6px 33px;
	background:url(../image/ecopoint/ic_q.gif) no-repeat 0 50%;
	font-size:100%;
	font-weight:bold;
	}	
.step2 li{
	display:block;
	padding:0 0 0 1em;
	text-indent:-1em;
	}
.step3 {
	margin-top: -15px\9;
	}
.step3 li{
	float:left;
	padding-left:0;
	}
.step3 .detail{text-align:right;}	
.step3 dd dd dt,
.step4 dd dt{
	margin:0 0 0.7em;
	font-size:100%;
	font-weight:bold;
	color:#228DC8;	
	}
.step4{
	min-height:210px;
	height:auto !important;
	height:210px;
	}
.step4 dd dl{
	padding-right:190px;
	background:url(../image/ecopoint/img_step4.gif) no-repeat right top;
	}
.apply{
	width:702px;
	margin-left:auto;
	margin-right:auto;
	border:#FF6600 1px solid;
	}
.apply dl{
	float:left;
	display:inline;
	margin:10px 0 0 10px;
	}

.step4 p{
	 font-size: 100%;
     margin-left: 0;
	 padding-bottom: 0.85em;
}
.step4_last{
	padding-bottom:0 !important;
}

/* clearfix
-----------------------*/
#admission,
.point ul,
.btn,
.tab ul,
.link,
.step3 ul,
.apply{*zoom : 1;}

#admission:after,
.point ul:after,
.btn:after,
.tab ul:after,
.link:after,
.step3 ul:after,
.apply:after{content : ''; display : block; clear : both;}