@charset "utf-8";

/*===================================================================

CSS Information

 Site URL:	http://hyper-text.org/i/
 File name:	base.css (http://hyper-text.org/css/iphone.css)
 Summary:	all styles for iPhone & iPod touch
 Created:	2008-08-15
 Last update:	2008-08-15 by Yoshiki Kato
 Author:	Yoshiki Kato

===================================================================*/

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

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,img {
    border: none;
}

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: 1em;
    font-weight: normal;
}

q:before,q:after {
    content: '';
}

abbr,acronym {
	border: none;
}


/*----------------------------------------
 __base_style
----------------------------------------*/

body {
	font-size: 1em;
	line-height: 1.3;
	font-family: Helvetica, HiraKakuProN-W3, sans-serif;
	}

legend {
	display: none;
	}

ins,
abbr {
	text-decoration: none;
	font-style: normal;
	border: none;
	}

a {
	color: #599;
	text-decoration: none;
	}

a:visited:hover {
	color: #990;
	text-decoration: underline;
	}

a:hover {
	color:#099;
	text-decoration: underline;
	}


/*----------------------------------------
 __style_container
----------------------------------------*/

div.header {
	padding: .5em .5em 1em .5em;
	background: url(/img/icon/iphone_icon.png) no-repeat right bottom;
	}

div.header h1 {
	text-indent: -100em;
	overflow: hidden;
	background: url(/img/share/site_title_feed.png) no-repeat left center;
	height: 50px;
	}

div.header h1 a {
	display: block;
	height: 50px;
	overflow: hidden;
	}

form#site_search {
	margin-bottom: 1em;
	padding: .5em;
	background: url(/img/share/background.png) repeat left top #555;
	}

form#site_search input {
	padding: .1em 0;
	vertical-align: middle;
	font-size: 1em;
	}

form#site_search input#search {
	margin-right: .5em;
	font-size: 1.3em;
	width: 14em;
	}

form#site_search input#search_submit {
	text-transform: uppercase;
	}

div#main_contents {
	padding: .5em .5em 1em .5em;
	}

/*----------------------------------------
 __blog
----------------------------------------*/

div.entry_section {
	margin-bottom: 3.5em;
	}

div.entry_section div.entry_body {
	margin-bottom: 2em;
	}

div.entry_section h2 {
	padding: .3em 0 .3em 22px;
	font-size: 1.5em;
	border-bottom: 1px dotted #555;
	background: url(/img/share/entry_title_back.gif) no-repeat left center;
	}

div.entry_section div.entry_body h3 {
	margin: 0 0 0.5em 0;
	font-size: 1em;
	line-height: 1.2;
	}

div.entry_section div.entry_body h3.classification {
	margin: 2em 0 1em 0;
	padding-bottom: .3em;
	border-bottom: 1px dotted #555;
	}

div.entry_section div.entry_body h4,
div.entry_section div.entry_body h5 {
	margin: 0;
	font-size: 1em;
	line-height: 1.5;
	}

div.entry_section div.entry_body div.userscript,
div.entry_section div.entry_body div.childSection {
	padding-left: 1em;
	}

div.entry_section div.entry_body p {
	margin-bottom: 1em;
	}

div.entry_section div.entry_body p.entry_more {
	margin-bottom: 0;
	}

div.entry_section div.entry_body p.entry_more a {
	padding-right: 16px;
	background: url(/img/share/entry_more_arrow.png) no-repeat right center;
	}

div.entry_section div.entry_body img.f,
div.entry_section div.entry_body img.imgL {
	margin: 1px 10px 5px 0;
	float: left;
	}

div.entry_section div.entry_body p span.st {
	font-size: .8em;
	}

div.entry_section div.entry_body p.img {
	width: 360px;
	border: 1px solid #ccc;
	clear: both;
	}

div.entry_section div.entry_body p.imgIp {
	width: 330px;
	border: 1px solid #ccc;
	clear: both;
	}

div.entry_section div.entry_body p.imgFl {
	width: 250px;
	border: 1px solid #ccc;
	clear: both;
	}

div.entry_section div.entry_body p.sample {
	height: 60px;
	}

div.entry_section div.entry_body p.img img,
div.entry_section div.entry_body p.imgIp img,
div.entry_section div.entry_body p.imgFl img {
	margin: 5px;
	}

div.entry_section div.entry_body p.attention {
	color: red;
	}

div.entry_section div.entry_body p ins {
	display: inline;
	}

div.entry_section div.entry_body table {
	margin: 0 0 1em 0;
	font-size: 1em;
	line-height: 1.3;
	width: 99%;
	}

div.entry_section div.entry_body table th {
	padding: .2em 0 .2em .3em;
	font-weight: normal;
	text-align: left;
	background: #eee;
	border: 1px solid #ccc;
	vertical-align: top;
	width: 160px;
	}

div.entry_section div.entry_body table td {
	padding: .2em 0 .2em .3em;
	border: 1px solid #ccc;
	vertical-align: top;
	}

div.entry_section div.entry_body img.notes {
	margin-bottom: 5px;
	}

div.entry_section div.entry_body blockquote {
	margin: 0 0 1em 0;
	padding: 0 0 0 25px;
	background: url(/img/individual/bp.gif) no-repeat left top;
	}

div.entry_section div.entry_body blockquote.code {
	margin: 0;
	padding: 0;
	background-image: none;
	}

div.entry_section div.entry_body blockquote cite {
	font-style: normal;
	}

div.entry_section div.entry_body pre {
	margin: 0 0 1em 0;
	padding: 1em .5em;
	background: url(/img/individual/line_back.gif) repeat left top;
	overflow: scroll;
	white-space: pre-wrap; 
	}

div.entry_section div.entry_body blockquote pre {
	margin: 0 0 1em 0;
	padding: 1em .5em;
	background: url(/img/individual/line_back.gif) repeat left top;
	overflow: scroll;
	white-space: pre-wrap; 
	}

div.entry_section div.entry_body pre strong {
	font-weight: normal;
	color: red;
	}

div.entry_section div.entry_body ol {
	margin: 0 0 1em 2em;
	list-style: decimal;
	}

div.entry_section div.entry_body ul {
	margin: 0 0 1em 1.5em;
	list-style: circle;
	}

div.entry_section div.entry_body ol li ol,
div.entry_section div.entry_body ol li ul,
div.entry_section div.entry_body ul li ol,
div.entry_section div.entry_body ul li ul {
	margin-bottom: 0.2em;
	}

div.entry_section div.entry_body ul.sample,
div.entry_section div.entry_body ol.sample {
	margin: 0 0 1em 0;
	list-style: none;
	}

div.entry_section div.entry_body ol li,
div.entry_section div.entry_body ul li {
	margin: 0.2em 0;
	}

div.entry_section div.entry_body ol.sample li,
div.entry_section div.entry_body ul.sample li {
	margin: 0;
	}


/*-- page list --*/

div.blog ul.page_list {
	margin: 0 .5em 2.5em .5em;
	overflow: hidden;
	}

div.blog ul.page_list li {
	margin: 0.3em;
	padding: .3em 0;
	text-align: center;
	float: left;
	width: 2em;
	border: 1px solid #599;
	}

div.blog ul.page_list li a {
	display: block;
	}


/*-- entry info --*/

div.entry_section dl.entry_info {
	margin-bottom: 1em;
	padding: .5em;
	background-color: #eee;
	}

div.entry_section dl.entry_info dt {
	display: none;
	}

div.entry_section dl.entry_info dd ul {
	padding-left: 20px;
	background: url(/img/share/icon_entry_info.gif) no-repeat left center;
	}

div.entry_section dl.entry_info dd ul li {
	display: inline;
	padding-right: 0.5em;
	}

div.entry_section dl.entry_info dd ul li.entry_author address {
	display: inline;
	font-style: normal;
	}

div.entry_section dl.entry_info dd ul li.entry_author a {
	color: #000;
	}

div.entry_section dl.entry_info dd ul li.entry_post_date:after {
	content: "/";
	padding-left: 0.5em;
	}

/*-- feedback and tag --*/


div.entry_section div.feedback_and_tag {
	background: url(/img/share/feedback_and_tag_back.png) no-repeat right top #eee;
	clear: both;
	}

div.feedback_and_tag dl.comment_and_tb,
div.feedback_and_tag dl.tag {
	padding: .5em;
	}

div.feedback_and_tag dl.tag {
	padding-top: 0;
	}

div.entry_section dl.comment_and_tb dt {
	display: none;
	}

div.entry_section dl.tag dt,
div.entry_section dl.tag dd {
	display: inline;
	}

div.entry_section dl.tag dt {
	padding-right: 0.5em;
	}


/*-- navi --*/

div.blog dl.navi {
	margin: 2em 0;
	}

div.blog dl.navi dt {
	display: none;
	}

div.blog dl.navi dd ul li {
	padding: 0 0 0.2em 0;
	}

div.blog dl.navi dd ul li.prev a {
	padding-left: 15px;
	background: url(/img/individual/navi_arrow_left.gif) no-repeat left center;
	}

body div.blog dl.navi dd ul li.next a {
	padding-left: 15px;
	background: url(/img/individual/navi_arrow_right.gif) no-repeat left center;
	}


/*-- tb and comment --*/


div.blog div.comment_section,
div.blog div.tb_section {
	margin: 2em 0 0 0;
	}

div.blog div.comment_section h3,
div.blog div.tb_section h3 {
	margin: 2em 0 1em 0;
	font-size: 1.3em;
	text-transform: uppercase;
	line-height: 1.2;
	}

div.blog div.comment_section p.zero,
div.blog div.tb_section p.zero {
	margin: 0 0 2em 0;
	color: #999;
	}

div.blog p.tb_url,
div.blog dl.tb_this_entry,
div.blog dl.comments_this_entry {
	margin-bottom: 2em;
	}

div.blog dl.tb_this_entry dt,
div.blog dl.comments_this_entry dt {
	padding: 1em 10px 1em 30px;
	}

div.blog dl.tb_this_entry dt {
	background: url(/img/individual/icon_tb.gif) no-repeat 10px center;
	}

div.blog dl.comments_this_entry dt {
	background: url(/img/individual/icon_comment.gif) no-repeat 10px center;
	}

div.blog dl.tb_this_entry dd,
div.blog dl.comments_this_entry dd {
	padding: 0 .5em;
	border-bottom: 1px dotted #ccc;
	}

div.blog dl.tb_this_entry dt.odd,
div.blog dl.comments_this_entry dt.odd,
div.blog dl.tb_this_entry dd.odd,
div.blog dl.comments_this_entry dd.odd {
	background-color: #eee;
	}

div.blog dl.tb_this_entry dd p,
div.blog dl.comments_this_entry dd p {
	padding-bottom: 1em;
	}


/*-- adsense --*/

body div.blog dl.adsense {
	margin: 2em 0 0 0;
	}

body div.blog dl.adsense {
	padding: .5em;
	border: 1px solid #ccc;
	}

body div.blog dl.adsense dt {
	color: #666;
	text-align: center;
	width: 8em;
	background: #fff;
	position: relative;
	top: -1.2em;
	}

body div.blog dl.adsense dd {
	text-align: left;
	}

/*----------------------------------------
 __footer
----------------------------------------*/


div.footer_area {
	clear: both;
	padding: .5em 0;
	background-color: #2a2a2a;
	color: #fff;
}

div.footer_area a {
	color: #fff;
}

div.sub_menu dl {
	margin: .5em;
	padding: .5em;
	background: #121212;
	}

div.sub_menu dl dt {
	margin-bottom: .3em;
	padding-bottom: .3em;
	border-bottom: 1px dotted #ccc;
	}

div.sub_menu dl dd ul {
	text-align: justify;
	text-justify: newspaper;
	line-height: 1.2em;
	}

div.sub_menu dl dd ul li {
	display: inline;
	background-image: none;
	}

div.sub_menu dl.archives dd ul li,
div.sub_menu dl.categories dd ul li {
	padding-right: 1em;
	}

a.tag10 {font-size: 70%;}
a.tag9 {font-size: 80%;}
a.tag8 {font-size: 90%;}
a.tag7 {font-size: 100%;}
a.tag6 {font-size: 110%;}
a.tag5 {font-size: 120%;}
a.tag4 {font-size: 130%;}
a.tag3 {font-size: 140%;}
a.tag2 {font-size: 150%;}
a.tag1 {font-size: 160%;}
a.tag0 {font-size: 170%;}


div.footer {
	padding: 0 .5em;
}



/*-- search_result --*/

div.entry_section p.search_result_count {
	margin: 1em 0 1.5em 0;
	}


div.entry_section ul.searchResult li {
	margin: 0 0 .5em 0;
	padding: .3em 0 .3em 20px;
	background: url(/img/share/entry_more_arrow.png) no-repeat left center;
}


/*-- err --*/

div.entry_section h2.errTitle {
	margin-bottom: 1.5em;
}

/*typekit*/
ul.typekitSample li {
	list-style: none;
	font-size: 200%;
}


/*-- Blackbird Pie / Twitter Media --*/

div.bbpBox {
	background: url(http://a1.twimg.com/profile_background_images/65343222/twitter.png) no-repeat #082029;
	padding: 50px 20px 20px;
	margin: 0 0 20px 0;
	overflow: hidden;
	zoom: 1;
}

p.bbpTweet {
	background: #fff;
	padding: 10px 12px 10px 12px;
	margin: 0;
	min-height: 48px;
	color: #000;
	font-size: 100%;
	line-height: 1.5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

p.bbpTweet span.metadata{
	display: block;
	width: 100%;
	clear: both;margin-top: 8px;
	padding-top: 12px;
	height: 40px;
	border-top: 1px solid #fff;
	border-top: 1px solid #e6e6e6;
}

p.bbpTweet span.metadata span.author{
	line-height: 1.5;
}

p.bbpTweet span.metadata span.author img{
	float: left;
	margin: 0 7px 0 0px;
	width: 38px;
	height: 38px;
}

p.bbpTweet a: hover{
	text-decoration: underline;
}

p.bbpTweet span.timestamp{
	font-size: 90%;
	display: block;
}