/* -- 	Welkam  [Kojichu General CSS] ---------------------------------
		AQ Works, 2006

		http://welkam.co.jp		
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
*/


h1 { 
	display:block; 
	font: 2.4em/2.4em Georgia, "Times New Roman", Times, serif;
	text-indent: -3000px;
	background: #fff url("http://welkam.co.jp/images/h1_kojichu.jpg") top left no-repeat;
	height: 124px;
	}

.blogImage {
	float: left;
	margin-right: 10px;
	border: 1px solid #DAEAEA;
	vertical-align: top;
	}
	
	.blogImage a:hover {
		background: transparent;
		}
		
.hidden {
	display: none;
	}

/* -- BLOG Bits ----------------------------------
*/
#blogHeader {
	float: left;
	display: inline;
	width: 931px;
	height: 124px;
	background-image: url("http://welkam.co.jp/images/bg_blog_header_blank.gif");
	}
	
	#blogHeader #logo {
		float: left;
		width: 200px;
		}
		
	#blogHeader #topCopy {
		float: left;
		width: 343px;
		}
		
		
	/* -- NAVIGATION
	*/
	#blogHeader #navigation {
		float: right;
		position: relative;
		width: 350px;
		height: 83px;
		padding-right: 20px;
		margin-top: 10px;
		text-align: right;
		}
			
			#navigation #searchBox {
				height: 25px;
				}
				
			#navigation #navLine1, #navigation #navLine2 {
				float: right;
				height: 22px;
				width: 250px;
				margin-top: 3px;
				}
				
				#navigation #navLine2 {
					margin-top: 3px;
					}
	
		#blogHeader #navigation a {
			color: #000;
			}
		
		#blogHeader #navigation a:hover {
			background-color: transparent;
			color: #666;
			}
			
		#blogHeader #navigation ul {
			margin: 0px;
			padding: 0px;
			color: #2A2A2A;
			display: inline;
			}
		
		#blogHeader #navigation li {
			margin-left: 0px;
			display: inline;
			text-transform: none;
			font-size: 1.2em;
			line-height: 1.4em;
			font-weight: bold;
			}

		#blogHeader #navigation .entryCount {
			color: #aaa;
			font-weight: normal;
			}

/* -- Language Switcher -----------------------------
*/
#languageSelector ul, #languageSelector li { list-style:none; margin:0; padding:0;}

#languageSelector {
		float: right;
		height: 20px;
		width: 200px;
		}
		
		#languageSelector li { 
			height:20px;
			background-color:transparent;
			display:inline !important;
			float:right !important;
			margin-right:1px;
			margin-left:1px;
			}
			
		#languageSelector li#lang_en, 
		#languageSelector li#lang_en	a {	width: 60px; }
		
		#languageSelector li#lang_de, 
		#languageSelector li#lang_de	a {	width: 60px; }

		#languageSelector li#lang_ja, 
		#languageSelector li#lang_ja	a {	width: 46px; }
		
		#languageSelector li a {
			background-color: transparent;
			line-height: 20px;
			padding-top: 20px;
			background-image: url(/images/language_switcher_kojichu-ja_en_de.gif);
			height: 0px !important;
			height /**/: 20px;
			display: block;
			overflow: hidden;
			}

		#languageSelector li#lang_ja, 
		#languageSelector li#lang_ja a:link, 
		#languageSelector li#lang_ja a:visited { background-position: 0px 0px; }

		#languageSelector li#lang_en, 
		#languageSelector li#lang_en a:link, 
		#languageSelector li#lang_en a:visited { background-position: 0px -25px; }

		#languageSelector li#lang_de, 
		#languageSelector li#lang_de a:link, 
		#languageSelector li#lang_de a:visited { background-position: 0px -50px; }


		#languageSelector li#lang_ja, 
		#languageSelector li#lang_ja a:hover, 
		#languageSelector li#lang_ja a:active { background-position: -47px 0px; }

		#languageSelector li#lang_en, 
		#languageSelector li#lang_en a:hover, 
		#languageSelector li#lang_en a:active { width: 60px; background-position: -64px -25px; }

		#languageSelector li#lang_de, 
		#languageSelector li#lang_de a:hover, 
		#languageSelector li#lang_de a:active { width: 60px; background-position: -64px -50px; }

	
#languageWrap {
	float: right;
	width: 200px;
	padding-right: 20px;
	height: 20px;
	text-align: right;
	}
	
#blogBody {
	float: left;
	display: inline;
	width: 931px;
	background-image: url("http://welkam.co.jp/images/bg_blog_body.gif");
	background-repeat: repeat-y;
	background-position: center top;
	}
	
	#blogBody #leftColumn {
		float: left;
		width: 595px;
		padding-top: 10px;
		}
		
		#blogBody #leftColumn p {
			}

	#blogBody #entries {
		padding-left: 40px;
		width: 535px;
		}

	#blogBody #rightColumn {
		float: right;
		width: 335px;
		padding-top: 10px;
		}
		
		#blogBody #rightColumn .aboutText {
			margin-top: 7px;
			height: 125px;
			width: 297px;
			}
		#blogBody #rightColumn #blogPortrait {
		width: 296px;
		height: 73px;
		}

		#blogBody #rightColumn .welkamLogo {
			text-align: right;
			}
		
			#blogBody #rightColumn .welkamLogo a:hover {
				background: transparent;
				}
			
		#blogBody #rightColumn .block, #blogBody #rightColumn .blockLeft {
			text-align: right;
			padding-right: 20px;
			padding-bottom: 20px;
			margin-bottom: 15px;
			border-bottom: 3px double #E5EDEF;
			}
			
			#blogBody #rightColumn .blockLeft {
				text-align: left;
				padding-left: 20px;
				padding-top: 5px;
				}
				
			#blogBody #rightColumn .blockLeft p {
				margin-top: 3px;
				}

	#blogBody #comments, #blogBody #postComment {
		clear: left;
		border-top: 3px double #E5EDEF;
		padding-top: 20px; 
		margin-top: 20px;
		color: #8E8E8E;
		}
		
		#blogBody #comments #commentsInner, #blogBody #postComment #postCommentInner {
			clear: left;
			padding-left: 40px;
			margin-bottom: 20px;
			}
			
		#blogBody #comments .commentHeader {
			margin-top: 10px;
			margin-bottom: 5px;
			}
			
		#blogBody #comments .commentDate {
			color: #BEBEC0;
			}
			
		#blogBody #comments .commentBody {
			margin-bottom: 10px;
			}
			
			
input.comment, textarea.comment {
	border: 1px solid #000;
	}
	
	input.comment {
		padding: 2px 4px 2px 4px;
		margin-bottom: 10px;
		}


#blogBody #entries .search-results-container {
	float: left;
	clear: left;
	width: 520px;
	border-top: 1px solid #ddd;
	margin-top: 5px;
	padding-top: 10px;
	}

/* -- PAGINATION -----------------------------
*/

#blogBody #entries #categoryArchiveHead {
	float: left;
	display: inline;
	width: 500px;
	padding-bottom: 3px;
	border-bottom: 1px solid #E5EDEF;
	margin-bottom: 10px;
	font-size: 1.0em;
	}

	#blogBody #entries #categoryArchiveHead ul {
		float: left;
		width: 300px;
		display: inline;
		height: 14px;
		padding-top: 0;
		margin-top: 0;
		padding-bottom: 0;
		margin-bottom: 0;
		}
		
	#blogBody #entries #categoryArchiveHead li {
		display: inline;
		padding-bottom: 0;
		line-height: 1;
		margin-bottom: 0;
		}

		#blogBody #entries #categoryArchiveHead li a {
			padding: 2px 4px;
			}

		#blogBody #entries #categoryArchiveHead li strong {
			padding: 2px 4px;
			}

/* -- Link Entries -----------------------------
*/

#blogBody #entries #linkCategoryList {
	padding-bottom: 3px;
	border-bottom: 1px solid #E5EDEF;
	margin-bottom: 10px;
	font-size: 1.0em;
	color: #666;
	}
	
	#blogBody #entries #linkCategoryList .lightCat a {
		color: #666 !important;
		}

	#blogBody #entries #linkCategoryList .lightCat a:hover {
		background-color: #ddd !important;
		}
	
	#blogBody #entries #linkCategoryList .categoryCount {
		color: #aaa;
		}
	
	
	#blogBody #entries #linkCategoryList ul {
		margin: 0px;
		padding: 0px;
		display: inline;
		}
	
	#blogBody #entries #linkCategoryList li {
		margin-left: 0px;
		margin-right: 10px;
		display: inline;
		}
		
.linkBlock {
	margin-bottom: 10px;
	}

/* -- Blog Entries -----------------------------
*/


#blogBody .entryHeader {
	clear: left;
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
	#blogBody h2 {
		font-size: 1.8em;
		margin-bottom: 5px;
		}
	
	#blogBody .authorName {
		font-size: 1.4em;
		color: #5B5B5B;
		}
		
	#blogBody .entryDate {
		font-size: 1.4em;
		color: #BEBEC0;
		}
		
	#blogBody .bodyTop {
		float: left;
		width: 535px;
		margin-bottom: 10px;
		}
	
	#blogBody .entryBody {
		float: left;
		padding-bottom: 20px;
		}

	#blogBody .entryBodyLinks {	
		padding-bottom: 0px;
		}
	
		#blogBody .entryBody img {
			border: 1px solid #DAEAEA;
			float: left;
			clear: left;
			margin-right: 10px;
			}
			
		#blogBody .entryBody p {
			color: #292929;
			font-size: 1.2em;
			}
			
		#blogBody .entryBody .entryFooter {
			float: left;
			margin-top: 5px;
			color: #4E90C4;
			font-size: 1.0em;
			}

			#blogBody .entryBody .entryFooter img {
				float: none;
				vertical-align: middle;
				margin-right: 5px;
				border: 0px;
				}
			
			#blogBody .entryBody .entryFooter .commentsCount {
				text-transform: uppercase;
				}

				#blogBody .entryBody .entryFooter .commentsCount a {
					color: #4E90C4;
					}
						
			#blogBody .entryBody .entryFooter .noComments {
				color: #ccc;
				text-transform: uppercase;
				}

			#blogBody .entryBody .entryFooter a {
				color: #4E90C4;
				}

			#blogBody .entryBody .entryFooter a:hover { 
				background-color: transparent; 
				}
				
/* -- Blog Footer ---------------------------------
*/
#footer {
	float: left;
	width: 931px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 60px;
	background-image: url("http://welkam.co.jp/images/bg_white.gif");
	background-repeat: repeat-y;
	background-position: center top;

	border-bottom: 1px solid #E5EDEF;
	border-top: 3px double #E5EDEF;
	color: #797979;
	}
	
	#footer .contact {
		float: left;
		width: 300px;
		padding-left: 40px;	
		}
		
	#footer .logo {
		float: right;
		width: 300px;
		padding-right: 40px;
		text-align: right;
		}

/* -- Read More ---------------------------------
*/

.button-link-white {
	height: 15px;
	width: 127px;
	float: left;
	display: inline;
	overflow: hidden;
	margin-right: 10px;
	margin-bottom: 10px;
	}


.button-link-white a:link,
.button-link-white a:active,
.button-link-white a:hover,
.button-link-white a:visited {
		width: 127px;
		line-height: 15px;
		padding-top: 15px;
		height: 0px !important;
		height /**/: 15px;
		display: block;
		overflow: hidden;
	}