@charset "utf-8";

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

body { -webkit-text-size-adjust:100%; width:100%; position:relative; 
       margin:0; padding:0; background:#fff;
       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 1.5em 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 */
#contents { background:#fafafa; padding:20px 0 10px; }
#main_content { margin:0 10px 50px 10px; position:relative; background:#fff; border:1px solid #ccc; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; box-shadow:0px 0px 3px 0px #eee; }

/* headline */
.headline1 { margin:0; font-size:14px; padding:20px 15px 15px; border-bottom:1px solid #ddd; }
.headline2 { border-bottom:1px solid #ddd; margin:0 0 15px 0; padding:5px 10px; font-size:14px; }
.page_headline { border-bottom:1px solid #ddd; margin:0 0 15px 0; padding:23px 15px 18px; font-size:18px; }



/* ----------------------------------------------------------------------
 single post page
---------------------------------------------------------------------- */

/* index main image */
#main_image { display:none; }
#index_free_space1 { margin:0px 10px; font-size:14px; }
#index_free_space2 { clear:both; margin:0 10px; padding:10px 0 0 0; font-size:14px; }



/* ----------------------------------------------------------------------
 single post page
---------------------------------------------------------------------- */

/* title area */
#post_header { border-bottom:1px solid #ddd; padding:10px 10px 15px; position:relative; }
#post_header .title { margin:0; padding:0 0 0 55px; line-height:160%; font-size:18px; min-height:55px; }
#post_header .title a { text-decoration:none; color:#333; display:block; }
#post_header .title a:hover { text-decoration:underline; }
#post_header .short_title {  }
#post_header .post_date { font-size:11px; position:absolute; top:17px; left:10px; margin:0; display:block; text-align:center; color:#fff; width:47px; height:47px; line-height:47px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.no_date #post_header .title { padding:0; min-height:0; }


/* no date and three column ver */
.no_date #post_header .title { width:100%; float:none; margin:0; }


/* meta top */
#post_meta_top { padding:10px 10px 15px; font-size:11px; }
#post_meta_top ul { margin:0 0 5px 0; }
#post_meta_top li { float:left; margin:0 15px 5px 0; }
#post_meta_top p.post_time { margin:0; line-height:100%; background:url(img/common/icon_date.gif) no-repeat left; padding:2px 0 2px 18px;}
.page_edit { display:block; padding:0 25px; margin:-7px 0 0; text-align:right; font-size:11px; }


/* post */
.post { padding:0 10px; margin:0; }
.post_image { text-align:center; margin:0 0 15px 0; }

/* meta bottom */
#post_meta_bottom { margin:0 10px 25px; padding:20px 0 10px; font-size:11px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; }
#post_meta_bottom .meta1 { margin:0; }
#post_meta_bottom .meta2 { margin:0 0 10px 0; }
#post_meta_bottom ul li { margin:0 15px 10px 0; float:left; }
#post_meta_bottom .bookmark { margin:0; }
#post_meta_bottom .bookmark li { display:inline; vertical-align:top; margin:0 5px 10px 0; min-height:70px; }


/* bookmark */
.post .bookmark { margin:0 0 5px 0; }
.post .bookmark li { background:none; padding:0; float:left; margin:0 5px 5px 0; }


/* free space */
#single_free_space1 { margin:0 0 25px 0; }
#single_free_space2 { margin:25px 0; }
#single_free_space1 img, #single_free_space2 img { display:block; margin:0 auto; }


/* related post*/
#related_post { margin:0 0 15px 0; }
#related_post ol { margin:0 10px; }
#related_post li { margin:0 0 10px 0; border-bottom:1px dotted #ccc; }
#related_post li:last-child { border:none; margin:0; }
#related_post .image { float:left; margin:0 10px 0 0; display:block; }
#related_post .image img { width:58px; height:58px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
#related_post .meta { }
#related_post .date { margin:0 0 5px 0; padding:0px; font-size:11px; line-height:100%; }
#related_post .title { font-size:12px; margin:0; }
#related_post .title a { color:#333; display:block; }
.no_thumbnail #related_post .meta { float:none; width:100%; }


/* comment */
#comments { margin:0 10px 40px; font-size:12px; }
#comment_header li a, #comment_header li p { font-size:10px; }
#trackback_url_area input { width:94%; border:none; padding:5px 3%; }
.comment { padding:15px 15px 35px; position:relative; }
.no-comment-content p { margin-bottom:-20px; }
.comment-meta-left { width:90%; float:none; }
.comment-meta { position:static; }
.comment-act { position:absolute; right:20px; bottom:15px; }
.comment-content { padding:0; }
#submit_comment { -webkit-appearance:none; }


/* post bottom */
#post_bottom { border-top:1px solid #ddd; }

/* next prev post link */
.prev_post, .next_post { font-size:11px; line-height:160%; display:block;  }
.prev_post { margin:0; }
.next_post { margin:0; }
.prev_post a, .next_post a { display:block; text-decoration:none; color:#333; padding:20px 0px 20px 10px; margin:0 15px; }
.prev_post a { background:url(img/common/arrow4.gif) no-repeat 0px 27px; }
.next_post a { background:url(img/common/arrow3.gif) no-repeat 0px 27px; border-top:1px dotted #ddd; }
.prev_post a:hover, .next_post a:hover { text-decoration:underline; color:#333; }


/* --- 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; }


/* block quote */
.post blockquote { margin:0 0 1em 0; padding:50px 20px 30px; background:#fafafa; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:relative; }
.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; }




/* ----------------------------------------------------------------------
 side navigation
---------------------------------------------------------------------- */

#outer_wrap { position:relative; overflow:hidden; width:100%; }
.inner_wrap { position:relative; width:100%; right:0; }
.open .inner_wrap { right:70%; }
#nav_wrap { position:absolute; overflow:hidden; right:-70%; height:100%; width:70%; background:#333333; }

.csstransitions .open .inner_wrap {
    right:0;
    -webkit-transform: translate3d(-70%, 0, 0);
    -moz-transform: translate3d(-70%, 0, 0);
    -ms-transform: translate3d(-70%, 0, 0);
    -o-transform: translate3d(-70%, 0, 0);
    transform: translate3d(-70%, 0, 0);
    -webkit-transition: -webkit-transform 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); ;
    -moz-transition: -moz-transform 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); ;
    -o-transition: -o-transform 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); ;
    transition: transform 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); ;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.csstransitions .inner_wrap {
    right:0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); ;
    -moz-transition: -moz-transform 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); ;
    -o-transition: -o-transform 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); ;
    transition: transform 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); ;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}


#nav { color:#fff; font-size:12px; height:100%; padding:46px 0 0 0; background:url(img/side/nav_background.png) repeat-y left top; }
#nav a { color:#fff; text-decoration:none; }
#nav a:hover { background-color:#444; }

/* home link */
#nav .menu_home { margin:0; display:block; text-decoration:none; line-height:160%; border-top:1px solid #111; }
#nav .menu_home span { border-top:1px solid #444; display:block; padding:12px 10px 12px 21px; background:url(img/common/arrow1.png) no-repeat 10px; }

/* close button */
#nav a.close_button { background:url(img/side/icon_close.png) no-repeat left; padding:15px 0 15px 20px; color:#bbb; display:inline-block; position:absolute; right:10px; top:0px; }
#nav a.close_button:hover { color:#fff; }

/* menu */
#global_menu { border-top:1px solid #111; }
#global_menu ul { margin:0; }
#global_menu ul li { margin:0; line-height:160%; border-top:1px solid #444; }
#global_menu ul li a { display:block; padding:12px 10px 12px 21px; border-bottom:1px solid #111; background:url(img/common/arrow1.png) no-repeat 10px; }
#global_menu ul ul li a { padding:12px 10px 12px 36px; background:url(img/common/arrow1.png) no-repeat 25px; }
#global_menu ul ul ul li a { padding:12px 10px 12px 46px; background:url(img/common/arrow1.png) no-repeat 35px; }
#global_menu ul ul ul ul li a { padding:12px 10px 12px 56px; background:url(img/common/arrow1.png) no-repeat 45px; }


/* search */
#nav .menu_search { display:none; }
#nav .search_area { border-top:1px solid #444; padding:15px 10px; }
#nav #search_input {
   border:none; background:#666; width:60%; height:14px; float:left; margin:0; padding:12px 5% 10px; font-size:12px; color:#fff;
   box-shadow:1px 1px 2px rgba(0,0,0,0.5) inset;
   -moz-border-radius:4px 0 0 4px; -khtml-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px;
}
#nav #search_button {
   border:none; color:#fff; width:68px; font-size:12px; text-align:center; -webkit-appearance:none;
   height:36px; width:30%; float:left; margin:0; padding:0;  display:block; cursor:pointer; background:#111;
   -moz-border-radius:0 4px 4px 0; -khtml-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0;
}


/* bread crumb */
#bread_crumb { display:none; }



/* ----------------------------------------------------------------------
 header
---------------------------------------------------------------------- */

#header { border-bottom:1px solid #ccc; position:relative; width:100%; padding:7px 0; min-height:32px; margin:0; background:#f2f2f2; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05), inset 0 -1px 0px 0px #fff; }

/* logo */
#logo_text_area #logo_text, #logo_image { margin:8px 0 6px 10px; line-height:120%; float:left; font-size:16px; width:50%; font-weight:normal; }
#logo_text_area a, #logo_image a { color:#333; text-decoration:none; display:block; }
#logo_text_area a:hover, #logo_image a:hover { text-decoration:underline; }

#logo_image img { display:none; }
#logo_image a:before { content:attr(data-label); }


/* description */
#site_description { display:none; }


/* social link */
#social_link { position:absolute; top:14px; right:45px; }
#social_link li { float:left; margin:0 0 0 5px; }
#social_link li a { display:block; width:20px; height:20px; text-decoration:none; text-indent:100%; white-space:nowrap; overflow:hidden; }
#social_link li.rss a { background:url(img/header/icon_rss.gif) no-repeat left top; }
#social_link li.twitter a { background:url(img/header/icon_twitter.gif) no-repeat left top; }
#social_link li.facebook a { background:url(img/header/icon_facebook.gif) no-repeat left top; }
#social_link li a:hover { background-position:left bottom; }


/* global menu */
#header a.menu_button { display:block; position:absolute; right:10px; top:14px; margin:0; display:block; width:24px; height:20px; background:url(img/header/menu_button.png) no-repeat left top; text-decoration:none; text-indent:100%; white-space:nowrap; overflow:hidden; }
#header a.menu_button:hover { opacity:0.5; }
#header a.active { background-position:left bottom; }



/* ----------------------------------------------------------------------
 post list
---------------------------------------------------------------------- */

#post_list { list-style-type:none; margin:0 0 -1px 0; padding:0; }
#post_list li { margin:0; padding:15px 10px 10px; border-bottom:1px solid #ddd; }
#post_list ul { margin:0; }
#post_list li li { border:none; float:left; margin:0 20px 7px 0; padding:0; font-size:11px; }
#post_list .image { float:left; margin:0 4% 0 0; display:block; width:20%; }
#post_list .image img { height:auto; max-width:100%; width:auto; }
#post_list .info { float:left; width:75%; }
#post_list .title_area { margin:0 0 10px 0;}
#post_list .title { margin:-4px 0 10px 0; line-height:190%; background:url(img/common/dot1.gif) repeat-x left bottom; padding:0 0 10px 0; }
#post_list .title a { font-size:18px; text-decoration:none; color:#333; display:block; }
#post_list .title a:hover { text-decoration:underline; }
#post_list .post_date { font-size:11px; display:inline^block; margin:-8px 0 0 0; padding:0; background:url(img/common/icon_date.gif) no-repeat left 7px; padding:0 0 0 17px; }
#post_list .desc { line-height:180%; margin:0 0 20px 0; font-size:13px; }
.no_thumbnail #post_list .info { float:none; width:100%; }


/* list icon */
li.post_category { background:url(img/common/icon_category.gif) no-repeat left 2px; padding:0 0 0 17px; }
li.post_tag { background:url(img/common/icon_tag.gif) no-repeat left 2px; padding:0 0 0 17px; }
li.post_comment { background:url(img/common/icon_comment.gif) no-repeat left 2px; padding:0 0 0 17px; }
li.post_author { background:url(img/common/icon_author.gif) no-repeat left 2px; padding:0 0 0 17px; }
li.post_publish { background:url(img/common/icon_date.gif) no-repeat left 2px; padding:0 0 0 17px; }
#post_list li.post_category, #post_list li.post_tag, #post_list li.post_comment { padding:0 0 0 17px; }


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


/* return top */
#back_top { background:#f2f2f2 ; position:absolute; right:0px; bottom:-35px; color:#333; font-size:11px; text-decoration:none; display:block; padding:5px 20px; -moz-border-radius:20px; -khtml-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; }
#back_top:hover { background:#aaa; color:#fff; }

/* archive free space */
#archive_free_space1 { margin:5px 10px 20px 10px; font-size:14px; }
#archive_free_space2 { clear:both; margin:0 10px; padding:10px 0 0 0; font-size:14px; }



/* ----------------------------------------------------------------------
 side content
---------------------------------------------------------------------- */

.side_widget { margin:0 10px 20px 10px; font-size:11px; padding:20px 10px; background:#fff; border:1px solid #ccc; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; box-shadow:0px 0px 3px 0px #eee; }


.side_widget ul { margin:0; }
.side_widget li ul { margin:10px 0 0 0; }
.side_widget li { line-height:170%; margin:0 0 10px 0; padding:0 0 0 9px; background:url(img/common/bullet1.gif) no-repeat left 8px; }
.side_widget a { }
.side_widget img { height:auto; max-width:100%; width:auto; }
.side_headline { color:#666; margin:-20px -10px 20px; line-height:160%; font-size:12px; padding:15px 10px 15px; background:url(img/side/headline_background.gif) repeat-x left bottom; }


/* about site */
#about_site { padding-bottom:10px; }
#about_site_top { background:#fafafa; margin:-23px -10px 15px; padding:10px 10px; border-bottom:1px solid #ddd; border-top:4px solid #f5f5f5; }
#about_site_top p, #about_site_bottom p { margin:0; }
#about_site_bottom .bookmark { margin:0 -10px 0 0; position:relative; }
#about_site_bottom .bookmark li { float:left; margin:0 5px 5px 0; padding:0; background:none; min-height:70px; }
#about_site_bottom .bookmark li.line_button img { width:36px; height:60px; max-width:36px; }


/* 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:240%; text-align:center; }
#wp-calendar td a { display:block; margin:0; padding:0; text-decoration:none; color:#333; background-color:#ddd; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
#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:3px; -moz-border-radius:3px; border-radius:3px; color:#fff; }
#wp-calendar td#today { color:#fff; background:#c1c1c1; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
#footer #wp-calendar { margin-bottom:10px; }
.three_column .side_col #wp-calendar th, .three_column .side_col #wp-calendar td { line-height:210%; }


/* free space */
.free_widget { background:none; border:none; padding:0; box-shadow:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }
.free_widget img { margin:0 auto; display:block; }


/* orginal widget post list */
.recommend_widget, .popular_widget, .recent_widget { padding-bottom:10px; }

.widget_post_list { margin:-6px -20px; }
.widget_post_list li { background:none; padding:0 20px 10px 20px; background:url(img/common/dot1.gif) repeat-x left bottom; margin:0 0 12px 0; }
.widget_post_list li:last-child { background:none; margin:0; }
.widget_post_list .info { }
.widget_post_list .info .date { margin:2px 0 5px 0; line-height:100%; }
.widget_post_list .info .title { font-size:12px; margin:0; padding:0 0 5px 0; display:block; font-weight:bold; }
.widget_post_list .image { float:left; display:block; position:relative; overflow:hidden; width:58px; height:58px; margin:0 15px 0 0; }
.widget_post_list .image img { width:58px; height:58px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
#footer .widget_post_list { margin:0; }
#footer .widget_post_list li { background:none; padding:0 0 10px 0; background:url(img/common/dot1.gif) repeat-x left bottom; margin:0 0 10px 0;  }
#footer .widget_post_list li:last-child { margin:0; padding:0; background:none; }


/* search */
.widget_search label { display:none; }
.widget_search #search-box, .widget_search #s { width:68%; height:23px; margin:0; border:1px solid #ddd; background:#fcfcfc; padding:0 3%; box-shadow:1px 1px 2px 0px #eee inset; float:left; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; }
.widget_search #search-btn input, .widget_search #searchsubmit { border:none; color:#fff; width:25%; height:25px; cursor:pointer; display:block; float:left; margin-bottom:-3px; font-size:12px; -webkit-appearance:none; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; }
.widget_search #search-btn input:hover { }
#footer .widget_search #search-box, #footer .widget_search #s { }

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


/* archive category dropdown */
.widget_archive select, .widget_categories select { border:1px solid #ddd; padding:6px 10px; width:100%; background:#fff; -webkit-appearance:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }



/* ----------------------------------------------------------------------
 footer
---------------------------------------------------------------------- */

/* recommend post */
#recommend_wrap { padding:0 10px; border-top:1px solid #ddd; overflow:hidden; background:#fcfcfc; }
#recommend { margin:0 auto; padding:30px 0 20px; }
#recommend_post { }
#recommend_post a.image { display:block; margin:0 0 10px 0; position:relative; overflow:hidden; }
#recommend_post a.image img { display:block; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; width:100%; height:auto; }
#recommend_post a.title { color:#333; font-size:12px; display:block; text-decoration:none; margin:0; }
#recommend_post a.title:hover { text-decoration:underline; }
#recommend_post .owl-wrapper-outer { overflow:hidden; }
.owl-next { display:none; }
.owl-prev { display:none; }

.owl-theme .owl-controls{ margin-top:10px; text-align:center; }
.owl-theme .owl-controls .owl-page { display:inline-block; zoom:1; *display: inline;/*IE7 life-saver */ }
.owl-theme .owl-controls .owl-page span { display:block; width:12px; height:12px; margin:5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; background:#869791; }
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; }


/* return top */
#return_top { z-index:9; position:absolute; bottom:7px; right:7px; display:block; text-indent:100%; overflow:hidden; white-space:nowrap; width:35px; height:35px; margin:0; padding:0; background:#333 url(img/footer/return_top2.gif) no-repeat center center; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
#return_top:hover { background-color:#666; }


/* footer */
#footer { padding:20px 10px 0; font-size:11px; background:#fff; border-top:1px solid #ddd; }


/* footer widget */
#footer_widget_area { padding:10px 0 0 0; margin:0; position:relative; }
.footer_widget { margin:0 0 30px 0; }
.footer_widget .footer_headline { margin:0 0 20px 0; font-size:12px; border-bottom:1px solid #ccc; padding:0 0 8px 0; height:18px; line-height:18px; }
.footer_widget li { line-height:170%; margin:0 0 10px 0; background:url(img/footer/arrow1.gif) no-repeat left 4px; padding:0 0 0 14px; }
#footer a { text-decoration:underline; }
#footer a:hover { }


/* copyright */
#copyright { width:100%; color:#ccc; background:#000; margin:0; padding:18px 0; }
#copyright p { font-size:11px; margin:0 0 0 10px; line-height:130%; width:70%; }
#copyright a { text-decoration:none; color:#ccc; }
#copyright a:hover { text-decoration:underline; }


/* footer menu */
#footer_menu ul { margin:-17px 0 15px 0;  }
#footer_menu li { margin:0; font-size:12px; }
#footer_menu a { color:#ccc; text-decoration:none; padding:15px 0 10px 20px; margin:0; display:block; background:url(img/common/arrow3.gif) no-repeat 10px 21px; border-bottom:1px dotted #444; }
#footer_menu a:hover { background-color:#333; color:#ccc; text-decoration:none; }



/* ---------- 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 */