@charset "utf-8";

/* layout
-------------------------------------------------------------------------------*/

#local li:first-child {
    margin-top: -10px;
    text-align: right;
    border-top: none;
}

#primary {
    margin: 60px 0;
}

#primary h1 + p {
    width: 560px;
    margin-top: 34px;
}

#primary h1 + p span {
    font-size: 12px;
    display: block;
}

#primary div + p {
    text-align: right;
    margin: -34px 4px 0 0;
}


#secondary {
	margin: 80px auto;
}
#secondary div + p {
    text-align: right;
    margin: 20px 4px 0 0;
}

/* layout
-------------------------------------------------------------------------------*/
#table {
	
}
#table thead h2 {
	font-size: 16px;
	font-weight: bold;
}
#table th,
#table td {
	border: 1px solid #FFF;
	padding: 5px;
}
#table thead th {
	vertical-align: top;
	line-height: 1.5em;
}
#table thead th:first-child {
	border-bottom: 1px solid #CCC;
}
#table thead div {
	height: 110px;
	text-align:center;
}
#t1 {
	background-color: #CCCC66;
}
#t2 {
	background-color: #70E07A;
}
#t3 {
	background-color: #41D9D9;
}
#t4 {
	background-color: #A1A1B3;
}
#t5 {
	background-color: #F2A7A7;
}
#table tbody th,
#table tbody td {
	border-bottom: 1px solid #CCC;
}
#table tbody th a {
	display: block;
	text-decoration: none;
}
#table tbody th strong {
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
#table tbody th span {
	padding-left: 12px;
	background: url(/store/techo/2014/planner/images/arrow.png) no-repeat left center;
}


#popup h3 {
	padding-bottom: 30px;
	margin-left: -10px;
}

#popup {
	width: 680px;
	padding: 45px 60px;
	position: relative;
}

#popup > p + p {
	margin-top: 25px;
}

#popup a[href*="#close"] {
	position: absolute;
	top: 40px;
	right: 30px;
}

#popup a[href*="#close"] + a {
	position: absolute;
	bottom: 40px;
	right: 30px;
	top: inherit;
}

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