@import url("reset.css");
/*----- 共通設定など -----*/
body{
	background-color: #fff;
	font-size: 9pt;
	line-height: 160%;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'ＭＳ Ｐゴシック',"sans-serif";
}

p{
	font-size: 9pt;
	line-height: 160%;
}
/**
 * 強調表示
 */
.bold,
em,
strong{
	font-weight: bold;
}

a{
	text-decoration:none;
}
a:hover,
a:active{
	color: #f30;
}
/* 青 */
.blue{
	color: #00f;
}
/* 赤 */
.red,
strong{
	color: #f00;
}
/**
 * 写真を左へ
 */
img.photo_left{
	float: left;
	margin: 0px 10px 10px 0px
}

img.photo_right{
	float: right;
	margin: 0px 0px 10px 10px;
}

.clear{
	clear: both;
}

.alignright{
	float: right;
}

.alignleft{
	float: left;
}

/*------- コンテナー -------*/
#container{
	width: 700px;
	margin: 0px auto;
}

/*------- ヘッダー --------*/
div#header{
	width: 698px;
	margin: 10px 0px 15px 0px;
	padding: 0;
	background-color: #fff;
	color: #666;
	border: solid 1px #0cc;
}

div#header h1{
	font-size: 24px;
	text-align: left;
	margin: 10px 0px 10px 10px;
	color: #6090ef;
}
div#header p{
	text-align: left;
	margin: 10px 0px 10px 10px;
}

/*------- メイン側 -------*/
div#main{
	float: right;
	padding: 0px 5px;
	width: 520px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 510px;
	text-align: left;
	overflow: visible;
}
div#main p{
	margin: 0 0 9pt 0;
	text-align: justify;
}

div#main ul,
div#main ol{
	margin-bottom: 9pt;
}
div#main ul li{
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 20px;
}
div#main ol li{
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 20px;
}

div.postmetadata{
	margin-bottom: 12px;
}
div.postmetadata span{
	background-position: top left;
	background-repeat: no-repeat;
	padding: 3px 6px 3px 18px;
}

div.postmetadata span.tag{
	background-image: url("images/icons/tag_blue.png");
}
div.postmetadata span.category{
	background-image: url("images/icons/folder.png");
}
div.postmetadata span.comments{
	background-image: url("images/icons/comments.png");
}
div.postmetadata span.trackacklink{
	background-image: url("images/icons/link_go.png");
}


/*------- フッター -------*/
div#footer{
	clear: both;
	width: 700px;
	text-align: center;
	border-top: 6px dotted #39c;
	margin-top: 5px;
	padding-top: 10px;
}

/*------- サイドバー -------*/
div#sidebar{
	float: left;
	margin: 0px 0px 10px 0px;
	width: 175px;
	font-size: 8pt;
	line-height: 140%;
}

div#sidebar div.navi{
	background-image: url("images/navi/navi_back.gif");
	background-repeat: repeat-y;
	text-align: left;
	margin-bottom: 10px;
}

div#sidebar div.navi div.navi-after{
	background-color: #fff;
	background-image: url("images/navi/navi_bottom.gif");
	background-repeat: no-repeat;
	background-position: top;
}

div#sidebar div.navi h3{
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	line-height: 0;
	width: 175px;
	height: 25px;
	background-repeat: no-repeat;
}

div#sidebar div.navi p{
	width: 155px;
	margin: 0 10px;
	font-size: 8pt;
	line-height: 160%;
	text-align: justify;
}

div#sidebar div.navi ul{
	width: 155px;
	padding: 0 10px 0 10px;
}

div#sidebar div.navi ul li{
	padding: 3px 0 3px 20px;
	background-position: center left;
	background-repeat: no-repeat;
}

div#sidebar div.navi.commercial h3{
	background-image: url("images/navi/sponsoredlink.gif");
}

div#sidebar div.navi.commercial p{
	font-size: 12px;
	line-height: 120%;
	margin: .5em 8px .5em 7px;
	padding: 0;
}

/**
 * ブログ：検索
 */
div#sidebar div.navi.search form{
	padding-left: 10px;
}
div#sidebar div.navi.search h3{
	background-image: url("images/navi/search.gif");
}

/**
 * ブログ：プロフィール
 */
div#sidebar div.navi.profile h3{
	background-image: url("images/navi/navi_profile.gif");
}
 
div#sidebar div.navi.profile ul.site li{
	background-image: url("images/icons/house_link.png");
}

div#sidebar div.navi.profile ul.android_app li{
	background-image: url("images/icons/package.png");
}

/**
 * ブログ：カレンダー
 */
div#sidebar div.navi.calendar{
	text-align: center;
}
div#sidebar div.navi.calendar h3{
	background-image: url("images/navi/calendar.gif");
}
div#sidebar div.navi.calendar table#wp-calendar{
	width: 155px;
	margin: 0 10px;
}
div#sidebar div.navi.calendar table#wp-calendar caption,
div#sidebar div.navi.calendar table#wp-calendar thead tr th{
	text-align: center;
}
div#sidebar div.navi.calendar table#wp-calendar tbody,
div#sidebar div.navi.calendar table#wp-calendar tfoot tr td#next{
	text-align: right;
}
div#sidebar div.navi.calendar table#wp-calendar tfoot tr td#prev{
	text-align: left;
}
div#sidebar div.navi.calendar table#wp-calendar thead tr th,
div#sidebar div.navi.calendar table#wp-calendar tbody tr td{
	width: 17px;
	padding: 0 3px 0 2px;
}
div#sidebar div.navi.calendar table#wp-calendar tbody tr td.today{
	border: 0px;
	font-weight: bold;
	color: #f60;
}

/**
 * ブログ：カテゴリ
 */
div#sidebar div.navi.categories h3{
	background-image: url("images/navi/categories.gif");
}
div#sidebar div.navi.categories ul li.cat-item{
	background-image: url("images/icons/folder.png");
}

/**
 * ブログ：アーカイブ
 */
div#sidebar div.navi.archives h3{
	background-image: url("images/navi/archives.gif");
}
div#sidebar div.navi.archives ul li{
	background-image: url("images/icons/calendar_view_month.png");
}
/**
 * ブログ：コメント
 */
div#sidebar div.navi.comments h3{
	background-image: url("images/navi/comments.gif");
}
div#sidebar div.navi.comments ul li{
	background-image: url("images/icons/page.png");
	background-position: 0px 3px;
}
div#sidebar div.navi.comments ul li ul{
	padding: 0;
	margin-left: -20px;
}
div#sidebar div.navi.comments ul li ul li{
	background-image: url("images/icons/comment.png");
}

/**
 * ブログ：トラックバック
 */
div#sidebar div.navi.trackback h3{
	background-image: url("images/navi/trackback.gif");
}
div#sidebar div.navi.trackback ul li{
	background-image: url("images/icons/page.png");
	background-position: 0px 3px;
}
div#sidebar div.navi.trackback ul li ul{
	padding: 0;
	margin-left: -20px;
}
div#sidebar div.navi.trackback ul li ul li{
	background-image: url("images/icons/lightning.png");
}
/**
 * ブログ：タグ
 */
div#sidebar div.navi.tags h3{
	background-image: url("images/navi/tags.gif");
}
div#sidebar div.navi.tags div.tag_list a{
	background-image: url("images/icons/tag_blue.png");
	background-repeat: no-repeat;
	background-position: center left;
	padding: 3px 0 3px 18px;
}
div#sidebar div.navi.tags div.tag_list{
	margin: 5px 10px;
	width: 155px;
}

/**
 * ブログ：リンク
 */
div#sidebar div.navi.link h3{
	background-image: url("images/navi/navi_link.gif");
}
div#sidebar div.navi.link ul li{
	background-image: url("images/icons/world_link.png");
}

div#content div#main div.post{
	clear: both;
}

div#content div#main div.post h2,
div#content div#main div#comments h3{
	font-size: 12pt;
	line-height: 160%;
	background-repeat: repeat-x;
	padding: 3px 5px 0;
	margin-bottom: 8px;
}
div#content div#main div.post h2{
	background-image: url('images/title_bar/titleback0103.gif');
	border-left: 6px solid #87cefa;
}
div#content div#main div#comments h3{
	background-image: url('images/title_bar/titleback0104.gif');
	border-left: 6px solid #ffcc66;
}

div#content div#main div.post p.entrydate{
	font-weight: bold;
	color: #6a5acd;
	background-image: url("images/icons/date.png");
	background-repeat: no-repeat;
	padding-left: 18px;
	margin: 5px 0;
}

/**
 * ブログ記事内で、他サイトからの引用文
 */
div#content div#main div.post pre,
div#content div#main div.post q,
div#content div#main div.post blockquote{
	margin: 10px;
	padding: 10px;
	border: dashed 1px #0066ff;
	background-color: #ccc;
	font-style: normal;
	display: block;
}

div#content div#main div.post dl dt{
	color: #6a5acd;
	font-weight: bold;
	border-bottom: dashed 1px #000;
}

div#content div#main div.post dl dd{
	margin-left: 1em;
	margin-bottom: 1em;
	text-align: justify;
}

div#content div.navigation div.alignleft{
	text-align: left;
	display: inline;
}
div#content div.navigation div.alignright{
	text-align: right;
	display: inline;
}

div#content div#comments div.trackbackurl{
	margin: 0 0 12px 0;
}

div#content div#comments p.comment-footer{
	text-align: right;
	border-top: 1px solid #666;
	padding: 3px 0;
}


/* ----- Style for Ktai Entry ----- */
.photo {
	padding-right:6px;
	float:left;
	line-height:110%;
	font-size:0.85em;
	text-indent:0;
}
.photo img {
	background:white;
	margin:0 4px 4px 0;
	padding:3px;
	border:1px solid #999;
}
.photo-end {
	clear:left;
}
/* ---------- */