/*----------------------------------------
| mizutori.co.uk -> about.css
| Copyright (c)2006 Inter-Planning Inc.
| Written by Joel Millin (jomi@inter-garden.com) [06.01.16]
----------------------------------------*/

/*----------------------------------------
| global tag styling
----------------------------------------*/

html { font-size: 10px; }
body { margin: 0px; }

html, div, table, td {
	color: #666;
	font-family: "Lucida Grande", Helvetica, Arial;
	line-height: 1.5em;
}
h3 {
	color: #263873;
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 0px 0px 0.5em;
}
p { margin: 0px; }
a { color: #263873; text-decoration: none; }
a:hover { color: #333; text-decoration: underline; }

/*----- color -----*/
.id-05 h3 { color: #333; }

/*----------------------------------------
| page framing
----------------------------------------*/

#pg-head {
	background: #9c3 url(_about04/ttl_hinoki.gif) no-repeat center center;
	height: 36px;
}
.id-05 #pg-head { background-color: #000; background-image: url(_about05/ttl-hinoki.gif); }


#pg-body {
	width: 656px;
	margin: 0px auto;
}
#pg-foot {
	background: url(_about04/logo-wakobo.gif) no-repeat right center;
	width: 656px;
	padding: 20px 0px;
	margin: 0px auto;
	clear: both;
}


/*----------------------------------------
| common styles
----------------------------------------*/

.grp {
	text-align: justify;
	padding-top: 20px;
	display: table;
	display: inline-block;
	width: 100%;
}
.grp .left {
	width: 320px;
	float: left;
}
.grp .right {
	width: 320px;
	float: right;
}
.grp .left img { float: right; margin-left: 8px; }
.grp .right img { float: left; margin-right: 8px; }

.ta-l { text-align: left; }
.ta-c { text-align: center; }
.ta-r { text-align: right; }
.disp-n { display: none; }
.fl-l { float: left; }
.fl-r { float: right; }
.fl-n { float: none; }
.cl-l { clear: left; }
.cl-r { clear: right; }
.cl-b { clear: both; }
.cl-n { clear: none; }
.off { display: none; }

/*----------------------------------------
| object specific styles
----------------------------------------*/

.collabo {
	background: url(_about04/logo-collabo.gif) no-repeat left 20px;
	width: auto;
	padding-left: 132px;
}
.id-05 .collabo { background-image: url(_about05/logo-collabo.gif); }