/* ----------------------------------------------------------------------
 basic setting
---------------------------------------------------------------------- */
body { min-width:1000px; }



/* headline */
.headline1 {
  background:#ededed; height:30px; line-height:30px; position:relative; width:100%; border-bottom:3px solid #333; margin:0 0 15px 0; font-weight:normal;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
.headline1 span { background:#333; display:inline-block; color:#fff; padding:0 20px; font-size:14px; }
.headline1 a { height:27px; color:#666; float:right; font-size:12px; padding:0 15px 0 30px; background:url(img/common/arrow1.gif) no-repeat 17px 13px; margin:0; text-decoration:none; }
.headline1 a:hover { background:#e5e5e5 url(img/common/arrow1.gif) no-repeat 17px 13px; color:#333 !important; }



/* ----------------------------------------------------------------------
 layout
---------------------------------------------------------------------- */
#header_top { height:110px; min-width:1000px; border-bottom:1px solid #ccc; }
#header_top_inner { width:1000px; margin:0 auto; position:relative; }
#menu_area { background:#333; min-width:1000px; margin-top:-1px; }
#menu_area_inner { width:1000px; height:35px; margin:0 auto; position:relative; }
#contents { width:1000px; margin:0 auto; padding:20px 0; }
#main_col { float:left; width:680px; }
#side_col { float:right; width:300px; position:relative; }
#side_col2 { width:200px; float:right; position:relative; }

/* three column */
.three_column #main_col { width:560px; margin:0 0 0 220px; }
.three_column #side_col { width:200px; float:left; margin:0 0 0 -780px; position:relative; }
.three_column.layout3 #main_col { margin:0; }
.three_column.layout3 #side_col { margin:0 0 0 20px; }

/* etc */
.page-template-page-noside-nocomment #main_col, .page-template-page-noside #main_col { float:none; width:auto; margin:0; }
.layout2 #main_col { float:right; }
.layout2 #side_col { float:left; }



/* ----------------------------------------------------------------------
 header
---------------------------------------------------------------------- */
/* logo */
#logo_text { position:absolute; top:42px; left:0px; display:block; line-height:100%; font-size:26px; font-weight:normal; }
#logo_text a { color:#333; text-decoration:none; }
#logo_text a:hover { text-decoration:underline; color:#003d53; }
#logo_image { margin:0; padding:0; position:absolute; line-height:100%; }
#logo_image a { display:block; }
#logo_image img { max-height:140px; max-width:1000px; }


/* header free space */
#header_free_space  { position:absolute; right:0px; top:10px; }


/* site description */
#site_description { float:left; display:block; color:#333; font-size:10px; font-weight:normal; height:32px; line-height:32px; }


/* social link */
#social_link { float:right; margin:8px 0 0 0; }
#social_link li { float:left; margin:0 0 0 20px; height:36px; line-height:36px; }
#social_link li a { display:block; text-decoration:none; text-indent:200%; white-space:nowrap; overflow:hidden; position:relative; }
#social_link li.rss a { width:16px; height:16px;  background:url(img/header/icon_rss.png) no-repeat left top; }
#social_link li.twitter a { width:19px; height:16px; background:url(img/header/icon_twitter.png) no-repeat left top; }
#social_link li.facebook a { width:10px; height:18px; background:url(img/header/icon_facebook.png) no-repeat left top; }
#social_link li a:hover { background-position:left bottom; }
#social_link li.facebook { margin-top:-1px; }


/* header menu */
#header_menu { float:right; height:32px; line-height:32px; }
#header_menu li { float:left; font-size:11px; }
#header_menu a { text-decoration:none; color:#333; display:block; padding:0 12px; }
#header_menu a:hover { background:#e2e2e2; color:#333 !important; }


/* global menu */
#global_menu { float:left; position:relative; z-index:10; border-left:1px solid rgba(255,255,255,0.2); }
#global_menu > ul { height:35px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#global_menu ul ul { display:none; position:absolute; top:35px; left:0px; margin:0; padding:0; width:200px; }
#global_menu ul ul ul { left:100%; top:0; margin:0 0 0 -1px; }
#global_menu li { float:left; font-size:1%; position:relative; margin:0; padding:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#global_menu li a { font-size:12px; text-align:center; text-decoration:none; color:#fff; padding:0 25px; margin:0; display:block; height:35px; line-height:35px; border-right:1px solid rgba(255,255,255,0.2); }
#global_menu li a:hover, #global_menu li.active_menu {  }
#global_menu ul ul li { float:none; line-height:150%; padding:0; margin:0; text-align:left; }
#global_menu ul ul a { font-size:12px; position:relative; padding:10px 20px 10px 25px; height:auto; line-height:160%; margin:0 0 -1px 0; text-align:left; background:#000 url(img/common/arrow1.gif) no-repeat 15px 17px; border:none; border-top:1px solid rgba(255,255,255,0.2); }
#global_menu ul ul a:hover { background:#ccc url(img/common/arrow1.gif) no-repeat 15px 17px; color:#fff; }


/* search form */
#header_search_button {
  color:#fff; text-decoration:none; height:35px; line-height:35px; float:right; padding:0 35px 0 42px; margin:0 0 0 20px; border-left:1px solid rgba(255,255,255,0.2); border-right:1px solid rgba(255,255,255,0.2); font-size:12px;
  background:url(img/header/search2.png) no-repeat 20px; -moz-background-size:15px; -webkit-background-size:15px; -o-background-size:15px; -ms-background-size:15px; background-size:15px;
}
#header_search_button:hover { background-color:#000; }
#header_search_form { display:none; position:absolute; z-index:10; right:0px; top:35px; width:270px; padding:10px 15px; background:#000; }
#header_search_form .search_input input { font-size:11px; color:#333; width:215px; height:33px; float:left; padding:5px 10px; border:none; background:#fff; }
#header_search_form .search_input input:focus, .widget_search #search-box:focus, .widget_search #s:focus { color:#000; background:#fff; }
#header_search_form .search_button input {
  float:right; border:none;
  background:#000 url(img/header/search2.png) no-repeat center; -moz-background-size:15px; -webkit-background-size:15px; -o-background-size:15px; -ms-background-size:15px; background-size:15px;
  height:33px; line-height:33px; width:55px; text-indent:300%; white-space:nowrap; overflow:hidden; display:block;
}
#header_search_form .search_button input:hover { cursor:pointer; background-color:#000; }



/* ----------------------------------------------------------------------
 header contents
---------------------------------------------------------------------- */
/* contents slider */
#content_slider { padding:0; margin:0 auto 20px; width:680px; height:250px; overflow:hidden; background:#333; position:relative; z-index:1; }
.three_column #content_slider { width:560px; height:205px; }
#content_slider .image img { width:340px; height:250px; display:block; float:left; }
#content_slider .image { position:relative; display:inline-block; }
#content_slider .image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
#content_slider .image:hover:after { box-shadow:inset 0 0 0 8px rgba(255,255,255, 0.3); }
.three_column #content_slider .image { width:280px; overflow:hidden; }
.three_column #content_slider .image img { width:280px; height:205px; }
#content_slider .post_data { float:right; width:340px; height:250px; position:relative; }
.three_column #content_slider .post_data { width:280px; }
#content_slider .post_title { font-size:16px; line-height:160%; margin:20px 20px 15px; max-height:76px; overflow:hidden; }
.three_column #content_slider .post_title { font-size:14px; max-height:55px; margin:10px 15px; }
#content_slider .post_title a { text-decoration:none; display:block; color:#fff; }
#content_slider .post_title a:hover { text-decoration:underline; }
#content_slider .post_excerpt { color:#fff; margin:15px 20px; line-height:180%; font-size:12px; overflow:hidden; max-height:86px; }
.three_column #content_slider .post_excerpt { font-size:11px; max-height:56px; margin:0 15px; }
.flex-control-paging { position:absolute; right:0; bottom:0px; z-index:9999; background:#000; width:340px; }
.flex-control-paging li { float:left; margin:0; }
.flex-control-paging li a { display:block; height:35px; width:35px; text-align:center; line-height:35px; cursor:pointer; color:#fff; }
.three_column .flex-control-paging { width:280px; }
#content_slider .headline { margin:0; padding:0; font-size:14px; font-weight:normal; }
#content_slider .headline a { display:block; color:#fff; text-decoration:none; padding:8px 20px; background:#444; }
.three_column #content_slider .headline a { padding:8px 15px; }


/* header image */
#header_image { padding:0; margin:0 0 20px 0; }
#header_image img { margin:0 auto; display:block; max-width:100%; height:auto; }



/* ----------------------------------------------------------------------
 Index
---------------------------------------------------------------------- */

/* post list */
.index_post_list { margin:0 0 20px 0; }


/* post list1 */
.post_list1 { background:url(img/common/dot1.gif) repeat-y 340px top; }
.three_column .post_list1 { background:url(img/common/dot1.gif) repeat-y 280px top; }
.post_list1 a { color:#333; text-decoration:none; }
.post_list1 a:hover { text-decoration:underline; }
.post_list1 .post1 { float:left; width:320px; margin:0 40px 0 0; }
.three_column .post_list1 .post1 { width:250px; }
.post_list1 .post1 .image { position:relative; display:block; width:320px; height:auto; border:1px solid #ddd; margin:0 0 15px 0; }
.post_list1 .post1 .image img { display:block; width:320px; height:auto; }
.post_list1 .post1 .image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
.post_list1 .post1 .image:hover:after { box-shadow:inset 0 0 0 6px rgba(255,255,255, 0.3); }
.three_column .post_list1 .post1 .image { width:265px; height:auto; }
.three_column .post_list1 .post1 .image img { display:block; width:265px; height:auto; }
.post_list1 .post1 .info { width:320px; }
.three_column .post_list1 .post1 .info { width:265px; }
.post_list1 .post1 .title { margin:0 0 10px; padding:0; font-size:14px; line-height:160%; }
.post_list1 .post1 .title a { display:block; }
.post_list1 .post1 .post_list_date { margin:0 0 10px; color:#666; font-size:12px; }
.post_list1 .post1 .post_list_date span { margin:0 0 0 10px; }
.post_list1 .post1 .excerpt { margin:0; padding:0; line-height:200%; font-size:12px; color:#666; }
.post_list1 .post2 { position:relative; width:320px; float:left; }
.three_column .post_list1 .post2 { width:265px; float:right; }
.post_list1 .post2 li { margin:0 0 12px 0; }
.post_list1 .post2 li:last-child { margin:0; }
.post_list1 .post2 .image { width:70px; height:70px; display:block; position:relative; float:left; border:1px solid #ddd; }
.post_list1 .post2 .image img { width:70px; height:70px; display:block; }
.post_list1 .post2 .image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
.post_list1 .post2 .image:hover:after { box-shadow:inset 0 0 0 4px rgba(255,255,255, 0.3); }
.post_list1 .post2 .info { float:right; width:235px; }
.three_column .post_list1 .post2 .info { width:180px; }
.post_list1.no_image .post2 .info { float:none; width:auto; }
.post_list1 .post2 .post_list_date { margin:0; color:#666; font-size:12px; }
.post_list1 .post2 .post_list_date span { margin:0 0 0 10px; }
.post_list1 .post2 .title { margin:0 0 10px 0; padding:0; font-size:14px; line-height:150%; max-height:45px; overflow:hidden; }
.post_list1 .post2 .title a { display:block; }


/* post list2 */
.post_list2 { position:relative; overflow:hidden; }
.post_list2 ol { margin:-14px -35px 0 0; position:relative; }
.three_column .post_list2 { }
.three_column .post_list2 ol { margin:-12px -30px 0 0; }
.post_list2 a { color:#333; text-decoration:none; }
.post_list2 a:hover { text-decoration:underline; }
.post_list2 li {
  display:inline-block; vertical-align:top; width:320px; height:252px; margin:14px 31px 0 0; border:1px solid #ccc;
}
.three_column .post_list2 li { width:265px; height:223px; margin:12px 21px 0 0; }
.post_list2.no_image li { height:100px; }
.post_list2 .image { display:block; position:relative; width:320px; height:160px; margin:0 0 5px 0; }
.post_list2 .image img { width:320px; height:160px; display:block; }
.post_list2 .image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
.post_list2 .image:hover:after { box-shadow:inset 0 0 0 6px rgba(255,255,255, 0.3); }
.three_column .post_list2 .image { width:265px; height:auto; }
.three_column .post_list2 .image img { width:265px; height:auto; }
.post_list2 .info { width:320px; }
.three_column .post_list2 .info { width:265px; }
.post_list2 .title { margin:10px; padding:0; font-size:14px; line-height:160%; max-height:45px; overflow:hidden; }
.post_list2 .title a { display:block; }
.post_list2 .post_list_date { margin:0 10px 15px; font-size:12px; color:#666; }
.post_list2 .post_list_date span { margin:0 0 0 10px; }


/* post list3 */
.post_list3 { background:url(img/common/dot1.gif) repeat-y 340px top; overflow:hidden; }
.three_column .post_list3 { background:url(img/common/dot1.gif) repeat-y 280px top; }
.post_list3 ol { margin:-10px -40px 0 0; }
.post_list3 a { color:#333; text-decoration:none; }
.post_list3 a:hover { text-decoration:underline; }
.post_list3 li { margin:10px 35px 0 0; width:320px; display:inline-block; vertical-align:top; }
.three_column .post_list3 li { width:265px; margin-right:24px; }
.post_list3.no_image li { margin-bottom:10px; }
.post_list3 .image { float:left; display:block; position:relative; width:70px; height:70px; border:1px solid #ddd; margin:0 15px 0 0; }
.post_list3 .image img { width:70px; height:70px; display:block; }
.post_list3 .image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
.post_list3 .image:hover:after { box-shadow:inset 0 0 0 4px rgba(255,255,255, 0.3); }
.post_list3 .title { margin:0 0 10px 0; padding:0; font-size:14px; line-height:150%; max-height:45px; overflow:hidden; }
.post_list3 .title a { display:block; }
.post_list3 .post_list_date { margin:0; color:#666; font-size:12px; }
.post_list3 .post_list_date span { margin:0 0 0 10px; }


/* post list4 */
.post_list4 { }
.post_list4 li { border-bottom:1px dotted #ccc; margin:0 0 5px 0; padding:0 0 5px 0; }
.post_list4 li:last-child { border:none; padding:0; margin:0; }
.post_list4 .post_list_date { margin:0 0 7px; color:#666; font-size:12px; }
.post_list4 .post_list_date span { margin:0 0 0 10px; }
.post_list4 .title { margin:0 0 5px; padding:0; font-size:14px; line-height:160%; }
.post_list4 .title a { display:block; text-decoration:none; color:#333; }
.post_list4 .title a:hover { text-decoration:underline; }
.post_list4 .excerpt { margin:0; padding:0; line-height:200%; font-size:12px; color:#666; }
.post_list4 .image { float:left; display:block; position:relative; width:90px; height:90px; border:1px solid #ddd; margin:0 15px 0 0; }
.post_list4 .image img { width:90px; height:90px; display:block; }
.post_list4 .image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
.post_list4 .image:hover:after { box-shadow:inset 0 0 0 4px rgba(255,255,255, 0.3); }

/* post list5 */
.post_list5 { }
.post_list5 li { border-bottom:1px dotted #ccc; margin:0 0 5px 0; padding:0 0 3px 0; }
.post_list5 li:last-child { border:none; padding:0; margin:0; }
.post_list5 .post_list_date { margin:0 0 7px; color:#666; font-size:12px; }
.post_list5 .post_list_date span { margin:0 0 0 10px; }
.post_list5 .title { margin:0 0 5px; padding:0; font-size:14px; line-height:160%; }
.post_list5 .title a { display:block; text-decoration:none; color:#333; padding-top:2px;}
.post_list5 .title a:hover { text-decoration:underline; }
.post_list5 .image { float:left; display:block; position:relative; width:45px; height:45px; border:1px solid #ddd; margin:0 15px 0 0; }
.post_list5 .image img { width:45px; height:45px; display:block; }
.post_list5 .image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
.post_list5 .image:hover:after { box-shadow:inset 0 0 0 4px rgba(255,255,255, 0.3); }

/* default post style */
#default_post_list_style { margin:0 0 20px 0; overflow:hidden; }
#default_post_list_style > li { margin:0 0 20px 0; } 
#default_post_list_style > li:last-child { margin:0; }
#default_post_list_style .title { margin:0; }
#default_post_list_style .title h2 { font-size:16px; line-height:120%; margin:0 0 15px 0; border-bottom:1px dotted #ccc; }
#default_post_list_style .title h2 a { text-decoration:none; display:block; color:#333; border-top:3px solid #333; padding:15px 0; }
#default_post_list_style > li:first-child .title h2 a { border:none; margin-top:-15px; } 
#default_post_list_style .title a:hover { text-decoration:underline;  }
#default_post_list_style .post_meta_top { float:left; margin:0 0 10px 0; }
#default_post_list_style .post_meta_top li { float:left; font-size:11px; margin:0 10px 5px 0px; padding:0 10px 0 0; line-height:150%; color:#999; }
#default_post_list_style .post_meta_top a { color:#999; }
#default_post_list_style .post_meta_top .post_date span { margin:0 0 0 15px; }
#default_post_list_style .post_meta_top .post_category { background:url(img/common/icon_category.png) no-repeat left 4px; padding-left:15px; }
#default_post_list_style .post_meta_top .post_tag { background:url(img/common/icon_tag.png) no-repeat left 5px; padding-left:15px; }
#default_post_list_style .post_meta_top .post_comment { background:url(img/common/icon_comment.png) no-repeat left 5px; padding-left:18px; }
#default_post_list_style .image { width:180px; height:auto; display:block; position:relative; float:left; border:1px solid #ddd; margin:0 15px 0 0; }
#default_post_list_style .image img { width:100%; height:auto; display:block; }
#default_post_list_style .image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
#default_post_list_style .image:hover:after { box-shadow:inset 0 0 0 4px rgba(255,255,255, 0.3); }
#default_post_list_style .excerpt { font-size:13px; line-height:180%; }
#default_post_list_style a.more-link { float:right; font-size:12px; background:#ccc; text-decoration:none; display:inline-block; height:30px; line-height:30px; padding:0 31px; color:#fff; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; position:relative; margin:12px 0 0 0; }
#default_post_list_style a.more-link:hover { background:#fff; }


/* free space */
.index_free_space { margin:0 0 25px 0; }



/* ----------------------------------------------------------------------
 archive
---------------------------------------------------------------------- */
/* post list1 */
#archive_post_list1 { }
#archive_post_list1 li { border-bottom:1px dotted #ccc; padding:0 0 12px 0; margin:0 0 12px 0; }
#archive_post_list1 .image { float:left; display:block; position:relative; width:220px; height:157px; border:1px solid #ddd; margin:0 20px 0 0; }
#archive_post_list1 .image img { width:220px; height:157px; display:block; }
#archive_post_list1 .image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
#archive_post_list1 .image:hover:after { box-shadow:inset 0 0 0 6px rgba(255,255,255, 0.3); }
#archive_post_list1 .info { }
#archive_post_list1 .title { margin:0 0 10px; padding:0; font-size:18px; line-height:160%; }
#archive_post_list1 .title a { text-decoration:none; display:block; }
#archive_post_list1 .title a:hover { text-decoration:underline; }
#archive_post_list1 .post_list_date { margin:0 0 10px; color:#666; font-size:12px; }
#archive_post_list1 .post_list_date span { margin:0 0 0 10px; }
#archive_post_list1 .excerpt { margin:0; padding:0; line-height:200%; font-size:12px; color:#666;  }


/* post list2 */
#archive_post_list2 { }
#archive_post_list2 li { border-bottom:1px dotted #ccc; padding:0 0 12px 0; margin:0 0 12px 0; }
#archive_post_list2 .post_list_date { margin:0 0 10px; }
#archive_post_list2 .title { margin:0 0 10px; padding:0; font-size:18px; line-height:160%; }
#archive_post_list2 .title a { text-decoration:none; display:block; }
#archive_post_list2 .title a:hover { text-decoration:underline; }
#archive_post_list2 .post_list_date { margin:0 0 10px; color:#666; font-size:12px; }
#archive_post_list2 .post_list_date span { margin:0 0 0 10px; }
#archive_post_list2 .excerpt { margin:0; padding:0; line-height:200%; font-size:11px; color:#888; }


/* free spage */
.archive_free_space { margin:0 0 25px 0; }



/* ----------------------------------------------------------------------
 single post page
---------------------------------------------------------------------- */
.post_content { padding:20px 0 0; }
.page .post_content { padding:0 0 30px; }
.post_content.index_free_space { padding:0; }

/* title and date */
#single_title { margin:0 0 10px 0; position:relative; }
#single_title h1 { font-size:27px; font-weight:normal; line-height:120%; border-bottom:1px dotted #ccc; margin:0 0 20px 0; padding:4px 0 25px 0; }
#single_title #post_meta_top { }
#single_title #post_meta_top li { float:left; margin:0 15px 0 0; font-size:14px; }
#single_title .post_author { font-weight:bold; }
#single_title .post_author span { font-weight:normal; }
#single_title .post_author a { text-decoration:none; }
#single_title .post_author a:hover { text-decoration:underline; }
#single_title .post_date { border-left:1px solid #ccc; padding:0 0 0 15px; }
#single_title .post_date span { margin:0 0 0 15px; }
#single_title .share_button { margin:20px 0 0 0; }
#single_title .share_button li { margin:0 10px 0 0; }
#single_title .post_time { position:absolute; right:0px; bottom:0px; padding:0 15px; height:25px; line-height:25px; margin:0; font-size:12px; font-weight:bold; background:#ccc; display:inline-block; color:#fff; }


/* post meta */
#post_meta { border-bottom:1px dotted #ccc; border-top:1px dotted #ccc; padding:5px 0 15px; font-size:11px; margin:20px 0 20px 0; }
#post_meta ul { margin:10px 0 0 0; }
#post_meta li { float:left; color:#999; margin:0 10px 5px 0px; padding:0 10px 0 0; line-height:150%; font-size:11px; }
#post_meta li.post_date { background:url(img/common/icon_date.png) no-repeat left 5px; padding-left:15px; }
#post_meta li.post_author { background:url(img/common/icon_author.png) no-repeat left 5px; padding-left:15px; }
#post_meta li.post_category { background:url(img/common/icon_category.png) no-repeat left 5px; padding-left:15px; }
#post_meta li.post_tag { background:url(img/common/icon_tag.png) no-repeat left 5px; padding-left:15px; }
#post_meta li.post_comment { background:url(img/common/icon_comment.png) no-repeat left 5px; padding-left:18px; }
#post_meta .share_button li { margin:0 10px 5px 0; padding:0; }


/* bookmark */
#post_meta .bookmark { margin:20px 0 0 0; }
#post_meta .bookmark ul { margin:0; }
#post_meta .bookmark li { background:none; padding:0; margin:0 7px 0 0; padding:0; height:75px; max-width:80px; }


/* free space */
.single_free_space { margin:0 0 25px 0; }
#single_free_space_title { margin:0 0 5px 0; }
#single_free_space_top { margin:0 0 5px 0; }
#single_free_space_bottom { padding:10px 0 0 0; }


/* related post*/
#related_post { margin:0 0 15px 0; clear:both; }

#related_post .type1 { margin:-10px -20px 0 0; position:relative; }
#related_post .type1 li { display:inline-block; vertical-align:top; margin:0 10px 0 0; width:216px; height:180px; padding:10px 0; }
.three_column #related_post .type1 li { width:180px; height:160px; margin:0 4px 0 0; }
#related_post.no_image .type1 li { height:auto; }
#related_post .type1 .image { width:216px; height:108px; display:block; position:relative; border:1px solid #ddd; margin:0 0 7px 0; }
#related_post .type1 .image img { width:216px; height:108px; display:block; }
#related_post .type1 .image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
#related_post .type1 .image:hover:after { box-shadow:inset 0 0 0 6px rgba(255,255,255, 0.3); }
.three_column #related_post .type1 .image { width:180px; height:auto; }
.three_column #related_post .type1 .image img { width:180px; height:auto; }
#related_post .type1 .title { margin:0 0 7px 0; padding:0; font-size:14px; line-height:150%; max-height:42px; overflow:hidden; }
#related_post .type1 .title a { text-decoration:none; display:block; }
#related_post .type1 .title a:hover { text-decoration:underline; }
#related_post .type1 .post_list_date { margin:0; color:#666; font-size:12px; }
#related_post .type1 .post_list_date span { margin:0 0 0 10px; }

#related_post .type2 { margin:-10px -20px 0 0; position:relative; overflow:hidden; }
#related_post .type2 li { border-top:1px dotted #ccc; display:inline-block; vertical-align:top; width:330px; margin:-1px 13px 0 0; padding:10px 0 13px; }
.three_column #related_post .type2 li { width:270px; }
#related_post .type2 .image { width:85px; height:85px; display:block; position:relative; float:left; border:1px solid #ddd; margin:0 15px 0 0; }
#related_post .type2 .image img { width:85px; height:85px; display:block; }
#related_post .type2 .image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
#related_post .type2 .image:hover:after { box-shadow:inset 0 0 0 6px rgba(255,255,255, 0.3); }
#related_post .type2 .title { margin:0 0 10px 0; padding:0; font-size:14px; line-height:150%; max-height:65px; overflow:hidden; }
#related_post .type2 .title a { text-decoration:none; display:block; }
#related_post .type2 .title a:hover { text-decoration:underline; }
#related_post .type2 .post_list_date { margin:0; color:#666; font-size:12px; }
#related_post .type2 .post_list_date span { margin:0 0 0 10px; }

#related_post .type3 { margin:0; position:relative; }
#related_post .type3 li { margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px dotted #ccc; line-height:160%; }
#related_post .type3 li:last-child { border:none; }
#related_post .type3 .title { margin:0 0 5px 0; padding:3px 0 0 0; font-size:14px; line-height:150%; }
#related_post .type3 .title a { display:block; }
#related_post .type3 .post_list_date { margin:0; color:#666; font-size:12px; }
#related_post .type3 .post_list_date span { margin:0 0 0 10px; }
#related_post .type3 .image { width:50px; height:50px; display:block; position:relative; float:left; border:1px solid #ddd; margin:0 15px 0 0; }
#related_post .type3 .image img { width:50px; height:50px; display:block; }
#related_post .type3 .image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
#related_post .type3 .image:hover:after { box-shadow:inset 0 0 0 4px rgba(255,255,255, 0.3); }



/* next prev post link */
#next_prev_link { margin:0 0 20px; padding:0; clear:both; }
#next_prev_link a {
  display:table-cell; line-height:160%; font-size:14px; text-decoration:none; width:50%; padding:12px 20px 13px; position:relative;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
  background:#f2f2f2;
}
#next_prev_link .prev_post a { float:left; padding-left:35px; border-right:1px solid #fff; }
#next_prev_link .next_post a { float:right; text-align:right; padding-right:35px; border-left:1px solid #fff; }
#next_prev_link a:hover { color:#fff; background:#ccc; }
#next_prev_link a:hover:after { color:#fff; }

#next_prev_link a:after { content:""; width:20px; height:20px; display:block; top:21px; position:absolute; }
#next_prev_link .prev_post a:after { left:15px; background:url(img/common/arrow4.gif) no-repeat left top; }
#next_prev_link .next_post a:after { right:0px; background:url(img/common/arrow3.gif) no-repeat left top; }


/* free space for page */
#page_free_space_top { margin:0 0 30px; clear:both; }
#page_free_space_bottom { margin:10px 0; clear:both; }
#page_free_space_top img, #page_free_space_bottom img { max-width:100%; height:auto; }



/* ----------------------------------------------------------------------
 side content
---------------------------------------------------------------------- */
.three_column .side_headline span { padding:0 10px; }


/* author information */
.three_column .author_widget .author_link li { float:none; width:100%; }


/* calendar */
.three_column .side_col #wp-calendar th, .three_column .side_col #wp-calendar td { line-height:210%; }
#footer #wp-calendar { margin-bottom:10px; }
#footer #wp-calendar th, #footer #wp-calendar td { color:#999; }
#footer #wp-calendar td#today { color:#fff; }
#footer #wp-calendar td a { background-color:#555; }
#footer #wp-calendar #prev a, #footer #wp-calendar #next a { color:#999; }
#footer #wp-calendar #prev a:hover, #footer #wp-calendar #next a:hover { color:#fff; }


/* free space */
.fixed_ad { position:fixed; top:0px; height:auto; width:300px; }
.fixed_ad2 { position:absolute; bottom:0px; height:auto; width:300px; }
.three_column .free_widget { padding:0; }
.three_column .fixed_ad { width:200px; }
.three_column .fixed_ad2 { width:200px; }
#footer_widget .free_widget { margin-top:60px; }


/* orginal widget post list */
.no_thumbnail .widget_post_list .info { width:100%; }
#footer_widget .widget_post_list { margin:0; }
#footer_widget .widget_post_list li { padding:0 0 10px 0; margin:0 0 10px 0; }
#footer .widget_post_list .date { color:#777; }
.no_thumbnail #footer_widget .widget_post_list .info { float:none; width:100%; }


/* search */
#footer .widget_search #search-box, #footer .widget_search #s { background:#444; border:1px solid #444; box-shadow:none; color:#ddd; }



/* ----------------------------------------------------------------------
 footer
---------------------------------------------------------------------- */
/* recommend post */
#footer_recommend_wrap { width:100%; min-width:1000px; height:215px; overflow:hidden; background:#f2f2f2; position:relative; margin-bottom:-1px; }
#footer_recommend { width:1000px; margin:0 auto; }
#footer_recommend h3 { font-size:14px; background:#333; color:#fff; margin:0 0 15px 0; padding:0 25px; font-weight:normal; height:30px; line-height:30px; display:inline-block; }
#footer_recommend_post { width:1000px; }
#footer_recommend_post .item { position:relative; width:235px; height:148px; }
#footer_recommend_post a.image { display:block; margin:0; position:relative; overflow:hidden; width:235px; height:148px; }
#footer_recommend_post a.image img { width:235px; height:168px; display:block; }
#footer_recommend_post a.image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
#footer_recommend_post a.image:hover:after { box-shadow:inset 0 0 0 6px rgba(255,255,255, 0.3); }
#footer_recommend_post a.title { position:absolute; bottom:0; background:rgba(0,0,0,0.7); color:#fff; font-size:11px; display:block; width:205px; padding:10px 15px; text-decoration:none; margin:0; line-height:150%; }
#footer_recommend_post a.title:hover { text-decoration:underline; }
#footer_recommend_post .owl-wrapper-outer { width:1000px; overflow:hidden; }
.owl-next { background:url(img/footer/slider_arrow1.png) no-repeat left bottom; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; width:26px; height:43px; position:absolute; left:-60px; top:55px; }
.owl-prev { background:url(img/footer/slider_arrow2.png) no-repeat left bottom; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; width:26px; height:43px; position:absolute; right:-60px; top:55px; }
.owl-next:hover, .owl-prev:hover { background-position:left top; }
.owl-theme .owl-controls .owl-page { display:none; }


/* footer widget */
#footer_widget { background:#fff; width:100%; min-width:1000px; padding:0; border-top:1px solid #ddd; }
#footer_widget_inner { width:1000px; margin:0 auto; }
.footer_widget { float:left; margin:0 50px 15px 0; width:300px; color:#999; }
.footer_widget.right_widget { margin-right:0; }
.footer_headline { font-size:14px; background:#ccc; color:#fff; margin:0 0 15px 0; padding:0 25px; font-weight:normal; height:30px; line-height:30px; display:inline-block; }
.footer_widget li ul { margin:10px 0 0 1em; }
.footer_widget li { line-height:170%; margin:0 0 15px 0; padding:0; }
.footer_widget img { height:auto; max-width:100%; width:auto; }
.footer_widget p { line-height:170%; margin:0; }
#footer a { text-decoration:underline; color:#333; }
#footer a:hover { }


/* footer menu */
#footer_menu { background:#ccc; min-width:1000px; }
#footer_menu ul { text-align:center; width:1000px; height:40px; line-height:40px; margin:0 auto; }
#footer_menu ul li { display:inline; font-size:12px; }
#footer_menu ul li a { color:#fff; text-decoration:none; border-right:1px solid #eee; padding:0 15px 0 0; margin:0 10px 0 0; }
#footer_menu ul li a:hover { text-decoration:underline; }
#footer_menu ul li:last-child a { border:none; padding:0; margin:0; }


/* copyright */
#copyright { text-align:center; height:40px; line-height:40px; font-size:12px; background:#333; color:#fff; }
#copyright a { color:#fff; }