@charset "utf-8";
/* CSS Document */
/*
Theme Name: taqumidesign
Theme URI: http://taqumidesign.jp/
Description: Custom theme for taqumidesign.jp
Version: 1
Author: Takumi Yoshida
Author URI: http://taqumidesign.jp
*/
img#wpstats{display:none}

html {
	margin:0;
	padding:0;
	height:100%;
	}
	
body {
	margin:0;
	padding:0;
	height:100%;
	font-family:Lucida Grande,Geneva, Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-image:url(images/bg_gradient.png);
	background-position:bottom;
	background-repeat: repeat-x;
	background-attachment:fixed;
	color:#444;
}

a { 
	color:black;
	text-decoration:underline;
}
a:hover {	
	color:#0099FF;
}
img.alignright {
	float:right;
	margin-left: 18px;
}
img.alignleft {
	float:left;
	margin-right: 18px;
}
#wrapper {
	margin: auto;
	padding:0;
	height:auto;
	width: 960px;
	min-width: 640px;
	/*overflow:hidden;*/
}
#wrapper div {
	float:left;
}
#contentWrapper {
	margin:0;
	padding:0;
	width:936px;
	height:auto;
}
.shadow {
		display:block;
		margin:0;
		width: 12px;
		height:500px;
		background-repeat:no-repeat;
		/*background-position:top;
		background-attachment:fixed;*/
	}
	#shadowLeft {
		background-image:url(images/shadowLeft.png);
	}
	#shadowRight {
		background-image:url(images/shadowRight.png);
		/*float:right;*/
}

/*====================HEADER==================*/
#heading {
		width:100%;
		padding:20px 0 20px 0;
		margin: 0;
		background-image:url(images/title_bg.png);
		background-repeat:no-repeat;
		background-position: right;
		border-bottom:thin #E3E3E3 solid;
	}
	#heading h1 {
		font-size: 2em;
		color:#333333;
		letter-spacing:0.5em;
		margin: 0 auto 0 8px;
	}
	#heading a {
		text-decoration:none;
	}
	#heading p {
		margin: 5px 0 5px 0;
		padding: 3px 10px 3px 12px;
		font-size:0.8em;
	}
	#subTitle {
		display:block;
		/*border-top:1px solid #999;*/
		background-color:#CCC;
		letter-spacing: 0.3em;
	}
	#heading #subTitle a {
		font-weight:bold;
	}
	#heading #news {
	}
	#category {
		display:block;
		width:100%;
		margin-top:5px;
		/*float:right;*/
	}
	#category li{
		display: inline;
		font-size:0.8em;
		padding-left:10px;
}

/*====================FRONTPAGE==================*/
ul#container {
		display:block;
		float:left;
		margin: 0;
		padding:0;
		width:100%;
		overflow:hidden;
		/*background-color:#F5F5F5;
		border-bottom:1px solid #E3E3E3;*/
    }
    li#latest_post {
    	background-image: url(http://taqumidesign.jp/wp/wp-content/uploads/latest.jpg);
    	background-repeat: none;
    	background-position: center center;
    	width: 75%;
    }
    #latest_post div.description {
    	width: 100% !important;
    }
	li.contentBox {
		margin: -1px -1px 0 0;
		float: left;	/* This make sure it stays horizontal */
		display: inline;
		height: 300px;
		width: 25%;
		overflow:hidden;
		text-decoration: none;
		border-top: 1px solid #F5F5F5;
		border-left: 1px solid #F5F5F5;
		cursor:pointer;
		}
	div.description {
		position:relative;
		visibility:hidden;
		background-image:url(images/description_bg.png);
		background-repeat:repeat;
		font-size:1em;
		color:#DDD;
		width: 233px;
		height:299px;
		text-align:right;
		overflow:hidden;
		cursor:auto;
	}
	div#welcome {
		/*visibility:visible;*/
	}
	li.contentBox:hover div.description {
		visibility: visible;
	}
	div.description h2 {
		margin: 20px;
		margin-bottom: 0.5em;
		font-weight:100;
		font-size: 1.8em;
		color:white;
	}
	div.description h2 a {
		text-decoration: none;
		color: white;
	}
	div.description p {
		margin: 20px;
		margin-bottom:0.8em;
		line-height:1.4em;
		font-size:0.9em;
	}
	div.description a {
		color:#FFF;
	}
	div.description a:hover {
		text-decoration:underline;
	}
	p.index {
		float:left;
		margin: 5px auto auto 5px !important;
		font-size:0.8em !important;
		font-weight:bold;
		color: #999999;
}

/*==================SINGLE PAGE==================*/
div#entry {
		width:100%;
		margin:0;
		padding:0;
		font-size:0.9em;
	}
	div#entry h3, div#entry p {
		margin:0;
		padding-left:20px;
		padding-right:20px;
	}
	div#entry h2 {
		display:block;
		font-size:2em;
		letter-spacing:0.3em;
		font-weight: bold;
		margin:10px 20px 0.6em 20px;
		border-bottom: solid 1px #CCCCCC;
	}
	div#entry h3 {
		font-size:1.5em;
		margin-top:1em;
		margin-bottom: 0.5em;
		display:block;
		width:100%;
	}
	div#entry p {
		margin-bottom: 1.5em;
		display:block;
		text-align:justify;
		line-height:1.4em;
	}
	div#entry .float {
		float:left;
	}
	.col {
		width:428px;
		float:left;
	}
	div#entry img {
		margin-bottom:20px;
	}
	div#entry img.border {
		border:1px solid #666666;
	}
	img.full {
		margin-left:-20px;
	}
	div#entry ul, div#entry ol {
		display:block;
		margin:10px 30px 25px;		
	}
	div#entry li {
		margin-left: 20px;
		line-height: 1.5em;
	}
	div#entry ul li {
	list-style-type:disc;
	}
	div#entry ol li {
		list-style:decimal;
	}


#footer {
	display:block;
	width:960px;
	margin:40px auto 20px auto;
	padding: 4px;
	font-size: 0.6em;
	color:#777777;
	text-align:center;
}

/*=========================*/
form {
	display:block;
	margin:20px;
}
span {
	margin-right:10px;
	display:block;
}