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

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

/* ■■ 01.index.html ■■ */
#PhotoImage {
	display:block;
	margin-bottom:15px;
}
#MainContents h1 {
	float:left;
	margin-right:15px;
	padding-top:2px;
}
#MainContents h2 {
	padding-top:3px;
	font-size:75%;
	font-weight:normal;
}

/* ## 01-1.WhatsThis ## */
#WhatsThis h3 {
	clear:both;
	margin:5px 0 15px;
}
#WhatsThis h4 {
	clear:both;
	margin:15px 0;
}
#WhatsThis h4 a {
	color:#000;
}
#WhatsThis .ImageSample {
	float:left;
	margin-right:15px;
}
#WhatsThis dl {
	margin-bottom:40px;
	margin-left:120px;
}
#WhatsThis dt {
	margin-bottom:5px;
}
#WhatsThis dd {
	margin:5px 0 10px;
	font-size:75%;
	line-height:1.25;
}

/* ## 01-1-1.UserReport ## */
#UserReport div {
	float:left;
	width:140px;
	padding:10px;
	font-size:75%;
	text-align:center;
	background:#fef5a6;
}
#UserReport div.two {
	margin-left:15px;
}
#UserReport div.three {
	float:right;
}
#UserReport img {
	margin:0 auto 10px;
}
#UserReport p {
	text-align:left;
	line-height:2;
}


/* ## 01-2.PriceList ## */
#PriceList {
	margin:20px 0 0;
}
#PriceList h3 {
	font-weight:bold;
}
#PriceList p {
	margin:10px 0 20px;
	font-size:90%;
	line-height:1.5;
}
#PriceList table {
	border-collapse:collapse;
	font-size:75%;
}
#PriceList table th,
#PriceList table td {
	padding:5px;
}
#PriceList thead td {
	text-align:center;
	border-top:solid 1px #cad2d9;
	border-bottom:solid 2px #cad2d9;
}
#PriceList tbody th,
#PriceList tbody td {
	font-weight:normal;
	border-bottom:solid 1px #cad2d9;
}