@charset "UTF-8";
/* 3段組み固定レイアウト */

body {background-color:#000;
      font-size:10px;
	  line-height:2;
	  letter-spacing:1px;
	  color:#444;
	  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Lucida Grande, Verdana, Arial, Sans-Serif;}

#container {width: 900px;
            margin: auto;}
	    
#content {
	width: 600px;
	float: right;
	margin: 20px 0;
	font-size: 12px;
}
			
#sidebar {width: 280px;
          height: 540px;
          float: left;
		  margin: 20px 0;}
		  
#viewer {
	margin: 0 70px;
	width: 380px;
	height: 540px;
	text-align: center;
	overflow: hidden;
	position: relative;
}

#viewer img {
	top: 0px;
	left: 0px;
	position: absolute;
}
			
#foot {clear: both;}


#container img {border: 0;}

#header {width: 900px;
         height: 50px;}

#header h1 {margin: 0;}

#header h1 img {border: 0;
                float:right;}
				
#footer {width: 900px;
         height: 20px;
		 background-image:url(../../img/log_heat.gif);
		 background-repeat: no-repeat;
         padding-top: 40px;
		 padding-bottom: 40x;}
		 
#footer p {color:#222;
           font-size: 0.9em;
		   margin:0;}
		   
		   
.menu1 {width: 200px;
        overflow: hidden;
		background-color:#000}

.menu1 li {margin-bottom:0;
           list-style-type: none;
           line-height:0;}
		   

.menu1 #link1 a {background-image:url(img/btn_d.gif);}
.menu1 #link2 a {background-image:url(img/btn_g.gif);}
.menu1 #link3 a {background-image:url(img/btn_h.gif);}


.menu1 li a {display: block;
			 line-height: 25px;
			 background-repeat:no-repeat;
			 text-indent: -9999px;}
			 
.menu1 ul {margin: 0;
           padding: 0;}	

.menu1 li a:hover {background-position: 0 -35px;}


.menu2 #link1 a {background-image:url(img/btn_c_19.gif);}
.menu2 #link2 a {background-image:url(img/btn_c_20.gif);}
.menu2 #link3 a {background-image:url(img/btn_c_21.gif);}


.menu2 {width: 95px;
        overflow: hidden;
		background-color:#000}

.menu2 li {margin-bottom:0;
           list-style-type: none;
           line-height:0;}
		   
.menu2 li a {display: block;
			 line-height: 24px;
			 background-repeat:no-repeat;
			 text-indent: -9999px;}
			 
.menu2 ul {margin: 0;
           padding: 0;}	

.menu2 li a:hover {background-position: 0 -35px;}


.imglist img {margin-right: 5px;
              margin-bottom: 5px;}
			  
.post {width: 200px;}

.post h2 {font-size: 14px;
          margin: 0;
		  margin-bottom: 15px;
		  padding-bottom: 0px;}

.posttext2 {text-align: right;}

.posttext1 {width: 600px;
            font-size: 13px;}

a {color:#444; text-decoration: none;}

a:hover {color:#ccc; text-decoration: none;}

.imglist a:hover img {opacity:0.5;
             filter: alpha(opacity=50); /* IE6用 */}
			 
#header a:hover img {opacity:0.5;
             filter: alpha(opacity=50); /* IE6用 */}
			 
h3 {font-size:16px;
    font-weight:900;}
	
.imgleft {float:left;
          margin-right:15px;
          margin-bottom:15px;}
		  
.caption{color:#887;}
         .demo{position:relative;margin-top:2em;text-align:center;}
         .gallery_demo{width:380px;margin:0 auto;}
         .gallery_demo li{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;}
         .gallery_demo li div{left:50px}
         #main_image{margin:0 auto 0px auto;height:540px;width:380px;background:#000;}
         #main_image img{margin-bottom:10px;}
         .nav{padding-top:15px;clear:both;font:80%;letter-spacing:3px;text-transform:uppercase;}
         .info{text-align:left;width:380px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
         .info p{margin-top:1.6em;}