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

 smart phone setting

---------------------------------------------------------------------- */
body { margin:0; padding:0; -webkit-text-size-adjust:100%; position:relative; 
       font-family:"Century Gothic",Arial,sans-serif;
       color:#333; }

/* layout */
#main_col { padding:0 15px 25px; }

/* 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, #footer_banner, #single_banner1
 { margin:0 0 24px 0; text-align:center; padding:0 15px; }
#header_banner img, #footer_banner img, #single_banner1 img
 { display:block; height:auto; max-width:100%; width:auto; margin:0 auto; }
#single_banner2 { margin:0 0 24px 0; text-align:center; padding:30px 0 0; }
#single_banner2 img { display:block; height:auto; max-width:100%; width:auto; margin:0 auto; }

/* mobile banner */
#mobile_banner_top { text-align:center; padding:0 0 20px 0; }
#mobile_banner_top img { display:block; margin:0 auto; height:auto; max-width:100%; width:auto; }
#mobile_banner_bottom { text-align:center; padding:0 0 20px 0; }
#mobile_banner_bottom img { display:block; margin:0 auto; height:auto; max-width:100%; width:auto; }



/* ----------------------------------------------------------------------
 single
---------------------------------------------------------------------- */

/* slider */
#post_image { position:relative; margin:0 0 15px 0; }
#post_image #loader { display:none; }
#slider { position:relative; z-index:0; }
#post_image img { width:100%; height:auto; }
.nivo-controlNav { text-align:center; 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; }

/* meta */
#post_meta .headline_base1 { margin:0 0 20px 0; }
#post_meta .meta { font-size:10px; margin:0 0 25px 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; }

/* 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 10px 0; }
#related_post ul { margin:0; }
#related_post li { display:inline-block; vertical-align:top; margin:0 -2px 15px 0; width:50%; }
#related_post li img { width:100%; height:auto; margin:0; display:block; }
#related_post .image { display:block; }
#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; }
#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; }

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

#comment_header li a,
#comment_header li p
 { float:left; margin:0 -2px 0 0; width:50%; }

#comment_header li#comment_switch a,
#comment_header li#comment_closed p
 { border-right:none; }

#comment_header li#trackback_switch a,
#comment_header li#trackback_closed p
 { border-right:1px solid #ccc;; }

#trackback_url_area label { float:none; display:block; margin:4px 0 5px 0; }
#trackback_url_area input { border:none; background:#f2f2f2; padding:7px 3%; width:94%; font-size:11px; }



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

#header_wrap { width:100%; }
#header { width:100%; background:#fff; margin:0 0 20px 0; padding:7px 0 16px; position:relative; border-bottom:1px solid #ccc; z-index:1; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05); }

/* logo */
#logo { margin:13px 0 0 15px; line-height:120%; float:left; font-size:18px; font-weight:normal; width:40%; overflow:hidden; }
#logo a { color:#333; text-decoration:none; display:block; }
#logo a:hover { text-decoration:underline; }
#logo img { display:none; }
#logo a:before { content:attr(title); }

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

/* social link */
#social_link { float:right; margin:14px 52px 0 -3px; }
#social_link li { float:left; margin:0 0 0 3px; }
.no_nav #social_link { margin-right:15px; }

/* global menu */
#header a.menu_button {
   position:absolute; right:9px; top:13px; margin:0; text-indent:100%; overflow:hidden; white-space:nowrap;
   border:1px solid #fff; width:35px; height:34px; display:block; text-decoration:none;
   -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
   background:url(img/header/menu_button.png) no-repeat center;
}
#header a.menu_button:hover { background-color:#fafafa; color:#fff; }
#header a.active { background-color:#fafafa; box-shadow:1px 1px 2px rgba(0,0,0,0.2) inset; }

#global_menu { display:none; clear:both; width:100%; margin:0; top:16px; position:relative; }
#global_menu ul { margin:0; }
#global_menu a { display:block; border:1px solid #ccc; margin:0 0 -1px 0; padding:0 10px 0 32px; line-height:40px; text-decoration:none; background:#fdfdfd url(img/common/arrow4.png) no-repeat 20px; color:#333;  }
#global_menu a:hover { background-color:#f2f2f2; color:#333; }

/* search */
.search_area { display:none; }

/* breadcrumb navi */
#bread_crumb { display:none; }



/* ----------------------------------------------------------------------
 gallery list
---------------------------------------------------------------------- */
/* gallery list */
#gallery_list { list-style-type:none; margin:0; padding:0; }
#gallery_list li { margin:0 0 30px 0; padding:0 0 15px 0; line-height:0; border:1px solid #ccc; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; box-shadow:0px 1px 3px 0px #eee; }
#gallery_list li ul li { border:none; box-shadow:none; -moz-border-radius:0px; -khtml-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; }
#gallery_list .image { background:url(img/common/loader2.gif) no-repeat center center; display:block; margin:0 0 10px 0; }
#gallery_list .image img { display:none; width:100%; height:auto; display:block; -moz-border-radius:5px 5px 0 0; -khtml-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; }
#gallery_list .title { border-bottom:1px solid #eee; font-size:16px; line-height:160%; margin:0 0 15px 0; padding:0 20px 10px 20px; }
#gallery_list .title a { text-decoration:none; display:block; }
#gallery_list .title a:hover {  }
#gallery_list li .meta { padding:0 20px; margin:0; font-size:10px; }
#gallery_list li .meta_desc { padding:0 20px; margin:0; font-size:10px; }
#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 div.meta_desc p { margin:0; line-height:170%; font-size:11px; }

/* page nav */
.page_navi { margin:-15px 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:30px 0 0; }
.page_navi p.back a, .page_navi p.back a:hover { display:inline-block; }



/* ----------------------------------------------------------------------
 side content
---------------------------------------------------------------------- */
#side_col { padding:25px 15px 0px; border-top:1px dotted #ccc; }

.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 10px 0; margin:0 0 10px 0; border-bottom:1px dotted #ccc; position:relative; min-height:70px; }
.recommend_widget li:last-child { border:none; padding:0; margin:0; }
.recommend_widget .info { position:absolute; margin:0 0 0 85px; }
.recommend_widget .info .date { margin:0 0 5px 0; line-height:100%; }
.recommend_widget .info .title { font-size:12px; margin:0; }
.recommend_widget .image { position:absolute;  }
.recommend_widget .image img { display:block; border:1px solid #ccc; padding:1px; }
#footer .recommend_widget li { background:none; padding:0 0 10px 0; margin:0; border:none; }
#footer .recommend_widget li:last-child { border:none; }

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



/* ----------------------------------------------------------------------
 footer
---------------------------------------------------------------------- */
#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:#aaa 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; }

#footer_wrap { padding:30px 15px 0; background:#f5f5f5; }

.footer_widget { margin:0 0 30px 0; border-bottom:1px dotted #bbb; padding:0 0 20px 0; }
.footer_widget.last_widget { border:none; margin:0; }
.footer_headline { font-size:13px; border-left:3px solid #bbb; line-height:100%; margin:0 0 20px 0px; padding:0 0 0 8px; }
.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:#333; }
.footer_widget img { height:auto; max-width:100%; width:auto; }

/* copyright */
#copyright { width:100%; color:#333; background:#fff; margin:0; padding:18px 0; border-top:1px solid #ddd; }
#copyright p { font-size:11px; margin:0 0 0 15px; line-height:130%; width:70%; }
#copyright a { text-decoration:none; color:#333; }
#copyright a:hover { text-decoration:underline; }