@charset "utf-8";

/* all_about
-------------------------------------------------------------------------------*/

div#footer {
	padding-top: 3.5em;
}

.en div#footer {
	padding-top: 5.5em;
}

#primary h3 {
	font-size: 25px;
	margin-top: 1.2em;
	border: none;
	padding-bottom: 0;
	white-space: nowrap;
	position: relative;
}

.en #primary h3 {
	font-size: 33px;
	margin-top: 1em;
}

#primary h3 span {
	font-size: 13px;
	line-height: 3;
	position: absolute;
	right: 0;
	padding-left: 3.6em;
	background-image: url(/store/techo/2015/all_about/images/ico_zoom.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-size: 3em 3em;
	color: #000;
}

.en #primary h3 span {
	line-height: 4.44;
	background-image: url(/store/techo/2015/planner/all_about/images/ico_zoom.png);
	background-size: 2.1em 2.1em;
	padding-left: 1.9em;
}

#primary h3 span:before {
	content: '…';
}

.en #primary h3 span:before {
	content: '...';
}

#primary h3 + p {
	font-size: 14px;
	line-height: 1.79;
	margin: .5em 0 3.5em;
}

/* tab
-------------------------------------------------------------------------------*/

h2 + div {
	width: 95.8em;
	height: 5em;
	overflow: hidden;
	margin: 1.3em auto 2.3em;
	position: relative;
	background-repeat: no-repeat;
	background-size: 95.8em 5em;
	position: relative;
}

body#original h2 + div {
	background-image: url(/store/techo/2015/all_about/original/images/bg_tab.png);
}

body#weeks h2 + div {
	background-image: url(/store/techo/2015/all_about/weeks/images/bg_tab.png);
}

body#cousin h2 + div {
	background-image: url(/store/techo/2015/all_about/cousin/images/bg_tab.png);
}

body#planner h2 + div {
	background-image: url(/store/techo/2015/all_about/planner/images/bg_tab.png);
}

h2 + div a {
	display: block;
	position: absolute;
	top: 1.7em;
	text-indent: -9999px;
	height: 3.3em;
	z-index: 1;
	background: url(/store/techo/2015/images/transparent.gif);
}

h2 + div img {
	position: absolute;
	top: 1.7em;
	z-index: 0;
	opacity: 0;
	-webkit-transition: opacity 0.15s ease;
    -moz-transition: opacity 0.15s ease;
    -ms-transition: opacity 0.15s ease;
    transition: opacity 0.15s ease;
}

.ie h2 + div img {
	visibility: hidden;
}

h2 + div a#tab_original {
	left: .6em;
	width: 19.9em;
}

h2 + div img[src*="tab_original"] {
	width: 21.7em;
	left: -.3em;
}

h2 + div a#tab_weeks {
	left: 20.5em;
	width: 18.8em;
}

h2 + div img[src*="tab_weeks"] {
	width: 20.6em;
	left: 19.6em;
}

body#original h2 + div a#tab_weeks {
	left: 30.9em;
}

body#original h2 + div img[src*="tab_weeks"] {
	left: 30em;
}

h2 + div a#tab_cousin {
	left: 49.7em;
	width: 18.8em;
}

h2 + div img[src*="tab_cousin"] {
	width: 20.6em;
	left: 48.8em;
}

body#planner h2 + div a#tab_cousin {
	left: 39.3em;
}

body#planner h2 + div img[src*="tab_cousin"] {
	left: 38.4em;
}

h2 + div a#tab_planner {
	left: 68.4em;
	width: 26.7em;
}

h2 + div img[src*="tab_planner"] {
	width: 28.6em;
	left: 67.5em;
}

body#original h2 + div a#tab_original,
body#weeks h2 + div a#tab_weeks,
body#cousin h2 + div a#tab_cousin,
body#planner h2 + div a#tab_planner {
	display: none;
}

h2 + div a#tab_original:hover ~ img[src*="tab_original"],
h2 + div a#tab_weeks:hover ~ img[src*="tab_weeks"],
h2 + div a#tab_cousin:hover ~ img[src*="tab_cousin"],
h2 + div a#tab_planner:hover ~ img[src*="tab_planner"] {
	opacity: 1;
}

.ie h2 + div a#tab_original:hover ~ img[src*="tab_original"],
.ie h2 + div a#tab_weeks:hover ~ img[src*="tab_weeks"],
.ie h2 + div a#tab_cousin:hover ~ img[src*="tab_cousin"],
.ie h2 + div a#tab_planner:hover ~ img[src*="tab_planner"] {
	visibility: visible;
}

/* en tab
-------------------------------------------------------------------------------*/

ul[role="tab"] {
	margin: 0.7em auto 2.5em;
	border-left: 1px solid;
}

ul[role="tab"] li {
	width: 33.33%;
	float: left;
	text-align: center;
	border-right: 1px solid;
	padding: 0 1em!important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

ul[role="tab"] a {
	display: block;
	width: 100%;
	float: left;
	font-size: 17px;
	height: 2.5em;
	line-height: 2.5;
	margin: 0;
}

body#planner ul[role="tab"] a[href*="planner"],
body#original ul[role="tab"] a[href*="original"],
body#cousin ul[role="tab"] a[href*="cousin"] {
	color: #fff;
	opacity: 1!important;
	cursor: default;
	pointer-events: none;
}

body#planner ul[role="tab"] a[href*="planner"] {
	background: #a53e5c;
}

body#original ul[role="tab"] a[href*="original"] {
	background: #5c2849;
}

body#cousin ul[role="tab"] a[href*="cousin"] {
	background: #ea4863;
}

/* navigation
-------------------------------------------------------------------------------*/

ul[role="navigation"] {
	margin-left: .1em;
}

.en ul[role="navigation"] {
	margin: 0 -.1em;
}

ul[role="navigation"] li {
	float: left;
	width: 9.5em;
	height: 10.3em;
	overflow: hidden;
}

.en ul[role="navigation"] li {
	width: 10.6em;
	height: 13.6em;
}

ul[role="navigation"] li + li {
	margin-left: .1em;
}

ul[role="navigation"] a {
	width: 95.8em;
	height: 21.1em;
	display: block;
}

.en ul[role="navigation"] a {
	width: 96.2em;
	height: 27.6em;
	display: block;
}

.ie ul[role="navigation"] a:hover img {
	filter: alpha(opacity=50);
}

ul[role="navigation"] li:first-child a {
	margin-left: 0;
}

ul[role="navigation"] a[href*="about02"] {
	margin-left: -9.6em;
}

ul[role="navigation"] a[href*="about03"] {
	margin-left: -19.2em;
}

ul[role="navigation"] a[href*="about04"] {
	margin-left: -28.8em;
}

ul[role="navigation"] a[href*="about05"] {
	margin-left: -38.4em;
}

ul[role="navigation"] a[href*="about06"] {
	margin-left: -48em;
}

ul[role="navigation"] a[href*="about07"] {
	margin-left: -57.6em;
}

ul[role="navigation"] a[href*="about08"] {
	margin-left: -67.2em;
}

ul[role="navigation"] a[href*="about09"] {
	margin-left: -76.8em;
}

ul[role="navigation"] a[href*="about10"] {
	margin-left: -86.4em;
}


.en ul[role="navigation"] li:first-child a {
	margin-left: 0;
}

.en ul[role="navigation"] a[href*="about02"] {
	margin-left: -10.7em;
}

.en ul[role="navigation"] a[href*="about03"] {
	margin-left: -21.4em;
}

.en ul[role="navigation"] a[href*="about04"] {
	margin-left: -32.1em;
}

.en ul[role="navigation"] a[href*="about05"] {
	margin-left: -42.8em;
}

.en ul[role="navigation"] a[href*="about06"] {
	margin-left: -53.5em;
}

.en ul[role="navigation"] a[href*="about07"] {
	margin-left: -64.2em;
}

.en ul[role="navigation"] a[href*="about09"] {
	margin-left: -74.9em;
}

.en ul[role="navigation"] a[href*="about10"] {
	margin-left: -85.6em;
}

body.a01 ul[role="navigation"] li:first-child a,
body.a02 ul[role="navigation"] a[href*="about02"],
body.a03 ul[role="navigation"] a[href*="about03"],
body.a04 ul[role="navigation"] a[href*="about04"],
body.a05 ul[role="navigation"] a[href*="about05"],
body.a06 ul[role="navigation"] a[href*="about06"],
body.a07 ul[role="navigation"] a[href*="about07"],
body.a08 ul[role="navigation"] a[href*="about08"],
body.a09 ul[role="navigation"] a[href*="about09"],
body.a10 ul[role="navigation"] a[href*="about10"] {
	cursor: default;
	margin-top: -10.8em;
	pointer-events: none;
}

.en body.a01 ul[role="navigation"] li:first-child a,
.en body.a02 ul[role="navigation"] a[href*="about02"],
.en body.a03 ul[role="navigation"] a[href*="about03"],
.en body.a04 ul[role="navigation"] a[href*="about04"],
.en body.a05 ul[role="navigation"] a[href*="about05"],
.en body.a06 ul[role="navigation"] a[href*="about06"],
.en body.a07 ul[role="navigation"] a[href*="about07"],
.en body.a08 ul[role="navigation"] a[href*="about08"],
.en body.a09 ul[role="navigation"] a[href*="about09"],
.en body.a10 ul[role="navigation"] a[href*="about10"] {
	margin-top: -14em;
}

.ie body.a01 ul[role="navigation"] li:first-child a:hover img,
.ie body.a02 ul[role="navigation"] a[href*="about02"]:hover img,
.ie body.a03 ul[role="navigation"] a[href*="about03"]:hover img,
.ie body.a04 ul[role="navigation"] a[href*="about04"]:hover img,
.ie body.a05 ul[role="navigation"] a[href*="about05"]:hover img,
.ie body.a06 ul[role="navigation"] a[href*="about06"]:hover img,
.ie body.a07 ul[role="navigation"] a[href*="about07"]:hover img,
.ie body.a08 ul[role="navigation"] a[href*="about08"]:hover img,
.ie body.a09 ul[role="navigation"] a[href*="about09"]:hover img,
.ie body.a10 ul[role="navigation"] a[href*="about10"]:hover img {
	filter: alpha(opacity=100);
}

/* pagenation
-------------------------------------------------------------------------------*/

ul[role="pagenation"] {
	padding: 2em 0 4.1em;
	clear: both;
}

body.formatD ul[role="pagenation"] {
	padding: 0 0 4.1em;
}

div#main + ul[role="pagenation"] {
	padding: 1.7em 0 3.1em;
}

ul[role="pagenation"] li {
	float: left;
}

ul[role="pagenation"] li + li {
	float: right;
	text-align: right;
}

ul[role="pagenation"] li a {
	display: block;
	padding: 0 0 0 4.6em;
	position: relative;
}

body#original ul[role="pagenation"] li a {
	color: #5c2849;
}

.ie body#original ul[role="pagenation"] li a:hover {
	color: #ad93a4;
}

body#weeks ul[role="pagenation"] li a {
	color: #1ecbc8;
}

.ie body#weeks ul[role="pagenation"] li a:hover {
	color: #a5eae9;
}

body#cousin ul[role="pagenation"] li a {
	color: #e94662;
}

.ie body#cousin ul[role="pagenation"] li a:hover {
	color: #f6b6c0;
}

body#planner ul[role="pagenation"] li a {
	color: #a43d5b;
}

.ie body#planner ul[role="pagenation"] li a:hover {
	color: #dbb2be;
}

ul[role="pagenation"] li + li a {
	padding: 0 4.6em 0 0;
}

ul[role="pagenation"] li span {
	font-size: 13px;
}

ul[role="pagenation"] li span:before {
	font-family: techoicons;
	font-size: 20px;
	line-height: 1.6;
	width: 1.5em;
	height: 1.5em;
	display: block;
	vertical-align: middle;
	overflow: hidden;
	text-align: center;
	color: #fff;
	position: absolute;
	top: 0;
}

body#original ul[role="pagenation"] li a span:before {
	background: #5c2849;
}

.ie body#original ul[role="pagenation"] li a:hover span:before {
	background: #ad93a4;
}

body#weeks ul[role="pagenation"] li a span:before {
	background: #1ecbc8;
}

.ie body#weeks ul[role="pagenation"] li a:hover span:before {
	background: #a5eae9;
}

body#cousin ul[role="pagenation"] li a span:before {
	background: #e94662;
}

.ie body#cousin ul[role="pagenation"] li a:hover span:before {
	background: #f6b6c0;
}

body#planner ul[role="pagenation"] li a span:before {
	background: #a43d5b;
}

.ie body#planner ul[role="pagenation"] li a:hover span:before {
	background: #dbb2be;
}

ul[role="pagenation"] li:first-child span:before {
	content: "\e602";
	left: 0;
}

ul[role="pagenation"] li + li span:before {
	content: "\e603";
	right: 0;
}

.en ul[role="pagenation"] li a span:before {
	background: #b2b2b2!important;
}

.en ul[role="pagenation"] li a:hover span:before {
	background: #d8d8d8!important;
}

ul[role="pagenation"] li strong {
	font-weight: bold;
	font-size: 16px;
	line-height: 1;
	display: block;
}

.en ul[role="pagenation"] li strong {
	font-size: 17px;
	margin-bottom: -.1em;
}

/* banner
-------------------------------------------------------------------------------*/

ul[role="banner"] {
	width: 90em;
	margin: 4.2em auto 0;
}

ul[role="banner"] li {
	float: left;
}

ul[role="banner"] li + li {
	float: right;
}

ul[role="banner"] li a {
	width: 43em;
	height: 12em;
	overflow: hidden;
	display: block;
	border-radius: .7em;
	background-repeat: no-repeat;
	background-size: 43em 12em;
	background-image: url(/store/techo/2015/planner/all_about/images/banner_01.jpg);
	color: #fff;
	text-align: center;
}

.ie ul[role="banner"] li a:hover {
	filter: alpha(opacity="50");
}

ul[role="banner"] li + li a {
	background-image: url(/store/techo/2015/planner/all_about/images/banner_02.jpg);
}

ul[role="banner"] li a span {
	font-size: 35px;
	line-height: 3.43;
	letter-spacing: .1em;
}

/* main
-------------------------------------------------------------------------------*/

div#main {
	height: 50em;
	overflow: hidden;
	position: relative;
	margin-top: 1.4em;
	zoom:1;
}

.en div#main {
	margin-top: .6em;
}

body.formatB div#main {
	height: auto;
	overflow: inherit;
}

div#main > img:first-child {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
}

div#main p {
	position: absolute;
	z-index: 1;
	width: 2em;
	height: 2em;
	overflow: hidden;
	border-radius: 50%;
	background: url(/store/techo/2015/all_about/images/bg_num.png) no-repeat;
	background-size: 2em 2em;
}

div#main p a {
	width: 43.8em;
	height: 2em;
	display: block;
	background-repeat: no-repeat;
	background-size: 43.8em 2em;
}

body#original div#main p a {
	background-image: url(/store/techo/2015/all_about/original/images/num_s.png);
}

.ie body#original div#main p a:hover,
.ie body#original div#main p a.hover {
	background-image: url(/store/techo/2015/all_about/original/images/num_s-over.png);
}

body#weeks div#main p a {
	background-image: url(/store/techo/2015/all_about/weeks/images/num_s.png);
}

.ie body#weeks div#main p a:hover,
.ie body#weeks div#main p a.hover {
	background-image: url(/store/techo/2015/all_about/weeks/images/num_s-over.png);
}

body#cousin div#main p a {
	background-image: url(/store/techo/2015/all_about/cousin/images/num_s.png);
}

.ie body#cousin div#main p a:hover,
.ie body#cousin div#main p a.hover {
	background-image: url(/store/techo/2015/all_about/cousin/images/num_s-over.png);
}

body#planner div#main p a {
	background-image: url(/store/techo/2015/all_about/planner/images/num_s.png);
}

.ie body#planner div#main p a:hover,
.ie body#planner div#main p a.hover {
	background-image: url(/store/techo/2015/all_about/planner/images/num_s-over.png);
}

div#main p a[href*="#section01"] {
	background-position: 0 0;
}

div#main p a[href*="#section02"] {
	background-position: -2.2em;
}

div#main p a[href*="#section03"] {
	background-position: -4.4em 0;
}

div#main p a[href*="#section04"] {
	background-position: -6.6em 0;
}

div#main p a[href*="#section05"] {
	background-position: -8.8em 0;
}

div#main p a[href*="#section06"] {
	background-position: -11em 0;
}

div#main p a[href*="#section07"] {
	background-position: -13.2em 0;
}

div#main p a[href*="#section08"] {
	background-position: -15.4em 0;
}

div#main p a[href*="#section09"] {
	background-position: -17.6em 0;
}

div#main p a[href*="#section10"] {
	background-position: -19.8em 0;
}

div#main p a[href*="#section11"] {
	background-position: -22em 0;
}

div#main p a[href*="#section12"] {
	background-position: -24.2em 0;
}

div#main p a[href*="#section13"] {
	background-position: -26.4em 0;
}

div#main p a[href*="#section14"] {
	background-position: -28.6em 0;
}

div#main p a[href*="#section15"] {
	background-position: -30.8em 0;
}

div#main p a[href*="#section16"] {
	background-position: -33em 0;
}

div#main p a[href*="#section17"] {
	background-position: -35.2em 0;
}

div#main p a[href*="#section18"] {
	background-position: -37.4em 0;
}

div#main p a[href*="#section19"] {
	background-position: -39.6em 0;
}

div#main p a[href*="#section20"] {
	background-position: -41.8em 0;
}

div#main ul {
	position: relative;
	z-index: 1;
}

div#main ul img {
	width: auto;
	visibility: hidden;
}

div#main ul li + li {
	margin-top: 1.3em;
}

div#main ul a {
	cursor: pointer;
}

body.formatA div#main ul {
	margin: 10em 0 0 52em;
}

body.formatB div#main a {
	float: left;
	margin: 0 0 .4em .6em;
	width: 15.5em;
	height: 16.4em;
}

body#weeks.formatB div#main a,
body#planner.formatB div#main a {
	width: 18.7em;
	height: 24.8em;
}

body.formatB div#main a.clrbt {
	margin-left: 0;
}

body.formatC div#main ul {
	margin: 1.7em 0 0 2em;
}

body.formatC div#main > a {
	display: block;
	position: absolute;
	bottom: 1em;
	left: 2em;
	background: #fff;
	border-radius: .3em;
}

.en body.formatC div#main > a {
	bottom: 1.9em;
	left: inherit;
	right: 1.7em;
	background: none;
	border-radius: 0;
}

body.formatC div#main > a img {
	display: block;
	border-width: 1px;
	border-style: solid;
	border-radius: .3em;
	width: 17.8em;
	-webkit-transition: opacity 0.15s ease;
    -moz-transition: opacity 0.15s ease;
    -ms-transition: opacity 0.15s ease;
    transition: opacity 0.15s ease;
}

.en body.formatC div#main > a img {
	border: none;
	border-radius: 0;
	width: 14.4em;
}

.en body.formatC div#main > a img[src*="std"] {
	width: 15.3em;
}

body.formatC div#main > a:hover img {
	opacity: .5;
}

.en body.formatC div#main > a:hover img {
	filter: inherit;
}

/* section
-------------------------------------------------------------------------------*/

div[id^="section"] {
	position: relative;
	padding: 2.3em 48.5em 2.9em 0;
	min-height: 31.7em;
}

.en div[id^="section"] {
	min-height: 31.1em;
}

div[id^="section"] + div {
	border-top: #dcdcdc .2em dotted;
}

#primary div[id^="section"] h4 {
	font-size: 20px;
	line-height: 1.45;
	height: 1.45em;
	overflow: hidden;
	padding-left: 2em;
	margin-bottom: 1em;
	position: relative;
	border-width: 0;
}

.en #primary div[id^="section"] h4 {
	font-size: 22px;
	letter-spacing: 0;
	white-space: nowrap;
	line-height: 1.61;
	height: 1.61em;
	overflow: hidden;
	padding: 0;
	border-bottom-width: 1px;
	border-left-width: .2em;
}


#primary div[id^="section"] h4:before {
	content: " ";
	font-size: 10px;
	width: 2.9em;
	height: 2.9em;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: 61.8em 2.9em;
	position: absolute;
	top:0;
	left: 0;
}

.en #primary div[id^="section"] h4:before {
	line-height: 1.61;
	width: 1.52em;
	height: 1.91em;
	text-align: center;
	overflow: hidden;
	display: inline-block;
	background: none!important;
	position: static;
	font-size: 23px;
	vertical-align: middle;
	margin-right: .42em;
	border-style: dotted;
	border-width: 0;
	border-right-width: 1px;
	font-family:adobe-jenson-pro;
    font-weight: 600!important;
}

body#original div[id^="section"] h4:before {
	background-image: url(/store/techo/2015/all_about/original/images/num.png);
}

body#weeks div[id^="section"] h4:before {
	background-image: url(/store/techo/2015/all_about/weeks/images/num.png);
}

body#cousin div[id^="section"] h4:before {
	background-image: url(/store/techo/2015/all_about/cousin/images/num.png);
}

body#planner div[id^="section"] h4:before {
	background-image: url(/store/techo/2015/all_about/planner/images/num.png);
}

div#section01 h4:before {
	background-position: 0 0;
}

div#section02 h4:before {
	background-position: -3.1em 0;
}

div#section03 h4:before {
	background-position: -6.2em 0;
}

div#section04 h4:before {
	background-position: -9.3em 0;
}

div#section05 h4:before {
	background-position: -12.4em 0;
}

div#section06 h4:before {
	background-position: -15.5em 0;
}

div#section07 h4:before {
	background-position: -18.6em 0;
}

div#section08 h4:before {
	background-position: -21.7em 0;
}

div#section09 h4:before {
	background-position: -24.8em 0;
}

div#section10 h4:before {
	background-position: -27.9em 0;
}

div#section11 h4:before {
	background-position: -31em 0;
}

div#section12 h4:before {
	background-position: -34.1em 0;
}

div#section13 h4:before {
	background-position: -37.2em 0;
}

div#section14 h4:before {
	background-position: -40.3em 0;
}

div#section15 h4:before {
	background-position: -43.4em 0;
}

div#section16 h4:before {
	background-position: -46.5em 0;
}

div#section17 h4:before {
	background-position: -49.6em 0;
}

div#section18 h4:before {
	background-position: -52.7em 0;
}

div#section19 h4:before {
	background-position: -55.8em 0;
}

div#section20 h4:before {
	background-position: -58.9em 0;
}

.en div#section01 h4:before {
	content: "1";
}

.en div#section02 h4:before {
	content: "2";
}

.en div#section03 h4:before {
	content: "3";
}

.en div#section04 h4:before {
	content: "4";
}

.en div#section05 h4:before {
	content: "5";
}

.en div#section06 h4:before {
	content: "6";
}

.en div#section07 h4:before {
	content: "7";
}

.en div#section08 h4:before {
	content: "8";
}

.en div#section09 h4:before {
	content: "9";
}

.en div#section10 h4:before {
	content: "10";
}

.en div#section11 h4:before {
	content: "11";
}

.en div#section12 h4:before {
	content: "12";
}

.en div#section13 h4:before {
	content: "13";
}

.en div#section14 h4:before {
	content: "14";
}

.en div#section15 h4:before {
	content: "15";
}

.en div#section16 h4:before {
	content: "16";
}

.en div#section17 h4:before {
	content: "17";
}

.en div#section18 h4:before {
	content: "18";
}

.en div#section19 h4:before {
	content: "19";
}

.en div#section20 h4:before {
	content: "20";
}

div[id^="section"] p {
	font-size: 14px;
	line-height: 1.79;
}

div[id^="section"] p span {
	text-indent: -1em;
	padding-left: 1em;
	display: block;
}

.en div[id^="section"] p span {
	text-indent: -.5em;
	padding-left: .5em;
}

div[id^="section"] > a {
	position: absolute;
	right: 0;
	top: 2.9em;
}

.en div[id^="section"] > a {
	top: 2.3em;
}

div[id^="section"] > a span {
	position: relative;
	display: block;
	width: 44em;
	height: 31em;
}

div[id^="section"] > a span:before {
	content: " ";
	position: absolute;
	bottom: .7em;
	left: .7em;
	width: 4.6em;
	height: 4.6em;
	background: url(/store/techo/2015/all_about/images/ico_zoom.png) no-repeat;
	background-size: 4.6em 4.6em;
}

.en div[id^="section"] > a span:before {
	left: 1em;
	width: 2.8em;
	height: 2.8em;
	background: url(/store/techo/2015/planner/all_about/images/ico_zoom.png) no-repeat;
	background-size: 2.8em 2.8em;
}

.ie div[id^="section"] > a:hover span:before {
	background: url(/store/techo/2015/all_about/images/ico_zoom_alpha.png) no-repeat;
}

.ie.en div[id^="section"] > a:hover span:before {
	background: url(/store/techo/2015/planner/all_about/images/ico_zoom_alpha.png) no-repeat;
}

div[id^="section"] > a img {
	position: relative;
	z-index: -1;
}

body.formatD div[id^="section"] {
	padding: 0;
	min-height: 0;
	float: left;
	width: 44em;
	border: none!important;
	margin-bottom: 5em;
}

body.formatD div[id^="section"]:nth-child(odd) {
	float: right;
}

body.formatD div[id^="section"].nth-odd {
	float: right;
}

body.formatD div[id^="section"] > a {
	position: static;
}

body.formatD div[id^="section"] + p {
	font-size: 14px;
	line-height: 1.79;
	margin-bottom: 3.5em;
	clear: both;
}

body.formatD div[id^="section"] + p a {
	text-decoration: underline;
}

body.formatD div[id^="section"] + p a:hover {
	text-decoration: none;
}

/* index
-------------------------------------------------------------------------------*/

.en body#index div#footer {
	padding-top: 10.4em;
}

.en body#index #primary {
	float: left;
	width: 70.8em;
}

body#index h2 span {
	display: block;
	font-size: 31px;
	line-height: 1.75;
	letter-spacing: .05em;
	margin-top: -.2em;
}

body#index h2 + ul {
	margin: 5.3em 4em 8em;
}

body#index h2 + ul > li {
	width: 36em;
	text-align: center;
}

body#index h2 + ul > li:first-child,
body#index h2 + ul > li:first-child + li + li {
	float: left;
	clear: both;
}

body#index h2 + ul > li:first-child + li,
body#index h2 + ul > li:first-child + li + li + li {
	float: right;
}

body#index h2 + ul > li + li + li {
	padding-top: 8.5em;
}

body#index h2 + ul h3 {
	margin-top: 0;
	padding-bottom: 1.3em;
	font-size: 10px;
}

body#index h2 + ul ul {
	font-size: 0;
}

body#index h2 + ul ul li {
	display: inline-block;
	height: 2em;
	line-height: 2em;
	font-size: 14px;
	padding: 0 .5em;
	overflow: hidden;
	border-style: solid;
	border-width: 1px;
}

body#index h2 + ul ul li + li {
	margin-left: .35em;
}

body#index h2 + ul > li > img {
	margin: 1.7em 0 1.2em;
}

body#index h2 + ul p {
	font-size: 14px;
	line-height: 1.64;
	margin: 0 -1.5em;
}

body#index h2 + ul a {
	height: 4.6em;
	margin-top: 1.7em;
}

body#index h2 + ul a:after {
	font-size: 21px;
	line-height: 1;
	margin-left: .5em;
	top: -.1em;
}

body#index h2 + ul a span {
	font-size: 14px;
	line-height: 3.14;
}

body#index #primary > dl {
	float: left;
	width: 23.6em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-left: #000 1px dotted;
	padding: .4em 2em 1.2em;
	margin-top: 3.8em;
	text-align: center;
}

body#index #primary > dl + dl {
	border-right: #000 1px dotted;
}

body#index #primary > dl + dl + dl {
	border-left: none;
}

body#index #primary > dl dt {
	font-size: 27px;
	line-height: 1.33;
	height: 3.8em;
}

body#index #primary > dl dt span {
	font-size: 18px;
	line-height: 2;
	display: block;
}

body#index #primary > dl dt + dd {
	font-size: 10px;
	padding: 0;
	min-height: 27em;
}

body#index #primary > dl dd + dd {
	border-bottom: #000 1px dotted;
	font-size: 17px;
	line-height: 1.62;
	padding: .4em 0 .5em;
}

body#index #primary > dl dd.normal {
	font-size: 14px;
	padding: 1.3em 0 0;
	border: none;
	text-align: left;
	min-height: 21em;
}

body#index #primary > dl dd.normal + dd {
	font-size: 10px;
	padding: 0;
	border: none;
	text-align: left;
}

body#index #primary > dl a {
	display: block;
	border-radius: .4em;
	font-weight: bold;
	overflow: hidden;
	color: #fff;
	padding-left: 1.8em;
}

body#index #primary > dl a:before {
	content: "\e607";
	font-family: techoicons;
	position: relative;
	vertical-align: middle;
	display: inline-block;
	font-size: 14px;
	height: 5em;
	overflow: hidden;
	line-height: 5;
	padding-right: 1.1em;
}

body#index #primary > dl a span {
	font-size: 17px;
	line-height: 1.5;
	vertical-align: middle;
	display: inline-block;
}