@charset "UTF-8";
/* CSS Document */

/*common--------------------------------*/

* {
	margin:0;
	padding:0;
}
html, body {
	margin:0;
	padding:0
}
body {
	text-align: center;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 75%;
	color:#333333;
	line-height: 1.5;
}
* html body {
	/* for WinIE6*/
  	font-size: 75%;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
*:first-child+html body {
	/* for WinIE7*/
  	font-size: 75%;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
h1 {
	font-size:230%;
}
h2 {
	font-size:x-large;
}
h4 {
	font-size:medium;
}
p {
	margin:0 10px 10px;
}
ul, ol {
	padding-left: 0;
	margin-left: 0;
}
* html ul li {
	height:1%;
}
a.select:hover {
	text-decoration: underline;
}
a.select:first-line {
	line-height: 140%;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/*common--------------------------------*/


#shell {
  padding:0;
  margin:0;
	background-image:url(../img/bg-shell.jpg);
	background-position:center;
	background-repeat:repeat-y;
}

/* END Shell */

/* BEGIN Main */

#main {
	background: transparent!important;
	border-top: 1px solid #fff;
	font-size: 90%;
  width: 970px;
	clear: both;
	margin: 0 auto;
	padding:0;
	position: relative;
	overflow: visible;
	_width: 970x;
	min-width: 970px;
	text-align: left;
	
}
#main:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html #main {
	height: 1%;
}
/* General Float Cleaning*/
.clearboth {
	clear:both;
	height: 0px;
	background:white;
}
	
	
/* BEGIN main 
-------------------------------------------------*/
#main {
	font-size: small;
} /* set font-size foundation for all browsers */
#blankCol {
  content: ".";
	height: 0;
	clear: both;
	visibility: hidden;
	min-height:0;
}
#wrapper {
	width: 970px;
	_width: 970px;
	display: block; /* Safari needs this, or empty td gets height*/
	/*\*/vertical-align: top;/*\*/
	border-collapse: collapse;
	font-size: 93%;
	_font-size: 90%;
	margin-top:0px;
	padding-top:0px;
	padding-left:2px;
}


/*--------------------------------------
	header
---------------------------------------*/
div#header {
	text-align: left;
	margin: 0 auto 0 auto;
	background-image:url(../img/bg-header2.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	clear: both;
	display: block;
	font-size: 90%;
	height:122px;
}
div#header  #h_container{
	width: 970px;
	clear: both;
	margin: 0 auto;
	position: relative;
	overflow: visible;
	_width: 970x;
	min-width: 970px;
}
div#header  #h_container .title{
padding:2em 0 0 1em;
}

div#header  #h_container{
	width: 970px;
	clear: both;
	margin: 0 auto;
	position: relative;
	overflow: visible;
	_width: 970x;
	min-width: 970px;
}

div#header #tblock {
	text-align: left;
	margin-left:150px;
	font-weight:bold;
}

div#header #tblock h1 {
	visibility:hidden;
}

/* search form */
#searchform {
	position: absolute;
	top: 2px;
	right: 2px;
	background: url(../img/bg-search.png) no-repeat right bottom;
	height: 37px;
	width: 230px;
}
#searchform #s {
	height: 17px;
	width: 148px;
	margin: 5px 5px 0px 10px;
	padding: 3px 7px 2px 5px;
	color: #999999;
	border: none;
}

#searchform #searchsubmit {
	height: 24px;
	width: 44px;
	line-height: 17px;
	margin-top: 6px;
}
#rssfeed {
	position: absolute;
	top: 16px;
	right: 224px;
}

/*--------------------------------------
	contents
---------------------------------------*/
#contents {
	width: 680px;
	margin:0;
	padding:0;
	float:left;
}

	#contents .story {
	 clear: both;
	 margin:0em 1em 2em 1em; 
	 padding:1em 20px 0 20px;
	 word-break: break-all;
	 white-space: normal;
	 overflow:hidden;
	}
/* Hides from IE-mac \*/
* html .story {	 height: 1%;}
#contents .story:first-child {margin-top: 0;}
#contents .story:last-child {margin-bottom:0;}
/*\*/
html*#contents .story:last-child {
	margin-bottom:7px;
}/**/

/*--------------------------------------
	date
---------------------------------------*/
.story .date {
 height: 48px;
 width: 44px;
 background:url(../img/icon/calendar.gif) no-repeat;
 font: normal 13px/normal Arial, Helvetica, sans-serif;
 color:#000033;
 text-align: center;
 padding: 0px 2px 2px 2px;
 line-height: 140%;
 float:left;
}
.story .date .day{
 color:#990000;
 font-size:large;
 font-weight:bold;
 line-height: 160%;
 margin-right:3px;
}
/*--------------------------------------
	title
---------------------------------------*/
.story .title{
	width:564px;
	margin-left:0em;
	float:right;
}

.story .title h2{
 font-weight: bold;
 line-height: inherit;
 margin: 0 0px 0 8px;
 padding: 0 0 6px 0;
 text-indent:0.5em;
 font-size: 1.5em;
 border-bottom:solid 1px #D8D5D1;

 margin-bottom:4px;
}

.story  .title h2 a{
	color:#000;
	line-height:142%;
	text-decoration:none;
}
.story .title h2 a:hover{color:#FF6600;}

/*--------------------------------------
	title_attr
---------------------------------------*/
	.title_attr {
		  text-align:left;
		  font-size:10px;
			margin:4px 0 0 3em;
		}
	.title_attr a:link {color:#006699;	}
		.title_attr  ul.bookmark{
			list-style: none;
			position:absolute;
			right:320px;
			margin-top:2px;
		}
		.title_attr  ul.bookmark li{
		 float:left;
		 list-style-type:none;
		}
	.title_attr  ul.bookmark li a {
    display: block;
    text-align: center;
		vertical-align:middle;
    line-height: 1.2;
    text-decoration: none;
		width: 26px;
		height:18px;
		border-bottom:2px solid  #CCCCCC;
	}
.title_attr  ul.bookmark li a:link, #navi ul li a:visited { background: #fff;}
.title_attr  ul.bookmark li a:hover { margin-top:1px;}

/*--------------------------------------
	entry
---------------------------------------*/
.story .entry {
	margin:0;
	background-color:#fff;
	padding:1em;
	word-break: break-all;
	white-space: normal;
	clear:both;
}
.story .entry .submeta{
 float:right;
 padding:0em 2em 0 0;
 margin-top:4em;
 width:120px;
 text-align:center;
}

/*--------------------------------------
	article
---------------------------------------*/
.article {
margin-top:2em;
padding:0em 1em 0 2em;
font-size:14px;
line-height:1.9;
word-break: break-all;
white-space: normal;
}
.article p{
 margin-bottom:1.5em;
 text-indent:1em;
}
.article h3, .article h1, .article h2  {
	text-indent:1em;
	margin: 2em 0 1em 0;
	padding:0;
	background:#F5F5F5;
	border-left:#cc6666 6px solid;
	border-bottom: #CCCCCC 1px solid;
	font-size: 1.1em;
	font-weight: bold;
	height:1.9em;
	color:#333;
}
.article h4 {
	text-indent:1em;
	margin:1em 0 1em 0.5em;
	padding:0;
	background:#F5F5F5;
	border-left:#cc6666 4px solid;
	border-bottom:#CCCCCC 1px solid;
	font-size: 1.0em;
	font-weight: bold;
	height:1.8em;
	color:#333;
}
.article h5 {
	text-indent:1em;
	margin:1em 0 1em 1em;
	padding:0;
	background:#F5F5F5;
	border-left:#cc6666 3px solid;
	border-bottom:#CCCCCC 1px solid;
	font-size: 0.95em;
	font-weight: bold;
	height:1.7em;
	color:#333;
}
.article h6 {
	text-indent:1em;
	margin:1em 0 1em 1.5em;
	padding:0;
	background:#F5F5F5;
	border-left:#cc6666 2px solid;
	border-bottom:#CCCCCC 1px solid;
	font-size: 0.85em;
	font-weight: bold;
	height:1.7em;
	color:#333;
}

.article a { color:#0000FF; }
.article a:hover { }
.article hr{
	border-style: dotted none none none;
	border-top-width: 1px;
	border-top-color:#CCCCCC;
	height: 1px; 
}

.article code {
	color: #333;
	text-indent:0;  
	display:block;
	padding:3px 10px 3px 35px;
	width:90%;
	margin-left:1em;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color:#f8f8f8;
	border:  solid 1px #E7E5DC;
	border-left:solid 2px #6CE26C;
}

.article ul, 
.article ol, 
.article dl{ 
	margin-bottom:1.5em; 
	font: normal 1em  verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;;
	color:#3F3B3B;
}

.article ul {list-style-type:disc;}

.article dl dt, 
.article ol li, 
.article ul li {
	margin:2px 0 0.5em 1.5em; 
	list-style-position:outside;
	line-height:1.4;
}

.article ol li {
	margin-left:2em;
}

.article dl {
	margin-left:1em;
}

.article dl dt {font-weight:bold;margin-bottom:4px}
.article dl dd{
	margin:0 0 8px 2em;
	text-indent:1em;
}

.article dl.footnote,
.article ul.footnote,
.article ol.footnote{
 font-size: 80%;
 color: #333;
 padding:1em;
 text-indent:0;
 line-height:1.4;
 margin-left:3em;
 width:89%;
 border: 1px dashed #666;
 background-color: #f5f5f5;
 list-style:none;
}

.article blockquote{
 color: #333;
 font-size: 90%;
 padding:1.5em 1em 0.5em 1em;
 line-height:1.6;
 text-indent:0;
 margin:0 0 1em 3em;
 width:84%;
 background-color:#f5f5f5;
 border: 1px solid #B4C7D2;
}

.article cite{
font-style:italic;
display:block;
text-align:right;
}

.article table {
    border-spacing: 0px;
    border-collapse: collapse;
  	border: solid 1px #999;
	margin:0 0 1em 1em;
}
	.article table caption {
	text-align:right;
	}
	
	.article table th,
	.article table td {
	  border: solid 1px #999;
	  padding: 4px 6px;
	}
	
	.article table th {
	  background: #efefef;
	  font-weight:bold;
	  text-align: center;
	  white-space: nowrap;
	  color: #666;
	}

	.article table th.left, .article table td.left {text-align: left;}
	.article table th.right, .article table td.right {text-align: right;}
	.article table th.center, .article table td.center {text-align: center;}
	.article table tr.odd {background-color: #E8E4C0;}

.article pre.console {
	text-indent:0;
	background-color:#000000;
	color:#FFFFFF;
	border:solid 6px #CCCCCC;
	padding:1em;
	margin-bottom:1px;
}

.dp-highlighter {
	overflow:visible;
}


.tosingle{
clear:both;
line-height:1.2;
margin-bottom:4em;
margin-right:1em;
}

.story .entry a.more-link{
	margin-top:1em;
	float:right;
	text-decoration:underline;
}

/*--------------------------------------
	comments
---------------------------------------*/
#commentsGroup {
margin-left:3em;
width:560px;
line-height:1.5;
background-color:#fff;
padding:2px;

}

#commentsGroup h6#comments, #commentsGroup h6#postcomment{
color:#003366;
font-size:120%;
padding:2px 0 2px 2px;
border-bottom:double 4px #687eab;
}



#commentsGroup ol#commentlist {
margin:1px 0 1em 0;
padding:2px;
border-left:solid 1px #687eab;
border-bottom:solid 1px #687eab;
border-right:solid 1px #687eab;
}

#commentsGroup ol#commentlist li{
list-style-type:none;
}
#commentsGroup ol#commentlist li p{
margin:1em;
color:#003366;
}


#commentsGroup ol#commentlist .meta, #commentsGroup ol#trackbacklist .meta{
  text-align:right;
  font-size:smaller;
  margin:0;
  padding:4px;
  background-color: #ECF3FE;
}

.authcomment {
}


#commentsGroup fieldset{
padding:2em 1em 2em 0;
}


/* TrackBack =========================*/

div.tosingle .feedback{
margin: 2em 2em 1em 3em;
padding:1.5em 1em 1em 1em;
background:#F5F5F5;
border-left:#cc6666 6px  double;
border-bottom: #cc6666 0px solid;
font-weight: bold;
line-height:1.5;
color:#333;
}

div.story label {
　padding: 0px 0px 0px 10px;
}

/*--------------------------------------
	side_column
---------------------------------------*/
#side_column {
	width:280px;
	margin: 0;
	_margin-top:0px;
	_padding-top:0px;
	padding-left: 6px;
	_padding-left:5px;
	_padding-right:4px;
	float: right;
	border-left:1px solid #e2e2e2;
}

	#side_column .counter{
	 text-align:right;
	 margin:0 4px 0 0;
	}

	#side_column .column {
		width: 220px;
		margin:0 0 20px 26px;
		padding:0;
	}
			
		#side_column .column h4 {
			color:#4F4418;
			font-size:120%;
			padding:2px 0 2px 24px;
			margin:0 4px 1em 0;
			border-bottom:solid 1px #8F8047;
			background-image:url(../img/icon/file.gif);
			background-position:left center;
			background-repeat:no-repeat;
			vertical-align:bottom;
		}

		#side_column #authors.column h4 {	background-image:url(../img/icon/author.gif);}
		#side_column #reference.column h4 {	background-image:url(../img/icon/mobile.gif);	}
		#side_column .column li a {
			font-size: 100%;
			height: 32px;
			padding:2px;
			line-height:1.8;
			text-decoration: none;
		}

		#side_column .column li a:link, .sideColumn #edPromo.columnGroup .column li a:visited {
			color:#9A8E51;
			padding: 8px 0 0 2px;
		}
		#side_column .column li a:hover {
			color: #3688BA;
			text-decoration:underline;
		}


/** Admin */
.linkbox {
	border:1px solid #D8D5D1;
	background:#f5f5f5;
	padding:0.5em;
	width:170px;
	margin-bottom:0px;
}
.hovering {
	background:#EFEFEF;
	border-color: #f9f9f9;
	cursor:pointer;
}

#authors.column ul{
}


#authors.column ul li {
display:block;
clear:both;
width:200px;
height:70px;
}
#authors.column ul li div.profile_image{
width:70px;
float:left;
}

#authors.column  ul li div.profile{
display:block;
width:125px;
height:70px;
float:right;
text-align:left;
font-weight:bold;
overflow:hidden;

}
#authors.column  ul li div.profile p.desc{
font-size:80%;
font-weight:lighter;
text-align:left;
color:#333333;
}


#recentpost.column ul{list-style-type:disc;}

#recentpost.column  ul li  {
list-style-position:inside;
margin:4px 0 0 0;
text-indent:0;
padding:0;
}

#reference.column dl{ margin:0 0 0 1.5em;}

#reference.column dl dt{ font-weight:bold;margin-top:4px;} 
#reference.column dl dd{
margin-left:1em;
margin-top:2px;
 }

/* <LINK> */

#link {
	font-size:95%;
	padding-bottom: 4px;
	clear: both;
	margin-top:1em;
}

#link div#linkHeader {
	clear: both;
	border-bottom: 2px solid #EDE8D5;
	display: block;
	padding: 0px 10px;
}
#link div#linkHeader h4 {
	color:#4F4418;
	font-size:120%;
	padding:2px 0 2px 24px;
	background-image:url(../img/icon/flag.gif);
	background-position:left center;
	background-repeat:no-repeat;
}

#link table#linkBrowser {
	border-collapse: collapse;
	table-layout: fixed;
	width: 970px;
	position: static;
}
#link table#linkBrowser td, #link table#linkBrowser th {
	border: 0px dashed #D3D3D3; /*FIXXX*/
	border-left-width: 1px;
	/*width: 16.5%;FIXXX*/
    text-align: left;
	/*\*/vertical-align: top;/*\*/
	width: 160px !important;
	padding:0 !important;
}
#link table#linkBrowser td div.story {
	width:151px;
	padding: 0 5px !important;
}
#link table#linkBrowser td div.story h5 {
	font-size: 100%;
	font-weight:normal;
	margin-top: 5px;
}
#link table#linkBrowser td div.story a.select {
	position: static;
	text-indent: 0px;
	padding-left: 23px;
	padding-bottom:1px;
	margin-left: 0px;
	display: block;
}
#link table#linkBrowser td div.story a.select:first-line {
	font-size: inherit;
}
#link table#linkBrowser th {
	padding-top: 15px;
	padding-bottom: 10px;
	font-size: 90%;
}
#link table#linkBrowser th h4 {
	margin: 15px 5px 10px !important;
	font-weight: normal;
	font-family: Arial, sans-serif;
	height: 1.2em;
	font-size: 100%;
	width:140px !important;
}
#link table#linkBrowser th h4 a {
	padding: 0px;
	color:#000000;
}
#link table#linkBrowser th h4.select {
	color: transparent;
	padding-top: 1.2em;
	height: 0px;
	overflow: hidden;
}
#link table#linkBrowser td, #link table#linkBrowser th {
 border-left-width: expression( this == this.parentNode.firstChild ? "0px" : "1px" );
}
#link table#linkBrowser td:first-child, #link table#linkBrowser th:first-child {
	border-left-width: 0px;
}
#link table#linkBrowser td div.story div.callout {
	float: none;
	margin: 0px;
	padding: 0px;
}

div.story div.callout, img.callout {
	float: right;
	margin-left: 24px;
	margin-bottom: 12px;
	font-size: 92%;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}

div.story div.callout img {
	border: none;
	padding: 0;
}

/* </link> */

#single_downer {
	font-size:95%;
	margin-top:2em;
	padding-bottom: 4px;
	clear: both;

}

#single_downer .element {
	float:left;
	margin:0 20px;
	width:440px;
}

#single_downer h4{
color:#4F4418;
font-size:120%;
padding:2px 0 2px 20px;
border-bottom:solid 2px #8F8047;
background-image:url(../img/icon/file.gif);
background-position:left center;
background-repeat:no-repeat;
margin-bottom:0.5em;
}

#single_downer ul {
list-style-type:disc;
margin-bottom:1em;
}

#single_downer ul li { 
list-style-position:inside;
margin-top:1em
}

#single_product_box{
	margin-top:20px;
	background-color:#FFFFFF; 
	padding-left:20px; 
	font-size:0.9em;
}
#single_product_box .center{
	text-align:center;
}
#single_product_box .box{
	float:left;
	width:205px; 
	margin-right:10px; 
	border-right:#EBEBEB 1px solid; 
	padding:0px 10px 10px 0px;
}

#single_product_box h3{
	font-size:120%;
	 margin-bottom:0.8em;
	 margin-top:0.3em;
}

#single_product_box a{
	color:#777777;
	margin-bottom:0.5em;
}

#single_product_box img{
	margin-top:1em;
}
/* footer -------------------------------------------------*/
/* BEGIN Footer */

div#footer {
	text-align: right;
	clear: both;
	margin:0;
	background-image:url(../img/footer.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	display: block;
	font-size: 90%;
	height:80px;
	font-family: Arial, Helvetica, sans-serif;
	
}
div#footer a {
	color: #666;
	text-decoration: underline;
}
div#footer p {
  width: 970px;
	clear: both;
	margin: 0 auto;
	padding:2em 2em 0 0;
	position: relative;
	overflow: visible;
	_width: 970x;
	min-width: 970px;
	vertical-align:bottom;
}
/* END Footer */