@charset "utf-8";
/*
Theme Name: カナ・ログ4.0
Theme URI: http://boxboa.jp/weblog/
Description: カナキのデザインですよ
Version: 4.0
Author: カナキアキラ
Author URI: http://boxboa.jp/weblog/
Tags: blue, custom header, fixed width, three columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

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

*/

*{
margin:0;
padding:0;
}
body{
position:relative;
margin:0;
padding:0;
background:#fff url(cmn/bg_body.png) repeat-y 618px 0;
color:#000;
font-family:Arial,Helvetica,sans-serif;
font-size:100%;
line-height:1.6;
text-align:left;
}
li{
list-style:none;
}
h2,
h3,
h4,
h5,
h6,
strong{
font-family:Meiryo,Arial,sans-serif;	
}
a,a:visited{
color:#3eabd6;
}
a:hover{
text-decoration:none;
}
a img{
border:none;
}
p img{
max-width:100%;
}
img.centered{
display:block;
margin-left:auto;
margin-right:auto;
}
p img.alignright{
margin:0 0 2px 7px;
display:inline;
}
.entry p img.alignleft{
margin:0 15px 2px 0;
}
.alignright{
float:right;
}
.alignleft{
float: left
}
.entry p img.aligncenter{
display: block;
margin:0 0 5px;
text-align:center;
}
/*.aligncenter,*/
div.aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
}
.entry img{
text-align:left;
}
select{
width:130px;
}
acronym, abbr, span.caps{
cursor: help;
}
acronym, abbr{
border-bottom:1px dashed #999;
}
blockquote{
margin:10px 30px 10px 10px;
padding-left:20px;
border-left:5px solid #ddd;
}
blockquote,
q{
background:#ffffcc;
}
blockquote cite{
margin: 5px 0 0;
display: block;
}
.center{
text-align:center;
}
.hidden{
display:none;
}
hr{
display:block;
border:none;
height:3px;
margin:10px 0;
background:url(cmn/bg_hr.png) repeat-x 0 0;
}
.clear{
clear:both;
}

/*===================================
	block style	
=====================================*/
.liveban{
margin:0 0 10px;
}
.page,
#header,
.footer{
display:block;
clear:both;
}
.page{
overflow:hidden;
width:1000px;
}
#header{
height:118px;
margin:0 0 20px;
background:#fff;
border-bottom:solid 2px #7cd8fc;
/*background:url(cmn/bg_header.png) repeat-x 0 87px;*/
}
#content{
float:left;
width:620px;
}
#sidebar,
#sidebar2{
margin-bottom:20px;
}
#sidebar{
display:block;
float:left;
clear:right;
width:190px;
}
#sidebar2{
display:block;
position:absolute;
top:139px;
left:830px;
width:230px;
}
.footer{
margin-bottom:-40px;
padding:0 0 40px 30px;
border-top:solid 2px #7cd8fc;
background:#fff url(cmn/bg_body.png) repeat-y 618px 0;
color:#333;
font-size:14px;
}
/*IE6*/
* html #sidebar{
height:1%;
}

/*===================================
	header style	
=====================================*/
h1 a{
display:block;
position:absolute;
overflow:hidden;
outline:none;
top:23px;
left:18px;
width:95px;
height:95px;
background:url(cmn/title.png) no-repeat 0 0;
text-indent:-30em;
}
* html h1 a{
top:20px;
}
#header p{
display:block;
position:absolute;
font-family:Meiryo,Arial,sans-serif;
font-size:100%;
font-weight:bold;
}
#header p.description{
top:80px;
left:135px;
color:#54a1af;
}
#header p.feed{
display:block;
top:80px;
left:620px;
width:190px;
text-align:center;
}


/*===================================
	content_base style	
=====================================*/
#content h2.pagetitle,
#content.archive h3.pagetitle,
#content.search h3.pagetitle{
margin:0 20px 15px;
padding:10px 140px 8px 30px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
background:#d3f1f6 url(cmn/bg_entries_title.png) no-repeat 0 100%;
color:#333;
font-size:18px;
text-shadow:1px 1px 2px #ccc;
}
#content.archive h2,
#content.search h2{
padding:0;
background:none;
background-color:#97e0fe;
-webkit-box-shadow:2px 2px 3px #ccc;
-moz-box-shadow:2px 2px 3px #ccc;
color:#333;
text-align:center;
text-shadow:1px 1px 2px #aaa;
}
#content h2.pagetitle a,
#content.archive h3.pagetitle a,
#content.search h3.pagetitle a{
color:#333;
text-decoration:none;
}
#content h2 a:hover,
#content.archive h3 a:hover,
#content.search h3.pagetitle a:hover{
color:#7cd8fc;
text-shadow:none;
}
#content .entry h3.food{
margin-bottom:0;
color:#999;
font-size:140%;
font-style:italic;
}
.post{
position:relative;
}
.date{
display:block;
position:absolute;
top:15px;
right:30px;
background:#d3f1f6;
color:#333;
font-size:11px;
}
.entry{
display:block;
clear:both;
margin:0 20px 0 40px;
}
.entry h3,
.entry h4,
.entry h5,
.entry h6,
.entry p,
.entry dl,
.entry ul,
.entry ol,
.entry pre{
margin:0 0 1em;
font-size:90%;
}
.entry h3{
font-size:120%;
}
.entry h4{
font-size:110%;
font-weight:bold;
}
.entry h5,
.entry h6{
font-size:100%;
}

.entry dl ul,
.entry dl ol,
.entry dl dl,
.entry dl p,
.entry dl pre,
.entry ul ul,
.entry ul ol,
.entry ul dl,
.entry ul p,
.entry ul pre,
.entry ol ol,
.entry ol dl,
.entry ol ul,
.entry ol p,
.entry ol pre{
margin:0;
font-size:100%;
}

.entry p{
display:block;
overflow:hidden;
}
.entry ol{
margin-left:50px;
}
.entry dl ol{
margin-left:32px;
}
.entry ol li{
list-style:outside decimal;
}
.entry a{
color:#009fe2;
}
.entry a:hover{
color:#ff6666;
text-decoration:none;
}
.entry p.photos{
margin:0 0 1.5em;
padding:0 32px;
font-size:75%;
text-align:center;
line-height:1;
}
.entry img{	
border:1px solid #54a1af;
padding:5px;
}
.entry .photos img{
margin:0 auto 10px;
border:3px solid #666;
background:#333;
}
.entry p.photos.nao img{
background:#ff9900;
border-color:#333;
}
.entry .photos.fannie img{
background:#ff9999;
}
.entry dl.photos img{
margin-bottom:5px;
}
.entry .photos dd dl{
margin-left:20px;
}
.entry .photos dd dd{
margin:-1.6em 0 0;
padding:0 0 0 8em;
}

/*===================================
	sidebar style	
=====================================*/
#sidebar h2{
display:block;
margin:0 0 10px;
background:#7cd8fc;
color:#fff;
font-size:14px;
line-height:30px;
text-align:center;
}
#sidebar li ul{
margin:0 0 20px;
}
#sidebar li ul ul{
margin:0;
}
#sidebar li li{
display:block;
margin:0 10px;
padding:0;
color:#333;
font-size:12px;
}
#sidebar li li:before,
#sidebar2 li li:before{
content:"\00BB \0020";
}
#sidebar li a,
#sidebar2 li a{
color:#2994be;
}
#sidebar li a:hover,
#sidebar2 li a:hover{
text-decoration:none
}
#sidebar .widget_tag_cloud{
margin:0 10px;
}
#sidebar .widget_tag_cloud h2{
margin:0 -10px 10px;
}
#sidebar .search{
margin:20px 10px;
}
#sidebar2 h2{
color:#54a1af;
font-size:14px;
}
#sidebar2 li ul{
margin-bottom:10px;
}
#sidebar2 li li{
display:block;
margin:0;
padding:0;
color:#333;
font-size:12px;
}
#sidebar2 p{
margin-bottom:10px;
}
#sidebar2 p.kiyoshi a:link,
#sidebar2 p.kiyoshi a:visited{
display:block;
overflow:hidden;
outline:none;
width:190px;
height:80px;
background:url(images/ban_kiyoshi.png) no-repeat 0 0;
text-indent:-100em;
}
#sidebar2 p.kiyoshi a:hover{
background-position:0 -80px;
}
#logpi{
margin-left:20px;
}
#adsense{
width:170px;
padding:10px;
border:1px solid #75befc;
}
.browse{
padding:30px;
font-family:Arial, Sans-Serif;
font-size:18px;
line-height:26px;
}

/*logpi*/
#logpi-badge {
width:170px;
  border: 1px solid #75befc;
  background:#fff;
  margin-bottom:10px;
  padding: 10px;
  }

#logpi-badge .badge-icon {
  text-align: center;
  }

#logpi-badge .badge-title {
  font-size: 12px;
  margin: 5px 0 5px 0;
  text-align: center;
  }

#logpi-badge dl {
  border-top: 1px solid #ccc;
  padding: 5px 0 0 0;
  }

#logpi-badge dt {
  margin: 0 0 5px 0;
  font-size: 11px;
  }
  #logpi-badge dt a {
    color:#009fe2;
    }
  #logpi-badge dt.mobile {
    background: url(http://logpi.jp/image/mobile-s.gif) no-repeat right;
    }
#logpi-badge dd {
  border-bottom: 1px solid #ccc;
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
  font-size: 12px;
  }
  #logpi-badge dd a {
    font-size: 10px;
    color: #999;
    }
  #logpi-badge dd span.reply a {
    background: url(http://logpi.jp/image/reply-mark.gif) no-repeat;
    padding: 0 0 0 14px;
    color: #f10b82 !important;
    font-size: 12px;
    }

#logpi-badge .powered {
  text-align: center;
  }

/*===================================
	footer style	
=====================================*/
.footer .arrow a{
display:block;
width:190px;
margin:0 0 0 590px;
background:#7cd8fc;
color:#004b91;
font-size:12px;
line-height:30px;
text-align:center;
}
.footer .arrow a:hover{
text-decoration:none;
}

/*===================================
	postmetadata style	
=====================================*/
.postmetadata{
display:block;
clear:both;
margin:10px 30px 30px;
padding:3px 5px 5px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
background:#7cd8fc no-repeat 0 100%;
-webkit-box-shadow:2px 2px 3px #ccc;
-moz-box-shadow:2px 2px 3px #ccc;
color:#333;
font-size:12px;
text-align:center;
}
.postmetadata.alt{
display:block;
margin:0 20px 20px 0;
padding:10px;
border:dotted 1px #666;
background:none;
color:#666;
font-size:12px;
text-align:left;
}
.postmetadata.alt{
color:#636363;
}
.postmetadata a{
padding:0 2px;
color:#004b91;
}
.postmetadata.alt a{
background:#97e0fe;
}
#content.search .postmetadata.alt a{
color:#333;
background:none;
}
.postmetadata a:hover,
.commentlist li a:hover{
background:none;
color:#636363;
}
#content.search .postmetadata.alt a:hover{
color:#009fe2;
}
.postmetadata ul,
.postmetadata li {
display:inline;
list-style-type:none;
list-style-image:none;
}
.search .postmetadata.alt{
margin-left:30px;
}

/*===================================
	navigation style	
=====================================*/
.navigation{
display: block;
overflow:hidden;
clear:both;
margin:0 20px 11px;
font-size:12px;
text-align:center;
}
.tablenav{
margin:15px 5px;
background:white;
color:#333;
line-height:2em;
text-align:center;
}
a.page-numbers,
.tablenav .current{
padding:2px .4em;
border:solid 1px #54a1af;
color:#54a1af;
font-size:11px;
text-decoration:none;
}
a.page-numbers:hover{
background:#54a1af;
color:#fff;
}
.tablenav .current{
background: #54a1af;
color:#fff;
}
.tablenav .next,
.tablenav .prev{
border:0 none;
background:transparent;
font-size:12px;
text-decoration:underline;
font-weight:bold;
}

/*===================================
	entry style	
=====================================*/
.entry p.alc{
text-align:center;
}
.entry dl{
display:block;
clear:both;
}
.entry dd{
padding-bottom:20px;
}
.entry dd li,
.entry dd p{
font-size:90%;
}
.entry ol.rsp li{
display:block;
clear:both;
}
.entry div.youtube{
display:block;
margin:0 50px 20px;
}
.entry dl.gallery-item{
margin:0;
}
.entry dl.gallery-item{
clear:none;
}
.entry img.wp-smiley{
padding:0;
border:0;
}
.entry img.alignleft{
float:left;
margin:5px 10px 0 20px;
}
.entry img.alignright{
float:right;
margin:5px 0 0 10px;
}
.entry ul.imageGyallery{
display:block;
clear:both;
width:auto;
}
.entry ul.imageGyallery li{
list-style:none;
float:left;
width:115px;
height:160px;
margin:0;
}
.entry ul.imageGyallery li dl{
text-align:center;
}
.entry ul.imageGyallery li dl dt a:hover{
border:none;
}
.entry ul.imageGyallery li dl dt{
margin:0;
}
.entry ul.imageGyallery li dl dd{
margin:0;
padding:3px 0;
font-size:12px;
line-height:1.2;
}

/*プロフィール*/
.entry dl.pfl{
display:block;
overflow:hidden;
margin:20px 32px 0;
padding:0;
}
.entry dl.pfl dt,
.entry dl.pfl dd{
display:block;
clear:both;
float:left;
margin:0;
padding:0;
}
.entry dl.pfl dl dt,
.entry dl.pfl dl dd{
float:none;
margin:0;
padding:0;
}
.entry dl.pfl dl dd{
margin-bottom:1em;
}
.entry dl.pfl dl dl,
.entry dl.pfl dl dl dt,
.entry dl.pfl dl dl dd{
margin:0;
padding:0;
}
.entry dl.pfl dl dl dt{
font-weight:normal;
}
.entry dl.pfl dl dd{
padding-left:2em;
}
.entry dl.pfl dl dl{
font-size:90%;
}

/*フォトショップ・Tips*/
.entry ol.photoshop li{
font-weight:bold;
}
.entry ol.photoshop li p,
.entry ol.photoshop li li{
font-weight:normal;
}
.entry ol.photoshop img.aligncenter{
margin-left:-20px;
}
.entry ol.photoshop li li p{
margin:0;
padding:0;
}

/*撮影テスト*/
.entry .phototest li{
display:block;
position:relative;
margin-bottom:0.8em;
}
.entry .phototest li small{
display:block;
position:absolute;
top:1em;
left:1em;
text-shadow:1px 1px 2px #666;
color:#fff;
font-size:120%;
}

/*office*/
.entry .office{
display:block;
overflow:hidden;
clear:both;
margin:5px 32px;
padding:0 20px;
border:dotted 1px #ff9900;
}
.entry .office h2{
margin:5px 0 0;
padding:0;
color:#cc3300;
font-size:20px;
line-height:normal;
}
.entry .office h2 span{
display:inline;
padding:0 0 0 5px;
color:#333;
font-size:80%;
}
.entry .office h3{
margin:0;
padding:0;
font-size:14px;
line-height:normal;
}
.entry .office h4{
margin:0;
padding:0 0 0 10px;
border-left:solid 2px #cc3300;
color:#cc3300;
font-size:18px;
line-height:normal;
}
.entry .office p{
margin:0 0 10px;
padding:0;
font-size:90%;
}
.entry .office dl{
margin:0 0 20px 2em;
font-size:90%;
}
.entry .office dl dd{
margin:-1.6em 0 0;
padding:0 0 0 8em;
}
.entry .office p.host{
padding-bottom:5px;
border-bottom:dotted 1px #cc3300;
}
.entry .office p.interviewer{
color:#666;
}
.entry .office p.host{
color:#000;
}
.entry .office p.interviewer span,
.entry .office p.host span{
padding-right:1em;
font-weight:bold;
}
.entry .office p.interviewer span{
color:#3399ff;
}
.entries .office p.host span{
color:#cc3300;
}
.entry .office del{
text-decoration: line-through;
color: #ff0000;
}

/*---------200912131の顔--------*/
span.ak20091231{
display:block;
float:left;
width:100px;
height:100px;
margin:0 10px 10px 0;
padding:1px;
border:solid 1px #009fe2;
text-indent:-200em;
line-height:5px;
}
span.ak20091231 a{
display:block;
width:100px;
height:100px;
background:url(images/akira20091231_1.png) no-repeat 0 0;
}
span.ak20091231 a:hover{
background-image:url(images/akira20091231_2.png);
}

/*===================================
	comment style	
=====================================*/
#respond,
#comments,
ol.commentlist{
margin:0 40px;
}
#respond h3,
h3#comments{
color:#54a1af;
}
ol.commentlist p{
font-size:90%;
}
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}
.commentlist li {
	font-weight: bold;
}
.commentlist li .avatar { 
	float: right;
	border: 1px solid #54a1af;
	padding: 2px;
	background: #fff;
	}
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}
.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}
#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentmetadata {
	font-weight: normal;
	}
.nocomments{
	color: #777;
	}
acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}
#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
.commentlist {
	padding: 0;
/*	text-align: justify; */
	}
.commentlist li {
	margin: 15px 0 10px;
	padding:10px 20px;
	list-style: none;
	border:solid 1px #54a1af;
	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
	border:none;
}
.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0;
}

#commentform p {
	margin: 5px 0;
	}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}
.commentmetadata {
	margin: 0;
	display: block;
	}
.commentlist li a{
color:#333;
}
.commentlist li a:hover{
color:#636363;
}