/* CSS Document */
body{
background:#dbdbdb;
margin:0px 0px 0px 0px;
padding:0px;
}

body.grey{
background:#dbdbdb;
margin:0px 0px 0px 0px;
padding:0px;
}

ul,li,p{
margin:0;
padding:0;
}
img{
border:0;
vertical-align:bottom;
}

table{
border-collapse: collapse;
}
div{
font-size:14px;
}

.obiWrap{
margin:0;
background:#dbdbdb;
clear:both;
}

.clear{
clear:both;
}

#header{
background:#dbdbdb;
margin:0 auto;
padding:20px 0 0 0;
height:35px;
width:836px;
/*position:relative;*/
}

#wrapper{
width:100%;
background:#FFFFFF;
}
#main{
width:837px;
margin:0 auto;
}

#footer{
width:837px;
margin:0 auto;
height:55px;
}

table{
border-collapse: collapse;
}


h1{
margin:0;
left:0;
text-indent:0px;
width:200px;
height:35px;
background:url(/img/logo.gif);
text-indent:-8888px;
display:block;
float:left;
}
h2{
margin:0;
padding:0 0 30px 0;
}

div#gNavi{
float:right;
width:490px;
height:35px;
}

div#gNavi ul li{
list-style-type:none;
float:left;

}
div#gNavi ul li a{
background-image:url(/img_common/gNavi.gif);
height:35px;
text-indent:-8000px;
display:block;
float:left;
}

div#gNavi ul li.gNavi1,div#gNavi ul li.gNavi1 a{
width:61px;
background-position:0 0;
}
div#gNavi ul li.gNavi2,div#gNavi ul li.gNavi2 a{
width:109px;
background-position:-61px 0;
}
div#gNavi ul li.gNavi3,div#gNavi ul li.gNavi3 a{
width:109px;
background-position:-170px 0;
}
div#gNavi ul li.gNavi4,div#gNavi ul li.gNavi4 a{
width:69px;
background-position:-279px 0;
}
div#gNavi ul li.gNavi5,div#gNavi ul li.gNavi5 a{
width:73px;
background-position:-348px 0;
}
div#gNavi ul li.gNavi6,div#gNavi ul li.gNavi6 a{
width:69px;
background-position:-421px 0;
}

.subNavi{
width:150px;
float:left;
padding:0 0 40px 0;
}

.subNavi ul li{
list-style-type:none;
}
.subNavi ul li a{
font-size:10px;
display:block;
}

.subNavi ul li a{
text-decration:none;
padding:3px 2px 3px 10px;
}
a{text-decoration:none}
.list a:link, h3 a:link,.subNavi ul li a:link { color: #333333 }
.list a:visited, h3 a:visited,.subNavi ul li a:visited { color: #666666; }
.list a:hover, h3 a:hover,.subNavi ul li a:hover { color: #ff3300; text-decoration:underline;}
.list a:active, h3 a:active,.subNavi ul li a:active { color: #ff3300; }

.contents{
width:616px;
float:right;
}

#topicsContents{
width:836px;
margin:0 auto;
padding:50px 0 0 0;  
}

div.contents div.title{
width:604px;
border-top:#BBBBBB solid 1px;
padding:10px 7px 7px 7px;
background:url(/topics/img/dot.gif) bottom no-repeat;
}

div.contents div.title h3,div.contents div.list h3{
font-size:14px;
width:480px;
float:left;
display:block;
padding:8px 0 0 0;
margin:0;
}
div.contents div.title p,div.contents div.list p{
font-size:10px;
width:120px;
float:right;
display:block;
padding:8px 0 0 0;
color:#666666;
}
.contents1{
font-size:12px;
color:#333333;
line-height:20px;
padding:10px 0 20px 7px;
}

div.contents div.list{
width:604px;
border-top:#BBBBBB solid 1px;
padding:10px 7px 7px 7px;
}

/*�@*/
.blogPager{
padding:20px 0 20px 0; 
}
.blogPrev{
width:200px;
font-size:10px;
float:left;
}
.blogNext{
width:200px;
font-size:10px;
float:right;
text-align:right;
}
.blogPager a:link { color: #444444; }
.blogPager a:visited { color: #555555; }
.blogPager a:hover { color: #ff3300; text-decoration:underline;}
.blogPager a:active { color: #ff3300; }