@charset "utf-8";

/* page_chark_art
------------------------------------------------ */
#page_chark_art {
}

	#page_chark_art header {
	}

		#page_chark_art header ul {
		}

			#page_chark_art header ul li { margin-left: 24px; }
			#page_chark_art header ul li:first-child { margin-left: 0; }

	#page_chark_art section {
		width: 686px;
	}

	#page_chark_art .box {
		padding: 20px 0;
	}

		#page_chark_art .box h3 {
			margin-bottom: 20px;
			padding-bottom: 2px;
			border-bottom: solid #fff 1px;
			font-size: 124%;
			font-weight: normal;
		}

			#page_chark_art .box h3 strong { display: inline-block; font-size: 139%; font-weight: normal; }
			#page_chark_art .box h3 .square_orange { color: #ff9e00; }
			#page_chark_art .box h3 .square_yellow { color: #c9c900; }
			#page_chark_art .box h3 .square_pink { color: #ff9dbb; }
			#page_chark_art .box h3 .square_green { color: #67907c; }
			#page_chark_art .box h3 .square_purple { color: #942ec4; }
			#page_chark_art .box h3 span { font-size: 93%; }

/* block_about
------------------------------------------------ */
#block_about {
}

	#block_about .lead {
		margin-top: 20px;
		margin-bottom: 1em;
		font-size: 154%;
	}

	#block_about dl {
	}

		#block_about dl dt { font-size: 124%; }
		#block_about dl dd { font-size: 108%; }

/* block_flow
------------------------------------------------ */
#block_flow {
}

	#block_flow ol {
		margin-top: 20px;
	}

		#block_flow ol li {
			margin-bottom: 15px;
		}

			#block_flow ol li dl {}
				#block_flow ol li dl dt { margin-bottom: 15px; }
				#block_flow ol li dl dd { padding: 3px 0 3px 55px; min-height: 60px; background: url(../../img/chark_art/block_flow_arrow.gif) no-repeat 12px bottom; }
				#block_flow ol li:last-child dl dd { background: none; }

	#block_flow .box {
	}

		#block_flow .box .comment {
			margin-bottom: 1em;
			font-size: 124%;
		}

		#block_flow .box .note {
			margin-bottom: 1em;
			font-size: 108%;
		}

/* block_shop
------------------------------------------------ */
#block_shop {
}

	#block_shop .box {
	}

		#block_shop .box .comment { float: left; width: 356px; font-size: 108%; }
		#block_shop .box .photo { float: right; width: 296px; }

/* block_lesson
------------------------------------------------ */
#block_lesson {
}

	#block_lesson .box {
	}

		#block_lesson .box .comment {
			margin-bottom: 1em;
			font-size: 124%;
		}

		#block_lesson .box .note {
			margin-bottom: 1em;
			font-size: 108%;
		}

		#block_lesson .box .attention {
			margin-bottom: 1em;
			font-size: 93%;
		}

/* block_bridal
------------------------------------------------ */
#block_bridal {
}

	#block_bridal .box {
	}

		#block_bridal .box .comment { float: left; width: 356px; font-size: 108%; }
		#block_bridal .box .photo { float: right; width: 296px; }
