/* ----------------------------------------------------------------------- products */


img {
	max-width: 100%;
}

#dituContent img {
	max-width: inherit;
}

#products-index {
	}

#products-index section {
	margin-top: 48px;
	}

#products-index h1 {
	float: left;
	padding: 0 !important;
	font-size: 24px;
	font-weight: normal;
	}

#products-index p {
	float: right;
	text-align: right;
	}

#products-index ul {
	clear: both;
	padding-top: 8px;
	}

#products-index li {
	position: relative;
	margin: 16px 2px 0 2px;
	border: 1px solid #b7c5d0;
	text-align: center;
	overflow: hidden;
	box-sizing: border-box;
	zoom: 1;
	}

#products-index li.double,
#products-index li.triple,
#products-index li.quad {
	float: left;
	margin-right: 16px;
	}

#products-index li.double { width: 470px; }
#products-index li.triple { width: 307px; }
#products-index li.quad  { width: 226px; }

#products-index li.large  { line-height: 320px; }
#products-index li.middle  { line-height: 240px; }
#products-index li.small  { line-height: 160px; }

#products-index li a {
	display: block;
}

#products-index li.middle img { max-height: 240px; max-width: none; }
#products-index li.small img { max-height: 160px; max-width: none; }


#products-index li a:hover img {
	opacity: 0.8;
}

#products-index #products-tepra li.lite,
#products-index #products-tepra li.pro {
	overflow: hidden;
}




/* ----------------------------------------------------------------------- about-tepra */


#about-tepra {
	position: relative;
	}

#about-tepra #tepra-pro {
	position: absolute;
	top: -88px;
	right: -200px;
	}

#about-tepra #tepra-lite {
	position: absolute;
	top: 0;
	left: -200px;
	}

#about-tepra h1 {
	display: table-cell;
	position: relative;
	width: 960px;
	height: 360px;
	text-align: center;
	vertical-align: middle;
	font-size: 32px;
	line-height: 56px;
	font-weight: normal;
	z-index: 10;
	}

#about-tepra figure {
	display: block;
	margin-bottom: 32px;
	overflow: hidden;
	zoom: 1;
	}

#about-tepra figure img {
	float: right;
	margin-left: 32px;
	width: 350px;
	}

#about-tepra figcaption {
	display: block;
	margin-top: 68px;
	font-size: 18px;
	line-height: 32px;
	overflow: hidden;
	zoom: 1;
	}

#about-tepra ul {
	margin: 80px 0;
	overflow: hidden;
	zoom: 1;
	}

#about-tepra li {
	float: left;
	width: 200px;
	margin-left: 32px;
	text-align: center;
	}

#about-tepra li img {
	margin-bottom: 16px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	}

#about-tepra .tepra-link-banner ul {
	margin: 16px 0 48px 0;
	width: 100%;
	text-align: center;
}

#about-tepra #tepras {
	position: relative;
	border-top: 1px solid #b7c5d0;
	text-align: center;
	overflow: hidden;
	zoom: 1;
	}

#about-tepra #tepras img.arrow {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -32px;
	width: 64px;
	}

#about-tepra #tepras #pro {
	float: left;
	width: 464px;
	text-align: left;
	}

#about-tepra #tepras #lite {
	float: right;
	width: 464px;
	text-align: right;
	}

#about-tepra #tepras h1 {
	height: auto;
	padding: 32px 0 0 0 !important;
	font-size: 24px;
	line-height: 32px;
	font-weight: bold;
	text-align: inherit;
	}

#about-tepra #tepras h2 {
	margin-bottom: 16px;
	font-size: 18px;
	font-weight: normal;
	color: #2485ce;
	}


#about-tepra-pro {
	position: relative;
	}

#about-tepra-pro #tepra-pro {
	position: absolute;
	top: -108px;
	right: -100px;
	z-index: 1000;
	}

#about-tepra-pro #overview h1 {
	padding: 40px 0 0 0;
	font-size: 32px;
	line-height: 48px;
	font-weight: bold;
	}

#about-tepra-pro #overview p {
	margin: 24px 360px 48px 0;
	font-size: 18px;
	line-height: 32px;
	}

#about-tepra-pro #overview #lineup h1,
#about-tepra-lite #overview #lineup h1 {
	padding: 10px;
	border-bottom: 1px solid #EEE;
	font-size: 18px;
	line-height: 1.5em;
	margin-bottom: 0px;
}

#overview #lineup {
	padding: 16px 0;
}

#overview #lineup > ul {
    margin: 0 -16px;
    padding-left: 16px;
    overflow: hidden;
}

#overview #lineup > ul > li {
	float: left;
	width: 50%;
}

#overview #lineup > ul > li#sr230c {

}

#overview #lineup > ul > li > span {
	background: #86C586;
	color: #FFF;
	line-height: 35px;
	padding: 0 30px;
	display: inline-block;
}

#overview #lineup > ul > li#sr230ch > span {background: #86C586;}
#overview #lineup > ul > li#sr530c > span {background: #5EA1C3;}
#overview #lineup > ul > li#sr550c > span {background: #F78D56;}
#overview #lineup > ul > li#sr3900c > span {background: #FFD333;}
#overview #lineup > ul > li#rilakkuma > span {background: #FFD333;}
#overview #lineup > ul > li#lr20c > span {background: #5EA1C3;}

#overview #lineup > ul > li section {
	margin-right: 16px;
	position: relative;
}

#overview #lineup > ul > li section h1 {
	padding: 10px;
	border-bottom: 1px solid #EEE;
	font-size: 18px;
	line-height: 1.5em;
	margin-bottom: 0px;
}

#overview #lineup > ul > li section .thumbnail {
	width: 190px;
	position: relative;
}

#overview #lineup > ul > li section .icon {
	position: absolute;
	bottom: 5px;
	right: 5px;
	background: rgba(255,255,255,0.8);
	padding: 0 10px;
	border-radius: 3px;
}

#overview #lineup > ul > li section .icon img {
	height: 30px;
}

#overview #lineup > ul > li section .detail {
	margin-left: 190px;
	padding: 10px 10px;
}

#overview #lineup > ul > li section .detail > p {
	font-weight: bold;
	margin-bottom: 5px;
}

#overview #lineup > ul > li section .detail dt {
	font-weight: bold;
	font-size: 13px;
}

#overview #lineup > ul > li section .detail dd {
	font-size: 12px;
	line-height: 1.6em;
	margin-bottom: 5px;
}

#overview #lineup > ul > li section .detail > ul li {
	font-size: 13px;
	margin-left: 20px;
}

#overview #lineup > ul > li section .detail .link {
	position: absolute;
	right: 13px;
	top: 15px;
	color: #2485CE;
	font-size: 14px;
	margin: 0;
	line-height: 1em;
}

#overview #lineup > ul > li section .detail .link img {
	width: 15px;
	vertical-align: -2px;
	margin-left: 5px;
}


#about-tepra-pro #tepra-contents {
	margin: 32px 0;
	text-align: center;
	}

#about-tepra-pro #tepra-contents li {
	display: inline-block;
	margin: 0 8px;
	}



#about-tepra-pro #tepra-pro-tape {
	border-top: 1px solid #b7c5d0;
	padding-bottom: 56px;
	}

#about-tepra-pro #tepra-pro-tape #tapes {
	display: table;
	width: 100%;
	}

#about-tepra-pro #tepra-pro-tape #tapes div {
	display: table-cell;
	border: 1px solid #b7c5d0;
	}

#about-tepra-pro #tepra-pro-tape #tapes section {
	display: none;
	position: relative;
	margin-bottom: -1px;
	}

	#about-tepra-pro #tepra-pro-tape #tapes section.selected {
		display: block;
		}

#about-tepra-pro #tepra-pro-tape #tapes ul.lineup {
	display: none;
	}

#about-tepra-pro #tepra-pro-tape #tapes .number {
    position: absolute;
    top: -30px;
    right: 10px;
    font-size: 15px;
}

#about-tepra-pro #tepra-pro-tape #tapes table {
	width: 100%;
	font-size: 13px;
	text-align: center;
	border-collapse: collapse;
	table-layout: fixed;
}

#about-tepra-pro #tepra-pro-tape #tapes tr.head {
	background-color: #f5f5f5;
	}

#about-tepra-pro #tepra-pro-tape #tapes th,
#about-tepra-pro #tepra-pro-tape #tapes td {
	/*
	width: 68px !important;
	*/
	border-left: 1px solid #dbe2e8;
	border-bottom: 1px solid #b7c5d0;
	padding: 8px 4px;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}


	#about-tepra-pro #tepra-pro-tape #tapes th.tape-number { width: 44px !important; }
	#about-tepra-pro #tepra-pro-tape #tapes th.tape-thumbnail { width: 110px !important; }
	#about-tepra-pro #tepra-pro-tape #tapes th.tape-sample { width: 80px !important; }

.product_4mm_code { width: 60px !important; }
.product_6mm_code { width: 60px !important; }


#about-tepra-pro #tepra-pro-tape #tapes tr td:first-child {
	border-left: none;
	}

#about-tepra-pro #tepra-pro-tape img.thumbnail {
/*
	height: 72px;
*/
	}

#about-tepra-pro #tepra-pro-tape i.tape-sample {
	display: inline-block;
	padding: 4px 10px 3px 10px;
	border-right: 1px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.2);
	line-height: 25px;
	/*
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
	*/
	}

#about-tepra-pro #tepra-pro-tape .metallic i.tape-sample {
	background-image: url(../../../images/tape-sample-metallic.png);
	background-repeat: repeat-x;
}

#about-tepra-pro #tepra-pro-tape i.tape-sample.dot-pink {
	background: url(../../../images/tape-sample-pink.gif);
	background-size: 20px;
}

#about-tepra-pro #tepra-pro-tape i.tape-sample.dot-green {
	background: url(../../../images/tape-sample-green.gif);
	background-size: 20px;
}

#about-tepra-pro #tepra-pro-tape i.tape-sample.check-blue {
	background: url(../../../images/tape-sample-blue.gif);
	background-size: 20px;
}

#about-tepra-pro #tepra-pro-tape a {
	display: none;
}

#about-tepra-pro #tepra-pro-tape a img {
	width: 45px;
	height: 22px;
	}



#about-tepra-pro #tepra-pro-tape #tab-tepra-pro-tape {
	display: table-cell;
	width: 226px;
	border-top: 1px solid #dbe2e8;
	}

#about-tepra-pro #tab-tepra-pro-tape li {
	line-height: 36px;
	border-bottom: 1px solid #dbe2e8;
	}

	#about-tepra-pro #tab-tepra-pro-tape li.selected {
		background-color: #dbe2e8;
		}

#about-tepra-pro #tab-tepra-pro-tape a {
	display: block;
	}

	#about-tepra-pro #tab-tepra-pro-tape li.selected a {
		color: #2485ce;
		}

#about-tepra-pro #tab-tepra-pro-tape i {
	float: left;
	width: 6px;
	height: 6px;
	margin: 13px;
	border: 2px solid #dbe2e8;
	text-indent: -5000px;
	}

	#about-tepra-pro #tab-tepra-pro-tape li.selected i {
		border: 2px solid #000;
		background-color: #2485ce;
		}



#tepra-app {
	border-top: 1px solid #b7c5d0;
}

#tepra-app .tepra-link-banner ul {
	position: relative;
	padding-bottom: 56px;
	width: 100%;
	text-align: center;
}

#tepra-app .tepra-link-banner li,
#about-tepra .tepra-link-banner li  {
	display: inline-block;
	margin: 0 12px;
	text-align: center;
	width: 208px;
	float: none;
}

.tepra-link-banner li a:hover {
	opacity: 0.5;
}

#tepra-app .tepra-link-banner li img,
#about-tepra .tepra-link-banner li img {
	border-radius: 0;
	margin: 0;
}


#about-tepra-pro #option {
	border-top: 1px solid #b7c5d0;
	}

#about-tepra-pro #options {
	padding-bottom: 1px;
	overflow: hidden;
	zoom: 1;
	}

#about-tepra-pro #options li {
	position: relative;
	float: left;
	width: 33.3%;
	margin: 0 -1px -1px 0;
	padding-top: 8px;
	border: 1px solid #b7c5d0;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}

#about-tepra-pro #options img {
		height: 120px;
		margin: 20px auto;
	}

#about-tepra-pro #options h2 {
	margin-top: 8px;
	padding: 16px;
	border-top: 1px dotted #b7c5d0;
	text-align: left;
	font-size: 16px;
	}

#about-tepra-pro #options p {
	padding: 0 16px 16px 16px;
	text-align: left;
	}
	
#about-tepra-pro #options h3 {
	text-align: left;
	padding: 0 16px 4px 16px;
}

#about-tepra-pro #options .spec {
	padding: 0 16px 16px 16px;
}

#about-tepra-pro #options table th {
	white-space: nowrap;
	padding: 5px 3px;
	font-size: 14px;
}

#about-tepra-pro #options table td {
	font-size: 12px;
	padding: 5px 3px;
	line-height: 1.6em;
	vertical-align: middle;
}

#about-tepra #tepra-lineup {
	margin: 30px 0 0;
}

#about-tepra #tepra-lineup h1 {
	padding: 0;
	font-size: 16px;
	display: block;
	height: auto;
	text-align: left;
	line-height: 1.5em;
}

#about-tepra #tepra-lineup > section {
	margin-top: 100px;
}

#about-tepra #tepra-lineup > section iframe {
	background-color: #EDF7FC;
}

#about-tepra #tepra-lineup > section .header {
	position: relative;
	height: 80px;
}

#about-tepra #tepra-lineup > section .header p {
	font-size: 15px;
}

#about-tepra #tepra-lineup > section .header h1 {
	font-size: 26px;
	font-weight: bold;
	color: #000;
}

#about-tepra #tepra-lineup > section .header .hgroup {
	float: left;
	padding: 20px 0;
	width: 320px;
}

#about-tepra #tepra-lineup > section .header .hgroup img {
	position: absolute;
	width: 400px;
	top: -60px;
	left: -90px;
}

#about-tepra #tepra-lineup > section .header img.lineup {
	height: 80px;
	float: right;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	margin-right: 20px;
}

#about-tepra #tepra-lineup > section > p {
	display: block;
	padding: 20px 0;
}

#about-tepra #tepra-lineup > section > a {
	display: block;
	position: relative;
	z-index: 2;
	background-color: #fff;
}

#about-tepra #tepra-lineup > section > a:hover img {
	opacity: 0.8;
}

/* ----------------------------------------------------------------------- about-tepra-lite */

#about-tepra-lite {
	position: relative;
	}

#about-tepra-lite #tepra-lite {
	position: absolute;
	top: -108px;
	right: -100px;
	z-index: 1000;
	width: 420px;
	}

#about-tepra-lite #overview h1 {
	padding: 40px 0 0 0;
	font-size: 32px;
	line-height: 48px;
	font-weight: bold;
	}

#about-tepra-lite #overview p {
	margin: 24px 360px 48px 0;
	font-size: 18px;
	line-height: 32px;
	}


#about-tepra-lite #tepra-lite-tape  {
	position: relative;
	
}

#about-tepra-lite #tepra-lite-tape h1 {
    position: absolute;
    top: 40px;
    font-size: 28px;
    left: 40px;
    padding: 0;
}

/*
#about-tepra-lite #tepra-lite-tape h1 {
	color: #FF8876;
    font-size: 30px;
    line-height: 1.5em;
    text-align: center;
    padding: 50px 0;
    font-weight: normal;
}
*/

#about-tepra-lite #tepra-lite-tape .tape-list {
	background: url(../../../images/bg-wood.png);
    overflow: hidden;
}

#about-tepra-lite #tepra-lite-tape .list {
    padding: 20px 0px;
    background: rgba(255,255,255,0.7);
    border-radius: 10px;
    overflow: hidden;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin: 20px;
}

#about-tepra-lite #tepra-lite-tape .list:last-child {
	border-bottom: none;
}

#about-tepra-lite #tepra-lite-tape .list h2 {
    font-size: 30px;
    line-height: 1.5em;
    font-weight: normal;
    margin: 0 30px -60px;
    color: #775E5E;
}

#about-tepra-lite #tepra-lite-tape .list.rilakkuma h2 {
	margin-bottom: 0;
}



/* ----------------------------------------------------------------------- tepra-lite-lr5c */

#special-contents {
	padding: 16px 0px 32px 0px;
}

#special-contents article {
	text-align: left;
	}
	
#special-contents article .content {
	width: 960px; 
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

#special-contents article header {
	width: 960px;
	margin: auto;
	padding: 24px 0 48px 0;
	}

#special-contents article header h1 {
	font-size: 40px;
	line-height: 48px;
	color: #000;
	font-weight: normal;
	}

#special-contents article header h1 img {
	height: 48px;
	margin-right: 16px;
	}

#special-contents section.has-submenu {
	position: relative;
	padding-top: 72px;
	}


/* ----------------------------------------------------------------------- lineup */

#lineup {
	position: relative;
	padding-top: 114px;
}

#lineup > ul {
	margin: 30px 0;
}

#lineup > ul > li {
	margin-bottom: 32px;
}

#lineup > ul > li section {
	position: relative;
	overflow: hidden;
}

#lineup > ul > li section a {
	display: block;
	border: 1px solid #B7C5D0;
	overflow: hidden;
}

	#lineup > ul > li section a:hover {
		border: 1px solid #2485ce;
		background-color: #fcfdfe;
	}

#lineup > ul > li section .thumbnail {
	float: left;
	width: 300px;
}

#lineup > ul > li section .detail {
	margin-left: 300px;
	padding: 30px;
	padding-right: 190px;
}

#lineup > ul > li section .detail > ul li {
	font-size: 16px;
	color: #666666;
	line-height: 1.7em;
	text-indent: -15px;
	margin-left: 30px;
}

#lineup > ul > li section .detail > ul li div {
	border: 2px solid #B7C5D0;
	box-sizing: border-box;
	width: 10px;
	height: 10px;
	display: inline-block;
	vertical-align: -1px;
	margin-right: 5px;
}


#lineup > ul > li section .detail h1 {
	font-size: 24px;
	font-weight: bold;
	color: #000;
	line-height: 1.5em;
	padding: 0;
	margin-bottom: 15px;
}

	#lineup > ul > li section a:hover h1 {
		color: #2485ce;
	}

#lineup > ul > li section > ul {
	position: absolute;
	right: 0;
	top: 0;
}

#lineup > ul > li section > ul li a {
	line-height: 1.5em;
	padding: 20px 0;
	font-size: 18px;
	border-bottom: 1px solid #DBE2E8;
	display: block;
	color: #2485CE;
	width: 180px;
}

#lineup > ul > li section > ul li a img {
	width: 15px;
	float: right;
	margin: 5px 15px 0;
}


/* ----------------------------------------------------------------------- tepra-lite-lr5c */

#tepra-life-item {

}

#tepra-life-item .content {
	position: relative;
}

#tepra-life-item.lr5c #item {
	position: absolute;
	top: 120px;
	left: -240px;
	z-index: 50;
}

#tepra-life-item.lr5c #overview {
	padding-left: 460px;
	padding-top: 260px;
	padding-bottom: 350px;
}

#tepra-life-item #overview h1 {
	font-size: 46px;
	color: #FF8876;
	line-height: 1em;
	margin-bottom: 45px;
	font-weight: normal;
}

#tepra-life-item #overview p {
	font-size: 18px;
	color: #666666;
	line-height: 1.7em;
}

#tepra-life-item.lr5c #movie {
	padding: 60px 0;
	background: url(../../../images/tepra-life-lr5c-bg.jpg) no-repeat center center;
	border-top: 1px solid #B7C5D0;
	border-bottom: 1px solid #B7C5D0;
	position: relative;
}

/*
#tepra-life-item.lr5c #movie .content {
	background: url(../../../images/tepra-lite-movie-thumbnail.jpg);
}

#tepra-life-item.lr5c #movie .content iframe {
	opacity: 0.1;
}
*/

#tepra-life-item.lr5c #flow {
	text-align: center;
	margin-top: 40px;
}

#tepra-life-item.lr5c #flow h1 {
	padding-top: 80px;
	color: #FF8876;
	font-size: 31px;
	font-weight: normal;
	line-height: 1em;
	padding-bottom: 30px;
}

#tepra-life-item.lr5c #flow p {
	font-size: 18px;
	color: #666666;
	line-height: 1.7em;
}


#tepra-life-item.lr5c #flow ul {
	text-align: center;
	margin: 30px 0;
	overflow: hidden;
}

#tepra-life-item.lr5c #flow li {
	display: inline-block;
	width: 180px;
	margin-left: 50px;
	position: relative;
}

#tepra-life-item.lr5c #flow li:first-child {
	margin-left: 0;
}


#tepra-life-item.lr5c #flow li .arrow {
	width: 25px;
	position: absolute;
	right: -40px;
	top: 80px;
}

#tepra-life-item.lr5c #flow li p {
	display: block;
	margin-top: 10px;
	font-size: 21px;
	color: #B7C5D0;
	font-weight: bold;
}

#tepra-life-item.lr5c #design .content {
	background: #F2FBFE;
	overflow: hidden;
}

#tepra-life-item.lr5c #design .content .item {
	display: block;
	margin: 20px auto;
}

#tepra-life-item.lr5c #design li {
	margin: 4px;
	background: #FFF;
	padding: 30px;
	overflow: hidden;
}

#tepra-life-item.lr5c #design li dt {
	float: left;
	width: 108px;
	height: 108px;
	padding: 10px;
	background: #FFD872;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
}

#tepra-life-item.lr5c #design li dt p {
	color: #FFF;
}

#tepra-life-item.lr5c #design li dt em {
	font-family: 'Helvetica Neue';
	font-weight: 100;
	vertical-align: bottom;
	font-size: 48px;
	line-height: 1em;
	padding-top: 35px;
	display: block;
}

#tepra-life-item.lr5c #design li dd {
	margin-left: 128px;
	margin-right: 80px;
	text-align: right;
	position: relative;
}

#tepra-life-item.lr5c #design li dd .more {
	position: absolute;
    right: -90px;
    top: 20px;
}

.modal {
	display: none;
	background: #FFF;
	position: relative;
	padding: 20px;
	max-width: 100%;
	width: 800px;
	max-height: 80%;
	margin-left: -400px !important;
	top: 10%;
	overflow: auto;
	text-align: center;
	-webkit-overflow-scrolling: touch;
}

.modal-close {
	position: fixed;
	width: 20px;
	line-height: 20px;
	text-align: center;
	display: block;
	background: #EEE;
	border-radius: 50%;
	left: 50%;
	top: 115px;
	font-size: 16px;
	padding: 0 2px 4px;
	margin-left: 385px;
}

#lean_overlay {
	position: fixed;
    z-index: 10000;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
    opacity: 0.7 !important;
}

#tepra-life-item.lr5c .catchcopy {
	text-align: center;
	font-size: 30px;
	color: #B7C5D0;
	font-weight: bold;
	margin: 70px 0;
	line-height: 1.5em;
}

#tepra-life-item.lr5c #tape .content {
	
}

#tepra-life-item.lr5c #tape .visual {
	height: 620px;
	background: url(../../../images/tepra-life-lr5c-visual.jpg) #e0cdac no-repeat center center;
}

#tepra-life-item.lr5c #tape .visual p {
	position: absolute;
	top: 60px;
	font-size: 32px;
}


#tepra-life-item.lr5c #tape .tape-list {
	background: url(../../../images/bg-wood.png);
	background-size: cover;
	padding: 30px 0;
}

#tepra-life-item.lr5c #tape .list {
	overflow: hidden;
}

#tepra-life-item.lr5c #tape h2 {
    font-size: 30px;
    line-height: 1.5em;
    font-weight: normal;
    margin: 0 10px 20px;
    color: #775E5E;
}

#tepra-life-item.lr5c #tape .list li {
	float: left;
	text-align: center;
	width: 16.666%;
	margin-bottom: 30px;
	position: relative;
}

#tepra-life-item.lr5c #tape .list li img {
	box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
}

#tepra-life-item.lr5c #tape .list li p {
	color: #712309;
	margin-top: 10px;
	font-size: 12px;
}

#tepra-life-item.lr5c #tape .list.normal {
	margin-bottom: 30px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

#tepra-life-item.lr5c #tape .list.new {
	border-bottom: none;
	margin-bottom: 0;
}

#tepra-life-item.lr5c #tape .list.new li {
	width: 20%;
	margin-top: 10px;
}

#tepra-life-item.lr5c #tape .list li i {
	position: absolute;
	left: 7px;
	top: -10px;
	display: none;
}



#tepra-life-item.lr5c #tape-category {
	padding-top: 110px;
}

#tepra-life-item.lr5c #tape-category ul {
	overflow: hidden;
}

#tepra-life-item.lr5c #tape-category ul li img {
	width: 960px;
	height: 367px;
}

#tepra-life-item.lr5c #tape-category .flex-control-thumbs {
	margin: 15px -5px;
	overflow: hidden;
}

#tepra-life-item.lr5c #tape-category .flex-control-thumbs li {
	float: left;
	width: 20%;
}

#tepra-life-item.lr5c #tape-category .flex-control-thumbs li img {
	display: block;
	width: 95%;
	cursor: pointer;
	margin: auto;
	opacity: 0.6;
}

#tepra-life-item.lr5c #tape-category .flex-control-thumbs li img.flex-active {
	opacity: 1;
}

#tepra-life-item.lr5c #tape-category .flex-direction-nav {
	display: none;
}

#tepra-life-item.lr5c #tape-category .more {
	text-align: center;
	padding: 40px 0;
}

#tepra-life-item #tape h1,
#tepra-life-item #spec h1,
#tepra-life-item #product-faq h1 {
	color: #FF8876;
	font-size: 30px;
	line-height: 1.5em;
	text-align: center;
	padding: 50px 0;
	font-weight: normal;
}


#tepra-life-item #spec .content {
	border-bottom: 1px dotted #B7C5D0;
}

#tepra-life-item #spec table {
	border-top: 1px solid #B7C5D0;
	border-right: 1px solid #B7C5D0;
	width: 100%;
	border-spacing: 0;
	margin-bottom: 80px;
}

#tepra-life-item #spec table th,
#tepra-life-item #spec table td {
	padding: 8px 20px;
	border-bottom: 1px solid #B7C5D0;
}


#tepra-life-item #spec table th {
	border-right: 1px dotted #B7C5D0;
	border-left: 1px solid #B7C5D0;
}

#tepra-life-item #spec table td {
	color: #666666;
}

/* ----------------------------------------------------------------------- tepra-rilakkuma */

#post-820 {
	background: url(../../../images/tepra-rk-bg.jpg) center top no-repeat #DFCDAB;
	margin-top: -16px;
	padding: 16px 0 0;
}

#tepra-rk .about {
	text-align: center;
}

#special-contents article #tepra-rk .content {
	position: relative;
	width: 990px;
}

#special-contents article #tepra-rk .has-submenu {
	width: 960px;
}

#tepra-rk #submenu {
	background: none;
	border-bottom: 1px solid #583C32;
	margin: auto;
}

#tepra-rk #submenu.sp {
	display: block;
}

#tepra-rk #submenu.fixed {
	background: rgba(255,255,255,0.9);
}

#tepra-rk #submenu li {
	border-bottom: 3px solid rgba(0,0,0,0);
}

#tepra-rk #submenu li.selected {
	border-bottom: 3px solid #583C32;
}

#tepra-rk #submenu li a {
	color: #000;
}

#tepra-rk #submenu li.selected a {
	color: #583C32;
}

#tepra-rk .visual {
	padding-top: 410px;
}

#tepra-rk .visual .header {
	background: #FCE9BD;
	padding: 30px 0;
	position: relative;
}

#tepra-rk .visual .header .rilakkuma {
	position: absolute;
    top: -100px;
    right: -130px;
    z-index: 1;
}

#tepra-rk .main-content {
	background: url(../../../images/tepra-rk-main-bg.jpg);
	margin-bottom: -32px;
}

#tepra-rk .about {
	padding: 60px 0;
}

#tepra-rk .about h1 {
	margin-bottom: 60px;
	text-align: left;
}

#tepra-rk .about .use {
	margin: -34px -110px 0;
}

#tepra-rk section h1 {
	text-align: center;
	margin: 30px 0 40px;
}

#tepra-rk section {
	position: relative;
}

#tepra-rk section .button {
	position: absolute;
	bottom: 30px;
	right: 50px;
	background: none;
	padding: 0;
}

#tepra-rk .lite {
	margin-bottom: 30px;
}

#tepra-rk #tepra-life-item #spec h1 {
	 padding: 15px 0 10px;
}

#tepra-rk #tepra-life-item #spec .table {
	background: url(../../../images/tepra-rk-spec-bg.jpg);
	padding: 8px;
	border-radius: 16px;
	position: relative;
}

#tepra-rk #tepra-life-item #spec .table .rilakkuma {
	position: absolute;
	right: 10px;
    top: -100px
}

#tepra-rk #tepra-life-item #spec table {
	background: #FFF;
	border-radius: 16px;
	overflow: hidden;
	border-top: none;
	border-right: none;
	margin: 0;
}

#tepra-rk #tepra-life-item #spec table th,
#tepra-rk #tepra-life-item #spec table td {
	border-bottom: 1px solid #C6B198;
	vertical-align: middle;
}

#tepra-rk #tepra-life-item #spec table th {
	background: #FFFBE8;
	border-right: 1px dotted #C6B198;
	border-left: none; 
    color: #583C32;
}

#tepra-rk #tepra-life-item #spec table tr:last-child th,
#tepra-rk #tepra-life-item #spec table tr:last-child td {
	border-bottom: none;
}

#tepra-rk #tepra-life-item #spec th.last,
#tepra-rk #tepra-life-item #spec td.last {
	border-bottom: none;
}

#tepra-rk footer em {
	text-align: center;
	display: block;
	padding: 40px;
	color: #583C32;
	font-size: 12px;
}

#tepra-rk #product-faq .content {
	background: url(../../../images/tepra-rk-spec-bg.jpg) #FFF;
    padding: 8px 8px 8px;
    border-radius: 16px;
}

#tepra-rk #product-faq .content .list {
	background: #FFF;
	padding: 15px 15px 40px;
	border-radius: 16px;
	margin-bottom: 0;
}

/* ----------------------------------------------------------------------- bb1rkc */

#bb1rkc {
	margin: 0px auto 0;
	position: relative;
	padding-top: 100px;
}

#bb1rkc .content {
	width: 900px;
	margin: auto;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mt00 {
  margin-top: 0 !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt50 {
  margin-top: 50px !important;
}

/*
 * Adjust: padding
**/
.pt00 {
  padding-top: 0 !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pr00 {
  padding-right: 0 !important;
}

.pb00 {
  padding-bottom: 0 !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.w20per {
  width: 20%;
}

.w25per {
  width: 25%;
}

.w30per {
  width: 30%;
}

.w33per {
  width: 33%;
}

.w34per {
  width: 34%;
}

.w50per {
  width: 50%;
}

.w67per {
  width: 67%;
}

.w70per {
  width: 70%;
}

.hdg02-05 {
  font-size: 18px;
  font-weight: bold;
  background: url(../../../images/bb1rkc/hdg02.png) no-repeat;
  height: 43px;
  margin-top: 50px;
  padding-top: 10px;
  padding-left: 15px;
}
.hdg02-05 span {
  font-size: 80%;
  font-weight: normal;
  vertical-align: 5%;
  padding-left: 15px;
}



.hdg03-01 {
  font-size: 105%;
  font-weight: bold;
  color: #3eb134;
}
.hdg03-01 .day {
  font-size: 80%;
  font-weight: bold;
  vertical-align: middle;
  color: #f00;
}


/*
 * Adjust: Width
**/
.w210 {
  width: 210px !important;
}

.w350 {
  width: 350px;
}

.w400 {
  width: 400px;
}

.w450 {
  width: 450px !important;
}

.w856 {
  width: 856px;
}

.w900 {
  width: 900px;
}

/*
 * Box
**/
.box01 {
  margin-top: 20px;
  padding: 0 20px 30px 20px;
  border: #dcded7 2px solid;
}
.box01 p {
  font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 80%;
}
.box01 .inner {
  overflow: hidden;
  padding-top: 30px;
}
.box01 .last {
  margin-top: 50px;
}
.box01 .data {
  float: right;
}
.box01 .ex {
  float: left;
  width: 430px;
}
.box01 .ex .img {
  float: left;
}
.box01 .ex .txt {
  float: right;
  width: 185px;
  padding-right: 15px;
}
.box01 .ex .txt p {
  margin-top: 10px;
}
.box01 .ex2 {
  float: right;
  width: 410px;
}
.box01 .ex2 .img {
  float: left;
}
.box01 .ex2 .txt2 {
  float: right;
  width: 170px;
  padding-right: 10px;
}
.box01 .ex2 .txt2 p {
  margin-top: 10px;
}
.box01 .ex3 {
  float: left;
  width: 436px;
}

.box02 {
  background-image: url(/sp/boogieboard/images/bb3/box_body.png);
  background-repeat: repeat-y;
  overflow: hidden;
  margin-top: 40px;
}
.box02 p {
  font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 80%;
  padding-top: 10px;
}
.box02 .inner {
  background-image: url(/sp/boogieboard/images/bb3/box_bottom.png);
  background-repeat: no-repeat;
  background-position: bottom;
  padding: 10px 25px;
}
.box02 .inner2 {
  overflow: hidden;
  padding: 10px 25px 25px;
}
.box02 .txt {
  float: left;
  width: 450px;
}
.box02 .txt .btn {
  margin-top: 10px;
}
.box02 .txt2 {
  float: left;
  width: 500px;
}
.box02 .txt2 .btn {
  margin-top: 10px;
}
.box02 .img {
  float: right;
  margin-top: 20px;
}
.box02 .clear {
  font-size: 14px;
  clear: both;
  padding-bottom: 20px;
}
.box02 .box_notice {
  font-size: 65%;
  color: #666;
  margin-top: 8px;
  padding-top: 0;
}
.box02 .box_notice em {
  font-weight: bold;
  color: #d4461e;
}

.notice {
  font-size: 12px;
  color: #666;
  width: 900px;
  margin: 0 auto;
  padding-top: 15px;
}

.caption {
  font-size: 12px;
  display: block;
  margin-top: 3px;
}

/*
 * table
**/
.tbl01 {
  margin: 20px auto 0;
}
.tbl01 tbody th {
  vertical-align: middle;
}
.tbl01 tbody td,
.tbl01 tbody th {
  font-size: 14px;
  border-collapse: collapse;
  background: #f9f9f9;
  padding: 9px 15px;
  border-top: 1px solid #ccc;
}
.tbl01 tbody td {
  text-align: center;
  border-left: solid 1px #ccc;
}
.tbl01 tbody td span,
.tbl01 tbody th span {
  font-size: 90%;
}
.tbl01 tbody td:first-child {
  text-align: left;
  border-left: none;
}
.tbl01.var01, .tbl01.var02 {
  margin-top: 0;
}
.tbl01.var01 tbody td, .tbl01.var02 tbody td {
  text-align: left;
  border-left: none;
}
.tbl01.var01 tbody td, .tbl01.var02 tbody td, .tbl01.var03 tbody td {
  font-size: 14px;
  color: #666;
  background: #f9f9f9;
  padding: 9px 15px;
  border-top: 1px solid #ccc;
}
.tbl01.var03 tbody td {
  text-align: center;
}
.tbl01.var03 tbody td:first-child {
  text-align: left;
}
.tbl01 tbody tr.even td,
.tbl01 tbody tr.even th, .tbl01.var01 tbody tr.even td, .tbl01.var02 tbody tr.even td, .tbl01.var03 tbody tr.even td {
  background: #fff;
  border-top: 1px solid #ccc;
}
.tbl01 tbody tr.last-child td, .tbl01.var01 tbody tr.last-child td, .tbl01.var02 tbody tr.last-child td, .tbl01.var03 tbody tr.last-child td {
  border-bottom: 1px solid #ccc;
}


/* ----------------------------------------------------------------------- faq */

#product-faq {
	overflow: hidden;
}

#product-faq li {
	border: 1px solid #B7C5D0;
	margin-bottom: 20px;
	display: none;
}

#product-faq ul {
	margin: 0;
}

#product-faq li.number1,
#product-faq li.number2,
#product-faq li.number3,
#product-faq li.number4,
#product-faq li.number5 {
	display: block;
}

#product-faq .more {
	color: #2485CE;
	float: right;
	text-decoration: underline;
	font-size: 16px;
}

#product-faq ul {
	position: relative;
	margin-bottom: 26px;
	border-top: none;
}

#product-faq li {
	border: 1px solid #B7C5D0;
	margin-bottom: 16px;
	background-color: #fff;
}

#product-faq li dt {
	overflow: hidden;
	font-size: 18px;
	line-height: 56px;
	color: #666666;
	cursor: pointer;
}

#product-faq li dt span {
	display: block;
	background: #B7C5D0;
	width: 56px;
	text-align: center;
	line-height: 56px;
	color: #FFF;
	font-size: 32px;
	float: left;
	margin-right: 10px;
}

#product-faq li dt a {
	display: block;
	line-height: 56px;
	padding-right: 20px;
	font-size: 32px;
	float: right;
	background: url(../../../images/qa-icon-arrow.png) right center no-repeat;
	background-size: 10px;
	color: #B7C5D0;
	margin-right: 20px;
}

#product-faq li dt.selected a {
	background: url(../../../images/qa-icon-arrow_2.png) right center no-repeat;
	background-size: 10px;
}

#product-faq li dd {
	padding: 20px;
	display: none;
	border-top: 1px solid #B7C5D0;
	overflow: hidden;
}

#product-faq li dd span {
    background: #2485CE;
    width: 40px;
    text-align: center;
    line-height: 40px;
    display: block;
    font-size: 22px;
    color: #FFF;
    float: left;
}

#product-faq li dd p {
	margin-left: 50px;
	padding: 8px 0;
}

#product-faq li dd p a {
	color: #2485ce;
	text-decoration: underline;
}

#product-faq li dd p a:hover {
	text-decoration: none;
}

/* ----------------------------------------------------------------------- kingfile */
/*
#contents #submenu.lineup li {
    border-bottom: 2px solid #B7C5D0;
}
*/


 p {
	color: #000;
}

#kingfile {
	position: relative;
}

#contents > #banner {
	margin: 10px 0;
}

#kingfile .detail#kingfile-super {
	padding-top: 100px;
	border-bottom: 1px solid #b7c5d0;
}

#kingfile .detail .item {
	padding: 48px 0 32px 0;
	overflow: hidden;
}

#kingfile .detail .item img {
	width: 270px;
	margin-right: 40px;
}

#kingfile .detail .item .image {
	width: 50%;
	float: left;
	text-align: right;
}

#kingfile .detail .item .text {
	padding: 45px 0;
}

#kingfile .detail .item .text h1 {
	padding: 0;
	margin-bottom: 20px;
}

#kingfile .detail .item .text p {
	color: #666666;
	font-size: 16px;
	line-height: 1.7em;
}

#kingfile .detail h2 {
	font-size: 20px;
	padding-bottom: 12px;
	margin-bottom: 30px;
	color: #8C8C8C;
	border-bottom: 1px dotted #B7C5D0;
}

#kingfile .detail section {
	margin-bottom: 40px;
	overflow: hidden;
}

#kingfile .detail .list {
	float: left;
	margin-left: 30px;
}

#kingfile .detail .list ul {
	margin-top: 20px;
	margin-bottom: 30px;
}

#kingfile .detail .list li {
	font-size: 16px;
	color: #666666;
	line-height: 1.5em;
	margin-bottom: 15px;
	text-indent: -25px;
	margin-left: 30px;
}

#kingfile .detail .list li div {
    border: 3px solid #000;
    box-sizing: border-box;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: -1px;
    margin-right: 10px;
}

#kingfile .detail .image {
	float: right;
	margin-right: 30px;
}

.item-list .detail .image {
	__float: right;
}

.item-list .detail .about-image {
	text-align: center;
}

.item-list #lezaface-note-cover h1 {
	font-weight: bold;
}

#kingfile .detail table th {
	text-align: center;
	padding: 10px 10px 10px;
}

#kingfile .detail table td {
	text-align: center;
	padding: 10px 10px 5px;
}

.detail table td .color {
	text-align: center;
	margin-top: 5px;
}

.detail table td .color li {
	width: 13px;
	height: 13px;
	display: inline-block;
	border-radius: 50%;
	margin: 0 1px;
}

.detail table td .color li.blue {background:#2485ce;}
.detail table td .color li.gray {background:#999999;}
.detail table td .color li.black {background:#000;}
.detail table td .color li.orange {background:#000;}
.detail table td .color li.yellow {background:#000;}
.detail table td .color li.green {background:#000;}
.detail table td .color li.yellow-green {background:#000;}
.detail table td .color li.pink {background:#000;}
.detail table td .color li.transparency {background:#000;}


.item-list #color-index.detail .item .image img {
	max-height: 300px;
}

.item-list #oletta .item .image img {
	max-height: 300px;
	max-width: 380px;
}

/* ----------------------------------------------------------------------- rilakkumabox */

#rilakkumabox {
	margin-top: 30px;
}

#rilakkumabox img {
	max-width: 100%;
}

#contents article #rilakkumabox > header {
	width: 960px;
	display: table;
	padding: 0;
	border: none;
	table-layout: fixed;
}

#rilakkumabox > header .hgroup {
	display: table-cell;
	width: 465px;
	background: #512c1d;
}

#rilakkumabox > header .character {
	display: table-cell;
}

#rilakkumabox > header .character img {
	width: 680px;
}

#contents article #rilakkumabox > header h1 {
	background: #e95513;
	padding: 20px 60px;
}

#contents article #rilakkumabox > header h1 img {
	width: 100%;
	height: 100%;
}

#rilakkumabox > header h2 {
	background: #512c1d;
	padding: 20px 60px;
}


#rilakkumabox .pattern {
	background-color: #ffd300;
	background-image: radial-gradient(#FFF 20%, transparent 20%);
	background-size: 10px 10px;
	position: relative;
}

#rilakkumabox .pattern > .character {
    position: absolute;
    width: 260px;
    top: -6px;
    right: 130px;
    z-index: 1;
}

#rilakkumabox .pattern > ul {
	overflow: hidden;
	padding: 60px 40px 20px;
	margin: auto;
	width: auto;
}

#rilakkumabox .pattern > ul > li {
	width: 50%;
	float: left;
	margin-bottom: 10px;
	position: relative;
}

#rilakkumabox .pattern > ul > li .tmall {
	 position: absolute;
	width: 160px;
    height: 32px;
    bottom: 33px;
    left: 55px;
    
    display: none;
}

#rilakkumabox .pattern > ul > li.size-3 .tmall {
    bottom: 53px;
}

#rilakkumabox .pattern > ul > li.size-3 {
	padding-top: 20px;
}

#rilakkumabox .pattern > ul > li .arrow {
    width: 170px;
    position: absolute;
    left: -146px;
    top: 120px;
}

#rilakkumabox .pattern .image {
	background: rgba(255,255,255,0.9);
	margin: 10px 20px;
	border-radius: 10px;
	padding: 15px 15px;
}

#rilakkumabox .pattern .image .image-pattern li {
	display: none;
}

#rilakkumabox .pattern .image .image-pattern .pattern1 {
	display: block;
}


#rilakkumabox .pattern .image .character{
	background: #FFF;
	padding: 10px;
	border-radius: 10px;
	border: 2px dotted #000;
}

#rilakkumabox .pattern .image .character ul {
	width: 100%;
	overflow: hidden;
}

#rilakkumabox .pattern .image .character li {
	width: 33.3%;
	float: left;
    text-align: center;
}

#rilakkumabox .pattern li.design article h1 {
	background: none;
	padding: 10px 0 15px;
	color: #502A1D;
	font-size: 15px;
	font-weight: bold;
}

#rilakkumabox .pattern li.design article h1 em {
	font-size: 100%;
	line-height: 1.5em;
}

#rilakkumabox .pattern li.design article dl {
	text-align: center;
}

#rilakkumabox .pattern li.design .image {
	background: rgba(255,255,255,0.8);
	overflow: hidden;
    margin: 20px;
}

#rilakkumabox .pattern li.design article dl.back {
	width: 60%;
	float: left;
}

#rilakkumabox .pattern li.design article dl.image img {
	display: block;
	width: 70%;
	margin: 20px auto;
}

#rilakkumabox .pattern li.design article dl.back img {
	width: 80%;
}

#rilakkumabox .pattern li.design article dt {
	display: inline-block;
	line-height: 35px;
	padding: 0 10px;
	color: #FFF;
	background: #c98112;
	border-radius: 4px;
	margin-bottom: 5px;
}


#rilakkumabox .pattern li.design article dd {
	margin-bottom: 20px;
}


#rilakkumabox .pattern li.design article ul {
	background: #FFF;
	overflow: hidden;
	clear: both;
	padding: 10px;
	border-radius: 4px;
}

#rilakkumabox .pattern li.design article li {
	width: 33.3%;
	text-align: center;
	float: left;
}

#rilakkumabox .pattern li.design article li figcaption {
	display: none;
}

#rilakkumabox .flow {
	background-color: #FFF;
	background-image: radial-gradient(#ffe100 30%, rgba(0, 0, 0, 0) 30%);
	background-size: 10px 10px;
	position: relative;
	padding-bottom: 10px;
}


#rilakkumabox .flow > header {
	padding: 0;
	border-bottom: none;
	margin: 40px 65px 0;
}

#rilakkumabox .flow > header h1 {
	padding: 0;
	line-height: 1.5em;
	font-size: 24px;
	background: #502A1D;
	display: inline-block;
	padding: 10px 20px 8px;
	color: #FFF;
	border-radius: 5px;
}

#rilakkumabox .flow ul {
	max-width: 830px;
	margin: 10px auto 20px;
	overflow: hidden;
}

#rilakkumabox .flow ul article {
}

#rilakkumabox .flow ul article h1 {
	font-size: 16px;
	font-weight: bold;
	padding: 0;
}

#rilakkumabox .flow ul article header {
	padding: 0;
	border: none;
	overflow: hidden;
}

#rilakkumabox .flow ul article header img {
	width: 50px;
	float: left;
}

#rilakkumabox .flow ul article header h1 {
	margin-left: 60px;
	line-height: 1.5em;
}

#rilakkumabox .flow article > img {
	height: 110px;
	display: block;
	margin: 20px auto 10px;
}

#rilakkumabox .flow ul .step1 {
	width: 400px;
	margin-bottom: 30px;
}

#rilakkumabox .flow ul .step2 {
	width: 570px;
	float: left;
}

#rilakkumabox .flow ul .step3 {
	width: 260px;
	float: left;
}

#rilakkumabox .flow .compact {
	position: absolute;
	right: 64px;
	top: 48px;
	width: 400px;
}

#rilakkumabox .flow footer {
	padding: 0 20px 20px;
	text-align: right;
	font-size: 12px;
}

#rilakkumabox > footer {
	padding: 20px 0 0;
}

#rilakkumabox > footer li {
	font-size: 12px;
	color: #777;
	line-height: 1.5em;
}

#rilakkumabox .flow em {
	display: block;
	margin: 0 24px 8px 24px;
	padding-top: 24px;
	color: #895536;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
}

/* ----------------------------------------------------------------------- #tepra-item */

#contents img.product-banner.tepra {
	margin: 48px 0 28px;
	height: 370px;
}

#tepra-item {
	position: relative;
}

#tepra-item section {
	clear: both;
}

#tepra-item #detail-feature {
	padding-top: 72px;
}

#tepra-item #detail-feature ul {
	overflow: hidden;
	margin-right: -30px;
}

#tepra-item #detail-feature li {
	width: 47%;
	margin-right: 3%;
	float: left;
	overflow: hidden;
	margin-bottom: 40px;
}

#tepra-item #detail-feature li .image .link {
	margin-top: 10px;
	display: block;
}

#tepra-item #detail-feature li .image .link:hover {
	opacity: 0.5;
}

#tepra-item #detail-feature li h2 {
    font-size: 18px;
    margin-bottom: 15px;
    background: #EEE;
    line-height: 1.5em;
    padding: 4px 10px;
}

#tepra-item #detail-feature li h2:before { 
    content: '□';
    float: left;
    border: 3px solid #000;
    box-sizing: border-box;
    width: 15px;
    height: 15px;
    margin: 4px 8px 0 2px;
    text-indent: -5000px;
    overflow: hidden;
    zoom: 1;
    
    display: none;
}

#tepra-item #detail-feature li .image {
	width: 200px;
	display: table-cell;
	vertical-align: middle;
	padding-right: 15px;
}

#tepra-item #detail-feature li .image img {
	width: 100%;
}

#tepra-item #detail-feature li .text {
	display: table-cell;
	vertical-align: top;
	color: #666666;
	font-size: 13px;
}

#tepra-item #detail-function h2 {
    font-size: 16px;
    margin-bottom: 15px;
    background: #EEE;
    line-height: 35px;
    padding: 0 10px;	
}

#tepra-item #detail-support h2 {
	margin-bottom: 32px;
	padding: 8px 0;
	background-color: #fdfdfd;
	border-top: 1px dotted #b7c5d0;
	border-bottom: 1px dotted #b7c5d0;
	font-size: 18px;
	font-weight: bold;
}


#tepra-item #detail-function .list {
	clear: both;
}

#tepra-item #detail-function ul {
	margin-bottom: 30px;
	
}

#tepra-item #detail-function li {
	display: inline-block;
	margin-right: 10px;
	position: relative;
	padding-bottom: 10px;
	cursor: pointer;
}


#tepra-item #detail-function ul:after {
	content:'';
	clear: both;
}

#tepra-item .button {
	width: 120px;
	background: #2484CD;
    -webkit-transition-duration: 0.2s;
	-moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
    text-decoration: none;
    text-align: center;
    color: #FFF;
    line-height: 1.4em;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    cursor: pointer;
    
	height: 4em;
	vertical-align: middle;
	display: table-cell;
}

#tepra-item .button:hover {
	color: #FFF;
	opacity: 0.8;
}

#tepra-item .button img {
	display: none;
    width: 15px;
    vertical-align: -1px;
}

#tepra-item #detail-function .operation li .button {background: #E15741;}
#tepra-item #detail-function .expression li .button {background: #7BC63E;}

#tepra-item #detail-function li figure {
	position: absolute;
	width: 300px;
	padding: 15px;
	background: #FFF;
	border: #ADBBC6 1px solid;
	margin-top: 10px;
	box-shadow: 0px 1px 10px rgba(0,0,0,0.2);
	z-index: 1000;
	
	display: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

/*
#tepra-item #detail-function .operation li figure {
	display: block;
}
*/

#tepra-item #detail-function li:hover figure {
	display: block;
}

#tepra-item #detail-function li figure h3 {
	background: #000;
	padding: 5px 10px;
	color: #FFF;
	margin-bottom: 10px;
}

#tepra-item #detail-function li figure p {
	font-size: 13px;
	color: #666666;
	line-height: 1.6em;
}

#tepra-item #detail-function li figure img {
	max-width: 250px;
	margin: 10px auto 0;
	display: block;
}

#tepra-item #detail-function li figure img.size {
	max-width: 100%;
}


#tepra-item #detail-function li table {
	border: 1px solid #B7C5D0;
	width: 100%;
	border-collapse:collapse;
}


#tepra-item #detail-function li table th,
#tepra-item #detail-function li table td {
	border-collapse:collapse;
	padding: 4px 0;
	border-right: 1px solid #B7C5D0;
	border-bottom: 1px solid #B7C5D0;
	text-align: center;
}

#tepra-item #detail-function li table tr td:last-child {
	border-right: none;
}

#tepra-item #detail-function li table tr:last-child th,
#tepra-item #detail-function li table tr:last-child td {
	border-bottom: none;
}

#tepra-item > section > h1,
#tepra-item #detail-spec h1,
#tepra-item #detail-support h1 {
	color: #737373;
	font-size: 30px;
    line-height: 1.5em;
    text-align: center;
    padding: 50px 0;
    font-weight: normal;
}

#tepra-item #detail-spec table {
	border-top: 1px solid #B7C5D0;
	border-right: 1px solid #B7C5D0;
	width: 100%;
	border-spacing: 0;
	margin-bottom: 40px;
}

#tepra-item #detail-spec table th,
#tepra-item #detail-spec table td {
	padding: 8px 20px;
	border-bottom: 1px solid #B7C5D0;
}


#tepra-item #detail-spec table th {
	border-right: 1px dotted #B7C5D0;
	border-left: 1px solid #B7C5D0;
	white-space: nowrap;
}

#tepra-item #detail-spec table td {
	color: #666666;
	width: 50%;
}

#tepra-item #detail-support section {
	margin-bottom: 40px;
}

#tepra-item #detail-support .catalog {
	
}





#tepra-item #detail-support .tape {
}

#tepra-item #detail-support .tape a,
#tepra-item #detail-support .software a {
	color: #1B82D0;
}

#tepra-item #detail-support .tape,
#tepra-item #detail-support .software {
	overflow: hidden;
}

#tepra-item #detail-support .tape .button,
#tepra-item #detail-support .software .button {
	padding: 0 20px;
	margin-top: 10px;
	width: auto;
	color: #FFF;
	height: auto;
	line-height: 40px;
	display: inline-block;
}




#tepra-item #detail-support .option {
	display: none;
}

#tepra-item #detail-support .option {
	overflow: hidden;
}

#tepra-item #detail-support .option li {
	width: 50%;
	float: left;
}

#tepra-item #detail-support .option li div {
	padding: 0 15px;
}

#tepra-item #detail-support .option .variation {
	border-right: 1px dotted #B6C4CF;
	margin-left: -1px;
}

#tepra-item #detail-support .option .button {
	padding: 0 20px;
	margin-top: 10px;
}


/* ----------------------------------------------------------------------- #touchpen */

.item-list #touchpen.detail .list.figure li figure {
	min-height: inherit;
}

.item-list #touchpen.detail .list.figure li figure > img {
	width: 100px;
}

.item-list #touchpen .spec table {
	float: left;
	width: auto;
}

.item-list #touchpen .spec .notice {
	float: left;
	width: auto;
    margin-left: 20px;
    padding-top: 0;
}

/*



#touchpen {
	margin: 20px auto;
	overflow: hidden;
}

#contents #touchpen .header h1 {
	padding: 10px 0 10px;
	font-size: 30px;
	font-weight: bold;
}

#touchpen .header {
	padding: 20px 0;
	margin-bottom: 20px;
}

#touchpen .header p {
	font-weight: bold;
	font-size: 20px;
	color: #003479;
}

#touchpen .header span {
	font-size: 16px;
}

#touchpen .image {
	width: 200px;
	float: left;
	margin: 0 70px;
}

#touchpen .text {
	float: left;
}

#touchpen .text li {
	margin-bottom: 40px;
}


#touchpen .text li img {
	width: 65px;
	display: block;
	float: left;
}

#touchpen .text li dl {
	margin-left: 75px;
}

#touchpen .text li dt {
	font-size: 20px;
	font-weight: bold;
	color: #000;
	margin-bottom: 10px;
}

#touchpen .text li dt span {
	background: #003479;
	color: #FFF;
	line-height: 24px;
	width: 24px;
	font-size: 16px;
	margin-right: 5px;
	display: inline-block;
	border-radius: 50%;
	text-align: center;
	
	display: none;
}

#touchpen .text li dd {
	font-size: 16px;
	color: #4A4A4A;
}

#touchpen #spec table th,
#touchpen #spec table td {
	text-align: center;
}


#touchpen #spec table {
	border-top: 1px solid #B7C5D0;
	border-right: 1px solid #B7C5D0;
	width: 100%;
	border-spacing: 0;
	margin-bottom: 80px;
}

#touchpen #spec table th,
#touchpen #spec table td {
	padding: 8px 20px;
	border-bottom: 1px solid #B7C5D0;
}

#touchpen #spec table th {
	border-right: 1px dotted #B7C5D0;
	border-left: 1px solid #B7C5D0;
}

#touchpen #spec table td {
	color: #666666;
}

*/

/* ----------------------------------------------------------------------- otona_seal */

#seal article {
	padding-top: 32px;
}

#seal .spec .header {
	display: table;
	width: 100%;
	padding: 32px 0;
}

#seal .spec .header h1 {
	display: table-cell;
	text-align: center;
}

#seal .spec .header ul li {
	display: inline-block;
}

#seal .spec .header ul {
	display: table-cell;
	text-align: center;
}

#seal .spec table {
	border: 1px solid #b7c5d0;
	width: 100%;
	border-collapse:collapse;
}

#seal .spec table th,
#seal .spec table td {
	border-collapse:collapse;
	padding: 8px 15px;
	border-right: 1px solid #b7c5d0;
	border-bottom: 1px solid #b7c5d0;
}

#seal .spec table th {
	color: #585858;
	white-space: nowrap;
}

#seal .spec table td {
	border-bottom: 1px solid #b7c5d0;
}

#seal .spec table tr td:last-child {
	border-right: none;
}

#seal .notice {
	width: 100%;
}

#seal .notice li {
	text-indent: -1em;
	margin-left: 1em;
}


/* ----------------------------------------------------------------------- rackage */

#rackage > .header {
	margin-top: 70px;
	margin-bottom: 30px;
}

#rackage > .header h1 {
	padding: 0;
}

#rackage article {
	margin-bottom: 70px;
}

#rackage article .main {
	background: #565656;
	border-radius: 10px;
}

#rackage article h2 {
	margin-top: -20px;
	text-align: center;
}

#rackage #rackage-wall .scene {
	text-align: center;
	margin: 10px 0;
}

#rackage #rackage-wall .scene li {
	display: inline-block;
}

#rackage section {
	padding: 30px;
}

#rackage article section h2 {
	text-align: left;
	color: #FFF;
	font-size: 25px;
	margin-bottom: 10px;
	line-height: 1.5em;
}

#rackage article section h2:before {
	content: "";
	width: 25px;
	height: 25px;
	margin-right: 10px;
	background: #FFBB00;
	display: inline-block;
	vertical-align: -4px;
} 

#rackage section .content {
	background: #FFF;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	padding: 30px;
}

#rackage #rackage-wall .lineup ul {
	text-align: center;
}

#rackage #rackage-wall .lineup li {
	display: inline-block;
	margin: 0 20px;
}

#rackage #rackage-wall .lineup li div {
	height: 190px;
	display: table-cell;
	vertical-align: middle;
}


#rackage .spec table {
	border: 1px solid #DCDCDC;
	width: 100%;
	border-collapse:collapse;
	width: 100%;
	text-align: left;
}

#rackage .spec table th,
#rackage .spec table td {
	border-collapse:collapse;
	padding: 8px 15px;
	border-right: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	text-align: left;
}

#rackage .spec table th {
	color: #585858;
	background: #e9eef2;
	white-space: nowrap;
	font-weight: normal;
}

#rackage .spec table td {
	border-bottom: 1px solid #DCDCDC;
}

#rackage .spec table tr td:last-child {
	border-right: none;
}

#rackage .spec table tr:last-child th,
#rackage .spec table tr:last-child td {
	border-bottom: none;
}


#rackage .parts .content {
	text-align: center;
	overflow: hidden;
}

#rackage .parts .image {
	padding: 0 20px;
    margin-left: 60px;
    float: left;
}

#rackage .parts .text {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	padding: 30px 0;
}

#rackage #rackage-table .scene {
	text-align: center;
	padding-top: 30px;
}

#rackage .figure {
	padding: 30px;
	border: 4px solid #F59900;
	border-radius: 10px;
}

#rackage .figure h2 {
	font-size: 30px;
	margin-bottom: 20px;
	color: #565656;
}

#rackage .figure p {
	font-size: 15px;
}

#rackage .figure >  p {
	margin-bottom: 10px;
}

#rackage .figure .image {
	display: table-cell;
}

#rackage .figure .text {
	display: table-cell;
	padding: 0 30px;
}

/* ----------------------------------------------------------------------- item-list */

.item-list > h1 {
	padding-bottom: 0 !important;
}

.item-list > section {
	position: relative;
	margin-top: 48px;
	padding: 24px;
	border: 1px solid #b7c5d0;
	border-top: 3px solid #b7c5d0;
}

.item-list .detail .item {
	padding: 32px 0 0 0;
	overflow: hidden;
	display: table;
	width: 100%;
}

.item-list .detail .sub {
	padding: 24px;
	border: 1px solid #b7c5d0;
	overflow: hidden;
	display: table;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.item-list .detail .item .image,
.item-list .detail .sub .image {
	width: 50%;
	display: table-cell;
	padding-right: 40px;
	text-align: right;
}

.item-list .detail .item .image img,
.item-list .detail .sub .image img {
	max-width: 350px;
    max-height: 240px;
}

.item-list .detail .item .text {
	width: 50%;
	display: table-cell;
	vertical-align: middle;
}

.item-list .detail .item .text h1 {
	padding: 0 !important;
	margin-bottom: 20px;
	line-height: 1.5em;
}

.item-list .detail .sub .text h1 {
	padding-bottom: 0 !important;
	margin-bottom: 20px;
	font-size: 20px !important;
	line-height: 1.5em;
}

.item-list .detail .item .text p,
.item-list .detail .sub .text p {
	color: #666666;
	font-size: 16px;
	line-height: 1.7em;
}

.item-list .detail h2 {
	font-size: 16px;
	padding: 8px 0;
	margin-bottom: 24px;
	color: #000;
	background-color: #fdfdfd;
	border-top: 1px dotted #B7C5D0;
	border-bottom: 1px dotted #B7C5D0;
}

.item-list .detail h2 em.lineup {
	display: none;
}

.item-list .detail section {
	margin-top: 32px;
	overflow: hidden;
}

.item-list .detail .list {
	float: left;
}

.item-list .detail .list.feature.simple {
	float: none;
	width: auto;
	}

.item-list .detail .list ul {
	margin-top: 20px;
	margin-bottom: 30px;
	overflow: hidden;
}

.item-list .detail .artwork ul {
	margin-bottom: 0;
}

.item-list .detail .list li {
	font-size: 16px;
	color: #666666;
	line-height: 1.5em;
	margin-bottom: 15px;
}

.item-list .detail .list.figure {
	float: none;
	width: 100%;
	margin: 0;
	clear: both;
}

.item-list .detail .list.figure ul {
	margin: 0 -10px;
	overflow: hidden;
}
	
	.item-list .detail .list.separate {
		border-top: 1px dotted #ddd;
		margin-top: 16px;
		padding-top: 16px;
		clear: both;
	}

.item-list .detail .list.figure li {
	float: left;
	width: 50%;
}

	.item-list .detail .list.feature li {
		text-align: center;
	}

	.item-list .detail .list.feature.simple li {
		float: left;
		width: 50%;
		text-align: center;
	}
	
	.item-list .detail .list.feature.one li {
		float: none;
		width: auto;
		line-height: 32px;
	}

.item-list .detail .list.figure li figure {
    margin: 0px 10px;
    /*
    border: 1px solid #DDD;
    */
    padding: 16px 24px;
    overflow: hidden;
    min-height: 131px;
}

/*
.item-list .detail .list li > dl {
	margin: 0px 10px;
    border: 1px solid #DDD;
    padding: 15px;
    overflow: hidden;
    min-height: 131px;
}
*/

.item-list .detail .list.artwork li > dl {
	border: none;
	min-height: auto;
	margin: 0;
	padding: 0;
}

.item-list .detail .list.figure li figure figcaption {
	float: left;
	width: 65%;
}

.item-list .detail .list.figure li figure img {
	float: right;
	width: 30%;
}

.item-list .detail .list.figure li figure img.feature {
	display: block;
	float: none;
	width: 32px;
	height: 32px;
	margin: 8px auto;
}

.item-list .detail .list.feature li img.feature {
	display: block;
	width: 32px;
	height: 32px;
	margin: 8px auto;
}

	.item-list .detail .list.feature.one li img.feature {
		display: inline-block;
		margin: 0 8px 0 0;
	}


.item-list .detail .list li div {
    border: 3px solid #000;
    box-sizing: border-box;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: -1px;
    margin-right: 10px;
}

.item-list .detail .list li dl {
	/*margin-bottom: 32px;*/
}

.item-list .detail .list li dt {
	display: block;
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: bold;
	color: #000;
}

	.item-list .detail .list.feature.simple li dt {
		line-height: 32px;
	}

	.item-list .detail .list.artwork li dt {
		margin-top: 24px;
	}

.item-list .detail .list li dd {
	font-size: 15px;
}

.info-table {
	width: 100%;
	border-collapse: collapse;
}

.item-list .detail table th,
.info-table th {
	text-align: center;
	padding: 10px 10px 10px;
	border: 1px solid #B7C5D0;
	background-color: #f5f5f5;
}

.item-list .detail table td,
.info-table td {
	text-align: center;
	vertical-align: middle;
	padding: 10px 10px 5px;
	border: 1px solid #B7C5D0;
}

.item-list .detail table td .color,
.info-table td .color {
	text-align: center;
	margin-top: 5px;
}

.item-list .detail table td .color li,
.info-table td .color li {
	width: 13px;
	height: 13px;
	display: inline-block;
	border-radius: 50%;
	margin: 0 1px;
}

.item-lineup #lineup {
	padding: 0;
}

.item-lineup #lineup > ul > li section {
	position: relative;
	border-top: 3px solid #B7C5D0;
}

.item-lineup #lineup > ul > li section h1 {
	font-size: 24px;
	padding: 15px 20px;
    border-bottom: 1px solid #EEE;
    line-height: 1.5em;
    margin-bottom: 0px;
}

.item-lineup #lineup > ul > li section .thumbnail {
	width: 300px;
	position: relative;
	border-right: 1px solid #EEE;
}

.item-lineup #lineup > ul > li section .icon img {
	height: 30px;
}

.item-lineup #lineup > ul > li section .detail {
	margin-left: 300px;
	padding: 0;
}

.item-lineup #lineup > ul > li section .detail > p {
    font-size: 17px;
    color: #6F6F6F;
    line-height: 1.5em;
    padding: 20px 20px 10px;
}

.item-lineup #lineup > ul > li section .detail ul {
	padding: 10px 20px;
}

.item-lineup #lineup > ul > li section .detail dt {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 5px;
}

.item-lineup #lineup > ul > li section .detail dt div {
	border: 2px solid #B7C5D0;
	box-sizing: border-box;
	width: 13px;
    height: 13px;
	display: inline-block;
	vertical-align: -1px;
	margin-right: 5px;
}

.item-lineup #lineup > ul > li section .detail dd {
	font-size: 14px;
	line-height: 1.6em;
	margin-bottom: 15px;
}

.item-lineup #lineup > ul > li section .detail > ul li {
	font-size: 13px;
	margin-left: 20px;
}

.item-lineup #lineup > ul > li section .detail .link {
    position: absolute;
    right: 15px;
    top: 21px;
    color: #2485CE;
    padding: 0;
    font-size: 15px;
}

.item-lineup #lineup > ul > li section .detail .link img {
	width: 15px;
	vertical-align: -2px;
	margin-left: 5px;
}

/* ----------------------------------------------------------------------- lazaface */

#lazaface-slip .list .li img {
	max-height: 170px;
}


/* ----------------------------------------------------------------------- lazaface */

#box .submenu #item2 img {
	max-width: 120px;
	margin-bottom: 8px;
}


/* ----------------------------------------------------------------------- storage */

#storage .image {
    position: relative;
    margin: 0;
    padding: 10px 0;
    text-align: center;
}

#storage .image > img {
	position: relative;
}

#storage li {
	position: absolute;
	width: 240px;
}

#storage li.list1 {
	top: 89px;
	left: 5px;
}

#storage li.list2 {
    top: 263px;
    left: 5px;
}

#storage li.list3 {
	top: 89px;
	right: 0px;
}

#storage h3 {
	font-size: 21px;
	color: #F25F28;
	border: none;
	margin-bottom: 15px;
}

#storage figure {
	position: absolute;
	bottom: 0px;
	right: 0px;
	background: rgba(255,255,255,0.9);
	border: 1px solid #CBCBCB;
	padding: 15px;
	width: 280px;
}

#storage figure img {
	display: block;
	float: left;
}

#storage figure figcaption {
	margin-left: 90px;
}

#storage figure figcaption h3 {
	font-size: 16px;
	margin-bottom: 5px;
}

#storage figure figcaption p {
	font-size: 13px;
}

/* ----------------------------------------------------------------------- penfit */

#penefit .header {
	margin-top: 20px;
	margin-bottom: 30px;
}

#penefit #about {
	padding: 40px;
	background: url(../../../images/penefit-bg.gif);
	text-align: center;
	margin-bottom: 40px;
}

#penefit #about h2 {
	
}

#penefit #about > img {
	display: block;
	margin: 40px auto;
}

#penefit #about ul {
	overflow: hidden;
	
}

#penefit #about li {
	float: left;
	width: 50%;
}

#penefit #about li.point2 {
	float: right;
}

#penefit #spec {
	border: 1px solid #000;
	padding: 30px;
	margin-bottom: 30px;
}

#penefit #spec {
	overflow: hidden;
}

#penefit #spec .text {
	float: right;
	width: 50%;
}

#penefit #spec .image {
	float: left;
	width: 50%;
	text-align: center;
}

#penefit #spec h2 {
	margin-bottom: 20px;
	text-align: center;
}


#penefit #spec table {
	border: 1px solid #767C6A;
	width: 100%;
	border-collapse: collapse;
	text-align: center;
}

#penefit #spec table th,
#penefit #spec table td {
	border-collapse:collapse;
	padding: 3px 4px;
	border-right: 1px solid #767C6A;
	border-bottom: 1px solid #767C6A;
	font-size: 13px;
}

#penefit #spec table th {
	color: #585858;
	white-space: nowrap;
	background: #E2DCB5;
}

#penefit #spec table td {
	border-bottom: none;
}

#penefit #spec table tr td:last-child {
	border-right: none;
}

#penefit #spec table tr:nth-child(odd) {
	background: #F4ECD3;
}

#penefit #spec table tr:last-child th,
#penefit #spec table tr:last-child td {
	border-bottom: none;
}

/* ----------------------------------------------------------------------- product-support */

#contents #product-support #submenu.lineup li {
	width: 180px;
}

/* ----------------------------------------------------------------------- catalog */

#catalog section {
	margin: 30px 0;
}

#catalog section h2 {
	font-size: 23px;
	margin-bottom: 15px;
}

#catalog ul {
	width: 100%;
	margin: 20px 0;
	/*overflow: hidden;*/
}

#catalog li {
	width: 25%;
	float: left;
	position: relative;
    margin-bottom: 20px;
    text-align: center;
    overflow: hidden;
    zoom: 1;
    margin-right: -1px;
}

#catalog li img {
    max-width: 100%;
    max-height: 200px;
    margin-bottom: 20px;
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1);
    border: 1px solid #D2D2D2;
}

#catalog li a {
	display: block;
	vertical-align: middle;
	text-align: center;
	padding: 20px 0 0;
	font-weight: bold;
	 border: 1px solid #B7C5D0;
}

#catalog li a p {
	display: block;
	padding: 20px 10px;
	border-top: 1px dotted #B7C5D0;
	font-size: 13px;
}

/* ----------------------------------------------------------------------- software */

#software {
	padding-top: 100px !important;
}

#software section {
	margin-bottom: 40px;
}

#software section h2 {
	margin: 40px 0 24px 0;
	padding: 8px 0;
	background-color: #fdfdfd;
	border-top: 1px dotted #B7C5D0;
	border-bottom: 1px dotted #B7C5D0;
	color: #000;
	font-size: 16px;
	font-weight: bold;
}

#software section h3 {
	line-height: 1.25;
    margin-top: 23px;
    margin-bottom: 13px;
    border-bottom: 1px solid #eee;
    padding: 6px 5px 6px 10px;
    font-size: 16px;
}

#software section h3:before {
	content: "■";
	width: 12px;
	height: 12px;
	margin-right: 10px;
	color: #167dcb;
}

#software-download div {
	margin: 16px 0 0 0;
	text-align: center;
	}

#software section p {
	margin-bottom: 10px;
}

#software section ul {
	padding: 24px;
	background-color: #fffcf3;
}

#software section li p {
	margin-bottom: 0;
} 

#software strong {
	color: #e40000;
}

#software section ul li {
	margin-left: 1em;
	text-indent: -1em;
	margin-bottom: 1em;
	color: #000;
}

#software section ul li p {
	font-size: 13px;
}

#software table {
	width: 100%;
	border-top: 1px solid #B7C5D0;
	border-left: 1px solid #B7C5D0;
	border-spacing: 0px;
}

#software table th {
	background: #e9eef2;
}

#software table th,
#software table td {
	padding: 8px 16px;
	border-right: 1px solid #B7C5D0;
	border-bottom: 1px solid #B7C5D0;
	text-align: left !important;
}

.button {
	padding: 5px 10px;
	background: #2484CD;
    -webkit-transition-duration: 0.2s;
	-moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
    text-decoration: none;
    text-align: center;
    line-height: 1.4em;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    cursor: pointer;
    color: #FFF !important;
}

.button:hover {
	color: #ADDCFF;
}

#software .button {
	padding: 16px 24px;
}

#software .attention {
	background: #FF0;
	padding: 20px;
	color: #000;
	border: 1px solid #D6C37A;
	margin: 20px 0;
}

#software .attention h2 {
	background: none;
	padding: 0;
	margin: 0;
}

#software .attention h2:before {
	display: none;
}

#software .attention ul li {
	padding-left: 1em;
	position: relative;
	margin-left: 0;
	text-indent: 0;
}

#software .attention ul li:before {
	content: "■";
	width: 8px;
	height: 8px;
	background: #2484CD;
	color: #2484CD;
	position: absolute;
	left: 0px;
	top: 7px;
	text-indent: -10000px;
}

#software .attention ul li em {
	color: #e40000;
	font-weight: bold;
}


/* ----------------------------------------------------------------------- product-category */

#product-category {
	
}

#product-category ul {
	margin: 40px 0px;
	display: table;
	border-right: 1px solid #B7C5D0;
}

#product-category li {
	width: 25%;
	display: table-cell;
	margin-right: -1px;
	border: 1px solid #B7C5D0;
	border-right: none;
}

#product-category li header {
	padding: 24px;
	border: none;
	text-align: center;
}

	#product-category li.hole header {
		background-color: #ffd872;
		}

	#product-category li.pocket header {
		background-color: #61caee;
		}
	
	#product-category li.box header {
		background-color: #b6d872;
		}
		
	#product-category li.clip header {
		background-color: #ff816e;
		}

#product-category li header img {

}

#product-category li h2 {
	margin-top: 16px;
	font-size: 16px;
}

#product-category li a:hover h2 {
	color: #fff;
}

#product-category li p {
	padding: 20px;
	font-size: 13px;
	border-top: 1px dotted #B7C5D0;
	line-height: 1.8em;
}

#product-category li a {
	color: #666666;
}

#product-category li section a:hover h2 {
	
}

#product-category li header a:hover img {
	opacity: 0.8;
}


/* ----------------------------------------------------------------------- #varicolor */


#varicolor #item0 img {
	max-width: 110px !important;
	max-height: 90px !important;
}



/* ----------------------------------------------------------------------- #preon .p-preon */

#preon .p-preon {
	width: 720px;
	margin: auto;
	font-family: "宋体";
	font-size: 12px;
}

#preon .p-preon h2,
#preon .p-preon p,
#preon .p-preon dl {
	margin: 1em 0;
}

#preon .p-preon dd {
	margin-bottom: 15px;
}

#preon .p-preon .tbl-preon {
	width: 100%;
}

#preon .p-preon .tbl-preon th,
#preon .p-preon .tbl-preon td {
	font-family: "宋体";
    font-size: 12px;
    padding: 10px 10px;
    line-height: 15px;
    vertical-align: middle;
}

#preon .p-preon .tbl-preon th {
	font-size: 14px;
	white-space: nowrap;
}

#preon .p-preon .img-03 {
	text-align: center;
	margin: 1em 0;
}









/* ----------------------------------------------------------------------- スマホ暫定 */

@media screen and (max-width: 1024px) {

#tepra-rk .visual h2 img {
	height: 120px;
	margin: 10px 0;
	}

#tepra-rk .visual .header .rilakkuma {
	right: -20px;
	}

}




/* ----------------------------------------------------------------------- utility */

#contents #utility h1 {
    line-height: 150%;
    padding: 20px 0;
}

#utility h2 i {
    float: left;
    width: 12px;
    height: 12px;
    margin: 6px 5px 0 2px;
    background: #2485ce;
    text-indent: -5000px;
    overflow: hidden;
    zoom: 1;
}

#utility h2 {
	margin-bottom: 10px;
	font-size: 17px;
}

#utility .tepra-tape .hdg-l2-02 {
	font-size:16px;
	margin-bottom: 20px;
}

#utility .tepra-tape .list_slide {
	margin-bottom: 20px;
}

#utility .tepra-tape .hdg-l2-02 > span{
	background: #000;
	display:block;
	position:relative;
	height:1.5em;
	margin-left:2px;
	padding:5px 0;
}

#utility .tepra-tape .hdg-l2-02 > span > span{
    background: #167dcb;
    color: #fff;
    display: block;
    position: absolute;
    top: -3px;
    left: -3px;
    padding: 0 1%;
    width: 98%;
    line-height: 33px;
}

#utility .tepra-tape .indicator-title {
	background: #addef8;
    overflow: hidden;
	padding: 20px 20px 0px;
}

#utility .tepra-tape .indicator-title .doc-catchcopy-01 {
	margin-bottom: 8px;
}

#utility .tepra-tape .slidelist-wrap{
	position:relative;
}

#utility .tepra-tape .slidelist-wrap .indicator.img-list {
	position: relative;
	margin-bottom: 50px;
}

#utility .tepra-tape .slidelist-wrap .indicator.img-list li .tape-content,
#utility .tepra-tape .slidelist-wrap .list_slide > li{
	border: 3px solid #b2c5d3;
	padding: 20px 30px;
	margin-bottom: 10px;
	overflow: hidden;
}

#utility .tepra-tape .slidelist-wrap .indicator.img-list .arrow {
	border-top: 30px solid #addef8;
    border-left: 100px solid rgba(0, 0, 0, 0);
    border-right: 100px solid rgba(0, 0, 0, 0);
    height: 0;
    width: 0px;
    position: absolute;
    left: 50%;
    bottom: -30px;
    margin-left: -100px;
}

#main#utility .tepra-tape  .slidelist-wrap .list_slide {
	margin-bottom: 20px;
}

#utility .tepra-tape .slidelist-wrap .indicator.img-list li .tape-content .img,
#utility .tepra-tape  #contents  .slidelist-wrap .list_slide > li .img{
	margin-bottom: 0;
	*zoom:1;
}

#utility .tepra-tape  #contents  .slidelist-wrap .list_slide > li p > img{
height:auto;
}

#utility .tepra-tape .slidelist-wrap .indicator.img-list{
	background:#addef8;
	display:block;
	padding:12px;
	*zoom:1;
	
	margin-bottom: 40px;
}

#utility .tepra-tape .slidelist-wrap .indicator.img-list:after{display:block;clear:both;content:'';}
#utility .tepra-tape .slidelist-wrap .indicator.img-list li{
	float:left;
	width: 25%;
}

#utility .tepra-tape .slidelist-wrap .indicator.img-list li a{
	display:block;
	border:2px solid #ebeff2;
	background:#fff;
	color: #000;
	overflow: hidden;
	margin: 5px;
	position: relative;
	min-height: 80px;
}

#utility .tepra-tape .slidelist-wrap .indicator.img-list li a div {
	padding: 10px;
	margin-right: 80px;
}

#utility .tepra-tape .slidelist-wrap .indicator.img-list li a img {
	display: block;
	width: 80px;
	position: absolute;
	top: 0;
	right: 0;
}

#utility .tepra-tape .slidelist-wrap .indicator.img-list li em {
	font-weight: bold;
	font-size: 14px;
	display: block;
	line-height: 21px;
}

#utility .tepra-tape .slidelist-wrap .indicator.img-list li span {
	font-size: 12px;
	line-height: 1.4em;
	display: block;
}


#utility .tepra-tape .slidelist-wrap .indicator.img-list li.current a{
	border-color:#ffd200;
	background:#fff8d7;
}

#utility .tepra-tape .slidelist-wrap .next,
#utility .tepra-tape .slidelist-wrap .prev{
	position:absolute;
	top:85px;
	left:3px;
}

#utility .tepra-tape .slidelist-wrap .next{
	left:auto;
	right:3px;
}

#utility .tepra-tape .slidelist-wrap button{
	padding:0;
	background:none;
	border: 0 none;
}

#utility .tepra-tape .slidelist-wrap .txt-list{
	background:#fff url(/images/utility/img-tape-23.gif) no-repeat right 10px;
	border-radius: 3px;
	display: none;
}

#utility .tepra-tape .slidelist-wrap .txt-list li{
	display:none;
	width: 15em;
	border:1px solid #ddd;
	margin-top: -1px;
}

#utility .tepra-tape .slidelist-wrap .txt-list li a{
	color:#333;
	text-decoration: none;
	display:block;
	padding: 2px 20px 2px 5px;
}

#utility .tepra-tape .slidelist-wrap .txt-list li a:hover,
#utility .tepra-tape .slidelist-wrap .txt-list li a:focus{
	background: #efefef;
}

#utility .tepra-tape .slidelist-wrap .txt-list li.current{
	display:block;
	border-radius: 3px;
}

#utility .tepra-tape .slidelist-wrap .txt-list.open li.current{
	border-radius: 0;
}

#utility .tepra-tape .slidelist-wrap .txt-list.open li{
	display:block;
}

#utility .tepra-tape .slidelist-wrap .txt-list{
	position:absolute;
	z-index:2;
	top:5px;
	left:160px;
}

#utility .tepra-tape .slidelist-wrap .select-ttl{
	background:#d8d8d8;
	display: none;
}

#utility div.doc-img-01.img-r .img{
	margin-left:20px;
	*margin-left:17px;
	float:right;
}

#utility .doc-catchcopy-01{
	color:#00487e;
	font-size:115%;
	margin-bottom: 20px;
}

#utility em {
	font-weight: bold;
}

#utility .list_slide li a {
	display: inline-block;
	margin-top: 10px;
}

#utility .roll {
	display: none;
}

#utility .hidden {
	display: none !important;
}

/*  lyt-progress-*-**
-------------------------------------------------------------- */
#utility .lyt-progress-v-01{
margin-bottom:10px;
padding-bottom:26px;
background:url("/resource/style/images/lyt-progress-bg-01.gif") no-repeat 50% 100%;
}

#utility .lyt-progress-h-01,
#utility .lyt-progress-h-02,
#utility .lyt-progress-h-03{
margin-bottom:20px;
*zoom:1;
}
#utility .lyt-progress-h-01:after,
#utility .lyt-progress-h-02:after,
#utility .lyt-progress-h-03:after{display:block;clear:both;content:'';}

#utility .lyt-progress-h-01 .column-01,
#utility .lyt-progress-h-01 .column-02{
float:left;
width:46.5%;
min-height:32px;
_height:32px;
}
#utility .lyt-progress-h-01 .column-01{
padding-right:6.5%;
background:url("/resource/style/images/lyt-progress-bg-02.gif") no-repeat 97% 45%;
}

#utility .lyt-progress-h-02 .column-01,
#utility .lyt-progress-h-02 .column-02,
#utility .lyt-progress-h-02 .column-03{
float:left;
width:29.333%;
min-height:32px;
_height:32px;
}
#utility .lyt-progress-h-02 div img {
	display: block;
	margin: auto;
}

#utility .lyt-progress-h-02 .column-01,
#utility .lyt-progress-h-02 .column-02{
padding-right:6%;background:url("/images/utility/lyt-progress-bg-02.gif") no-repeat 96.75% 45%;
_background-position:97% 45%;}

#utility .lyt-progress-h-03 .column-01,
#utility .lyt-progress-h-03 .column-02,
#utility .lyt-progress-h-03 .column-03,
#utility .lyt-progress-h-03 .column-04{
float:left;
width:21%;
min-height:32px;
_height:32px;
}
#utility .lyt-progress-h-03 .column-01,
#utility .lyt-progress-h-03 .column-02,
#utility .lyt-progress-h-03 .column-03{
padding-right:5.33333%;
background:url("/resource/style/images/lyt-progress-bg-02.gif") no-repeat 97% 45%;
}

#utility .lyt-progress-h-01 .box-contents-01,
#utility .lyt-progress-h-01 .box-contents-03{_width:91%;}
#utility .lyt-progress-h-01 .box-contents-02{_width:98.75%;}
#utility .lyt-progress-h-02 .box-contents-01,
#utility .lyt-progress-h-02 .box-contents-03{_width:85.75%;}
#utility .lyt-progress-h-02 .box-contents-02{_width:98%;}
#utility .lyt-progress-h-03 .box-contents-01,
#utility .lyt-progress-h-03 .box-contents-03{_width:80%;}
#utility .lyt-progress-h-03 .box-contents-02{_width:97.5%;}

#utility .list_slide li a {
	display: none;
}

#utility .list_slide_wrap {
	position: relative;
}

#utility .contents section {
    padding-top: 50px;
    position: relative;
    clear: both;
}

#utility .contents section .lineup {
	display: none;
}

#utility .contents section .number {
    position: absolute;
	top: 17px;
    right: 10px;
    font-size: 15px;
}

#utility .contents section table {
	border: 1px solid #b7c5d0;
	width: 100%;
	font-size: 13px;
	text-align: center;
	border-collapse: collapse;
	table-layout: fixed;
}

#utility .contents section tr.head {
	background-color: #f5f5f5;
	}

#utility .contents section th,
#utility .contents section td {
	/*
	width: 68px !important;
	*/
	border-left: 1px solid #dbe2e8;
	border-bottom: 1px solid #b7c5d0;
	padding: 8px 4px;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}


	#utility .contents section th.tape-number { width: 44px !important; border-left: none; }
	#utility .contents section th.tape-thumbnail { width: 110px !important; }
	#utility .contents section th.tape-sample { width: 80px !important; }

.product_4mm_code { width: 60px !important; }
.product_6mm_code { width: 60px !important; }


#utility .contents section tr td:first-child {
	border-left: none;
	}

#utility .contents section img.thumbnail {
/*
	height: 72px;
*/
	}

#utility .contents section i.tape-sample {
	display: inline-block;
	padding: 4px 10px 3px 10px;
	border-right: 1px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.2);
	/*
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
	*/
	}

#utility .contents section .metallic i.tape-sample {
	background-image: url(../../../images/tape-sample-metallic.png);
	background-repeat: repeat-x;
}

#utility .contents section i.tape-sample.dot-pink {
	background: url(../../../images/tape-sample-pink.gif);
	background-size: 20px;
}

#utility .contents section i.tape-sample.dot-green {
	background: url(../../../images/tape-sample-green.gif);
	background-size: 20px;
}

#utility .contents section i.tape-sample.check-blue {
	background: url(../../../images/tape-sample-blue.gif);
	background-size: 20px;
}

#utility .contents section a {
	display: none;
}

#utility .contents section a img {
	width: 45px;
	height: 22px;
	}

#utility .tepra-tape .slidelist-wrap .indicator.img-list li .tape-content {
	display: none;
}



/* ========================================================================
19. utility_btn
------------------------------------------------------------------------*/
p.utility_btn{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4abffc', endColorstr='#2996df', GradientType=0);/*IE7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4abffc', endColorstr='#2996df', GradientType=0)";/*IE8*/
	background:linear-gradient(to bottom, #4abffc, #2996df);
	font-family:"メイリオ", Meiryo;
	font-weight:bold;
	font-size:14px;
	text-align:left;
	border:#167dcb 1px solid;
	padding:5px 10px;
	width:180px;
}
p.utility_btn:hover{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4dffd', endColorstr='#8bbee5', GradientType=0);/*IE7*/
	8bbee5
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4dffd', endColorstr='#8bbee5', GradientType=0)";/*IE8*/
	background:linear-gradient(to bottom, #a4dffd, #8bbee5);
}
p.utility_btn a{
	background-image:url(/resource/images/products/tepra/utility/btn-utility-ico.png);
	background-repeat:no-repeat;
	background-position:left;
	color:#fff;
	padding-left:15px;
	text-decoration:none;
	display:inline-block;
}




/* ----------------------------------------------------------------------- utility_pc */

#utility-pc > h2 {
	position: relative;
	margin: 0 0 -128px 0;
	padding: 40px 0;
	font-size: 32px;
	line-height: 32px;
	text-align: left !important;
	color: #fb0;
	font-weight: normal;
	text-align: center;
}

#utility-pc > h2 br {
	display: none;
}

#utility-pc dl {
	position: relative;
	margin: -122px 0 0 180px;
	overflow: hidden;
	zoom: 1;
}

#utility-pc dt,
#utility-pc dd {
	float: left;
}

#utility-pc dt.mobile {
	float: none;
	clear: left;
	margin: 0 0 8px 16px;
	width: 204px;
	background-color: #eee;
	font-size: 13px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}

#utility-pc dl a {
	display: block;
}

#utility-pc dl a:hover {
	opacity: 0.4;
}

#utility-pc dl img {
	height: 122px;
}

#utility-pc li {
	overflow: hidden;
	margin-bottom: 50px;
}

/*
#utility-pc li section h1 {
	padding: 0;
	margin-bottom: 20px;
}
*/

#utility-pc li h3 {
	margin-bottom: 32px;
    padding: 8px 0;
    background-color: #fdfdfd;
    border-top: 1px dotted #B7C5D0;
    border-bottom: 1px dotted #B7C5D0;
    font-weight: bold;
    font-size: 19px;
}

#utility-pc li p {
    color: #444;
    display: block;
    margin-bottom: 15px;
}

#utility-pc li .button {
	padding: 0 20px;
    width: auto;
    color: #FFF;
    height: auto;
    line-height: 40px;
    display: inline-block;
}

#utility-pc li .point {
	display: table;
	width: 100%;
}

#utility-pc li .text {
	display: table-cell;
	padding: 0 20% 0 5%;
	color: #777;
	vertical-align: middle;
	font-size: 15px;
	line-height: 180%;
}

#utility-pc li .text.center {
	padding: 0 5%;
	text-align: center;
}

#utility-pc li .image {
	display: table-cell;
	width: 40%;
	vertical-align: middle;
}

#utility-pc li .image img {
	width: 100%;
	}

#utility-pc li .text img {
	max-width: 240px;
}

#utility-pc .double {
	overflow: hidden;
	margin: 0 -2.5% 0;
}

#utility-pc .double li {
	width: 45%;
	margin-left: 2.5%;
	margin-right: 2.5%;
	float: left;
}

#utility-pc .double li h3 {

}

#utility-pc .double li .text {
	padding: 0 10% 0 5%;
}




/* ----------------------------------------------------------------------- agent */

#product-agent {
	
	}

#product-agent ul {
	padding-top: 24px;
	overflow: hidden;
	zoom: 1;
	}

#product-agent li {
	float: left;
	width: 470px;
	margin-top: 16px;
	border: 1px solid #b7c5d0;
	}

	#product-agent li:hover {
		border: 1px solid #2485ce;
		background-color: #fcfdfe;
		}

	#product-agent li.disabled:hover {
		border: 1px solid #b7c5d0;
		background-color: #fff;
		}

#product-agent li:nth-child(odd){
	clear: left;
	margin-right: 16px;
	}

#product-agent li a.more,
#product-agent li span.more {
	display: block;
	}

#product-agent li div.head {
	position: relative;
	padding: 12px;
	overflow: hidden;
	zoom: 1;
	}

#product-agent li h1 {
	float: left;
	padding: 0 !important;
	font-size: 17px;
	font-weight: bold;
	line-height: 24px;
	margin-bottom: 0px;
	}

	#product-agent li:hover h1,
	#product-agent li:hover i {
		color: #2485ce;
		}

	#product-agent li.disabled:hover h1 {
		color: #000;
		}

#product-agent li i {
	float: right;
	padding: 4px 0 4px 12px;
	line-height: 15px;
	font-weight: bold;
	}

#product-agent li div.thumbnail {
	display: table;
	width: 100%;
	height: 240px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background-color: #fff;
	text-align: center;
	vertical-align: middle;
	}

	#product-agent li div.thumbnail div {
		display: table-cell;
		width: 100%;
		text-align: center;
		font-size: 56px;
		font-weight: bold;
		line-height: 48px;
		color: #000;
		vertical-align: middle;
		}

	#product-agent li div.thumbnail div img {
		width: 100%;
		max-width: 460px !important;
		}

	#product-agent li div.thumbnail div small {
		display: block;
		font-size: 11px;
		font-weight: normal;
		}

#product-agent li p {
	padding: 24px;
	}

#product-agent li i img {
	width: 15px;
	margin-left: 6px;
	}

#product-agent li a.link {
	display: block;
	position: relative;
	padding: 0 24px 24px 24px;
	margin-top: -16px;
	}

	#product-agent li a.link:hover {
		color: #2485ce;
		text-decoration: underline !important;
		}