@charset "utf-8";

/***********************************
  HVC_group
  style.css
***********************************/

@import "./common/css/base.css";


/*==================================
  LINK
==================================*/

a {color:#333; text-decoration:underline;}

a:link {color:#333; text-decoration:underline;}

a:visited {color:#333; text-decoration:underline;}

a:hover {color:#f93;}

a:active {color:#f93;}


/*==================================
  Main Layout
==================================*/

/*  Search Box
----------------------------------*/

div#main div#search {position:absolute; margin-left:387px; width:357px; height:50px; background:url(./common/images/back_search.jpg);}

div#main div#search form {padding:13px 0 0 50px;}

div#main div#search form input#keyword {width:215px; height:24px; float:left;}

div#main div#search form input#search_btn {float:right; margin-right:12px;}


/*  Keyword Box
----------------------------------*/

div#main div#keywords {padding:0 5px 13px 5px; margin-top:25px; background:#000;}

div#main div#keywords h3 {margin:0; padding-top:6px;}
* html div#main div#keywords h3 {margin:0; padding:0;}
*+html div#main div#keywords h3 {margin:0; padding:0;}

div#main div#keywords ul {list-style:none; margin:9px 0 0 0;}

div#main div#keywords ul li {width:240px; float:left;}

div#main div#keywords ul li.center_li {margin:0 6px;}

div#main div#keywords ul li dl {padding:13px 5px 0 7px;}

div#main div#keywords ul li dt {float:left;}

div#main div#keywords ul li dt img {border:3px solid #fff;}

div#main div#keywords ul li dd {padding-left:98px; line-height:1.5em;}

div#main div#keywords ul li dd a {color:#fff;}

div#main div#keywords ul li dd a:hover {color:#f93; text-decoration:none;}


/*  News Box
----------------------------------*/

div#main div.news_box {margin:12px 0 25px 0; width:740px;}

div#main div.news_box01 {width:367px; float:left;}

div#main div.news_box02 {width:369px; float:right;}

div#main div.news_box03 {width:367px; float:left;}

div#main div.news_box04 {width:360px; margin-top:10px; float:right;}

div#main div.news_box h3 {margin-bottom:3px;}

div#main div.news_box h4 {margin-bottom:10px;}

div#main div.news_box01 dl {margin-top:5px; padding-left:5px;}

div#main div.news_box01 dt {padding-left:15px; margin-bottom:5px; background:url(./common/images/lm02.gif) left 2px no-repeat;}

div#main div.news_box01 dd {padding:0 0 5px 25px; margin:0 0 7px -10px;}

div#main div.news_box01 p.category {margin:-2em 0 0 8.5em; font-size:10px; position:absolute; display:inline;}
div#main div.news_box01 p.category a {color:#000; padding:1px 5px; text-decoration:none; background:#fc6; margin-right: 5px; display:block; float:left;}
div#main div.news_box01 p.category a:hover {color:#fff; text-decoration:none; background:#fa0;}

div.line {height:5px; background:url(./common/images/dott03.gif) repeat-x; margin-top:10px;}

div#main div.news_box02 p {padding:10px 0 0 7px;}

div#main div.news_box02 dl {margin-top:5px; padding-left:5px;}

div#main div.news_box02 dt {padding-left:15px; margin-bottom:5px; background:url(./common/images/lm02.gif) left 2px no-repeat;}

div#main div.news_box02 dd {padding:0 0 5px 25px; margin:0 0 7px -10px;}

div#main div.news_box03 dl {margin-top:10px; padding-left:5px;}

div#main div.news_box03 dt {padding-left:15px; margin-bottom:5px; background:url(./common/images/lm02.gif) left 2px no-repeat; float:left;}

div#main div.news_box03 dd {padding:0 0 5px 9em; margin:0 0 5px -10px;}

div#main div.news_box01 dl.rss,div#main div.news_box02 dl.rss,div#main div.news_box03 dl.rss {margin:5px 0 10px 220px; width:120px; height:16px; padding:0;}
div#main div.news_box01 dl.rss dt,div#main div.news_box02 dl.rss dt ,div#main div.news_box03 dl.rss dt {float:left; margin:0; padding:1px 0 1px 20px; background:url(./common/images/rss.gif) left no-repeat;}
div#main div.news_box01 dl.rss dd,div#main div.news_box02 dl.rss dd,div#main div.news_box03 dl.rss dd {float:right; background:none; margin:0; padding:1px 0;}