@charset "utf-8";

/* ------------------------- TOC
cms
item_navigation
blog_style
news
labs
blog_list
news_list
labs_list
blog_detail
news_index
labs_index
portfolio
portfolio_list
portfolio_detail
portfolo_index
news_category_icon
labs_category_icon
news_category_icon
portfolo_category_icon
news_active
portfolio_active
labs_active
broccoli
broccoli_header
broccoli_directory_link_footer
broccoli_contents_sub
broccoli_footer
broccoli_style
broccoli_list
broccoli_detail
broccoli_index
broccoli_active
 ------------------------- */
/* ============================== cms */
/*h1*/
#contents_main h1 { font-size: 117%; }
/*h2*/
#contents_main h2 { font-size: 100%; font-weight: normal; }
/*text-decoration*/
#contents_main strong { font-weight: bold; }
#contents_main strong.caption { display: block; border-bottom:1px solid #D5D2D2; margin-top: 30px; }
#contents_main .entry em { font-style: italic; }
/*img_left img_right*/
#contents_main img.alignleft { float:left; margin: 0 15px 15px 0; }
#contents_main img.alignright { float:right; margin: 0 0 15px 15px; }
/*img_left img_right alt*/
#contents_main div.alignleft { float:left; margin: 15px 15px 15px 0; }
#contents_main div.alignright { float:right; margin: 15px 0 15px 15px; }

/*date*/
#contents_main .date { } 
/*entry*/
#contents_main .entry { width: 590px; margin: 0 auto; }
/*section_index*/
#contents_main .section_index { padding-bottom: 40px; background: url(../img/bg_contents_main_001.gif) repeat-x 0 0; border-top: #cccccc solid 1px; }
/*list entry*/
#contents_main .entry ul,
#contents_main .entry dl.list { margin-top: 15px; margin-left: 10px; }
#contents_main .entry ul li,
#contents_main .entry dl.list dd { margin-top: 5px; background: url(../img/bullet_001.gif) no-repeat 1px 0.7em; padding-left: 15px; }
#contents_main .entry ul li a { }
#contents_main .entry ul li a:hover, 
#contents_main .entry ul li a:active { background-color: #19a8bc; }
#contents_main .entry dl.list dt { margin-top: 5px; }
#contents_main .entry ul li.no_link,
#contents_main .entry dl.list dd.no_link,
.broccoli_detail #contents_main .entry ul li.no_link,
.broccoli_detail #contents_main .entry dl.list dd.no_link { margin-top: 5px; background: url(../img/bullet_001_bk.gif) no-repeat 1px 0.7em; padding-left: 15px; }
#contents_main .entry ul li span.list_date { padding-left: 1em; font-size: 84%; }

#contents_main .entry ol { margin-top: 15px; margin-left: 30px; list-style: decimal; }
#contents_main .entry ol li { margin-top: 5px; list-style: decimal; }

#contents_main .entry dl.list_nobullet { margin-left: 10px; margin-top: 10px; }

/*float_img*/
/* floating box clear */
#contents_main .entry .float_img_w250:after,
#contents_main .entry .float_img_w200:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
#contents_main .entry .float_img_w250,
#contents_main .entry .float_img_w200 { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 \*/
* html #contents_main .entry .float_img_w250,
* html #contents_main .entry .float_img_w200 { height: 1%; }
#contents_main .entry .float_img_w250,
#contents_main .entry .float_img_w200 { display: block; }
/* End Hide from mac IE5 */
#contents_main .entry .float_img_w250 li,
#contents_main .entry dl.float_img_w250 dd,
#contents_main .entry .float_img_w250 li.no_link,
#contents_main .entry dl.float_img_w250 dd.no_link { width: 295px; float: right; }
#contents_main .entry dl.float_img_w250 dt { width: 310px; float: right; }

#contents_main .entry .float_img_w200 li,
#contents_main .entry dl.float_img_w200 dd,
#contents_main .entry .float_img_w200 li.no_link,
#contents_main .entry dl.float_img_w200 dd.no_link { width: 345px; float: right; }
#contents_main .entry dl.float_img_w200 dt { width: 360px; float: right; }


/* ============================== item_navigation */

#contents_main #item_navigation_pos { position: relative; }

#contents_main #item_navigation  { width: 650px; margin-top: 40px; margin-left: 0; }
#contents_main #item_navigation li { background-image: none; text-indent: 0; width: 325px; margin-top: 5px; padding-left: 0; }
#contents_main #item_navigation li.pager_new { float: left; }
#contents_main #item_navigation li.pager_old { float: right; }
#contents_main #item_navigation li a,
#contents_main #item_navigation li a:hover,
#contents_main #item_navigation li a:active { background: none; border-bottom: none; margin-left: 0; padding-left: 0; }
/*margin_reset*/
#portfolio_index #contents_main #item_navigation,
#news_index #contents_main #item_navigation,
#labs_index #contents_main #item_navigation,
#broccoli_index #contents_main #item_navigation { margin-top: 0; }

/* ============================== nombre */
#contents_main #item_navigation_pos #nombre { position: absolute; font-size: 84%; width: 5%; height: 32px; top: 5px; left: 47.5%; z-index: 1; }
#contents_main #item_navigation_pos #nombre td { vertical-align: middle; }

/* ============================== directory_link_footer */
#contents_main #directory_link_footer { margin-left: 0; }
#contents_main #directory_link_footer li { padding-left: 0; }

/* ============================== contents_sub */
#contents_sub .localnav_first { margin-top: 15px; }


/* ============================== blog_style */
/* date */
.blog_style #contents_main .section_index .date { width: 590px; background: url(../img/line_cms001.gif) repeat-y right top; }
.blog_style #contents_main .section_index .date p { float: left; height: 29px; margin-top: 0; }
.blog_style #contents_main .section_index .date p em { display: block; height: 29px; }
.blog_style #contents_main .section_index .date dl { float: right; padding: 0 10px; background: url(../img/line_cms001.gif) repeat-y 0 0; }
.blog_style #contents_main .section_index .date dt { background: url(../img/icon_date.gif) no-repeat 0 0; width: 39px; height: 6px; margin-top: 5px; }
.blog_style #contents_main .section_index .date dt.author { background: url(../img/icon_author.gif) no-repeat 0 0; width: 38px; height: 6px; margin-top: 5px; }
.blog_style #contents_main .section_index .date dd { font-size: 84%; margin-top: 5px; padding-bottom: 2px; }
/*h1 h2 */
.blog_style #contents_main .entry .title_h1,
.blog_style #contents_main .section_index .title_h2 { background: url(../img/icon_title.gif) no-repeat 0 0; margin-top: 20px; padding-top: 10px; }
.blog_style #contents_main .entry .title_h1 h1,
.blog_style #contents_main .section_index .title_h2 h2 { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -opera-border-radius: 5px; border:solid 1px #e3e3e3; background-color: #ffffff; padding: 8px; }
.blog_style #contents_main .section_index .title_h2 h2 a { font-size: 117%; }
/* entry_body */
.blog_style #contents_main .section_index .entry_body { margin-top: 20px; }
.blog_style #contents_main .entry_body p { margin-top: 15px; }
.blog_style #contents_main .entry_body blockquote p { margin-top: 5px; padding-bottom: 5px; }
.blog_style #contents_main .entry_body blockquote ul,
.blog_style #contents_main .entry_body blockquote ol,
.blog_style #contents_main .entry_body blockquote dl { margin-top: 0; padding-bottom: 5px; }
.blog_style #contents_main .entry_body p.wp-caption-text { font-size: 84%; margin-top: 5px; }
/* entry_bottom */
.blog_style #contents_main .entry_bottom { width: 590px; margin-top: 20px; border-top: #d5d2d2 solid 1px; background: url(../img/line_cms001.gif) repeat-y 100% 1px; }
.blog_style #contents_main .entry_bottom dl { float: right; margin-top: 1px; }
.blog_style #contents_main .entry_bottom dt { float: left; padding: 2px 0 2px 10px; }
.blog_style #contents_main .entry_bottom dd { float: left; font-size: 84%; padding: 2px 10px 2px; }
.blog_style #contents_main .entry_bottom dl.tags { background: url(../img/line_cms001.gif) repeat-y 0 0; }
.blog_style #contents_main .entry_bottom dl.tags dt { background: url(../img/icon_tag.gif) no-repeat 10px 0.25em; height:6px; margin-top:5px; width:26px; }

/* ============================== news */
/*contents_main*/
/* snav_categories */
.news #contents_sub #news_release a { display: block; background: url(../img/snav_news_release.gif) no-repeat 0 0; height: 40px; border-bottom: none; }
.news #contents_sub #news_release a:hover, 
.news #contents_sub #news_release a:active { background-position: 0 -40px; }

.news #contents_sub #seminars_events a { display: block; background: url(../img/snav_news_seminars.gif) no-repeat 0 0; height: 64px; border-bottom: none; }
.news #contents_sub #seminars_events a:hover, 
.news #contents_sub #seminars_events a:active { background-position: 0 -64px; }

.news #contents_sub #publicity a { display: block; background: url(../img/snav_news_media.gif) no-repeat 0 0; height: 41px; border-bottom: none; }
.news #contents_sub #publicity a:hover, 
.news #contents_sub #publicity a:active { background-position: 0 -41px; }

.news #contents_sub #topics a { display: block; background: url(../img/snav_news_topics.gif) no-repeat 0 0; height: 41px; border-bottom: none; }
.news #contents_sub #topics a:hover, 
.news #contents_sub #topics a:active { background-position: 0 -41px; }

/* ============================== labs */
/*contents_main*/
/* snav_categories */

/* snav_about_labs */

.labs #contents_sub #snav_categories dl dd { margin-top: 15px; line-height: 1.5; }

.labs #contents_sub #snav_aboutlabs .snav_title { background: url(../img/sidemenu_aboutlabs.gif) no-repeat 0 0; }
.labs #contents_sub #snav_aboutlabs em { display: block; margin: 15px 0 0 10px; width:240px; line-height: 1.5; font-style: normal; }
.labs #contents_sub #ia_uxd_tools dl dt a { display: block; background: url(../img/snav_labs_ia.gif) no-repeat 0 0; height: 40px; border-bottom: none; }
.labs #contents_sub #ia_uxd_tools dl dt a:hover, 
.labs #contents_sub #ia_uxd_tools dl dt a:active { background-position: 0 -40px; }

.labs #contents_sub #labs_columns a { display: block; background: url(../img/snav_labs_columns.gif) no-repeat 0 0; height: 42px; border-bottom: none; }
.labs #contents_sub #labs_columns a:hover, 
.labs #contents_sub #labs_columns a:active { background-position: 0 -42px; }

.labs #contents_sub #document_archives a { display: block; background: url(../img/snav_labs_archives.gif) no-repeat 0 0; height: 42px; border-bottom: none; }
.labs #contents_sub #document_archives a:hover, 
.labs #contents_sub #document_archives a:active { background-position: 0 -42px; }

.labs #contents_sub #books a { display: block; background: url(../img/snav_labs_books.gif) no-repeat 0 0; height: 42px; border-bottom: none; }
.labs #contents_sub #books a:hover, 
.labs #contents_sub #books a:active { background-position: 0 -42px; }

.labs #contents_sub #snav_links #groups_associations { margin-top: 15px; }
.labs #contents_sub #groups_associations a { display: block; background: url(../img/snav_labs_associations.gif) no-repeat 0 0; height: 66px; border-bottom: none; }
.labs #contents_sub #groups_associations a:hover, 
.labs #contents_sub #groups_associations a:active { background-position: 0 -66px; }

/* ============================== blog_list */
/* contents_main */
.blog_list #contents_main table { width: 590px; margin: 0 auto; border-collapse: separate; }
.blog_list #contents_main table th { width: 85%; }
.blog_list #contents_main table td { width: 15%; vertical-align: top; }

.blog_list #contents_main table thead { }
.blog_list #contents_main table thead th { background: url(../img/line_cms003.gif) repeat-y right bottom; }
.blog_list #contents_main table thead .title_category th { background: none; }
.blog_list #contents_main table thead .title_category th h1 { width: 295px; height: 31px; margin-top: 55px; }

.blog_list #contents_main table thead td { padding: 0 10px; background: url(../img/line_cms003.gif) repeat-y right bottom; }
.blog_list #contents_main table thead td.td_date em { display: block; padding: 15px 10px 2px; background: url(../img/icon_date.gif) no-repeat 0 5px; }
.blog_list #contents_main table thead td.td_author em { display: block; padding: 15px 10px 2px; background: url(../img/icon_author.gif) no-repeat 0 5px; }

.blog_list #contents_main table tbody th { border-top-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -opera-border-radius-topleft: 5px; -opera-border-radius-bottomleft: 5px; background-color: #ffffff; border: 1px solid e3e3e3; padding: 10px; font-size: 117%; }
.blog_list #contents_main table tbody .td_date { background: url(../img/dot_gray02.gif) #ffffff no-repeat 0 50%; padding: 10px; font-size: 84%; white-space: nowrap; vertical-align: middle; }
.blog_list #contents_main table tbody .td_author { border-top-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -opera-border-radius-topright: 5px; -opera-border-radius-bottomright: 5px; background: url(../img/dot_gray02.gif) #ffffff no-repeat 0 50%; border: 1px solid e3e3e3; padding: 10px; font-size: 84%; white-space: nowrap; vertical-align: middle; }
.blog_list #contents_main table tbody .td_blank { padding: 0; height: 20px; }

/* ============================== news_list */
.news #contents_main table tbody .td_date { border-top-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -opera-border-radius-topright: 5px; -opera-border-radius-bottomright: 5px; border: 1px solid e3e3e3; padding: 10px; font-size: 84%; white-space: nowrap; vertical-align: middle; }

/* news_h1_category */
#news_category h1.news_release { background: url(../img/h1_news_release.gif) no-repeat 0 0; }
#news_category h1.seminars_events { background: url(../img/h1_news_events.gif) no-repeat 0 0; }
#news_category h1.publicity { background: url(../img/h1_news_publicity.gif) no-repeat 0 0; }
#news_category h1.topics { background: url(../img/h1_news_topics.gif) no-repeat 0 0; }
/* news_h1_author */
#news_author h1 { font-weight: bold; margin-top: 56px; padding: 13px 10px 2px 0; background: url(../img/icon_author.gif) no-repeat 0 0; }
/* news_h1_tag */
#news_tag h1 { font-weight: bold; margin-top: 56px; padding: 13px 10px 2px 0; background: url(../img/icon_tag.gif) no-repeat 0 0; }

/* ============================== labs_list */
/* labs_h1_category */
#labs_category h1.ia_uxd_tools { background: url(../img/h1_labs_iaudx.gif) no-repeat 0 0; }
#labs_category h1.labs_columns { background: url(../img/h1_labs_columns.gif) no-repeat 0 0; }
#labs_category h1.document_archives { background: url(../img/h1_labs_archives.gif) no-repeat 0 0; }
#labs_category h1.books { background: url(../img/h1_labs_books.gif) no-repeat 0 0; }
/* labs_h1_author */
#labs_author h1 { font-weight: bold; margin-top: 56px; padding: 13px 10px 2px 0; background: url(../img/icon_author.gif) no-repeat 0 0; }
/* labs_h1_tag */
#labs_tag h1 { font-weight: bold; margin-top: 56px; padding: 13px 10px 2px 0; background: url(../img/icon_tag.gif) no-repeat 0 0; }

/* ============================== h1_archives */
#news_archives h1.archives_2003,
#labs_archives h1.archives_2003,
#portfolio_archives h1.archives_2003,
#broccoli_archives h1.archives_2003 { background: url(../img/h1_archives_2003.gif) no-repeat 0 0; }

#news_archives h1.archives_2004,
#labs_archives h1.archives_2004,
#portfolio_archives h1.archives_2004,
#broccoli_archives h1.archives_2004 { background: url(../img/h1_archives_2004.gif) no-repeat 0 0; }

#news_archives h1.archives_2005,
#labs_archives h1.archives_2005,
#portfolio_archives h1.archives_2005,
#broccoli_archives h1.archives_2005 { background: url(../img/h1_archives_2005.gif) no-repeat 0 0; }

#news_archives h1.archives_2006,
#labs_archives h1.archives_2006,
#portfolio_archives h1.archives_2006,
#broccoli_archives h1.archives_2006 { background: url(../img/h1_archives_2006.gif) no-repeat 0 0; }

#news_archives h1.archives_2007,
#labs_archives h1.archives_2007,
#portfolio_archives h1.archives_2007,
#broccoli_archives h1.archives_2007 { background: url(../img/h1_archives_2007.gif) no-repeat 0 0; }

#news_archives h1.archives_2008,
#labs_archives h1.archives_2008,
#portfolio_archives h1.archives_2008,
#broccoli_archives h1.archives_2008 { background: url(../img/h1_archives_2008.gif) no-repeat 0 0; }

#news_archives h1.archives_2009,
#labs_archives h1.archives_2009,
#portfolio_archives h1.archives_2009,
#broccoli_archives h1.archives_2009 { background: url(../img/h1_archives_2009.gif) no-repeat 0 0; }

#news_archives h1.archives_2010,
#labs_archives h1.archives_2010,
#portfolio_archives h1.archives_2010,
#broccoli_archives h1.archives_2010 { background: url(../img/h1_archives_2010.gif) no-repeat 0 0; }

#news_archives h1.archives_2011,
#labs_archives h1.archives_2011,
#portfolio_archives h1.archives_2011,
#broccoli_archives h1.archives_2011 { background: url(../img/h1_archives_2011.gif) no-repeat 0 0; }

#news_archives h1.archives_2012,
#labs_archives h1.archives_2012,
#portfolio_archives h1.archives_2012,
#broccoli_archives h1.archives_2012 { background: url(../img/h1_archives_2012.gif) no-repeat 0 0; }

#news_archives h1.archives_2013,
#labs_archives h1.archives_2013,
#portfolio_archives h1.archives_2013,
#broccoli_archives h1.archives_2013 { background: url(../img/h1_archives_2013.gif) no-repeat 0 0; }

#news_archives h1.archives_2014,
#labs_archives h1.archives_2014,
#portfolio_archives h1.archives_2014,
#broccoli_archives h1.archives_2014 { background: url(../img/h1_archives_2014.gif) no-repeat 0 0; }

#news_archives h1.archives_2015,
#labs_archives h1.archives_2015,
#portfolio_archives h1.archives_2015,
#broccoli_archives h1.archives_2015 { background: url(../img/h1_archives_2015.gif) no-repeat 0 0; }

#news_archives h1.archives_2016,
#labs_archives h1.archives_2016,
#portfolio_archives h1.archives_2016,
#broccoli_archives h1.archives_2016 { background: url(../img/h1_archives_2016.gif) no-repeat 0 0; }

#news_archives h1.archives_2017,
#labs_archives h1.archives_2017,
#portfolio_archives h1.archives_2017,
#broccoli_archives h1.archives_2017 { background: url(../img/h1_archives_2017.gif) no-repeat 0 0; }

#news_archives h1.archives_2018,
#labs_archives h1.archives_2018,
#portfolio_archives h1.archives_2018,
#broccoli_archives h1.archives_2018 { background: url(../img/h1_archives_2018.gif) no-repeat 0 0; }

#news_archives h1.archives_2019,
#labs_archives h1.archives_2019,
#portfolio_archives h1.archives_2019,
#broccoli_archives h1.archives_2019 { background: url(../img/h1_archives_2019.gif) no-repeat 0 0; }

/* ============================== blog_detail */
/* date */
.blog_detail #contents_main .date { width: 590px; background: url(../img/line_cms001.gif) repeat-y right top; }
.blog_detail #contents_main .date p { float: left; height: 29px; margin-top: 0; }
.blog_detail #contents_main .date p em { display: block; height: 29px; }

.blog_detail #contents_main .date dl { float: right; padding: 0 10px; background: url(../img/line_cms001.gif) repeat-y 0 0; }
.blog_detail #contents_main .date dt.author { background: url(../img/icon_author.gif) no-repeat 0 0; width: 38px; height: 6px; margin-top: 5px; }
.blog_detail #contents_main .date dt.date { background: url(../img/icon_date.gif) no-repeat 0 0; width: 26px; height: 6px; margin-top: 5px; }
.blog_detail #contents_main .date dd { font-size: 84%; margin-top: 5px; padding-bottom: 2px; }

.blog_detail #contents_main #captionimg { margin-top: 20px; }

.blog_detail #contents_main .entry_body { margin-top: 20px; }
.blog_detail #contents_main .entry_body p { margin-top: 15px; }

/*directory_link_footer */
.blog_detail #contents_main #directory_link_footer { margin-top: 30px; }


/* ============================== news_index */
/* contents_main */
#news_index h1 { display: none; }
#news_index #contents_main { border-top: none; }


/* ============================== labs_index */
/* contents_main */
#labs_index h1 { display: none; }
#labs_index #contents_main { border-top: none; }


/* ============================== portfolio */
/* thumbnail */
.portfolio #contents_main .thumbnail { margin-top: 20px; }
.portfolio #contents_main .thumbnail a { width: 280px; height: 209px; }
/* contents_sub */
/* snav_categories */
.portfolio #contents_sub #website a { display: block; background: url(../img/snav_portforio_website.gif) no-repeat 0 0; height: 41px; border-bottom: none; }
.portfolio #contents_sub #website a:hover, 
.portfolio #contents_sub #website a:active { background-position: 0 -41px; }

.portfolio #contents_sub #interactive_contents a { display: block; background: url(../img/snav_portforio_interactive.gif) no-repeat 0 0; height: 65px; border-bottom: none; }
.portfolio #contents_sub #interactive_contents a:hover, 
.portfolio #contents_sub #interactive_contents a:active { background-position: 0 -65px; }

.portfolio #contents_sub #user_experience a { display: block; background: url(../img/snav_portforio_user.gif) no-repeat 0 0; height: 41px; border-bottom: none; }
.portfolio #contents_sub #user_experience a:hover, 
.portfolio #contents_sub #user_experience a:active { background-position: 0 -41px; }

/* snav_picup */
.portfolio #contents_sub #snav_picup .snav_title { background: url(../img/sidemenu_pickup.gif) no-repeat 0 0; }


/* ============================== portfolio_list */
/* contents_main */
.portfolio_list #contents_main .entry { width: 590px; margin: 30px auto 0; }
.portfolio_list #contents_main .entry .date { width: 345px; }
.portfolio_list #contents_main .date dl { margin-top: 15px; }
.portfolio_list #contents_main .date dt.launch { background: url(../img/icon_launch.gif) no-repeat 0 0; width: 39px; height: 6px; }
.portfolio_list #contents_main .date dt.summary { background: url(../img/icon_summary.gif) no-repeat 0 0; width: 45px; height: 6px; }
.portfolio_list #contents_main .date dd { font-size: 84%; margin-top: 2px; padding-bottom: 2px; }
.portfolio_list #contents_main h1 { width: 295px; height: 31px; margin: 55px 0 0 30px; }
.portfolio_list #contents_main div h2 { background: url(../img/icon_title.gif) no-repeat 0 0; padding-top: 5px; }
.portfolio_list #contents_main div h2 em { display: block; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -opera-border-radius: 5px; border:solid 1px #e3e3e3; background-color: #ffffff; margin-top: 5px; padding: 8px; font-style: normal;  }

/* thumbnail */
.portfolio_list #contents_main .thumbnail { margin-top: 0; }
.portfolio_list #contents_main .thumbnail a { width: 230px; height: 172px; }
/* portfolio_h1_category */
#portfolio_category h1.website { background: url(../img/h1_portfolio_website.gif) no-repeat 0 0; }
#portfolio_category h1.website_build { background: url(../img/h1_portfolio_website_build.gif) no-repeat 0 0; }
#portfolio_category h1.website_management { background: url(../img/h1_portfolio_website_management.gif) no-repeat 0 0; }
#portfolio_category h1.website_produce { background: url(../img/h1_portfolio_website_produce.gif) no-repeat 0 0; }
#portfolio_category h1.interactive_contents { background: url(../img/h1_portfolio_interactive_contents.gif) no-repeat 0 0; }
#portfolio_category h1.user_experience { background: url(../img/h1_portfolio_user_experience.gif) no-repeat 0 0; }
/* portfolio_h1_author */
#portfolio_author h1 { font-weight: bold; margin: 55px 0 0 30px; padding: 13px 10px 2px 0; background: url(../img/icon_author.gif) no-repeat 0 0; }
/* portfolio_h1_tag */
#portfolio_tag h1 { font-weight: bold; margin: 55px 0 0 30px; padding: 13px 10px 2px 0; background: url(../img/icon_tag.gif) no-repeat 0 0; }

/* ============================== portfolio_detail */
#portfolio_detail #contents_main p { margin-top: 15px; }

#portfolio_detail #contents_main .date { width: 590px; background: url(../img/line_cms001.gif) repeat-y right top; }
#portfolio_detail #contents_main .date p { float: left; height: 29px; margin-top: 0; }
#portfolio_detail #contents_main .date p em { display: block; height: 29px; }

#portfolio_detail #contents_main .date dl { float: right; padding: 0 10px; background: url(../img/line_cms001.gif) repeat-y 0 0; }
#portfolio_detail #contents_main .date dt.type { background: url(../img/icon_type.gif) no-repeat 0 0; width: 26px; height: 6px; margin-top: 5px; }
#portfolio_detail #contents_main .date dt.launch { background: url(../img/icon_launch.gif) no-repeat 0 0; width: 39px; height: 6px; margin-top: 5px; }
#portfolio_detail  #contents_main .date dd { font-size: 84%; margin-top: 5px; padding-bottom: 2px; }

#portfolio_detail  #contents_main .title_h1 { background: url(../img/icon_title.gif) no-repeat 0 0; margin-top: 20px; padding-top: 10px; }
#portfolio_detail  #contents_main .title_inner_h1 { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -opera-border-radius: 5px; border:solid 1px #e3e3e3; background-color: #ffffff; margin-top: 5px; padding: 2px; }
#portfolio_detail  #contents_main .title_inner_h1 .comment_section { padding: 5px; }
#portfolio_detail  #contents_main .title_inner_h1 .comment_section p { margin-top: 0; }
#portfolio_detail  #contents_main h1 { padding: 5px; margin: 0; background: none; }
#portfolio_detail  #contents_main .comment_section { margin-top: 0; }
#portfolio_detail  #contents_main #siteimg { margin-top: 30px; }
#portfolio_detail  #contents_main h2 { border-bottom: 1px solid #D5D2D2; font-weight: bold; margin-top: 30px; }

#portfolio_detail  #contents_main table { width: 590px; margin-top: 30px; border-collapse: separate; }
#portfolio_detail  #contents_main table th,
#portfolio_detail  #contents_main table td { padding: 10px; }
#portfolio_detail  #contents_main table th { width: 24%; }
#portfolio_detail  #contents_main table td { width: 75%; background: url(../img/dot_gray02.gif) no-repeat 0 1em; }
#portfolio_detail  #contents_main table td.dot { width: 1%; padding: 10px 0;}
#portfolio_detail  #contents_main table tr.td_backchange th,
#portfolio_detail  #contents_main table tr.td_backchange td { background-color: #dbdada; }
#portfolio_detail  #contents_main table tr.td_backchange td { background: url(../img/dot_gray01.gif) #dbdada no-repeat 0 1em; }
#portfolio_detail  #contents_main table .first th{ border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -opera-border-radius-topleft: 5px; border: 0; }
#portfolio_detail  #contents_main table .first td { border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -opera-border-radius-topright: 5px; border: 0; }
#portfolio_detail  #contents_main table .last th { border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -opera-border-radius-bottomleft: 5px; border: 0; }
#portfolio_detail  #contents_main table .last td { border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px; -opera-border-radius-bottomright: 5px; border: 0; }

/* entry_bottom */
#portfolio_detail #contents_main .entry_bottom { width: 590px; margin-top: 20px; border-top: #d5d2d2 solid 1px; background: url(../img/line_cms001.gif) repeat-y 100% 1px; }
#portfolio_detail #contents_main .entry_bottom dl { float: right; margin-top: 1px; }
#portfolio_detail #contents_main .entry_bottom dt { float: left; padding: 2px 0 2px 10px; }
#portfolio_detail #contents_main .entry_bottom dd { float: left; font-size: 84%; padding: 2px 10px 2px; }
#portfolio_detail #contents_main .entry_bottom dl.tags { background: url(../img/line_cms001.gif) repeat-y 0 0; }
#portfolio_detail #contents_main .entry_bottom dl.tags dt { background: url(../img/icon_tag.gif) no-repeat 10px 0.25em; height:6px; margin-top:5px; width:26px; }

/*directory_link_footer */
#portfolio_detail #contents_main #directory_link_footer { margin-top: 30px; }

/* ============================== portfolo_index */
/* contents_main */
#portfolio_index h1 { display: none; }
#portfolio_index #contents_main { border-top: none; }
/* date */
#portfolio_index #contents_main .section_index .date { width: 280px; background: url(../img/line_cms001.gif) repeat-y right top; }
#portfolio_index #contents_main .section_index .date p { float: left; height: 29px; margin-top: 0; }
#portfolio_index #contents_main .section_index .date p em { display: block; height: 29px; }

#portfolio_index #contents_main .section_index .date dl { float: right; padding: 0 10px; background: url(../img/line_cms001.gif) repeat-y 0 0; }
#portfolio_index #contents_main .section_index .date dt { background: url(../img/icon_launch.gif) no-repeat 0 0; width: 39px; height: 6px; margin-top: 5px;}
#portfolio_index #contents_main .section_index .date dd { font-size: 84%; margin-top: 5px; padding-bottom: 2px; }
/* left_right */
#portfolio_index #contents_main .section_index div.left { float: left; width: 280px; border-top: none; }
#portfolio_index #contents_main .section_index div.right { float: right; width: 280px; border-top: none; }
/* h2 */
#portfolio_index #contents_main .section_index div .title_h2 {  background: url(../img/icon_title.gif) no-repeat 0 0; margin-top: 20px; padding-top: 10px; }
#portfolio_index #contents_main .section_index div .title_h2 h2 { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -opera-border-radius: 5px; border:solid 1px #e3e3e3; background-color: #ffffff; padding: 8px; }
#portfolio_index #contents_main .section_index div .title_h2 h2 a { font-size: 117%; }


/* ============================== news_category_icon */
em.news_release { background: url(../img/icon_release.gif) no-repeat 0 0; width: 63px; }
em.seminars_events { background: url(../img/icon_seminars.gif) no-repeat 0 0; width: 117px; }
em.publicity { background: url(../img/icon_publicity.gif) no-repeat 0 0; width: 73px; }
em.topics { background: url(../img/icon_topics.gif) no-repeat 0 0; width: 54px; }

/* ============================== labs_category_icon */
em.ia_uxd_tools { background: url(../img/icon_iauxdtools.gif) no-repeat 0 0; width: 93px; }
em.labs_columns { background: url(../img/icon_colums.gif) no-repeat 0 0; width: 63px; }
em.document_archives { background: url(../img/icon_archives.gif) no-repeat 0 0; width: 68px; }
em.books { background: url(../img/icon_books.gif) no-repeat 0 0; width: 51px; }
em.groups_associations { background: url(../img/icon_associations.gif) no-repeat 0 0; width: 63px; }

/* ============================== portfolo_category_icon */
em.website { background: url(../img/icon_website.gif) no-repeat 0 0; width: 61px; }
em.interactive_contents { background: url(../img/icon_interactive.gif) no-repeat 0 0; width: 87px; }
em.user_experience { background: url(../img/icon_user.gif) no-repeat 0 0; width: 82px; }

/* ============================== broccoli_category_icon */
em.concent_people,
em.concent_day,
em.concent_food,
em.concent_event { width: 61px; }


/* ============================== news_active */
/* news_release */
.news_release #snav_categories #news_release a,
.news_release #snav_categories #news_release a:hover,
.news_release #snav_categories #news_release a:active { background-position:0 -40px; }

/* seminars_events */
.seminars_events #snav_categories #seminars_events a,
.seminars_events #snav_categories #seminars_events a:hover,
.seminars_events #snav_categories #seminars_events a:active { background-position:0 -64px; }

/* publicity */
.publicity #snav_categories #publicity a,
.publicity #snav_categories #publicity a:hover,
.publicity #snav_categories #publicity a:active { background-position:0 -41px; }

/* topics */
.topics #snav_categories #topics a,
.topics #snav_categories #topics a:hover,
.topics #snav_categories #topics a:active { background-position:0 -41px; }


/* ============================== portfolio_active */
/* website */
.portfolio .website #snav_categories #website a,
.portfolio .website #snav_categories #website a:hover,
.portfolio .website #snav_categories #website a:active,
/* website_build */
.portfolio .website_build #snav_categories #website a,
.portfolio .website_build #snav_categories #website a:hover,
.portfolio .website_build #snav_categories #website a:active,
/* website_management */
.portfolio .website_management #snav_categories #website a,
.portfolio .website_management #snav_categories #website a:hover,
.portfolio .website_management #snav_categories #website a:active,
/* website_produce */
.portfolio .website_produce #snav_categories #website a,
.portfolio .website_produce #snav_categories #website a:hover,
.portfolio .website_produce #snav_categories #website a:active { background-position:0 -41px; }
/*sub_categories*/
.portfolio .website_build .sub_categories ul li#website_build,
.portfolio .website_management .sub_categories ul li#website_management,
.portfolio .website_produce .sub_categories ul li#website_produce { background-image: url(../img/bullet_001_current.gif); }

/* interactive_contents */
.portfolio .interactive_contents #snav_categories #interactive_contents a,
.portfolio .interactive_contents #snav_categories #interactive_contents a:hover,
.portfolio .interactive_contents #snav_categories #interactive_contents a:active { background-position:0 -65px; }

/* user_experience */
.portfolio .user_experience #snav_categories #user_experience a,
.portfolio .user_experience #snav_categories #user_experience a:hover,
.portfolio .user_experience #snav_categories #user_experience a:active { background-position:0 -41px; }


/* ============================== labs_active */

/* ia_uxd_tools */
.ia_uxd_tools #snav_categories #ia_uxd_tools dl dt a,
.ia_uxd_tools #snav_categories #ia_uxd_tools dl dt a:hover,
.ia_uxd_tools #snav_categories #ia_uxd_tools dl dt a:active { background-position:0 -40px; }

/* labs_columns */
.labs_columns #snav_categories #labs_columns dl dt a,
.labs_columns #snav_categories #labs_columns dl dt a:hover,
.labs_columns #snav_categories #labs_columns dl dt a:active { background-position:0 -42px; }

/* labs_archives */
.document_archives #snav_categories #document_archives dl dt a,
.document_archives #snav_categories #document_archives dl dt a:hover,
.document_archives #snav_categories #document_archives dl dt a:active { background-position:0 -42px; }

/* books */
.books #snav_categories #books dl dt a,
.books #snav_categories #books dl dt a:hover,
.books #snav_categories #books dl dt a:active { background-position:0 -42px; }

/* groups_associations */
.groups_associations #snav_links #groups_associations a,
.groups_associations #snav_links #groups_associations a:hover,
.groups_associations #snav_links #groups_associations a:active { background-position:0 -66px; }

/* ============================== broccoli */
.broccoli a { color: #22ac38; text-decoration: none; border-bottom: #22ac38 dotted 1px; }
.broccoli a:link { color: #22ac38; }
.broccoli a:visited { color: #22ac38; }
.broccoli a:hover, .broccoli a:active { color: #ffffff; background-color: #22ac38; border-bottom: 1px solid tranceparent; }

/*bullet_link*/
.broccoli .bullet_link { background: url(../blog_img/bullet_001.gif) no-repeat 1px 0.6em; padding-left: 15px; }
.broccoli .bullet_link a:hover, 
.broccoli .bullet_link a:active { background-color: #22ac38; }
/*bullet_link_nav*/
.broccoli .bullet_link_nav { background: url(../blog_img/bullet_001.gif) no-repeat 1px 0.6em; padding-left: 15px; }
.broccoli .bullet_link_nav a:hover, 
.broccoli .bullet_link_nav a:active { background-color: #22ac38; }
/* bullet_link_more */
.broccoli .bullet_link_more a { background: url(../blog_img/bullet_more.gif) no-repeat 95% 0.22em; padding-right: 20px; }
.broccoli .bullet_link_more a:hover,
.broccoli .bullet_link_more a:active { background: url(../blog_img/bullet_more_ov.gif) #22ac38 no-repeat 95% 0.22em; }
/* bullet_link_nw */
.broccoli a span.nw { width: 19px; height: 8px; background: url(../blog_img/bullet_nw.gif) no-repeat 5px 0; }
.broccoli a:hover span.nw,
.broccoli a:active span.nw { background: url(../blog_img/bullet_nw_ov.gif) #22ac38 no-repeat 5px 0; }
/* bullet_link_pdf */
.broccoli a span.pdf { width: 28px; height: 10px; background: url(../blog_img/bullet_pdf.gif) no-repeat 5px 0; }
.broccoli a:hover span.pdf,
.broccoli a:active span.pdf { background: url(../blog_img/bullet_pdf_ov.gif) #22ac38 no-repeat 5px 0; }
/* bullet_link_comment */
.broccoli a span.comment { width: 19px; height: 9px; background: url(../blog_img/bullet_comment.gif) no-repeat 5px 0; }
.broccoli a:hover span.comment,
.broccoli a:active span.comment { background: url(../blog_img/bullet_comment_ov.gif) #22ac38 no-repeat 5px 0; }
/* bullet_link_detail */
.broccoli a span.detail { width: 19px; height: 9px; background: url(../blog_img/bullet_detail.gif) no-repeat 5px 0; }
.broccoli a:hover span.detail,
.broccoli a:active span.detail { background: url(../blog_img/bullet_detail_ov.gif) #22ac38 no-repeat 5px 0; }
/* bullet_link_legend */
.broccoli a span.legend { width: 19px; height: 9px; background: url(../blog_img/bullet_legend.gif) no-repeat 5px 0; }
.broccoli a:hover span.legend,
.broccoli a:active span.legend { background: url(../blog_img/bullet_legend_ov.gif) #22ac38 no-repeat 5px 0; }


/* ============================== broccoli_header */
.broccoli #header { background-color: #a9b2ab; }
.broccoli #header.en_hover { background-color: #339933; }
.broccoli #header_inner { width: 946px; margin: 0 auto; padding: 7px 2px 0; }
/*nav_top*/
.broccoli #header_inner div { padding-bottom: 13px; padding-right: 3px; border-bottom: none; background: url(../blog_img/line_header.gif) repeat-x 3px 100%; }
/*logo*/
.broccoli #header_inner div p { margin-top: 5px; }
.broccoli #header_inner div p a { background: url(../blog_img/logo.gif) no-repeat 0 0; border-bottom:medium none; display:block; height: 28px; width: 235px; }

.broccoli #nav_function li#nav_home a { background: url(../blog_img/nav_icon_home.gif) no-repeat 2px 0.2em; }
.broccoli #nav_function li#nav_company a { background: url(../blog_img/nav_icon_company.gif) no-repeat 2px 0.3em; }
.broccoli #nav_function li#nav_recruit a { background: url(../blog_img/nav_icon_recruit.gif) no-repeat 2px 0.4em; }
.broccoli #nav_function li#nav_access a { background: url(../blog_img/nav_icon_access.gif) no-repeat 2px 0.3em; }
.broccoli #nav_function li#nav_contact a { background: url(../blog_img/nav_icon_contact.gif) no-repeat 2px 0.3em; }

.broccoli #nav_function li#nav_home a:hover,
.broccoli #nav_function li#nav_home a:active { background: url(../blog_img/nav_icon_home_ov.gif) #22ac38 no-repeat 2px 0.2em; }
.broccoli #nav_function li#nav_company a:hover,
.broccoli #nav_function li#nav_company a:active { background: url(../blog_img/nav_icon_company_ov.gif) #22ac38 no-repeat 2px 0.3em; }
.broccoli #nav_function li#nav_recruit a:hover,
.broccoli #nav_function li#nav_recruit a:active { background: url(../blog_img/nav_icon_recruit_ov.gif) #22ac38 no-repeat 2px 0.4em; }
.broccoli #nav_function li#nav_access a:hover,
.broccoli #nav_function li#nav_access a:active { background: url(../blog_img/nav_icon_access_ov.gif) #22ac38 no-repeat 2px 0.3em; }
.broccoli #nav_function li#nav_contact a:hover,
.broccoli #nav_function li#nav_contact a:active { background: url(../blog_img/nav_icon_contact_ov.gif) #22ac38 no-repeat 2px 0.3em; }

.broccoli #nav_function li#nav_en { padding: 0 0 2px 10px; } 
.broccoli #nav_function li#nav_en a { display: block; width: 65px; height: 24px; padding-left: 0; background: url(../blog_img/nav_en.gif) no-repeat 0 0; } 

.broccoli #nav_function li#nav_en a:hover,
.broccoli #nav_function li#nav_en a:active { background-position: 0 -24px; border-bottom: none; }

/*nav_main*/
.broccoli #nav_main { margin-top: 18px; }
.broccoli #nav_main li#nav_news a { background: url(../blog_img/nav_news.gif) no-repeat 0 0; width: 107px; }
.broccoli #nav_main li#nav_concept a { background: url(../blog_img/nav_concept.gif) no-repeat 0 0; width: 186px; }
.broccoli #nav_main li#nav_solutions a { background: url(../blog_img/nav_solutions.gif) no-repeat 0 0; width: 219px; }
.broccoli #nav_main li#nav_portfolio a { background: url(../blog_img/nav_portfolio.gif) no-repeat 0 0; width: 221px; }
.broccoli #nav_main li#nav_lab a { background: url(../blog_img/nav_lab.gif) no-repeat 0 0; width: 102px; }

.broccoli #header #nav_main li a:link,
.broccoli #header #nav_main li a:visited { background-position: 0 0; }
.broccoli #header #nav_main li a:hover, 
.broccoli #header #nav_main li a:active { background-position: 0 -52px; }

.broccoli #nav_main li#nav_blog a,
.broccoli #nav_main li#nav_blog a:hover, 
.broccoli #nav_main li#nav_blog a:active  { background: url(../blog_img/nav_blog.gif) no-repeat 0 0; width: 105px; }

/*related_section*/
.broccoli #contents_main .related_section { width: 590px; margin-top: 30px; }
.broccoli #contents_main .related_section dt { background: url(../blog_img/icon_related.gif) no-repeat 0 0; width: 590px; height: 6px;  border-bottom: #d5d2d2 solid 1px; padding-bottom: 6px; }
.broccoli #contents_main .related_section dd ul { margin-top: 10px; margin-left: 0; padding-right: 0; }
.broccoli #contents_main .related_section dd ul li { margin-top: 5px; }
.broccoli #contents_main .related_section dd ul li { background: url(../blog_img/bullet_001.gif) no-repeat 1px 0.6em; padding-left: 15px; }
.broccoli #contents_main .related_section dd ul li a:hover, 
.broccoli #contents_main .related_section dd ul li a:active { background-color: #22ac38; }
.broccoli #contents_main .related_section dd ul li span.list_date { padding-left: 1em; font-size: 84%; }

/*list entry*/
.broccoli #contents_main ul li { background: url(../blog_img/bullet_001.gif) no-repeat 1px 0.6em; padding-left: 15px; }
.broccoli #contents_main ul li a:hover, 
.broccoli #contents_main ul li a:active { background-color: #22ac38; }
.broccoli #contents_main ul li span.list_date { padding-left: 1em; font-size: 84%; }

/* ============================== broccoli_directory_link_footer */
.broccoli #contents_main #directory_link_footer { border-top: none; background: url(../blog_img/border_entry_bottom.gif) repeat-x 0 0; }
.broccoli #contents_main #directory_link_footer li { margin-top: 8px; }
.broccoli #contents_main #directory_link_footer a:hover,
.broccoli #contents_main #directory_link_footer a:active { background-color: #22AC38; }
.broccoli #contents_main #directory_link_footer li.pagetop a { background: url(../blog_img/bullet_pagetop.gif) no-repeat 97% 0.3em; }
.broccoli #contents_main #directory_link_footer li.pagetop a:hover,
.broccoli #contents_main #directory_link_footer li.pagetop a:active { background: url(../blog_img/bullet_pagetop_ov.gif) #22AC38 no-repeat 97% 0.3em; }

/* ============================== broccoli_contents_sub */
/*aboutbroccoli*/
.broccoli #contents_sub #snav_aboutbroccoli { background: url(../blog_img/bg_aboutbroccoli.gif) no-repeat 0 0; min-height: 140px; }
.broccoli #contents_sub #snav_aboutbroccoli .snav_title { background: url(../blog_img/sidemenu_aboutbroccoli.gif) no-repeat 0 0; }
.broccoli #contents_sub #snav_aboutbroccoli em { display: block; width: 155px; margin: 15px 0 0 10px; line-height: 1.5; }
/*entries*/
.broccoli #contents_sub #snav_entries .snav_title { background: url(../blog_img/sidemenu_entries.gif) no-repeat 0 0; }
/*categories*/
.broccoli #contents_sub #snav_categories .snav_title { background: url(../blog_img/sidemenu_categories.gif) no-repeat 0 0; }
/*archives*/
.broccoli #contents_sub #snav_archives .snav_title { background: url(../blog_img/sidemenu_archives.gif) no-repeat 0 0; }
.broccoli #contents_sub #snav_archives select { border:1px solid #22ac38; }

/* ============================== broccoli_footer */
.broccoli #nav_footer div ul li#nav_miscommunication a { background: url(../blog_img/nav_icon_miscommunication.gif) no-repeat 2px 0.1em; }
.broccoli #nav_footer div ul li#nav_contents_list a { background: url(../blog_img/nav_icon_contents_list.gif) no-repeat 2px 0.1em; }
.broccoli #nav_footer div ul li#nav_rss a { background: url(../blog_img/nav_icon_rss.gif) no-repeat 2px 0.1em; }

.broccoli #nav_footer div ul li#nav_miscommunication a:hover,
.broccoli #nav_footer div ul li#nav_miscommunication a:active { background: url(../blog_img/nav_icon_miscommunication_ov.gif) #22ac38 no-repeat 2px 0.1em; }
.broccoli #nav_footer div ul li#nav_contents_list a:hover,
.broccoli #nav_footer div ul li#nav_contents_list a:active { background: url(../blog_img/nav_icon_contents_list_ov.gif) #22ac38 no-repeat 2px 0.1em; }
.broccoli #nav_footer div ul li#nav_rss a:hover,
.broccoli #nav_footer div ul li#nav_rss a:active { background: url(../blog_img/nav_icon_rss_ov.gif) #22ac38 no-repeat 2px 0.1em; }

/*copyright*/
.broccoli #copyright p { background: url(../blog_img/icon_copyright.gif) no-repeat 0 0.6em; padding-left: 14px; }


/* ============================== broccoli_style */
/*section_index*/
.broccoli_style #contents_main .section_index { background: url(../blog_img/bg_contents_main.gif) no-repeat 0 0; border-top: #d4dad5 solid 1px; }

/*date*/
.broccoli_style #contents_main .section_index .date dt,
.broccoli_style #contents_main .section_index .date dt.author { margin-top: 8px; }

/* entry_bottom */
.broccoli_style #contents_main .entry_bottom { background: url(../blog_img/border_entry_bottom.gif) no-repeat 0 0; }
.broccoli_style #contents_main .entry_bottom dl { margin-top: 4px; }

/* ============================== broccoli_list */
/*section_index*/
.broccoli_list #contents_main { background: url(../blog_img/bg_listcontents_main.gif) no-repeat 0 0; border-top: #d4dad5 solid 1px; }
/*table*/
.broccoli_list #contents_main table thead td.td_date em,
.broccoli_list #contents_main table thead td.td_author em { background-position: 0 8px; }
/* broccoli_h1_category */
#broccoli_category h1,
#broccoli_archives h1 { margin: 52px 0 0 62px; }
#broccoli_category h1.concent_people { background: url(../img/h1_blog_people.gif) no-repeat 0 0; }
#broccoli_category h1.concent_day { background: url(../img/h1_blog_days.gif) no-repeat 0 0; }
#broccoli_category h1.concent_food { background: url(../img/h1_blog_foods.gif) no-repeat 0 0; }
#broccoli_category h1.concent_event { background: url(../img/h1_blog_events.gif) no-repeat 0 0; }
/* broccoli_h1_author */
#broccoli_author h1 { font-weight: bold; margin: 52px 0 0 62px; padding: 13px 10px 2px 0; background: url(../img/icon_author.gif) no-repeat 0 0; }
/* broccoli_h1_tag */
#broccoli_tag h1 { font-weight: bold; margin: 52px 0 0 62px; padding: 13px 10px 2px 0; background: url(../img/icon_tag.gif) no-repeat 0 0; }

/* ============================== broccoli_detail */
/*entry*/
.broccoli_detail #contents_main { background: url(../blog_img/bg_contents_main.gif) no-repeat 0 0; border-top: #d4dad5 solid 1px; }
.broccoli_detail #contents_main .entry .title_h1 { background-position: 62px 0; margin-top: 13px; }
.broccoli_detail #contents_main .entry .title_h1 h1 { margin-left: 62px; }
/*list entry*/
.broccoli_detail #contents_main .entry ul li,
.broccoli_detail #contents_main .entry dl.list dd { margin-top: 5px; background: url(../blog_img/bullet_001.gif) no-repeat 1px 0.7em; padding-left: 15px; }
/*date*/
.broccoli_detail #contents_main .entry .date dt { margin-top: 8px; }
/*related_section*/
.broccoli_detail #contents_main .related_section dt { background: url(../blog_img/icon_related.gif) no-repeat 0 0; width: 590px; height: 6px;  border-bottom: none; padding-bottom: 6px; }

/* entry_bottom */
.broccoli_detail #contents_main .entry_bottom { background: url(../blog_img/border_entry_bottom.gif) repeat-x 0 0; border-top: none; }
.broccoli_detail #contents_main .entry_bottom dl { margin-top: 4px; }

/* ============================== broccoli_index */
/* contents_main */
#broccoli_index h1 { display: none; }
#broccoli_index #contents_main { border-top: none; }
#broccoli_index #contents_main .section_index .title_h2 { background-position: 62px 0; margin-top: 13px; }
#broccoli_index #contents_main .section_index .title_h2 h2 { margin-left: 62px; }


/* ============================== broccoli_active */
.broccoli #contents_sub #snav_categories .current-cat { background: url(../blog_img/bullet_001_current.gif) no-repeat 1px 0.6em; }
.broccoli #contents_sub #snav_categories .current-cat a:hover,
.broccoli #contents_sub #snav_categories .current-cat a:active { background-color: #22ac38;}