@charset "utf-8";


/********************
	Home style
********************/

#profile h1{
	background:url(../img/icon_profile.png) -8px 0 no-repeat;
	padding:10px 0 0 62px;
	min-height:55px;
}
#profile h2{font-size:110%;}
#profile h3{font-size:100%; margin-bottom: 0.1em;}
#profile p{margin-left:1.5em;}
#profile .contact{margin-left:0;}
#relational h1{font-size: 240%; font-style:italic; margin-bottom: 0.6em;}
#relational h1{font-size: 180%;}
#relational article{margin-bottom:3em;}
#relational h1{padding-left:72px;}
#home li{margin-bottom:0.4em;}
#blog-post h1{background:url(../img/icon_blog.png) 0 0 no-repeat;	min-height:55px; padding-top: 10px;}
#reading h1{background:url(../img/icon_peace.png) 0 0 no-repeat;	min-height:55px; padding-top: 20px;}
#blog-post .archive{text-align: right;}
#tweet h1{background:url(../img/icon_tweet.png) 0 0 no-repeat;	min-height:50px; padding-top: 15px;}
#tweet dl{background:url(../img/te_profile.gif) 0 0 no-repeat; padding:0 0 0 55px;}
#tweet dt{font-size:120%; line-height:1.2;}
#tweet dt span{font-size:80%; padding-left:10px;}
#tweet dd{margin-left:0;}
#zoo h1{background:url(../img/icon_zoo.png) 0 0 no-repeat;	min-height:47px; padding-top: 10px;}
#gplus h1{background:url(../img/icon_gplus.png) 0 0 no-repeat;	min-height:50px; padding-top: 10px;}
#container #gplus p{background:url(../img/te_profile.gif) 0 0 no-repeat; padding:0 0 0 55px;}
#zoo .thumb{float:left; margin-right:10px; margin-bottom:10px;}
#zoo p{overflow:hidden;}
#relational h2{
	margin-bottom:0.3em;
	font-size:110%;
}
#relational *{word-break: break-all;}
#relational{font-size:90%;}
#relational a:link,#relational a:visited{text-decoration:underline;}

/********************
	Tag style
********************/
html,body{
 margin:0; padding:0;
 font-family:Helvetica,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
 line-height:1.7;
}

h1,h2,h3,h4,h5,h6,#kangaroonote .tag-list,.downloadm,
blockquote{font-family: "Big Caslon","Times New Roman",Times,serif;}

a img{border: 0;}
#kangaroonote img{max-width: 90%}

article,section,header,
hgroup,footer,aside,nav{display: block;margin: 0;padding: 0;}
	
section input[type='text'],
section textarea{border: 1px solid #000000;}
	
section label{padding-right: 10px;color: #333333;}

section,
div{margin-bottom:2em;}

div#contents,
div#contents .trackbacks-content div,
#contents div div,#contents section section,
#contents div div div,#footer{margin-bottom:0 !important;}

p{margin:0 0 0.2em;padding:0;}

#kangaroonote p{margin:0 0 0.8em;padding:0;}

ul{margin-left:0;padding-left:34px;}
ol{margin-left:0;padding-left:40px;}
	ul ul,
	ol ol{padding-top:0.2em;}
		li{margin-bottom:0.1em;}

dt{margin-bottom:0.3em;font-weight:bold;}
dd{margin-left:1.5em;margin-bottom:0.1em;}

table{margin-bottom:1em;}
	caption{padding: 4px 6px;text-align:left;font-weight:bold;}	
	th,td{padding:5px 8px;border:1px solid #CCCCCC;font-size:85%;}
	tr.zebra td{background-color: #F0F0F6;}
	tr.hover td{background-color: #FFFFCC;}
	thead th{background:#e1e1e1;}
	tbody th{background:#efefef;text-align:right;}
		td dl{margin: 0;padding: 0;}
		td ul{margin: 0 0 0 20px;padding: 0;}
		td dt,td dd{display:inline;}
		td dt{font-weight:bold;}
		td dt:after{content:" : ";}
		td dd{margin-left:0;padding-right:1em;}

ins{background-color:#FFFFCC;	text-decoration:none;}
.google-ad ins{background-color:#FFFFFF;}

body code{
	display:block;
	white-space:pre;
	padding:12px 15px;
	border:1px solid #333333;
	overflow:auto;
	line-height: 1.4;
	font-size: 105%;
}

blockquote{
	background:#EFEFEF url(/img/quote.png) 18px 16px no-repeat;
	margin:2em 0;
	padding:20px 20px 10px 60px;
}

blockquote:first-letter{font-size: 180%;line-height: 1.3;}
	blockquote p{margin-bottom: 0.5em;}

q.has-img:before,q.has-img:after{content:'';} 

input[type="text"],
textarea,
#comment-url,
#comment-email,
#comment-author{
	border:1px solid #696969;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

textarea{font-size:120%;}

img{vertical-align:top;}
img.icon,
.bnr img{padding-right: 3px; border: 0; vertical-align: baseline;}

dl.inline-list{margin: 5px 0;}
.inline-list input[type='submit']{padding:2px 4px;}

td input[type='submit']{background:#222222;color:#FFFFFF;padding:2px 4px;}

header input[type='submit'],
#header input[type='submit']{
	padding:1px 6px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #CCCCCC;
}

/********************
	Add Id Class Contents Area Element
********************/

div.gsc-resultsRoot{float: left;}
body div.gsc-resultsRoot{position: inherit;float: left;}
.gsc-twiddle{margin-bottom: 0;padding-bottom: 0;height: auto;}
.gsc-twiddleRegionCell div{display: block;float: left;}
.acordion-h,.accordions-h{cursor: pointer;text-decoration: underline;color: blue;}

.new{
	margin-left: 1em;
	padding: 2px 5px;
	background-color: #CC0000;
	color: #FFFFFF;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font-size: 75%;
}

nav .new{margin-left: 0.5em;padding: 1px 3px;font-size: 65%;}

#js .download,
.js .download{
	display: inline-block;
	margin-bottom: 2em;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#3F6E0D), to(#143E04));
	background-image: -moz-linear-gradient(top, #3F6E0D, #143E04 70%, #143E04);
	background-color: #143E04;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	color: #FFFFFF;
	-webkit-box-shadow: 1px 1px 2px #999999;
	-moz-box-shadow: 1px 1px 2px #999999;
		border: 1px solid #FFFFFF;
}

	#js .download:hover,
	.js .download:hover{
		background-image:-webkit-gradient(linear, left top, left bottom, from(#518F0F), to(#143E04));
		background-image: -moz-linear-gradient(top, #518F0F, #143E04 70%, #143E04);
	}
	
	#js .download a,
	.js .download a{		display: inline-block;
			padding: 8px 83px 8px 14px;
			background-image: url(/img/viewjs.png);
			background-position: 102% 0;
			background-repeat:  no-repeat;
		}

#map-canvas{width:600px;height:400px;}
	
.loader{background: url(../img/lightbox/lightbox-ico-loading.gif) 50% 50% no-repeat;}

.lead{margin-bottom: 30px;}

.lyric{white-space:pre;}

.hidden{display: none;}

#container div.unit-images p{padding-top:1em; margin-bottom:2em;}

.ui{
	padding: 0 20px;
	border: 2px solid #666666;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.unit-image dt{margin-bottom: 0.7em;}

.unit-image dd{margin-bottom: 1.8em;}
	
.vcard ul.hresume{list-style: none;margin:0 0 10px 10px;padding: 0;}
	.vcard ul.hresume li{display: inline;margin-left: 1em;}
.facebook-like{width: 340px;height: 40px;border: 0; overflow: hidden;}

.og-image{display: none;}

#contents div.attention,
#contents section.attention,
.for-not-smartphone{
	margin-bottom:10px;
	padding:10px 10px 10px 10px;
	border:2px solid #CC0000;
}

.alert{
	color:#CC0000;
}

.button,
input[type='submit']{
	background:#092244;
	color:#FFFFFF;
	padding:5px 10px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	font-size:90%;
}

input[type='button']{
	padding: 4px 6px;
	border: 1px solid #777777;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	background:#FFFFFF;
	background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
	background: -moz-linear-gradient(top, #FFFFFF, #DDDDDD 70%, #FFFFFF);
	font-size:75%;
}
input[type='button']:active{
	background:#DDDDDD;
	background:-webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#FFFFFF));
	background: -moz-linear-gradient(top, #DDDDDD, #FFFFFF 70%, #DDDDDD);
}

.l-photo,.r-photo,
.photo{
	display:block;
	margin:0 14px 14px 0;
	border: 5px solid #FFFFFF;
	-webkit-box-shadow: 1px 1px 1px #999999;
	-moz-box-shadow: 1px 1px 1px #999999;
}

#container .b-photo{
	margin: 20px 0 30px 0;
}

.r-photo{float:right;}
.l-photo{float:left;}
.unit-fl div{float:left; margin-right:20px;}

h3 img,
#nav img,
.to-blog img{vertical-align:middle;padding-right:5px;}

.to-top{text-align:right;}

.block-link h4{
	margin: 0 0 0.3em;
}

.block-link img{
	margin-bottom: 1em;
}


.block-link a:link,.block-link a:visited{
	overflow: hidden;
	display: block;
	text-decoration: none;
}

/********************
	Basic
********************/

#demo,
div.demo{padding:10px;border:1px solid #333333;}

#container div div.demo{margin-bottom: 20px;}

#container{margin-bottom:0;}

#contents,.relational{
	color:#161616;
	padding-top:30px;
}

#contents{
	padding-left:3%;
	padding-bottom:30px;
	float:left;
	width:64%;
}

.relational{
	padding-right:3%;
	float:right;
	width:24%;
}

#home #contents{
	padding-right:3%;
	float:right;
	width:60%;
}

#home .relational{
	padding-left:3%;
	float:left;
	width:28%;
}

#contents-inner{margin-left: 230px;position: relative;}

#contents .book-ad a:link,
#contents .external a:link,
#contents .library a:link{text-decoration: underline;}
#contents .google-ad{overflow:hidden; margin-bottom:2.8em;}

#side-nav a:link,
#side-nav a:visited{color: #333333;}

header,header a:link,header a:visited,
#header,#header a:link,#header a:visited,
#topic-path,#topic-path a:link,#topic-path a:visited,
#footer,#footer a:link,#footer a:visited,footer,footer a:link,footer a:visited,
#kangaroonote .widget-categories h3,#kangaroonote .widget-categories ul,.widget-list a:link,.widget-list a:visited,
.widget-categories h2,#kangaroonote #footer h2,
.widget-categories a:link,.widget-categories a:visited,#contents #tab-nav a:hover,.js .download a:link,.js .download a:visited,.js #contents .download a:hover,#js .download a:link,#js .download a:visited,#js #contents .download a:hover{
	color:#FFFFFF;
}

a:active{position: relative;top: 1px;}

.tag-list li a{text-decoration:none;color:#333333;}

#contents .tag-list li a:hover{text-decoration:underline;}

header a:hover,#header a:hover,#topic-path a:hover,#footer a:hover{color:#fdffc6;}

#contents .book img,.to-blog img,
#side-nav h2 img{border:0;}

#contents a:hover,.acordion-h:hover,#relational a:hover{color:#004cfa;}

.widget-categories li{float:left;white-space:nowrap;}

#to-index a:hover,
#to-parent a:hover{text-decoration:underline;}

/********************
	Header
********************/

#container div#header,
#container header{background:#14235D;font-size:90%; margin-bottom:0;}

header p,
#header p,
#blog-id{float:left;margin:0 !important;padding:0;}

#blog-id a,
#kangaroonote #site-id a{
	display:block;
	background:url(/img/id_sm.gif) no-repeat 0 0;
	width:230px;
	height:45px;
	text-indent:-9999px;
	overflow:hidden;
}

#site-id a{
	display:block;
	background-image:url(/img/id.gif);
	background-repeat:no-repeat;
	width:230px;
	height:45px;
	text-indent:-9999px;
	overflow:hidden;
}

header ul,
#header ul{
	list-style:none;
	float:right;
	margin:10px 30px 0 0;
	padding:0;
}

#header ul li,
header ul li{float: left; margin-left: 20px;}

header ul li a,
#header ul li a{padding-left:20px;}

#blog-header-primary{text-align:right;}

#blog-header-primary #search{margin-bottom:4px;width:220px;}

#blog-header-primary input{vertical-align:middle;}

ul #feed a{
	background-image:url(/blog/template_img/rss_icon.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
}

#contact a{
	background-image:url(/blog/template_img/icon_mail.gif);
	background-repeat:no-repeat;
	background-position:2px 7px;
}

/********************
	Navigation
********************/
#nav,
nav ul{
	background:#f1f1f1;
	margin-bottom:40px;
	padding:20px 16px 18px 36px;
	color:#143c5c;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
	
	nav ul ul{margin-bottom:0;padding-top: 0;padding-bottom: 0;}

nav #horizontal-nav{background: none;}

#horizontal-nav,
#plain-hnav{list-style:none;margin:0;padding:0;}

#horizontal-nav li,#plain-hnav li{float: left;margin-right:10px;}

#horizontal-nav img{border:0;}

#plain-hnav li{margin-right:25px;}

#tab-resource{clear:both;}

#tab-nav{
	margin:0 0 20px 0;
	padding:0;
	overflow:hidden;
	border-bottom:2px solid #333333;
}

#tab-nav li{
	list-style:none;	float:left;
	margin:0 3px 0 0;
	width:5em;
	border:1px solid #666666;
	border-bottom:0;
	text-align:center;
	-moz-border-radius-topright:3px;
	-moz-border-radius-topleft:3px;
	-webkit-border-top-right-radius:3px;
	-webkit-border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-top-left-radius:3px;
}

	#tab-nav li:hover{background-color: #000000;}
	
	.on{background:#000000;}
	
	#contents #tab-nav a{display: block;}

.on a,
a.on{color:#ffffff;text-decoration: none;}

#topic-path{
	list-style:none;
	background:#0A1029;
	margin:0;
	padding:3px 20px 4px 20px;
	font-size:75%;
	background:#0A1029;
	background:-webkit-gradient(linear, left top, left bottom, from(#0C1F61), to(#0A1029));
	background: -moz-linear-gradient(top, #0C1F61, #0A1029 100%, #0C1F61);
}

	#topic-path li{display:inline;padding-right:5px;}
	
		#topic-path li:after{content:" >";}
		#topic-path li:last-child:after{content:"";}

#to-index,
#to-parent{margin:20px 0;}

.to-blog{margin:20px 0;}

.archive{margin-top: 1em;list-style: none;}

	#to-index a,
	.archive a{
		background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
		background: -moz-linear-gradient(top, #FFFFFF, #DCDCDC 100%, #FFFFFF);
		-webkit-box-shadow: 1px 1px 1px #333333;
		-moz-box-shadow: 1px 1px 1px #333333;
		margin-left: 10px;
		padding: 6px 16px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		border: 1px solid #CCCCCC;
	}
	
	#to-index a:before,
	#to-parent a:before{content:"≪- ";}
	
	.archive a:before{content: "» ";}

/********************
	Column Layout
********************/
#contents #column-block{margin-bottom: 0;position: relative;}
	
	#fragment-nav h2{
	background-color: #072141;
	background:-webkit-gradient(linear, left top, left bottom, from(#102D70), to(#072141));
	background: -moz-linear-gradient(top, #102D70, #102D70 10%, #072141);
	margin: 0;
	padding: 6px 10px 5px 10px; 
	font-size: 100%;
	color: #FFFFFF;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-radius-topleft: 4px;
	border-radius-topright: 4px;
	text-shadow: 1px 1px 1px #333333;
	}
	
	#column-block #fragment-nav ul{
	-moz-border-radius-topleft:0;
	-moz-border-radius-topright:0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	border-radius-topleft:0;
	border-radius-topright:0;
	border-top: 0;
	}

#column-block #main{float: left;width:70%;}

/********************
	Heading
********************/

h1,h2,h3,h4,h5,h6{
	color:#072141;
	line-height:1.2;
	letter-spacing:0.001em;
	font-weight: normal;
}

h2{font-size:165%;}

h3{font-size:140%;margin-top:1.4em;margin-bottom:0.5em;}

h4{font-size:125%;margin-bottom:0.5em;padding:0;}

h5{font-size:110%;margin-bottom:0.3em;}

h1{margin:0 0 0.1em 0;font-size:200%;}

#kangaroonote #nav h1{font-size:160%;}

.block-link a:link,.block-link a:visited,
#kangaroonote h1 a,
#kangaroonote h2 a{text-decoration: none;}

#kangaroonote h2{margin: 1.8em 0 0.6em 0;padding: 0;}

#kangaroonote .hgroup h3{float:none;margin:0 0 0.2em 0;padding:0;}

#kangaroonote .hgroup h4{float:none;margin:0 0 0.4em 0;padding:0;}

#kangaroonote .hgroup h4:after,
#kangaroonote .hgroup h4:before{content:"";}
h1.archive-title,
h1.search-results-header{margin:0 0 1em 0;font-size:110%;}

h2.heading-a{margin: 0;padding: 0;}

	h2.heading-a img{border: 0;}

h1.archive-title,#comments-open h2{font-size:120%;}

.vcard h3{margin-bottom: 0.8em;}

.vcard h3,
.vcard h4,
.vcard h5{margin: 0 0 0.5em;padding:0;font-size: 110%;}

.vcard h4,
.vcard h5{font-size: 100%;font-weight: normal;margin-left:15px;}

.vcard h5.label{margin-top: 0.8em;margin-bottom: 0.1em;padding-bottom: 0;font-weight:bold;}

h6,.book-ad h2,
.book-ad h3,
#kangaroonote .relational h2,
.relational h3,
.widget-categories h3{font-size:100%;}

.relational h3{margin-top:0;}

.inline-hgroup h1,.inline-hgroup h2{display: inline;}

.inline-hgroup h2{font-size: 130%;}

	.inline-hgroup span{padding-left: 0.5em;}

.hgroup h3{margin:0;padding:0;}

.hgroup h3,
.hgroup h4{float:left;}

.hgroup h4{margin-top:0.2em;margin-left:0.3em;}

.hgroup h4:after,
.hgroup h4:before{content:"~";}

.demo h2,
.demo h3,
.demo h4{margin-top: 10px;font-weight: bold;}

#container #contents .date,
#container #contents .asset-meta{
	list-style: none; margin-left: 0;	padding-left: 0;	font-size:75%;
}

#container #contents .date li,
#container #contents .asset-meta li{
	margin-bottom: 0;display:inline;padding-left:1em;
}

/********************
	Footer
********************/

footer,#footer{clear:both; background:#14235D; padding:10px 20px;}

/********************
	kangaroonote
********************/
/*/blog/2007/04/javascripthtml.html*/
#domapril {
	background:#F0598B url(/blog/dom/images/domapril_back.jpg) 0 0 repeat-x;
	margin:10px;
}
#domaprilInner{
	background:url(/blog/dom/images/domapril_back.jpg) 100% 100%  no-repeat;
	padding-bottom:50px;
}

#domapril h3{
	background:url(/blog/dom/images/domapril_title.gif) 0 0 no-repeat;
	height:78px;
	text-indent:-999px;
}
#domapril h4{
	background:url(/blog/dom/images/domapril_22.gif) 0 0 no-repeat;
	height:20px;
	text-indent:-999px;
}
#domapril p,#domapril  ol{
	padding:0 20px;
	font-weight:bold;
	color:#ffffff;
}

#domapril ol{margin:0 10px;list-style:square;color:#ffffff;}

#kangaroonote #search-results div.entry-asset{margin-bottom: 2.5em !important;}

#kangaroonote #contents .trackbacks-content .asset-meta{text-align: left;}

#kangaroonote #contents #trackbacks .trackback p{font-weight: normal;}

#kangaroonote #contents #trackbacks .trackbacks-content{
	padding: 15px 10px;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}

#kangaroonote #contents #trackbacks .trackback{
	background: url("/img/human.png") 15px 15px no-repeat;
	margin-bottom: 10px;
	padding: 0 10px 0 80px;
	border: 1px dashed #CCCCCC;
}

#kangaroonote .widget-categories ul li{margin-left:30px;}

#kangaroonote #contents{
	background-image:url(/blog/img/doc.png);
	background-repeat:no-repeat;
	background-position:-40px -40px;
}

#kangaroonote .tag-list{
	float:right;
	background-color:#F1F1F1;
	padding:6px 10px;
	width:360px;
	line-height:1.1;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	-webkit-border-radius-topleft:6px;
	-webkit-border-radius-topright:6px;
	font-size: 90%;
}

#kangaroonote div.widget-categories{margin: 20px 0 0 20px;padding-bottom:0;}

#kangaroonote .widget-categories ul{list-style: none;margin-left:10px;padding: 0;}

.belongs{margin: 0;padding: 0;}

.belongs dd{display: inline;}

.form-elm-list{
	background-color: #DDDDDD;
	padding: 3px 5px;
	border-bottom: 1px solid #CCCCCC;
}

	.form-elm-list li{
		list-style: none;
		display: inline;
		padding-right: 15px;
		white-space: nowrap;
	}
		
	.form-elm-list input{width:7em;}

#kangaroonote .entry-tags,#kangaroonote .entry-categories,#kangaroonote .trackbacks{
	margin:0 1.5em 0 0;
}

#kangaroonote .entry-tags h2,#kangaroonote .trackbacks h2,#kangaroonote .entry-categories h2{
	margin:0.3em 0 0 0;padding:0;
	font-size:100%;
}

#kangaroonote .entry-tags ul,#kangaroonote .entry-categories ul{list-style:none; margin:0 0 0 0.5em;padding:0;}

.entry-tags,.entry-tags h2,.entry-tags ul,.entry-tags li,.trackbacks,.trackbacks h2,.trackbacks p,
.entry-categories,.entry-categories h2,.entry-categories ul,.entry-categories li{float:left;}

#kangaroonote .trackbacks p{
	background-color:#EFEFEF;
	padding:0 5px;
	margin:0.3em 0 0 0.5em;
	line-height:1.1;
}

/********************
	Ad = Google & Book
********************/

.book-ad{
	background-color:#FFFFFF;
	float:right;
	margin-left:30px;
	padding:10px;
	width:370px;
	border:1px solid #333333;
	font-size:90%;
}

	.book-ad p{margin:0;font-size:90%;}
	
		.book-ad strong{display:block;}
		
		#container .book-ad img{float:left;padding:0 10px 0 0;}
		
		.price{display:block;text-align:right;color:#cc0000;}

#contents .book{
	margin-top:2em;
	padding: 15px 10px 0 10px;
	border-top:2px solid #333333;
	border-bottom:2px solid #333333;
}

aside.book{clear: both;margin-bottom: 0;}
	.book h2,.book h1,#kangaroonote .book h2{margin: 0 0 0.7em;padding: 0;font-size: 100%;}
	.book strong{display:block;text-decoration: underline;}
		.book img{float:left;padding-right:10px;padding-bottom:10px;}
	.book a{color:#072141;text-decoration:none;display: block;}
	.book p{font-size: 90%;}
	
	#kangaroonote .book p{margin-bottom: 0;}
	
	.book-ad h2,
	.book-ad h3{
		margin-top:0px;
		padding-top:0px;
		padding-left:6px;
		border-left:7px solid #0b50a6;
	}

.youtube-player,
.video-player{
	width:640px;
	height:390px;
	border: 0;
}

/********************
	Clear fix
********************/
.gsc-control,article,header,#header,#amzn,.book,#contents div,.unit,.widget-list,.book,#contents,.inline-list,.hgroup,.widget-categories,#plain-hnav,hgroup,#column-block,section,.unit-fl,#zoo{
 zoom:1;
}

.gsc-control:after,article:after,
header:after,#header:after,.book-ad:after,#contents div:after,#contents .unit:after,.widget-list:after,.book:after,#contents:after,.inline-list:after,.hgroup:after,
.widget-categories:after,#plain-hnav:after,hgroup:after,#column-block:after,section:after,.unit-fl:after,#zoo:after{
	content:''; display:block; clear:both;
}


@media screen and (min-width: 800px) {
/*--------------------------------------
	2010.02.20 ver 0.5 wrote:
 start PC screen
----------------------------------------*/

	.for-sph,.t-count{display:none;}
	
	#nav,
	nav ul{
		background:#f1f1f1;
		margin-bottom:40px;
		padding:20px 16px 18px 36px;
		color:#143c5c;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
	}
	
	#kangaroonote #nav{
		background:url(/blog/img/news.png) 10px 30px no-repeat;
		padding-left:85px;
	}
	
	#kangaroonote #nav dt,
	#kangaroonote #nav dd{display: inline;}	
	#kangaroonote #nav dd{margin: 0;padding: 0 0 0 10px;line-height: 1.2;}
	
	#kangaroonote #nav .archive{margin-left: 23em;}
	
	#container #contents .date,
	#container #contents .asset-meta{
	 margin:1.5em 0 1.8em 0;
	 padding:0;
		text-align:right;
	}
	
	.inline-list li,
	.inline-list dt,
	.inline-list dd{float:left;white-space:nowrap;}
	.inline-list dt:after{content: " :";}
	.inline-list dd{margin-left: 0.5em;}
	.inline-list li{margin-right:2em;}
	
	.box-2col{float: left;margin-right: 1%;width:48%;}

}
/*end PC screen*/


@media only screen and (min-width: 320px) and (max-width: 720px) {
	body{font-size: 90%;}
	#container #contents .date li,
	#container #contents .asset-meta li{
		padding-left:0.5em;
	}
	/********************
		Hide Element
	********************/
#container #contents{
	padding:20px 20px 2em 20px !important;
	float:none !important;
	width:auto !important;
}
#container .relational{
	padding:0 20px !important;
	float:none !important;
	width:auto !important;
}
#home nav{
	margin-top:0;
}
	#topic-path,
	.tag-list,
	.google-ad,
	#blog-header-primary,
	#kangaroonote #nav dt,
	header ul,
	.not-sph,
	#kangaroonote #contents .entry-asset .asset-meta li:nth-child(3),
	#flagment-nav,
	#sn{display: none;}
	
	.facebook-like{width:80px; overflow: hidden;}
	div#contents,
	div#contents .trackbacks-content div{margin-bottom:0 !important ;padding: 20px 16px;}
	#kangaroonote #nav{margin-left: 0;padding: 0;background: none;}
	#kangaroonote #nav h1{
		background-color: #333;
		margin: 0 0 0.5em 0;
		padding: 10px;
		font-size: 100%;
		color: #FFFFFF;
		-webkit-border-top-right-radius:10px;
		-webkit-border-top-left-radius:10px;
		border-bottom: 1px solid #CCCCCC;
	}
	#kangaroonote #nav dl{opacity:1;}
	#kangaroonote #nav dd{
		background: url(/img/chevron_dg.png) 100% 10% no-repeat;
		margin: 0;
		line-height: 1.2;
		border-bottom: 1px solid #CCCCCC;
	}
	#kangaroonote #nav dd a{display: block;padding: 0 30px 20px 16px;}
	#nav .archive{margin-top: 0.8em;padding: 0 20px 20px 10px;text-align: right;}
	#kangaroonote #nav dd a{display: block;}
	section{overflow: hidden;}
	#kangaroonote #contents .relational,
	.relational{border:0;}
	#trackbacks p span{display:block; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
	#nav,nav{list-style:none; background:none; margin-top: 10px;}
	#nav ul,nav ul{padding:18px 30px;}
	
}
/*end smartPhone screen*/

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	body{font-size: 90%;}
	#container #contents .date li,
	#container #contents .asset-meta li{
		padding-left:0.5em;
	}
	/********************
		Hide Element
	********************/
#container #contents{
	padding:20px 20px 2em 20px !important;
	float:none !important;
	width:auto !important;
}
#container .relational{
	padding:0 20px !important;
	float:none !important;
	width:auto !important;
}
#home nav{
	margin-top:0;
}
	#topic-path,
	.tag-list,
	.google-ad,
	#blog-header-primary,
	#kangaroonote #nav dt,
	header ul,
	.not-sph,
	#kangaroonote #contents .entry-asset .asset-meta li:nth-child(3),
	#flagment-nav,
	#sn{display: none;}
	
	.facebook-like{width:80px; overflow: hidden;}
	div#contents,
	div#contents .trackbacks-content div{margin-bottom:0 !important ;padding: 20px 16px;}
	#kangaroonote #nav{margin-left: 0;padding: 0;background: none;}
	#kangaroonote #nav h1{
		background-color: #333;
		margin: 0 0 0.5em 0;
		padding: 10px;
		font-size: 100%;
		color: #FFFFFF;
		-webkit-border-top-right-radius:10px;
		-webkit-border-top-left-radius:10px;
		border-bottom: 1px solid #CCCCCC;
	}
	#kangaroonote #nav dl{opacity:1;}
	#kangaroonote #nav dd{
		background: url(/img/chevron_dg.png) 100% 10% no-repeat;
		margin: 0;
		line-height: 1.2;
		border-bottom: 1px solid #CCCCCC;
	}
	#kangaroonote #nav dd a{display: block;padding: 0 30px 20px 16px;}
	#nav .archive{margin-top: 0.8em;padding: 0 20px 20px 10px;text-align: right;}
	#kangaroonote #nav dd a{display: block;}
	section{overflow: hidden;}
	#kangaroonote #contents .relational,
	.relational{border:0;}
	#trackbacks p span{display:block; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
	#nav,nav{list-style:none; background:none; margin-top: 10px;}
	#nav ul,nav ul{padding:18px 30px;}

}
/*end Retina screen*/


@media print{
	html,body{background-color: #FFFFFF;}
	#header,header,#footer,footer,#topic-path,
	.relational,.tag-list,#nav,nav,#blog-header-primary,.google-ad,aside,.book,.to-top{display: none;}
	#contents{border: 0;}
}