#bodyTop { }

#bodyTopShadow {
background-image: url(../commonImg/TopShadowUp.png);
background-position: center 0;
width: 940px;
height: 22px;
margin-right: auto;
margin-left: auto; }

#topMainVisual {
background-image: url(../commonImg/mainVisual.png);
background-repeat: no-repeat;
background-position: right 0;
height: 345px; }

#bodyUnderShadow {
background-image: url(../commonImg/TopShadowDown.png);
background-position: center 0;
width: 940px;
height: 34px;
margin-right: auto;
margin-left: auto; }

#bodyTopMid {
width: 100%; }

#bodyTopMidLeft {
background-image: url(../commonImg/bgTopMidLeft.png);
background-repeat: repeat-x;
text-align: right;
width: 60%;
height: 345px;
float: left; }

#bodyTopMidRight {
background-image: url(../commonImg/bgTopMidRight.png);
background-repeat: repeat-x;
width: 40%;
height: 345px;
float: right; }
#bodyTopMainRInner {
margin: 0;
padding-top: 45px;
padding-left: 23px;
 }

#topTitleBlogHeadLine {
background-image: url(../commonImg/topTitleBlogHeadLine.png);
background-repeat: no-repeat;
text-indent: -5000px;
width: 172px;
height: 32px;
overflow: hidden;
display: block; }

.topBlogDate {
color: #fff;
font-size: 12px;
font-family: georgia, serif;
font-weight: bold;
font-style: italic;
margin-bottom: 5px; }

.topBlogTitle {
color: #fff;
font-size: 13px;
width: 300px;
margin-bottom: 15px; }

.topBlogTitle a,.topBlogTitle a:link,.topBlogTitle a:visited,.topBlogTitle a:active {
color: #fff;
text-decoration: none; }

.topBlogTitle a:hover {
color: #fff;
text-decoration: underline; }