#main h2 { margin:0; padding:0; border:none; }
#main h3 { color:#fff; background-color:#9c3; margin:1em 0; padding:0.3em; border:none; font-size:16px; line-height:1.5; clear:both; }
#main h4 { color:#060; border:none; margin:1em 0; padding:0 0.3em; font-size:14px; clear:both; }

.area_link { font-size:12px; text-align:right; clear:both; margin:1em 0; background-color:#f3f3f3; }
.area_link a { padding:0.2em 0.5em; text-decoration:none; color:#060; }
.area_link a:hover { background-color:#ffe; text-decoration:underline; color:#090; }

.project { width:240px; float:left; margin:3px; }
.project a { background-color:#FFF; display:inline-block; }
.project a:hover img, a:active img { -moz-opacity:0.7; opacity:0.7; filter:alpha(opacity=70); }

.list02 li { text-indent:2em; background:transparent url(../img/icon_link.gif) no-repeat 0px 4px; margin-bottom:1em; list-style-type:none; }

#cassette { font-size:12px; line-height:1.5;margin:1em; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

#cassette h1 { font-size:16px; color:#060; margin:2em 0; }
#cassette h2 { font-size:14px; color:#060; border-bottom:1px dotted #ccc; }
#cassette h3 { font-size:13px; color:#c60; font-weight:normal; }
#cassette dl { margin-bottom:3em; }
#cassette dt { font-weight:bold; }

.pageTop { text-align:right; clear:both; font-size:12px; }

#print { text-align:right; margin:2em 1em; }


.arrow_boxR { position: relative; background: #fff; border: 3px solid #090; }
.arrow_boxR:after, .arrow_boxR:before { left: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrow_boxR:after { border-color: rgba(255, 255, 255, 0); border-left-color: #fff; border-width: 15px; top: 50%; margin-top: -15px; }
.arrow_boxR:before { border-color: rgba(0, 51, 102, 0); border-left-color: #090; border-width: 19px; top: 50%; margin-top: -19px; }

.arrow_boxL { position: relative; background: #fff; border: 3px solid #090; }
.arrow_boxL:after, .arrow_boxL:before { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrow_boxL:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 15px; top: 50%; margin-top: -15px; }
.arrow_boxL:before { border-color: rgba(0, 51, 102, 0); border-right-color: #090; border-width: 19px; top: 50%; margin-top: -19px; }

p.arrow_boxL { margin:0 20px 20px 110px;padding:1em; }
p.arrow_boxR { margin:0 110px 20px 20px;padding:1em; }

.voiceL { background:url('img/human.gif') left center no-repeat; }
.voiceR { background:url('img/human.gif') right center no-repeat; }
.voiceL div { margin-left:20px; color:#060; font-weight:bold; }
.voiceR div { margin-right:20px; text-align:right; color:#060; font-weight:bold; }