@charset "UTF-8";

.content {width:940px; margin:15px auto 0;}
.content>div {overflow:hidden;}
.content>div>h3 {padding:3px 10px; font-size:125%; color:#fff; background:#1d2087;}

.content img {display:block;}

.content .wrapper1 .lft {float:left; width:590px;}
.content .wrapper1 .lft .image01 {border:1px solid #ccc;}
.content .wrapper1 .lft p {margin-top:10px;}
.content .wrapper1 .rgt {float:right; width:330px; margin-top:15px;}
.content .wrapper1 .rgt p {margin-top:5px; font-size:85%; color:red;}

.content .wrapper2 {margin-top:30px;}
.content .wrapper2 .image03 {float:right; margin-top:50px;}
.content .wrapper2 .writing p {margin-top:10px; margin-left:10px;}
.content .wrapper2 .writing p:first-child {margin-top:10px;}
.content .wrapper2 .image04 {margin-top:10px;}

.content .wrapper3 {margin-top:30px;}
.content .wrapper3 h3 span {padding-left:10px; font-size:85%; font-weight:normal;}
.content .wrapper3 .writing p {margin-top:10px; margin-left:10px;}

.content .wrapper3 .gm1area {margin-top:30px; position:relative; height:640px; border:5px solid #fbc300;}
.content .wrapper3 .gm2area {position:absolute; bottom:10px; right:10px; width:646px; height:585px; border:5px solid #d32f29;}

.content .wrapper3 .areaTitle {position:absolute; top:-28px; left:15px; padding:0 8px; background-color:#fff;}
.content .wrapper3 .areaTitle * {float:left;}
.content .wrapper3 .areaTitle h4 {margin:14px 0 0 8px;}

.content .wrapper3 ul {position:relative; top:30px; left:25px;}
.content .wrapper3 li {float:left; margin:0 25px 10px 0; position:relative; width:182px; height:175px; background-color:#ccc;}
.content .wrapper3 li *:first-child {text-align:center;}
.content .wrapper3 li a {display:block; width:178px; height:169px; padding-top:1px; border:2px solid #ccc;}
.content .wrapper3 li a:hover {text-decoration:none; border-color:#3af;}
.content .wrapper3 li h5 {padding-top:2px; font-weight:normal;}
.content .wrapper3 li h5 span {font-size:85%;}
.content .wrapper3 li img {position:absolute; bottom:2px; left:2px;}

.content .wrapper3 .gm1item {top:40px; left:40px; width:182px;}
.content .wrapper3 .gm1item li {margin-bottom:25px;}

.content .wrapper3 .note {}