@charset "UTF-8";
@import "../../common/css/common.css";

/* ■■ 目次 ■■
/* mailspec.cssはmailspec/～～.htmlのみで使用するユニークなCSSです。
　 レイアウトや汎用classなどはcommon.cssに記述しています。
--------------------------------------------------------------------------------
01.index.html
	1.Filtering
		1.Point
		2.UserReport
*/

/* ■■ 01.index.html ■■ */
#GMabout a {
	background-position:left bottom;
}
#GlobalMenuSub {
	background-color:#ffd900;
}
#MainContents h1 {
	float:left;
	margin-right:15px;
	padding-top:2px;
}
#MainContents h2 {
	padding-top:3px;
	font-size:75%;
	font-weight:normal;
}

/* ## 01-1.Filtering ## */
#Filtering h3 {
	clear:both;
	margin:5px 0;
}
#Filtering h4 {
	clear:both;
	margin:5px 0;
}
#Filtering .read {
	margin-bottom:25px;
	font-size:75%;
}
#Filtering .ImageSample {
	float:left;
	margin-right:15px;
}
#Filtering dl {
	margin-bottom:25px;
	margin-left:120px;
}
#Filtering dt {
	margin-bottom:5px;
}
#Filtering dt span.main {
	color:#000;
}
#Filtering dt span.sub {
	color:#f00;
	font-size:75%
}
#Filtering dd {
	margin:5px 0 10px;
	font-size:75%;
	line-height:1.5;
}
#Filtering p.more {
	margin:20px 0;
	text-align:right;
	font-weight:bold;
}
#Filtering p.more a {
	padding-left:15px;
	background:url("../../common/img/bg_a_more.gif") no-repeat 0% 50%;
}
#Filtering p.more a:hover {
	background:url("../../common/img/bg_a_more.gif") no-repeat 2px 50%;
}

/* ## 01-1-1.Point ## */
div.Point {
	margin-bottom:20px;
	text-align:center;
}
div.Point img {
	margin-bottom:10px;
}
div.Point ol {
	text-align:left;
}
div.Point li {
	float:left;
	height:15px;
	padding:40px 0 10px;
	background-color:#fff;
	text-align:center;
	font-weight:bold;
	font-size:75%;
}
div.Point li.now {
	background-color:#fff5a7!important;
}
div.Point li.Step1 {
	width:153px;
	background:url("../img/bg_li_step1.gif") no-repeat left top;
}
div.Point li.Step2 {
	width:153px;
	padding-left:25px;
	background:url("../img/bg_li_step2.gif") no-repeat right top;
}
div.Point li.Step3 {
	width:154px;
	padding-left:25px;
	background:url("../img/bg_li_step3.gif") no-repeat right top;
}
div.Point p.more {
	margin-top:10px!important;
	text-align:right;
	font-weight:bold;
}
div.Point p.more a {
	padding-left:15px;
	background:url("../../common/img/bg_a_more.gif") no-repeat 0% 50%;
}
div.Point p.more a:hover {
	background:url("../../common/img/bg_a_more.gif") no-repeat 2px 50%;
}

/* ## 01-1-2.UserReport ## */
#UserReport div {
	_height:1%;
	margin-bottom:10px;
	padding:6px;
	font-size:75%;
	border:5px solid #fdf6a8;
}
#UserReport img {
	float:left;
	margin:0 15px 0 0;
}
#UserReport p {
	text-align:left;
	line-height:2;
}