/*
Theme Name:Dynamic
Theme URI:
Description:Dynamic
Author:Design Plus
Author URI:http://design-plus1.com/tcd-w/
Version:1.14
*/


/* ----------------------------------------------------------------------
 basic setting
---------------------------------------------------------------------- */

body { margin:0; padding:0; background:#fff;
       font-family:"Century Gothic",Arial,sans-serif;
       color:#333; }
a img { border:none; }
a, a:visited { outline:none; }
a:hover { }
p { margin:0 0 1em 0; padding:0; line-height:240%; }
ul { list-style-type:none; margin:0 0 2em 0; padding:0; line-height:0%; }
ul li { margin:0; padding:0; line-height:normal; zoom:1; }
ol { margin:0 0 2em 19px; padding:0; }
ol li { padding:0 0 5px 0; line-height:normal; }
dl { list-style-type:none; margin:0 0 1em 0; padding:0; line-height:0%; }
dl dt, dl dd { margin:0; padding:0; line-height:normal; zoom:1; }
dl dt { font-weight:bold; }
form,table,input,textarea,dl,dt,dd { margin:0; padding:0; }
table { border-collapse:collapse; width:100%; border:0; }
cite { text-align:right; display:block; }
object { display:block; margin:0 auto; height:auto; }
del { color:#333; }
hr { border:1px solid #ccc; margin:40px 0; }
.wp-caption-text { text-align:center; }
.alignright { float:right; }
.alignleft { float:left; }
.aligncenter { margin-left:auto; margin-right:auto; }
.centered { margin-left:auto; margin-right:auto; }
.clear { clear:both; }
input[type="text"], input[type="password"], textarea, select { outline: none; }



/* layout */
#main_content { width:1050px; margin:30px auto 10px; }
#side_col { width:300px; float:right; }
.index #side_col { width:300px; float:left; }
#left_col { float:left; width:728px; }
.layout2 #side_col { float:left; }
.layout2 #left_col { float:right; }
.no_side #left_col { float:none; width:1050px; }
.no_side2 #left_col { float:none; margin:0 auto; width:750px; }



/* headline */
.headline1 { margin:0 0 10px 0; line-height:100%; }
.headline2 { font-size:12px; background:url(img/common/headline_base1.gif) no-repeat left top; margin:0 0 12px 0; padding:0 0 0 10px; width:718px; height:26px; line-height:26px; }

.post .headline1 { font-size:16px; background:url(img/common/headline_base2.gif) repeat-x left bottom; margin:40px 0 20px 0; height:31px; line-height:21px; }
.post .headline1:before { content: ''; border-left:4px solid #0066CC; padding:2px 0 2px 8px; }
.post .headline2 { font-size:16px; background:url(img/common/headline_base2.gif) repeat-x left bottom; margin:40px 0 20px 0; height:31px; line-height:21px; width:auto; padding:0; }
.post .headline2:before { content: ''; border-left:4px solid #13E9F1; padding:2px 0 2px 8px; }



/* ----------------------------------------------------------------------
 single post page
---------------------------------------------------------------------- */
/* title area */
.single_post .post_info { background:url(img/common/dot1.gif) repeat-x left bottom; padding:0 0 10px 0; margin:0 0 25px 0; position:relative; height:150px; }
.single_post .title_area { width:480px; float:right; }
.single_post .title { margin:0 0 25px 0; font-size:20px; line-height:140%; }
.single_post .meta { position:absolute; right:0px; top:82px; }
.single_post .meta li { background:none; margin:0 10px 0 0; padding:0 10px 0 0; font-size:10px; float:left; display:inline; border-right:1px solid #aaa; line-height:120%; }
.single_post .meta li.post_author { padding:0 10px 0 15px; background:url(img/common/icon_author.gif) no-repeat left; }
.single_post .meta li.post_category { padding:0 10px 0 15px; background:url(img/common/icon_category.gif) no-repeat left; }
.single_post .meta li.post_tags { padding:0 10px 0 15px; background:url(img/common/icon_tag.gif) no-repeat left; }
.single_post .meta li.post_comment { border:none; margin:0; padding:0 0 0 15px; background:url(img/common/icon_comment.gif) no-repeat left; }
.single_post .meta li.post_edit { border-left:1px solid #aaa; margin:0 0 0 10px; padding:0 0 0 10px; border-right:none; }
.single_post .image img { border:1px solid #ccc; padding:1px; }

/* social bookmark */
#bookmark { position:absolute; right:0px; top:105px; }
#bookmark li { float:left; display:inline; margin:0 0 0 10px; }
#bookmark li.social2 { width:65px; }
#bookmark li.social3 { width:115px; }

/* post */
.post { margin:0 0 25px 0; }

/* related post */
#related_post { margin:0 0 25px 0; }
#related_post ul { margin:0; }
#related_post ul li { margin:0; min-height:88px; line-height:100%; width:50%; float:left; }
#related_post ul li .meta { width:260px; float:left; display:inline; margin:0 0 0 10px; }
#related_post ul li .date { line-height:100%; font-size:11px; margin:0 0 5px 0; padding:13px 0 0 0; font-weight:bold; }
#related_post ul li .title { line-height:130%; font-size:11px; font-weight:normal; margin:0; padding:0; }
#related_post ul li .title a { color:#333; display:block; margin:0 0 10px 0; }
#related_post ul li .title a:hover {  }
#related_post ul li .image img { display:block; border:1px solid #ccc; padding:2px; float:left; }
#related_post ul li .image:hover img { }
#related_post ul li.even .meta { float:right; }
#related_post ul li.even .image img { margin:0 0 0 22px; }

/* next prev post link */
#previous_next_post { margin:0 0 0 0; padding:0 0 30px 0; }
#previous_post a { margin:0; width:45%; float:left; line-height:140%; font-size:10px; background:url(img/common/arrow_left.gif) no-repeat left 2px; padding:8px 0 8px 30px; }
#next_post a { margin:0; width:45%; float:right; text-align:right; line-height:140%; font-size:10px; background:url(img/common/arrow_right.gif) no-repeat right 2px; padding:8px 30px 8px 0; }


/* --- WordPress preset CSS ----------------------------------------------------------------------------------------- */

/* image */
.post img { height:auto; max-width:100%; width:auto; }
.post img.centered,div.centered { display:block; margin:15px auto; }
.post img.aligncenter,div.aligncenter { display:block; margin:15px auto; }
.post img.alignright,div.alignright { margin:10px 0 30px 30px; display:inline; }
.post img.alignleft,div.alignleft { margin:10px 30px 30px 0; display:inline; }
.post .wp-caption { background:#fff; border:1px solid #ccc; max-width:96%; padding:14px 3px 1px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.post .wp-caption img { display:block; margin:0 auto; max-width:100%; }
.post .wp-caption .wp-caption-text { padding:10px 0 0; }

/* table */
.post table { margin:0 0 1em 0; }
.post td, .post th { border:1px solid #c1c1c1; padding:15px; }
.post th { 
   background:#eee; font-weight:normal;
   background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(248,248,248,1)));
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 );
}

/* block quote */
.post blockquote {
   margin:0 0 1em 0; padding:50px 50px 40px; background:#f2f2f2;
   background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(248,248,248,1)));
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 );
   -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:relative; border:1px solid #c1c1c1;
}
.post blockquote:before { content: '"'; font-style:italic; font-size:40px; font-weight:bold; line-height:40px; width:30px; height:30px; position:absolute; top:20px; left:20px; color:#999; }
.post blockquote:after { content: '"'; font-style:italic; font-size:40px; font-weight:bold; text-align:left; line-height:60px; width:30px; height:30px; position:absolute; bottom:20px; right:20px; color:#999; }

/* list */
.post li, .post dt, .post dd { margin:0; line-height:200%; }
.post ul li {  background:url(img/common/bullet1.gif) no-repeat left 11px; padding:0 0 0 9px; }
.post ul ul, .post ol ol  { margin:0 0 0 1em; }





/* ----------------------------------------------------------------------
 pages
---------------------------------------------------------------------- */
#page_headline { font-size:12px; background:url(img/common/headline_base1.gif) no-repeat left top; margin:0 0 12px 0; padding:0 0 0 10px; width:718px; height:26px; line-height:26px; }
.no_side #page_headline { font-size:12px; background:url(img/common/headline_base3.gif) no-repeat left top; margin:0 0 12px 0; padding:0 0 0 10px; width:1040px; height:26px; line-height:26px; }
.no_side2 #page_headline { font-size:12px; background:url(img/common/headline_base4.gif) no-repeat left top; margin:0 0 12px 0; padding:0 0 0 10px; width:740px; height:26px; line-height:26px; }
#page_edit { margin:0 0 30px 0; }


/* contact page */
.wpcf7 { background:#fafafa; border:1px solid #ddd; padding:20px; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
.wpcf7 p { padding:20px 20px 0; margin:0; font-size:11px; }
.wpcf7 input, .wpcf7 textarea { width:97.5%;  border:1px solid #ccc; padding:8px; font-size:14px; }
.wpcf7 textarea { height:300px; }
.wpcf7 input.wpcf7-submit { cursor:pointer; color:#fff; font-weight:bold; font-size:14px; width:200px; height:40px; margin:0 auto; display:block; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.wpcf7 input.wpcf7-submit:hover { }
.wpcf7 input:focus, .wpcf7 textarea:focus { }
.wpcf7-captchac { border:1px solid #ccc; }
.wpcf7-radio input, .wpcf7-checkbox input { width:auto; border:none; padding:0; }
.wpcf7-radio span, .wpcf7-checkbox span { margin:0 20px 0 0; display:inline-block; }
span.wpcf7-list-item-label { top:-2px; position:relative; display:inline-block; }




/* ----------------------------------------------------------------------
 Archive, Search result page
---------------------------------------------------------------------- */
#archive_headline h2 { font-size:12px; background:url(img/common/headline_base1.gif) no-repeat left top; margin:0 0 12px 0; padding:0 0 0 10px; width:718px; height:26px; line-height:26px; }

/* archive post list */
#blog_list li { background:url(img/common/dot1.gif) repeat-x left bottom; margin:0 0 14px 0; padding:0 0 11px 0; }
#blog_list .info { width:470px; float:right; }
#blog_list .title { font-size:17px; line-height:140%; margin:0 0 12px 0; }
#blog_list .title a { color:#333; text-decoration:none; display:block; }
#blog_list .title a:hover { text-decoration:underline; }
#blog_list .desc { line-height:160%; margin:0 0 17px 0; font-size:11px; }
#blog_list .meta { margin:0; }
#blog_list .meta li { background:none; margin:0 10px 0 0; padding:0 10px 0 0; font-size:10px; float:left; display:inline; border-right:1px solid #aaa; line-height:120%; }
#blog_list .meta li.post_author { padding:0 10px 0 15px; background:url(img/common/icon_author.gif) no-repeat left; }
#blog_list .meta li.post_category { padding:0 10px 0 15px; background:url(img/common/icon_category.gif) no-repeat left; }
#blog_list .meta li.post_comment { border:none; margin:0; padding:0 0 0 15px; background:url(img/common/icon_comment.gif) no-repeat left; }
#blog_list .image img { border:1px solid #ccc; padding:1px; }
#blog_list .image:hover img { }

/* page navi */
.page_navi { margin:0 0 20px 0; padding:0; }
.search_result_pager .page_navi { margin-top:20px; }
.page_navi h4 { font-size:10px; font-weight:normal; margin:0 0 10px 0; color:#888; }
.page_navi ul { }
.page_navi li { float:left; }
.page_navi a, .page_navi a:hover, .page_navi span
 { text-decoration:none; color:#666; font-size:11px; padding:13px 15px; line-height:100%; margin:0 2px 4px; background:#efefef; display:block; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.page_navi a:hover { color:#fff; text-decoration:none; }
.page_navi span.dots { background:#fff; }

.page_navi span.current { color:#fff; background:#c1c1c1; }
.page_navi a.prev, .page_navi a:hover.prev, .page_navi a:visited.prev {  }
.page_navi a.next, .page_navi a:hover.next, .page_navi a:visited.next {  }

.page_navi p.back a, .page_navi p.back a:hover { display:inline-block; padding:8px 20px; }




/* ----------------------------------------------------------------------
 Side contents
---------------------------------------------------------------------- */
#side_col .side_widget { margin:0 0 26px 0; }
#side_col .side_widget .textwidget { font-size:12px; line-height:20px; }
#side_col .side_headline { font-size:12px; background:url(img/side/headline_base.gif) no-repeat left top; margin:0 0 12px 0; padding:0 0 0 10px; width:290px; height:26px; line-height:27px; }
#side_col li { line-height:170%; margin:0 0 15px 0; font-size:11px; background:url(img/common/arrow3.gif) no-repeat left 4px; padding:0 0 0 14px; }
#side_col li ul { margin:15px 0 0 0; }
#side_col a { color:#666; }

/* recommend */
#side_col .recommend_widget li { background:url(img/common/dot1.gif) repeat-x left bottom; margin:0 0 8px 0; padding:0 0 8px 0; }
#side_col .recommend_widget a { color:#333; display:block; }
#side_col .recommend_widget a:hover { }
#side_col .recommend_widget .info { width:220px; margin:10px 0 0 0; float:right; }
#side_col .recommend_widget .date { font-size:10px; font-weight:bold; margin:0 0 5px 0; line-height:100%; }
#side_col .recommend_widget .title { font-size:12px; }
#side_col .recommend_widget .image img { border:1px solid #ccc; padding:1px; }
#side_col .recommend_widget .image:hover img { }
#side_col .recommend_widget li.last { background:none; margin:0; padding:0; }

/* calendar */
#wp-calendar { margin:0 auto; width:100%; font-size:11px; border-collapse:separate; table-layout:fixed; }
#wp-calendar th, #wp-calendar td { color:#333; padding:0; line-height:350%; text-align:center; }
#wp-calendar td a { display:block; margin:0; padding:0; text-decoration:none; color:#333; background:#efefef; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#wp-calendar td a:hover { text-decoration:none; color:#fff;}
#wp-calendar caption { padding:7px 0; }
#wp-calendar thead th, #wp-calendar tfoot td { border:none; padding:0; line-height:200%; }
#wp-calendar #prev, #wp-calendar #next { line-height:200%; }
#wp-calendar #prev a, #wp-calendar #next a { text-decoration:none; background:none; color:#333; }
#wp-calendar #prev a:hover, #wp-calendar #next a:hover { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color:#fff; }
#wp-calendar td#today { color:#fff; background:#c1c1c1; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#footer #wp-calendar { margin-bottom:20px; }
#footer #wp-calendar td a { background:#eaeaea; }

/* ad */
.ad_widget { text-align:center; }




/* ----------------------------------------------------------------------
 index page
---------------------------------------------------------------------- */
#index_contents { float:right; width:728px; }
#index_left_col { float:left; width:586px; }
#index_right_col { float:right; width:120px; }

.index_headline1 { font-size:12px; background:url(img/index/headline_base.gif) no-repeat left top; margin:0 0 12px 0; padding:0 0 0 10px; width:576px; height:26px; line-height:27px; }
.index_headline2 { font-size:12px; background:url(img/index/headline_base2.gif) no-repeat left top; margin:0 0 12px 0; padding:0 0 0 10px; width:110px; height:26px; line-height:27px; }


/* slider */
#showcase { margin:0 0 31px 0; overflow:hidden; width:728px; height:249px; }
.showcase-content-wrapper { width:521px; }
.showcase-content img { display:block; border:1px solid #ccc; padding:2px; }
.showcase-thumbnail { display:block; border:1px solid #ccc; padding:2px; margin:0 0 3px 3px; height:54px; width:198px; }
.showcase-thumbnail img { opacity:0.5; cursor:pointer; }
.showcase-content a:hover img, #showcase .active { }
#showcase .showcase-thumbnail:hover, #showcase .active img { opacity:1; }
.clear { clear:both; display:block; overflow:hidden; visibility: hidden; width:0; height:0; float:none; }


/* Topics */
#index_pickup_area { margin:0 0 23px 0; }

/* Banner */
.pickup_banner { width:285px; float:left; }
#pickup_banner2 { width:auto; float:none; }
.pickup_banner ul, .pickup_banner li { margin:0; }
.pickup_banner li a img { display:block; border:1px solid #ccc; padding:1px; margin:0 0 10px 0; }
#pickup_banner2 ul { position:relative; margin:0 -20px 0 0; }
#pickup_banner2 li { float:left; display:inline; margin:0 19px 0 0; }

/* Pickup Article */
.pickup_post { width:285px; float:right; }
#pickup_post2 { width:auto; float:none; }
.pickup_post h4 { font-size:14px; background:url(img/footer/headline_base1.gif) repeat-x left bottom; margin:0 0 12px 0; padding:0 0 0 0px; height:31px; line-height:21px; }
.pickup_post h4 span { padding:0 0 0 10px; }
.pickup_post ol { list-style:none; margin:0; font-size:12px; }
.pickup_post li { background:url(img/common/dot1.gif) repeat-x left bottom; margin:0 0 7px 0; padding:0 0 7px 0; }
.pickup_post li a { padding:0 0 0 80px; display:block; color:#333; }
.pickup_post li a:hover { }
.pickup_post li.rank1 a { background:url(img/index/rank1.gif) no-repeat left; }
.pickup_post li.rank2 a { background:url(img/index/rank2.gif) no-repeat left; }
.pickup_post li.rank3 a { background:url(img/index/rank3.gif) no-repeat left; }


/* post list */
#index_latest_blog #post1 li { background:url(img/common/dot1.gif) repeat-x left bottom; margin:0 0 14px 0; padding:0 0 11px 0; }
#index_latest_blog #post1 .info { width:340px; float:right; }
#index_latest_blog #post1 .title { font-size:17px; line-height:140%; margin:0 0 12px 0; }
#index_latest_blog #post1 .title a { color:#333; text-decoration:none; display:block; }
#index_latest_blog #post1 .title a:hover { text-decoration:underline; }
#index_latest_blog #post1 .desc { line-height:160%; margin:0 0 17px 0; font-size:11px; }
#index_latest_blog #post1 .meta { margin:0; }
#index_latest_blog #post1 .meta li { background:none; margin:0 10px 0 0; padding:0 10px 0 0; font-size:10px; float:left; display:inline; border-right:1px solid #aaa; line-height:120%; }
#index_latest_blog #post1 .meta li.post_category { padding:0 10px 0 15px; background:url(img/common/icon_category.gif) no-repeat left; }
#index_latest_blog #post1 .meta li.post_comment { border:none; margin:0; padding:0 0 0 15px; background:url(img/common/icon_comment.gif) no-repeat left; }
#index_latest_blog #post1 .image img { border:1px solid #ccc; padding:1px; }
#index_latest_blog #post1 .image:hover img {  }

#index_latest_blog #post2 li { background:url(img/common/dot1.gif) repeat-x left bottom; margin:0 0 14px 0; padding:0 0 11px 0; width:50%; float:left; }
#index_latest_blog #post2 .info { width:195px; float:left; margin:0 0 0 10px; }
#index_latest_blog #post2 .date { font-size:10px; margin:5px 0 5px 0; line-height:100%; }
#index_latest_blog #post2 .title { font-size:11px; line-height:140%; margin:0; }
#index_latest_blog #post2 .title a { color:#333; text-decoration:none; display:block; }
#index_latest_blog #post2 .title a:hover { text-decoration:underline; color:#0066cc; }
#index_latest_blog #post2 .image img { float:left; border:1px solid #ccc; padding:1px; }
#index_latest_blog #post2 .image:hover img { border:1px solid #18c2ec; }
#index_latest_blog #post2 li.even .info { float:right; margin:0; }
#index_latest_blog #post2 li.even .image img { margin:0 0 0 20px; }

#archive_button a {
   color:#fff; font-size:11px; padding:0px 40px 0px; height:28px; line-height:29px; top:-12px; position:relative; display:inline-block; text-decoration:none; 
   -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; 
}
#archive_button a:hover {  }


/* right contents */
#index_right_col #index_right_banner { margin:0 0 25px 0; display:block; }
#index_right_col .headline1 { margin:0 0 10px 0; }
#index_right_col #index_archive li { background:url(img/common/dot1.gif) repeat-x left bottom; margin:0 0 8px 0; padding:0 0 8px 0; font-size:12px; }
#index_right_col #index_archive li a { background:url(img/index/arrow1.gif) no-repeat left 3px; padding:0 0 0 14px; display:block; color:#333; text-decoration:none; }
#index_right_col #index_archive li a:hover { text-decoration:underline; }
#index_right_col #index_archive li.last { background:none; margin:0; padding:0; }




/* ----------------------------------------------------------------------
 header
---------------------------------------------------------------------- */
#header { width:1050px; min-height:93px; margin:0 auto; z-index:30; position:relative; }

/* logo */
#logo_area { position:relative; float:left; width:500px; height:74px; }
#logo { line-height:120%; position:absolute; font-size:20px; font-weight:normal; margin:0; paddgin:0; top:26px; }
#logo a { text-decoration:none; color:#333; }
#logo a:hover { text-decoration:underline; }

#social_search_area { clear:right; float:right; margin:17px 0 11px 0; }

/* social button */
#social_link { float:right; margin:0 0 0 8px; }
#social_link li { float:left; display:inline; margin:0 -1px 0 0; }
#social_link li.twitter_button a { width:70px; height:25px; display:block; text-indent:-9999px; text-decoration:none; background:url(img/header/twitter.png) no-repeat left top; }
#social_link li.twitter_button a:hover { background:url(img/header/twitter.png) no-repeat left bottom; }
#social_link li.rss_button a { width:70px; height:25px; display:block; text-indent:-9999px; text-decoration:none; background:url(img/header/rss.png) no-repeat left top; }
#social_link li.rss_button a:hover { background:url(img/header/rss.png) no-repeat left bottom; }
#social_link li.facebook_button a { width:70px; height:25px; display:block; text-indent:-9999px; text-decoration:none; background:url(img/header/facebook.png) no-repeat left top; }
#social_link li.facebook_button a:hover { background:url(img/header/facebook.png) no-repeat left bottom; }

/* search area */
#search_area { background:url(img/header/search_input.gif) no-repeat left top; float:right; width:206px; }
#search_input { float:left; font-size:11px; width:105px; margin:0; line-height:100%; border:none; overflow:hidden; background:transparent; color:#999; top:8px; left:10px; position:relative; }
#search_button { float:right; height:25px; color:#fff; font-size:11px; width:87px; }
#search_button:hover { cursor:pointer; }
.search_area2 { margin:9px 0 0 0; }

/* global menu */
#global_menu { clear:both; margin:0; padding:1px 0 0 0; background:url(img/header/global_menu.gif) no-repeat left top; width:1050px; height:38px; z-index:30; }
#global_menu ul ul { display:none; position:absolute; top:36px; left:0px; margin:0 0 0 -1px; padding:0; }
#global_menu ul ul ul { left:100%; top:0; }
#global_menu ul li { font-size:11px; float:left; margin:0; padding:0; position:relative; display:block; background:url(img/header/menu_line1.gif) no-repeat right top; height:36px; line-height:38px; }
#global_menu ul ul li { float:none; height:auto; line-height:24px; padding:0; margin:0; text-align:left; }
#global_menu ul li a { color:#333; display:block; text-decoration:none; text-align:center; height:34px; }
#global_menu ul li a:hover { }
#global_menu ul ul a { position:relative; padding:12px 10px 0px 15px; height:24px; line-height:140%; margin:0 0 -1px 0; text-align:left; background:#fff; border:1px solid #ccc; }
#global_menu ul ul a:hover { border:1px solid #ccc; color:#fff; }
#global_menu ul ul .parent_menu > a, #global_menu ul li.active_menu_first ul .parent_menu > a, #global_menu ul li.active_menu_last ul .parent_menu > a
 { background:#fff url(img/header/arrow1.gif) no-repeat right 17px; }
#global_menu ul ul .parent_menu > a:hover, #global_menu ul li.active_menu_first ul .parent_menu > a:hover, #global_menu ul li.active_menu_last ul .parent_menu > a:hover
 { background:url(img/header/arrow1.gif) no-repeat right 17px; }

/* header menu */
#header_menu { float:right; margin:0; padding:0; background:url(img/header/menu_line1.gif) no-repeat right top; height:22px; }
#header_menu li { float:left; display:inline; margin:0; padding:0; line-height:100%; font-size:10px; width:117px; text-align:center; background:url(img/header/menu_line1.gif) no-repeat left top; }
#header_menu li a { display:block; text-decoration:none; margin:12px 0 0 1px; color:#333; padding:0 0 0 0; border-left:2px solid #fff; height:12px; }
#header_menu li a:hover {  }

/* breadcrumb navi */
#bread_crumb { clear:both; margin:29px 0 0 0; padding:0; width:1050px; height:21px; background:url(img/header/bread_crumb.gif) no-repeat left bottom; }
#bread_crumb h2 { line-height:22px; font-size:10px; margin:0; padding:0; text-align:center; font-weight:normal; color:#666; }
#bread_crumb ul { margin:0 0 0 15px; padding:0; }
#bread_crumb li { line-height:22px; float:left; display:inline; margin:0 12px 0 0; padding:0 15px 0 0; background:url(img/header/bread_crumb_arrow.gif) no-repeat right 8px; font-size:10px; color:#666; }
#bread_crumb li a {color:#666; }
#bread_crumb li a:hover { }
#bread_crumb li.last { background:none; margin:0; padding:0; }




/* ----------------------------------------------------------------------
 footer
---------------------------------------------------------------------- */
#footer { width:1050px; margin:0 auto; border-top:10px solid #f2f2f2; padding:10px 0 0 0; overflow:hidden; }

/* return top */
#return_top { clear:both; display:block; padding:0 0 0 20px; height:16px; line-height:16px; float:right; background:url(img/footer/return_top.gif) no-repeat left top; text-decoration:none; font-size:11px; color:#333; }
#return_top:hover { background-position:left bottom; }

#footer_widget_area { margin:20px -80px 20px 0; position:relative; overflow:hidden;  border-bottom:1px solid #ccc; }
.footer_widget { width:300px; float:left; margin:0 75px 10px 0; font-size:11px; }
.footer_headline { font-size:14px; background:url(img/footer/headline_base1.gif) no-repeat left bottom; margin:0 0 12px 0; padding:0 0 0 0px; width:300px; height:31px; line-height:21px; }
.footer_headline span { padding:0 0 0 10px; }
.footer_widget li { line-height:170%; margin:0 0 10px 0; font-size:11px; background:url(img/common/arrow3.gif) no-repeat left 4px; padding:0 0 0 14px; }
.footer_widget a { color:#666; }

/* copyright */
#copyright { clear:both; padding:0 0 40px; text-align:center; font-size:10px; }
#copyright a { text-decoration:none; color:#333; }
#copyright a:hover { text-decoration:underline; }



/* ---------- clearfix hack ---------- */
.clearfix:after { content: "."; display:block; clear:both; height:0; font-size:0.1em; line-height:0; visibility:hidden; overflow:hidden; }
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height:1% }
.clearfix {display:block;}
/* end MacIE5 */