@charset "UTF-8";

/*--------------------------------------------------
	initialize
--------------------------------------------------*/
body{
	margin: 0;
	padding: 0;
	color: #333333;
	background: #FFFFFF;
	text-align: center;
	line-height: 1;
	font-size: 14px;
	font-family: verdana,sans-serif;
}
* html body{
	font-size: 88%;
}
*:first-child+html body{
	font-size: 88%;
}
img{
	border: 0;
	vertical-align: bottom;
}
em{
	font-style: normal;
	font-weight: bold
}
p,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form{
	margin: 0;
	padding: 0;
	font-size: 100%;
	list-style-type:none;
}

/*----- clearfix scheme -----*/
div,
dl,
ul{
	display: inline-block;
}
div:after,
dl:after,
ul:after{
	height: 0;
	display: block;
	visibility: hidden;
	content: ".";
	line-height: 0;
	clear: both;
}
/* hide MacIE ＼*/
* html div, * html dl, * html ul {height: 1em;}
div, dl, ul {display: block;}
/* ini */

/*--------------------------------------------------
	common setting
--------------------------------------------------*/
div.container{
	width: 800px;
	margin: 0 auto;
	text-align: left;
}

/*---------- header ----------*/
div.headerArea{
	padding: 30px 0 0 0;
	border-bottom: 1px solid #999999;
}
div.headerArea p{
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
	height: 30px;
}
div.headerArea ul{
	float: left;
	width: 500px;
	list-style-type: none;
}
div.headerArea ul li{
	display: inline;
	float: left;
	margin-top: 18px;
	margin-right: 50px;
	font-size: 80%;
/*	text-transform: uppercase;*/
}
div.headerArea ul li a:link,
div.headerArea ul li a:visited,
div.headerArea ul li a:hover,
div.headerArea ul li a:active{
	display: block;
	padding-bottom: 15px;
	line-height: 0.75;
	color: #000000;
	text-decoration: none;
}
div.headerArea ul li a:hover{
	text-decoration: underline;
}
div.headerArea ul li.thisChild{
	background: url("bg_nav_current.gif") no-repeat 50% 100%;
}
div.headerArea ul li.thisChild span.youarehere{
	display: none;
}

/*---------- mainContent ----------*/
div.mainContent{
	margin: 15px 0 0 0;
	padding-bottom: 50px;
}
div.mainContent div.secondary{
	float: left;
	width: 180px;
	font-size: 95%;
}
div.mainContent div.primary{
	float: right;
	width: 600px;
}
div.mainContent p.pagetop{
	clear: both;
	text-align: right;
	padding-top: 16px;
	font-size: 80%;
}

/*---------- mainContent : left column ----------*/
div.lower div.secondary{
	margin-top: -9px;
}
div.mainContent div.secondary h2{
	margin: 25px 0 0 0;
}
div.mainContent div.secondary ul{
	margin-top: 7px;
}
div.mainContent div.secondary ul li{
	font-size: 95%;
	line-height: 1.3;
	margin: 3px 0 3px 15px;
	list-style-type: disc;
}
div.container div.mainContent ul.webservices li{
	margin-left: 0;
	padding-left: 22px;
	list-style-type: none;
}

/*---------- mainContent : right column ----------*/
div.lower div.primary h1{
	font-size: 130%;
	margin-top: 16px;
}
div.lower div.primary h1 span.japanese{
	font-size: 60%;
	padding-left: 5px;
}
div.lower div.primary h2{
	margin-top: 25px;
	padding-bottom: 5px;
	border-bottom: 1px solid #999999;
}
div.lower div.primary h3{
	margin-top: 16px;
}
div.lower div.primary p{
	margin-top: 12px;
	line-height: 1.25;
}
div.lower div.primary ul{
	margin-top: 7px;
}
div.lower div.primary ul li{
	line-height: 1.3;
	margin: 3px 0 3px 15px;
	list-style-type: disc;
}

/*---------- footerArea ----------*/
div.footerArea{
	border-top: 1px solid #999999;
	padding-top: 15px;
	padding-bottom: 50px;
	color: #333333;
	font-size: 88%;
	text-align: right;
}
div.footerArea p.copyright{
	text-align: center;
	margin-bottom: -1.2em;
}
div.footerArea div.counter{
	text-align: right;
}

/*--------------------------------------------------
	layout modules
--------------------------------------------------*/
/*---------- adobe skills ----------*/
div.mainContent div.primary ul.adobe-skills {
	margin: 0;
}
div.mainContent ul.adobe-skills li.adobe-ico{
	float: left;
	width: auto;
	display: inline;
	padding: 6px;
	margin: 0;
	margin-right: 6px;
	background: #CCCCCC;
	font-size: 11px;
	font-weight: bold;
	font-family: arial, sans-serif;
	letter-spacing: -0.05em;
	line-height: 1;
}
li.adobe-ico:first-letter{ letter-spacing: 0; }
li.adobe-ico-id:first-letter{ font-size: 13px; letter-spacing: 0.04em; line-height: 14px; }
li.adobe-ico-id{ font-size: 10px; letter-spacing: 0; }
li.adobe-ico-fw{ padding: 6px 4px; }
li.adobe-ico-dw{ padding: 6px 3px; }
li.adobe-ico-fl{ padding: 6px 6px; }

/*---------- webservices ----------*/
div.mainContent ul.webservices li span.date { color:#999999; font-size: 80%; }
div.mainContent ul.webservices li.delicious{ background: url("http://delicious.com/favicon.ico") no-repeat 0 0; }
div.mainContent ul.webservices li.twitter{ background: url("http://assets1.twitter.com/images/favicon.ico") no-repeat 0 0; }
div.mainContent ul.webservices li.mixi{ background: url("http://mixi.jp/favicon.ico") no-repeat 0 0; }
div.mainContent ul.webservices li.flickr{ background: url("http://flickr.com/favicon.ico") no-repeat 0 0; }
div.mainContent ul.webservices li.astore{ background: url("http://astore.amazon.co.jp/favicon.ico") no-repeat 0 0; }
div.mainContent ul.webservices li.retagger{ background: url("http://www.retaggr.com/favicon.ico") no-repeat 0 0; }
div.mainContent ul.webservices li.iddy{ background: url("http://iddy.jp/image/favicon.ico") no-repeat 0 0; }
div.mainContent ul.webservices li.tshinobu{ background: url("/favicon.ico") no-repeat 0 0; }

/*---------- table style ----------*/
div.mainContent table.tblA{
	width: 100%;
	margin-top: 12px;
	border-top: 1px solid #CCCCCC;
}
div.mainContent table.tblA th,
div.mainContent table.tblA td{
	padding: 5px 0;
	font-size: 70%;
	font-weight: normal;
	border-bottom: 1px solid #CCCCCC;
	line-height: 1.3;
}
div.mainContent table.tblA th{
	text-align: left;
}

/*---------- division style ----------*/
div.mainContent div.column2{
	margin-left: -12px;
}
div.mainContent div.column2 div.column{
	float: left;
	display: inline;
	margin-left: 12px;
	width: 394px;
}
div.mainContent div.column3{
	margin-left: -12px;
}
div.mainContent div.column3 div.column{
	float: left;
	display: inline;
	margin-left: 12px;
	width: 192px;
}
div.mainContent div.visualL{
	float: left;
	margin-top: 12px;
}
div.mainContent div.layoutR368{
	float: right;
	width: 368px;
}
div.mainContent div.blk0001{
	margin-top: 12px;
	padding: 10px;
	background: #F1F1F1;
	border: 1px solid #CCCCCC;
}



/*--------------------------------------------------
	#entrance
--------------------------------------------------*/
#entrance div.primary{
	width: 800px;
	margin-top: -9px;
	position: relative;
}
#entrance div.primary p.control{
	position: absolute;
	right: 0;
	top: 10px;
}

/*--------------------------------------------------
	#laboratory
--------------------------------------------------*/
div.lower div.primary div.laboratory h3{
	padding-left: 12px;
	margin-bottom: -4px;
	background: url("../081030/ico_index_0001.gif") no-repeat 0 50%;
}
div.lower div.primary div.laboratory h3 span.date{
	color: #999999;
	font-size: 80%;
	font-weight: normal;
}
div.lower div.primary div.laboratory em{
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin-bottom: 5px;
}


/*--------------------------------------------------
	#index (weblog)
--------------------------------------------------*/

/*---------- heading ----------*/
#index div.primary h1{
	font-size: 130%;
	line-height: 1.25;
	margin: 16px 0 -19px 0;
}
#index div.primary h2{
	font-size: 130%;
	line-height: 1.25;
	margin: 35px 0 0 0;
}
#index div.primary h3{
	margin-top: 20px;
	padding: 0 0 5px;
	font-size: 110%;
/*	border-top: 1px dotted #999999;*/
	border-bottom: 1px dotted #999999;
}
#index div.primary h4{
	margin-top: 16px;
}
.mainIndex #index div.primary{
	margin-top: -19px;
}
.individual #index div.primary h1{
	margin-bottom: 0;
}

/*---------- modules ----------*/
#index div.primary div.postBody ul{
	margin: 12px 0 0 0;
}
#index div.primary div.postBody ul li{
	margin: 3px 0 3px 16px;
	list-style-type: disc;
	list-style-position: outside;
}
#index div.primary div.postBody blockquote{
	padding: 1px 16px 16px;
	margin: 16px 25px 0 25px;
	background: #EEEEEE;	
}
#index div.primary div.postBody dl{
	margin-top: 16px;
}
#index div.primary div.postBody dt{
	font-weight: bold;
	margin-top: 12px;
}
#index div.primary div.postBody dd{
	margin-left: 25px;
}
#index div.primary p{
	margin: 12px 0 0 0;
	line-height: 1.25;
}
#index div.primary pre{
	padding: 10px;
	margin: 12px 0 0 0;
	background: #EEEEEE;
	border: 1px solid #CCCCCC;
	font-family: "Courier New", serif;
	overflow: auto;
}

/*------ topicPath -----*/
#index div.primary p.topicPath{
	color: #999999;
	font-size: 80%;
	margin: 16px 0 0 0;
}

/*------ postBody -----*/
#index div.postBody{
	line-height: 1.25;
}

/*------ postInformation -----*/
#index dl.postInformation{
	position: relative;
	text-align: right;
	margin-top: 5px;
	padding-bottom: 7px;
	border-bottom: 3px solid #CCCCCC;
}
#index dl.postInformation dt,
#index dl.postInformation dd.tags{
	display: none;
}
#index dl.postInformation dd.date{
	position: absolute;
	left: 0;
	font-size: 88%;
	color: #999999;
}
#index dl.postInformation dd.category,
#index dl.postInformation dd.permalink,
#index dl.postInformation dd.bookmark{
	font-size: 80%;
	color: #999999;
	display: inline;
	padding-right: 2px;
	margin-right: 5px;
	border-right: 1px solid #999999;
	vertical-align: top;
}
#index dl.postInformation dd.category:after,
#index dl.postInformation dd.permalink:after,
#index dl.postInformation dd.bookmark:after{
	content: " ";
}
#index dl.postInformation dd.bookmark{
	border: 0;
	margin-right: 0;
	padding-right: 0;
}
#index dl.postInformation dd.bookmark ul,
#index dl.postInformation dd.bookmark ul li,
#index dl.postInformation dd.bookmark ul li img{
	display: inline;
	vertical-align: top;
}

/*------ reaction -----*/
#index ul.reaction{
	font-size: 88%;
	margin: 16px 0 0 0;
	padding-top: 12px;
	border-top: 1px solid #CCCCCC;
}
#index ul.reaction li{
	display: inline;
}

/*------ postNavigation -----*/
#index ul.postNavigation{
	font-size: 88%;
	padding: 10px;
	margin: 16px 0 0 0;
	border: 1px solid #999999;
}
#index ul.postNavigation li{
	margin: 3px 0 3px 15px;
	list-style-type: disc;
}
#index ul.pager{
	margin: 35px 0 0 -10px;
	text-align: center;
}
#index ul.pager li{
	display: inline;
}
#index ul.pager li.newer{
	padding-right: 5px;
	margin-right: 10px;
	border-right: 1px solid #999999;
}
#index ul.pager li.newer:after{
	content: " ";
}
/*
#index ul.pager li{
	float: left;
	width: 295px;
	margin-left: 10px;
}
#index ul.pager li.older{
	text-align: right;
}
#index ul.pager li a{
	display: block;
	padding: 5px;
	border: 1px solid #CCCCCC;
	background: #EEEEEE;
}
#index ul.pager li a:hover{
	background: #DDDDDD;
}
*/

/*------ comments -----*/
#index div#comments{
	font-size: 88%;
	margin-top: 25px;
}
#index div#comments h2{
	padding-bottom: 5px;
	border-bottom: 1px solid #999999;
}
#index div#comments dl.log dt{
	margin-top: 12px;
	font-weight: bold;
	color: #666666;
}
#index div#comments dl.log dt span.date{
	color: #999999;
	font-size: 88%;
}
#index div#comments dl.log dd p{
	margin-top: 8px;
}
#index div#comments legend{
	display: none;
}
#index div#comments fieldset{
	border: 1px solid #CCCCCC;
	margin: 12px 0 0 0;
	padding: 2px 12px 12px;
	background: #F1F1F1;
}
#index div#comments fieldset #comment-author,
#index div#comments fieldset #comment-email,
#index div#comments fieldset #comment-url,
#index div#comments fieldset #comment-text{
	border: 1px solid #999999;
	font-size: 100%;
}
#index div#comments fieldset dl dt{
	color: #666666;
	font-weight: bold;
	margin-top: 10px;
}
#index div#comments fieldset dl dd{
	margin-top: 3px;
}

/*------ trackback -----*/
#index div#trackback{
	font-size: 88%;
	margin-top: 16px;
}
#index div#trackback h2{
	padding-bottom: 5px;
	border-bottom: 1px solid #999999;
}
#index div#trackback dl.info dt{
	margin-top: 12px;
	font-weight: bold;
	color: #666666;
}
#index div#trackback dl.info dd{
	margin-top: 5px;
	margin-left: 16px;
	line-height: 1.2;
}

/*------ blogNavigation -----*/
#index dl.blogNavigation{
	margin: -9px 0 0 0;
}
#index dl.blogNavigation dt{
	margin: 25px 0 0 0;
	font-weight: bold;
}
#index dl.blogNavigation dd form{
	margin: 7px 0 0 0;
}
#index dl.blogNavigation dd form legend{
	display: none;
}
#index dl.blogNavigation dd form fieldset{
	border: 0;
	margin: 0;
	padding: 0;
}
#index dl.blogNavigation dd ul.tagCloud li{
	margin: 0;
	display: inline;
	list-style-type: none;
}
#index div.blogparts ul{
	margin-left: 0;
	padding-left: 0;
}
#index div.blogparts ul li{
	margin: 10px 0 0;
	padding: 0;
	list-style-type: none;
}