@import "yui.css";

body
{
background:url(./img/background_header.png) repeat-x top left;
font-size:14px;
color:#4a4a4a;
line-height:150%;
}

h1
{
font-weight:bold;
text-align:right;
font-size:10px;
}

a
{
color:#104263;
}

a:hover
{
color:orange;
}

.clear
{
clear:both;
}

#head
{
height:100px;
width:800px;
margin-left:auto;
margin-right:auto;
position:relative;
overflow:hidden;
}

#head img#logo
{
position:absolute;
top:24px;
left:0;
}

#head img#mini1,
#head img#mini2
{
position:absolute;
top:38px;
}

#head img#mini1
{
left:566px;
}

#head img#mini2
{
    left:661px;
}

#head ul
{
position:absolute;
top:65px;
left:0;
}

#head ul li
{
float:left;
}

#contents
{
width:800px;
margin-left:auto;
margin-right:auto;
margin-top:30px;
}


#right
{
width:525px;
float:right;
}

#left
{
float:left;
width:250px;
}

#right,#left
{
margin-top:29px;
}

.title
{
width:500px;
height:40px;
background:url(./img/title_back.png) no-repeat;
}

.title h2
{
font-size:15px;
padding:12px 0 10px 10px;
font-weight:bold;
color:#990000;
}

#right #main
{
width:500px;
}

#right p
{
margin:16px 13px;
}

#right div.h3
{
margin-top:40px;
background:url(http://cat-work.org/img/h3img.gif) no-repeat;
height:36px;
font-size:13px;
width:486px;
margin-left:auto;
margin-right:auto;
}

#right div.h3 h3
{
padding:9px 0 0 5px;
font-weight:bold;

}

h3 a
{
text-decoration:none;
}

.con
{
text-align:right;
}

ul.list li,ul.list2 li
{
height:46px;
position:relative;
font-size:12px;
}

ul.list li
{
background:url(./img/list.gif) no-repeat;
}

ul.list2 li
{
background:url(./img/list2.gif) no-repeat;
}

ul.list li a,ul.list2 li a
{
position:absolute;
top:15px;
left:10px;
text-decoration:none;
}

ul.list li a:hover,ul.list2 li a:hover
{
top:15px;
left:20px;
}


ul.list li a img,ul.list2 li a img
{
vertical-align:-1px;
margin-right:3px;
}

.ban
{
margin:24px  0 12px 0;
}

#information
{
margin:13px 13px 26px 13px;
}

ul#information li
{
border-bottom:dotted 1px #666;
padding-bottom:0px;
padding-top:4px;
}

ul#information li a
{
text-decoration:none;
}

#footer
{
background:url(http://cat-work.org/img/footer_img.png) repeat-x top left;
font-size:12px;
font-weight:bold;
color:#FFF;
}

#footer div#gf
{
text-align:center;
height:36px;
padding:6px;
}

#footer div#gf  a
{
color:#FFF;
text-decoration:none;
}

#footer img
{
margin-right:3px;
}

#copy
{
padding-bottom:20px;
text-align:center;
color:#666;
}

#copy a
{
color:#666;
}

.info_ban
{
margin-top:13px;
}

#mini_ban
{
height:60px;
margin-bottom:24px;
overflow:hidden;
}

a#mini_ban1
{
display:block;
height:60px;
float:left;
width:245px;
}


a#mini_ban2
{
display:block;
height:60px;
float:right;
width:245px;
}


.table_des2
{
font-size:12px;
margin:13px 0;
}

.table_des2 tr,table_des2 tr.blue_tr
{
border-top:1px solid #ccc;
}


.table_des2 td
{
padding:6px;
}

tr.blue_tr
{
background:#E8EEF9;
}

.td_left
{
text-align:right;
background:url(http://cat-work.org/img/hissu.gif) no-repeat 8px 8px;
}

input,textarea
{
border-top:1px solid #ccc;
border-bottom:1px solid #333;
border-left:1px solid #ccc;
border-right:1px solid #666;
}

#root
{
line-height:110%;
font-size:10px;
text-align:right;
margin:10px 20px 0 0 ;
}


#root2
{
line-height:100%;
font-size:10px;
margin:5px;
}


.detail
{
vertical-align:-3px;
}

span.img_left
{
float:left;
}

span.img_left img
{
margin-right:5px;
margin-bottom:5px;
}

span.img_right
{
float:right;
}

span.img_right img
{
margin-left:5px;
margin-bottom:5px;
}

#contact_bottom
{
margin-bottom:20px;
}

#about
{
border-collapse:collapse;
margin-top:20px;
}

.left_cell,.right_cell
{
padding:10px;
border:1px #ccc solid;
}

.left_cell
{
color:#666;
font-weight:bold;
background:#eaeaea;
white-space:nowrap;
}

.date
{
font-size:10px;
text-align:right;
margin-right:13px;
}

#scroll
{
text-align:right;
}

#twitter
{
margin-top:13px;
margin-bottom:26px;
}

#alert_mail
{
padding:10px;
background:#eaeaea;
color:#cc0000;
font-size:12px;
font-weight:bold;
}

#link
{
font-size:10px;
background:#E4F5FD;
padding:6px;
margin-top:10px;
}

#prev,#next
{
width:240px;
}

#prev
{
float:left;
}

#next
{
text-align:right;
float:right;
}

#newitem_title
{
font-weight:bold;
font-size:13px;
padding:2px;
border:solid 1px #666;
margin-left:5px;
margin-right:5px;
}

#newitem
{
background:#E4F5FD;
padding:10px;
font-size:13px;
line-height:135%;
width:94%;
margin-left:auto;
margin-right:auto;
height:90px;
position:relative;
}

#newitem img#co
{
position:absolute;
top:84px;
left:410px;
}

p#cont
{
margin:0;
padding:0;
text-align:right;
margin-top:10px;
}

#facebook
{
margin-top:10px;
padding-top:10px;
border-top:1px dotted #666;
}