@charset "utf-8";
/* ----------------------------------------------------------
11acとは？　コンテンツCSS
----------------------------------------------------------- */
#sp-contents{
	width: 946px;
	/* [disabled]float: left; */
	clear: both;
	margin: 0 auto;
	padding: 0 0 30px 0;
	color: #333;
}
/***************************************
大見出し
****************************************/
#contents-ttl {
	width: 886px;
	/* [disabled]float: left; */
	clear: both;
	padding: 30px 0 41px;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	margin: 0 auto;
}
#contents-ttl .ttl-icn{
	height: 40px;
	display: inline-block;
	vertical-align: bottom;
	letter-spacing: normal; /* 文字間を通常に戻す */
}
#contents-ttl .ttl-icn span{
	background-color: #FFF;
	color: #175CA5;
	height: 36px;
	line-height: 36px;
	font-size: 182%;
	font-weight: bold;
	float: left;
	clear: both;
	margin: 0 0 0 10px;
	padding: 4px 20px 0;
	/* border-radius */
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	/* box-shadow */
	box-shadow: #c9c9c9 0px 0px 1px 1px;
	-webkit-box-shadow: #c9c9c9 0px 0px 1px 1px;
	-moz-box-shadow: #c9c9c9 0px 0px 1px 1px;
	position: relative;
	z-index: 0;
	vertical-align: middle;
}
#contents-ttl .ttl-catch{
	font-size: 138.5%;
	font-weight: bold;
	line-height: 1;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	padding: 4px 0 0 10px;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: bottom;
	background-color: #FFF;
}
#contents-ttl h2{
	font-size: 400%;
	line-height: 1;
	color: #175CA5;
	font-weight: bold;
	letter-spacing: normal; /* 文字間を通常に戻す */
	padding: 25px 0 0 9px;
	background-color: #FFF;
}
#contents-ttl p{
	font-size: 116%;
	line-height: 1.6;
	letter-spacing: normal; /* 文字間を通常に戻す */
	padding: 14px 0 0 9px;
	background-color: #FFF;
}

/***************************************
記事コンテンツ
****************************************/
#sp-main-contents{
	width: 826px;
	clear: both;
	margin: 0;
	padding: 60px 60px 70px;
	background-color: #FFF;
	/* border-radius */
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	/* box-shadow */
	box-shadow: #c9c9c9 0px 0px 1px 1px;
	-webkit-box-shadow: #c9c9c9 0px 0px 1px 1px;
	-moz-box-shadow: #c9c9c9 0px 0px 1px 1px;
	position: relative;
	z-index: 0;
	vertical-align: middle;
	float: left;
}
/***************************************
セクション１
****************************************/
#section-01{
	width: 826px;
	clear: both;
	float: left;
	background-image: url(/pickup/11ac/image/common/bg_end_line.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 0 0 60px 0;
}
#section-01 h3{
	width: 826px;
	color: #175CA5;
	font-weight: bold;
	font-size: 335%;
	clear: both;
	background-color: #FFF;
}
#section-01 p.lead{
	font-size: 116%;
	line-height: 1.6;
	padding: 0 0 35px 0;
}
#section-01 h4{
	font-size: 138.5%;
	width: 826px;
	color: #175CA5;
	font-weight: bold;
	clear: both;
	background-color: #FFF;
}
#section-01 p{
	line-height: 1.6;
	padding: 5px 0 0 0;
	background-color: #FFF;
}
#section-01 .floor-guide{
	width: 826px;
	clear: both;
	padding: 33px 0 0 0;
	position: relative;
}
#section-01 .floor-guide img-box{
	width: 826px;
}
#section-01 .floor-guide .spec-txt{
	width: 259px;
	position: absolute;
	left: 564px;
	top: 371px;
}
#section-01 .floor-guide .spec-txt dl{
	width: 259px;
}
#section-01 .floor-guide .spec-txt dl dt{
	font-size: 100%;
	line-height: 1.0;
	font-weight: bold;
	padding: 0 0 5px 0;
}
#section-01 .floor-guide .spec-txt dl dd{
	font-size: 77%;
	line-height: 1.6;
	padding: 0 0 15px 7px;
	color: #666;
	background-color: #FFF;
}
/***************************************
セクション2
****************************************/
#section-02{
	width: 826px;
	clear: both;
	float: left;
	background-image: url(/pickup/11ac/image/common/bg_end_line.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 55px 0 60px 0;
}
#section-02 h3{
	width: 826px;
	color: #175CA5;
	font-weight: bold;
	font-size: 335%;
	background-color: #FFF;
}
#section-02 p{
	font-size: 116%;
	line-height: 1.6;
	padding: 13px 0 28px 0;
	background-color: #FFF;
}
#section-02 .section-box{
	width: 806px;
	clear: both;
	margin: 0;
	background-color: #FFF;
	/* border-radius */
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	position: relative;
	z-index: 0;
	vertical-align: middle;
	border: 4px solid #175CA5;
	padding: 6px 6px 40px;
	float: left;
}
#section-02 .section-box h4{
	height: 46px;
	background-color: #175CA5;
	/* border-radius */
	border-radius: 20px 20px 0 0;
	-webkit-border-radius: 20px 20px 0 0;
	-moz-border-radius: 20px 20px 0 0;
	position: relative;
	z-index: 0;
	color: #FFF;
	font-size: 153.9%;
	font-weight: bold;
	padding: 4px 0 0 30px;
	margin: 0 0 39px 0;
	width: 776px;
	line-height: 46px;
}
#section-02 .section-box .floor-movie{
	width: 806px;
	clear: both;
	position: relative;
}
#section-02 .section-box .floor-movie .img-box{
	width: 761px;
	clear: both;
	margin: 0 auto 36px;
}
#section-02 .section-box .floor-movie .txt-box{
	width: 410px;
	position: absolute;
	left: 35px;
	top: 6px;
}
#section-02 .section-box h5{
	font-size: 138.5%;
	color: #175CA5;
	font-weight: bold;
	clear: both;
	padding: 0 0 10px 0;
}
#section-02 .section-box p{
	font-size: 100%;
	line-height: 1.8;
	padding: 0;
	background-color: #FFF;
}
#section-02 .section-box p span{
	font-size: 85%;
	line-height: 1.6;
}
#section-02 .section-box .hikaku-movie{
	width: 740px;
	margin: 0 auto;
	clear: both;
}
#section-02 .section-box .hikaku-movie .img-box{
	width: 283px;
	float: left;
	padding: 0 0 0 37px;
}
#section-02 .section-box .hikaku-movie .txt-box{
	width: 410px;
	float: left;
}
/***************************************
セクション3
****************************************/
#section-03{
	width: 826px;
	clear: both;
	float: left;
	padding: 55px 0 50px 0;
}
#section-03 h3{
	width: 826px;
	color: #175CA5;
	font-weight: bold;
	font-size: 335%;
	background-color: #FFF;
}
#section-03 p{
	font-size: 116%;
	line-height: 1.6;
	padding: 13px 0 28px 0;
	background-color: #FFF;
}
#section-03 .section-box{
	width: 806px;
	clear: both;
	margin: 0;
	background-color: #FFF;
	/* border-radius */
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	position: relative;
	z-index: 0;
	vertical-align: middle;
	border: 4px solid #175CA5;
	padding: 6px 6px 45px;
	float: left;
}
#section-03 .section-box h4{
	height: 46px;
	background-color: #175CA5;
	/* border-radius */
	border-radius: 20px 20px 0 0;
	-webkit-border-radius: 20px 20px 0 0;
	-moz-border-radius: 20px 20px 0 0;
	position: relative;
	z-index: 0;
	color: #FFF;
	font-size: 153.9%;
	font-weight: bold;
	padding: 4px 0 0 30px;
	width: 776px;
	line-height: 46px;
}
#section-03 .section-box div.shone-charm{
	width:776px;
	float:left;
	clear:both;
	padding:0 0 0 30px;
	position:relative;
}
#section-03 .section-box div.shone-charm h5{
	color: #175CA5;
	font-weight: bold;
	font-size: 240%;
	position: absolute;
	left: 30px;
	top: 45px;
}
#section-03 .section-box div.shone-charm h5 span{
	font-size: 60%;
}
#section-03 .section-box div.shone-charm ul.charm-list{
	width: 746px;
	clear: both;
	float: left;
	padding: 37px 0 0 0;
}
#section-03 .section-box div.shone-charm ul.charm-list li{
	float: left;
}
#section-03 .section-box div.shone-charm ul.charm-list li dl{
}
#section-03 .section-box div.shone-charm ul.charm-list li dl dt{
	font-size: 116%;
	font-weight: bold;
	line-height: 1.2;
}
#section-03 .section-box div.shone-charm ul.charm-list li dl dd{
	font-size:85%;
	line-height:1.5;
}
/*リストボックス個々の制御*/
#section-03 .section-box div.shone-charm ul.charm-list li.lis-t01{
	padding:75px 10px 0 0;
	width:177px;
}
#section-03 .section-box div.shone-charm ul.charm-list li.lis-t01 img{
	clear:both;
	margin:15px 0 5px 0;
}
#section-03 .section-box div.shone-charm ul.charm-list li.lis-t02{
	padding:75px 28px 0 0;
	width:160px;
}
#section-03 .section-box div.shone-charm ul.charm-list li.lis-t02 img{
	clear:both;
	margin:15px auto 5px;
}
#section-03 .section-box div.shone-charm ul.charm-list li.lis-t03{
	padding:0;
	width:185px;
}
#section-03 .section-box div.shone-charm ul.charm-list li.lis-t03 img{
	clear:both;
	margin:0 0 2px 0;
}
#section-03 .section-box div.shone-charm ul.charm-list li.lis-t04{
	width:181px;
}
#section-03 .section-box div.shone-charm ul.charm-list li.lis-t04 img{
	margin: 20px 0 0 0;
}


/*フッタボタン リンク******************************************************************************************/

/***************************************
エレコムルーターのご案内
****************************************/
#products-link{
	width: 826px;
	clear: both;
	float: left;
	padding: 0 0 60px 0;
	background-image: url(/pickup/11ac/image/common/bg_end_line.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	position: relative;
}
#products-link h3{
	color: #175CA5;
	font-weight: bold;
	font-size: 266%;
	text-align: center;
	padding: 0 0 20px 0;
	background-color: #FFF;
}
ul#link-list{
	width: 836px;
	clear: both;
	float: left;
	padding:0;
	margin:0 -10px 0 0;
}
ul#link-list li{
	width: 406px;
	float: left;
	margin: 0 10px 0 0;
}
ul#link-list li a{
	display: block;
	width: 406px;
	float: left;
	/* border-radius */
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	position: relative;
	z-index: 0;
	border: 1px solid #BFBFBF;
	background-image: url(/pickup/11ac/image/kaiteki/icn_product.gif);
	background-repeat: no-repeat;
	background-position: 365px center;
	background-color: #FFF;
}
ul#link-list li a:link{text-decoration:none;}
ul#link-list li a:visited{text-decoration:none;}
ul#link-list li a:hover{text-decoration: none;}
ul#link-list li span.item-img{
	padding: 20px 5px 15px 9px;
	width: 84px;
	float: left;
	display: block;
}
ul#link-list li span.txt-link{
	width: 308px;
	display: block;
	float: left;
	padding: 19px 0 0 0;
}
ul#link-list li span.txt-link span.ttl{
	display: block;
}
ul#link-list li span.txt-link span.ttl em{
	font-size:93%;
	font-weight:bold;
	color:#666666;
}
ul#link-list li span.txt-link span.ttl strong{
	font-size: 182%;
	font-weight: bold;
	color: #175CA5;
	line-height: 1.4;
}ul#link-list li a:hover strong{text-decoration:underline;}
ul#link-list li span.txt-link span.lead{
	line-height: 1.4;
	display: block;
	color:#333;
}
/***************************************
NEXTボタン
****************************************/
#next-link{
	text-align: center;
	padding: 40px 0 0 0;
	float: left;
	clear: both;
}
#next-link .btn-mat{
	display: inline-block;
	clear: both;
	color: #FFF;
}
#next-link .btn-mat a{
	padding: 19px 15px 15px;
	display: block;
	color: #FFF;
	/* border-radius */
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	/* box-shadow */
	box-shadow: #c9c9c9 0px 0px 1px 1px;
	-webkit-box-shadow: #c9c9c9 0px 0px 1px 1px;
	-moz-box-shadow: #c9c9c9 0px 0px 1px 1px;
	position: relative;
	z-index: 0;
	background-color: #EE7700;
}
#next-link .btn-mat a:link{color: #FFF;text-decoration:none;}
#next-link .btn-mat a:visited{color: #FFF;text-decoration:none;}
#next-link .btn-mat a:hover{
	color: #FFF;
	text-decoration: none;
	background-color: #FF8102;
}
#next-link .btn-mat img{
	vertical-align:middle;
	margin:0 15px 0 0;
}
#next-link .btn-mat em{
	vertical-align:middle;
	font-size:138.5%;
	font-weight:bold;
}
#next-link .btn-mat strong{
	vertical-align:middle;
	font-size:108%;
	font-weight:bold;
	padding:0 10px 0 20px;
}
#next-link p{
	padding:15px 0 0 0;
	width:826px;
	clear:both;
	text-align:center;
}

/***************************************
ページTOPボタン
****************************************/
#page-top{
	clear: both;
	text-align: right;
	padding: 0 47px;
	font-size: 100%;
	font-weight: bold;
}
#page-top a{
	padding: 9px 15px 7px;
	display:inline-block;
	color: #FFF;
	/* border-radius */
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	position: relative;
	z-index: 0;
	background-color: #656565;
}
#page-top img{
	vertical-align: middle;
	margin: 0 0 0 10px;
}
#page-top a:link{color: #FFF;text-decoration:none;}
#page-top a:visited{color: #FFF;text-decoration:none;}
#page-top a:hover{
	color: #FFF;
	text-decoration: none;
	background-color: #7D7D7D;
}























































/***************************************

****************************************/
