/*** HANDS NET CSS Document ******************************************

	style.css

**********************************************************************

	0	基本設定

	1	トップ

	2	特集

******************************************************************* */



/*--------------------------------------------------------------------

	0	基本設定

--------------------------------------------------------------------*/
/* wrapper01 */
.wrapper01 {
	background: #f4f4f4;
	width: 100%;
	padding: 20px 0 23px;
}
	.wrapper01.type01 {
		background: #f4f4f4 url(../img/bg_wrap01.png) repeat left top;
		padding-bottom: 40px;
	}
	.wrapper01.type02 {
		background: #fff;
		padding-top: 0;
	}

/* content01 */
.content01 {
  position: relative;
  width: 982px;
  margin: 0 auto;	
}
  .content01 p,
  .content01 ol,
  .content01 ul,
  .content01 dl {
    margin-top: 0;
    margin-bottom: 0;
  }
  .content01 dd {
    margin-left: 0;
  }
  .content01 ol,
  .content01 ul {
    list-style: none;
    padding-left: 0;
  }
	
/* breadcrumb */
.content01 .breadcrumb {
  margin-bottom: 15px;
}
  .content01 .breadcrumb ~ .sns{
    position: absolute;
    top: -5px;
    right: 0;
  }
  .content01 .breadcrumb ~ .sns li{
    margin-right: 0;
  }
  .content01 .breadcrumb ~ .sns li + li{
    margin-left: 10px;
  }
  .content01 .breadcrumb ~ .sns .facebook{
    width: 106px;
    overflow:hidden;
  }

/* main */
#main{}
	#main.type01 {
		width: 990px;
		margin-bottom: 30px;
		position: relative;
	}
	#main.type02 {
		width: 980px;
		margin-bottom: 30px;
		position: relative;
	}
		#main.type02 .txtHead01 {
			font-size: 117% !important;
			margin-bottom: 0 !important;	
		}
		#main.type02 .txt01 {
			font-size: 12px !important;
			margin-top: 8px !important;
			margin-bottom: 15px !important;
		}
		#main.type02 .txt01.type01 {
			margin-bottom: 30px !important; 	
		}
		#main.type02 .boxImg01 {
			margin-bottom: 30px;
		}
		#main.type02 .boxImg02 {
			margin-bottom: 15px;
		}



/*--------------------------------------------------------------------

	1	トップ

--------------------------------------------------------------------*/
		.mainImg01 {
			padding: 15px;
			font-size: 117%;
			color: #666;
			margin-bottom: 30px;
			background: url(../img/bg_content01.png) no-repeat left bottom;	
		}
		.mainImg01 img {
			margin-bottom: 10px;	
		}
		.mainImg01 p {
			margin: 0;	
		}
	.listTop01 {
		margin-bottom: 20px;
		width: 983px;
	}
		.listTop01 ul {
			list-style: none;
			margin-left: -7px;
			padding: 0;
			overflow: hidden;
		}
			.listTop01 ul li {
				margin: 0 0 7px 7px;
				width: 488px;
				display: block;
				float: left;
				background: url(../img/bg_content02.png) no-repeat left bottom;	
				padding: 0;
			}
				.listTop01 ul li p {
					margin: 0;	
				}
				.listTop01 ul li .inner01 {
					padding: 14px 16px 15px;
					position: relative;	
				}
					.listTop01 ul li .inner01 .txtHilight01 {
						font-size: 184%;
						color: #000;
						font-weight: bold;
						position: absolute;
						right: 30px;
						left: 30px;
						bottom: 120px;
					}
						.listTop01 ul li .inner01 .txtHilight01:hover {
						  cursor:pointer;
						}
						.listTop01 ul li .inner01 .txtHilight01 p {
							background: #fdfd4d;
							padding: 0 8px;
							margin: 0 0 5px;
							line-height: 1.1;
							display: inline-block;
						}
					.listTop01 ul li .inner01 .icoNew01 {
						position: absolute;
						top: 0;
						right: 2px;	
					}
					.listTop01 ul li .inner01 .txtWrap01 {
						position: absolute;
						left: 16px;
						bottom: 14px;
						width: 455px;
						height: 88px;
						background: url(../img/bg_top01.png) repeat left top;
					}
						.listTop01 ul li .inner01 .txtWrap01 .innerTxt01 {
							padding: 8px;	
						}
							.listTop01 ul li .inner01 .txtWrap01 .innerTxt01 .imgLeft {
								float: left;
								display: inline;
								margin-right: 7px;
								font-size: 24px;
								text-align: center;
								height: 72px;
								width: 72px;
								background: url(../img/bg_number01.png) center 50% no-repeat;
								margin: 0 5px 0 0;
							}
								.listTop01 ul li .inner01 .txtWrap01 .innerTxt01 .imgLeft span {
									display: block;
									margin-top: 10px;
								}
								.listTop01 ul li .inner01 .txtWrap01 .innerTxt01 .txtWrap02 {
									float: left;
									width: 360px;
									color: #333;
								}
									.listTop01 ul li .inner01 .txtWrap01 .innerTxt01 .txtWrap02 .txt01 {
										padding-top: 5px;
										font-size: 10px;
										font-weight: bold;	
										margin: 0 0 0 0;
									}
									.listTop01 ul li .inner01 .txtWrap01 .innerTxt01 .txtWrap02 .txt01 span {
										font-size: 14px;
										display: inline-block;
										margin: 0 3px 3px;	
									}
									.listTop01 ul li .inner01 .txtWrap01 .innerTxt01 .txtWrap02 .txt02 {
										font-size: 14px;
										font-weight: bold;
										margin: 0 3px 0px 0;	
									}
									.listTop01 ul li .inner01 .txtWrap01 .innerTxt01 .txtWrap02 .txt03 {
										font-size: 11px;
										color: #8e8f9d;
										margin: 0 3px 0 0; 	
									}
									.listTop01 ul li .inner01 .txtWrap01 .innerTxt01 .txtPrice01 {
										background: #333;
										padding: 0 10px;
										float: right;
										color: #fff;
										margin: 23px 5px 0 0;
										height: 26px;
										line-height: 26px;
									}
									.listTop01 ul li .inner01 .txtWrap01 .innerTxt01 .txtPrice01 p {
										font-size: 134%;
										font-weight: bold;
										float: left;
										margin: 0 0;
									}
									.listTop01 ul li .inner01 .txtWrap01 .innerTxt01 .txtPrice01 span {
										font-size: 117%;
										float: left;
										margin: 0px 0 0 5px;
										display: block;
									}

		#grid {
 			position: relative; /** Needed to ensure items are laid out relative to this container **/
		}
			#grid li {
				width: 323px;
				background: url(../img/bg_content03.png) no-repeat left bottom;
				float: left;
				margin-bottom: 7px;
			}
				#grid li .inner02 {
					position: relative;
					padding: 23px 17px 18px 16px;
				}
				#grid li .inner02 p {
					margin: 0;
				}
					#grid li .inner02 .icoNew02 {
						position: absolute;
						right: 2px;
						top: 0;	
					}
					#grid li .inner02 .imgLeft {
						float: left;
						display: inline;
						margin-right: 7px;
						padding-top: 5px;
						font-size: 200%;
						text-align: center;
						height: 64px;
						width: 64px;
						background: url(../img/bg_number02.png) center 50% no-repeat;	
					}
						#grid li .inner02 .imgLeft span {
							display: block;
							margin-top: 5px;
						}
					#grid li .inner02 .txtWrap01 {
						overflow: hidden;
					}
						#grid li .inner02 .txtWrap01 .txt01 {
							font-size: 10px;
							font-weight: bold;
							margin-bottom: 10px;	
						}
						#grid li .inner02 .txtWrap01 .txt01 span {
							font-size: 14px;
							display: inline-block;
							margin: 0 3px 3px;	
						}
						#grid li .inner02 .txtWrap01 .txtHilight01 {
							font-size: 1.75em;
							color: #000;
						}
							#grid li .inner02 .txtWrap01 .txtHilight01 p {
								display: inline;
								background: url(../img/bg_hilight_19.png) repeat-x 0 40%;
								overflow: hidden;
							}
							#grid li .inner02 .clearfix {
								margin-bottom: 20px;	
							}
						#grid li .inner02 .imageWrap01 {
							margin-bottom: 20px;	
						}
						#grid li .inner02 .txt02 {
							font-size: 14px;
							font-weight: bold;
							margin: 0;
						}
						#grid li .inner02 .txt03 {
							font-size: 11px;
							color: #8e8f9d;
						}
	.loadMore01 {
		background: url(../img/bg_load01.png) repeat-x left top;
		height: 45px;
		width: 100%;	
	}
		.loadMore01 ul {
			text-align: center;
			padding: 12px 0;
		}
			.loadMore01 ul li {
				display: inline;
				font-weight: bold;
			}



/*--------------------------------------------------------------------

	2	特集

--------------------------------------------------------------------*/
.contentFeature01 {
	background: url(../img/bg_content01.png) no-repeat 0 100%;
	width: 982px;
	margin-bottom: 2px;
}
.contentFeature01.type01 {
	background: url(../img/bg_content04.png) repeat-y;
	margin-bottom: 0;	
}
	.contentFeature01 .inner01 {
		padding: 25px 22px 27px;	
	}
	.contentFeature01 .inner02 {
		padding: 17px;	
	}
	.contentFeature01 .inner02 .box01 {
		background: url(../img/bg_feature01.png) repeat-x left bottom;
		padding-bottom: 15px;
		margin-bottom: 40px;
	}
    .contentFeature01 .number{
      margin-right: auto !important;
      margin-bottom: 10px !important;
      margin-left: auto !important;
      background: url(../img/bg_number03.png) center 50% no-repeat;	
      width: 96px;
      height: 96px;
      text-align: center;
      font-size:36px;
      line-height: 78px;
    }
		.contentFeature01 .imgLeft01 {
			float: left;
			display: inline;
			margin: 0 20px 0 0;	
		}
		.contentFeature01 .imgRight01 {
			float: right;
			display: inline;
			margin: 0 0 0 20px;	
		}
		.contentFeature01 .ftBox {
			overflow: hidden;	
		}
		.contentFeature01 .ftBox.taC {
			text-align: center;
			padding-top: 25px;	
		}
			.contentFeature01 .ftBox.taC p {
				margin: 0;	
			}
			.contentFeature01 .ftBox.taC .txt01 {
				font-weight: bold;
				margin-bottom: 10px;	
			}
				.contentFeature01 .ftBox.taC .txt01 span {
					font-size: 117%;
					display: inline-block;
					padding: 0 3px 0 5px;	
				}
			.contentFeature01 .ftBox.taC img {
				margin-bottom: 10px;	
			}
			.contentFeature01 .txtHilight01 {
				font-size: 184%;
				font-weight: bold;
				color: #000;
				background: url(../img/bg_hilight_23.png) repeat-x 0 35%;
				display: inline;
				margin: 0;	
			}
			.contentFeature01 .ftBox .dl_feature {
				}
				.contentFeature01 .ftBox .dl_feature dt {
					font-weight: bold;
					font-size: 134%;
					color: #000;
					margin-bottom: 8px;	
				}
				.contentFeature01 .ftBox .dl_feature dd {
					color: #666;
				}
			.contentFeature02 {
				padding: 0 34px;
				font-size: 14px;
			}
			.dl_feature02 {
				margin-bottom: 30px !important;	
			}
				.dl_feature02 dt {
					font-weight: bold;
					font-size: 114.3%;
					color: #000;
					margin-bottom: 8px;	
				}
				.dl_feature02 dd {
					color: #666;
					line-height: 1.9;
				}
			.dl_feature03 {
				margin-bottom: 20px !important;
				background: url(../img/bg_feature02.png) repeat-y left top;
				overflow: hidden;
				line-height: 1.3;	
			}
				.dl_feature03 dt {
					padding-left: 24px;
					font-weight: bold;
					font-size: 114.3%;
					color: #000;
					margin-bottom: 10px;
				}
				.dl_feature03 dd {
					color: #000;
					font-weight: bold;
					font-size: 128.6%;
					padding-left: 24px;
				}
				.txtWrapFeature01 {
					line-height: 1.8;
					color: #666;
					margin-bottom: 40px;
				}
					.txtWrapFeature01.type01 {
						margin-bottom: 0 !important;	
					}
					.txtWrapFeature01 .imgWrap01 {
						margin-bottom: 20px;	
					}
				.txtWrapFeature01 p {
					margin: 0;	
				}
					.txtWrapFeature01 p.txt01 {
						margin-top: 5px;	
					}
				.txtWrapFeature02 {
					margin-top: 25px !important;
				}
				.productWrap01 {
					background: #ecebeb url(../img/bg_feature03.png) no-repeat left top;
					padding-top: 35px;	
				}
          .productWrap01 a{
          color: #000;
          }
					.productWrap01 .title01 img {
						margin-bottom: 5px;	
					}
					.productWrap01 .title01 {
						text-align: center;
						font-size: 117%;
						color: #000;
						font-weight: bold;
						margin: 0;	
					}
					.productWrap01 .ul_list_feature01 {
						width: 880px;
						margin: 0 auto;
						padding-bottom: 50px;	
						overflow: hidden;
					}
						.productWrap01 .ul_list_feature01 ul {
							margin-left: -20px;	
						}
							.productWrap01 .ul_list_feature01 ul li {
								float: left;
								margin-left: 20px;
								margin-top: 30px;
								width: 205px;	
							}
								.productWrap01 .ul_list_feature01 ul li img {
									margin-bottom: 10px;	
								}
								.productWrap01 .ul_list_feature01 ul li p {
									margin: 0;	
								}
								.productWrap01 .ul_list_feature01 ul li .txt01 {
									font-weight: bold;
									margin-bottom: 10px;
								}
								.productWrap01 .ul_list_feature01 ul li .txt02 {
									margin-bottom: 5px;
								}
								.productWrap01 .ul_list_feature01 ul li .txtPrice01 {
									margin-bottom: 10px;
								}
								.productWrap01 .ul_list_feature01 ul li .txtLink01 {
									background: #333;
									height: 24px;
									line-height: 24px;
									color: #fff;
									display: inline-block;
								}
									.productWrap01 .ul_list_feature01 ul li .txtLink01 a {
										color: #fff;
										display: block;
										padding: 0 10px;
										text-decoration: none;	
									}