@charset "utf-8";
/* CSS Document */
@import 'global.css';
/* CSS Document */
.col {padding:20px; float:left;}
.col#blog {width:375px; }
.col#gallery {width:520px; padding-right:0 }

#blog {padding-left:40px; color:#333333;}
#blog ul {list-style-type:none;}
#blog li {margin-bottom:1em;}
#gallery ul {margin-top:4px;}
#gallery li {float:left; width:170px; height:170px; font-size:.8em; position:relative;}
#gallery li .img {width:150px; height:150px; overflow:hidden; display:block; border:1px solid #888; text-align:center; background-color:#CCC;}
#gallery li .img img {height:150px; width:auto;}
#gallery li .imgtitle {display:none;}
#gallery li:hover .imgtitle {display:block;}
.imgtitle {z-index:100; position:absolute; top:0px; padding:10px; border-top:1px solid #888; margin:0 1px; width:130px; background:url(../images/white.png) repeat;text-decoration:none; font-size:.9em; text-align:center;}
a.imgtitle:link {color:#333;}

h3 a, h3 a:link, h3 a:visited  {text-decoration:none; color:#000; font-weight:bold;}
h3 a:hover {color:#203750}

.content {padding:20px 40px;}
.imake h3 {padding:.7em 0 .4em 0;}
.imake a {width: 200px; height: 200px; display: block; overflow:hidden; float:left; border:2px solid #999; margin:0 20px 20px 0; text-decoration:none; color:#203750}
.imake a:hover {color:#666}
.imake a span {z-index:100; display:block; position:absolute; padding:10px; text-align:center; width:180px; background:url(../images/white.png) repeat;}