@charset "utf-8";
/* Page Utilities ----------------------------------------------------------------- */

#pages {
	width: 100%;
}
#pages h2 {
	font-size: 40px;
	font-weight: bolder;
	margin: 20px 0 10px 0;
}
#pages h2 strong {
	font-size: 80px;
}
#pages h2 span {
	font-size: 16px;
	margin-left: 10px;
}
#pages p {
	line-height: 150%;
}
#pages p strong {
	font-size: 16px;
	color: #DE2F21;
	font-weight: bolder;
}
#pages p strong.caution {
	font-size: 14px;
}
#pages a {
	font-size: 16px;
	color: #B41E23;
	font-weight: bolder;
	border-width: 0px;
	border-bottom-width: 2px;
	border-style: dotted;
	text-decoration: none;
}
#pages a:hover {
	text-decoration: none;
	border-style: none;
}
#pages .photo {
	text-indent: -9999px;
}
#pages .word {
	padding-right: 5px;
	padding-left: 5px;
}
#pages .word p {
	margin-left: 5px;
}
#pages .word h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0;
}
#pages .word h3 strong {
	color: #ffffff;
	font-size: 18px;
	padding: 5px;
	margin-right: 5px;
}
#pages #meaning {
	margin: 10px 0;
}
#pages #meaning p {
	padding-top: 7px;
	height: 23px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}
/* About ------------------------------------------------------------------ */

#pages>.about {
	padding: 10px 0;
}
#pages>.about h2 {
	color: #818182;
}
#pages>.about h2 strong {
	color: #045D32;
}
#pages>.about h2 span {
	color: #818182;
}
#pages>.about .photo {
	float: left;
	width: 250px;
}
#pages>.about #teruko {
	background: url(http://www.kino-wasou.co.jp/images/portal/page/about/kino-teruko.png) no-repeat top left;
	height: 500px;
}
#pages>.about .word {
	float: left;
	width: 600px;
	padding-top: 40px;
}
#pages>.about h3 {
	height: 21px;
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0 5px 10px;
	padding-left: 30px;
	padding-top: 4px;
	background: url(http://www.kino-wasou.co.jp/images/portal/page/lohas/index/h3.png) no-repeat top left;
}
#pages>.about h4 {
	height: 30px;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0 5px 10px;
	padding-left: 33px;
	padding-top: 10px;
	background: url(http://www.kino-wasou.co.jp/images/portal/page/about/h4.png) no-repeat top left;
}
#pages>.about p {
	margin-left: 20px;
}
#pages>.about img {
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 20px;
}
#pages>.about table {
	width: 95%;
	margin-top: 5px;
	margin-left: 20px;
	margin-bottom: 10px;
	line-height: 150%;
}
#pages>.about table tr {
	padding: 5px;
	border-bottom: 1px solid #962223;
}
#pages>.about table .td01 {
	width: 15%;
	padding: 10px;
}
#pages>.about table .td02 {
	width: 40%;
	padding: 10px;
}
#pages>.about table .td03 {
	width: 30%;
	padding: 10px;
}
#pages>.about table h4 {
	height: 30px;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0 5px 0;
	padding-left: 27px;
	padding-top: 10px;
	background: url(http://www.kino-wasou.co.jp/images/portal/page/about/table-h4.png) no-repeat top left;
	color: #045D32;
}
#pages>.about .price {
	width: 95%;
	background: #339900;
	color: #ffffff;
	margin-left: 20px;
	margin-bottom: 10px;
	line-height: 150%;
}
#pages>.about .price caption {
	color: #333;
}
#pages>.about .price strong {
	color: #FFFF00;
	font-size: 1.2em;
	font-weight: bolder;
}
#pages>.about .price th {
	padding: 10px;
	background: #003300;
}
#pages>.about .price tr {
	border-bottom: 1px solid #ffffff;
}
#pages>.about .price .td01 {
	width: 15%;
	padding: 10px;
}
#pages>.about .price .td02 {
	width: 15%;
	padding: 10px;
}
#pages>.about .price .td03 {
	width: 20%;
	padding: 10px;
}
#pages>.about .price .td04 {
	width: 30%;
	padding: 10px;
}
/* Kino LOHA=S ------------------------------------------------------------------ */

#pages>.lohas {
	padding: 10px 0;
}
#pages>.lohas h2 {
	color: #045D32;
}
#pages>.lohas h2 strong {
	color: #045D32;
}
#pages>.lohas h2 .life {
	color: #ABCF48;
	font-size: 80px;
}
#pages>.lohas h2 .original {
	color: #82B8E4;
	font-size: 80px;
}
#pages>.lohas h2 .health {
	color: #F5B542;
	font-size: 80px;
}
#pages>.lohas h2 .art {
	color: #BD5B9E;
	font-size: 80px;
}
#pages>.lohas h2 .equal {
	color: #000000;
	font-size: 80px;
}
#pages>.lohas h2 .signal {
	color: #F19A9E;
	font-size: 80px;
}
#pages>.lohas p .life {
	color: #ABCF48;
}
#pages>.lohas p .original {
	color: #82B8E4;
}
#pages>.lohas p .health {
	color: #F5B542;
}
#pages>.lohas p .art {
	color: #BD5B9E;
}
#pages>.lohas p .signal {
	color: #F19A9E;
}
#pages>.lohas h3 {
	height: 21px;
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0;
	padding-left: 30px;
	padding-top: 4px;
	background: url(http://www.kino-wasou.co.jp/images/portal/page/lohas/index/h3.png) no-repeat top left;
}
#pages>.lohas #meaning p {
	padding-left: 150px;
	background: url(http://www.kino-wasou.co.jp/images/portal/page/lohas/index/meaning01.png) no-repeat left top;
}
#lohas-table {
	font-size: 14px;
	font-weight: bold;
	color: #818182;
	margin: 10px 0;
	background: url(http://www.kino-wasou.co.jp/images/portal/page/lohas/index/guide.png) no-repeat top right;
	width: 900px;
}
#lohas-table a {
	text-decoration: none;
	border-style: none;
}
#lohas-table th {
	color: #000000;
	text-align: center;
}
#lohas-table tr {
	width: 100%;
}
#lohas-table td {
	color: #818182;
}
#lohas-table .image {
	width: 65px;
	height: 65px;
	padding-left: 5px;
	padding-top: 5px;
	text-align: center;
}
#lohas-table .kino-lohas {
	width: 120px;
	height: 58px;
	font-size: 20px;
	font-weight: bolder;
	padding-left: 80px;
	padding-top: 12px;
}
#lohas-table .technique {
	width: 65px;
	height: 43px;
	padding-left: 35px;
	padding-top: 27px;
}
#lohas-table .means {
	width: 270px;
	height: 43px;
	padding-left: 50px;
	padding-top: 27px;
}
#lohas-table .life strong {
	font-size: 40px;
	color: #ABCF48;
}
#lohas-table .original strong {
	font-size: 40px;
	color: #82B8E4;
}
#lohas-table .health strong {
	font-size: 40px;
	color: #F5B542;
}
#lohas-table .art strong {
	font-size: 40px;
	color: #BD5B9E;
}
#lohas-table .signal strong {
	font-size: 40px;
	color: #F19A9E;
}
/* Life ------------------------------------------------------------------ */

#pages>.life {
	padding: 10px 0;
}
#pages>.life h2 {
	color: #818182;
}
#pages>.life h2 strong {
	color: #ABCF48;
}
#pages>.life h2 span {
	color: #818182;
}
#pages>.life .word h3 strong {
	background-color: #045D32;
}
#pages>.life #meaning p {
	padding-left: 35px;
	background: url(http://www.kino-wasou.co.jp/images/portal/page/lohas/life/meaning01.png) no-repeat left top;
}
#kitsuke01 .photo {
	float: left;
	width: 250px;
	height: 400px;
	background: url(http://www.kino-wasou.co.jp/images/portal/page/lohas/life/maemusubi01.png) no-repeat top left;
}
#kitsuke01 .word {
	float: left;
	width: 640px;
	padding-top: 40px;
}
#kitsuke02 .photo {
	float: left;
	width: 250px;
	height: 550px;
	background: url(http://www.kino-wasou.co.jp/images/portal/page/lohas/life/maemusubi02.png) no-repeat top left;
}
#kitsuke02 .word {
	float: left;
	width: 640px;
	padding-top: 50px;
}
/* Original ------------------------------------------------------------------ */

#pages>.original {
	padding: 10px 0;
}
#pages>.original h2 {
	color: #818182;
}
#pages>.original h2 strong {
	color: #82B8E4;
}
#pages>.original span {
	color: #818182;
}
#pages>.original .word h3 strong {
	background-color: #1E79BF;
}
#pages>.original #meaning p {
	padding-left: 35px;
	background: url(http://www.kino-wasou.co.jp/images/portal/page/lohas/original/meaning01.png) no-repeat left top;
}
#obimusubi01>.photo {
	float: left;
	width: 250px;
	height: 320px;
	background: url(http://www.kino-wasou.co.jp/images/portal/page/lohas/original/obimusubi01.png) no-repeat top left;
}
#obimusubi01>.word {
	float: right;
	width: 640px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 40px;
}
#obimusubi02>.photo {
	float: right;
	width: 400px;
	height: 350px;
	background: url(http://www.kino-wasou.co.jp/images/portal/page/lohas/original/obimusubi02.png) no-repeat top left;
}
#obimusubi02>.word {
	float: left;
	width: 490px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 50px;
}
#obimusubi03>.photo {
	float: left;
	width: 400px;
	height: 350px;
	background: url(http://www.kino-wasou.co.jp/images/portal/page/lohas/original/obimusubi03.png) no-repeat top left;
	margin-top: -90px;
}
#obimusubi03>.word {
	float: right;
	width: 520px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 40px;
}
/* Health ------------------------------------------------------------------ */

#pages>.health {
	padding: 10px 0;
}
#pages>.health h2 {
	color: #818182;
}
#pages>.health h2 strong {
	color: #F5B542;
}
#pages>.health span {
	font-size: 16px;
}
#pages>.health .word h3 strong {
	background-color: #EE7414;
}
#pages>.health #meaning p {
	padding-left: 35px;
	background: url(http://www.kino-wasou.co.jp/images/portal/page/lohas/health/meaning01.png) no-repeat left top;
}
#obimai01>.photo {
	float: left;
	width: 400px;
	height: 480px;
	background: url(http://www.kino-wasou.co.jp/images/portal/page/lohas/health/obimai01.png) no-repeat top left;
}
#obimai01>.word {
	float: right;
	width: 490px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 40px;
}
#obimai02>.photo {
	float: right;
	width: 560px;
	height: 369px;
	text-indent: 0px;
	background: url(http://www.kino-wasou.co.jp/images/portal/page/lohas/health/obimai02.png) no-repeat top center;
	text-align: center;
	padding-top: 81px;
}
#obimai02>.word {
	float: left;
	width: 350px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 50px;
}
/* Art ------------------------------------------------------------------ */

#pages>.art {
	padding: 10px 0;
}
#pages>.art h2 {
	color: #818182;
}
#pages>.art h2 strong {
	color: #BD5B9E;
}
#pages>.art span {
	color: #818182;
}
#pages>.art .word h3 strong {
	background-color: #701E76;
}
#pages>.art #meaning p {
	padding-left: 35px;
	background: url(http://www.kino-wasou.co.jp/images/portal/page/lohas/art/meaning01.png) no-repeat left top;
}
#yuishindo01>.photo {
	float: left;
	width: 250px;
	height: 400px;
	background: url(http://www.kino-wasou.co.jp/images/portal/page/lohas/art/yuishindo01.png) no-repeat top left;
}
#yuishindo01>.word {
	float: left;
	width: 640px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 40px;
}
#yuishindo02>.photo {
	float: left;
	width: 250px;
	height: 550px;
	background: url(http://www.kino-wasou.co.jp/images/portal/page/lohas/art/yuishindo02.png) no-repeat top left;
}
#yuishindo02>.word {
	float: left;
	width: 640px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 50px;
}
/* Signal ------------------------------------------------------------------ */

#pages>.signal {
	padding: 10px 0;
}
#pages>.signal h2 {
	color: #818182;
}
#pages>.signal h2 strong {
	color: #F19A9E;
}
#pages>.signal span {
	color: #818182;
}
#pages>.signal .word h3 strong {
	background-color: #B41D24;
}
#pages>.signal .word h4 {
	font-size: 16px;
	font-weight: bold;
	color: #ED7B87;
	padding-left: 3px;
	margin: 20px 0 3px 0;
}
#pages>.signal #meaning p {
	padding-left: 35px;
	background: url(http://www.kino-wasou.co.jp/images/portal/page/lohas/signal/meaning01.png) no-repeat left top;
}
#maemusubi01>.photo {
	float: left;
	width: 250px;
	height: 100px;
	text-align: center;
	padding-top: 450px;
	text-indent: 0px;
	background: url(http://www.kino-wasou.co.jp/images/portal/page/lohas/signal/maemusubi01.png) no-repeat top left;
}
#maemusubi01>.word {
	float: left;
	width: 640px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 40px;
}
#maemusubi01>.word p {
	padding-left: 10px;
}
#maemusubi01>.word .wakatake {
	border: 1px dotted #F19A9E;
	padding: 5px;
	margin-left: 5px;
	margin-top: 5px;
}
#maemusubi01>.word .wakatake>p {
	margin-left: 1em;
	text-indent: -1em;
}
#maemusubi02>.photo {
	float: left;
	width: 250px;
	height: 50px;
	text-align: center;
	padding-top: 400px;
	text-indent: 0px;
	background: url(http://www.kino-wasou.co.jp/images/portal/page/lohas/signal/maemusubi02.png) no-repeat top left;
}
#maemusubi02>.word {
	float: left;
	width: 640px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 50px;
}