*{
margin: 0;
padding: 0;
font-family: "MS PGothic", Osaka, sans-serif;
font-size: small;
_font-size: x-small;
line-height: 150%;
}

img{
border:0;
}

html{
height:100%;
_overflow-y:hidden;
}

body{
text-align:center;
height:100%;
_overflow-y:hidden;
color:#666666;
}

a{
color:#66CCFF;
}
a:hover{
color:#FFCC00;
}

h1{
display:inline;
padding-left:15px;
background:url(img/h1_bg.jpg) no-repeat left center;
color:#999;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
}

h1 a{
color:#999;
text-decoration:none;
}

#header_bg{
width:100%;
text-align:center;
position:fixed;
_position:absolute;
top:0;
left:0;
background:#fff;
z-index:10;
}

#header{
width:900px;
height:100px;
background:#fff;
text-align:left;
margin:0 auto;
color:#999;
z-index:10;
}

#menu2{
margin-top:30px;
}

#header ul{
position:absolute;
top:15px;
list-style:none;
}

#global{
height:100%;
margin:0 auto;
_overflow-y:scroll;
}

#menu_list{
position:absolute;
width:345px;
height:0;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
overflow:hidden;
}

#menu_list li a{
display:block;
text-indent:-9999px;
width:155px;
height:38px;
}
#btop{
background:url(img/btop.jpg) no-repeat;
position:absolute;
top:0;
}
#btop a:hover{
background:url(img/btop_h.jpg) no-repeat;
}
#b1{
background:url(img/b1.jpg) no-repeat;
position:absolute;
top:0;
}
#b1 a:hover{
background:url(img/b1_h.jpg) no-repeat;
}
#b2{
background:url(img/b2.jpg) no-repeat;
position:absolute;
top:0;
}
#b2 a:hover{
background:url(img/b2_h.jpg) no-repeat;
}
#b3{
background:url(img/b3.jpg) no-repeat;
position:absolute;
top:0;
}
#b3 a:hover{
background:url(img/b3_h.jpg) no-repeat;
}
#b4{
background:url(img/b4.jpg) no-repeat;
position:absolute;
top:0;
}
#b4 a:hover{
background:url(img/b4_h.jpg) no-repeat;
}
#b5{
background:url(img/b5.jpg) no-repeat;
position:absolute;
top:0;
}
#b5 a:hover{
background:url(img/b5_h.jpg) no-repeat;
}
#b6{
background:url(img/b6.jpg) no-repeat;
position:absolute;
top:0;
}
#b6 a:hover{
background:url(img/b6_h.jpg) no-repeat;
}
#b7{
background:url(img/b7.jpg) no-repeat;
position:absolute;
top:0;
}
#b7 a:hover{
background:url(img/b7_h.jpg) no-repeat;
}
#b8{
background:url(img/b8.jpg) no-repeat;
position:absolute;
top:0;
}
#b8 a:hover{
background:url(img/b8_h.jpg) no-repeat;
}

#sub_menu{
width:155px;
height:310px;
position:absolute;
top:-50px;
left:155px;
display:none;
}

#sub_menu li{
width:155px;
height:37px;
}
#sub_menu li a{
display:block;
text-indent:-9999px;
}

#b2_1{
background:url(img/b2_1.jpg) no-repeat;
position:absolute;
top:35px;
}
#b2_1 a:hover{
background:url(img/b2_1_h.jpg) no-repeat;
}
#b2_2{
background:url(img/b2_2.jpg) no-repeat;
position:absolute;
top:70px;
}
#b2_2 a:hover{
background:url(img/b2_2_h.jpg) no-repeat;
}
#b2_3{
background:url(img/b2_3.jpg) no-repeat;
position:absolute;
top:105px;
}
#b2_3 a:hover{
background:url(img/b2_3_h.jpg) no-repeat;
}
#b2_4{
background:url(img/b2_4.jpg) no-repeat;
position:absolute;
top:140px;
}
#b2_4 a:hover{
background:url(img/b2_4_h.jpg) no-repeat;
}


#flash{
width:100%;
height:100%;
text-align:center;
}

#footer{
width:100%;
text-align:center;
position:fixed;
_position:absolute;
_bottom: expression(this.parentNode.clientHeight % 2 == 0 ? 0 : -1); 
bottom:0;
left:0;
color:#666;
background:#fff;
z-index:1;
}

#footer p{
width:900px;
border:none;
border-top:1px #666 solid;
background:none;
margin:0 auto;
padding-top:15px;
}

#contents_body{
margin:auto;
padding-top:100px;
width:900px;
height:70%;
text-align:left;
position:relative;
z-index:0;
}

#contents_body h2{
height:20px;
text-indent:-9999px;
position:absolute;
right:560px;
top:50%;
}

#contents_body2{
margin-left:600px;
padding-bottom:40px;
}
#contents_body2 h3{
font-size:14px;
clear:both;
font-weight:normal;
background:url(img/h1_bg.jpg) left center no-repeat;
padding-left:15px;
margin-bottom:10px;
}
#contents_body2 ul{
list-style:none;
}

#image_view_pre_load{
display:none;
}
.clear{
clear:both;
}
/*����������������������������������������  TOP  ����������������������������������������*/
#news_and_topics{
background:#fff;
height:110px;
width:100%;
text-align:center;
position:fixed;
_position:absolute;
_bottom: expression(this.parentNode.clientHeight % 2 == 0 ? 0 : +30); 
bottom:30px;
left:0;
}
#news_and_topics2{
width:900px;
text-align:left;
margin:0 auto;
}
#news{
width:290px;
float:left;
}

#news h2{
width:83px;
height:11px;
background:url(img/top/new.jpg) no-repeat;
text-indent:-9999px;
}

#topics{
width:320px;
float:left;
}

#topics h2{
width:53px;
height:11px;
background:url(img/top/topics.jpg) no-repeat;
text-indent:-9999px;
}

#news_and_topics .date{
width:70px;
float:left;
margin-left:18px;
_margin-left:8px;
}

#news_and_topics .nt_body{
width:180px;
margin-bottom:3px;
_margin-bottom:0;
float:left;
}

#blog{
width:290px;
float:left;
}
#blog h2{
width:49px;
height:11px;
background:url(img/top/blog.jpg) no-repeat;
text-indent:-9999px;
}


/*����������������������������������������  WORK  ����������������������������������������*/
.work_graphic h2{
width:171px;
background:url(img/work/graphic/graphic.jpg) no-repeat;
}
.work_graphic #contents_body2 li{
width:75px;
height:55px;
float:left;
}
.work_graphic #contents_body2{
width:225px;
padding-bottom:40px;
}

.work_web h2{
width:171px;
background:url(img/work/web/web.jpg) no-repeat;
}

.work_web #contents_body2 li{
width:75px;
height:55px;
float:left;
}
.work_web #contents_body2{
width:225px;
}

.work_space h2{
width:171px;
background:url(img/work/space/space.jpg) no-repeat;
}

.work_space #contents_body2 li{
width:75px;
height:55px;
float:left;
}
.work_space #contents_body2{
width:225px;
}


#image_view_bg{
display:none;
width:100%;
height:100%;
background:#000;
position:fixed;
_position:absolute;
top:0;
left:0;
z-index:10;
-moz-opacity:0.3;
opacity:0.3;
filter:alpha(opacity=30);
}
#image_view{
display:none;
width:100%;
height:100%;
position:fixed;
_position:absolute;
top:-150%;
left:0;
text-align:center;
z-index:15;
}

#image_view2{
display:none;
}

#image_view img{
border:10px #fff solid;
}

#comment{
border-left:10px #fff solid;
border-right:10px #fff solid;
background:#fff;
margin:0 auto;
text-align:left;
z-index:20;
}

#commentAtag{
border-left:10px #fff solid;
border-right:10px #fff solid;
background:#fff;
margin:0 auto;
text-align:right;
z-index:20;
}

#commentAtag img{
border:none;
}

/*����������������������������������������  profile  ����������������������������������������*/

.profile h2{
width:188px;
background:url(img/profile/profile.jpg) no-repeat;
}
.profile #contents_body2{
width:300px;
}
.profile #contents_body2 table th{
vertical-align:top;
font-weight:normal;
}
/*����������������������������������������  privacy  ����������������������������������������*/
.privacy h2{
width:157px;
background:url(img/privacy/privacy.jpg) no-repeat;
}
.privacy h4{
color:#FF9900;
margin-top:10px;
}

/*����������������������������������������  LINK  ����������������������������������������*/

.link h2{
width:45px;
background:url(img/link/link.jpg) no-repeat;
}
.link h4{
color:#FF9900;
margin-top:10px;
}

/*����������������������������������������  contact  ����������������������������������������*/
.contact h2{
width:91px;
background:url(img/contact/contact.jpg) no-repeat;
}

/*����������������������������������������  sns  ����������������������������������������*/
.sns img{
display:block;
margin-left:175px;
}