/* ----------------------------------------------------------------------

 pc style setting

---------------------------------------------------------------------- */
body { margin:0; padding:0;
       font-family:"Century Gothic",Arial,sans-serif;
       color:#333; }

/* layout */
#header_wrap { width:100%; min-width:960px; height:112px; background:url(img/header/background.png) repeat-x left top; z-index:1; }
#header { width:960px; height:112px; margin:0 auto; position:relative; }

#main_content { width:960px; margin:0 auto; padding:45px 0 0 0; z-index:0; }

#contents { padding:8px 0 0 0; }

#side_col { position:relative; }

/* headline */
.headline_base1 { border-bottom:1px dotted #ccc; font-size:14px; padding:0 0 0 0px; margin:0 0 25px 0;  }
.headline_base1 span { border-bottom:2px solid #aaa; margin:0 0 -2px 0; padding:0 0 6px 0; display:inline-block; }

/* banner */
#header_banner { margin:-22px 0 30px 0; text-align:center; position:relative; }
#footer_banner { clear:both; padding:20px 0 0 0; margin:0 0 10px 0; text-align:center; position:relative; }

/* mobile banner */
#mobile_banner_top, #mobile_banner_bottom { display:none; }




/* ----------------------------------------------------------------------
 single post page
---------------------------------------------------------------------- */
#single_post { width:800px; margin:0 auto; }
#single_post #main_post .post { float:right; width:300px; margin:0 0 30px 0; }
#main_post { position:relative; }

#post_meta .headline_base1 { margin:0 0 20px 0; }
#post_meta .meta { font-size:10px; margin:0 0 15px 0; }
#post_meta .meta a { color:#666; }
#post_meta .meta li { padding:1px 0 2px 70px; margin:0; line-height:150%; }
#post_meta li.date { background:url(img/common/meta_date.gif) no-repeat left; }
#post_meta .meta  li.category { background:url(img/common/meta_category.gif) no-repeat left 4px; }
#post_meta .meta li.tags { background:url(img/common/meta_tag.gif) no-repeat left 4px; }
#post_meta .meta li.link { background:url(img/common/meta_link.gif) no-repeat left 4px; }
#post_meta .meta li.post_comment { background:url(img/common/meta_comment.gif) no-repeat left 4px; }
#post_meta .meta li.price { background:url(img/common/meta_price.gif) no-repeat left 4px; }
#post_meta .meta li.misc { background:url(img/common/meta_misc.gif) no-repeat left 4px; }

#post_image { float:left; width:470px; min-height:450px; text-align:center; position:relative; }
#post_image #loader { position:abslute; left:50%; top:50%; }
#slider { position:relative; width:470px; z-index:0; }
#post_image img { display:block; }
.nivo-controlNav { text-align:center; width:470px; margin:15px 0 0 0; }
.nivo-controlNav a { cursor:pointer; display:inline-block; margin:0 3px; text-indent:-9999px; width:8px; height:8px; background:url(img/common/pager.gif) no-repeat left bottom; }
.nivo-controlNav a.active, .nivo-controlNav a:hover { background-position:left top; }
#main_post #loader { z-index:-9999; position:absolute; left:230px; top:230px; }

/* bookmark */
#bookmark { margin:0 0 0 0; padding:10px 0 10px 0; }
#bookmark li { float:left; background:none; padding:0; }
iframe.twitter-share-button { width: 95px!important; }
#bookmark li.facebook { margin-right:5px; }

/* banner */
#single_banner1 { clear:both; margin:-5px 0 25px 0; text-align:center; position:relative; }
#single_banner2 { clear:both; margin:0; text-align:center; position:relative; top:-20px; }

/* related post*/
#related_post { margin:0 0 20px 0; }
#related_post ul { margin:0 -10px 0 0; }
#related_post li { float:left; display:inline-block; vertical-align:top; margin:0 1px 0 0; width:132px; min-height:165px; }
#related_post li img { width:132px; height:auto; margin:0; display:block; }
#related_post .image { position:relative; display:inline-block; line-height:0; overflow:hidden; }
#related_post .image:after { content:"";  box-shadow:inset 0 0 0 5px rgba(255,255,255, 0.6); position:absolute; top:0; left:0; bottom:0; right:0;
                                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:0;
                                -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out;
                                -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }
#related_post .image:hover:after { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); opacity:1; }
#related_post li .title { font-size:11px; margin:0; text-align:center; padding:5px 10px; font-weight:normal; }
#related_post li .title a { color:#333; }

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



/* ----------------------------------------------------------------------
 gallery list
---------------------------------------------------------------------- */
#gallery_list { list-style-type:none; margin:0; padding:0; overflow:hidden; border-bottom:1px dotted #ccc; }
#gallery_list li { float:left; width:320px; margin:0 0 -1px 0; padding:0; line-height:0; border-bottom:1px dotted #ccc; }
#gallery_list li ul li { float:none; width:auto; height:auto; border:none; }
#gallery_list .image { background:url(img/common/loader2.gif) no-repeat center center; width:319px; height:180px; position:relative; display:inline-block; line-height:0; overflow:hidden; }
#gallery_list .image:after { content:"";  box-shadow:inset 0 0 0 10px rgba(255,255,255, 0.6); position:absolute; top:0; left:0; bottom:0; right:0;
                             -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:0;
                             -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out;
                             -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }
#gallery_list .image:hover:after { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); opacity:1; }
#gallery_list .image img { display:none; }
#gallery_list .title { margin:0; border-bottom:1px solid #eee; font-size:16px; line-height:0; margin:0; border-right:1px solid #ccc; overflow:hidden; }
#gallery_list .title a { text-decoration:none; display:block; height:47px; line-height:47px; padding:0 20px; }
#gallery_list .title a:hover {  }
#gallery_list li .meta { height:85px; overflow:hidden; padding:7px 20px 27px; margin:0; font-size:10px; border-right:1px solid #ccc; }
#gallery_list li .meta_desc { height:60px; overflow:hidden; padding:7px 20px 27px; margin:0; font-size:10px; border-right:1px solid #ccc; }
#gallery_list li ul.meta a { color:#666; }
#gallery_list li ul.meta a:hover { }
#gallery_list li ul.meta li { padding:1px 0 2px 70px; margin:0; line-height:150%; }
#gallery_list li ul.meta li.date { background:url(img/common/meta_date.gif) no-repeat left 4px; }
#gallery_list li ul.meta li.category { background:url(img/common/meta_category.gif) no-repeat left 4px; }
#gallery_list li ul.meta li.tags { background:url(img/common/meta_tag.gif) no-repeat left 4px; }
#gallery_list li ul.meta li.link { background:url(img/common/meta_link.gif) no-repeat left 4px; }
#gallery_list li ul.meta li.price { background:url(img/common/meta_price.gif) no-repeat left 4px; }
#gallery_list li ul.meta li.misc { background:url(img/common/meta_misc.gif) no-repeat left 4px; }
#gallery_list li.forth_image .title, #gallery_list li.forth_image .meta, #gallery_list li.forth_image .meta_desc,
 #gallery_list li.third_image .title, #gallery_list li.third_image .meta, #gallery_list li.third_image .meta_desc,
  #gallery_list li.second_image .title, #gallery_list li.second_image .meta, #gallery_list li.second_image .meta_desc
 { border-right:1px solid #fff; }
#gallery_list li .meta_desc p { margin:0; line-height:170%; font-size:11px; max-height:90px; overflow:hidden; }


/* page nav */
.page_navi { margin:20px 0 0 0; }
.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 { 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; }



/* ----------------------------------------------------------------------
 side content
---------------------------------------------------------------------- */
.side_headline { border-bottom:1px dotted #ccc; font-size:14px; padding:0 0 0 0px; margin:0 0 20px 0;  }
.side_headline span { border-bottom:2px solid #aaa; margin:0 0 -2px 0; padding:0 0 6px 0; display:inline-block; }

.side_widget { margin:0 0 30px 0; }
.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; font-size:11px; background:url(img/common/line1.gif) no-repeat 2px 9px; padding:0 0 0 10px; }
.side_widget a { color:#666; }
.side_widget img { height:auto; max-width:100%; width:auto; }

/* 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:320%; text-align:center; }
#wp-calendar td a { display:block; margin:0; padding:0; text-decoration:none; color:#333; background-color:#ddd; -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; }

/* recommend post */
.recommend_widget li { background:none; padding:0 0 7px 0; border-bottom:1px dotted #ccc; margin:0 0 7px 0; }
.recommend_widget li.last { border:none; padding:0; margin:0; }
.recommend_widget .info { }
.recommend_widget .info .date { margin:10px 0 5px 0; line-height:100%; }
.recommend_widget .info .title { font-size:14px; margin:0; }
.recommend_widget .image { float:left; margin:0 15px 5px 0; }
.recommend_widget .image img { display:block; border:1px solid #ccc; padding:1px; }
#footer .recommend_widget li { background:none; padding:0 0 7px 0; margin:0 0 7px 0; }
#footer .recommend_widget li.last { border:none; padding:0; margin:0; }

.fixed_ad { margin:0; position:fixed; top:0px; }

/* search */
.widget_search label { display:none; }
.widget_search #search-box, .widget_search #s { float:left; width:70%; height:33px; margin:0 0 10px 0; border:1px solid #ccc; background:#f2f2f2; padding:0 3%; box-shadow:2px 2px 3px 0px #ddd 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; }
.widget_search #search-btn input, .widget_search #searchsubmit { color:#fff; border:none; float:left;  background:#aaa; height:35px; width:23%; -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; }
.widget_search #search-btn input:hover, .widget_search #searchsubmit:hover { cursor:pointer; }

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




/* ----------------------------------------------------------------------
 header
---------------------------------------------------------------------- */
/* logo */
#logo_area { }
#logo { position:absolute; top:32px; left:0px; line-height:120%; font-size:24px; font-weight:normal; margin:0; paddgin:0; }
#logo a { color:#333; text-decoration:none; }
#logo a:hover { }

/* description */
#description { position:absolute; top:62px; left:5px; margin:0; font-size:10px; color:#aaa; font-weight:normal; }

/* global menu */
.menu_button { display:none; }
#global_menu { margin:0; position:absolute; right:0px; bottom:25px; border-right:1px dotted #ccc; padding:0 20px 0 0; }
#global_menu li { float:left; font-size:11px; }
#global_menu li a { text-decoration:none; color:#333; margin:0 0 0 20px; padding:5px 0 5px 20px; border-left:1px dotted #ccc; }
#global_menu li a:hover { text-decoration:underline; }

/* social bookmark */
#social_link { position:absolute; top:20px; right:170px; margin:0; }
#social_link li { float:left; margin:0 0 0 5px; }
.no_nav #social_link { top:45px; }

/* search */
.search_area { background:url(img/header/search_input.gif) no-repeat left top; position:absolute; right:0px; top:20px; width:162px; }
#search_input { color:#aaa; float:left; font-size:11px; width:115px; margin:5px 0 0 10px; border:none; overflow:hidden; background:transparent; }
#search_button { float:right; }
.no_nav .search_area { top:45px; }

/* breadcrumb navi */
#bread_crumb { margin:-40px auto 18px; padding:0; line-height:0; }
#bread_crumb li { float:left; line-height:22px; height:22px; 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:#666; }
#bread_crumb li a:hover { }
#bread_crumb li.last { background:none; margin:0; padding:0; }




/* ----------------------------------------------------------------------
 footer
---------------------------------------------------------------------- */
#return_top { clear:both; display:block; width:29px; height:29px; text-indent:-9999px; background-image:url(img/footer/return_top.gif); background-repeat:no-repeat; background-position:left top; margin:10px 0 0 0; float:right; }
#return_top:hover {  background-image:url(img/footer/return_top.gif); background-repeat:no-repeat; background-position:left bottom; }

#footer_wrap { clear:both; border-top:1px solid #ccc; width:100%; min-width:960px; }
#footer { width:960px; margin:0 auto; }

/* widget area */
#footer_widget { margin:30px 0 0 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; }
.footer_widget { margin:0 15px 27px 0; width:305px; background:url(img/common/dot1.gif) repeat-y left top; }
.footer_widget_content { margin:0 0 0 15px; }
.footer_headline { font-size:13px; border-left:3px solid #ccc; line-height:100%; margin:0 0 20px -15px; padding:0 0 0 15px; font-weight:normal; }
.footer_widget ul { margin:0; }
.footer_widget li ul { margin:10px 0 0 0; }
.footer_widget li { line-height:170%; margin:0 0 10px 0; font-size:11px; background:url(img/common/line1.gif) no-repeat 2px 9px; padding:0 0 0 10px; }
.footer_widget a { color:#666; }
.footer_widget img { height:auto; max-width:100%; width:auto; }
.third_widget { margin-right:0; width:320px; }
.third_widget .footer_widget_content { background:url(img/common/dot1.gif) repeat-y right top; padding-right:20px; }

/* copyright */
#copyright { color:#666; clear:both; text-align:center; font-size:11px; margin:-1px 0 0 0; padding:15px 0 0 0; line-height:100px; width:100%; min-width:960px; border-top:1px solid #ccc; position:relative; }
#copyright a { text-decoration:none; color:#666; }
#copyright a:hover { text-decoration:underline; }




/* ----------------------------------------------------------------------
 other layout
---------------------------------------------------------------------- */
.layout2 #main_col, .single_right_side #main_col { width:640px; float:left; }
.layout2 #side_col, .single_right_side #side_col { width:280px; float:right; }
.layout3 #main_col, .single_left_side #main_col { width:640px; float:right; }
.layout3 #side_col, .single_left_side #side_col { width:280px; float:left; }
.layout5 #main_col, .single_right_side #main_col { width:680px; float:left; }
.layout5 #side_col, .single_right_side #side_col { width:250px; float:right; }
.layout6 #main_col, .single_left_side #main_col { width:680px; float:right; }
.layout6 #side_col, .single_left_side #side_col { width:250px; float:left; }

.layout2 .fixed_ad, .layout3 .fixed_ad { width:280px; }
.layout5 .fixed_ad, .layout6 .fixed_ad, .single_right_side .fixed_ad, .single_left_side .fixed_ad { width:250px; }


/* gallery list */
.layout4 #gallery_list li { width:240px; }
.layout4 #gallery_list .image { width:239px; height:auto; }
.layout4 #gallery_list .image img { height:auto; max-width:100%; width:auto; }
.layout4 #gallery_list .image:after { box-shadow:inset 0 0 0 6px rgba(255,255,255, 0.6); }
.layout5 #gallery_list li, .layout6 #gallery_list li { width:226px; }
.layout5 #gallery_list .image, .layout6 #gallery_list .image { width:225px; height:auto; }
.layout5 #gallery_list .image img, .layout6 #gallery_list .image img { height:auto; max-width:100%; width:auto; }
.layout5 #gallery_list .title, .layout6 #gallery_list .title { font-size:14px; }
.layout5 #gallery_list .title a, .layout6 #gallery_list .title a { height:45px; line-height:47px; }
.layout5 #gallery_list .image:after, .layout6 #gallery_list .image:after { box-shadow:inset 0 0 0 6px rgba(255,255,255, 0.6); }


/* single page */
.single_right_side #single_post, .single_left_side #single_post { width:640px; }
.single_right_side #post_meta .meta, .single_left_side #post_meta .meta { margin:0 0 25px 0; }
.single_right_side #single_post #main_post .post, .single_left_side #single_post #main_post .post { float:none; width:640px; }
.single_right_side #post_image, .single_left_side #post_image { float:none; margin:0 auto 0px; }
.single_right_side .post, .single_left_side .post { margin:0 0 50px 0; }

.single_no_side #single_post #main_post .post { width:auto; float:none; }
.single_no_side #post_meta { margin:0 0 0 500px; }
.single_no_side #post_meta .meta { float:left; width:310px; margin:0 0 35px 0; }
.single_no_side .post_content { }
.single_no_side #post_image { margin-right:30px; min-height:0px; }
.single_no_side #post_image #loader { display:none; }

.single_no_image #single_post #main_post .post { float:none; width:auto; }

.single_right_side #related_post, .single_left_side #related_post { margin-bottom:0px; }
.single_right_side #related_post li, .single_left_side #related_post li { float:left; margin:0 1px 20px 0; width:212px; }
.single_right_side #related_post li img, .single_left_side #related_post li img { width:212px; height:auto; margin:0; display:block; }
.single_right_side #related_post .image:after, .single_left_side #related_post .image:after { box-shadow:inset 0 0 0 8px rgba(255,255,255, 0.6); }

.single_right_side .nivo-controlNav, .single_left_side .nivo-controlNav { margin-bottom:20px; }

/* page */
.no_side_page #main_col { width:800px; margin:0 auto; float:none; }