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

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

/* ■■ 01.index.html ■■ */
#GMresponse a {
	background-position:left bottom;
}
#GlobalMenuSub {
	background-color:#ffd900;
}
#MainContents {
	padding-top:10px;
}
#MainContents h1 {
	float:left;
	margin-right:15px;
	padding-top:2px;
}
#MainContents h2 {
	padding-top:3px;
	font-size:75%;
	font-weight:normal;
}
/* ## 01-1.List ## */
#List h3 {
	margin:5px 0;
}
#List h4 {
	margin:20px 0 10px;
	padding-left:10px;
	background:url("../../common/img/bg_a_sitemenu.gif") no-repeat left center;
}
#List h4.read {
	margin:5px 0;
	padding-left:0;
	background-image:none;
}
#List p.read {
	margin-bottom:20px;
	font-size:75%;
}
#List .ImageSample {
	margin:20px 0 0;
}
#List table {
	width:100%;
	border-collapse:collapse;
	font-size:75%;
}
#List table th,
#List table td {
	padding:10px;
	border:1px solid #b3b3b3;
}
#List table th {
	width:36%;
	text-align:left;
	background:#e6e6e6;
}
#List p.more {
	margin-top:20px;
	text-align:right;
	font-weight:bold;
}
#List p.more a {
	padding-left:15px;
	background:url("../../common/img/bg_a_more.gif") no-repeat 0% 50%;
}
#List p.more a:hover {
	background:url("../../common/img/bg_a_more.gif") no-repeat 2px 50%;
}


/* ■■ 02.yahoomail.html ■■ */
#Example h3 {
	margin:5px 0;
}
#Example h4 {
	margin:15px 0 10px;
	padding-left:10px;
	background:url("../../common/img/bg_a_sitemenu.gif") no-repeat left center;
}
#Example p {
	font-size:75%;
	line-height:1.25;
}
#Example p.read {
	margin-bottom:20px;
	font-size:100%;
}
#Example table {
	width:100%;
	border-collapse:collapse;
	font-size:75%;
}
#Example table th,
#Example table td {
	padding:10px;
	border:1px solid #b3b3b3;
}
#Example table th {
	width:36%;
	text-align:left;
	background:#e6e6e6;
}
#Example img.ImageSample {
	margin:20px 0;
}