@charset "UTF-8";

/*CSS reset*/
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form { margin:0; padding:0; border:0; list-style-type:none;}
img { vertical-align: bottom; }

/*clear fix*/
.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix { min-height: 1px;}
* html .clearfix { height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*html*/
a:link {color:#d40000; text-decoration: none;}
a:visited {color: #d40000; text-decoration: none;}
a:hover {color:#d40000; text-decoration: underline;}

a img{ border:0;}

h1,h2,h3,h4,h5{ margin:0; padding:0;}

.clear { clear:both;}

.anno { color: #999999;}
.notice { font-weight: bold; color: #FF0000;}
.center{ text-align:center}

/*contents*/
body { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #555555; background:#ececec; margin:0; padding:0;}
body.notfound{ background:none}


#contents { font-size:80%; width:780px; padding:0; margin:0 auto; line-height:1.6em; background:white}

#contents h1 a{ display:block; background:url(http://sos.oops.jp/2012apf/blog/images/main_img.jpg) no-repeat; width:780px; height:353px; text-indent:-9999px; margin-bottom:10px}

#contents #left{ width:164px; margin:0 0 10px 7px; float:left}
#contents #left #leftBox{ border-top:1px solid #c8c8c8; border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8;}
#contents #left #leftBox h2{ font-size:12px; padding:10px}
#contents #left #leftBox ul{ border-bottom:1px solid #c8c8c8; padding:0 10px 10px 10px; margin-bottom:5px;}
#contents #left #leftBox ul li{ padding-bottom:2px;}
#contents #left #leftBox ul li a{ color:#d40000;}
#contents #left img{ padding-bottom:5px;}

#contents #main{ width:587px; margin:0 7px 10px 0; float:right}
#contents #main div.entry{ border:1px solid #c8c8c8; padding:10px; margin-bottom:30px;}
#contents #main div.entry h2{ color:#d40000; border-bottom:1px dotted #c8c8c8; font-size:110%; font-weight:bold; padding:10px 0 3px 0; margin-bottom:3px}
#contents #main div.entry div.date{ text-align:right; color:#d40000; padding-bottom:10px;}
#contents #main div.entry p{ padding:5px 0}
#contents #main div.entry p.clap{ padding:20px 0 5px 0; text-align:right}
#contents #main div.entry img{ padding:5px 0;}
#contents #main div.entryFoot{ padding:10px; text-align:center}

#footer{ background:#0074af; color:white; text-align:center; padding:10px; font-size:80%}

div#notfound{ margin:60px auto; border:1px solid #ddd; width:800px; padding:20px 0; font-size:80%}

div#notfound h1{ padding:10px 0 10px 20px}

div#notfound p{ padding:10px 20px 10px 20px}


/*DVD window*/
.dvd{ width:850px; height:480px; background:url(images/dlDVD.jpg) no-repeat; overflow:hidden; position:relative}
.dvd a{ background-repeat:no-repeat; background-position:left top; text-indent:-9999px; position:absolute; top:143px; display:block}
.dvd a.link1{ background-image:url(images/dvd_link1.png) ; width:86px; height:23px; left:196px;}
.dvd a.link2{ background-image:url(images/dvd_link2.png) ; width:135px; height:20px; left:371px}
.dvd a.link3{ background-image:url(images/dvd_link3.png) ; width:92px; height:21px; left:521px}
.dvd a.link4{ background-image:url(images/dvd_link4.png) ; width:106px; height:20px; left:629px}
.dvd a.link5{ background-image:url(images/dvd_link5.png) ; width:92px; height:15px; left:666px; top:180px}
.dvd a:hover{ background-position:left bottom}