div.col-md-12 h1 { font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; letter-spacing: 0.1em; line-height: 1.6em; }
div.col-md-12 h1 span { font-weight: bold; font-size: 140%; }
div.col-md-12 h2 { line-height: 1.4em; }
div.col-md-12 p.txt { font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 12pt; letter-spacing: 0.1em; }
div.col-md-12 p.txt:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }

blockquote { margin-top: 60px; padding: 30px 20px 20px 20px; }
blockquote:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }

blockquote > img { width: 30%; height: auto; margin: 0 30px 10px 0; float: left; }

@media screen and (max-width: 800px) {
	blockquote > img { width: 100%; margin: 0 0 30px 0; float: none; }
}

blockquote > h3 { font-size: 14pt !important; line-height: 1.5em; }
blockquote > p { font-size: 11pt !important; margin-top: 20px !important; }
blockquote > ul { margin: 20px 0 0 0; padding: 10px 0; font-size: 90%; list-style: none; }

div.yamada { width: 70%; margin: 0 auto; font-size: 100%; }
div.yamada:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }
div.yamada > img { width: 50%; height: auto; margin: 0 20px 20px 0; border: none; border-radius: 5px; float: left; }
@media screen and (max-width: 600px) {
	div.yamada { width: 70%; }
	div.yamada > img { width: 100%; margin: 0 0 20px 0; }
	}

div.navbox { width: 100%; margin: 0; padding: 50px 0; }
div.navbox:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }

p.nav_left { width: 40%; float: left; }
p.nav_left a { height: 2.4em; padding: 0 10px; text-align: right; font-size: 110%; color: #777; line-height: 2.4em; vertical-align: middle; border: solid 1px #777; border-radius: 1.2em; display: block; float: left; }
p.nav_left a:hover { background: #eee; color: #000; border: solid 1px #000; }

p.nav_right { width: 40%; float: right; }
p.nav_right a { height: 2.4em; padding: 0 10px; text-align: right; font-size: 110%; color: #777; line-height: 2.4em; vertical-align: middle; border: solid 1px #777; border-radius: 1.2em; display: block; float: right; }
p.nav_right a:hover { background: #eee; color: #000; border: solid 1px #000; }

.zeiss_column { color: #000; }
.zeiss_column a { text-decoration: none; color: #000; }
.zeiss_column:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }
@media screen and (min-width: 800px) {
	.zeiss_column .left { width: 48%; padding-bottom: 10px; float: left; }
	.zeiss_column .right { width: 48%; padding-bottom: 10px; float: right; }
}
@media screen and (max-width: 799px) {
	.zeiss_column .left { padding-bottom: 10px; float: none; }
	.zeiss_column .right { padding-bottom: 10px; float: none; }
}
.zeiss_column .menu_head { border-left: solid 9px #000; padding: 0 0 0 20px; }
.zeiss_column .menu_head h2 { margin: 0 !important; padding: 0 !important; font-size: 14pt; font-family: "Lucida Grande", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-weight: normal; border-bottom: none !important; text-align: left; letter-spacing: normal; }
.zeiss_column .menu_head p { margin: 0; padding: 0 0 0 1px; font-size: 9pt; }
.zeiss_column dl { padding: 15px 10px 0 29px; font-weight: bold; }
.zeiss_column dl:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }
.zeiss_column dt { width: 15%; margin: 0; padding: 2px 0; font-size: 9.5pt; line-height: 1.2em; float: left; clear: left; }
.zeiss_column dd { width: 85%; margin: 0; padding: 2px 0; font-size: 9.5pt; line-height: 1.2em; float: left; }
.zeiss_column dd:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }
.zeiss_column span.new { margin: -1px 0 0 10px; padding: 2px 3px; font-size: 7pt; color: #fff; font-weight: bold; line-height: 1; background: #dc3a18; display: inline-block; }

.off { opacity: 0.3; }