@charset "utf-8";/* CSS Document */

.unit:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.unit{ display: inline-block; }
/* exlude MacIE5 \*/
* html .unit { height: 1% }
.unit {display:block;}
/* end MacIE5 */


#page-contents .unit {display:block;clear:both; padding:10px 0 10px 0; background:url(../imgdir/common/dsh-00.gif)  repeat-x bottom left;}
#page-contents .unit dl {margin:0 0 0 20px;padding:0;font-size:12px;width:200p;letter-spacing:0.1em;}

#page-contents .unit dt {margin:0 0 1.75em 0;background:url(../imgdr/access/subtile_under_map.gif) no-repeat left -8px;height:37px;}
#page-contents .unit dt.access {margin:0 0 1.75em 0;background:url(../imgdr/access/subtile_under_map.gif) no-repeat left top;}
#page-contents .unit dd {margin:0 0 0.5em 0;padding:0;}

.tblyout {margin-bottom:10px;width:98%;text-align:left;background-color:#CCCCCC;line-height:120%;}
.tblyout th{background-color:#efefef;font-weight:normal;font-size:1em;white-space:nowrap; padding:5px;}
.tblyout td{background-color:#FFFFFF;font-size:1em;line-height:120%;padding:5px;}
.tblyout th.center, .tblyout td.center{ text-align:center; vertical-align:middle;padding:5px; }


#about blockquote {margin:0 5px 5px 0; padding:5px;width:175px; float:left;display:inline; border:1px solid #CCCCCC; position:relative; background:url(../imgdir/works/bg_workblock.gif) 0 1px repeat-x #e7e7e7;}
#about blockquote.left {margin:0 5px 5px 8px; padding:5px;width:175px; float:left;display:inline; border:1px solid #CCCCCC; position:relative;background:url(../imgdir/works/bg_workblock.gif) 0 1px repeat-x #e7e7e7;}
#about blockquote.leftbottom {margin:0 5px 20px 8px; padding:5px;width:175px; float:left;display:inline; border:1px solid #CCCCCC; background:url(../imgdir/works/bg_workblock.gif) 0 1px repeat-x #e7e7e7;}
#about blockquote img { padding:1px; border:1px solid #CCC; background:#FFFFFF;}
#about blockquote  h4 { margin:5px 0 0 5px;font-size:12px; float:left; display:inline;}
#about blockquote  p { float:left; display:inline; width:90px;}
#about blockquote  span img {
	position:absolute;
	left:100px;
	top:60px;
	padding:0;
	border:0;
}

#about h4.title { margin:0; padding:10px 0 10px 0; background:url(../imgdir/works/arrow_clam.gif) no-repeat 5px 15px; height:20px; font-size:12px; color:#444444; text-indent:23px; }

#about p { margin:0 0 20px 0; text-align:justify; }
#about ol { margin:0; padding:0 0 20px 40px; }
#about ol li { margin:0; padding:0; line-height:160%;list-style:decimal ;}

#about .complaint { margin:0 0 0 15px; padding:0; position:relative;}
#about .complaint dl { margin:0; padding:0; width:100%; }
#about .complaint dt { margin:5px 0 0 0; padding:0; float:left; display:inline; width:90px; clear:both; }
#about .complaint dd { margin:5px 0 0 90px; padding:0 0 5px 10px; font-weight:normal; border-left:1px #efefef solid;}
#about .complaint img.r_pix { position:absolute; padding:2px; border:1px solid #CCCCCC; right:5px;}

#about .photo { float:right; display:inline; margin:0 0 10px 10px; text-align:center;}
#about .photo p {text-align:center;}
#about .photo img { margin:5px; padding:1px; border:1px solid #CCCCCC;}