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

 pc style setting

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

body { margin:0; padding:0; background:url(img/common/background.jpg) repeat-x left top;
       font-family:"Century Gothic",Arial,sans-serif;
       color:#333; }
body.no_nav { background:url(img/common/background2.gif) repeat-x left top; }

/* layout */
#contents { width:992px; margin:0 auto 30px; }
#main_col { width:678px; float:right; background:#fff; border:1px solid #ccc; border-top:6px solid #ccc; margin:16px 0 0 0; }
#side_col { float:left; width:300px; margin:16px 0 0 0; clear:left; }
#main_col2 { width:800px; background:#fff; border:1px solid #ccc; border-top:6px solid #ccc; margin:16px auto 0 auto; }

/* color scheme */
.date { color:#b20000; font-size:12px; font-weight:bold; }

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




/* ----------------------------------------------------------------------
 index
---------------------------------------------------------------------- */
#index_top { width:992px; height:342px; position:relative; }

/* recommend gallery */
.nivoSlider { position:relative; width:670px; height: 300px; overflow: hidden; float:left; border: solid 5px #fff; }
.nivoSlider img { position:absolute; top:0px; left:0px; width:670px; height:auto; }
.nivo-main-image { display: block width:670px; height:auto; }

#recommend_gallery_type2 .nivoSlider { width:770px; }
#recommend_gallery_type2 .nivoSlider img { width:770px; }
#recommend_gallery_type2 .nivo-main-image { width:770px; }

.recommend_gallery { position:absolute; right:0px; top:16px; }
#recommend_gallery_type2 { left:106px; }

/* gallery caption */
.nivo-caption { position:absolute; right:0px; bottom:0px; background:#fff; color:#333; font-size: 12px; line-height: 170%; width:195px; height: 100%; z-index:8; padding: 5px 10px 10px 20px; position: relative; opacity: 0.7; overflow: hidden; display: none; -moz-opacity: 0.8; filter:alpha(opacity=8);
                -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.nivo-caption p {  }
.nivo-caption a {  }
.nivo-html-caption { display:none; }

.recommend_gallery .title { font-size:14px; line-height:160%; margin:10px 0 10px; }
.recommend_gallery .title a { color:#333; text-decoration:none; }
.recommend_gallery .title a:hover { text-decoration:underline; }
.recommend_gallery .excerpt p { margin:0 0 10px 0; line-height:200%; font-size:12px; word-break:break-word; word-break:break-all; -webkit-hyphens:break-all; -moz-hyphens:break-all; hyphens:break-all; }
.recommend_gallery a.link { text-decoration:none; position:absolute; right:15px; bottom:15px; display:inline-block; background:url(img/common/arrow.jpg) no-repeat left; padding:0 0 0 12px; font-size:13px; color:#333; }
.recommend_gallery a.link:hover { text-decoration:underline; }

/* side banner */
#index_top #side_top_banner { position:absolute; left:0px; top:16px; margin:0; float:none; }
#side_top_banner { background:#fff; width:300px; margin:16px 0 0 0; float:left; }
#side_top_banner img { display:block; height:auto; max-width:100%; width:auto; }

/* search */
#index_top .search_area { background:#fff url(img/side/search_input.gif) no-repeat 9px 9px; height:50px; width:300px; position:absolute; bottom:16px; left:0px; border:1px solid #ccc: }
#index_top #search_input { color:#777; float:left; font-size:12px; width:160px; margin:19px 0 0 19px; overflow:hidden; background:transparent; border:none; }
#index_top #search_button { float:right; margin:9px 9px 0 0; }

/* index main content layout */
#index_main_content { width:680px; float:right; margin:15px 0 0 0; }
#index_center_col { width:468px; float:left; }
#index_right_col { width:200px; float:right; }

/* center banner top */
#index_banner_top { margin:0 0 15px 0; }
#index_banner_top img { display:block; height:auto; max-width:100%; width:auto; margin:0 auto; }

/* recent post */
#index_post_list { border:1px solid #ccc; background:#f9f9f9; margin:0 0 15px 0; }
#index_post_list .headline1 { background:#b9b9b9; color:#fff; font-size:14px; padding:0 18px; height:36px; line-height:36px; margin:0; }

#index_post_list .first_list { list-style-type:none; margin:16px 0 0 6px; padding:0; }
#index_post_list .first_list li { display:inline-block; vertical-align:top; width:130px; margin:0 9px 15px; }
#index_post_list a.image { display:inline-block; padding:9px; background:#fff; border:1px solid #ccc; }
#index_post_list a.image img { width:110px; height:110px; display:block; }
#index_post_list a.image:hover img { opacity:0.6; }
#index_post_list .date { margin:0; }
#index_post_list .first_list .title { margin:0 0 7px 0; font-size:12px; }
#index_post_list .excerpt p { font-size:12px; margin:0; line-height:180%; word-break:break-word; word-break:break-all; -webkit-hyphens:break-all; -moz-hyphens:break-all; hyphens:break-all; }

#index_post_list .second_list { list-style-type:none; margin:0 17px 17px; padding:0; background:url(img/common/dot2.gif) repeat-x left top; padding:20px 0 0 0; }
#index_post_list .second_list li { margin:0 0 3px 0; padding:0; }
#index_post_list .second_list a { display:block; background:#e6e6e6; padding:10px; text-decoration:none; color:#333; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
#index_post_list .second_list a:hover { background:#ccc; }

/* right side content */
.index_side_headline { background:url(img/side/headline.gif) no-repeat left top; color:#fff; font-size:14px; padding:0 18px; height:36px; line-height:36px; margin:0; }
.index_side_widget { margin:0 0 20px 0; }
.index_side_widget ul { margin:0; padding:10px 0 0 0; font-size:12px; }
.index_side_widget li ul { margin:0 0 0 1em; }
.index_side_widget li { line-height:170%; margin:0 0 10px 0; padding:0 0 10px 0; background:url(img/common/dot1.gif) repeat-x left bottom; }
.index_side_widget li li { background:none; margin:0; padding:0; }
.index_side_widget a { background:url(img/common/arrow.jpg) no-repeat left 4px; padding:0 0 0 12px; }

/* banner right side */
#index_banner_side { margin:0 0 15px 0; text-align:center; }
#index_banner_side img { display:block; height:auto; max-width:100%; width:auto; margin:0 auto; }




/* ----------------------------------------------------------------------
 header
---------------------------------------------------------------------- */
#header { position:relative; height:161px; width:992px; margin:0 auto; }
.no_nav #header { height:124px; }

/* description */
#site_description { margin:0; line-height:100%; font-size:12px; position:absolute; left:0px; top:13px; font-weight:normal; }

/* logo */
#logo { margin:0; line-height:100%; position:absolute; top:70px; left:0px; }
#logo_text { margin:0; line-height:100%; position:absolute; top:70px; left:0px; font-size:20px; font-weight:normal; }
#logo_text a { color:#333; text-decoration:none; }
#logo_text a:hover { text-decoration:underline; }

/* social link */
#social_link { margin:0; position:absolute; right:0px; top:7px; }
#social_link li { float:left; margin:0 0 0 5px; }
#social_link li a {  }

/* global menu */
.menu_button { display:none; }

#global_menu { height:37px; margin:0; position:absolute; left:0px; bottom:0; padding:0; z-index:999; width:992px; background:url(img/header/menu_line.gif) no-repeat left top; }
#global_menu ul ul { display:none; position:absolute; top:37px; left:0px; margin:0; padding:0; list-style-type:none; }
#global_menu ul ul ul { left:100%; top:0; margin:0 0 0 -1px; }
#global_menu li { float:left; font-size:1%; position:relative; }
#global_menu li a { font-size:13px; font-weight:bold; background:url(img/header/menu_line.gif) no-repeat right top; text-align:center; text-decoration:none; color:#fff; margin:0; display:block; height:37px; line-height:37px; }
#global_menu li a:hover { background-color:#979797; }
#global_menu ul ul li { float:none; height:auto; line-height:0; padding:0; margin:0; text-align:left; background:none; }
#global_menu ul ul a { font-size:12px; position:relative; padding:10px 20px 10px; height:auto; line-height:190%; margin:0 0 -1px 0; text-align:left; background:#fff; color:#333; border:1px solid #ccc; }
#global_menu ul ul a:hover { border:1px solid #ccc; background:#f2f2f2; }

/* banner */
#header_banner { position:absolute; top:50px; right:0px; }




/* ----------------------------------------------------------------------
 single post page
---------------------------------------------------------------------- */
.post { margin:20px; background:url(img/common/dot2.gif) repeat-x left bottom; }
#page { background:none; }

/* date and category etc */
#single_meta { margin:0 0 10px 0; }
#single_meta li { float:left; border-right:1px solid #ccc; margin:0 7px 10px 0; padding:0 7px 0 0; background:none; font-size:12px; line-height:110%; }
#single_meta li.last { border:none; padding:0; margin:0; }

/* post title */
.page_headline { margin:0 0 20px 0; line-height:150%; font-size:18px; }

/* post eyecatch */
#post_image { margin:0 0 15px 0; text-align:center; }
#post_image img { background:#ebebeb; padding:10px; max-width:618px; }

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

/* next page */
#post_pagination { margin:20px 0 30px 0; clear:both; }
#post_pagination h5 { margin:0 10px 0 0; float:left; line-height:30px; font-size:12px; }
#post_pagination a, #post_pagination p { float:left; display:inline-block; background:#eee; margin:0 5px 0 0; width:30px; height:30px; line-height:30px; text-align:center; text-decoration:none; color:#333; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:12px; }
#post_pagination p { background:#999; color:#fff; }
#post_pagination a:hover { color:#fff; background:#333; }

/* 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:20px; border:1px solid #ccc; background:#f9f9f9; }
#related_post .headline { background:#b9b9b9; color:#fff; font-size:14px; padding:0 18px; height:36px; line-height:36px; margin:0; }
#related_post ul { margin:15px -30px 15px 15px; }
#related_post li { float:left; margin:0 17px 0 0; width:108px; }
#related_post .image { float:left; background:#fff; border:1px solid #ccc; padding:7px; margin:0 0 5px 0; }
#related_post .image img { width:90px; height:auto; display:block; }
#related_post .image:hover img { opacity:0.6; }
#related_post .title { font-size:12px; margin:0; line-height:160%; text-align:center; }
#related_post .title a { color:#333; }

/* next prev post link */
#previous_next_post { margin:0 20px 0 20px; padding:0; }
#previous_next_post a { color:#333; }
#previous_post, #next_post { margin:0; line-height:140%; }
#previous_post a { margin:0; width:42%; float:left; font-size:12px; background:url(img/common/arrow2.jpg) no-repeat left 7px; padding:0 0 0 13px; }
#next_post a { margin:0; width:42%; float:right; text-align:right; font-size:12px; background:url(img/common/arrow.jpg) no-repeat right 7px; padding:0 13px 0 0; }




/* ----------------------------------------------------------------------
 archive
---------------------------------------------------------------------- */
.archive_headline { font-size:13px; margin:15px; line-height:100%; }
#post_list { margin:15px 15px 0 15px; }
#post_list li { border:1px solid #ccc; margin:0 0 15px 0; }
#post_list ul { margin:0 0 10px 0; }
#post_list li li { border:none; border-right:1px solid #aaa; margin:0 7px 10px 0; padding:0 7px 0 0; line-height:110%; float:left; font-size:11px; }
#post_list li li.last { border:none; margin:0; padding:0; }
#post_list .title { margin:15px; line-height:150%; font-size:18px; }
#post_list .title a { display:block; text-decoration:none; color:#333; }
#post_list .date { margin:0 0 10px 0; line-height:100%; }
#post_list .info { width:250px; float:right; margin:0 15px 15px 0; }
#post_list .excerpt p { margin:0 0 15px 0; font-size:13px; line-height:210%; word-break:break-word; word-break:break-all; -webkit-hyphens:break-all; -moz-hyphens:break-all; hyphens:break-all; }
#post_list .link { background:url(img/common/arrow.jpg) no-repeat left 4px; padding:0 0 0 12px; font-size:13px; }
#post_list .image { background:#ebebeb; padding:10px; display:inline-block; float:left; margin:0 0 15px 15px; }
#post_list .image img { display:block; margin:0; }
#post_list .image:hover img { opacity:0.6; }

/* page nav */
.page_navi { margin:5px 20px 15px; }
#archive_navi .page_navi { margin:5px 15px 15px; }
.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 a:hover, .page_navi span
 { text-decoration:none; color:#666; font-size:11px; padding:13px 15px; line-height:100%; margin:0 4px 4px 0; background:#eee; 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:none; }
.page_navi span.current { color:#fff; background:#aaa; }
.page_navi p.back { margin:0; }
.page_navi p.back a {  background:url(img/common/arrow2.jpg) no-repeat left; padding:0 0 0 13px; color:#333; display:inline; }
.page_navi p.back a:hover { text-decoration:underline; }

/* 404 not found */
#not_found { margin:0 0 10px 0; }
#not_found #search_button { }
#not_found #search_input { width:300px; height:31px; margin:0 5px 0 0; border:1px solid #ccc; background:#f2f2f2; padding:0 10px; box-shadow:2px 2px 3px 0px #ddd inset; float:left; }
.not_found_back { background:url(img/common/arrow.jpg) no-repeat left; padding:0 0 0 10px; }

/* search result */
#no_search_result { margin:20px 15px; }




/* ----------------------------------------------------------------------
 side content
---------------------------------------------------------------------- */
.side_widget { margin:0 0 15px 0; padding:15px; font-size:11px; background:#f9f9f9; border:1px solid #ddd; }
.side_widget .side_headline { background:#b9b9b9; color:#fff; font-size:14px; padding:0 18px; height:36px; line-height:36px; margin:-15px -15px 15px; }
.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 { margin:-15px -15px 15px; line-height:42px; line-height:42px; font-size:14px; color:#fff; background:url(img/common/headline1.gif) repeat-x left top; padding:0 15px; }

/* calendar */
#wp-calendar { margin:13px auto 0; 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: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%; margin:10px 0 0 0; }
#wp-calendar #prev a, #wp-calendar #next a { text-decoration:none; background:none; color:#333; margin:10px 0 0 0; }
#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; }

/* recommend post */
.recommend_widget { }
.recommend_widget ul { margin:15px -15px -15px -15px; }
.recommend_widget li { background:none; padding:0 0 10px 0; background:url(img/common/dot2.gif) repeat-x left bottom; margin:0 0 10px 0; }
.recommend_widget li.last { background:none; padding:0; }
.recommend_widget .info { width:160px; float:right; margin:0 15px 0 0; }
.recommend_widget .info .date { margin:0 0 5px 0; line-height:100%; }
.recommend_widget .info .title { font-size:12px; margin:0; font-weight:bold; }
.recommend_widget .excerpt p { line-height:160%; font-size:12px; margin:5px 0 0 0; word-break:break-word; word-break:break-all; -webkit-hyphens:break-all; -moz-hyphens:break-all; hyphens:break-all; }
.recommend_widget .image { float:left; display:inline-block; background:#fff; padding:6px; border:1px solid #ccc; margin:0 0 0 15px; }
.recommend_widget .image img { width:80px; height:auto; display:block; }
.recommend_widget a.image:hover img { opacity:0.6; }
#footer_top_area li { background:none; }
#footer_top_area .recommend_widget .info { margin:0; width:140px; }
#footer_top_area .recommend_widget .image { margin:0; }
#footer_top_area .recommend_widget li.last { padding:10px 0 0 0; }
#index_bottom_widget .recommend_widget .info { width:325px; }

/* pickup post */
.pickup_widget { }
.pickup_widget a.image { display:inline-block; margin:0 10px 10px 0; background:#fff; padding:9px; float:left; border:1px solid #ccc; }
.pickup_widget a.image img { display:block; margin:0; }
.pickup_widget a.image:hover img { opacity:0.6; }
.pickup_widget .date { line-height:110%; margin:0 0 5px 0; padding:0; }
.pickup_widget .title { font-size:13px; margin:5px 0px 5px; line-height:160%; }
.pickup_widget .title a { display:block; }
.pickup_widget .excerpt p { line-height:160%; font-size:12px; margin:0; word-break:break-word; word-break:break-all; -webkit-hyphens:break-all; -moz-hyphens:break-all; hyphens:break-all; }
#footer_top_area .pickup_wrap { margin:15px 0 0 0; }

/* featured post */
.featured_widget .side_content { margin:0; }
.featured_widget ul { margin:15px -15px -15px -15px; }
.featured_widget li { background:none; padding:0 0 10px 0; background:url(img/common/dot2.gif) repeat-x left bottom; margin:0 0 10px 0; }
.featured_widget li.last { background:none; padding:0; }
.featured_widget .info { width:160px; float:right; margin:0 15px 0 0; }
.featured_widget .info .date { margin:0 0 5px 0; line-height:100%; }
.featured_widget .info .title { font-size:12px; margin:0; font-weight:bold; }
.featured_widget .excerpt p { line-height:160%; font-size:12px; margin:5px 0 0 0; word-break:break-word; word-break:break-all; -webkit-hyphens:break-all; -moz-hyphens:break-all; hyphens:break-all; }
.featured_widget .image { float:left; display:inline-block; background:#fff; padding:6px; border:1px solid #ccc; margin:0 0 0 15px; }
.featured_widget .image img { width:80px; display:block; height:auto; }
.featured_widget a.image:hover img { opacity:0.6; }
.featured_widget a.link { background:url(img/common/arrow1.gif) no-repeat left 4px; padding:0 0 0 12px; display:block; float:right; margin:20px 0 0px; }
#footer_top_area li { background:none; }
#footer_top_area .featured_widget .info { margin:0; width:140px; }
#footer_top_area .featured_widget .image { margin:0; }
#footer_top_area .featured_widget li.last { padding:10px 0 0 0; }
#footer_top_area .featured_widget a.link { margin:0; }
#index_bottom_widget .featured_widget .info { width:325px; }

/* search */
.widget_search label { display:none; }
.widget_search #s { width:148px; height:31px; margin:0; border:1px solid #ccc; background:#fff; padding:0 10px; box-shadow:2px 2px 3px 0px #ddd inset; }
.widget_search #searchsubmit { border:none; text-indent:-9999px; width:90px; height:33px; background:url(img/side/search_button.gif) no-repeat left top; cursor:pointer; display:block; float:right; margin-bottom:-3px; }
.widget_search #searchsubmit:hover { background:url(img/side/search_button_on.gif) no-repeat left top; }
#index_bottom_widget .widget_search #s { width:310px; }




/* ----------------------------------------------------------------------
 footer
---------------------------------------------------------------------- */
#return_top { float:right; margin:-24px 0 20px 0; display:block; text-indent:100%; overflow:hidden; white-space:nowrap; width:35px; height:46px; background:url(img/footer/return_top.gif) no-repeat center center; }
#return_top:hover { opacity:0.6; }

/* footer top area */
#footer_top_area_wrap { clear:both; width:100%; min-width:992px; background:url(img/footer/background.gif) repeat-x left top; }
#footer_top_area { width:992px; margin:0 auto; position:relative; color:#555; padding:33px 0; }

/* banner */
#footer_banner { float:left; width:300px; }
#footer_banner img { display:block; height:auto; max-width:100%; width:auto; margin:0 auto; border:5px solid #fff; }

/* widget */
#footer_widget { width:580px; float:right; font-size:12px;  }
.footer_widget { width:250px; float:left; margin:0 0 0 40px;  }
.footer_widget .footer_headline { color:#fff; background:#bbb; margin:0; font-size:13px; padding:0 15px; height:36px; line-height:36px; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.footer_widget ul { margin:0; overflow:hidden; }
.footer_widget li { border-bottom:1px dotted #999; padding:10px 0; margin:0 0 -1px 0; }
.footer_widget a { color:#666; }

/* footer bottom area */
#footer_bottom_area_wrap { clear:both; width:100%; min-width:992px; background:#333; }
#footer_bottom_area { position:relative; width:992px; height:85px; margin:0 auto; position:relative; color:#fff; font-size:11px; }

/* logo */
#footer_logo { margin:0; line-height:100%; position:absolute; }
#footer_logo_text { position:absolute; margin:0; top:33px; font-size:16px; left:0px; font-weight:normal; }
#footer_logo_text a { color:#ccc; text-decoration:none; }
#footer_logo_text a:hover { }

/* menu */
.footer_menu { }
.footer_menu ul { position:absolute; right:0px; top:35px; margin:0; }
.footer_menu li { display:inline; margin:0; font-size:12px; }
.footer_menu a { color:#ccc; text-decoration:none; border-left:1px solid #666; padding:0 0 0 10px; margin:0 0 0 10px; }
.footer_menu a:hover {  }
.footer_menu li.first a { border:none; margin:0; padding:0; }

/* copyright */
#copyright { width:100%; min-width:994px; clear:both; text-align:center; color:#ccc; background:#000; margin:0; height:38px; line-height:39px; font-size:11px; }
#copyright a { text-decoration:none; color:#ccc; }
#copyright a:hover { text-decoration:underline; }