/*   
Theme Name:base
Theme URI:
Description:This theme supports widget, threaded-comments, theme-options,and translation is ready. Also including page-navigation and multi level dropdown menu.You can see live demo including more information here http://nekomoriya.biz
Author:nekomoriya
Author URI:http://nekomoriya.biz
Version:1.0
Tags: white, simple, three-columns, fixed-width, theme-options, threaded-comments, translation-ready
*/


/* ----- basic --------------------------------------------------------------------------------------------------------------------------------- */
body { margin:0; padding:0; background:url(img/body_bg.gif);
       font-family:"Century Gothic", Arial, Helvetica, sans-serif;
       font-size:13px; color:#555; }
a img { border:none; }
a, a:visited { color:#50988f; text-decoration:none; outline:none; }
a:hover { color:#0075c0; text-decoration:underline; }
p { margin:0 0 1em 0; padding:0; line-height:200%; }
ul { list-style-type:none; margin:0 0 1em 0; padding:0; line-height:0%; }
ul li { margin:0; padding:0; line-height:normal; zoom:1; }
ol { margin:0 0 1em 19px; padding:0; }
ol li { padding:0 0 5px 0; line-height:normal; }
form,table,input,textarea,dl,dt,dd { margin:0; padding:0; }
table { border-collapse:collapse; width:100%; border:0; }
blockquote { margin:0 0 1em 0; padding:35px 20px 0 20px; border:1px solid #ccc; background:#fafafa url(img/quote1.gif) no-repeat 10px 10px; }
blockquote p { margin:0 0 5px 0; }
.quote_bottom { height:30px; background:#fafafa url(img/quote2.gif) no-repeat right ; margin-right:-10px; }
pre { border:1px solid #ccc; background:#fafafa; padding:10px 20px; margin:0 0 1em 0; overflow:auto; }
object { display:block; margin:0 auto; }
.wp-caption-text { text-align:center; }
.alignright { float:right; }
.alignleft { float:left; }
.aligncenter { margin-left:auto; margin-right:auto; }
.centered { margin-left:auto; margin-right:auto; }
.clear { clear:both; }
dl { width:90%;}   
dt {float:left;width:180px;clear:both;}   
dd {margin-left:180px;}  


/* ----- layout -------------------------------------------------------------------------------------------------------------------------------- */
#wrapper { background:#fff;max-width:1000px; margin:0 auto;border-left:1px solid #ccc; border-right:1px solid #ccc;}
#header { xbackground:pink; }
#contents { xbackground:blue; clear:both; padding:0 10px 0 0; }
#left_col { xbackground:brown;float:left; display:inline; width:66%; margin:0 0 0 10px; padding:15px 0 0 0; }
#right_col { xbackground:yellow;float:right; display:inline; width:29%; margin:0; padding:15px 0 0 10px; }
#footer { xbackground:grey; height:360px; padding:0 0 10px 10px;border-top:#ccc 1px dashed; }
#contents_noside { xbackground:purple; clear:both; padding:60px 28px; }

/* ----- header -------------------------------------------------------------------------------------------------------------------------------- */
div#logo { xbackground:black;float:left; display:inline; margin:0;magin-top:150px; }
#logo a,#logo a hover, #logo a:visited {
    margin: 0;
	line-height: 1.5;
	color: #333;
	font-size:200% !important;
	font-size:195%;
    background: url(img/logo.png) no-repeat ;
	width: 300px; 
	height: 100px; 
	display:block; 
	text-indent:-9999px; 
	overflow:hidden;
}

/* blog title - text */
#logo_text, #logo_text:visited { color:#888; font-size:32px; }
#logo_text:hover { text-decoration:none; color:#2089cc; }

/* blog description */
#description { font-weight:normal; line-height:100%; margin:0 10px; padding:0; color:#aaa; font-size:13px;position:absolute;top:5px }

/* blog title - image (If you are using image for blog title, adjust margin) */
#logo_image { margin:3px 0px 0px -5px; display:block; }

#header_meta { background: url(img/header_meta_bg.png) no-repeat right bottom;float:right; display:inline; margin:2px 10px 0 0;height:100px;width:400px;padding:2px 0; }
#header_meta a{float:right; background:url(img/arrow5.gif) no-repeat left center; padding:0 0 0 10px;margin-left:10px;  font-size:12px; margin:12px;}
#header_meta a:hover { text-decoration:none; }


/* search area */
#header_search_area { float:left; width:127px; height:32px; background:url(img/search_area.gif) no-repeat left top; margin:0 15px 0 0; position:relative; }
#search_input { position:absolute; top:13px; left:8px; margin:0; border:0px; height:15px; display:inline; width:105px; font-size:100%; color:#bbb; background:transparent; }
#search_button { position:absolute; right:0px; }
#header_img{margin:10px 0}
.sm {list-style:none; width:1000px; height:300px; display:block; overflow:hidden}
.sm li {float:left; display:inline; overflow:hidden}
#header_img img{width:600px;height:300px;}
/* ***********************************************************

       header menu is at the bottom of this page!

************************************************************ */
/* ----- home left_col ------------------------------------------------------------------------------------------------------------------------------ */
.news{clear:both;float:left;background: url(img/news_bg.png);padding:13px 8px;}
.news img {margin-right:5px;margin-bottom:5px;}
.banner{xbackground:red;float:right;margin:0 0 0 5px;}
.cate{font-size:140%;background:url(img/cate_bg.png) repeat-x left bottom; height:30px;padding-top:6px;padding-left:5px;margin:10px 0;width:260px;}
.post_home {
	padding:0 10px;
	background:url(img/stripe1.gif) repeat-x left bottom;
	max-width:250px;
}
#previous_next_post { padding:15px 30px; margin:0 0 20px 0; }
#previous_next_post #previous_post a { float:left; display:block; width:231px; padding:8px 0 10px 40px; background:url(img/preview_post.gif) no-repeat left top; }
#previous_next_post #next_post a { float:right; display:block; text-align:right; width:231px; padding:8px 40px 10px 0; background:url(img/next_post.gif) no-repeat right top; }
#previous_next_post p { line-height:140%; margin:0; }

/* post title */
.post_title_home { font-size:16px; margin:0; font-weight:normal; line-height:140%; padding:0; color:#555; }
.post_title_home a, .post_title a:visited { color:#555; display:inline-block; }
.post_title_home a:hover { text-decoration:none; color:#2089cc; }

/* post date,author,etc */
.post_info_home li { display:inline; font-size:11px; margin:0 12px 0 0; color:#aaa;}
.post_info_home li a, .post_info li a:visited { color:#aaa; }
.post_info_home li a:hover { color:#2089cc; }
.post_info_home li.write_comment { background:url(img/arrow5.gif) no-repeat left center; padding:0 0 0 9px; }

/* post contents */
.post_content_home { margin:0 0 10px 0;overflow:hidden; }
.post_content_home p { margin:0 0 1em 0;line-height:1.4em; }
/* ----- home_news ------------------------------------------------------------------------------------------------------------------------------ */
.top_news{clear:both;background: url(img/home_cate_bg.png) repeat-y;padding:10px 0;margin:10px 0;position:relative;}
.home_post {padding:2px 0 20px 0;margin:0;}
.home_cate{position:absolute;padding:0;top:-15px;left:-125px;}
.home_cate a{background:url(img/home_cate_title.png) no-repeat ;text-indent:-9999em; height:94px;width:300px;display:block;}
/* post title */
.home_post_title {clear:both;background: url(img/home_title_ore.png) no-repeat ;border-bottom:1px dashed #ccc;font-size:110%; margin:0 10px 0 190px; font-weight:normal; padding:0;padding-left:22px; color:#ccc; }
.home_post_title a, .post_title a:visited { color:#ccc; display:inline-block; }
.home_post_title a:hover { text-decoration:none; color:#2089cc; }

/* post date,author,etc */
.home_post_info {float:right;margin:0;padding:0;}
.home_post_info li { display:inline; font-size:90%; margin:0 12px 0 0; color:#aaa; }
.home_post_info li a, .post_info li a:visited { color:#aaa; }
.home_post_info li a:hover { color:#2089cc; }
.home_post_info li.write_comment { background:url(img/arrow5.gif) no-repeat left center; padding:0 0 0 9px; }

#ftHolder {margin:0 30px; width: 600px; float: left; text-align: center; height: 300px; padding: 0 0 10px; }
.ft-title { padding: 10px 10px; width: 580px; text-align: left;}

/* ----- left_col ------------------------------------------------------------------------------------------------------------------------------ */
.post { padding:0 30px; }
#previous_next_post { padding:15px 30px; margin:0 0 20px 0; }
#previous_next_post #previous_post a { float:left; display:block; width:231px; padding:8px 0 10px 40px; background:url(img/preview_post.gif) no-repeat left top; }
#previous_next_post #next_post a { float:right; display:block; text-align:right; width:231px; padding:8px 40px 10px 0; background:url(img/next_post.gif) no-repeat right top; }
#previous_next_post p { line-height:140%; margin:0; }
.post h2{background: url(img/stripe5.png) repeat-y left top;font-size:130%; margin:0; font-weight:normal; line-height:220%; padding-left:20px; color:#555;clear:both; }
.post h3{background: url(img/stripe3.gif) left top;font-size:110%; margin:0; font-weight:normal; line-height:220%; padding-left:10px; color:#555;margin-top:5px;clear:both; }
.post h4{background: url(img/stripe7.png) left bottom repeat-x;font-size:100%; margin:0; font-weight:normal; line-height:220%; padding-left:10px; color:#555;margin-top:5px;clear:both; }

/* post title */
.post_title { background: url(img/stripe1.gif);font-size:200%; margin:0; font-weight:normal; line-height:150%; padding-left:20px; color:#555; }
.post_title a, .post_title a:visited { color:#555; display:inline-block; }
.post_title a:hover { text-decoration:none; color:#2089cc; }

/*error page*/
div.error{xbackground:pink; margin:0 20px ;padding:0;}
div.error .post_title{xbackground:red; font-size:22px; margin:30px 20px;}
div.error .post_content {xbackground:blue; margin:0; font-size:16px;margin:20px; }

/* page post title */
h1.post_title { background: url(img/stripe1.gif);font-size:180%; margin:0; font-weight:normal; line-height:180%; padding-left:20px; color:#555; }

/* post date,author,etc */
.post_info li { display:inline; font-size:11px; margin:0 12px 0 0; color:#aaa; }
.post_info li a, .post_info li a:visited { color:#aaa; }
.post_info li a:hover { color:#2089cc; }
.post_info li.write_comment { background:url(img/arrow5.gif) no-repeat left center; padding:0 0 0 9px; }

/* post contents */
.post_content { margin:0 0 60px 0; }
.post_content p { margin:0 0 1em 0; }

.post_content a, .post_content a:visited { text-decoration:underline; }
.post_content a:hover { }



/* read more link */
.news p a,.continued p a, .continued p a:visited ,.post_content a.more-link, .post_content a.more-link:visited
  { max-width:100%;display:block; clear:both;text-indent:-9999em;margin:0; height:32px; line-height:32px; padding:0 240px 0 0; background: url(img/arrow3.gif) no-repeat right top;}
.continued p a:hover,.post_content a.more-link:hover  {background:url(img/arrow3.gif) no-repeat right bottom; text-decoration:none; }

/* layout of image */
.post img.centered,div.centered { display:block; margin:0 auto; }
.post img.aligncenter,div.aligncenter { display:block; margin:0 auto; }
.post img.alignright,div.alignright { margin:4px 0 15px 15px; display:inline; }
.post img.alignleft,div.alignleft { margin:4px 15px 15px 0; display:inline; }
.page .post img,.single .post img{max-width:100%;width:auto;height:auto;}
/* table */
.post table { margin:0 0 1em 0; }
.post td, .post th { border:1px solid #ccc; padding:15px; }
.post th { background:#eee; font-weight:normal; }
.noborder td{border:0px solid #ccc;}

.ryoukin
.ryoukin table { margin:0 0 1em 0; }
.ryoukin td, .post th { border:1px solid #ccc; padding:5px 10px; }
.ryoukin td,  { text-align:center; }
.ryoukin th { background:#eee; font-weight:normal; }

/* list */
.post_content ul li { margin:0 0 1em 0; line-height:160%; background:url(img/bullet1.gif) no-repeat 5px 7px; padding:0 0 0 18px; }
.post_content ol li { margin:0 0 1em 0; line-height:160%; }
.post_content input { margin:5px 0; }

/*jisq14001*/
.jis{margin:0;background: url(img/jis_bg.jpg) no-repeat;padding:120px 110px 0 60px;height:652px;}
.jis p{line-height:1.8em;}

/*repertory cloth floor curtain*/
table.rep{border:10px solid #DDE9EC;background:url(img/stripe1.gif) ;padding:10px;}
table.rep td{xbackground:#fff;xpadding:10px;}

.select h2{margin-bottom:5px;}
.select{padding:0;}
table.select {xbackground:red; margin:0 0 1em 0; }
table.select td, table.select th { border:0px solid #ccc; padding:0;margin:0; }
table.select th {border:0px; background:#F0DEDE; font-weight:normal;paddin:0; }

.brand{background:url(img/brand_bg.jpg);padding: 25px 40px;}

div.page ul li{background:url(img/arrow7.gif) no-repeat 8px 12px;display:inline;font-size:1.2em;}

/*banner*/
.page_banner,.banner_l{margin:0;}
.left{float:left;margin-left:30px;}
.right{float:right;margin-right:30px;}
.page_banner img{max-width:290px;}
div.banner_l img{width:100%;}
.banner_l{margin-left:10px;}
/* ----- post meta ----- */
.post_meta { background: url(img/dot_border.gif) repeat-x left bottom; padding:0; max-width:600px; margin:0 0 60px 30px; clear:both; }
.post_meta ul {  padding:12px 10px 12px 25px; margin:0; line-height:0%; }
.post_meta li { display:block; font-size:11px; line-height:140%; margin:0; }
.post_category { float:left; width:410px; background:url(img/category_icon.gif) no-repeat 4px 2px; padding:0 0 0 22px; }
.post_tag { float:left; width:410px; background:url(img/tag_icon.gif) no-repeat 2px 2px; padding:0 0 0 22px; }
.post_comment { float:right; background:url(img/write_comment.gif) no-repeat left 2px; padding:0 10px 0 22px; max-width:80px; width:auto !important;width:80px; }

/* ----- bread crumb ----- */
#bread_crumb { background: url(img/dot_back.gif) repeat-x left bottom; padding:0; max-width:600px; margin:-10px 0 50px 30px; }
#bread_crumb ul {  padding:12px 15px 12px 30px; margin:0; line-height:0%; }
#bread_crumb li { display:block; float:left; font-size:11px; line-height:140%; margin:0; }
#bread_crumb li#bc_home, #bread_crumb li#bc_cat { background:url(img/arrow6.gif) no-repeat right 5px; padding:0 20px 0 0; margin:0 10px 0 0; }
#bc_home a { text-indent:-9999px; width:11px; height:12px; line-height:0%; display:block; margin:2px 0 0 0; background:url(img/home_icon.gif) no-repeat left top; }
#bc_home a:hover { background:url(img/home_icon.gif) no-repeat left bottom; }
#ie {padding:10px;margin:10px 30px;border: 10px solid #E6CC66;background:#fff;}
#ie h3{margin: 0;_height:1px;padding:8px 10px;font-size:220% !important;font-size:215%;color:#A13333;}

/* ----- sitemap ----------------------------------------------------------------------------------------------------------------------------- */
.post_content ul li.pagenav,.post_content ul li.categories { margin:0 0 1em 0; line-height:160%; background:none; padding:0 0 0 18px; }
.post_content ul li.pagenav ul li,.post_content ul li.categories ul li{background: url(img/li.gif) no-repeat left 5px;margin-top:10px;}
/*-------------------------------------------------
kopagelist
----------------------------------------------------*/
#ko_page{margin:30px;padding:0;font-size:120%;xbackground:blue;clear:both;}
#ko_page h3 {xdisplay:none;margin: 0;_height:1px;padding:8px 5px 10px 5px;background: url(img/stripe2.gif) bottom repeat-x ;font-size:120% !important;font-size:115%;font-weight:normal;}
#ko_page ul{list-style:none;margin:5px 0 15px;padding:5px 0 10px ;/*background:yellow;*/}
#ko_page ul li {xbackground:green ;text-decoration: none;padding:10px 0 5px 0;}
#ko_page ul li a{text-decoration: none;}
#ko_page ul li li {background:/*red*/ url(img/li.gif) no-repeat left center;text-decoration: none;padding:10px 0 5px 1em;}
#ko_page ul li li a{text-decoration: none;}

/* ----- right_col ----------------------------------------------------------------------------------------------------------------------------- */
.side_title { background: url(img/stripe5.png) repeat-x left bottom;margin:0 0 10px 0; font-size:18px; text-transform:uppercase; color:#555; font-weight:normal; line-height:200%; clear:both;}
.side_box { margin:0 0 30px 0; font-size:14px; }
#right_col ul { }
#right_col li { margin:0 0 0.3em 0; line-height:140%; }
#right_col li li { padding:0 0 0 15px; margin:3px 0; background: url(img/li.gif) no-repeat left center; }

#side_left { float:left; width:130px; padding:0; display:inline; margin:0; }
#side_right { float:right; width:130px; padding:0; display:inline; margin:0; }

.side_box_short { margin:0 0 50px 0; width:120px; font-size:11px; color:#aaa; }

#side_bottom { clear:both; }

/* this is just for default mode */
#side_left_ex { float:left; width:130px; padding:0; display:inline; margin:0; }
#side_right_ex { float:right; width:130px; padding:0; display:inline; margin:0; }
#side_bottom_ex { clear:both; }

/* calendar */
#wp-calendar { margin:0 auto; width:100%; font-size:11px; }
#wp-calendar th, #wp-calendar td {  padding:0; width:14%; line-height:220%; text-align:center; }
#wp-calendar th { color:#333; }
#wp-calendar td a, #wp-calendar td a:visited { display:block; text-decoration:none; color:#fff; background:url(img/calendar2.gif) no-repeat  center; }
#wp-calendar td a:hover { text-decoration:none;  color:#fff; background:url(img/calendar3.gif) no-repeat  center; }
#wp-calendar caption { padding:8px 0; }
#wp-calendar tfoot td { border:none; padding:5px 0; }
#wp-calendar #prev a, #wp-calendar #prev a:visited, #wp-calendar #next a, #wp-calendar #next a:visited,
 #side_middle #wp-calendar #prev a, #side_middle #wp-calendar #prev a:visited, #side_middle #wp-calendar #next a, #side_middle #wp-calendar #next a:visited
  { text-decoration:none; background:none; color:#81aaa4; }
#wp-calendar #prev a:hover, #wp-calendar #next a:hover,
 #side_middle #wp-calendar #prev a:hover, #side_middle #wp-calendar #next a:hover
 { text-decoration:underline; color:#2089cc; }
#wp-calendar td#today { color:#555; background:url(img/calendar1.gif) no-repeat  center; }

#side_middle #wp-calendar td#today { background:url(img/calendar4.gif) no-repeat  center; }
#side_middle #wp-calendar td a, #side_middle #wp-calendar td a:visited { background:url(img/calendar5.gif) no-repeat  center; }
#side_middle #wp-calendar td a:hover { background:url(img/calendar6.gif) no-repeat  center; }
input{border: 1px solid #CCC;}

/*side_banner*/
.side_banner{margin:0;}
.side_banner img{max-width:290px;}

/* ----- footer ------------------------------------------------------------------------------------------------------------------------------- */
ul#copyright {width:95%; float:left; display:inline; margin:10px 0 0 10px; padding:0 ;clear:both;overflow:hidden; }
#copyright li { float:left; display:inline; font-size:11px; margin:0 10px 0 0; padding:3px 0 5px 13px; background:url(img/footer_line.gif) no-repeat left center; }
#copyright li a, #copyright li a:visited { }

/* return top link */
#return_top { position:absolute; position:fixed; right:5px; bottom:15px; width:18px; height:99px;text-indent:-9999em;
                display:block; background:url(img/return_top.png) no-repeat left top; }
#return_top:hover { background:url(img/return_top.png) no-repeat right top; }

.footer_title { background:url(img/footer_title.gif) no-repeat left center;margin:0 0 2px 0; font-size:14px; text-transform:uppercase; color:#555; font-weight:normal; line-height:160%;padding-left:15px; }
.footer_box {xbackground:red; margin:10px 10px 5px 30px; font-size:12px;float:left; xclear:both;width:28%;}
.footer_box ul li{padding-top:2px;}
.footer_box li li { padding:0 0 0 15px; margin:3px 0; background: url(img/li.gif) no-repeat left 3px; }

div.social {xbackground:red; margin:10px 10px 5px 30px;float:left; clear:both;width:90%;}
.footer_box ul.social li{padding:0;margin:3px;display:inline;float:left;xbackground:red;}
/* ----- page ---------------------------------------------------------------------------------------------------------------------------------- */
#page_edit { margin:0; font-size:11px; }


/*  ------ search,archive ------------- */
#search_result,#archive_headline {  padding:0; max-width:600px; margin:-10px 0 50px 0;font-size:200%; }
#search_result p,#archive_headline p {  margin:0; padding:10px 10px 10px 30px; line-height:160%; }
#keyword { font-weight:bold; color:#2089cc; }
.search_result_content { margin:25px 30px 25px 30px; border-left:1px solid #ccc; padding:5px 0px 0px 15px;  }
.search_result_contents p { clear:both; }
.read_more { padding:0 0 0 20px; }


/* ----- page navi ----------------------------------------------------------------------------------------------------------------------------- */
.page_navi { margin:-10px 0 50px 30px; padding:0; }
.page_navi li { line-height:0%; display:inline; padding:0; margin:0; font-size:11px; }
.page_navi a, .page_navi a:visited, .page_navi a:hover, .page_navi span.current,
.page_navi span.pages, .page_navi span.extend, .page_navi span.current, .page_navi span.dots
 { color:#777; width:30px; padding:0; margin:0 3px 0 0; display:block; float:left; text-align:center; line-height:30px; background:url(img/pager1.gif) no-repeat left top; }
.page_navi a:hover { color:#999; background:url(img/pager1.gif) no-repeat left bottom; text-decoration:none; }
.page_navi span.current { background:url(img/pager2.gif) no-repeat left top; color:#fff; }

#search_pagenavi { margin:70px 0 0 0; }


/* ----- header-menu --------------------------------------------------------------------------------------------------------------------------- */
.header_menu {background: url(img/news_bg.png); clear:both;  margin:0; height:36px; padding:5px 10px; }

.menu {font-size:14px; margin:0; }
.menu, .menu ul {line-height:1; margin:0; padding:0; }
.menu li { background: url(img/stripe1.gif) repeat-y right top; position:relative; float:left; padding:0 18px; z-index:100; }
.menu ul li { xheight:auto; padding:0; left:auto; }
.menu #header-menu-home { border:none; }
.menu a, .menu a:visited { color:#555; display:block; padding:0 10px; line-height:35px; position:relative; top:2px; }
.menu a:hover { color:#555; text-decoration:none; }

.menu ul { position:absolute; top:35px; left:0; display:none; opacity:0; width:120px; }
.menu ul a, .menu ul a:visited { background:#fff; line-height:140%; padding:10px 30px 9px;  width: 120px; margin:-1px 0 0 0; }
.menu ul a:hover { background:#f2f2f2;  color:#555; }
.menu ul ul { xbackground:blue;margin: -34px 0 0 211px; top:34px; }

x.menu .current_page_item a, .menu .current_page_item a:visited { color:#555;  }
.menu .current_page_item a:hover { color:#555;  text-decoration:none; }
.menu .current_page_item ul a, .menu .current_page_item ul a:visited, .menu .current_page_item ul a:hover
 {  }

.menu ul .parent_menu > a:link, .menu ul .parent_menu > a:visited { background:#fff url(img/arrow1.gif) no-repeat 200px 16px; }
.menu ul .parent_menu > a:hover { background:#f2f2f2 url(img/arrow1.gif) no-repeat 200px 16px; }

/* Responsiveness
--------------------------------------------- */
@media screen and (max-width: 870px) {
#wrapper {max-width: 870px;overflow:hidden;}
#right_col {width:28%; margin:50px 0 30px;xbackground:none; }
#left_col {width:68%; margin:0;xbackground:black; }
.menu li {  padding:0 8px;  }
/*新着投稿と、新着ページ*/
.sm,div#text-10,div#text-4{display:none;}
div.news,div.banner {width: 47%;}
.post { padding:0 15px; }
.post_meta { margin:0 0 60px 15px; }
#bread_crumb {margin:-10px 0 50px 15px; }
#bread_crumb ul {  padding:12px 15px 12px 10px;}
#previous_next_post { padding:15px; }
#ko_page{margin:15px;}
.search_result_content { margin:25px 15px 25px ; border-left:1px solid #ccc; padding:5px 0px 0px 15px;  }
.jis{margin:0;background: none;padding:30px 10px;}
.jis p{line-height:2em;}

/*banner*/
.page_banner,banner_l{margin:0;}
.left{float:left;margin-left:10px;width:48%;}
.right{float:right;margin-right:10px;width:48%;}
.page_banner img{max-width:290px;width:100%;}

.side_box img,.banner img,.post img{max-width:100%;}
#footer{height:390px;}
}
@media screen and (max-width: 800px) {
.menu {font-size:12px;}
	
}
@media screen and (max-width: 770px) {
#wrapper {max-width: 770px;overflow:hidden;}
.menu {font-size:13px;}
.menu li {padding:0 4px;}
#return_top,object{display:none;}
div.news,div.banner{width:97%;float:none;margin-top:10px;}
div.news img{display:inherit;}
.post_home { max-width:100%; }
.post_content_home p {line-height:2em; }
.banner img{width:100%;}
.footer_box {width:25%;}

}

@media screen and (max-width: 620px) {
#wrapper {max-width: 620px;}
#header { height:200px; }
div.header_menu{display:none;}
div#logo{width:100%;}
div#header_meta{position:absolute;top:100px;right:5px;}
/*blogtitle*/
h1#description{font-size:130%;line-height:1.5em;}
#right_col {xbackground:red;width:98%; margin:20px 0 0;padding-top:20px;float:none; }
#left_col {width:98%; margin:0;float:none;xbackground:black; }
.side_title {margin: 0 0 10px 10px; }
.side_box ul li{float:left;display:inline;margin-right:10px;}
.side_box p{font-size:120%;}
div.social {margin:5px;width:98%;}
#right_col ul { }
#right_col li { margin:0 0 0.3em 1em; line-height:140%; }
#right_col li li { margin:8px; }
}

@media screen and (max-width: 480px) {
#wrapper {max-width: 480px;}
#cat{display:none;}
/*banner*/
.page_banner,banner_l{margin:0;}
.left{float:none;margin-left:10px;width:98%;}
.right{float:none;margin-right:0;margin-left:10px;width:98%;}
.page_banner img{max-width:100%;width:100%;}

.footer_box {width:98%;margin:5px;}
.footer_box ul li{float:left;display:inline;margin-right:10px;}
.social img{display:none;}
.social a img{width:100px;margin-right:5px;display:inherit;}

}

@media screen and (max-width: 320px) {
#wrapper {max-width: 320px;}
#header { height:130px; }
div#header_meta{background:none;position:absolute;top:100px;right:15px;}

h1#description{font-size:100%;line-height:1.2em;}
.social a img{width:80px;margin:0 5px;}
#single_post img{max-width:100%;height:auto;}
#search_result,#archive_headline {margin:10px 0 10px 0;font-size:150%; }

/* ----- home_news ------------------------------------------------------------------------------------------------------------------------------ */
.top_news{padding:80px 0 10px;margin:10px 0;position:relative;}
.home_cate{position:absolute;padding:0;left:-110px;}
/* post title */
.home_post_title {margin:0 10px 0 ;  }
div.news img{display:none;}
/* post title */
.post_title_home { font-size:20px; margin:0; font-weight:normal; line-height:140%; padding:0; color:#555; }

}

/* ---------- clearfix hack ---------- */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */