@charset "utf-8";
#left{ width:240px; float:left; }
#right{ width:640px; float:right; }
p#visual_about{ display:block; width:950px; height:300px; margin:0 auto 10px; padding:0; background:url(img/visual.jpg) no-repeat left top; text-indent:-9999px; }
#left h2#about{ display:block; width:140px; height:54px; margin-bottom:24px; background:url(img/maincap.gif) no-repeat left top; }
#left ul{ width:231px; margin:0; padding:0; list-style-type:none; }
#left ul li{ margin:0 0 30px; }
#left ul li a.btn01{ display:block; width:231px; height:67px; background:url(img/btn01.jpg) no-repeat left top; text-indent:-9999px; }
#left ul li a.btn02{ display:block; width:231px; height:67px; background:url(img/btn02.jpg) no-repeat left top; text-indent:-9999px; }
#left ul li a.btn03{ display:block; width:231px; height:67px; background:url(img/btn03.jpg) no-repeat left top; text-indent:-9999px; }
#left ul li a.btn04{ display:block; width:231px; height:67px; background:url(img/btn04.jpg) no-repeat left top; text-indent:-9999px; }
#left ul li a:hover,#left ul li a.now{ background-position:0 -67px !important; }
#right p#subvisual{ display:block; width:629px; height:228px; margin:0 0 25px; background:url(img/visual01.jpg) no-repeat left top; text-indent:-9999px; }
#right h3#cap01{ display:block; width:502px; height:102px; margin:0 0 25px; background:url(img/cap01.gif) no-repeat left top; text-indent:-9999px; }
#right p#subvisual02{ display:block; width:629px; height:228px; margin:0 0 25px; background:url(img/visual02.jpg) no-repeat left top; text-indent:-9999px; }
#right h3#cap02{ display:block; width:502px; height:102px; margin:0 0 25px; background:url(img/cap02.gif) no-repeat left top; text-indent:-9999px; }
#right p#subvisual03{ display:block; width:629px; height:228px; margin:0 0 25px; background:url(img/visual03.jpg) no-repeat left top; text-indent:-9999px; }
#right h3#cap03{ display:block; width:526px; height:102px; margin:0 0 25px; background:url(img/cap03.gif) no-repeat left top; text-indent:-9999px; }
#right p#subvisual04{ display:block; width:629px; height:228px; margin:0 0 25px; background:url(img/visual04.jpg) no-repeat left top; text-indent:-9999px; }
#right h3#cap04{ display:block; width:526px; height:102px; margin:0 0 25px; background:url(img/cap04.gif) no-repeat left top; text-indent:-9999px; }
#right .about_inline{ width:630px; }
#right .text01{ width:381px; margin:0 0 0; float:left; }
#right .text01 p{ width:330px; font-size:12px; margin:0 0 30px; color:#494949; line-height:165%; letter-spacing:1px; }
#right .text02{ width:381px; margin:0; float:left; }
#right .text02 p{ width:330px; font-size:12px; line-height:165%; margin:0 0 30px 36px; color:#494949; letter-spacing:1px; }
#right .text03{ width:630px; margin:0 0 48px; clear:both; }
#right .text03 p{ width:620px; font-size:12px; line-height:165%; color:#494949; margin:0; letter-spacing:1px; }
#right .img{ width:246px; margin:0 0 48px; float:left; }
#right .history{ width:630px; margin:0 0 16px; }
#right .history .year{ width:120px; float:left; }
#right .history .h_comment{ width:500px; float:right; }
#right .history .h_comment p{ font-size:12px; line-height:120%; color:#494949; margin:0; letter-spacing:1px; }
#right .history .h_comment p#bottom{ font-size:10px; line-height:120%; color:#494949; margin:30px 0 0; letter-spacing:1px; }
#right .history .h_comment h4#cap_mini01{ display:block; width:177px; height:18px; margin:0 0 16px; background:url(img/cap_mini01.gif) no-repeat left top; text-indent:-9999px; }
#right .history .h_comment h4#cap_mini02{ display:block; width:269px; height:18px; margin:0 0 16px; background:url(img/cap_mini02.gif) no-repeat left top; text-indent:-9999px; }