@charset "utf-8";

/* page layout */
html {
    margin: 0;
    /* setting border: 0 hoses ie6 win window inner well border */
    padding: 0;
}

body {
	min-width: 810px;
	color: #fff;
	background-color: #000;
}

#container {
	position: relative;
	margin:0px auto;　/* center on everything else */
	padding:0px;
	width:810px;
	text-align:center;
	background-image:url(http://mokuzou-takumi.com/images/bg.gif);
	background-repeat:repeat-y;
}

#container-inner {
	position: static;
	margin:0px 5px 0px 5px;
	padding:0px;
	width:800px;
}

#pagebody {
	width: 800px;
	background-color:#1b1101;
	text-align:left;
}

#pagebody-inner {
	position: static;
	width:800px;
	}

#alpha, #beta, #gamma, #delta {
    display: inline; /* ie win bugfix */
    position: relative;
    min-height: 1px;
	}

#delta, #beta {
	position:static;
	display:block;
	float: right;
	width:229px;
	}

#alpha-inner, #beta-inner, #gamma-inner, #delta-inner {
	position: static;
}


/* banner */
#banner {
	margin-bottom: 1px;
	_margin-bottom: -3px;
	padding:0;
	width:800px;
	height:79px;
	background-image:url(http://mokuzou-takumi.com/images/head_bg.jpg);
	background-repeat:no-repeat;
}

#banner { position: relative; }

#banner ul, #head li{
	margin:0;
	padding:0;
	list-style:none;
	}

#banner li{
	float:left;
	text-indent:8px;
	line-height:1;
	}

#banner .menu{
	float:right;
	padding:8px 8px 0 0;
	font-weight:bold;
	}

#banner a,
#banner a:link,
#banner a:visited{
	color:#fff;
	font-size:12px;
	text-decoration:none;
	}

#banner a:hover{
	color:#fff;
	font-size:12px;
	text-decoration:underline;
	}

#banner h1{
	margin: 0;
	padding:0;
	}


#banner-header {
	margin: 0;
	padding:0;
	line-height: 1;
}

#banner-description {
	width:800px;
	padding:0px 8px 0 8px;
	height:17px;
	margin-bottom: 1px;
	color:#d1ad98;
	font-size:10px;
	text-align:left;
	background-image:url(http://mokuzou-takumi.com/images/head_txt.jpg);
	background-repeat:no-repeat;
	line-height:1.5;
}

#banner-description strong {
	font-weight:normal;
	}

#banner-inner { 
	position: static;
	float:left;
	padding:0;
	margin:0;
	height:79px;
	line-height: 0;
 }

/* modules */

.module {
    position: relative;
    overflow: hidden;
    width: 229px;
	margin: 0px;
}

.module-header {
    /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
    width: 230px;
    w\idth: auto;
	margin:0px 0px 1px 0px;
	_margin:4px 0px 1px 0px;
    padding: 0;
	text-align:left;
}

.module-content {
	position: relative;
	margin:0px;
    padding: 0px;
}

ul.module-list {
	margin:0px;
    padding: 0px;
}

li.module-list-item {
	margin:0px 0px 1px 0px;
	_margin:0px 0px -3px 0px;
    padding: 0px;
	list-style:none;
	width:229px;
	height:51px;
}

li.module-list-img {
	margin:0px 0px 1px 0px;
	_margin:0px 0px -3px 0px;
    padding: 0px;
	list-style:none;
	width:229px;
	height:91px;
}

.module-powered .module-content { 
	margin-bottom: 10px;
	font-size:90%; 
	}

/* left contents*/

#alpha {
	position:static;
	display:block;
	width:570px;
	float:left;
	text-align:left;
	margin:0px 0px 0px 0px;
}

#alpha-inner {
	margin:0px;
	padding: 0px;
}

.content-list {
	margin:0px;
    padding: 0px;
}

li.content-list-photo {
	margin:0px 0px 1px 0px;
	_margin:0px 0px -3px 0px;
    padding: 0px;
	list-style:none;
	width:570px;
	height:444px;
}

li.content-list-tit {
	margin:0px 0px 1px 0px;
	_margin:0px 0px -3px 0px;
    padding: 0px;
	list-style:none;
	width:570px;
	height:28px;
}

.entry-content {
    margin: 8px 8px 15px 8px;
    position: static;
	line-height: 1.5;
	text-align:left;
    clear: both;
	font-size:small;
	color:#fff;
}


.entry-footer {
    border-top: 1px dotted #999999;
    padding-top: 3px;
    color: #CCC;
    font-size: 10px;
    text-align: right;
    margin: 5px 10px 10px 10px;
    clear: both;
}

.content-nav {
	width:570px;
    padding: 8px 0px 15px 0px;
	text-indent:8px;
	margin:0px;
	font-size:x-small;
    text-align:left;
	background-color:#291510;
}


.content-nav a,
.content-nav a:link,
.content-nav a:visited{
	color:#FFFFCC;
	text-decoration:underline;
	}

.content-nav a:hover{
	color:#FFFFCC;
	}

h3.entry-header {
	height:28px;
    margin: 8px;
	background-image: url(http://mokuzou-takumi.com/images/tit_entry.jpg);
	background-repeat:no-repeat;
	text-align:left;
	text-indent:35px;
	font-size:medium;
	color:#c37212;
	line-height:2.0;
}

h2#archive-title{
    width: 570px;
	height:28px;
    margin:0px 0px 1px 0px;
    _margin:4px 0px -1px 0px;
    padding:0px;
	text-indent:8px;
	color: #fff;
	background-image: url(http://mokuzou-takumi.com/images/tit_content.jpg);
	background-repeat:no-repeat;
	text-align:left;
	font-size:12px;
	line-height:2.5;
	}

h3.comments-header,
h3#trackback.trackbacks-header{
    width: 570px;
	height:28px;
    margin:0px 0px 1px 0px;
    _margin:0px 0px -1px 0px;
    padding:0px;
	text-indent:8px;
	color: #fff;
	background-image: url(http://mokuzou-takumi.com/images/tit_content.jpg);
	background-repeat:no-repeat;
	text-align:left;
	font-size:12px;
	line-height:2.5;
	}


.entry {
    position: static;
    overflow: hidden;
    clear: both;
    width: 570px;
    margin-bottom: 1px;
	border:#3d2018;
	background-color:#291510;
	}

#images {
	width:540px;
	font-size:10px;
	color:#FFCC99;
	margin:0px auto 0 auto;
	text-align:center;
	clear:both;
	}

#photo {
	width:540px;
	font-size:10px;
	color:#FFCC99;
	margin-left:15px;
	clear:both;	
	}

#column {
	width:540px;
	font-size:10px;
	color:#FFCC99;
	margin-left:0px auto;
	clear:both;	
	}

.index {
	width:251px;
	font-size:10px;
	color:#FFCC99;
	text-align:left;
	margin:-5px 0px 10px 10px;
	clear:both;
	}

.left {
	float:left;
	position:static;
	width:256px;
	margin:0px;
	padding:5px;
	}

.right {
	float:right;
	position:static;
	width:256px;
	margin:0px;
	padding:5px;
	}	

.entry.info {
	height:164px;
}

.entry-body {
	width:550px;
	}

/* entry-body img */
.entry-body img {
	border:#f3cda5 3px solid;
	margin:0;
	padding:0;
	display:block;
	clear:both;
	}

.entry-body a img {
    margin: 8px;
    clear: both;
	border:0px;
}

.entry a,
.entry a:link,
.entry a:visited{
	color:#FFFFCC;
	text-decoration:underline;
	}

.entry a:hover{
	color:#FFFFCC;
	}

.entry-body,
.entry-more-link,
.entry-more {
    clear: both;
}


.point {
	font-size:small;
	color:#fc8471;
	font-weight:bold;	
	}

.title {
    margin-top: 10px;
	text-align:left;
	font-size:medium;
	font-weight:bold;
	color:#c37212;
}

/* entry home */
.entry-home {
    position: static;
    overflow: hidden;
    clear: both;
    width: 570px;
	height:164px;
    margin-bottom: 1px;
	border:#3d2018;
	background-color:#291510;
	}

.entry-home a,
.entry-home a:link,
.entry-home a:visited{
	color:#FFFFCC;
	text-decoration:underline;
	}

.entry-home a:hover{
	color:#FFFFCC;
	text-decoration:none;
	}

.entry-homelink{
	text-align:right;
	}

.entry-homelink ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}

.entry-homelink li{
	padding:0px 5px 0px 0px;
	margin:0px;
	display:inline;
	}

/* banner */
#home-banner {　
	width: 570px;
	height:47px;
	}

#wrap {
	float:left;
	width:380px;
	}

#bnr1 { 
	float:right;
	width:190px;
	text-align:left;
	}

#bnr2 { 
	float:right;
	width:190px;
	text-align:left;
	}

#bnr3 { 
	float:right;
	width:190px;
	text-align:left;
	}

/* info list */
.entry-home .list {
    position: static;
    clear: both;
    width: 570px;
	padding:15px;
	text-align:right;
	}

/* Entry tag */

h4.entry-tags-header {
	font-size:small;
	}
.entry-tags-header,
.entry-tags-list,
.entry-tag { display: inline; }

.entry-tags-list {
    list-style:none;
    padding: 0px;
}

.entry-tags {
    margin: 0 0 10px 10px;
}

.entry-tags-header,
.entry-tags-list,
.entry-tag { display: inline; }

.entry-tags-list {
    list-style:none;
    padding: 0px;
}

.trackbacks {
    position: static;
    overflow: hidden;
    clear: both;
    width: 570px;
    margin-bottom: 1px;
	border:#3d2018;
	background-color:#291510;
	}

#trackbacks-info {
    margin: 8px;
    position: static;
    line-height: 1.5;
	text-align:left;
    clear: both;
	font-size:small;
	color:#fff;
}

.trackbacks-content {
    margin: 8px;
    position: static;
    line-height: 1.5;
	text-align:left;
    clear: both;
	font-size:small;
	color:#fff;
}

.comments {
    position: static;
    overflow: hidden;
    clear: both;
    width: 570px;
    margin-bottom: 1px;
	border:#3d2018;
	background-color:#291510;
	}

.comment-inner {
    margin: 8px;
    position: static;
    line-height: 1.5;
	text-align:left;
    clear: both;
	font-size:small;
	color:#fff;
}

.comments-open#comments-open {
    margin: 8px;
    position: static;
    line-height: 1.5;
	text-align:left;
    clear: both;
	font-size:small;
	color:#fff;
}

h4.comments-open-header {
	color:#d17a13;
	text-align:left;
	padding:15px 0 0 0;
	margin-left:0px;
	line-height:1.8;
	font-size:medium;
}

#comments-open-data,
#comments-open-text,
#comments-open-footer {
	text-align:left;
	padding:0 0 0 15px;
	font-size:small;
}

#comments-open-footer.comments-open-footer {
	text-align:left;
	padding:0 0 15px 15px;
	font-size:small;
}


.archive-content {
    position: static;
    line-height: 1.5;
	text-align:left;
    clear: both;
	font-size:small;
	color:#fff;
}

.archive-date-based {
    position: static;
    overflow: hidden;
    clear: both;
    width: 570px;
    margin-bottom: 1px;
	border:#3d2018;
	background-color:#291510;
	}

.archive-list {
	margin-bottom:10px;
    padding: 0px;
}

.archive-list-item {
	list-style:none;
	line-height:150%;
	}

.archive-list-item a,
.archive-list-item a:link,
.archive-list-item a:visited {
	margin:0px;
    padding: 0px;
	color:#fff;
	text-decoration:none;
	line-height:150%;
}

.archive-list-item a:hover{
	color:#fff;
	text-decoration:underline;
	line-height:150%;
	}

/*　sitemap　*/

.sitemap ul{
	margin-bottom:10px
	}

.sitemap li{
	list-style:circle;
	}

.sitemap ul,li a,
.sitemap ul,li a:link,
.sitemap ul,li a:visited {
	color:#fff;
	text-decoration:none;
	line-height:150%;
	}

.sitemap a:hover{
	color:#FFFFCC;
	text-decoration:underline;
	line-height:150%;
	}

/*　add　*/
.add {
	width:251px;
	margin:0px auto;
	padding:0px;
	}


/*　studio　*/

.studio {
	width:510px;
	border:#f3cda5 3px solid; 
	background-color:#FFFFFF;
	padding:10px 10px 0px 20px;
	margin:0px auto;
	}

.studio .access{
	color:#663333;
	font-weight:bold;
	margin-bottom:3px;
	}

.studio .to{
	color:#330000;
	font-weight:normal;
	margin-bottom:10px;
	}

/*　company　*/

h3.company-header {
	height:28px;
    margin: 8px;
	background-image: url(http://mokuzou-takumi.com/images/tit_entry.jpg);
	background-repeat:no-repeat;
	text-align:left;
	text-indent:35px;
	line-height:2.0;
	font-size:small;
	font-weight:bold;
	}

h3.company-header a,
h3.company-header a:link,
h3.company-header a:visited,
h3.company-header a:hover{
	color:#FFFFCC;
	text-decoration:underline;
	}

.company {
	width:550px;
 	border: 1px #ccc solid; 
	border-collapse: collapse;
	}

.company th{
	background:#FFFFCC;
	font-size:small;
	color:#663333;
	width:110px;
	text-align:left;
	padding:3px;
	border: 1px #ccc solid; 
	border-collapse: collapse;
	}

.company td{
	background:#fff;
	font-size:small;
	color:#330000;
	width:440px;
	padding:3px;
	text-align:left;
	border: 1px #ccc solid; 
	border-collapse: collapse;
	}

.company td a,
.company td a:link,
.company td a:visited{
	color:#330000;
	}

.company #outline {
	width:420px;
	font-size:10px;
	color:#330000;
	margin-left:0px auto;
	clear:both;	
	}

#outline .left {
	float:left;
	position:static;
	width:210px;
	margin:0px;
	padding:5px;
	}

#outline .right {
	float:right;
	position:static;
	width:210px;
	margin:0px;
	padding:5px;
	}

.company #images {
	width:420px;
	font-size:10px;
	color:#330000;
	margin:0px auto 0 auto;
	text-align:center;
	clear:both;	
	}

/*　area　*/
.area {
	width:550px;
 	border: 1px #ccc solid; 
	border-collapse: collapse;
	}

.area th{
	background:#FFFFCC;
	font-size:small;
	color:#663333;
	width:80px;
	text-align:left;
	padding:3px;
	border: 1px #ccc solid; 
	border-collapse: collapse;
	}

.area td{
	background:#fff;
	font-size:small;
	color:#330000;
	width:470px;
	padding:3px;
	text-align:left;
	border: 1px #ccc solid; 
	border-collapse: collapse;
	}

/* flow */
#flow {
 width:450px;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
}


#flow-top {
	clear:both;
	width:450px;
	height:10px;
	position:static;
	background:url(http://mokuzou-takumi.com/images/flow/flow_bg_top.jpg) no-repeat;
	display:block;
	overflow:hidden;
}

#flow-btm {
	clear:both;
	width:450px;
	height:10px;
	position:static;
	background:url(http://mokuzou-takumi.com/images/flow/flow_bg_btm.jpg) no-repeat;
	display:block;
	overflow:hidden;
}

#flow-body {
	width:450px;
	position:static;
	background:url(http://mokuzou-takumi.com/images/flow/flow_bg.jpg) repeat;
}

#flow-body p {
	color:#663333;
	font-size:small;
	font-weight:bold;
	padding:5px 10px 0px 10px;
	margin:0px;
	line-height:145%;
}

#flow .next {
	width:450px;
	margin:10px 0px;
	display:block;
	clear:both;
}

#flow .next img{
	border:0px;
	margin:0px auto;
}

.flow-tit img{
	border:0px;
	padding:0px 0px 0px 10px;
	margin:0px;
}


/* contact */
.contact {
	width:540px;
 	border: 1px #ccc solid;
	color:#666666;
	background:#FFFFFF;
	padding:5px;
	margin-left:8px;
	}

.contact-header {
	font-weight: bold;

}

.contactform {
	width:520px;
 	border-top: 1px #ccc solid;
	border-right: 1px #ccc solid; 
	border-collapse: collapse;
	}

.contactform th{
	background:#FFFFCC;
	font-size:small;
	color:#663333;
	width:120px;
	text-align:left;
	padding:3px;
	border-bottom: 1px #ccc solid;
	border-left: 1px #ccc solid;  
	border-right: 1px #ccc solid; 
	border-collapse: collapse;
	}

.contactform td{
	background:#FFFFF7;
	font-size:small;
	color:#330000;
	padding:3px;
	text-align:left;
	border-bottom: 1px #ccc solid;   
	border-collapse: collapse;
	}

.ex {
	font-size: x-small;
	color: #666666;
}

.must {
	color:#CC0000;
	font-size:x-small;
	}

textarea {
	border:#6699CC 1px solid;
	color:#333333;
	margin:0px;
	width:300px;
	height:100px;
	}

.input-medium{
	border:#6699CC 1px solid;
	color:#333333;
	margin:0px;
	width:195px;
	padding:1px;
 }

.input-small{
	border:#6699CC 1px solid;
	color:#333333;
	margin:0px;
	width:80px;
	padding:1px;
 }

.input-checkbox{
	border:#6699CC 1px solid;
	color:#333333;
	margin:0px;
 }


.submit {
	width:500px;
	text-align:center;
	padding:8px;
 }

.submit .btn {
	padding:1px;
	margin:5px;
	font-weight:bold;
	background:#FFE0D0;
	color:#333333;
	border:#993333;
	}

/* pagetop */
.pagetop {
    text-align: right;
    margin: 15px 8px 15px 8px;
    clear: both;
}


/*　foot　*/
#foot{
	margin:0;
	padding:0;
	width:800px;
	height:28px;
	background-image:url(http://mokuzou-takumi.com/images/footer_txt.jpg);
	background-repeat:no-repeat;
	}

#foot ul, #foot li{
	margin:0;
	padding:0;
	list-style:none;
	}

#foot li{
	float:left;
	text-indent:8px;
	line-height:1.5;
	}

#foot .menu{
	float:left;
	padding:0;
	}

#foot a,#foot a:link,#foot a:visited{
	color:#fff;
	text-decoration:none;
	font-size:10px;
	}

#foot a:hover{
	color:#fff;
	text-decoration:underline;
	font-size:10px;
	}

#foot .copyright{
	width:307px;
	height:19px;
	float:right;
	padding:8px 8px 0 8px;
	}

/* info list */
.infolist {
    position: static;
    overflow: hidden;
    clear: both;
    width: 570px;
    margin-bottom: 1px;
	padding:15px 0px 15px 0px;
	text-indent:8px;
	border:#3d2018;
	background-color:#291510;
	}

/* pr */
.pr{
    width: 740px;
    margin: 5px auto 5px auto;
	padding:0;
	}

.pr ul, 
.pr li{
	margin:0;
	padding:0;
	list-style:none;
	}

.pr li,
.pr li a,
.pr li a:link,
.pr li a:visited,
.pr li a:hover{
	padding-right:5px;
	line-height:1.1;
	display:inline;
	text-align:left;
	color:#999999;
	font-size:10px;
	}

/* standard helper classes */

.clr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */

form { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }

h1,h2,h3,h4{
	margin:0;
	padding:0;
	}




