@charset "UTF-8";

/*=======================================================
 1.main image
 2.attention
 3.news area
 4.office_news
=======================================================*/

/*=======================================================
 1.main image
=======================================================*/
#main_image {
margin: 0px 0px 15px 0px;
padding: 0px;
}

/*=======================================================
 2.attention
=======================================================*/
#attention {
margin: 0px 0px 15px 0px;
padding: 5px 10px;
border: 1px solid #CEDDF1;
}
#attention ul {
margin: 0px;
padding: 0px;
}
#attention ul li {
margin: 0px;
padding: 5px 0px;
list-style: none;
line-height: 120%;
background: url(../img_cmn/icon_arrow_m_green_right.gif) no-repeat left 7px;
}
#attention ul li a {
margin: 0px;
padding: 0px 0px 0px 15px;
}

/*=======================================================
 3.news area
=======================================================*/
#news_area {
width: 430px;
margin: 0px;
padding: 0px;
float: left;
}

/*-------------------------------------------------------
 news
-------------------------------------------------------*/
#news {
margin: 0px;
padding: 0px;
background: #F0F8F0;
border-top: 2px solid #55B859;
}
#news #news_ttl {
width: 420px;
margin: 0px auto;
padding: 5px 0px;
}
#news #news_ttl h2 {
margin: 0px;
padding: 0px;
float: left;
}

/*-------------------------------------------------------
 tab
-------------------------------------------------------*/
ul.tab {
width: 420px;
margin: 0px auto;
padding: 0px;
background: url(../img/tab_menu.gif) no-repeat left top;
}
ul.tab li {
width: 140px;
height: 30px;
margin: 0px;
padding: 0px;
list-style: none;
float: left;
}
ul.tab li a {
width: 140px;
height: 30px;
margin: 0px;
padding: 0px;
display: block;
overflow: hidden;
text-indent: -9999px;
background: url(../img/tab_menu.gif) no-repeat left top;
}

/* all */
ul.tab li.tab_all a {
background-position: 0px 0px;
}
/* news */
ul.tab li.tab_news a {
background-position: -140px 0px;
}
/* area */
ul.tab li.tab_area a {
background-position: -280px 0px;
}

/* hover selected */
ul.tab li.tab_all a:hover,
ul.tab li.tab_all a.selected {
background-position: 0px -30px;
}
ul.tab li.tab_news a:hover,
ul.tab li.tab_news a.selected {
background-position: -140px -30px;
}
ul.tab li.tab_area a:hover,
ul.tab li.tab_area a.selected {
background-position: -280px -30px;
}

/*-------------------------------------------------------
 panel
-------------------------------------------------------*/
ul.panel {
width: 400px;
margin: 0px auto;
padding: 0px;
}
ul.panel li {
margin: 0px;
padding: 0px;
list-style: none;
}

/*-------------------------------------------------------
 news set
-------------------------------------------------------*/
ul.panel li div.news_set {
margin: 0px;
padding: 10px 0px;
background: url(../img_cmn/dotline.gif) repeat-x left bottom;
}

/* pht */
ul.panel li div.news_set div.pht {
width: 90px;
margin: 0px;
padding: 0px;
float: left;
}

/* text */
ul.panel li div.news_set div.text {
width: 310px;
margin: 0px;
padding: 0px;
float: right;
}
ul.panel li div.news_set div.text p {
font-size: 100%;
}

/* area */
ul.panel li div.news_set p.area {
margin: 0px 0px 5px 0px;
padding: 0px;
line-height: 100%;
font-size: 100%;
font-weight: bold;
}

/* date */
ul.panel li div.news_set p.date {
margin: 0px 0px 5px 0px;
padding: 2px 0px 0px 0px;
color: #666666;
line-height: 100%;
font-size: 100%;
}

/* title */
ul.panel li div.news_set p.title {
margin: 0px;
padding: 0px;
line-height: 120%;
font-size: 100%;
}

/* news_list_link */
ul.panel li p.news_list_link {
margin: 10px 0px;
padding: 0px;
text-align: right;
float: right;
font-size: 100%;
}
ul.panel li p.news_list_link span {
margin: 0px;
padding: 0px 0px 0px 15px;
display: block;
background: url(../img_cmn/icon_arrow_m_green_right.gif) no-repeat left 4px;
}

/*=======================================================
 4.office_news
=======================================================*/
#office_news_area {
width: 265px;
margin: 0px;
padding: 0px;
float:right;
}

/* title */
#office_news_area h2 {
width: 265px;
margin: 0px;
padding: 0px;
}

#office_news_area ul {
width: 265px;
margin: 0px;
padding: 0px;
}
#office_news_area ul li {
margin: 0px;
padding: 8px 0px;
list-style: none;
background: url(../img_cmn/dotline.gif) repeat-x bottom left;
}

/* pht */
#office_news_area ul li div.pht {
width: 80px;
margin: 0px;
padding: 0px;
float: left;
}
/* text */
#office_news_area ul li div.text {
width: 175px;
margin: 0px;
padding: 0px;
float: right;
}
#office_news_area ul li div.text p {
font-size: 100%;
}

/* name */
#office_news_area ul li p.name {
margin: 0px;
padding: 2px 0px 0px 0px;
line-height: 100%;
font-size: 100%;
font-weight: bold;
}

/* date */
#office_news_area ul li p.date {
margin: 5px 0px 0px 0px;
padding: 2px 0px 0px 0px;
color: #666666;
line-height: 100%;
font-size: 100%;
}

/* title */
#office_news_area ul li p.title {
margin: 5px 0px 0px 0px;
padding: 0px;
line-height: 130%;
font-size: 100%;
}

/* news_list_link */
#office_news_area p.office_news_list_link {
margin: 10px 0px;
padding: 0px;
text-align: right;
float: right;
}
#office_news_area p.office_news_list_link span {
margin: 0px;
padding: 0px 0px 0px 15px;
display: block;
background: url(../img_cmn/icon_arrow_m_blue_right.gif) no-repeat left 4px;
}