@charset "utf-8";
/****************************************************************************
　 index CSS
--------------------------------------------------------
   Author : Yasuo Tominaga @ penpengusa
   Group : http://www.penpengusa.com
   Creation date : 2017.01.25
   Last up date   : 2017.11.25
****************************************************************************/

#stamp .index {
	border: 5px solid #FF3399;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*#seal .index {
	border: 5px solid #BE0000;
	padding-top: 10px;
	padding-bottom: 10px;
}

#seal .index h2.top {
	width: 756px;
	margin: 0px auto;
}
#seal .index h3 {
	width: 756px;
	margin: 0px auto;
}*/


/*　　tab
========================*/
#seal .index #tab {
	height:80px;
	overflow: hidden;
	position: relative;
	z-index: 50;
	width: 715px;
	margin: 30px auto;
}
#seal .index #tab li {
	float: left;
	width:160px;
	height:80px;
	margin-right:25px;
	overflow: hidden;
	list-style: none;
	cursor: pointer;
}
#seal .index #tab li:nth-child(5){
	float: left;
	width:160px;
	height:80px;
	margin-right:0px;
	overflow: hidden;
	list-style: none;
	cursor: pointer;
}
#seal .index #tab li.sNavi0{ width: 0; margin: 0; }
#seal .index #tab li.sNavi1{ background: url(../img/seal_index_tab1on.png) 0 0 no-repeat; }
#seal .index #tab li.sNavi2{ background: url(../img/seal_index_tab2on.png) 0 0 no-repeat; }
#seal .index #tab li.sNavi3{ background: url(../img/seal_index_tab3on.png) 0 0 no-repeat; }
#seal .index #tab li.sNavi4{ background: url(../img/seal_index_tab4on.png) 0 0 no-repeat; }

#seal .index #tab li:hover {
}
#seal .index #tab li:hover img{
		opacity: 1.0;
		filter: alpha(opacity=100);
}
#seal .index #tab li.select {
	padding: 0;
	margin-top: 0;
}
#seal .index #tab li.select img {
		opacity: 0.0;
		filter: alpha(opacity=0);
}
#seal .index #tab li.select a:hover img{
		opacity: 1.0;
		filter: alpha(opacity=100);
}
.disnon {
  display: none;
}
.content_wrap {
}




ul.indexTOPnew {
	width: 780px;
	margin: 30px auto 0 auto;
	overflow: hidden;	
}
ul.indexTOPnew li {
	width: 246px;
	height: 388px;
	float: left;
	position: relative;
	margin: 0 20px 20px 0;
}
ul.indexTOPnew li.OFF {
	opacity: 0.3;
	filter: alpha(opacity=30);
}
ul.indexTOPnew li.ON {
	opacity: 1.0;
	filter: alpha(opacity=100);
}
ul.indexTOPnew li:nth-child(3) { margin: 0 0px 20px 0; }
ul.indexTOPnew li:nth-child(6) { margin: 0 0px 20px 0; }
ul.indexTOPnew li p {
	position: absolute;
	padding: 0;
	margin: 0;
}
ul.indexTOPnew li p a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
ul.indexTOPnew li p.btn1 { top:275px; left:18px; }
ul.indexTOPnew li p.btn2 { top:328px; left:18px; }


.w800 {
	width: 800px !important;
	margin: 0 auto;
	padding: 0;
}
.w800 h2.top {
	width: 100% !important;
	margin: 0 auto;
	padding: 0;
}
.w800 h2.top img {
	display: block;
	margin: 0;
	padding: 0;
}

/*--------------------------------------------------------
　タブ切り替え処理
--------------------------------------------------------*/
.tabContent {
	width: 732px;
	margin: 10px auto 0 auto;
	padding-top: 10px;
}
.tabContent input[type="radio"] {
  display: none;
}
#tab1 ~ .btn01, 
#tab2 ~ .btn02, 
#tab3 ~ .btn03, 
#tab4 ~ .btn04, 
#tab5 ~ .btn05, 
#tab6 ~ .btn06, 
#tab7 ~ .btn07, 
#tab8 ~ .btn08 {
	opacity: 1.0;
	color: #865734;
}
#tab1 ~ .btn01:hover, 
#tab2 ~ .btn02:hover, 
#tab3 ~ .btn03:hover, 
#tab4 ~ .btn04:hover, 
#tab5 ~ .btn05:hover, 
#tab6 ~ .btn06:hover, 
#tab7 ~ .btn07:hover, 
#tab8 ~ .btn08:hover {
	opacity: 0.7;
}

#tab1:checked ~ .btn01, 
#tab2:checked ~ .btn02, 
#tab3:checked ~ .btn03, 
#tab4:checked ~ .btn04, 
#tab5:checked ~ .btn05, 
#tab6:checked ~ .btn06, 
#tab7:checked ~ .btn07, 
#tab8:checked ~ .btn08 {
	opacity: 1.0;
	background: #966E50;
	color: #FFF;
}
.tabContent label {
	margin: 0 12px 12px 0px;
	float: left;
	padding:  0 0 0px 0;
	background: #FCEDB6;
	width: 174px;
	height: 72px;
	line-height: 72px;
	text-align: center;
	font-size: 18px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
	cursor: pointer;
}

.tabContent label.btn01 { }
.tabContent label.btn02 { }
.tabContent label.btn03 { }
.tabContent label.btn04 { margin: 0 0px 12px 0px; }
.tabContent label.btn05 { }
.tabContent label.btn06 { }
.tabContent label.btn07 { }
.tabContent label.btn08 { margin: 0 0px 12px 0px; }

.tabContent .tabBox {
	clear: both;
	width: 795px;
	margin-left: -30px;
	padding-top: 10px;
}

.tabContent > .tabBox > li {
  display: none;
}
.tabContent > .tabBox > li > dl {
  overflow: hidden;
}
.tabBox li dl dt {
	width: 390px;
	float: left;
	margin: 0 15px 15px 0;
	padding: 0;
}
.tabBox li dl dt:nth-child(1), 
.tabBox li dl dt:nth-child(3), 
.tabBox li dl dt:nth-child(5), 
.tabBox li dl dt:nth-child(7), 
.tabBox li dl dt:nth-child(9), 
.tabBox li dl dt:nth-child(11), 
.tabBox li dl dt:nth-child(13), 
.tabBox li dl dt:nth-child(15) {
	clear: both;
} 
.tabBox li dl dt:nth-child(2), 
.tabBox li dl dt:nth-child(4), 
.tabBox li dl dt:nth-child(6), 
.tabBox li dl dt:nth-child(8), 
.tabBox li dl dt:nth-child(10), 
.tabBox li dl dt:nth-child(12), 
.tabBox li dl dt:nth-child(14), 
.tabBox li dl dt:nth-child(16) {
	margin: 0 0 15px 0;
} 

.tabBox li img {
	width: 100%;
}

#tab1:checked ~ .tabBox > #tabView1 { display: block; }
#tab2:checked ~ .tabBox > #tabView2 { display: block; }
#tab3:checked ~ .tabBox > #tabView3 { display: block; }
#tab4:checked ~ .tabBox > #tabView4 { display: block; }
#tab5:checked ~ .tabBox > #tabView5 { display: block; }
#tab6:checked ~ .tabBox > #tabView6 { display: block; }
#tab7:checked ~ .tabBox > #tabView7 { display: block; }
#tab8:checked ~ .tabBox > #tabView8 { display: block; }


.c-both {
	clear: both;
	display: block;
}