/*   
Theme Name:gizagiza
Theme URI:
Description:Diamond City Kennel?@original 
Author:nekomoriya
Author URI:http://nekomoriya.biz/
Version:1.0
Tags: black, white, three-columns, fixed-width, theme-options, threaded-comments, translation-ready
*/


/* ----- basic --------------------------------------------------------------------------------------------------------------------------------- */
body { margin:0; padding:0;background: url(img/haikei.jpg) no-repeat right bottom ;
       font-family: Arial, Helvetica, sans-serif; 
       font-size:13px; color:#666;
scrollbar-base-color:#ede9de;
scrollbar-face-color:#ede9de;
scrollbar-arrow-color:#777;
scrollbar-shadow-color:#ede9de;
scrollbar-darkshadow-color:#ede9de;
scrollbar-highlight-color:#ede9de;
scrollbar-3dlight-color:#ede9de;
scrollbar-track-color:#ede9de;


 }
img{border:none;}
a img { border:none; }
a, a:visited { color:#7f8e91; text-decoration:none; outline:none; }
a:hover { color:#33a8e5; text-decoration:underline; }
p { margin:0 0 1em 0; padding:0; line-height:150%; }
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 23px; padding:0; }
* html ol { margin:0 0 1em 23px; padding:0; }
ol li { padding:0 0 5px 0; }
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; }
.wp-caption{max-width:100%;}
.alignright { float:right; }
.alignleft { float:left; }
.aligncenter { margin-left:auto; margin-right:auto; }
.centered { margin-left:auto; margin-right:auto; }
.clear { clear:both; }


/* ----- layout -------------------------------------------------------------------------------------------------------------------------------- */
#wrapper { max-width:1000px; margin:0 auto;position: relative;background: url(img/bg_1.jpg) repeat-y left ; }
#header { xbackground:orange; }
#contents {xbackground:yellow; }
#left_col {float:right; display:inline; width:57%; margin:0;padding:0 0 0 20px; }
#right_col {float:left; display:inline; width:23.6%; margin:21px 2px 30px 0;xbackground:red; }
#footer {height:20px;xbackground:red;}

/* ----- header -------------------------------------------------------------------------------------------------------------------------------- */
#header_top { height:230px; }
#logo { float:left; display:inline; margin:15px 0 0 0px; }

/*blogtitle*/
#logo a,#logo a hover, #logo a:visited {
	margin:10px 10px 10px -35px;
	line-height: 1.5;
	color: #333;
	font-size:200% !important;
	font-size:195%;
    background: url('img/logo9.png') no-repeat;
	height: 150px; 
	width: 450px; 
	display:block; 
	text-indent:-9999px; 
	overflow:hidden
}

#logo a, #logo a:visited { color:#333; font-size:24px; }
#logo a:hover { text-decoration:none; color:#33a8e5; }

/*description*/
#logo h1 { font-weight:normal; line-height:100%; margin:0; padding:0 10px; color:#aaa; font-size:13px; }

/*header menu is at the bottom of this page*/


/* ----- left_col ------------------------------------------------------------------------------------------------------------------------------ */
.post,.toppost { background: url(img/post_line.gif) no-repeat left bottom; clear:both;padding:0 ;width:100%;margin-bottom:20px;}
#single_post { background:none; }
.post_odd { clear:both; }
.post_even {  clear:both; }
.post_content_wrapper {xbackground:grey;width:100%;float:right; }
.post_meta {float:right; display:inline;width:100%; xpadding:0 0 15px 10px; }
.newitem_meta {xfloat:left; xdisplay:inline; width:100%; xpadding:0 0 15px 10px; }
.content_noside { float:right; max-width:570px; padding:15px; }
/*error page*/
div.error{xbackground:blue;font-size:16px;margin:20px; }
#cat {xbackground:blue;}
#cat ul li a.home{
	background: url(img/home.jpg) no-repeat;
	width:35px;
	height:65px;
	left: 5px;
	bottom:10px;
}	
#cat ul li a.cat_info{
		background: url(img/info.png) no-repeat;
		width:174px;
		height:108px;
		left: 260px;
		top:180px;}
#cat ul li a.cat_birth{
		background: url(img/birth.png) no-repeat;
		width:178px;
		height:108px;
		left:250px;
		top:280px;}
#cat ul li a.cat_blog{
		background: url(img/blog.png) no-repeat;
		width:174px;
		height:108px;
		left: 270px;
		top:430px;
        }
#cat ul li a.twe{
		background:url(img/tweety.gif) no-repeat;
		width:60px;
		height:57px;
		left: 350px;
		top:570px;
		}
		
#cat ul li a{
		text-indent: -9999em;
		display: block;
		overflow:hidden;
		position:absolute;
		}
#cat ul li a:hover{
        background-position:left bottom;
		}

#previous_next_post {
	xbackground:red;
	padding:10px 10px;
	margin:0 0 10px 0;
	clear:both;
}
#previous_next_post #previous_post a { float:left; display:block; width:40%; 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:40%; 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 contents -------------------------------------------------------------------------------------------------------------------------- */

/* post title */
.post_title {
	font-size:22px;
	margin:0 0 11px 0;
	font-weight:normal;
	line-height:1.8em;
	background:url(img/hr.png) repeat-x left bottom;
	padding:0 0 10px 10px;
}
.post_title a, .post_title a:visited, .post_title span { color:#666; line-height:120%;  display:inline-block; padding:0 0 13px 0; }
.post_title a:hover { text-decoration:none; color:#2089cc; }

.post_content {padding:0;font-size:1.2em;line-height:160%; xbackground:red;width:100%;overflow:hidden;}

.post_content p { margin:0 0 15px 0;line-height:190%; }
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 { margin:0 0 15px 0; }
.post_content a,.post_content a:visited { color:#2089cc; text-decoration:underline; }
.post_content a:hover { color:#e2415b; }

/* read more */
.post_content a.more-link,.newitembox a.more-link,.newitembox a.more-link:visited ,#news a.more-link {clear:both;display:block;text-indent:-9999em; margin:0; height:24px; padding:0 40px 0 0; background: url(img/read_more.gif) no-repeat right top; text-decoration:none; }
.post_content a.more-link:hover,.newitembox a.more-link:hover,#news a.more-link:hover{ color:#2089cc; background:url(img/read_more.gif) no-repeat right bottom; text-decoration:none; }


/* ------------------------------------------------------------------------------
post image (delete this 2 line if you wan't to get rid of border around the image) 
------------------------------------------------------------------------------- */
.post a img,.toppost .newsbox img { xborder:1px solid #ccc; xpadding:5px; margin:0 10px 0 0;  xbackground:#f2f2f2; }
x.post a:hover img { border:1px solid #38a1e5; background:#9cd1e1; }


/* 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; }
.post img.wp-smiley { border:0px; padding:0px; margin:0px; background:none; }
.post img.pictogram { border:0px; padding:0px; margin:0px; background:none; }
.post img,#single_post img,img.ecu_images{max-width:100%;width:auto;height:auto;}
.newsbox a img{max-width:100%;}
.newitembox img{max-width:150px;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; }
/* list */
.post_content ul li { margin:0 0 1em 0; line-height:160%; background:url(img/bullet1.gif) no-repeat 3px 7px; padding:0 0 0 18px; }
.post_content ol li { margin:0 0 1em 0; }
.post_content input { margin:5px 0; }

/* ----- post meta --------------------------------------------------------------------------------------------------------------- */
.post_meta { font-size:11px; line-height:160%; xbackground:red;padding-bottom:15px; }
.post_meta dt { color:#999; margin:5px 0 0 0; padding-top:5px; /*background:url(img/dot1.gif) repeat-x bottom;*/ }
.post_meta dt.meta_date { padding:10px 0 2px 0; margin:0; background:none ; }
.post_meta dd {background:url(img/dot1.gif) repeat-x bottom; }
.post_meta a, .post_meta a:visited { color:#666; }
.post_meta a:hover { color:#33a8e5; }
dd.post_date { font-size:22px; padding:2px 0 3px 0;background:url(img/stripe3.gif) repeat-x bottom; }
.post_date span { color:#666; }

/* odd post color (default is blue) */
.meta_comment a, .meta_comment a:visited, .post_date, .post_meta dt.meta_comment { color:#33a8e5; }

/* even post color (default is green) */
.post_even .meta_comment a, .post_even .meta_comment a:visited, .post_even .post_date, .post_even .post_meta dt.meta_comment, .post_even .post_meta a:hover
 { color:#75e730; }

/* ----- right_col ----------------------------------------------------------------------------------------------------------------------------- */
.side_box {color:#999; margin:0 15px 25px;  background: url(img/dot1.gif) repeat-x top; clear:both; padding:30px 0 0; }
.first_side_box { background:none; padding:0; }

#right_col h3 { font-size:13px; color:#999; font-weight:normal; text-transform:uppercase; line-height:100%; margin:0 0 1em 0; padding:0;display:none; }
#right_col  { font-size:15px; }
#right_col a, #right_col a:visited { color:#999; }
#right_col a:hover { color:#F0007E; }

.side_box ul { margin:0; xbackground:red;}
/*.side_box li { margin:0 0 1em 0; line-height:140%; }*/
.side_box li{ 
    margin:0 0 1.2em 0; 
	line-height:1.3em; 
	background:url(img/side_li.png) no-repeat /*3px 5px*/; 
	padding:9px 0 2px 35px; }

.side_box li li {background:none; padding:0 0 0 1em; margin:3px 0; }

/* information */
#information_area { padding:0 0 0 0; margin:0 0 20px 0;/*background:pink;*/ }
#information { color:#aaa; background:url(img/stripe4.gif) left top; padding:10px; border:1px solid #454545; margin:0 15px; line-height:160%; }

/* rss feed */
#entries_rss { font-size:11px; background:url(img/entries_rss.gif) no-repeat left top; padding:0 0 0 18px; margin:0 0 0 0; float:right; display:inline; }
#entries_rss a:hover { text-decoration:none; }

/* search area */
#search_area { width:206px; height:27px; background:url(img/search.gif) no-repeat left top; margin:0 0 7px 0; }
#search_input { float:left; margin:7px 0 0 10px; border:0px; height:15px; display:inline; width:150px; font-size:100%; color:#999; background:transparent; }
#search_button { float:right; }
#search_area_top { background:none; padding:0; margin:0 15px 25px; }

/*text-5*/
#text-5{ margin:0 15px 5px;padding:0;background:none;
}
/* tag list */
#tag_list { margin:0 0 -25px 0;  }
.search_tag { float:right; display:block; margin:0 0 5px 0; padding:2px 0 2px 24px; font-size:11px; background:url(img/tag1.gif) no-repeat left top; }
.search_tag:hover { text-decoration:none; }
.active_search_tag { background:url(img/tag2.gif) no-repeat left top; }
#tag_list .wp-tag-cloud { clear:both; margin:0 0 10px 0; border:1px solid #f3dc19; background:#333; padding:6px; display:none; }
#tag_list .wp-tag-cloud li { display:inline; margin:0 5px 0 0; line-height:170%; }

/* 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:#999; }
#wp-calendar td a, #wp-calendar td a:visited { display:block; text-decoration:none; color:#f3dc19; }
#wp-calendar td a:hover { text-decoration:underline;  }
#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
  { text-decoration:none; background:none; color:#7d7d7d; }
#wp-calendar #prev a:hover, #wp-calendar #next a:hover { text-decoration:underline; color:#f3dc19; }
#wp-calendar td#today { color:#888; background:url(img/calendar1.gif) no-repeat  center; }

/* recent post date (for non widget user) */
.side_box li.side_date { margin:0; padding:0; }

/* return top link */
#return_top a { position:absolute; position:fixed; right:5px; bottom:15px; width:18px; height:99px;
                display:block; background:url(img/return_top.png) no-repeat left top; }
#return_top a:hover { background:url(img/return_top.png) no-repeat right top; }
/* ----- footer ------------------------------------------------------------------------------------------------------------------------------- */
ul#copyright { xbackground:red;float:right; }
#copyright li { float:left; display:inline; font-size:11px; margin:0 10px 0 0; padding:0 0 0 13px; background:url(img/footer_line.gif) no-repeat left center; }
#copyright li a, #copyright li a:visited { color:#777; }

/* ----- page ---------------------------------------------------------------------------------------------------------------------------------- */
#page_noside_contents { background: url(img/side_noside.gif) repeat-y; padding:30px 122px 10px; }
#page_noside_header { background:url(img/header_noside.gif) no-repeat top; height:32px; margin:-32px 0 0 0; }
#page_noside_post { padding:0 15px 20px; background:none; }
#footer_noside { background:url(img/footer_noside.gif) no-repeat top; height:90px; }
#page_date { margin:-9px 0 0 0; font-size:11px; }

/* ----- archive/category/tag/search/ ---------------------------------------------------------------------------------------------------------- */
#headline {xbackground:green; width:100%; margin:0; }
#headline p { padding:15px 0 9px 15px; font-weight:bold; font-size:14px; margin:0; line-height:100%;  }
#archive { xbackground:pink url(img/dot1.gif) repeat-x bottom; padding:0 0 13px 0;xmargin-left:20px; float:right; width:100%; }
/*div.post_content a img.tfe,div.newsbox a img.tfe{
display: none;
}*/
.archive_contents { margin:0 0 20px 0; padding:0 15px 20px; background:url(img/dot1.gif) repeat-x bottom; }
.archive_contents h2 { font-size:14px; margin:0 0 5px 0; padding:0; }
.archive_meta { margin:0 0 5px 0; color:#999; }
.archive_meta a, .archive_meta a:visited { color:#999; }
.archive_meta li { display:inline; font-size:11px; margin:0 10px 0 0; }
.archive_contents p { font-size:11px; margin:0; }
.archive_contents p a, .archive_contents p a:visited { color:#777; }
.archive_contents p a:hover { color:#33a8e5; }
#headline #keyword { color:#33a8e5; }

/* ----- page navi (pager) ----------------------------------------------------------------------------------------------------------------------------- */
.page_navi { margin:0 0 10px 0; padding:20px 0 0 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:#999; 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; }


/* ----- header-menu (default color #ff2899) --------------------------------------------------------------------------------------------------------------------------- */
div#header_menu { float:right; display:inline; margin:20px 0 0 0; height:52px; background: url(img/header_menu_right.gif) no-repeat right top; }

#menu { float:left; background:url(img/header_menu_left.gif) no-repeat left top; font-size:11px; height:52px; margin:0; }
#menu, #menu ul { line-height:1; margin:0; padding:0;}
#menu li { position:relative; float:left; border-left:1px solid #444; height:48px; margin:2px 0 0 0; z-index:10; }
#menu ul li { height:auto; border-left:none; padding:0; left:auto; margin:0; }
#menu a:link, #menu a:visited { color:#fff; display:block; padding:19px 30px 14px; position:relative; }
#menu a:hover { color:#ff2899; text-decoration:none; background:#333; }
#menu ul { position:absolute; top:48px; left:0; display:none; opacity:0; width:200px; }
#menu ul ul { margin:0 0 0 189px; top:0; }

#menu ul a:link, #menu ul a:visited,
 #menu .current_page_item ul a:link, #menu .current_page_item ul a:visited,
  #menu ul .current_page_item a:link, #menu ul .current_page_item a:visited,
   #menu ul .current_page_item ul a:link, #menu ul .current_page_item ul a:visited,
 #menu .current-cat ul a:link, #menu .current-cat ul a:visited,
  #menu ul .current-cat a:link, #menu ul .current-cat a:visited,
   #menu ul .current-cat ul a:link, #menu ul .current-cat ul a:visited
   { color:#999; background:#282828; line-height:140%; padding:9px 28px 7px; border:1px solid #444; width: 132px; margin:-1px 0 0 0; }
#menu ul a:hover, #menu .current_page_item ul a:hover, #menu .current-cat ul a:hover,
 #menu .first_menu ul a:hover, #menu .last_menu ul a:hover
   { color:#ff2899; background:#333; }

#menu .current_page_item, #menu .current-cat { background:url(img/stripe2.gif) left top; z-index:9;}
#menu .current_page_item a:link, #menu .current_page_item a:visited,
#menu .current-cat a:link, #menu .current-cat a:visited
  { color:#ff2899; padding-bottom:21px; background:url(img/header_menu_arrow.gif) no-repeat center bottom; }
#menu ul .current_page_item a:link, #menu ul .current_page_item a:visited,
#menu ul .current-cat a:link, #menu ul .current-cat a:visited
  { color:#ff2899; background:#282828 url(img/stripe2.gif) left top; }
#menu ul .current_page_item ul a:link, #menu ul .current_page_item ul a:visited,
#menu ul .current-cat ul a:link, #menu ul .current-cat ul a:visited
  { color:#999; background:#282828; }
#menu ul .current_page_item ul a:hover, #menu ul .current-cat ul a:hover { color:#ff2899; background:#333; }

#menu .first_menu { border:none; background:none; }
#menu .first_menu_active { background:url(img/header_menu_first_active.gif) no-repeat left top; border:none; }
#menu .first_menu a:hover { background:url(img/header_menu_first_hover.gif) no-repeat left top; }
#menu .last_menu { background:none; }
#menu .last_menu_active { background:url(img/header_menu_last_active.gif) no-repeat right top; }
#menu .last_menu a:hover { background:url(img/header_menu_last_hover.gif) no-repeat right top; }

#menu ul .parent_menu > a:link, #menu ul .parent_menu > a:visited { background:#282828 url(img/arrow4.gif) no-repeat right 14px; }
#menu ul .parent_menu > a:hover { background:#333 url(img/arrow4.gif) no-repeat right 14px; }

#newitem,#news{float:right; width:100%; padding:10px 0 10px ;clear:both;xbackground:blue;
}

#newitem h2 a {
    font-size:26px;
	margin:0 auto; 
	font-weight:normal; 
	background: url(img/newitem_title1.png) no-repeat left;
	height:39px;
	text-indent:-9999em;
	/*line-height:120%;*/  
	display:block; 
	padding:0; }
	
	
#newitemsetu {
    font-size:15px;
	line-height:1.5em;
	padding: 5px;
	border: 1px solid #DDDDDD;
	margin:0;
	width:98%;
	background:/*grey*/ url(img/stripe.jpg);
}

.newitembox {
	margin:10px 0 0;
	padding:0 0 10px 0;
	width: 100%;
	height:auto;
	xbackground:yellow  ;
	overflow:hidden;
	font-size: 15px;
	line-height:1.6em;
	border-bottom:1px dotted #666;

}
.newitembox dl.newitem_meta{
	xbackground:red;
	margin:20px 10px 10px;
	xoverflow:hidden;
	xpadding:5px;
	clear:both;

}

.newitembox dt{
	xbackground:url(img/stripe1.gif);
	font-size:16px;
	line-height:1.5em;
	

}

.newitembox dd{

}
.newitembox h3 a {
	font-size:22px;
	line-height:1.8em;
	font-weight:normal;
    display:block;
	padding:5px;
	margin-bottom:10px;
	background: url(img/stripe4.gif) repeat-x left bottom;
}

#newitemall a {
    margin-top:10px;
    clear: both;
	padding-top: 5px;
	text-indent: -9999em;
	background: url(img/newitemall.png) no-repeat right;
	display: block;
	width:100%;
	height:33px;
}

.cls {
	margin: 0px;
	padding: 0px;
	clear: both;
}

#contents h3 {
	font-size: 14px;
	margin: 0px;
	padding: 3px;
}


#contents p {
	margin: 0px;
	padding-bottom: 2px;
}



/*新着投稿と、新着ページ*/
#new_column {
	margin:0 20px 0 0;
	padding:5px;
	width: 46%;
	border: 1px dashed #eee;
	float: left;
	background:url(img/new_bg.png);
}
#new_column h2 a{
    font-size:16px; 
	margin:0; 
	font-weight:normal; 
	background:url(img/michie.png) no-repeat;
	width:100%;
	height:40px;
	text-indent:-9999em;
	display:block; 
	padding:5px 0 3px; }

#new_page{
	margin:0 0 5px 0;
	padding:5px;
	float: right;
	border: 1px dashed #eee;
	width: 46%;
	background:url(img/new_bg.png);
}
#new_page h2 a{
    font-size:16px; 
	margin:0; 
	font-weight:normal; 
	background:url(img/osirase.png) no-repeat;
	width:100%;
	height:40px;
	text-indent:-9999em;
	display:block; 
	padding:5px 0 3px 0; }

.newsbox {
	margin-top: 3px;
	width: 260px;
	margin-bottom: 10px;
}
.newsbox p {
	line-height:1.8em;
}

.clsline {
	clear: both;
}
.newsboxtitle {
	margin-left: 80px;
}

#news h3 {
	font-size: 15px;
	font-weight: normal;
	border-bottom: 2px　dashed　#faeff3;
	border-top: 2px　dashed　#faeff3;
	margin: 0 0 10px 0;
	padding:5px;
}

.chisiki { margin:0 auto;padding:0 ;clear:both;}

/*トップイメージ画像*/
.topimage {padding-left:190px;}
/*仔犬情報のページ*/
#puppydata { background:url(img/heder_puppydata.png) no-repeat left top; border:none;height:66px; }
#puppydata_mi { background:url(img/contents_puppydata.png) repeat-y left top; border:none; padding:0 20px 15px;margin-bottom:0px; }
#puppydata_mi p{margin:0 0 1em 0; padding:0; line-height:200%; }
#puppydata_foot { background:url(img/footer_puppydata.png) no-repeat left top; border:none; padding:0 10px 15px;height:5px;margin-bottom:28px; }
/* 仔犬情報と里親募集のtable */
#puppydata_mi table,#fostererdata_mi table,#parentdata_mi table,#ketteidata_mi table { margin:0; width:94%; }
#puppydata_mi td,#fostererdata_mi td,#parentdata_mi td,#ketteidata_mi td, #puppydata_mi th,#fostererdata_mi th,#parentdata_mi th,#ketteidata_mi th { border:1px solid  #ccc; padding:7px; }
#puppydata_mi th,#parentdata_mi th,#parentdata_mi th,#ketteidata_mi th { background:#FDF3EA; font-weight:normal; }

#puppycoment { background:url(img/contents_coment.png) repeat-y right top; border:none;height:13px; }
#puppycoment_mi { background:url(img/contents_coment.png) repeat-y right top; border:none; padding:0 10px 10px; }
#footercoment { background:url(img/footer_coment.png) no-repeat right top; border:none; height:33px; }
/*里親募集のページ*/
#fostererdata { background:url(img/heder_fostererdata.png) no-repeat left top; border:none;height:66px; }
#fostererdata_mi { background:url(img/contents_fostererdata.png) repeat-y left top; border:none; padding:0 20px 15px;margin-bottom:0px; }
#fostererdata_foot { background:url(img/footer_fostererdata.png) no-repeat left top; border:none; padding:0 10px 15px;height:5px;margin-bottom:28px; }
/*親犬紹介のページ*/
#parentdata { background:url(img/heder_parentdata.png) no-repeat left top; border:none;height:83px; }
#parentdata_mi { background:url(img/contents_parentdata.png) repeat-y left top; border:none; padding:0 20px 15px;margin-bottom:0px; }
#parentdata_foot { background:url(img/footer_parentdata.png) no-repeat left top; border:none; padding:0 10px 15px;height:5px;margin-bottom:28px; }
/*家族決定仔犬情報のページ*/
#ketteidata { background:  url(img/heder_ketteidata.png) no-repeat left top; border:none;height:84px; }
#ketteidata_mi { background: url(img/contents_ketteidata.png) repeat-y left top; border:none; padding:0 20px 15px;margin-bottom:0px; }
#ketteidata_foot { background: url(img/footer_ketteidata.png) no-repeat left top; border:none; padding:0 10px 15px;height:33px;margin-bottom:28px; }

/* ----- Style for Ktai Entry ----- */
.photo {
	padding-right:6px;
	float:left;
	line-height:110%;
	font-size:0.85em;
	text-indent:0;
}
.photo img {
	margin:0 4px 4px 0;
}
.photo-end {
	clear:both;
}
/* links */
.linkcat h2 { 
    font-size:14px;
    margin:0;
    padding:5px 12px; }
li.linkcat{
    list-style-type:none;
	/*background:blue;*/
	clear:both; 
}
.xoxo ul,.linkcat ul{
    list-style-type:none; 
	margin:0 0 1em 1em; 
	padding:0; 
	line-height:0%;
	/*background:yellow;*/
	} 
.linkcat ul li{ 
    list-style-type:none; 
    margin:1em 0 1em 1em; 
	line-height:160%; 
	background:/*red*/ url(img/arrow1.gif) no-repeat 3px 7px; 
	padding:0 0 0 18px;
	clear:both; }
.xoxo ul{ 
    margin:1em 0 1em 2em; 
	line-height:160%; 
	background:url(img/arrow2.gif) no-repeat 3px 7px; 
	padding:0 0 0 108px;
    }
.xoxo a img{
    float:right;
	border:none;
	background:none;
	}
/*links*/
.ddsg-wrapper ul li h2 {
    font-size:14px;
    margin:0 0 5px 0;
    padding:5px 15px; }
.ddsg-wrapper ul li{ 
    list-style-type:none; 
    margin:1em 0 1em 1em; 
	line-height:160%; 
	padding:0 0 0 18px; }
.ddsg-wrapper ul li ul li{ 
    list-style-type:none; 
    margin:1em 0 1em 0; 
	line-height:160%; 
	background:url(img/arrow1.gif) no-repeat 3px 7px; 
	padding:0 0 0 18px; }
/*table*/
#pp table,#pp td{ margin: 0; }	
.m1{
  text-align : center;
  border : 1px solid gray;
  width : 220px;
  height : 60px;
}

.t1{
  border-top : 1px solid gray;
  border-right : 1px solid gray;
}
.t3{
  padding : 10 16 16 16px;
  line-height : 130%;
  border-bottom : 1px solid gray;
  border-right : 1px solid gray;
  border-left : 1px solid gray;
  margin-left : 50px;
}
#ie { float:right;
      width:540px; 
	  padding:10px 0 10px 15px;
	  border: 1px solid #FF0287;

}
/*
random image
*/
ul.fade{width:100%;xbackground:red;}
.fade li {float:right;
          margin:0 8px 10px 0;
		  text-align:center;
		  color:#fff;
		  list-style:none;
		  line-height:110px;
          width:105px;
          height:105px;
		  overflow:hidden;
		  
		  }
ul.fade img {border:0;
          padding:0;}
ul.fade a:hover img { border:0px solid #38a1e5;
}
.slider {
float:right;
width:95%;
height:350px;
position:relative;
margin-left:30px ;
padding-bottom:19px;
background: url(img/bottom_shadow.png) no-repeat bottom center;
}

.sliderContent {
float:left;
width:100%;
height:350px;
clear:both;
position:relative;
overflow:hidden;
}

.sliderArrows a {
display:block;
text-indent:-9999px;
outline:none;
z-index:50;
background-image:url(img/prev_next.png);
width:42px;
height:42px;
position:absolute;
top:50%;
margin-top:-34px;
}

.prev {
background-position:0 0;
left:15px;
}

.prev:hover {
background-position:0 -44px;
}

.nexts {
right:15px;
background-position:-44px 0;
}

.nexts:hover {
background-position:-44px -44px;
}

.sliderContent .item {
position:absolute;
width:100%;
height:350px;
background:#fff;
}
.sliderContent .item img {max-width:100%;}

.sliderBullets {
position:absolute;
bottom:0;
left:50%;
z-index:50;
margin-left:-25px;
}

.sliderBullets a {
display:block;
float:left;
text-indent:-9999px;
outline:none;
margin-left:5px;
width:10px;
height:11px;
background:url(img/bullets.png) no-repeat;
}

.sliderBullets .active {
background-position:0 -11px;
}

.sliderContent a {
outline:none;
}
.addthis_toolbox{clear:both;}

* {margin:0; padding:0}
.sm {list-style:none; width:575px; height:100px; display:block; overflow:hidden}
.sm li {float:left; display:inline; overflow:hidden}
#slidemenu {
	height: 100px;
	overflow: hidden;
	float:right;
	margin:-120px 0 0 300px;
	/*position:absolute;top:150px;*/
	}
/* ----- googlemap ---------------------------------------------------------------------------------------------------------------------------------- */
.googlemaps{max-width:100%;width:100%;height:100%;}

/* Responsiveness
--------------------------------------------- */
@media screen and (max-width: 870px) {
#wrapper {max-width: 870px;margin:0 auto;background: url(img/bg_2.jpg) repeat-y left;overflow:hidden;}
#cat ul li a.home{left:5px;bottom:50px;}	
#cat ul li a.cat_info{top:10px;left:110px;}
#cat ul li a.cat_birth{top:98px;left:110px;}
#cat ul li a.cat_blog{top:210px;left:110px;}
#cat ul li a.twe{top:300px;left:200px;}
.fade li {float:right; margin:0 1px 10px 0;line-height:110px;width:110px;height:110px;}		
#right_col {width:28%; margin:50px 0 30px; }
#left_col {width:68%; margin:0; }
/* ----- header -------------------------------------------------------------------------------------------------------------------------------- */
#header_top {  height:300px; }
/*blogtitle*/
div#logo { float:right; display:inline; margin:30px; }
#logo a,#logo a hover, #logo a:visited {margin:10px;}
.sm{display:none;}


.fade li {margin:0 5px 10px 2px;}
/*新着投稿と、新着ページ*/
#new_column {width: 46%;}
#new_page{width: 46%;}
.newsbox {width: 97%;}

.side_box {margin:0 20px 25px;}
#information {border:1px solid #454545; margin:0 20px;}
/* ----- header-menu (default color #ff2899) --------------------------------------------------------------------------------------------------------------------------- */
div#header_menu { margin:20px 15px 0 0; }

ul#menu a:link, #menu a:visited { color:#fff; display:block; padding:0 20px ; position:relative; }

}

@media screen and (max-width: 770px) {
#wrapper {max-width: 770px;overflow:hidden;}
#cat ul li a.cat_info{top:10px;left:10px;}
#cat ul li a.cat_birth{top:98px;left:10px;}
#cat ul li a.cat_blog{top:210px;left:10px;}
#cat ul li a.twe{top:250px;right:10px;}
#left_col {width:67%;}
/* ----- header -------------------------------------------------------------------------------------------------------------------------------- */
#header_top {height:260px; }
.slider {height:330px;background:none ;}

#new_column {width: 98%;float:none;border:none;}
#new_page{width: 98%;float:none;border:none;}
.newsbox {width: 100%;float:left;display:inline;border-bottom:1px dashed #eee;font-size:1.2em;}
div#news h3{font-size:150%;line-height:1.2em;margin:0;}
.chisiki{display:none;}
.fade li {margin:0 4px 10px 0;line-height:100px;width:97px;height:97px;}

}

@media screen and (max-width: 620px) {
body { background:none ;}
#footer{height:100px;background:#000;}
#wrapper {max-width: 620px;background: url(img/bg_2_620.jpg) repeat-x ;}
div#header_menu{display:none;}
#cat ul li a.cat_info{top:-5px;left:-15px;}
#cat ul li a.cat_birth{top:98px;left:-18px;}
#cat ul li a.cat_blog{top:210px;left:-20px;}
#cat ul li a.twe{top:90px;left:530px;}
/* ----- header -------------------------------------------------------------------------------------------------------------------------------- */
#header_top {height:300px; }
/*blogtitle*/
div#logo {float:right; display:inline; margin:110px auto 10px; }
#right_col {width:100%; margin:20px 0 0;padding-top:20px;float:left;background:#000;}
#left_col {width:100%; margin:0;float:left;padding:0 ;}
ul.fade{margin:0;}
.fade li {margin:0 2px 10px 0;line-height:120px;width:114px;height:114px;}
.side_box ul li{float:left;display:inline;margin-right:10px;}
#information_contents,.side_box p{font-size:120%;}
div#cat a.home,#return_top,.slider{display:none;}
#newitem h2 a {background: url(img/newitem_title1.png) no-repeat right;}
#newitemsetu {font-size:15px;margin:0 13px;width:94%;}
.post,.toppost { padding:0 13px ;width:96%;}
#copyright{margin-top:40px;}
}

@media screen and (max-width: 480px) {
#wrapper {max-width: 480px;}
#text-6,#text-7,#text-8,#text-9,#text-10,#text-11,#text-12,#text-13,#text-14,#text-15,#text-16,#cat{display:none;}
.fade li {margin:0 4px 10px 0;line-height:110px;width:85px;height:85px;}
#previous_next_post { padding:15px 10px; }
.post,.toppost { padding:0 13px ;width:95%;}
#newitemsetu {font-size:15px;margin:0 13px;width:92%;}
#newitem h2 a {background: url(img/newitem_title1.png) no-repeat left;}

}

@media screen and (max-width: 320px) {
#wrapper {max-width: 320px;background: url(img/bg_2_300.jpg) repeat-x ;}
#footer{height:120px;}
/* ----- header -------------------------------------------------------------------------------------------------------------------------------- */
#header_top { xbackground:green; height:200px; }
/*blogtitle*/
div#logo { xbackground:red;float:right; display:inline; margin:50px auto 10px; }
#logo a,#logo a hover, #logo a:visited {
    background: url('img/logo9_300.png') no-repeat;
	height: 100px; 
	width: 300px; 
}
div#logo h1{font-size:100%;line-height:1.5em;}
.post,.toppost { padding:0 10px ;width:95%;}
.post p,.toppost p{float:none;clear:both;}
#newitemsetu,ul.fade,div#newitem img{display:none;}

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

