@charset "utf-8";
@import url("base.css");
@import url("structure.css?ver20201024");

/*======================================

	トップページ
	#home

=======================================*/
#home #sidebar {
	position: relative;
	float: right;
	width: 316px;
}

#home #sidebar dl {
	position: relative;
	display: block;
	width: 316px;
}

#home #sidebar dl .arrow_more {
	display: block;
	position: absolute;
	bottom: 0px;
	width: 316px;
	text-align: center;
}

#home #sidebar dl .arrow_more a {
	display: inline-block;
	background: url("../img/share/arrow_more.gif") no-repeat left center;
	margin: 0 auto; 
	padding: 1px 0 1px 18px;
	text-decoration: underline;
}

#home #sidebar dl .arrow_more a:hover {
	text-decoration: none;
}

#home #contents {
	position: relative;
	float: left;
	width: 640px;
	min-height: 450px;
	height: auto !important;
	height: 450px;
}

#home #container:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

/*======================================

	コンセプト
	#concept

=======================================*/
#concept #contents {
	text-align: center;
}
#concept h1 {
	line-height: 1;
}

#concept h1 img {
	padding: 120px 0 0;
}

#concept h2 {
	padding: 40px 0 40px;
	font-size: 125%;
	line-height: 1.5;
	color: #9BA9AB;
}

#concept #contents p {
	display: inline-block;
	text-align: left;
}

#concept #sec01,
#concept #sec02 {
	padding: 20px 20px 0;
	font-size: 120%;
	text-align: left;
}

#concept #sec01 dt,
#concept #sec02 dt {
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #9BA9AB;
	font-size: 200%;
	color: #9BA9AB;
	line-height: 1.5;
}

#concept #sec01 dd,
#concept #sec02 dd {
	line-height: 2;
	margin-bottom: 20px;
}

/*======================================

	ステートメント
	#statement

=======================================*/
#statement #contents {
	text-align: center;
}

#statement h1 {
	padding: 160px 0 0;
	line-height: 1;
}

#statement h2 {
	padding: 90px 0 90px;
	font-size: 125%;
	line-height: 1.5;
	color: #9BA9AB;
}

#statement #contents p {
	display: inline-block;
	text-align: left;
}

#statement #sec01 {
	padding: 20px 20px 0;
	font-size: 120%;
	text-align: left;
}

#statement #sec01 dt {
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #9BA9AB;
	font-size: 180%;
	color: #9BA9AB;
	line-height: 1.5;
}

#statement #sec01 dd {
	line-height: 2;
	margin-bottom: 20px;
}

/*======================================

	FASTUSブランドが目指す価値
	#value

=======================================*/
#value #contents {
	text-align: center;
}

#value #contents h1 {
	font-size: 240%;
	padding: 50px 0 50px;
	line-height: 1.3;
}

#value #contents ol {
	display: inline-block;
	text-align: left;
}

#value #contents ol li {
	margin-bottom: 1.5em;
	padding-left: 45px;
	font-size: 110%;
}

#value #contents ol li strong {
	display: inline-block;
	font-size: 150%;
	color: #9BA9AB;
}

#value #contents ol li.li_01 {
	background: url(../img/value/li_01.png) no-repeat left center;
}

#value #contents ol li.li_02 {
	background: url(../img/value/li_02.png) no-repeat left 0.2em;
}

#value #contents ol li.li_03 {
	background: url(../img/value/li_03.png) no-repeat left center;
}
#value #contents ol li.li_04 {
	background: url(../img/value/li_04.png) no-repeat left center;
}
#value #contents ol li.li_plus {
	background: url(../img/value/li_plus.png) no-repeat left center;
}

#value #contents ol li.li_01 span,
#value #contents ol li.li_02 span,
#value #contents ol li.li_03 span,
#value #contents ol li.li_04 span,
#value #contents ol li.li_plus span {
	display: inline-block;
	/*padding-left: 10px;
	border-left: 4px solid #9BA9AB;*/
}

#value #contents ol ul {
	padding-top: 1em;
	padding-left: 10px;
}

#value #contents ol ul li {
	background: none;
	margin-bottom: 0.5em;
	padding-left: 0;
	border-left: none;
	font-size: inherit;
}

#value #contents ol ul li strong {
	display: inline-block;
	margin-right: 1em;
	font-size: inherit;
}

/*======================================

	FASTUSブランドが目指す価値
	#product

=======================================*/
#product #contents {
	width: 960px;
	overflow: hidden;
}

#product.index #contents dl {
	display: block;
	width: 975px;
	height: 3200px;
	padding-top: 15px;
	overflow: hidden;
}

#product.index #contents dl:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} 

#product.index #contents dl dd {
	float: left;
	position: relative;
	display: block;
	width: 310px;
	margin-right: 15px;
	margin-bottom: 11px;
}

#product.index #contents dl dd .arrow_more {
	position: absolute;
	bottom: 10px;
	display: block;
	width: 310px;
	text-align: center;
}

#product.index #contents dl dd .arrow_more a{
	display: inline-block;
	background: url("../img/share/arrow_more.gif") no-repeat left center;
	margin: 0 auto; 
	padding: 1px 0 1px 18px;
	text-decoration: underline;
}

#product.index #contents dl dd .arrow_more a:hover {
	text-decoration: none;
}

#product.index #contents p {
	padding: 5px 0;
	text-align: center;
	color: #9BA9AB;
}

#product.cd22 #contents #slides.main_img {
	position: relative;
	width: 940px;
	height: 430px;
	margin: 10px auto;
	padding: 0;
}

#product.cd22 .slides_container {
	display: none;
	width: 940px;
	height: 430px;
	overflow: hidden;
}

#product.cd22 #contents ul.pagination{
	position: absolute;
	left: 10px;
	bottom: 10px;
	z-index: 100;
}

#product.cd22 #contents ul.pagination li {
	float: left;
}

#product.cd22 #contents ul.pagination li a,
#product.cd22 #contents ul.pagination li a:hover {
	display: block;
	width: 10px;
	height: 10px;
	margin-right: 5px;
	background: url(../img/product/pagination.png) no-repeat 0 0;
	color: #999;
	text-indent: -999em;
}

#product.cd22 #contents ul.pagination li.current a {
	background: url(../img/product/pagination.png) no-repeat 0 -10px;
}

#product.cd22 #contents #slides.main_img a.prev,
#product.cd22 #contents #slides.main_img a.next {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -999em;
}

#product.cd22 #contents #slides.main_img a.prev {
	position: absolute;
	top: 200px;
	left: -10px;
	background: url(../img/product/generateNextPrev.png) no-repeat 0 0;
	z-index: 200;
}

#product.cd22 #contents #slides.main_img a.prev:hover {
	background: url(../img/product/generateNextPrev.png) no-repeat 0 -30px;
}

#product.cd22 #contents #slides.main_img a.next {
	position: absolute;
	top: 200px;
	right: -10px;
	background: url(../img/product/generateNextPrev.png) no-repeat -30px 0;
	z-index: 300;
}

#product.cd22 #contents #slides.main_img a.next:hover {
	background: url(../img/product/generateNextPrev.png) no-repeat -30px -30px;
}

#product.cd22 #contents h1 {
	width: 960px;
	padding: 0;
	font-size: 400%;
	line-height: 1.2;
	text-align: center;
	color: #333;
}

#product.cd22 #contents h2{
	position: absolute;
	top: 0;
	left: 0px;
	padding: 0;
	margin: 0;
	z-index: 900;
}

#product.cd22 #contents h3{
	padding: 15px 0;
	font-size: 200%;
	line-height: 100%;
	text-align: center;
	color: #333;
}

#product.cd22 #contents h3 span{
	display: inline-block;
	margin-left: 1em;
	padding: 5px;
	border: 1px solid #ccc;
	font-size: 50%;
	line-height: 100%;
	vertical-align: top;
}

#product.cd22 #contents p {
	padding: 20px 0;
	text-align: center;
}

#product.cd22 #contents ul.step4 {
	display: block;
	width: 960px;
	margin: 0 auto;
	text-align: center;
	color: #333;
}

#product.cd22 #contents ul.step4 li {
	display: inline-block;
	width: 13em;
	margin-bottom: 1em;
	padding-left: 10px;
	border-left: 4px solid #9BA9AB;
	text-align: left;
}
/*======================================

	FASTUSブランドが目指す価値
	#product02

=======================================*/

#product02 #contents {
	width: 960px;
	overflow: hidden;
}

#product02.index #contents dl {
	display: block;
	width: 975px;
	height: 450px;
	padding-top: 15px;
	overflow: hidden;
}

#product02.index #contents dl:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} 

#product02.index #contents dl dd {
	float: left;
	position: relative;
	display: block;
	width: 228px;
	margin-right: 15px;
}

#product02.index #contents dl dd .arrow_more {
	position: absolute;
	bottom: 10px;
	display: block;
	width: 228px;
	text-align: center;
}

#product02.index #contents dl dd .arrow_more a{
	display: inline-block;
	background: url("../img/share/arrow_more.gif") no-repeat left center;
	margin: 0 auto; 
	padding: 1px 0 1px 18px;
	text-decoration: underline;
}

#product02.index #contents dl dd .arrow_more a:hover {
	text-decoration: none;
}

#product.index #contents p {
	padding: 5px 0;
	text-align: center;
	color: #9BA9AB;
}
/*======================================

	FASTUSブランドが目指す価値
	#product03

=======================================*/

#product03 #contents {
	width: 960px;
	overflow: hidden;
}

#product03.index #contents dl {
	display: block;
	width: 975px;
	height: 450px;
	padding-top: 15px;
	overflow: hidden;
}

#product03.index #contents dl:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} 

#product03.index #contents dl dd {
	float: left;
	position: relative;
	display: block;
	width: 180px;
	margin-right: 15px;
}

#product03.index #contents dl dd .arrow_more {
	position: absolute;
	bottom: 10px;
	display: block;
	width: 180px;
	text-align: center;
}

#product03.index #contents dl dd .arrow_more a{
	display: inline-block;
	background: url("../img/share/arrow_more.gif") no-repeat left center;
	margin: 0 auto; 
	padding: 1px 0 1px 18px;
	text-decoration: underline;
}

#product03.index #contents dl dd .arrow_more a:hover {
	text-decoration: none;
}

#product.index #contents p {
	padding: 5px 0;
	text-align: center;
	color: #9BA9AB;
}

/*======================================

	FASTUSブランドが目指す価値
	#product06

=======================================*/

#product06 #contents {
	width: 960px;
	overflow: hidden;
}

#product06.index #contents dl {
	display: block;
	width: 975px;
	height: 650px;
	padding-top: 15px;
	overflow: hidden;
}

#product06.index #contents dl:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} 

#product06.index #contents dl dd {
	float: left;
	position: relative;
	display: block;
	width: 310px;
	padding-top: 15px;
	margin-right: 15px;
}

#product06.index #contents dl dd .arrow_more {
	position: absolute;
	bottom: 10px;
	display: block;
	width: 310px;
	text-align: center;
}

#product06.index #contents dl dd .arrow_more a{
	display: inline-block;
	background: url("../img/share/arrow_more.gif") no-repeat left center;
	margin: 0 auto; 
	padding: 1px 0 1px 18px;
	text-decoration: underline;
}

#product06.index #contents dl dd .arrow_more a:hover {
	text-decoration: none;
}

#product.index #contents p {
	padding: 5px 0;
	text-align: center;
	color: #9BA9AB;
}

/*======================================

	FASTUSブランドが目指す価値
	#product07

=======================================*/

#product07 #contents {
	width: 960px;
	overflow: hidden;
}

#product07.index #contents dl {
	display: block;
	width: 975px;
	height: 1000px;
	padding-top: 15px;
	overflow: hidden;
}

#product07.index #contents dl:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} 

#product07.index #contents dl dd {
	float: left;
	position: relative;
	display: block;
	width: 310px;
	padding-top: 15px;
	margin-right: 15px;
}

#product07.index #contents dl dd .arrow_more {
	position: absolute;
	bottom: 10px;
	display: block;
	width: 310px;
	text-align: center;
}

#product07.index #contents dl dd .arrow_more a{
	display: inline-block;
	background: url("../img/share/arrow_more.gif") no-repeat left center;
	margin: 0 auto; 
	padding: 1px 0 1px 18px;
	text-decoration: underline;
}

#product07.index #contents dl dd .arrow_more a:hover {
	text-decoration: none;
}

#product.index #contents p {
	padding: 5px 0;
	text-align: center;
	color: #9BA9AB;
}
/*======================================

	FASTUSブランドが目指す価値
	#product008

=======================================*/

#product08 #contents {
	width: 960px;
	overflow: hidden;
}

#product08.index #contents dl {
	display: block;
	width: 975px;
	height: 1300px;
	padding-top: 15px;
	overflow: hidden;
}

#product08.index #contents dl:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} 

#product08.index #contents dl dd {
	float: left;
	position: relative;
	display: block;
	width: 310px;
	padding-top: 15px;
	margin-right: 15px;
}

#product08.index #contents dl dd .arrow_more {
	position: absolute;
	bottom: 10px;
	display: block;
	width: 310px;
	text-align: center;
}

#product08.index #contents dl dd .arrow_more a{
	display: inline-block;
	background: url("../img/share/arrow_more.gif") no-repeat left center;
	margin: 0 auto; 
	padding: 1px 0 1px 18px;
	text-decoration: underline;
}

#product08.index #contents dl dd .arrow_more a:hover {
	text-decoration: none;
}

#product.index #contents p {
	padding: 5px 0;
	text-align: center;
	color: #9BA9AB;
}

/*======================================

	FASTUSブランドが目指す価値
	#product009

=======================================*/

#product09 #contents {
	width: 960px;
	overflow: hidden;
}

#product09.index #contents dl {
	display: block;
	width: 975px;
	height: 1620px;
	padding-top: 15px;
	overflow: hidden;
}

#product09.index #contents dl:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} 

#product09.index #contents dl dd {
	float: left;
	position: relative;
	display: block;
	width: 310px;
	padding-top: 15px;
	margin-right: 15px;
}

#product09.index #contents dl dd .arrow_more {
	position: absolute;
	bottom: 10px;
	display: block;
	width: 310px;
	text-align: center;
}

#product09.index #contents dl dd .arrow_more a{
	display: inline-block;
	background: url("../img/share/arrow_more.gif") no-repeat left center;
	margin: 0 auto; 
	padding: 1px 0 1px 18px;
	text-decoration: underline;
}

#product09.index #contents dl dd .arrow_more a:hover {
	text-decoration: none;
}

#product.index #contents p {
	padding: 5px 0;
	text-align: center;
	color: #9BA9AB;
}

/*======================================

	FASTUSブランドが目指す価値
	#product010

=======================================*/

#product10 #contents {
	width: 960px;
	overflow: hidden;
}

#product10.index #contents dl {
	display: block;
	width: 975px;
	height: 3000px;
	padding-top: 15px;
	overflow: hidden;
}

#product10.index #contents dl:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} 

#product10.index #contents dl dd {
	float: left;
	position: relative;
	display: block;
	width: 310px;
	padding-top: 15px;
	margin-right: 15px;
}

#product10.index #contents dl dd .arrow_more {
	position: absolute;
	bottom: 10px;
	display: block;
	width: 310px;
	text-align: center;
}

#product10.index #contents dl dd .arrow_more a{
	display: inline-block;
	background: url("../img/share/arrow_more.gif") no-repeat left center;
	margin: 0 auto; 
	padding: 1px 0 1px 18px;
	text-decoration: underline;
}

#product10.index #contents dl dd .arrow_more a:hover {
	text-decoration: none;
}

#product.index #contents p {
	padding: 5px 0;
	text-align: center;
	color: #9BA9AB;
}