@charset "UTF-8";
/* SW-COMMON*/

#contentArea {
	width: 967px;
	margin: 0 auto;
	}

/*
.sw-title {
	width: 100%;
	border-top: 1px solid #DFDFDF;
	}
	.sw-title-inner {
		width: 967px;
		margin: 0 auto;
		}
		.sw-title h1 {
			display: block;
			padding: 14px 0 12px 0;
			line-height: 1.2;
			font-size: 32px;
			}*/

h2 {
	display: block;
	margin-bottom: 20px;
	font-size: 26px;
	line-height: 1.2;
	/*font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	}
.item-padding-box {
	padding-top: 70px;
	}
h3 {
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 24px 0;
	padding:12px 0 10px 13px;
	background-color: #EEEEEE;
	}

.ico-ex {
	display: inline-block;
	width: 13px;
	height: 13px;
	margin: 0 0 0 6px;
	background-repeat: no-repeat;
	background-image: url(../images/ico-ex.gif);
	}


.sw-top-tab {
	width: 967px;
	margin: 0 auto;
	}
	.sw-top-tabs {
		overflow: hidden;
		}
		.sw-top-tabs li {
			display: block;
			float: left;
			width: 240px;
			height: 55px;
			margin-right: 2px;
			}
		.sw-top-tabs li.sw-top-tab4 { margin-right: 0; }
			
			.sw-top-tabs li a {
				display: block;
				width: 240px;
				height: 0;
				padding-top: 55px;
				background-repeat: no-repeat;
				background-position: 0 -55px;
				line-height: 55px;
				overflow: hidden;
				}
			.sw-top-tabs li.sw-top-tab1 a { background-image: url(../images/sw-top-tab1.png); }
			.sw-top-tabs li.sw-top-tab2 a { background-image: url(../images/sw-top-tab2.png); }
			.sw-top-tabs li.sw-top-tab3 a { background-image: url(../images/sw-top-tab3.png); }
			.sw-top-tabs li.sw-top-tab4 a { background-image: url(../images/sw-top-tab4.png); }
	
			.sw-top-tabs li a:hover,
			.sw-top-tabs li a.current {
				background-position: 0 0;
				}
				
	.sw-top-tab-container {
		box-sizing: border-box;
		width: 100%;
		padding: 20px;
		background-color: #F3F3F3;
		}
		
			.sw-top-tab-content {
				display:table;
				height: 302px;
				}			
			.sw-top-tab-content ul  {
				overflow: hidden;
				}
			
			.sw-top-tab-content1 ul  {
				overflow: hidden;
				}
				.sw-top-tab-content1 ul li {
					float: left;
					margin: 0 1px 1px 0;
					}
					.sw-top-tab-content1 ul li a {
						display: table-cell;
						width: 284px;
						height: 150px;
						padding-left: 24px;
						background-repeat: no-repeat;
						vertical-align: middle;
						color: #333;
						font-size: 18px;
						font-weight: bold;
						line-height: 1.28;
						overflow: hidden;
						}
						.sw-top-tab-content1 ul li a span {
							font-size: 18px;
							}
					.sw-top-tab-content1 ul li a:hover {
						opacity: 0.65;
						}
					.sw-top-tab-content1 ul li.sw-top-tab-content1-1 a { background-image: url(../images/sw-top-tab-content1-1.jpg); }
					.sw-top-tab-content1 ul li.sw-top-tab-content1-2 a { background-image: url(../images/sw-top-tab-content1-2.jpg); }
					.sw-top-tab-content1 ul li.sw-top-tab-content1-3 a { background-image: url(../images/sw-top-tab-content1-3.jpg); }
					.sw-top-tab-content1 ul li.sw-top-tab-content1-4 a { background-image: url(../images/sw-top-tab-content1-4.jpg); }
					.sw-top-tab-content1 ul li.sw-top-tab-content1-5 a { background-image: url(../images/sw-top-tab-content1-5.jpg); }
					.sw-top-tab-content1 ul li.sw-top-tab-content1-6 a { background-image: url(../images/sw-top-tab-content1-6.jpg); }


			.sw-top-tab-content2 ul  {
				overflow: hidden;
				}
				.sw-top-tab-content2 ul li {
					float: left;
					margin: 0 1px 1px 0;
					}
					.sw-top-tab-content2 ul li a {
						display: table-cell;
						width: 240px;
						height: 74px;
						padding-left: 67px;
						background-color: #FFF;
						background-repeat: no-repeat;
						background-image: url(../images/ico-idea.png);
						background-position: 17px 13px;
						vertical-align: middle;
						color: #333;
						font-size: 18px;
						line-height: 1.28;
						overflow: hidden;
						font-weight: bold;
						}
					.no-icon ul li a {
						width: 287px;
						padding-left: 20px;
						background-image: none;
						}
					.sw-top-tab-content2 ul li a:hover {
						opacity: 0.65;
						}
	
	
			.sw-top-tab-content3 ul  {
				overflow: hidden;
				}
				.sw-top-tab-content3 ul li {
					float: left;
					margin: 0 1px 1px 0;
					}
					.sw-top-tab-content3 ul li a {
						display: block;
						width: 153px;
						height: 30px;
						padding-top: 120px;
						background-repeat: no-repeat;
						text-align: center;
						color: #333;
						font-size: 14px;
						line-height: 1.28;
						overflow: hidden;
						}
					.sw-top-tab-content3 ul li a:hover {
						opacity: 0.65;
						}
					.sw-top-tab-content3 ul li.sw-top-tab-content3-1 a { background-image: url(../images/sw-top-tab-content3-1.png); }
					.sw-top-tab-content3 ul li.sw-top-tab-content3-2 a { background-image: url(../images/sw-top-tab-content3-2.png); }
					.sw-top-tab-content3 ul li.sw-top-tab-content3-3 a { background-image: url(../images/sw-top-tab-content3-3.png); }
					.sw-top-tab-content3 ul li.sw-top-tab-content3-4 a { background-image: url(../images/sw-top-tab-content3-4.png); }
					.sw-top-tab-content3 ul li.sw-top-tab-content3-5 a { background-image: url(../images/sw-top-tab-content3-5.png); }
					.sw-top-tab-content3 ul li.sw-top-tab-content3-6 a { background-image: url(../images/sw-top-tab-content3-6.png); }
					.sw-top-tab-content3 ul li.sw-top-tab-content3-7 a { background-image: url(../images/sw-top-tab-content3-7.png); }
					.sw-top-tab-content3 ul li.sw-top-tab-content3-8 a { background-image: url(../images/sw-top-tab-content3-8.png); }
					.sw-top-tab-content3 ul li.sw-top-tab-content3-9 a { background-image: url(../images/sw-top-tab-content3-9.png); }
					.sw-top-tab-content3 ul li.sw-top-tab-content3-10 a { background-image: url(../images/sw-top-tab-content3-10.png); }
					.sw-top-tab-content3 ul li.sw-top-tab-content3-11 a { background-image: url(../images/sw-top-tab-content3-11.png); }
				
			.sw-top-tab-content4 ul  {
				overflow: hidden;
				}
				.sw-top-tab-content4 ul li {
					display: table-cell;
					float: left;
					margin: 0 1px 1px 0;
					vertical-align: middle;
					}
					.sw-top-tab-content4 ul li a {
						display: block;
						box-sizing: border-box;
						background-repeat: no-repeat;
						overflow: hidden;
						}
					.sw-top-tab-content4 ul li a:hover {
						opacity: 0.65;
						}
					.sw-top-tab-content4 ul li.sw-top-tab-content4-1 a {
						width: 461px;
						height: 0;
						padding-top: 301px;
						background-image: url(../images/sw-top-tab-content4-1.png);
						line-height: 301px;
						}
					.sw-top-tab-content4 ul li.sw-top-tab-content4-2 a {
						width: 461px;
						height: 0;
						padding-top: 150px;
						background-image: url(../images/sw-top-tab-content4-2.png);
						line-height: 150px;
						}
					.sw-top-tab-content4 ul li.sw-top-tab-content4-3 a {
						width: 461px;
						height: 0;
						padding-top: 150px;
						background-image: url(../images/sw-top-tab-content4-3.png);
						line-height: 150px;
						}

				
.sw-top-ls1 {
	width: 100%;
	margin: 40px 0;
	padding: 20px 0;
	background-color: #EEEEEE;
	}
	.sw-top-ls1 ul {
		width: 967px;
		margin: 0 auto;
		overflow: hidden;
		}
		.sw-top-ls1 ul li {
			float: left;
			margin: 0 15px 0 0;
			}
		.sw-top-ls1 ul li.sw-top-ls1-btn4 { margin: 0 0 0 0; }
			.sw-top-ls1 ul li a {
				display: block;
				width: 230px;
				height: 0;
				padding-top: 80px;
				background-repeat: no-repeat;
				line-height: 80px;
				overflow: hidden;
				}
			.sw-top-ls1 ul li.sw-top-ls1-btn1 a { background-image: url(../images/sw-top-ls1-btn1.png); }
			.sw-top-ls1 ul li.sw-top-ls1-btn2 a { background-image: url(../images/sw-top-ls1-btn2.png); }
			.sw-top-ls1 ul li.sw-top-ls1-btn3 a { background-image: url(../images/sw-top-ls1-btn3.png); }
			.sw-top-ls1 ul li.sw-top-ls1-btn4 a { background-image: url(../images/sw-top-ls1-btn4.png); }
			
			.sw-top-ls1 ul li a:hover {
				opacity: 0.5;	
				}
				
.sw-top-ls2 {
	width: 967px;
	margin: 0 auto 40px auto;
	}
	.sw-top-ls2 ul {
		overflow: hidden;
		}
		.sw-top-ls2 ul li {
			float: left;
			margin: 0 2px 0 2px;
			border-right: 1px solid #CCC;
			}
		.sw-top-ls2 ul li.sw-top-ls2-btn1 { margin: 0 2px 0 0; }
		.sw-top-ls2 ul li.sw-top-ls2-btn2 { margin: 0 2px 0 2px; }
		.sw-top-ls2 ul li.sw-top-ls2-btn3 { margin: 0 0 0 2px; border-right: none; }
			.sw-top-ls2 ul li a {
				display: block;
				width: 318px;
				height: 0;
				padding-top: 224px;
				background-repeat: no-repeat;
				line-height: 224px;
				overflow: hidden;
				}
			.sw-top-ls2 ul li.sw-top-ls2-btn1 a { background-image: url(../images/sw-top-ls2-btn1.png); }
			.sw-top-ls2 ul li.sw-top-ls2-btn2 a { background-image: url(../images/sw-top-ls2-btn2.png); }
			.sw-top-ls2 ul li.sw-top-ls2-btn3 a { background-image: url(../images/sw-top-ls2-btn3.png); }
			
			.sw-top-ls2 ul li a:hover {
				opacity: 0.5;	
				}
				
.sw-top-ls3 {
	width: 967px;
	margin: 0 auto 25px auto;
	}
	.sw-top-ls3 ul {
		overflow: hidden;
		}
		.sw-top-ls3 ul li {}
			.sw-top-ls3 ul li a {
				display: block;
				width: 967px;
				height: 0;
				padding-top:50px;
				background-repeat: no-repeat;
				line-height: 50px;
				overflow: hidden;
				}
			.sw-top-ls3 ul li.sw-top-ls3-btn1 a { background-image: url(../images/sw-top-ls3-btn1.png); }			
			.sw-top-ls3 ul li a:hover {
				opacity: 0.5;	
				}
				
.sw-top-ls4 {
	width: 967px;
	margin: 0 auto 50px auto;
	}
	.sw-top-ls4 ul {
		overflow: hidden;
		}
		.sw-top-ls4 ul li {
			float: left;
			margin: 0 8px 0 0;
			}
		.sw-top-ls4 ul li.sw-top-ls4-btn5 { margin: 0; }
			.sw-top-ls4 ul li a {
				display: block;
				width: 187px;
				height: 0;
				padding-top: 80px;
				background-repeat: no-repeat;
				line-height: 80px;
				overflow: hidden;
				}
			.sw-top-ls4 ul li.sw-top-ls4-btn1 a { background-image: url(../images/sw-top-ls4-btn1.jpg); }
			.sw-top-ls4 ul li.sw-top-ls4-btn2 a { background-image: url(../images/sw-top-ls4-btn2.jpg); }
			.sw-top-ls4 ul li.sw-top-ls4-btn3 a { background-image: url(../images/sw-top-ls4-btn3.jpg); }
			.sw-top-ls4 ul li.sw-top-ls4-btn4 a { background-image: url(../images/sw-top-ls4-btn4.jpg); }
			.sw-top-ls4 ul li.sw-top-ls4-btn5 a { background-image: url(../images/sw-top-ls4-btn5.jpg); }
			
			.sw-top-ls4 ul li a:hover {
				opacity: 0.5;	
				}
				
				
				
/* 商品リスト（共通） */
.item-row {
	box-sizing: border-box;
	width: 967px;
	height: auto;
	margin-bottom: 35px;
	overflow: hidden;
	}
	.item-row {
		}
	.item-row:after {
		display: block;
		clear: both;
		content: "";
		}
		.item-row li {
			float: left;
			width: 215px;
			/*height: 380px;*/
			margin: 0 35px 50px 0;
			}
		.item-row li.item-row-last {
			margin-right: 0px;
			}
			
			.item-row li figure {
				height: 158px;
				margin-bottom: 18px;
				border: 1px solid #CCC;
				}
				.item-row li figure img {
					vertical-align: bottom;
					}
			.item-row li h4 {
				display: table-cell;/**/
				padding-bottom: 6px;
				/*height: 3em;*/
				vertical-align: middle;
				color: #3F3F3F;
				line-height: 1.3;
				font-size: 14px;
				font-weight: bold;
				}
			.item-row li p {
				/*height: 6em;*/
				margin-bottom: 10px;
				font-size: 13px;
				line-height: 1.5;
				color: #3F3F3F;
				}
			.item-row-btn {
				display: block;
				width: 215px;
				padding: 12px 0 8px 0;
				background-color: #777777;
				background : -webkit-gradient(linear, left top, left bottom, from(#666), to(#555));
				background : -webkit-linear-gradient(top, #666, #555);
				background : linear-gradient(to bottom, #666, #555);
				border-bottom: 1px solid #666;
				box-shadow: 0 2px 0 #333;
				border-radius: 2px;
				text-align: center;
				color: #FFF !important;
				font-size: 13px;
				font-weight: bold;
				line-height: 1.28;
				transition: opacity 0.3s;
				text-shadow: 0 -1px 1px rgba(0,0,0,0.7);
				}
			.item-row-btn:hover {
				opacity: 0.8;
				}



/* ボタン */

.btn-container-center {
	margin: 0 auto 80px auto;
	text-align: center;
	}
	.sw-btn-large {
		display: inline-block;
		padding: 19px 30px 13px 30px;
		background-color: #777777;
		background : -webkit-gradient(linear, left top, left bottom, from(#666), to(#555));
		background : -webkit-linear-gradient(top, #666, #555);
		background : linear-gradient(to bottom, #666, #555);
		border-bottom: 1px solid #666;
		box-shadow: 0 2px 0 #333;
		border-radius: 2px;
		color: #FFF !important;
		font-size: 18px;
		font-weight: bold;
		line-height: 1.28;
		text-align: center;
		text-shadow: 0 -1px 1px rgba(0,0,0,0.7);
		transition: opacity 0.3s;
		overflow: hidden;
		}
	.sw-btn-large:hover {
		opacity: 0.8;
		}