@charset "utf-8";

/* font
-------------------------------------------------------------------------------*/

.adobe-jensen,
.en #primary h2,
.en #primary h3,
.en #primary h4,
.en #primary h5,
.en #primary h6 {
	font-family: adobe-jenson-pro;
}

.sans-serif {
	font-family: Helvetica, Arial, "Lucida Grande", sans-serif !important;
}

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

.en #breadcrumbs {
	margin: 0 0 25px 0;
}

#primary h2 {
	margin: 0 0 3px 0;
	padding: 0;
	font-size: 30px;
	font-weight: bold;
	line-height: 1;
}

#primary > div.container {
	position: relative;
	margin: 0 0 20px 0;
}

.en #primary h2 {
	margin: 0 0 15px 0;
	font-size: 46px;
	font-weight: normal;
}

.clrfx:before,.clrfx:after{content:"";display:table}.clrfx:after{clear:both}.clrfx{zoom:1;}

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

#index #primary h2 {
	margin: 0 0 30px 0;
}

#index #primary ul {
	margin: 0 0 120px 0;
}

#index #primary ul li {
	display: inline-block;
	width: 460px;
	vertical-align: top;
}

#index #primary ul li.btn1 {
	margin: 0 40px 40px 0;
}

#index #primary ul li.btn2 {
	margin: 0 0 40px 0;
}

#index #primary ul li.btn3 {
	margin: 0 40px 0 0;
}

#index #primary ul li.btn4 {
	margin: 0;
}

#index #primary ul li a {
	display: block;
	position: relative;
	color: #000;
}

#index #primary ul li a div {
	position: relative;
	width: 460px;
	height: 465px;
	border: 1px solid #CCC;
	
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-ms-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}

#index #primary ul li a:hover div {
    opacity: .5;
}

#index #primary ul li a:hover div,
#index #primary ul li a:hover div p,
#index #primary ul li a:hover div img {
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
    filter: alpha(opacity=50);
}

#index #primary ul li a div p {
	position: absolute;
	top: 226px;
	left: 69px;
	font-size: 14px;
	line-height: 1.85;
}

#index #primary ul li a div img {
	position: absolute;
	top: 9px;
	left: 9px;
}

#index #primary ul li a > img {
	position: absolute;
	top: 395px;
	left: 29px;
}

#index #primary img {
	width: auto;
	height: auto;
}

/* ----- */

.en body#index #primary h2 {
	margin: 0 0 50px 0;
	font-size: 45px;
	line-height: 1;
}

.en body#index #primary h2 span {
	font-size: 31px;
	line-height: 1.7;
}

/*
.en body#index #primary img.bnr1 {
	margin: 0 0 40px 0;
}
*/

.en body#index #main {
	height: auto;
	margin: 0 0 60px 0;
}

.en body#index #main div {
	width: auto;
	height: auto;
	border: 0;
}

.en body#index #main h3 span {
	position: relative;
	top: auto;
	right: auto;
	margin: 0;
	padding: 0;
	background: none;
	font-family: "adobe-jenson-pro";
}

.en body#index #main h3 span:before {
	content: "";
}

.en body#index #main p,
.en body#index #main img {
	position: relative;
	top: 0;
	left: 0;
}

.en body#index #main ul {
	margin: 0;
}

.en body#index #main ul li {
	display: inline-block;
	width: 50%;
	margin: 0;
}

.en body#index #main ul li.btn2 {
	border-left: 1px dotted #000;
}

.en body#index #main ul li.btn3 {
	border-top: 1px dotted #000;
}

.en body#index #main ul li.btn4 {
	border-top: 1px dotted #000;
	border-left: 1px dotted #000;
}

.en body#index #main ul li > div {
	display: block;
	position: relative;
	padding: 40px 40px 0 40px;
}

.en body#index #main ul li.btn1 > div,
.en body#index #main ul li.btn2 > div {
	height: 565px;
	padding-top: 20px;
}

.en body#index #main ul li.btn1 > div,
.en body#index #main ul li.btn3 > div {
	padding-left: 0;
}

.en body#index #main ul li.btn2 > div,
.en body#index #main ul li.btn4 > div {
	padding-right: 0;
}

.en body#index #main ul li.btn3 > div,
.en body#index #main ul li.btn4 > div {
	height: 575px;
}

.en body#index #main ul li div.left {
	float: left;
	width: 240px;
}

.en body#index #main ul li div.right {
	float: right;
	width: 190px;
}

.en body#index #main ul li div.left h3 {
	margin: 0 0 25px 0;
	font-size: 35px;
	line-height: 1;
}

.en body#index #main ul li.btn1 div.left h3 a {
	color: #a53e5c;
}

.en body#index #main ul li.btn2 div.left h3 a {
	color: #5c2849;
}

.en body#index #main ul li.btn3 div.left h3 a {
	color: #ea4863;
}

.en body#index #main ul li.btn4 div.left h3 a {
	color: #1fccc9;
}

.en body#index #main ul li div.left h3 span {
	color: inherit;
	font-size: 23px;
	line-height: 1.55;
}

.en body#index #main ul li div.left p {
	width: 200px;
	margin: 0 0 30px 0;
	font-size: 18px;
	line-height: 1.6;
}

.en body#index #main ul li div.left ul {
	width: 200px;
}

.en body#index #main ul li.btn4 div.left ul {
	width: 240px;
}

.en body#index #main ul li div.left ul li {
	display: block;
	width: auto;
	height: auto;
	margin: 0 0 2px 0;
	padding: 8px 10px 8px 10px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #f9fcfe;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.3;
}

.en body#index #main ul li div.left ul li:last-child {
	margin: 0;
}

.en body#index #main ul li div.left ul li span {
	font-weight: normal;
}

.en body#index #main ul li div.right img {
	display: block;
	margin: 0 auto 50px auto;
}

.en body#index #main ul li.btn3 div.right img {
	margin: 0 auto 10px auto;
}

.en body#index #main ul li div.right div {
	padding: 18px 15px 15px 15px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: #fef7f5;
}

.en body#index #main ul li div.right div h4 {
	margin: 0 0 12px 0;
	font-size: 23px;
	line-height: 1;
	text-align: center;
}

.en body#index #main ul li div.right div h4 span {
	font-size: 18px;
	line-height: 1;
}

.en body#index #main ul li div.right div img {
	margin: 0 auto 12px auto;
}

.en body#index #main ul li div.right div p {
	font-size: 14px;
	line-height: 1.3;
	text-align: left;
}

.en body#index #main ul li a.btn1 {
	display: block;
	position: absolute;
	bottom: 40px;
	left: 40px;
	width: 400px;
	height: 48px;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	border-radius: 24px;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	line-height: 48px;
	text-align: center;
}

.en body#index #main ul li.btn1 a.btn1,
.en body#index #main ul li.btn2 a.btn1 {
	position: absolute;
	bottom: 40px;
	left: 40px;
}

.en body#index #main ul li.btn3 a.btn1,
.en body#index #main ul li.btn4 a.btn1 {
	position: absolute;
	bottom: 5px;
	left: 40px;
}

.en body#index #main ul li.btn1 a.btn1 {
	background: #a53e5c;
}

.en body#index #main ul li.btn2 a.btn1 {
	background: #5c2849;
}

.en body#index #main ul li.btn3 a.btn1 {
	background: #ea4863;
}

.en body#index #main ul li.btn4 a.btn1 {
	background: #1fccc9;
}

/* ----- */

.en body#index #comparison {
	margin: 0 0 120px 0;
}

.en body#index #comparison > a.btn1 {
	display: block;
	height: 48px;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	border-radius: 24px;
	background: #3698db;
	color: #fff;
	text-align: center;
}

.en body#index #comparison > a.btn1 span {
	display: inline-block;
	position: relative;
	padding: 0 35px 0 0;
	font-size: 26px;
	font-weight: bold;
	line-height: 48px;
}

.en body#index #comparison > a.btn1 span:after {
	content: "\e601";
	display: block;
	position: absolute;
	top: 12px;
	right: 0;
	width: 23px;
	height: 24px;
	padding: 0 0 0 1px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	background: #fff;
	color: #3698db;
	font-family: "techo2016";
	font-size: 11px;
	font-weight: normal;
	line-height: 25px;
	text-align: center;
	
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	
	-moz-transition: background .3s, -moz-transform .3s;
    -ms-transition: background .3s, -ms-transform .3s;
    -webkit-transition: background .3s, -webkit-transform .3s;
    transition: background .3s, transform .3s;
}

.en body#index #comparison.open > a.btn1 {
	background: #66b6ea;
}

.en body#index #comparison.open > a.btn1 span:after {
	color: #66b6ea;
	
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.en body#index #comparison div.container1 {
	overflow: hidden;
	max-height: 0;
	
	-moz-transition: max-height 1.5s;
    -ms-transition: max-height 1.5s;
    -webkit-transition: max-height 1.5s;
    transition: max-height 1.5s;
}

.en body#index #comparison.open div.container1 {
	max-height: 2500px;
}

.en body#index #comparison > div {
	padding: 30px 0 0 0;
}

.en body#index #comparison h3 {
	margin: 0 0 30px 0;
	color: #314258;
	font-size: 31px;
	font-weight: bold;
	line-height: 1;
}

.en body#index #comparison p.icon1 {
	margin: 0 0 15px 0;
	text-align: right;
}

.en body#index #comparison p.icon1 span {
	display: inline-block;
	padding-left: 24px;
	background-image: url(/store/techo/2016/planner/all_about/images/ico_zoom_02.png);
	background-repeat: no-repeat;
	font-size: 12px;
	line-height: 18px;
}

.en body#index #comparison p.icon1 span:before {
	content: "...";
}

.en body#index #comparison table {
	border-bottom: 1px solid #7f7f7f;
	border-right: 1px solid #7f7f7f;
}

.en body#index #comparison table tr {}

.en body#index #comparison table tr.row1 th {
	border-top: 0;
}

.en body#index #comparison table tr.row1 th.col1 {
	border-left: 0;
}

.en body#index #comparison table tr th,
.en body#index #comparison table tr td {
	padding: 20px 5px;
	border-top: 1px dotted #000;
	border-left: 1px solid #7f7f7f;
	line-height: 1.4;
	text-align: center;
}

.en body#index #comparison table tr th a,
.en body#index #comparison table tr td a {
	display: block;
}

.en body#index #comparison table tr th img,
.en body#index #comparison table tr td img {
	display: block;
	margin: 0 auto 15px auto;
}

.en body#index #comparison table tr th {
	color: #314258;
	font-size: 14px;
	font-weight: bold;
}

.en body#index #comparison table tr th.col2,
.en body#index #comparison table tr th.col3,
.en body#index #comparison table tr th.col4,
.en body#index #comparison table tr th.col5,
.en body#index #comparison table tr th.col6,
.en body#index #comparison table tr th.col7 {
	width: 15%;
}

.en body#index #comparison table tr th.col2 {
	color: #a43d5b;
}

.en body#index #comparison table tr th.col3 {
	color: #5b2748;
}

.en body#index #comparison table tr th.col4 {
	color: #f06241;
}

.en body#index #comparison table tr th.col5 {
	color: #e94762;
}

.en body#index #comparison table tr th.col6 {
	color: #f06241;
}

.en body#index #comparison table tr th.col7 {
	color: #1ecbc8;
}

.en body#index #comparison table tr td {
	color: #4c4c4c;
	font-size: 13px;
}

.en body#index #comparison table tr td.col2 {
	background: #faf5f6;
}

.en body#index #comparison table tr td.col3 {
	background: #f6f4f5;
}

.en body#index #comparison table tr td.col4 {
	background: #fef7f5;
}

.en body#index #comparison table tr td.col5 {
	background: #fdf5f7;
}

.en body#index #comparison table tr td.col6 {
	background: #fef7f5;
}

.en body#index #comparison table tr td.col7 {
	background: #f3fcfc;
}

.en body#index #comparison table tr td.top {
	vertical-align: top;
}

.en body#index #comparison table tr td.middle {
	vertical-align: middle;
}

.en body#index #comparison table tr td a[href="#zoom"] {
	width: 120px;
	height: 86px;
	margin: 0 auto 10px auto;
}

.en body#index #comparison table tr td a[href="#zoom"] span {
	display: block;
	position: relative;
}

.en body#index #comparison table tr td a[href="#zoom"] span:before {
	content: "";
	position: absolute;
	top: 60px;
	right: 5px;
	width: 18px;
	height: 18px;
	background-image: url(/store/techo/2016/planner/all_about/images/ico_zoom_02.png);
	background-repeat: no-repeat;
}

.en body#index #comparison table tr td a[href="#zoom"] img {
	margin: 0;
}

.en body#index #comparison table tr td strong {
	font-weight: bold;
}

.en body#index #comparison table tr.row6 td span {
	font-size: 10px;
}

.en body#index #comparison table tr.row12 td strong {
	display: block;
	margin: 0 0 20px 0;
}

.en body#index #comparison table tr.row12 td ul {
	width: 125px;
	margin: 0 auto;
}

.en body#index #comparison table tr.row12 td ul li {
	display: block;
	width: auto;
	height: auto;
	margin: 0;
}

.en body#index #comparison table tr.row12 td ul li.btn1 {
	margin: 0 0 5px 0;
}

.en body#index #comparison table tr.row12 td ul li a {
	display: block;
	position: relative;
	height: 28px;
	border: 1px solid #000;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;
	background: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 27px;
	text-align: left;
}

.en body#index #comparison table tr.row12 td ul li.btn1 a {
	padding: 0 0 0 51px;
	border-color: #d6240f;
	color: #d6240f;
}

.en body#index #comparison table tr.row12 td ul li.btn2 a {
	padding: 0 0 0 45px;
	color: #fff;
}

.en body#index #comparison table tr.row12 td.col2 ul li.btn2 a {
	border-color: #a43d5b;
	background: #a43d5b;
}

.en body#index #comparison table tr.row12 td.col3 ul li.btn2 a {
	border-color: #5b2748;
	background: #5b2748;
}

.en body#index #comparison table tr.row12 td.col4 ul li.btn2 a {
	border-color: #f06241;
	background: #f06241;
}

.en body#index #comparison table tr.row12 td.col5 ul li.btn2 a {
	border-color: #e94762;
	background: #e94762;
}

.en body#index #comparison table tr.row12 td.col6 ul li.btn2 a {
	border-color: #f06241;
	background: #f06241;
}

.en body#index #comparison table tr.row12 td.col7 ul li.btn2 a {
	border-color: #1ecbc8;
	background: #1ecbc8;
}

.en body#index #comparison table tr.row12 td ul li a:before {
	position: absolute;
	top: 0;
	font-family: "techo2016";
	font-weight: normal;
}

.en body#index #comparison table tr.row12 td ul li.btn1 a:before {
	content: "\e600";
	left: 10px;
}

.en body#index #comparison table tr.row12 td ul li.btn2 a:before {
	content: "\e601";
	left: 15px;
	font-size: 9px;
}

.en body#index #comparison table tr.row12 td ul li.btn2 a:before {
	content: "\e601";
	left: 15px;
	font-size: 9px;
}

.en body#index div[id^="section"] {
	margin: 0 0 40px 0;
	padding: 0;
	border: 0;
}

.en body#index div[id^="section"] > div {
	float: left;
	width: 410px;
}

.en body#index div[id^="section"] > div h4 {
	padding: 0 0 10px 0;
	border-bottom: 1px solid #000;
	border-left: 0;
	border-right: 0;
	font-size: 24px;
}

.en body#index div[id^="section"] > div h4:before {
	content: "";
}

.en body#index div[id^="section"] > div p {
	font-size: 16px;
}

.en body#index div[id^="section"] > img {
	float: right;
}

.en body#index #section04 {
	margin: 0 0 120px 0;
}


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

ul.tab {
	width: 970px;
	margin: 0 0 13px -2px;
}

.en ul.tab {
	width: 100%;
	margin: 0 0 25px 0;
	border-left: 1px solid;
}

ul.tab li {
	float: left;
	padding: 20px 4px 0 0;
	vertical-align: top;
}

body#original ul.tab li:nth-of-type(1),
body#weeks ul.tab li:nth-of-type(2),
body#cousin ul.tab li:nth-of-type(3),
body#planner ul.tab li:nth-of-type(4) {
	padding: 0 4px 0 0;
}

.en ul.tab li {
	float: left;
	width: 25%;
	padding: 0 1em!important;
	border-right: 1px solid;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.en ul.tab a {
	display: block;
	width: 100%;
	height: 42px;
	margin: 0;
	color: #000;
	font-size: 16px;
	font-weight: normal;
	line-height: 42px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.en ul.tab a[href*="planner"] {
	color: #a53e5c;
}

.en ul.tab a[href*="original"] {
	color: #5c2849;
}

.en ul.tab a[href*="cousin"] {
	color: #ea4863;
}

.en ul.tab a[href*="weeks"] {
	color: #1fccc9;
}

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

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

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

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

.en body#weeks ul.tab a[href*="weeks"] {
	background: #1fccc9;
}

ul.tab img {
	width: auto;
	height: auto;
}

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

ul.navigation {
	width: 960px;
	height: 153px;
	margin: 0 0 20px 0;
	padding: 0;
}

div.bottom ul.navigation {
	margin: 0 0 120px 0;
}

.en ul.navigation {
	margin: 0 0 25px 0;
}

.en body#planner ul.navigation {
	width: 961px;
}

.en body#original ul.navigation,
.en body#cousin ul.navigation,
.en body#weeks ul.navigation {
	width: 958px;
}

ul.navigation li {
	overflow: hidden;
	float: left;
	border-left: 1px solid #CCC;
}

ul.navigation li:last-child {
	border-right: 1px solid #CCC;
}

.en ul.navigation li {
	margin: 0 2px 0 0;
	padding: 0;
	border: 0;
}

.en ul.navigation li:last-child {
	margin: 0;
}

.en ul.navigation.top li {
	padding: 0 0 15px 0;
}

.en body#planner ul.navigation li {
	width: 105px;
}

.en body#original ul.navigation li,
.en body#cousin ul.navigation li,
.en body#weeks ul.navigation li {
	width: 94px;
}

ul.navigation a {
	display: block;
	width: 95px;
	height: 153px;
}

ul.navigation li:last-child a {
	width: 94px;
}

/*
ul.navigation a:after {
	height: 0;
}
*/

.en ul.navigation a {
	height: 135px;
	padding-top: 61px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.en body#planner ul.navigation a {
	width: 105px;
	background-image: url(/store/techo/2016/planner/all_about/planner/images/nav.png);
}

.en body#planner ul.navigation a[href*="about02"] {
	background-position: -107px 0;
}

.en body#planner ul.navigation a[href*="about03"] {
	background-position: -214px 0;
}

.en body#planner ul.navigation a[href*="about04"] {
	background-position: -321px 0;
}

.en body#planner ul.navigation a[href*="about05"] {
	background-position: -428px 0;
}

.en body#planner ul.navigation a[href*="about06"] {
	background-position: -535px 0;
}

.en body#planner ul.navigation a[href*="about07"] {
	background-position: -642px 0;
}

.en body#planner ul.navigation a[href*="about09"] {
	background-position: -749px 0;
}

.en body#planner ul.navigation a[href*="about10"] {
	background-position: -856px 0;
}

.en body#original ul.navigation a {
	width: 94px;
	background-image: url(/store/techo/2016/planner/all_about/original/images/nav.png);
}

.en body#cousin ul.navigation a {
	width: 94px;
	background-image: url(/store/techo/2016/planner/all_about/cousin/images/nav.png);
}

.en body#weeks ul.navigation a {
	width: 94px;
	background-image: url(/store/techo/2016/planner/all_about/weeks/images/nav.png);
}

.en body#original ul.navigation a[href*="about02"],
.en body#cousin ul.navigation a[href*="about02"],
.en body#weeks ul.navigation a[href*="about02"] {
	background-position: -96px 0;
}

.en body#original ul.navigation a[href*="about03"],
.en body#cousin ul.navigation a[href*="about03"],
.en body#weeks ul.navigation a[href*="about03"] {
	background-position: -192px 0;
}

.en body#original ul.navigation a[href*="about04"],
.en body#cousin ul.navigation a[href*="about04"],
.en body#weeks ul.navigation a[href*="about04"] {
	background-position: -288px 0;
}

.en body#original ul.navigation a[href*="about05"],
.en body#cousin ul.navigation a[href*="about05"],
.en body#weeks ul.navigation a[href*="about05"] {
	background-position: -384px 0;
}

.en body#original ul.navigation a[href*="about06"],
.en body#cousin ul.navigation a[href*="about06"],
.en body#weeks ul.navigation a[href*="about06"] {
	background-position: -480px 0;
}

.en body#original ul.navigation a[href*="about07"],
.en body#cousin ul.navigation a[href*="about07"],
.en body#weeks ul.navigation a[href*="about07"] {
	background-position: -576px 0;
}

.en body#original ul.navigation a[href*="about08"],
.en body#cousin ul.navigation a[href*="about08"],
.en body#weeks ul.navigation a[href*="about08"] {
	background-position: -672px 0;
}

.en body#original ul.navigation a[href*="about09"],
.en body#cousin ul.navigation a[href*="about09"],
.en body#weeks ul.navigation a[href*="about09"] {
	background-position: -768px 0;
}

.en body#original ul.navigation a[href*="about10"],
.en body#cousin ul.navigation a[href*="about10"],
.en body#weeks ul.navigation a[href*="about10"] {
	background-position: -864px 0;
}

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

.en ul.navigation a span {
	display: table-cell;
	width: inherit;
	height: 74px;
	color: #a53e5c;
	font-family: sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.8;
/* 	word-break: break-all; */
	text-align: center;
	vertical-align: middle;
}

.en body#planner ul.navigation a span {
	color: #a53e5c;
}

.en body#original ul.navigation a span {
	color: #5c2849;
}

.en body#cousin ul.navigation a span {
	color: #ea4863;
}

.en body#weeks ul.navigation a span {
	color: #1fccc9;
}

.en body.a01 ul.navigation li:first-child a span,
.en body.a02 ul.navigation a[href*="about02"] span,
.en body.a03 ul.navigation a[href*="about03"] span,
.en body.a04 ul.navigation a[href*="about04"] span,
.en body.a05 ul.navigation a[href*="about05"] span,
.en body.a06 ul.navigation a[href*="about06"] span,
.en body.a07 ul.navigation a[href*="about07"] span,
.en body.a08 ul.navigation a[href*="about08"] span,
.en body.a09 ul.navigation a[href*="about09"] span,
.en body.a10 ul.navigation a[href*="about10"] span {
	color: #FFF !important;
}

.en body#planner.a01 ul.navigation.top li:nth-of-type(1),
.en body#planner.a02 ul.navigation.top li:nth-of-type(2),
.en body#planner.a03 ul.navigation.top li:nth-of-type(3),
.en body#planner.a04 ul.navigation.top li:nth-of-type(4),
.en body#planner.a05 ul.navigation.top li:nth-of-type(5),
.en body#planner.a06 ul.navigation.top li:nth-of-type(6),
.en body#planner.a07 ul.navigation.top li:nth-of-type(7),
.en body#planner.a09 ul.navigation.top li:nth-of-type(8),
.en body#planner.a10 ul.navigation.top li:nth-of-type(9) {
	background-image: url(/store/techo/2016/planner/all_about/planner/images/cursor.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}

.en body#original.a01 ul.navigation.top li:nth-of-type(1),
.en body#original.a02 ul.navigation.top li:nth-of-type(2),
.en body#original.a03 ul.navigation.top li:nth-of-type(3),
.en body#original.a04 ul.navigation.top li:nth-of-type(4),
.en body#original.a05 ul.navigation.top li:nth-of-type(5),
.en body#original.a06 ul.navigation.top li:nth-of-type(6),
.en body#original.a07 ul.navigation.top li:nth-of-type(7),
.en body#original.a08 ul.navigation.top li:nth-of-type(8),
.en body#original.a09 ul.navigation.top li:nth-of-type(9),
.en body#original.a10 ul.navigation.top li:nth-of-type(10) {
	background-image: url(/store/techo/2016/planner/all_about/original/images/cursor.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}

.en body#cousin.a01 ul.navigation.top li:nth-of-type(1),
.en body#cousin.a02 ul.navigation.top li:nth-of-type(2),
.en body#cousin.a03 ul.navigation.top li:nth-of-type(3),
.en body#cousin.a04 ul.navigation.top li:nth-of-type(4),
.en body#cousin.a05 ul.navigation.top li:nth-of-type(5),
.en body#cousin.a06 ul.navigation.top li:nth-of-type(6),
.en body#cousin.a07 ul.navigation.top li:nth-of-type(7),
.en body#cousin.a08 ul.navigation.top li:nth-of-type(8),
.en body#cousin.a09 ul.navigation.top li:nth-of-type(9),
.en body#cousin.a10 ul.navigation.top li:nth-of-type(10) {
	background-image: url(/store/techo/2016/planner/all_about/cousin/images/cursor.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}

.en body#weeks.a01 ul.navigation.top li:nth-of-type(1),
.en body#weeks.a02 ul.navigation.top li:nth-of-type(2),
.en body#weeks.a03 ul.navigation.top li:nth-of-type(3),
.en body#weeks.a04 ul.navigation.top li:nth-of-type(4),
.en body#weeks.a05 ul.navigation.top li:nth-of-type(5),
.en body#weeks.a06 ul.navigation.top li:nth-of-type(6),
.en body#weeks.a07 ul.navigation.top li:nth-of-type(7),
.en body#weeks.a08 ul.navigation.top li:nth-of-type(8),
.en body#weeks.a09 ul.navigation.top li:nth-of-type(9),
.en body#weeks.a10 ul.navigation.top li:nth-of-type(10) {
	background-image: url(/store/techo/2016/planner/all_about/weeks/images/cursor.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}

.en body#planner.a01 ul.navigation li:first-child a {
	background-position: 0 -137px;
}

.en body#planner.a02 ul.navigation a[href*="about02"] {
	background-position: -107px -137px;
}

.en body#planner.a03 ul.navigation a[href*="about03"] {
	background-position: -214px -137px;
}

.en body#planner.a04 ul.navigation a[href*="about04"] {
	background-position: -321px -137px;
}

.en body#planner.a05 ul.navigation a[href*="about05"] {
	background-position: -428px -137px;
}

.en body#planner.a06 ul.navigation a[href*="about06"] {
	background-position: -535px -137px;
}

.en body#planner.a07 ul.navigation a[href*="about07"] {
	background-position: -642px -137px;
}

.en body#planner.a09 ul.navigation a[href*="about09"] {
	background-position: -749px -137px;
}

.en body#planner.a10 ul.navigation a[href*="about10"] {
	background-position: -856px -137px;
}

.en body#original.a01 ul.navigation li:first-child a,
.en body#cousin.a01 ul.navigation li:first-child a,
.en body#weeks.a01 ul.navigation li:first-child a {
	background-position: 0 -137px;
}

.en body#original.a02 ul.navigation a[href*="about02"],
.en body#cousin.a02 ul.navigation a[href*="about02"],
.en body#weeks.a02 ul.navigation a[href*="about02"] {
	background-position: -96px -137px;
}

.en body#original.a03 ul.navigation a[href*="about03"],
.en body#cousin.a03 ul.navigation a[href*="about03"],
.en body#weeks.a03 ul.navigation a[href*="about03"] {
	background-position: -192px -137px;
}

.en body#original.a04 ul.navigation a[href*="about04"],
.en body#cousin.a04 ul.navigation a[href*="about04"],
.en body#weeks.a04 ul.navigation a[href*="about04"] {
	background-position: -288px -137px;
}

.en body#original.a05 ul.navigation a[href*="about05"],
.en body#cousin.a05 ul.navigation a[href*="about05"],
.en body#weeks.a05 ul.navigation a[href*="about05"] {
	background-position: -384px -137px;
}

.en body#original.a06 ul.navigation a[href*="about06"],
.en body#cousin.a06 ul.navigation a[href*="about06"],
.en body#weeks.a06 ul.navigation a[href*="about06"] {
	background-position: -480px -137px;
}

.en body#original.a07 ul.navigation a[href*="about07"],
.en body#cousin.a07 ul.navigation a[href*="about07"],
.en body#weeks.a07 ul.navigation a[href*="about07"] {
	background-position: -576px -137px;
}

.en body#original.a08 ul.navigation a[href*="about08"],
.en body#cousin.a08 ul.navigation a[href*="about08"],
.en body#weeks.a08 ul.navigation a[href*="about08"] {
	background-position: -672px -137px;
}

.en body#original.a09 ul.navigation a[href*="about09"],
.en body#cousin.a09 ul.navigation a[href*="about09"],
.en body#weeks.a09 ul.navigation a[href*="about09"] {
	background-position: -768px -137px;
}

.en body#original.a10 ul.navigation a[href*="about10"],
.en body#cousin.a10 ul.navigation a[href*="about10"],
.en body#weeks.a10 ul.navigation a[href*="about10"] {
	background-position: -864px -137px;
}

ul.navigation a img {
	display: block;
	width: auto;
	height: auto;
}

ul.navigation li:first-child a img {
	margin-left: -1px;
}

ul.navigation li a[href*="about02"] img {
	margin-left: -97px;
}

ul.navigation li a[href*="about03"] img {
	margin-left: -193px;
}

ul.navigation li a[href*="about04"] img {
	margin-left: -289px;
}

ul.navigation li a[href*="about05"] img {
	margin-left: -385px;
}

ul.navigation li a[href*="about06"] img {
	margin-left: -481px;
}

ul.navigation li a[href*="about07"] img {
	margin-left: -577px;
}

ul.navigation li a[href*="about08"] img {
	margin-left: -673px;
}

ul.navigation li a[href*="about09"] img {
	margin-left: -769px;
}

ul.navigation li a[href*="about10"] img {
	margin-left: -865px;
}

body#planner ul.navigation li a[href*="about09"] img {
	margin-left: -673px;
}

body#planner ul.navigation li a[href*="about10"] img {
	margin-left: -769px;
}

div.marker {
	position: absolute;
	top: 0;
	padding: 0 0 30px 0;
	background-image: url(/store/techo/2016/all_about/original/images/cursor.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}

body#original div.marker {
	background-image: url(/store/techo/2016/all_about/original/images/cursor.png);
}

body#weeks div.marker {
	background-image: url(/store/techo/2016/all_about/weeks/images/cursor.png);
}

body#cousin div.marker {
	background-image: url(/store/techo/2016/all_about/cousin/images/cursor.png);
}

body#planner div.marker {
	background-image: url(/store/techo/2016/all_about/planner/images/cursor.png);
}

body.a01 div.marker {
	left: 0;
}

body.a02 div.marker {
	left: 96px;
}

body.a03 div.marker {
	left: 192px;
}

body.a04 div.marker {
	left: 288px;
}

body.a05 div.marker {
	left: 384px;
}

body.a06 div.marker {
	left: 480px;
}

body.a07 div.marker {
	left: 576px;
}

body.a08 div.marker {
	left: 672px;
}

body.a09 div.marker {
	left: 768px;
}

body.a10 div.marker {
	left: 864px;
}

div.marker > div {
	width: 97px;
	height: 153px;
	border: 3px;
	border-style: solid;
}

body#original div.marker > div {
	border-color: #5c2849;
}

body#weeks div.marker > div {
	border-color: #1fccc9;
}

body#cousin div.marker > div {
	border-color: #ea4863;
}

body#planner div.marker > div {
	border-color: #a53e5c;
}

body.a10 div.marker > div {
	width: 96px;
}

div.bottom div.marker {
	padding: 0;
	background-image: none !important;
}

/* h3
-------------------------------------------------------------------------------*/

#primary h3 {
	position: absolute;
	top: 20px;
	left: 22px;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
}

body#original #primary h3 {
	color: #5c2849;
}

body#cousin #primary h3 {
	color: #ea4863;
}

body#weeks #primary h3 {
	color: #1fccc9;
}

body#planner #primary h3 {
	color: #a53e5c;
}

body.formatD #primary h3 {
	position: absolute;
	top: 20px;
	left: 34px;
}

.en #primary h3 {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 0 15px 0;
	font-size: 44px;
	font-weight: normal;
	line-height: 1;
	white-space: nowrap;
}

.en #primary h3 span {
	position: absolute;
	top: -8px;
	right: 0;
	padding-left: 26px;
	background-image: url(/store/techo/2016/planner/all_about/images/ico_zoom.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	color: #000;
	font-family: sans-serif;
	font-size: 15px;
	line-height: 4.44;
}

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

.en body.formatD #primary h3 {
	position: relative;
	top: auto;
	left: auto;
	margin: 0 0 20px 0;
}

.en body.formatD #primary h3 + p {
	margin: 0 0 80px 0;
	font-size: 17px;
	line-height: 1.6;
}

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

div#main {
	clear: both;
	overflow: hidden;
	position: relative;
	height: 540px;
	margin: 0;
	zoom:1;
}

body#original.a07 div#main,
body#cousin.a07 div#main {
	height: 625px;
}

.en div#main,
.en body#original.a07 div#main,
.en body#cousin.a07 div#main {
	height: 500px;
	margin: 0 0 15px 0;
}

body#original div#main ul.list a {
	color: #5c2849;
}

body#weeks div#main ul.list a {
	color: #1fccc9;
}

body#cousin div#main ul.list a {
	color: #ea4863;
}

body#planner div#main ul.list a {
	color: #a53e5c;
}


body.formatA div#main ul.list,
body.formatB div#main ul.list {
	position: absolute;
	top: 0;
	left: 0;
}

body.formatA div#main ul.list a,
body.formatB div#main ul.list a {
	display: block;
}

body.formatA div#main ul.list li,
body.formatB div#main ul.list li {
	position: absolute;
	top: 0;
	left: 0;
}

body.formatC div#main,
body.formatD div#main {
	overflow: visible;
	height: auto;
	background-color: #fffaf5;
}

body.formatC div#main {
	padding: 75px 0 38px 0;
}

body.formatC div#main ul.list {
	width: 821px;
	margin: 0 auto;
}

body.formatC div#main ul.list li {
	display: inline-block;
	width: 161px;
	margin: 0 4px 29px 0;
}

body.formatC div#main ul.list li:nth-of-type(5n) {
	margin: 0 0 30px 0;
}

body.formatC div#main ul.list a,
body.formatC div#main ul.list img {
	display: block;
}

body.formatC div#main ul.list img:first-child {
	margin: 0 0 4px 4px;
}

body.formatD div#main {
	margin: 0 0 20px 0;
	padding: 90px 0 45px 0;
}

body.formatD div#main p {
	width: 892px;
	margin: 0 auto 40px auto;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.85;
}

body.formatD div#main p:last-child {
	margin: 0 auto 0 auto;
}

body.formatD div#main p a {
	color: #3698db;
}

body.formatD div#main div.container {
	width: 892px;
	margin: 0 auto;
}

body.formatD div#main div[id^="section"] {
	display: inline-block;
	width: 429px;
	margin: 0 34px 42px 0;
}

body.formatD div#main div[id^="section"]:nth-of-type(2n) {
	margin: 0 0 42px 0;
}

body.formatD div#main div[id^="section"] a {
	display: block;
	float: none;
}

body.formatD div#main div[id^="section"] > a span {
	width: auto;
	height: auto;
}

body.formatD div#main div[id^="section"] > a span:before {
	top: 269px;
	left: 5px;
}

body.formatD div#main div[id^="section"] h4 {
	margin: 0 0 8px -4px;
}

body.formatD div#main div[id^="section"] img {
	width: auto;
	height: auto;
}

.en body.formatA div#main ul.list a,
.en body.formatB div#main ul.list a {
	display: block;
	position: relative;
	padding: 0 0 0 25px;
	font-weight: normal;
	font-size: 16px;
	line-height: 19px;
	white-space: nowrap;
}

.en body.formatA div#main ul.list a:before,
.en body.formatB div#main ul.list a:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 17px;
	height: 17px;
	color: #fff;
	font-size: 15px;
	text-align: center;
}

.en body.formatB div#main ul.icon {
	position: absolute;
	top: 0;
	left: 0;
}

.en body.formatB div#main ul.icon li {
	position: absolute;
	top: 0;
	left: 0;
}

.en body.formatB div#main ul.icon a:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 26px;
	height: 26px;
	color: #fff;
	font-size: 22px;
	font-weight: normal;
	line-height: 29px;
	text-align: center;
}

.en body.formatC div#main {
	padding: 0;
	background: none;
}

.en body.formatC div#main ul.list {
	width: auto;
}

.en body.formatC div#main ul.list li {
	display: inline-block;
	width: 155px;
	min-height: 165px;
	margin: 0 6px 0 0;
	vertical-align: top;
}

.en body.formatC div#main ul.list li:nth-of-type(6n) {
	margin: 0;
}

.en body.formatC div#main ul.list a {
	display: block;
}

.en body.formatC div#main ul.list img:first-child {
	margin: 0;
}

.en body.formatC div#main ul.list span {
	display: block;
	position: relative;
	padding: 8px 0 8px 25px;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.2;
}

.en body.formatC div#main ul.list span:before {
	content: "";
	display: block;
	position: absolute;
	top: 8px;
	left: 0;
	width: 17px;
	height: 17px;
	color: #fff;
	font-size: 15px;
	line-height: 19px;
	text-align: center;
}

.en body.formatA div#main ul.list a[href*="#section01"]:before,
.en body.formatB div#main ul.list a[href*="#section01"]:before,
.en body.formatB div#main ul.icon a[href*="#section01"]:before,
.en body.formatC div#main ul.list a[href*="#section01"] span:before {
	content: "1";
}

.en body.formatA div#main ul.list a[href*="#section02"]:before,
.en body.formatB div#main ul.list a[href*="#section02"]:before,
.en body.formatB div#main ul.icon a[href*="#section02"]:before,
.en body.formatC div#main ul.list a[href*="#section02"] span:before {
	content: "2";
}

.en body.formatA div#main ul.list a[href*="#section03"]:before,
.en body.formatB div#main ul.list a[href*="#section03"]:before,
.en body.formatB div#main ul.icon a[href*="#section03"]:before,
.en body.formatC div#main ul.list a[href*="#section03"] span:before {
	content: "3";
}

.en body.formatA div#main ul.list a[href*="#section04"]:before,
.en body.formatB div#main ul.list a[href*="#section04"]:before,
.en body.formatB div#main ul.icon a[href*="#section04"]:before,
.en body.formatC div#main ul.list a[href*="#section04"] span:before {
	content: "4";
}

.en body.formatA div#main ul.list a[href*="#section05"]:before,
.en body.formatB div#main ul.list a[href*="#section05"]:before,
.en body.formatB div#main ul.icon a[href*="#section05"]:before,
.en body.formatC div#main ul.list a[href*="#section05"] span:before {
	content: "5";
}

.en body.formatA div#main ul.list a[href*="#section06"]:before,
.en body.formatB div#main ul.list a[href*="#section06"]:before,
.en body.formatB div#main ul.icon a[href*="#section06"]:before,
.en body.formatC div#main ul.list a[href*="#section06"] span:before {
	content: "6";
}

.en body.formatA div#main ul.list a[href*="#section07"]:before,
.en body.formatB div#main ul.list a[href*="#section07"]:before,
.en body.formatB div#main ul.icon a[href*="#section07"]:before,
.en body.formatC div#main ul.list a[href*="#section07"] span:before {
	content: "7";
}

.en body.formatA div#main ul.list a[href*="#section08"]:before,
.en body.formatB div#main ul.list a[href*="#section08"]:before,
.en body.formatB div#main ul.icon a[href*="#section08"]:before,
.en body.formatC div#main ul.list a[href*="#section08"] span:before {
	content: "8";
}

.en body.formatA div#main ul.list a[href*="#section09"]:before,
.en body.formatB div#main ul.list a[href*="#section09"]:before,
.en body.formatB div#main ul.icon a[href*="#section09"]:before,
.en body.formatC div#main ul.list a[href*="#section09"] span:before {
	content: "9";
}

.en body.formatA div#main ul.list a[href*="#section10"]:before,
.en body.formatB div#main ul.list a[href*="#section10"]:before,
.en body.formatB div#main ul.icon a[href*="#section10"]:before,
.en body.formatC div#main ul.list a[href*="#section10"] span:before {
	content: "10";
}

.en body.formatA div#main ul.list a[href*="#section11"]:before,
.en body.formatB div#main ul.list a[href*="#section11"]:before,
.en body.formatB div#main ul.icon a[href*="#section11"]:before,
.en body.formatC div#main ul.list a[href*="#section11"] span:before {
	content: "11";
}

.en body.formatA div#main ul.list a[href*="#section12"]:before,
.en body.formatB div#main ul.list a[href*="#section12"]:before,
.en body.formatB div#main ul.icon a[href*="#section12"]:before,
.en body.formatC div#main ul.list a[href*="#section12"] span:before {
	content: "12";
}

.en body.formatA div#main ul.list a[href*="#section13"]:before,
.en body.formatB div#main ul.list a[href*="#section13"]:before,
.en body.formatB div#main ul.icon a[href*="#section13"]:before,
.en body.formatC div#main ul.list a[href*="#section13"] span:before {
	content: "13";
}

.en body.formatA div#main ul.list a[href*="#section14"]:before,
.en body.formatB div#main ul.list a[href*="#section14"]:before,
.en body.formatB div#main ul.icon a[href*="#section14"]:before,
.en body.formatC div#main ul.list a[href*="#section14"] span:before {
	content: "14";
}

.en body.formatA div#main ul.list a[href*="#section15"]:before,
.en body.formatB div#main ul.list a[href*="#section15"]:before,
.en body.formatB div#main ul.icon a[href*="#section15"]:before,
.en body.formatC div#main ul.list a[href*="#section15"] span:before {
	content: "15";
}

.en body.formatA div#main ul.list a[href*="#section16"]:before,
.en body.formatB div#main ul.list a[href*="#section16"]:before,
.en body.formatB div#main ul.icon a[href*="#section16"]:before,
.en body.formatC div#main ul.list a[href*="#section16"] span:before {
	content: "16";
}

.en body.formatA div#main ul.list a[href*="#section17"]:before,
.en body.formatB div#main ul.list a[href*="#section17"]:before,
.en body.formatB div#main ul.icon a[href*="#section17"]:before,
.en body.formatC div#main ul.list a[href*="#section17"] span:before {
	content: "17";
}

.en body.formatA div#main ul.list a[href*="#section18"]:before,
.en body.formatB div#main ul.list a[href*="#section18"]:before,
.en body.formatB div#main ul.icon a[href*="#section18"]:before,
.en body.formatC div#main ul.list a[href*="#section18"] span:before {
	content: "18";
}

.en body.formatA div#main ul.list a[href*="#section19"]:before,
.en body.formatB div#main ul.list a[href*="#section19"]:before,
.en body.formatB div#main ul.icon a[href*="#section19"]:before,
.en body.formatC div#main ul.list a[href*="#section19"] span:before {
	content: "19";
}

.en body.formatA div#main ul.list a[href*="#section20"]:before,
.en body.formatB div#main ul.list a[href*="#section20"]:before,
.en body.formatB div#main ul.icon a[href*="#section20"]:before,
.en body.formatC div#main ul.list a[href*="#section20"] span:before {
	content: "20";
}

.en body#planner.formatA div#main ul.list a:before,
.en body#planner.formatB div#main ul.list a:before,
.en body#planner.formatB div#main ul.icon a:before,
.en body#planner.formatC div#main ul.list span:before {
	background: #a53e5c;
}

.en body#original.formatA div#main ul.list a:before,
.en body#original.formatB div#main ul.list a:before,
.en body#original.formatB div#main ul.icon a:before,
.en body#original.formatC div#main ul.list span:before {
	background: #5c2849;
}

.en body#cousin.formatA div#main ul.list a:before,
.en body#cousin.formatB div#main ul.list a:before,
.en body#cousin.formatB div#main ul.icon a:before,
.en body#cousin.formatC div#main ul.list span:before {
	background: #ea4863;
}

.en body#weeks.formatA div#main ul.list a:before,
.en body#weeks.formatB div#main ul.list a:before,
.en body#weeks.formatB div#main ul.icon a:before,
.en body#weeks.formatC div#main ul.list span:before {
	background: #1fccc9;
}

.en body#planner.a01.formatA div#main ul.list {
	top: 115px;
	left: 495px;
}

.en body#planner.a03.formatB div#main ul.list {
	top: 15px;
	left: 18px;
}

.en body#planner.a03.formatB div#main ul.icon li:nth-of-type(1) {
	top: 82px;
	left: 447px;
}

.en body#planner.a03.formatB div#main ul.icon li:nth-of-type(2) {
	top: 107px;
	left: 667px;
}

.en body#planner.a03.formatB div#main ul.icon li:nth-of-type(3) {
	top: 218px;
	left: 667px;
}

.en body#original.a01.formatA div#main ul.list {
	top: 115px;
	left: 495px;
}

.en body#original.a03.formatB div#main ul.list {
	top: 15px;
	left: 18px;
}

.en body#original.a03.formatB div#main ul.icon li:nth-of-type(1) {
	top: 92px;
	left: 475px;
}

.en body#original.a03.formatB div#main ul.icon li:nth-of-type(2) {
	top: 121px;
	left: 727px;
}

.en body#original.a03.formatB div#main ul.icon li:nth-of-type(3) {
	top: 208px;
	left: 727px;
}

.en body#cousin.a01.formatA div#main ul.list {
	top: 95px;
	left: 495px;
}

.en body#cousin.a03.formatB div#main ul.list {
	top: 15px;
	left: 18px;
}

.en body#cousin.a03.formatB div#main ul.icon li:nth-of-type(1) {
	top: 227px;
	left: 265px;
}

.en body#cousin.a03.formatB div#main ul.icon li:nth-of-type(2) {
	top: 227px;
	left: 665px;
}

.en body#cousin.a03.formatB div#main ul.icon li:nth-of-type(3) {
	top: 447px;
	left: 665px;
}

.en body#cousin.a03.formatB div#main ul.icon li:nth-of-type(4) {
	top: 130px;
	left: 635px;
}

.en body#weeks.a01.formatA div#main ul.list {
	top: 115px;
	left: 495px;
}

.en body#weeks.a03.formatB div#main ul.list {
	top: 15px;
	left: 18px;
}

.en body#weeks.a03.formatB div#main ul.icon li:nth-of-type(1) {
	top: 230px;
	left: 290px;
}

.en body#weeks.a03.formatB div#main ul.icon li:nth-of-type(2) {
	top: 440px;
	left: 302px;
}

.en body#weeks.a03.formatB div#main ul.icon li:nth-of-type(3) {
	top: 305px;
	left: 740px;
}

div#main ul.list img {
	display: block;
	width: auto;
	height: auto;
}

body.a07 div#main > a {
	display: block;
	position: absolute;
	top: 475px;
	left: 415px;
}

.en body.a07 div#main > a {
	top: auto;
	bottom: 14px;
	left: auto;
	right: 22px;
	padding: 0 0 0 18px;
	background-repeat: no-repeat;
	background-position: 0 1px;
	font-size: 20px;
	line-height: 1;
}

.en body#original.a07 div#main > a {
	background-image: url(/store/techo/2016/planner/all_about/original/images/a07/cursor.png);
	color: #5c2849;
}

.en body#cousin.a07 div#main > a {
	background-image: url(/store/techo/2016/planner/all_about/cousin/images/a07/cursor.png);
	color: #ea4863;
}

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

ul.pagenation {
	position: relative;
	height: 45px;
	margin: 0 0 100px 0;
}

ul.pagenation.bottom {
	margin: 50px 0 20px 0;
}

body.formatD ul.pagenation.bottom {
	margin: 0 0 20px 0;
}

.en ul.pagenation {
	margin: 0 0 50px 0;
}

ul.pagenation li {
	position: relative;
}

ul.pagenation li:first-child {
	float: left;
}

ul.pagenation li:last-child {
	float: right;
}

ul.pagenation li a {
	display: inline-block;
	color: #000;
}

ul.pagenation li img {
	width: auto;
	height: auto;
}

ul.pagenation li:first-child img {
	margin-right: 16px;
}

ul.pagenation li:last-child img {
	margin-left: 16px;
}

.en body#planner ul.pagenation li a {
	color: #a53e5c;
}

.en body#original ul.pagenation li a {
	color: #5c2849;
}

.en body#cousin ul.pagenation li a {
	color: #ea4863;
}

.en body#weeks ul.pagenation li a {
	color: #1fccc9;
}

.en ul.pagenation li a span.btn {
	display: block;
	width: 120px;
	height: 45px;
	border: 1px;
	border-style: solid;
	font-family: sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 45px;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.en ul.pagenation li a span.btn:before,
.en ul.pagenation li a span.btn:after {
	position: absolute;
	top: 0;
	font-family: "techo2016";
	font-size: 11px;
	font-weight: normal;
}

.en ul.pagenation li:first-child a span.btn {
	float: left;
	margin-right: 20px;
	padding-left: 10px;
}

.en ul.pagenation li:first-child span.btn:before {
	content: "\e611";
	left: 8px;
}

.en ul.pagenation li:last-child a span.btn {
	float: right;
	margin-left: 20px;
	padding-right: 10px;
}

.en ul.pagenation li:last-child span.btn:after {
	content: "\e601";
	right: 8px;	
}

.en body#planner ul.pagenation li a span.btn {
	border-color: #a53e5c;
}

.en body#planner ul.pagenation li a span.btn:before,
.en body#planner ul.pagenation li a span.btn:after {
	color: #a53e5c;
}

.en body#original ul.pagenation li a span.btn {
	border-color: #5c2849;
}

.en body#original ul.pagenation li a span.btn:before,
.en body#original ul.pagenation li a span.btn:after {
	color: #5c2849;
}

.en body#cousin ul.pagenation li a span.btn {
	border-color: #ea4863;
}

.en body#cousin ul.pagenation li a span.btn:before,
.en body#cousin ul.pagenation li a span.btn:after {
	color: #ea4863;
}

.en body#weeks ul.pagenation li a span.btn {
	border-color: #1fccc9;
}

.en body#weeks ul.pagenation li a span.btn:before,
.en body#weeks ul.pagenation li a span.btn:after {
	color: #1fccc9;
}

ul.pagenation li a span.txt {
	font-size: 12px;
	font-weight: bold;
	line-height: 45px;
}

ul.pagenation li:first-child a span.txt {
	float: right;
}

ul.pagenation li:last-child a span.txt {
	float: left;
}

.en ul.pagenation li a span.txt {
	font-family: sans-serif;
	font-weight: normal;
}

/* zoom
-------------------------------------------------------------------------------*/

div.zoom {
	position: relative;
	height: 28px;
	margin: 0 0 10px 0;
}

div.zoom p {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 0 0 34px;
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 16px;
	font-weight: bold;
	line-height: 28px;
}

body#original div.zoom p {
	background-image: url(/store/techo/2016/all_about/original/images/ico_zoom.png);
}

body#weeks div.zoom p {
	background-image: url(/store/techo/2016/all_about/weeks/images/ico_zoom.png);
}

body#cousin div.zoom p {
	background-image: url(/store/techo/2016/all_about/cousin/images/ico_zoom.png);
}

body#planner div.zoom p {
	background-image: url(/store/techo/2016/all_about/planner/images/ico_zoom.png);
}

div.zoom p:before {
	content: "… ";
}


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

div[id^="section"] {
	margin: 0 0 30px 0;
}

.en div[id^="section"] {
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
	border-bottom: 1px dotted #bfbfbf;
}

div[id^="section"] > div {
	float: left;
	width: 520px;
	min-height: 310px;
}

.en div[id^="section"] > div {
	position: relative;
	width: 475px;
}

div[id^="section"] h4 {
	margin: 0 0 30px 0;
}

.en div[id^="section"] h4 {
	position: relative;
	margin: 0 0 25px 0;
	padding: 0 16px;
	border-top: 0;
	border-bottom: 2px;
	border-left: 35px;
	border-right: 8px;
	border-style: solid;
	font-size: 22px;
	line-height: 34px;
}

.en div[id^="section"] h4:before {
	display: block;
	position: absolute;
	top: 2px;
	left: -35px;
	width: 35px;
	color: #fff;
	font-size: 26px;
	line-height: 34px;
	text-align: center;
}

.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";
}

.en body#planner div[id^="section"] h4 {
	border-color: #a53e5c;
	color: #a53e5c;
}

.en body#original div[id^="section"] h4 {
	border-color: #5c2849;
	color: #5c2849;
}

.en body#cousin div[id^="section"] h4 {
	border-color: #ea4863;
	color: #ea4863;
}

.en body#weeks div[id^="section"] h4 {
	border-color: #1fccc9;
	color: #1fccc9;
}

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

div[id^="section"] p:last-child {
	margin: 0;
}

.en div[id^="section"] p {
	margin: 0 0 30px 0;
	font-family: "Times New Roman", Georgia, serif;
	font-size: 13px;
	line-height: 1.7;
}

.en div[id^="section"] p.txt {
	color: #bd1e0f;
	font-size: 11px;
	font-family: sans-serif;
}

div[id^="section"] a.btn {
	display: inline-block;
	position: relative;
	padding: 0 18px 0 0;
	margin: 0 0 30px 0;
	color: #3698db;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
}

div[id^="section"] a.btn:after {
	content: "\e601";
	position: absolute;
	top: 0;
	right: 0;
	font-family: "techo2016";
	font-weight: normal;
}

div[id^="section"] a.btn:last-child {
	margin: 0;
}

.en div[id^="section"] a.btn {
	display: block;
	position: absolute;
	bottom: 12px;
	right: 0;
	width: 151px;
	height: 30px;
	padding: 0 0 0 14px;
	border: 1px solid #3799dc;
	color: #3799dc;
	font-size: 14px;
	line-height: 28px;
	font-family: sans-serif;
	font-weight: normal;
	text-align: center;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

.en div[id^="section"] a.btn:before {
	content: "▲";
	display: block;
	position: absolute;
	top: 0;
	left: 11px;
	font-size: 9px;
	line-height: 29px;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.en div[id^="section"] a.btn:after {
	content: "";
}

div[id^="section"] > a {
	float: right;
	width: 440px;
}

div[id^="section"] > a span {
	display: block;
	position: relative;
	width: 440px;
	height: 310px;
}

div[id^="section"] > a span:before {
	content: "";
	position: absolute;
	top: 277px;
	left: 5px;
	width: 28px;
	height: 28px;
	background-image: url(/store/techo/2016/all_about/original/images/ico_zoom.png);
	background-repeat: no-repeat;
}

body#original div[id^="section"] > a span:before {
	background-image: url(/store/techo/2016/all_about/original/images/ico_zoom.png);
}

body#weeks div[id^="section"] > a span:before {
	background-image: url(/store/techo/2016/all_about/weeks/images/ico_zoom.png);
}

body#cousin div[id^="section"] > a span:before {
	background-image: url(/store/techo/2016/all_about/cousin/images/ico_zoom.png);
}

body#planner div[id^="section"] > a span:before {
	background-image: url(/store/techo/2016/all_about/planner/images/ico_zoom.png);
}

.en div[id^="section"] > a span:before {
	top: 277px;
	left: 11px;
	background-image: url(/store/techo/2016/planner/all_about/images/ico_zoom.png) !important;
}

.en body.formatD #primary div[id^="section"] {
	display: inline-block;
	width: 440px;
	margin: 0 80px 80px 0;
	padding: 0;
	border: 0;
	vertical-align: top;
}

.en body.formatD #primary div[id^="section"]:nth-of-type(2n) {
	margin: 0 0 80px 0;
}

.en body.formatD #primary p.link {
	margin: 0 0 45px 0;
	padding: 40px 0;
	border-top: 1px;
	border-bottom: 1px;
	border-left: 0;
	border-right: 0;
	border-color: #bfbfbf;
	border-style: dotted;
	font-size: 17px;
	line-height: 1.6;
}

.en body.formatD #primary p.link a {
	font-weight: normal;
	text-decoration: underline;
}

body#planner.formatD #primary p.link,
body#planner.formatD #primary p.link a {
	color: #a53e5c;
}

body#original.formatD #primary p.link,
body#original.formatD #primary p.link a {
	color: #5c2849;
}

body#cousin.formatD #primary p.link,
body#cousin.formatD #primary p.link a {
	color: #ea4863;
}

body#weeks.formatD #primary p.link,
body#weeks.formatD #primary p.link a {
	color: #1fccc9;
}