@charset "utf-8";
@import url("import.css");

/* -----------------------------------------------------------
CSS Information
 File name:      greenscore.css
 Style Info:     root directory用CSS
----------------------------------------------------------- */

/*----------------------------------------------------
	greenscoreページ用　scorepointページは160行目あたりから
----------------------------------------------------*/
h2 {
	margin:10px 0 0 0;
	clear:both;
}

h2#train {
	margin:10px 0;
	clear:both;
}

#main_contents_area ul {
	margin:8px 0 10px 25px;
}

#main_contents_area a img {
	border:5px solid #dcdbc9;
	padding:5px;
}

#main_contents_area a p {
	text-align:right;
}

#main_contents_area a p {
	text-align:right;
}



/* -----------------------------------------------------------
	.下地の色が緑
----------------------------------------------------------- */
#main_contents_area #howto {
	width:485px;
	margin:8px 0;
	background:#8cc63f;
	overflow:hidden;
}

#main_contents_area #howto img {
	margin:0;
}

#main_contents_area #howto p {
	color:#000;
}

#main_contents_area #howto p.txt_place1 {
	float:left;
	padding:0 0 10px 25px;
}

#main_contents_area #howto p.txt_place2 {
	float:right;
	padding:0 25px 10px 0;
}

#main_contents_area #howto p#explain1 {
	width:200px;
	padding:0 0 0 25px;
	color:#fff;
	float:left;
}

#main_contents_area #howto p#explain2 {
	width:160px;
	padding:0 0 0 80px;
	color:#fff;
	float:left;
}

#main_contents_area #howto p#explain3 {
	width:170px;
	margin:8px 8px 0 20px;
	padding:0 0 0 45px;
	color:#fff;
	float:left;
	background:url(../img/greenscore/use_step1.gif) no-repeat;
}

#main_contents_area #howto p#explain4 {
	width:170px;
	margin:8px 0 0 0;
	padding:0 0 0 45px;
	color:#fff;
	float:left;
	background:url(../img/greenscore/use_step2.gif) no-repeat;
}

#main_contents_area #howto ul {
	padding:8px 0 15px 25px;
	margin:0;
	color:#000;
	clear:both;
}

#main_contents_area #placeGuide {
	padding:0 0 15px 0;
	background:#8ec31f;
	clear:both;
}

#main_contents_area #placeGuide ul li {
	width:440px;
	color:#000;
}

#main_contents_area #placeGuide #explain5 ul {
	width:480px;
	margin:-5px 0 0 0;
	background:url(../img/greenscore/box-mid.gif) repeat-y;
}

#main_contents_area #placeGuide #explain5 ul li {
	margin:5px 0 0 35px;
	width:415px;
}

/* -----------------------------------------------------------
	.利用規約
----------------------------------------------------------- */
.cclear {
	clear:both;
	*padding:35px 0 0 0;
}

.agreement {
	width:225px;
	margin:0 15px 0 0;
	float:left;
}

.agreement img {
	margin:0 0 15px 0;
}

.agreement dl{
	margin:0 0 15px 0;
}

.agreement dt{
	font-weight:bold;
}

.agreement dd{
	font-size:84%;
}

.back_to_top_min {
	width:35px;
	margin:0 0 10px 0;
	padding:0 0 0 445px;
	overflow:hidden;
}

dd#pasmo img {
	line-height;1;
	margin:0 0 2px 0;
	vertical-align:text-bottom;
}

/*----------------------------------------------------
	scorepointページ用
----------------------------------------------------*/

#present #change {
	width:486px;
	background:url(../img/greenscore/score-txt-mid.gif) repeat-y #8cc63f;
}

#present #changetxt {
	background:url(../img/greenscore/score-txt-bot.gif) bottom no-repeat;
}

#present #changetxt p {
	width:406px;
	padding:5px 40px;
	background:url(../img/greenscore/score-txt-top.gif) top no-repeat;
	font-weight:bold;
}

#present #attention {
	width:406px;
	padding:5px 40px;
	background:#8cc63f;
	color:#fff;
	font-weight:bold;
}

#present #attention #atten_time {
	text-align:right;
}