@charset "utf-8";

/*  reset
---------- ---------- ---------- */
div#ContentsArea {
	width: 100%;
	margin: 0;
}
div#ContentsArea div#ContentsLayout.SingleWide:first-child {
	padding-top: 0;
}
div#ContentsLayout.SingleWide.NoFrame div#MainContent {
	width: 100%;
}
div#ContentsLayout.SingleWide.NoFrame div#MainContentBody {
	margin-top: -16px;
}

div#ContentsArea #MainContentBody > .Section h3 { margin: 0 auto 9px; }
div#ContentsArea #MainContentBody > .Section table.DefaultViewTable { margin: 0 auto 18px; }
div#ContentsArea #MainContentBody #LoginForm {
	width: 970px;
	display: block;
	margin: 0 auto;
}

div#MainContent a.TextButton.Download.ThumbnailBtn,
div#MainContent a.TextButton.Download.ThumbnailBtn:hover,
div#MainContent a.TextButton.Download.ThumbnailBtn:focus,
div#MainContent a.TextButton.Download.ThumbnailBtn:active {
	padding-right: 50px;
}

/*  common
---------- ---------- ---------- */
.Pink { color: #e44e55; }
.LightBlue { color: #2294a2; }
.YellowGreen { color: #9cae37; }
.Orange { color: #f18c00; }
.Purple { color: #7b3492; }
.Green { color: #005d42; }
.Blue { color: #006eb5; }
.Gray { color: #4d676b; }

#Measurement .Title { font-weight: bold; }
#Measurement .TitleStyle01 { border-bottom: 3px solid #ccc; margin-bottom: 15px; }
#Measurement .TitleStyle01 .Title {
	font-size: 40px;
	line-height: 1;
}
#Measurement .TitleStyle01 .Title.Pink {
	background: url(../../img/landing_page/measurement/ttl_icon.png) right 25px no-repeat;
}
#Measurement .TitleStyle01 .Title.LightBlue {
	background: url(../../img/landing_page/measurement/ttl_icon.png) right -80px no-repeat;
}
#Measurement .TitleStyle01 .Title.YellowGreen {
	background: url(../../img/landing_page/measurement/ttl_icon.png) right -168px no-repeat;
}
#Measurement .TitleStyle01 .Title.Orange {
	background: url(../../img/landing_page/measurement/ttl_icon.png) right -255px no-repeat;
}
#Measurement .TitleStyle01 .Title.Purple {
	background: url(../../img/landing_page/measurement/ttl_icon.png) right -347px no-repeat;
}
#Measurement .TitleStyle01 .Title.Green {
	background: url(../../img/landing_page/measurement/ttl_icon.png) right -440px no-repeat;
}
#Measurement .TitleStyle01 .Title.Blue {
	background: url(../../img/landing_page/measurement/ttl_icon.png) right -525px no-repeat;
}
#Measurement .TitleStyle01 .Title.Gray {
	background: url(../../img/landing_page/measurement/ttl_icon.png) right -615px no-repeat;
}
#Measurement .TitleStyle01 .Title span {
	color: #666;
	font-size: 20px;
	display: block;
	min-height: 1em;
	margin: 0 0 5px;
}

/*  Header
---------- ---------- ---------- */
#Measurement .Header {
	border-top: 3px solid #111;
	border-bottom: 3px solid #111;
	background-color: #333;
}
#Measurement .Header .HeaderInnerBox {
	width: 970px;
	margin: 0 auto;
	padding: 40px 0 0;
}
#Measurement .Header .HeaderInnerBox h1 {
	text-indent: -9999px;
	text-align: center;
	height: 65px;
	background: url(../../img/landing_page/measurement/ttl.png) 0 0 no-repeat;
}
#Measurement .Header .HeaderInnerBox h1.th{
	background: url(../../img/landing_page/measurement/ttl_t.png) 0 0 no-repeat;
	height: 83px;
}
#Measurement .Header .HeaderInnerBox ul {
	background:	url(../../img/landing_page/measurement/line_gnavi.png) 0 0;
	padding: 0 1px;
	width: 968px;
	margin: 0 auto 10px;
}
#Measurement .Header .HeaderInnerBox ul:after { display: block; clear: both; height: 0; content: ""; overflow: hidden; }
#Measurement .Header .HeaderInnerBox ul li {
	list-style-type: none;
	margin: 0 1px -13px;
	padding: 0 5px;
	float: left;
	width: 109px;
	background-color: #333;
	border-bottom: 3px solid #111;
	text-align: center;
}
#Measurement .Header .HeaderInnerBox ul li a {
	color: #fff;
	font-weight: bold;
	display: block;
	padding: 10px 0;
	margin: 0 0 -3px;
	border-top: 1px solid #333;
	border-bottom: 3px solid #111;
}
#Measurement .Header .HeaderInnerBox ul li a:hover { text-decoration: none; }

#Measurement .Header .HeaderInnerBox ul li a:hover,
#Measurement .Header .HeaderInnerBox ul li.Current a {
	background:	url(../../img/landing_page/measurement/bg_gnavi_on.png) 0 0 repeat-x #fff;
	border-top: 1px solid #fff;
	border-bottom: 3px solid #fff;
}

#Measurement .Header .HeaderInnerBox ul li a .Icon {
	display: block;
	padding: 65px 0 0;
	background: url(../../img/landing_page/measurement/icon_gnavi_off.png) no-repeat;
}
#Measurement .Header .HeaderInnerBox ul li a:hover .Icon,
#Measurement .Header .HeaderInnerBox ul li.Current .Icon {
	background: url(../../img/landing_page/measurement/icon_gnavi_on.png) no-repeat;
}

#Measurement .Header .HeaderInnerBox ul li.IconStyle01 a .Icon {
	background-position: center 0;
}
#Measurement .Header .HeaderInnerBox ul li.IconStyle01 a:hover .Icon,
#Measurement .Header .HeaderInnerBox ul li.IconStyle01.Current a .Icon {
	color: #ef9095;
	background-position: center 0;
}
#Measurement .Header .HeaderInnerBox ul li.IconStyle02 a .Icon {
	background-position: center -140px;
}
#Measurement .Header .HeaderInnerBox ul li.IconStyle02 a:hover .Icon,
#Measurement .Header .HeaderInnerBox ul li.IconStyle02.Current a .Icon {
	color: #56becb;
	background-position: center -140px;
}
#Measurement .Header .HeaderInnerBox ul li.IconStyle03 a .Icon {
	background-position: center -280px;
}
#Measurement .Header .HeaderInnerBox ul li.IconStyle03 a:hover .Icon,
#Measurement .Header .HeaderInnerBox ul li.IconStyle03.Current a .Icon {
	color: #c7d92f;
	background-position: center -280px;
}
#Measurement .Header .HeaderInnerBox ul li.IconStyle04 a .Icon {
	background-position: center -410px;
}
#Measurement .Header .HeaderInnerBox ul li.IconStyle04 a:hover .Icon,
#Measurement .Header .HeaderInnerBox ul li.IconStyle04.Current a .Icon {
	color: #f18c00;
	background-position: center -410px;
}
#Measurement .Header .HeaderInnerBox ul li.IconStyle05 a .Icon {
	background-position: center -545px;
}
#Measurement .Header .HeaderInnerBox ul li.IconStyle05 a:hover .Icon,
#Measurement .Header .HeaderInnerBox ul li.IconStyle05.Current a .Icon {
	color: #7d2d8e;
	background-position: center -545px;
}
#Measurement .Header .HeaderInnerBox ul li.IconStyle06 a .Icon {
	background-position: center -680px;
}
#Measurement .Header .HeaderInnerBox ul li.IconStyle06 a:hover .Icon,
#Measurement .Header .HeaderInnerBox ul li.IconStyle06.Current a .Icon {
	color: #005c41;
	background-position: center -680px;
}
#Measurement .Header .HeaderInnerBox ul li.IconStyle07 a .Icon {
	background-position: center -810px;
}
#Measurement .Header .HeaderInnerBox ul li.IconStyle07 a:hover .Icon,
#Measurement .Header .HeaderInnerBox ul li.IconStyle07.Current a .Icon {
	color: #006eb7;
	background-position: center -810px;
}
#Measurement .Header .HeaderInnerBox ul li.IconStyle08 a .Icon {
	background-position: center -940px;
}
#Measurement .Header .HeaderInnerBox ul li.IconStyle08 a:hover .Icon,
#Measurement .Header .HeaderInnerBox ul li.IconStyle08.Current a .Icon {
	color: #73989e;
	background-position: center -940px;
}

/*  Contents
---------- ---------- ---------- */
#Measurement .Contents {
	width: 970px;
	margin: 0 auto;
	padding: 40px 0;
}
#Measurement .Contents .Section .LeadTitle {
	color: #666;
	font-size: 26px;
	margin: 0 0 10px;
}
#Measurement .Contents .Section .LeadText { font-size: 14px; }
#Measurement .Contents .Section .LineBox {
	padding: 20px;
	border: 1px dashed #ff3131;
	clear: both;
}

/*-- .CatalogBoxWrap --*/
#Measurement .Contents .CatalogBoxWrap:after{ display: block; clear: both; height: 0; content: ""; overflow: hidden; }
#Measurement .Contents .CatalogBoxWrap .Catalog{ float: left; }
#Measurement .Contents .CatalogBoxWrap .CatalogIndexBox {
	width: 400px;
	float: right;
	margin: 30px 0 0;
}
#Measurement .Contents .CatalogBoxWrap .CatalogIndexBox .CatalogIndexBoxInner:after{ display: block; clear: both; height: 0; content: ""; overflow: hidden; }
#Measurement .Contents .CatalogBoxWrap .CatalogIndexBox .CatalogIndexBoxInner .CatalogIcon {
	float: left;
	margin: 0 0 -20px 20px;
}
#Measurement .Contents .CatalogBoxWrap .CatalogIndexBox .CatalogIndexBoxInner .Button {
	float: right;
	margin: 68px 0 0;
}
#Measurement .Contents .CatalogBoxWrap .CatalogIndexBox .IndexBox {
	border: 1px solid #ccc;
	background: #eee;
	padding: 40px 20px 0;
	/padding: 20px 20px 0;
	clear: both;
}
#Measurement .Contents .CatalogBoxWrap .CatalogIndexBox .IndexBox:after{ display: block; clear: both; height: 0; content: ""; overflow: hidden; }
#Measurement .Contents .CatalogBoxWrap .CatalogIndexBox .IndexBox .Icon {
	font-size: 14px;
	float: left;
	padding: 0 0 3px 30px;
	background: url(../../img/landing_page/measurement/icon_index.png) 0 center no-repeat;
}

#Measurement .Contents .CatalogBoxWrap .CatalogIndexBox .IndexBox ul{
	margin-left: 10em;
}
#Measurement .Contents .CatalogBoxWrap .CatalogIndexBox .IndexBox .RightAlign { clear:both; }