@charset "utf-8";
/*
Theme Name: KARA-AGE
Theme URI: http://kara-full.com/
Description: KARA-FULL 4410によるハリネズミのあげぱん用のテーマ
Version: 1.0
Author: 4410
Author URI: http://kara-full.com/
Tags: fixed-width, two-columns, right-sidebar, black, white, light, threaded-comments, animal, simple

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* Reset CSS
------------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;font-family:"ヒラギノ角ゴ Ｐｒｏ Ｗ３", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic",sans-serif;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align: text-top;}
sub{vertical-align: text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
a{text-decoration: none;}


/* LAYOUT
------------------------------------------------------------------------------*/
html{
height: 100%;
width: 100%;
}
body {
font-size: 62.5%;
text-align: center;
}
#page {
margin: 0 auto;
padding: 0;
width: 750px;
}
#header {
position: relative;
height: 180px;
text-align: left;
z-index: 1;
}
#rss a{
position: fixed;
_position: absolute;
right: 20px;
bottom: 0;
display: black;
width: 40px;
height: 0;
padding-top: 44px;
background: url("./images/rss_off.gif") no-repeat 0 0;
font-size: 0;
_line-height: 0;
}
#rss a:hover{
background: url("./images/rss_on.gif") no-repeat 0 0;
}
#wrapper {
position: relative;
overflow: hidden;
margin-top: 20px;
text-align: left;
z-index: 5;
}
#content {
display: inline;
margin:0;
padding:0;
width:500px;
float:left;
text-align: center;
}
#sidebar {
display: inline;
width:200px;
float:right;
margin:0;
}	
#footer {
clear: both;
position: relative;
height: 80px;
margin: 50px auto 0;
text-align:left;
z-index:0;
}


/* COMMON
------------------------------------------------------------------------------*/
p, li{
letter-spacing: 0.1em;
line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
font-family: "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "細明朝体", "serif";
}

a{color: #666;}
a:hover {color: #000;}
a img {vertical-align: bottom;}


/* HEADER
------------------------------------------------------------------------------*/
#header .agepan{
display: block;
width: 160px;
height: 0;
padding-top: 215px;
overflow: hidden;
position: absolute;
right: 200px;
top: -50px;
background: url("./images/bg_agepan.jpg") no-repeat 0 0;
font-size: 0;
color: #fff;
_line-height: 0;
z-index: -1;
}
#header .logo{
padding-top: 50px;
}
#header .logo a{
display: block;
width: 257px;
height: 0;
padding-top: 81px;
overflow: hidden;
background: url("./images/logo.gif") no-repeat 0 0;
font-size: 0;
color: #fff;
_line-height: 0;
}
#header .logo a:hover{background-position: 0 -81px;}
#header .description {
width: 0;
height:0;
overflow: hidden;
font-size: 0;
_line-height: 0;
}


/* ENRIES
------------------------------------------------------------------------------*/
.title_a{
font-size: 1.4em;
margin-bottom: 30px;
font-weight:bold;
text-align: left;

}
.post {
margin: 0 0 50px 0;
padding: 0 0 0 0; 
text-align: justify;
overflow:hidden;
clear:both;
}
.title{
margin:0;
padding:0;
font-size: 2.0em;
font-weight:bold;
text-align:left;
}
.title a{
text-decoration: none;
color: #000;
}
.title a:hover{color:#666;}

.post .meta{
overflow: hidden;
font-size:1.0em;
color:#333;
margin-top: 7px;
letter-spacing: 0.05em;
}
.post .meta em{
font-style: italic;
margin: 0 3px 0 5px;
}
.post .meta_b{
clear: both;
overflow: hidden;
font-size:1.0em;
text-align: right;
background-color: #e0e0e0;
margin-top: 20px;
padding: 3px 10px 3px 0;
letter-spacing: 0.05em;
}

.entry{
overflow: hidden;
margin: 10px 0 0;
}
.entry p{
font-size: 1.2em;
line-height: 1.6;
margin-top: 10px;
}
.entry p em{font-style: italic;}
.entry p strong{font-weight: bold}
.entry blockquote {
border:1px dashed #ccc;
font-size:0.9em;
padding:10px 20px;
margin:10px 0;
background:#f8f8f8;
}
.entry blockquote p{margin-top: 0;}
.entry fieldset {
border:1px dashed #ccc;
}
.entry fieldset legend {
font-weight:bold;
text-transform:uppercase;
}
.entry ul, .entry ol{
list-style-position: inside;
font-size: 1.2em;
margin: 20px 0 20px 20px;
padding-left: 1em;
}
.entry ul {
list-style-type: disc;
text-indent: -1em;
}
.entry ol {
list-style-type: decimal;
text-indent: -1.5em;
}
.entry img{
padding: 1px;
border: 5px solid #eee;
background-color: #ccc;
margin: 5px;
vertical-align: bottom;
}
.entry a:hover img{
border: 5px solid #ccc;
background-color: #eee;
padding: 1px;
}
.entry a.more-link{
font-size: 0.9em;
}
.entry img.alignright {
padding:0;
margin: 2px 0 5px 10px;
display: inline;
float:right;
}
.entry img.alignleft {
padding:0;
margin: 2px 10px 5px 0;
display: inline;
float:left;
}
.entry img.aligncenter{
display: block;
margin: 0 auto;
}

.navigation{
width: 450px;
overflow: hidden;
margin: 0 auto 50px;
}
.navigation a{
font-size: 1.1em;
line-height: 1.4;
}
.navigation .prev{
display: inline;
float: left;
width: 200px;
text-align: left;
}
.navigation .next{
display: inline;
float: right;
width: 200px;
text-align: right;
}

.wp-caption {
border: 1px solid #ccc;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

/* COMMENT */
#comments {
font-size:1.2em;
line-height:1.4em;
text-align: left;
}
#comments h2{
margin-top: 20px;
font-size: 1.4em;
font-weight: bold;
letter-spacing: 0.05em;
}
.commentlist {
margin: 10px 0 0;
padding:0;
}
.commentlist li{
margin: 5px 0 0 0;
padding:0;
border-left: 2px solid #aaa;
}

li.comment div, li.pingback div{
padding: 10px 0 2px 15px;
}
li.comment div div, li.pingback div div{
padding:0;
overflow:visible;
}

.commentlist li.even {
background-color:#fff;
}
.commentlist li.odd {
background-color:#f0f0f0;
}
.comment-author{
overflow: hidden;
}
.comment-author cite{
font-weight: bold;
}
.comment-author .reply {
float: right;
font-size:0.8em;
font-style: italic;
margin-right: 5px;
}
.commentlist .comment-body p{
margin: 10px 5px 0 0;
padding: 0 0 3px;
}
.commentlist .comment-body em{
font-size: 0.8em;
color: #888;
margin-left: 10px;
}
.commentlist .commentmetadata{
text-align: right;
border-top: 1px solid #ddd;
padding-top: 3px;
margin-right: 5px;
}

img.avatar{
float:left;
border:1px solid #eee;
padding:1px;
margin:0 5px 0 0;
}
#respond{
margin-bottom: 50px;
}
#respond form{
margin-top: 10px;
}
#respond input{
border: 1px solid #888;
margin-right: 5px;
padding: 1px 3px;
}
#respond input#submit{
border: 0;
padding: 2px 5px;
background-color: #000;
color: #fff;
cursor: pointer;
}
#respond input#submit:hover{
background-color: #888;
}
#respond label{
font-size: 0.8em;
font-weight: bold;
}
#respond label em{
color: #ff0000;
}
#respond p.login{
font-size: 0.8em;
}
#respond p.login a{
font-weight: bold;
}

.comment-meta{
margin:0;
padding:0;
font-size:0.8em;
}
textarea#comment {
width:100%;
}
#comments div.navigation {
font-size:0.8em;
margin-top: 20px;
}
#comments form p{
margin-top: 5px;
}


/* Trackback List */
#tarckbacklist{
margin: 10px 0 3px;
}
#tarckbacklist .trackback{
border-left: 2px solid #000;
padding: 5px 0 5px 15px;
margin-top: 5px;
}
#tarckbacklist strong{
font-weight: bold;
}
#tarckbacklist .track-content{
padding: 3px 5px 3px 0;
}
#tarckbacklist .track-footer{
font-size: 0.8em;
text-align: right;
border-top: 1px solid #ddd;
padding: 3px 5px 0 0;
}

/* Trackback Form */
#trackback{
margin-top: 10px;
}
#trackback input{
width: 500px;
margin: 10px 0 30px;
padding: 1px 3px;
background-color: #eee;
border: 1px solid #ccc;
color: #333;
}


/* SIDEBAR
------------------------------------------------------------------------------*/
#sidebar {
font: 1.2em 'Lucida Grande', Arial, Sans-Serif;
}
#sidebar h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.2em;
font-weight: bold;
margin-bottom: 8px;
text-transform: uppercase;
background: url("./images/bg_foot.gif") no-repeat 0 40%;
text-indent: 20px;
}

#sidebar ul{
margin-bottom: 20px;
}
#sidebar ul li {
margin:0;
padding:0;
margin-bottom: 30px;
}
#sidebar ul ol {
margin: 0;
padding: 0;
}
#sidebar ul p, #sidebar ul select {
margin: 5px 0 8px;
}
#sidebar ul ul, #sidebar ul ol {
margin: 5px 0 0 0;
}
#sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 20px;
}
#sidebar ul ol li {
list-style: decimal outside;
}
#sidebar ul ul li, #sidebar ul ol li {
margin: 2px 0 0;
padding: 0;
}

/* Archives */
.widget_archive select{
width: 200px;
}

/* Search */
#searchform label{
display: block;
width: 0;
height: 0;
overflow: hidden;
font-size: 0;
}
#searchform input#s{
border: 1px solid #333;
padding: 1px 3px;
}
#searchform input#searchsubmit{
border: 1px solid #333;
background-color: #333;
color: #fff;
letter-spacing: 0.05em;
cursor: pointer;
padding: 1px 3px;
}
#searchform input#searchsubmit, x:-moz-any-link {border: none;}

#searchform input#searchsubmit:hover{
border: 1px solid #666;
background-color: #666;
}
#searchform input#searchsubmit:hover, x:-moz-any-link {border: none;}

/* Gallery */
#sidebar .widget_gallery ul{
width: 100%;
overflow: hidden;
}
#sidebar .widget_gallery ul li{
display: inline;
float: left;
}
#sidebar .widget_gallery img{
padding: 1px;
border: 2px solid #eee;
background-color: #ccc;
vertical-align: bottom;
}
#sidebar .widget_gallery a:hover img{
border: 2px solid #ccc;
background-color: #ddd;
padding: 1px;
}

/* Calendar */
#wp-calendar{
empty-cells: show;
width: 100%;
font-size: 1.0em;
}
#wp-calendar caption {
text-align:center;
margin:0 0 10px 0;
width: 100%;
}
#wp-calendar thead{
border-bottom: 1px solid #ccc;
}
#wp-calendar tfoot{
font-size: 0.8em;
border-top: 1px solid #ccc;
}
#wp-calendar tfoot #prev{
text-align: left;
padding-left: 15px;
}
#wp-calendar tfoot #next{
text-align: right;
padding-right: 15px;
}
#wp-calendar thead th{
color: #888;
text-align: center;
}
#wp-calendar td {
text-align: center;
padding: 3px;
}
#wp-calendar tbody a{
display: block;
background-color: #eee;
}
#wp-calendar tbody a:hover{
background-color: #ddd;
text-decoration: none;
}

/* Categories */
#sidebar .widget_categories ul.children{
margin-left: 1em;
margin-bottom: 5px;
font-size: 0.9em;
}
#sidebar .widget_categories ul.children li{
margin: 2px 0;
}

/* Tags */
#sidebar .widget_tag_cloud p{
display: inline;
margin-right: 5px;
line-height: 1.6;
white-space: nowrap;
_white-space: normal;
}

/* FOOTER
------------------------------------------------------------------------------*/
#footer .agepan{
width: 120px;
height: 0;
padding-top: 220px;
overflow: hidden;
background: url("./images/bg_agepan2.jpg") no-repeat 0 0;
position: absolute;
right: 0;
bottom: 0;
z-index: -5:
color: #fff;
font-size: 0;
_line-height: 0;
}	
#totop a{
line-height: 1.6;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.2em;
}
#footer address{
position: absolute;
bottom: 22px;
left: 0px;
letter-spacing: 0.1em;
}
#footer p{
position: absolute;
bottom: 5px;
left: 0px;
line-height: 1.2;
}
#footer p a{color: #888;}
#footer p a:hover{color: #000;}

#footer p a.credit{
float: left;
display: block;
width: 14px;
height: 0;
padding-top: 10px;
overflow: hidden;
margin-right: 7px;
background: url("./images/kara-full.gif") no-repeat 0 0;
font-size: 0;
color: #fff;
_line-height: 0;
}
#footer p a.credit:hover{
opacity: .80; /* Standard: FF gt 1.5, Opera, Safari */
filter: alpha(opacity=80); /* IE lt 8 */
-ms-filter: "alpha(opacity=80)"; /* IE 8 */
}