@charset "utf-8";

@import url(reset.css);
@import url(common.css);
@import url(lightbox.css);


/* Composition */
/* -------------------------------------------------------------------------------- */

#submenu {
	width: 180px;
	float: left;
}
#main {
	width: 480px;
	float: right;
}
#submenu, #main {
	margin-bottom: 60px;
}


/* Font */
/* -------------------------------------------------------------------------------- */

#contactbox li {
	font-size: 85%;
}

/* Link */
/* -------------------------------------------------------------------------------- */

#root a {
	text-decoration: none;
}
#submenu a {
	color: #4D4D4D;
}

/* Img-Title */
/* -------------------------------------------------------------------------------- */

h1,
.ebox h2,
#workman-list li {
	font-size: 2px;
	text-indent: -9999em;
}
h1 a,
.ebox h2 a,
#workman-list li a {
	display: block;
}


/* Clear */
/* -------------------------------------------------------------------------------- */

.w-thumbs,
#ebody,
#emore,
#kenmido ul,
#kenlist ul {
	zoom: 100%;
}
.w-thumbs:after,
#ebody:after,
#emore:after,
#kenmido ul:after,
#kenlist ul:after {
	content: " ";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}


/* Head-line */
/* -------------------------------------------------------------------------------- */

h1,
.ebox h2 {
	margin-bottom: 10px;
	height: 48px;
}

h1#ht {
	height: 0;
	margin: 0;
}
#t-about {	background: url(../../contents/about/images/t-about.gif) no-repeat left top;}
#t-map {	background: url(../../contents/about/images/t-map.gif) no-repeat left top;}
#t-message {	background: url(../../contents/about/images/t-message.gif) no-repeat left top;}
#t-history {	background: url(../../contents/about/images/t-history.gif) no-repeat left top;}
#t-aboutworks {	background: url(../../contents/about/images/t-aboutworks.gif) no-repeat left top;}
#t-media {	background: url(../../contents/about/images/t-media.gif) no-repeat left top;}

#t-workmanlist {	background: url(../../contents/workman/images/t-workmanlist.gif) no-repeat left top;}
#t-toryoblog {	background: url(../../contents/workman/images/t-toryoblog.gif) no-repeat left top;}
#t-takumiblog {	background: url(../../contents/workman/images/t-takumiblog.gif) no-repeat left top;}
#t-toryo {	background: url(../../contents/workman/images/t-toryo.gif) no-repeat left top;}
#t-toryo-goods {	background: url(../../contents/workman/images/t-toryo-goods.gif) no-repeat left top;}
#t-daiku {	background: url(../../contents/workman/images/t-daiku.gif) no-repeat left top;}
#t-daiku-goods {	background: url(../../contents/workman/images/t-daiku-goods.gif) no-repeat left top;}
#t-miyadaiku {	background: url(../../contents/workman/images/t-miyadaiku.gif) no-repeat left top;}
#t-tobi {	background: url(../../contents/workman/images/t-tobi.gif) no-repeat left top;}
#t-tobi-goods {	background: url(../../contents/workman/images/t-tobi-goods.gif) no-repeat left top;}
#t-sakan {	background: url(../../contents/workman/images/t-sakan.gif) no-repeat left top;}
#t-sakan-goods {	background: url(../../contents/workman/images/t-sakan-goods.gif) no-repeat left top;}
#t-takumiblog-h1 {	background:  url("../../takumiblog/images/t-takumiblog.gif") no-repeat left top;}

#t-work {	background: url(../../contents/work/images/t-work.gif) no-repeat left top;}
#t-worklist {	background: url(../../contents/work/images/t-worklist.gif) no-repeat left top;}
#t-kodawari-irori {	background: url(../../contents/work/images/kodawari/t-irori.gif) no-repeat left top;}
#t-kodawari-i {	background: url(../../contents/work/images/kodawari/t-i.gif) no-repeat left top;}
#t-kodawari-list {	background: url(../../contents/work/images/kodawari/t-list.gif) no-repeat left top;}
#t-shaji-ikko {	background: url(../../contents/work/images/shaji/t-ikko.gif) no-repeat left top;}
#t-shaji-inani {	background: url(../../contents/work/images/shaji/t-inani.gif) no-repeat left top;}
#t-shaji-shirahata {	background: url(../../contents/work/images/shaji/t-shirahata.gif) no-repeat left top;}
#t-utsunomiyajo {	background: url(../../contents/work/images/utsunomiyajo/t-utsunomiyajo.gif) no-repeat left top;}
#t-sukiya {	background: url(../../contents/work/images/sukiya/t-sukiya.gif) no-repeat left top;}
#t-sukiya-i {	background: url(../../contents/work/images/sukiya/t-i.gif) no-repeat left top;}
#t-sukiya-t {	background: url(../../contents/work/images/sukiya/t-t.gif) no-repeat left top;}
#t-sukiya-ic {	background: url(../../contents/work/images/sukiya/t-ic.gif) no-repeat left top;}
#t-kominka {	background: url(../../contents/work/images/kominka/t-kominka.gif) no-repeat left top;}
#t-chashitsu {	background: url(../../contents/work/images/chashitsu/t-chashitsu.gif) no-repeat left top;}
#t-kura {	background: url(../../contents/work/images/kura/t-kura.gif) no-repeat left top;}
#t-kura-m {	background: url(../../contents/work/images/kura/t-m.gif) no-repeat left top;}
#t-kaigo {	background: url(../../contents/work/images/kaigo/t-kaigo.gif) no-repeat left top;}
#t-reform {	background: url(../../contents/work/images/reform/t-reform.gif) no-repeat left top;}
#t-miyadaiku {	background: url(../../contents/work/images/miyadaiku/t-miyadaiku.gif) no-repeat left top;}
#t-miyadaiku-inani {	background: url(../../contents/work/images/miyadaiku/t-inani.gif) no-repeat left top;}
#t-kisou {	background: url(../../contents/work/images/kisou/t-kisou.gif) no-repeat left top;}
#t-toden {	background: url(../../contents/work/images/toden/t-toden.gif) no-repeat left top;}

#t-contact {	background: url(../../contents/contact/images/t-contact.gif) no-repeat left top;}
#t-form {	background: url(../../contents/contact/images/t-form.gif) no-repeat left top;}
#t-policy {	background: url(../../contents/policy/images/t-policy.gif) no-repeat left top;}
#t-sitemap {	background: url(../../contents/sitemap/images/t-sitemap.gif) no-repeat left top;}

#t-taikoban {	background: url(../../taikoban/images/t-taikoban.gif) no-repeat left top;}

#t-kengakukai {	background: url(../../contents/kengakukai/images/t-kengakukai.gif) no-repeat left top;}
#t-kengakukai-li {	background: url(../../contents/kengakukai/images/t-kengakukai-li.gif) no-repeat left top;}
#t-kengakukai-fo {	background:  url("../../contents/kengakukai/images/t-kengakukai-fo.gif") no-repeat left top;}


#t-kengakukai-mi {	background: url(../../contents/kengakukai/images/t-kengakukai-mi.gif) no-repeat left top;}
#t-kengakukai-ho {	background: url(../../contents/kengakukai/images/t-kengakukai-how.gif) no-repeat left top;}
#t-kengakukai-no {	background: url(../../contents/kengakukai/images/t-kengakukai-no.gif) no-repeat left top;}

/* Ebox */
/* -------------------------------------------------------------------------------- */

.ebox {
	margin-bottom: 60px;
	line-height: 1.75;
}
.ebox-l {
	margin-bottom: 0px;
}
.ebox p {
	margin-bottom: 1em;
}
a.navi {
	background: url(../images/p-ar02.gif) no-repeat left center;
	padding-left: 16px;
}
a.navi:hover {
	background: url(../images/p-ar01-on.gif) no-repeat left center;
	color: #C00;
	text-decoration: underline;
}


/* Main */
/* -------------------------------------------------------------------------------- */

#root {
	background: #CCBE9A;
	text-align: left;
	padding: 10px 15px 0 15px;
}
#root .inner {
	background: url(../images/p-ar03.gif) no-repeat left center;
	padding-left: 16px;
}


/* Submenu */
/* -------------------------------------------------------------------------------- */

#submenu {
	padding-top: 20px;
}
#submenu li {
	margin-bottom: 6px;
}
#submenu ul ul {
	margin: 6px 0 0 16px;
}
#submenu a {
	background: url(../images/p-ar01.gif) no-repeat left center;
	padding-left: 16px;
}
#submenu span.title {
	background: url(../images/p-ar04.gif) no-repeat left center;
	padding-left: 16px;
}
#submenu li span {
	padding-left: 16px;
}
#submenu .on {
	padding-left: 16px;
}
#submenu .on,
#submenu a:hover {
	color: #CC0000;
	background: url(../images/p-ar01-on.gif) no-repeat left center;
}


/* Workman */
/* -------------------------------------------------------------------------------- */

#workman-list li {
	float: left;
	width: 114px;
	margin-right: 8px;
	margin-bottom: 5px;
}
#workman-list li a {
	height: 161px;
}
#workman-list li.w01 {	background: url(../../contents/workman/images/wl01.jpg) no-repeat left top;}
#workman-list li.w02 {	background: url(../../contents/workman/images/wl02.jpg) no-repeat left top;}
#workman-list li.w03 {	background: url(../../contents/workman/images/wl03.jpg) no-repeat left top;}
#workman-list li.w04 {	background: url(../../contents/workman/images/wl04.jpg) no-repeat left top;	margin-right: 0px;}
#workman-list li.w05 {	background: url(../../contents/workman/images/wl05.jpg) no-repeat left top; width: 480px; margin-bottom: 0;}
#workman-list li.w05 a { height: 116px;}
h3.wm {
	margin: 0 0 0 220px;
	font-size: 110%;
	border-bottom: 1px dotted #4D4D4D;
}
p.wm {
	margin-top: 10px;
	margin-bottom: 30px;
}

/* Wazablog */
#takumiblog li {
	padding: 2px 10px;
}
#takumiblog li.bg {
	background: #DAD1B7;
}
#takumiblog .date {
	color: #999900;
	font-weight: bold;
}
#takumiblog a.entry {
	color: #4D4D4D;
}
#takumiblog a.entry:hover {
	color: #CC3300;
}
#takumiblog-entry #title {
	border-left: #D6A906 solid 5px;
	padding-left: 3px;
}
#takumiblog-entry #title h1 {
	font-size: 120%;
	border-left: 5px solid #B0B06E;
	padding-left: 10px;
	text-indent: 0;
	margin-bottom: 0;
	height: auto;
}
#takumiblog-entry #title a {
	color: #000000;
	display: inline;
}
#takumiblog-entry #ebody {
	border-top: #4D4D4D solid 1px;
	margin-top: 5px;
	padding-top: 10px;
} 
#takumiblog-entry #emeta {
	border-top: 1px dotted #CCCCCC;
	text-align: right;
	padding: 5px 10px 20px 10px;
	color: #808080;
	margin-top: 10px;
}
#takumiblog-entry #emeta a.date,
#takumiblog-entry #emeta a.top {
	color: #808080;
}
#takumiblog-entry #emeta a.category {
}
#takumiblog-entry #emeta a.date:hover,
#takumiblog-entry #emeta a.top:hover,
#takumiblog-entry #emeta a.category:hover {
	color: #FF0000;
}

/* Navi */
.enavi {
	margin: 10px 0px 20px 0px;
	text-align: center;
}
#enavi {
	margin-top: 1em;
	text-align: center;
}


/* About */
/* -------------------------------------------------------------------------------- */

#worklist ul {
	font-weight: bold;
}
#worklist ul ul {
	font-weight: normal;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px dotted #CCBE9B;
}
#worklist ul.la {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

/* Message */
#message {
	background: url(../../contents/about/images/message.jpg) no-repeat 0px 58px;
}
#message p {
	margin-left: 176px;
}

/* Aboutworks */
#aboutworks h2,
#media h2 {
	font-size: 107%;
	text-indent: 0;
	height: auto;
	background: url(../images/p-ar01.gif) no-repeat left center;
	padding-left: 16px;
	margin-bottom: 0.5em;
}
#aboutworks ul {
	margin-bottom: 2em;
	margin-left: 1em;
}

/* Work */
/* -------------------------------------------------------------------------------- */

#submenu .hosoku {
	border: 1px solid #999966;
	margin-top: 20px;
	color: #999966;
}
#submenu .hosoku .inner {
padding: 5px;
}
.wbox {
	width: 235px;
	float: left;
	margin-bottom: 20px;
}
.wbox h3 {
	background: #000;
	text-align: center;
	padding: 5px;
}
.wbox h3 a {
	color: #FFFFFF;
}
.wbox .wnavi {
	text-align: right;
}
.wbox .wnavi a {
	background: url(../images/p-ar01.gif) no-repeat left center;
	padding-left: 16px;
}
.wbox-l {
	margin-right: 10px;
}

/* Thumbnail */
.w-thumbs {
	margin-top: 10px;
}
.w-thumbs li {
	float: left;
	margin-right: 8px;
}
.w-thumbs li.la {
	margin-right: 0px;
}


/* Contact */
/* -------------------------------------------------------------------------------- */

#contactbox ul {
	padding-top: 5px;
}
#contactbox ul {
}
#formbox table {
	width: 480px;
}
#formbox th,
#formbox td {
	padding: 7px 0;
}
#formbox .hissu {
	color: #FF0000;
}


/* Sitemap */
/* -------------------------------------------------------------------------------- */

#sitemapbox li {
	border-bottom: 1px dotted #CCBE9B;
	font-weight: bold;
	padding-bottom: 1em;
	margin-bottom: 1em;
}
#sitemapbox ul ul {
	margin-left: 20px;
}
#sitemapbox ul ul li {
	border: none;
	font-weight: normal;
	padding-bottom: 0;
	margin-bottom: 0;
}
#sitemapbox li a,
#sitemapbox li.on {
	background: url(../images/p-ar01.gif) no-repeat left center;
	padding-left: 16px;
}
#sitemapbox li.on {
	color: #CC0000;
}
#sitemapbox li.la {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
#sitemapbox blockquote {
	font-weight: normal;
	margin-bottom: 0;
	margin-top: 5px;
	margin-right: 0;
}
#sitemapbox blockquote a {
	background: none;
	padding-left: 0;
}


/* Taikoban */
/* -------------------------------------------------------------------------------- */

#taikoban li {
	float: left;
	margin-bottom: 20px;
}
#taikoban li.l {
	margin-right: 20px;
}
.blog-page {
	margin: 10px 0 0 0;
	text-align: center;
	border: 1px dashed #CCC;
	background: #F1F1F1;
	padding: 5px 0;
}
.blog-page ul {
	margin: 0;
	padding: 0 10px;
	list-style: none;
}
.blog-page li {
	display: inline;
	margin: 0 15px;
}


/* Kengakukai */
/* -------------------------------------------------------------------------------- */

#kenmido li {
	width: 230px;
	float: left;
	margin-right: 20px;
	line-height: 1.3;
	margin-bottom: 10px;
}
#kenmido li.m {
	margin-right: 0;
}
#kenmido li img {
	float: left;
	margin-right: 5px;
}
#kenmido .hosoku {
	border: 1px solid #999966;
	margin-top: 20px;
	color: #999966;
}
#kenmido .hosoku .inner {
	padding: 5px;
}

/* List */
#kenlist h2 {
	background: #000;
	color: #FFF;
	padding: 3px 10px 5px 10px;
	margin-bottom: 5px;
	text-indent: 0;
	font-size: 100%;
	height: auto;
}
#kenlist .photo {
	margin-bottom: 1em;
}
#kenlist table {
	margin-bottom: 1em;
}
#kenlist th,
#kenlist td {
	padding: 5px 0;
	line-height: 1.3;
}
#kenlist th {
	white-space: nowrap;
	background: url(../images/p-ar01.gif) no-repeat left center;
	padding-left: 20px;
	padding-right: 20px;
	vertical-align: middle;
}
#kenlist .box {
	background: #ECE8DA;
	padding: 10px;
	margin-bottom: 1em;
}
#kenlist .box p {
	margin: 0;
}
#kenlist li {
	float: left;
	margin-right: 8px;
	width: 114px;
}
#kenlist li.m {
	margin-right: 0;
}

/* Notice */
#kennotice ul {
	margin-left: 2em;
	margin-bottom: 1em;
	list-style: circle;
}
