/*
Theme Name:Info Custom (TCD006)
Theme URI:
Description:WordPress theme Info Custom
Author:Design Plus
Author URI:http://design-plus1.com/tcd-w/
Version:2.3
*/


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

body { margin:0; padding:0; background:url(img/header/background.gif) repeat-x left 113px;
       font-family:"Century Gothic",Arial,sans-serif;
       color:#333; }
a img { border:none; verticle-align:top; }
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:990px; margin:27px auto 0; background:url(img/common/bg_01.png) no-repeat left top; padding:20px 0 0 0; }
#content { background:url(img/common/bg_02.png) repeat-y left top; }
#main_col { float:left; width:590px; margin:0 0 0 40px; }
#side_col { width:300px; float:right; margin:0 40px 0 0; }
.no_side #main_col { float:none; width:910px; }
.layout2 #main_col { float:right; margin:0 40px 0 0; }
.layout2 #side_col { float:left; margin:0 0 0 40px; }
.no_side2 #main_content { width:750px; margin:27px auto 0; background:url(img/common/bg_01_2.png) no-repeat left top; padding:20px 0 0 0; }
.no_side2 #content { background:url(img/common/bg_02_2.png) repeat-y left top; }
.no_side2 #main_col { float:none; width:667px; margin:0 0 0 40px; }



/* headline */
.headline_base1 { font-size:16px; border:1px solid #ccc; line-height:100%; padding:0; margin:0 0 20px 0; }
.headline_base1 span { padding:0 0 0 10px; background:url(img/common/headline_bg.gif) repeat-x left top; margin:0; display:block; height:42px; line-height:44px; }
#page_headline { margin:0 0 -10px 0; }



/* ----------------------------------------------------------------------
 single post page
---------------------------------------------------------------------- */
/* title area */
#single_post { margin:0 0 25px 0; }
#single_post_top { background:#f1f1f1; border-bottom:3px solid #000; }
h2#post_title { color:#fff; font-size:20px; background:#000; margin:0 0 5px 0; padding:20px 20px; }

/* post meta */
#single_post .post_meta { margin:0; }
#single_post .post_meta li a { color:#666; }
#single_post .post_meta li { margin:0; padding:10px 10px; font-size:10px; float:right; display:inline; line-height:120%; }
#single_post .post_meta li.post_author { background:url(img/common/icon_author.png) no-repeat 10px 11px; padding:10px 10px 10px 25px; }
#single_post .post_meta li.post_category { background:url(img/common/icon_category.png) no-repeat 10px 11px; padding:10px 10px 10px 25px; }
#single_post .post_meta li.post_tags { background:url(img/common/icon_tag.png) no-repeat 10px 11px; padding:10px 10px 10px 25px; }
#single_post .post_meta li.post_comment { background:url(img/common/icon_comment.png) no-repeat 9px 11px; padding:10px 10px 10px 25px; }

/* social bookmark */
#bookmark { margin:0; padding:10px 0 10px 0; }
#bookmark li { float:right; display:inline; margin:0 0 0 10px; }
#bookmark li.social3 { margin:0 0 0 -30px; }
#bookmark li.social2 { }

/* post */
.post { padding:30px 0 0; }
.post_image img { max-height:300px; width:auto; display:block; margin:0 auto 25px; }
.post_headline { font-size:13px; background:#f5f5f5; box-shadow:0 0 0 1px #ffffff inset; margin:0 0 25px 0; padding:0 0 0 13px; height:50px; line-height:52px; border-bottom:1px solid #ccc; border-top:1px solid #ccc; }

/* banner */
#single_banner1 { text-align:center; margin:0 0 25px 0; }
#single_banner2 { text-align:center; margin:25px 0 15px 0; }

/* related post */
#related_post { margin:15px 0 20px 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:180px; 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:12px 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 .image img { display:block; border:1px solid #ccc; padding:2px; float:left; }
#related_post ul li.even .meta { float:right; }
#related_post ul li.even .image img { margin:0 0 0 35px; }

/* next prev post link */
#previous_next_post { margin:0; padding:0 0 30px 0; }
#previous_next_post a { color:#333; }
#previous_post a { margin:0; width:42%; float:left; line-height:140%; font-size:10px; background:url(img/common/arrow_left.gif) no-repeat left 2px; padding:7px 0 8px 30px; }
#next_post a { margin:0; width:42%; 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 ----------------------------------------------------------------------------------------- */

.post {  }

/* 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 { margin:0 0 25px 0; }
.page_edit { display:block; margin:15px 0 -25px; padding:0; text-align:right; }
.page_edit a { color:#333; font-size:11px; }
#page .post { margin-bottom:25px; }


/* 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_post_list .post_list li { width:293px; float:left; border-right:1px dotted #ccc; border-bottom:1px dotted #ccc; margin:0; padding:15px 0 15px 0; }
#archive_post_list .post_list li li { width:auto; border:none; font-size:10px; margin:0 10px 0 0; }
#archive_post_list .post_list a { color:#333; }
#archive_post_list .post_list .image img { border:1px solid #ccc; padding:1px; float:left; margin:0 12px 10px 0; }
#archive_post_list .post_list .post_info { float:left; width:160px; }
#archive_post_list .post_list .title { margin:0; font-size:12px; }
#archive_post_list .post_list .desc { clear:both; line-height:150%; font-size:11px; margin:0 0 10px 0; width:270px; }
#archive_post_list .post_list .meta { margin:0 12px 10px 0; }
#archive_post_list .post_list .meta li.post_author { padding:0 10px 2px 15px; background:url(img/common/icon_author.png) no-repeat left; }
#archive_post_list .post_list .meta li.post_category { padding:0 10px 2px 15px; background:url(img/common/icon_category.png) no-repeat left; }
#archive_post_list .post_list .meta li.post_comment { border:none; margin:0; padding:0 0 2px 15px; background:url(img/common/icon_comment.png) no-repeat left; }
#archive_post_list .post_list .meta li.post_edit { border-left:1px solid #aaa; margin:0 0 0 10px; padding:0 0 0 10px; border-right:none; }
#archive_post_list .post_list .link { background:url(img/common/arrow3.png) no-repeat left 4px; padding:0 0 0 16px; }
#archive_post_list .post_list li.even { background:#f9f9f9; border-right:none; }
#archive_post_list .post_list li.even .image img { margin:0 12px 10px 12px; }
#archive_post_list .post_list li.even .desc { margin:0 0 10px 12px; }
#archive_post_list .post_list li.even .meta { margin:0 12px 10px 12px; }
#archive_post_list .post_list li.even .link { margin:0 0 0 12px; }


/* page navi */
.page_navi { margin:30px 0; padding:0; }
.page_navi h4 { font-size:10px; font-weight:normal; margin:0 0 5px 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; }




/* ----------------------------------------------------------------------
 Widget setting
---------------------------------------------------------------------- */
.widget { margin:0 0 15px 0; font-size:11px; clear:both; }
.widget_headline { font-size:13px; border:1px solid #ccc; line-height:100%; margin:0 0 15px 0; padding:0; }
.widget_headline span { padding:0 0 0 10px; background:url(img/side/headline.gif) repeat-x left top; margin:0; display:block; height:30px; line-height:30px; }
.widget { }
.widget ul { margin:0; }
.widget li ul { margin:15px 0 0 0; }
.widget li { line-height:170%; margin:0 0 15px 0; font-size:11px; background:url(img/common/arrow3.png) no-repeat left 4px; padding:0 0 0 16px; }
.widget li.last { margin:0; }
.widget a { color:#666; }

/* adsense */
.ad_widget { border:none; text-align:center; }
#side_col .ad_widget img { max-width:250px; height:auto; margin:0 auto; }
#index_right_col .ad_widget img { max-width:200px; height:auto; margin:0 auto; }
#side_col .banner { margin:0 0 20px 0; }

/* twitter */
.twitter_widget { border:none; }

/* recommend */
.recommend_widget li { background:url(img/common/dot1.gif) repeat-x left bottom; margin:0 0 8px 0; padding:0 0 8px 0; }
.recommend_widget a { display:block; }
.recommend_widget .info { margin:0 0 0 78px; }
.recommend_widget .date { font-size:10px; color:#999; margin:0 0 5px 0; line-height:140%; }
.recommend_widget .title { font-size:11px; line-height:160%; }
.recommend_widget .image { float:left; display:block; }
.recommend_widget .image img { border:1px solid #ccc; padding:1px; }
.recommend_widget .image:hover img { }
.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 td a { background:#dedede; }
#side_col #wp-calendar th, #side_col #wp-calendar td { line-height:340%; }

/* notice report */
.pickup li { background:none; padding:0; margin:0 0 20px 0; border-bottom:1px dotted #ccc; padding:0 0 15px 0; }
.pickup .image img { float:left; border:1px solid #ccc; padding:1px; margin:0 20px 10px 0; }
.pickup .title { font-size:16px; margin:0 0 10px 0; line-height:150%; padding:0; }
.pickup .title a { color:#333; }
.pickup .date { font-size:12px; margin:0 0 10px 0; line-height:150%; padding:0; color:#999; }
.pickup .desc { margin:0; line-height:150%; }

/* mailmag */
.widget_tcd_mailmag img { display:block; border:1px solid #ccc; padding:1px; margin:0 auto; }

/* Sponsored links */
.pickup4 { float:left; text-align:center; margin:0 12px 0 0; }

/* category news */
.widget_tcd_category_news li { background:url(img/common/dot1.gif) repeat-x left bottom; margin:0 0 8px 0; padding:0 0 8px 0; }
.widget_tcd_category_news a { display:block; }
.widget_tcd_category_news .info { margin:0 0 0 78px; }
.widget_tcd_category_news .date { font-size:10px; color:#999; margin:0 0 5px 0; line-height:140%; }
.widget_tcd_category_news .title { font-size:11px; line-height:160%; }
.widget_tcd_category_news .image { float:left; display:block; }
.widget_tcd_category_news .image img { border:1px solid #ccc; padding:1px; }
.widget_tcd_category_news .image:hover img { }
.widget_tcd_category_news li.last { background:none; margin:0; padding:0; }




/* ----------------------------------------------------------------------
 index page
---------------------------------------------------------------------- */
#index_recent_post ul { margin:0; }
#index_recent_post li { float:left; width:50%; height:120px; margin:0 0 16px 0; position:relative; border-bottom:1px dotted #ccc; }
#index_recent_post .image img { float:left; border:1px solid #ccc; padding:1px; margin:0 12px 0 0; }
#index_recent_post .image:hover img { }
#index_recent_post .title { width:160px; margin:0 0 10px 0; float:left; line-height:190%; font-size:12px; }
#index_recent_post .title a { color:#333; }
#index_recent_post .date { margin:0; position:absolute; right:20px; top:85px; }
#index_recent_post li.even .image img { margin:0 12px 0 10px; }
#index_recent_post li.even .date { right:0px; }

#archive_button a, .cat-list a {
   float:right; margin:0 0 25px 0; color:#fff; font-size:11px; padding:0px 40px 0px; height:28px; line-height:29px; 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, .cat-list a:hover { color:#fff; }




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

/* logo */
#logo_area { position:relative; float:left; width:700px; height:113px; }
#logo { line-height:120%; float:left; font-size:30px; font-weight:normal; margin:37px 0 0 0; paddgin:0; }
#logo a { text-decoration:none; }
#logo a:hover { text-decoration:underline; }
#site_desc { font-size:11px; font-weight:normal; border-left:1px solid #eee; float:left; line-height:160%; padding:25px 0 25px 22px; margin:25px 0 0 23px; color:#999; }

/* search area */
.search_area { width:250px; height:20px; position:absolute; top:23px; right:0px; }
#search_area2 { top:47px; right:0px; }
#search_input { float:left; font-size:11px; width:220px; margin:0 0 0 0; padding:3px; line-height:100%; overflow:hidden; border:1px solid #ccc; background:transparent; color:#999; }
#search_button { float:right; margin:3px 0 0 0; }

/* social button */
.social_link { position:absolute; right:0px; top:50px; }
.social_link li { float:left; line-height:100%; }
.social_link li a img { display:block; }
.social_link li a:hover img { opacity:0.5; }

/* global menu */
#global_menu { width:944px; height:57px; z-index:30; position:absolute; bottom:0; left:0px; border-left:1px solid #ddd;  }
#global_menu ul ul { display:none; position:absolute; top:57px; left:0px; margin:0 0 0 -1px; padding:0; }
#global_menu ul ul ul { left:100%; top:0; }
#global_menu ul li { font-size:12px; font-weight:bold; float:left; margin:0; padding:0; position:relative; display:block; }
#global_menu ul ul li { float:none; height:auto; line-height:26px; padding:0; margin:0; text-align:left; }
#global_menu ul li a { color:#333; text-shadow: 1px 1px 0px #fff; display:block; text-decoration:none; text-align:center; border-right:1px solid #ddd; height:44px; padding:13px 0 0 0; }
#global_menu ul li a strong { display:block; color:#333; }
#global_menu ul li a span { display:block; font-size:9px; color:#888; }
#global_menu ul li a:hover { color:#333; text-shadow:none; background:url(img/header/menu_hover.gif) repeat-x left top; }
#global_menu ul ul a { position:relative; padding:11px 10px 0px 32px; height:26px; line-height:140%; margin:0 0 -1px 0; text-align:left; background:#fff url(img/common/arrow3.png) no-repeat 14px 14px; border:1px solid #ccc; }
#global_menu ul ul a:hover { border:1px solid #ccc; color:#fff; background:#444 url(img/common/arrow3.png) no-repeat 14px 14px; }
#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
 { }
#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
 { }

#top_line1 { height:0px; line-height:0px; padding:0; margin:0; position:absolute; top:0px; left:0px; width:100%; min-width:1040px; }
#top_line2 { height:0px; line-height:0px; padding:0; margin:0; position:absolute; top:171px; left:0px; width:100%; min-width:1040px; }

/* ----------------------------------------------------------------------
 slider
---------------------------------------------------------------------- */
#slider_area { height:280px; width:100%; min-width:1040px; }
.slides, .flex-control-nav, .flex-direction-nav { margin:0; padding:0; list-style:none; }
.flexslider { width:945px; height:280px; margin:0 auto; position:relative; }
.flexslider .slides > li { display:none; -webkit-backface-visibility:hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides {  height:280px; width:945px; position:absolute; top:0px; left:0px; }
.flexslider .slides li { height:280px; }
.flexslider .post_info { float:right; display:inline; position:relative; width:500px; height:280px; }
.flexslider .title { font-size:26px; line-height:150%; margin:20px 0 15px 0; }
.flexslider .title a { color:#fff; display:block; text-decoration:none; }
.flexslider .title a:hover { }
.flexslider .date { font-size:14px; color:#fff; margin:0 0 15px 0; line-height:100%; display:block; }
.flexslider .desc { font-size:12px; color:#fff; line-height:180%; }
.flexslider .link { color:#ccc; position:absolute; bottom:20px; right:0px; height:19px; line-height:19px; background:url(img/index/slider_read_more.png) no-repeat right bottom; text-decoration:none; padding:0 24px 0 0; }
.flexslider .link:hover { background-position:right top; color:#fff; }
.flexslider .image { float:left; display:block; margin:18px 0 0 -4px; }
.flexslider .image img { width:400px; height:240px; padding:2px; }
.flexslider .image:hover img { }

.flex-direction-nav { height:0; }
.flex-direction-nav li a { width:21px; height:32px; display:block; text-indent:-9999px; }
.flex-direction-nav li .next { background:url(img/index/slider_next.png) no-repeat left bottom; position:absolute; right:-50px; top:133px; }
.flex-direction-nav li .prev { background:url(img/index/slider_prev.png) no-repeat left bottom; position:absolute; left:-50px; top:133px; }
.flex-direction-nav li a:hover { background-position:left top; }

.flex-control-nav { display:none; position:absolute; bottom:6px; text-align:center; width:980px; margin:0; padding:0; }
.flex-control-nav li { display:inline; margin:0 3px; line-height:100%; }
.flex-control-nav li a { display:inline-block; width:6px; height:6px; text-indent:-9999px; background:url(img/index/circle.gif) no-repeat left top; cursor:pointer; }
.flex-control-nav li a:hover { background-position:left bottom; }
.flex-control-nav li a.active { background-position:left bottom; }

.flexslider .no_recommend { display:block; text-align:center; position:absolute; top:125px; width:940px; color:#fff; font-size:18px; }

/* breadcrumb navi */
#bread_crumb { margin:14px auto -19px; position:relative; width:944px; height:21px; position:relative; }
#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/common/arrow1.gif) no-repeat right 8px; font-size:10px; color:#888; }
#bread_crumb li a {color:#888; }
#bread_crumb li a:hover { }
#bread_crumb li.last { background:none; margin:0; padding:0; }




/* ----------------------------------------------------------------------
 footer
---------------------------------------------------------------------- */
#footer_wrap { clear:both; width:990px; padding:30px 0 0 0; margin:0 auto; background:url(img/common/bg_02.png) repeat-y left top; }
#footer { width:990px; background:url(img/common/bg_03.gif) no-repeat left bottom; }
.no_side2 #footer_wrap { width:750px; padding:30px 0 0 0; margin:0 auto; background:url(img/common/bg_02_2.png) repeat-y left top; }
.no_side2 #footer { width:750px; background:url(img/common/bg_03_2.gif) no-repeat left bottom; }


/* return top */
#return_top { position:fixed; right:10px; bottom:10px; }
#return_top img { opacity:0.6; display:block; }
#return_top:hover img { opacity:1; }

/* widget area */
#footer_widget_area1 { float:right; margin:0 40px 0 0; }
.footer_widget { width:200px; float:left; margin:0; font-size:11px; }
#footer .first_widget { margin-right:20px; }
#footer .second_widget { margin-right:20px;}
#footer .third_widget { }
.footer_headline { font-size:13px; border:1px solid #ccc; line-height:100%; margin:0 0 15px 0; padding:0; }
.footer_headline span { padding:0 0 0 10px; background:url(img/side/headline.gif) repeat-x left top; margin:0; display:block; height:30px; line-height:30px; }
.footer_widget ul { margin:0; }
.footer_widget li ul { margin:15px 0 0 0; }
.footer_widget li { line-height:170%; margin:0 0 15px 0; font-size:11px; background:url(img/common/arrow3.png) no-repeat left 4px; padding:0 0 0 16px; }
.footer_widget a { color:#666; }
#footer_widget_area2 { float:left; margin:0 0 0 40px; }
#footer_widget_area2 .footer_widget { width:250px; margin:0; font-size:11px; }


/* copyright */
#copyright { clear:both; text-align:center; font-size:12px; margin:0 0 30px 0; padding:10px 0 0 0; line-height:50px; }
#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 */