@charset "utf-8";

html {
	background:#FFF url(../img/bg.gif)
	}
body {
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Verdana,"ＭＳ Ｐゴシック",sans-serif;
	color:#4d334d;
	background:url(../img/headerBg.gif) repeat-x;
}
a {
	color:#33F;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:visited {
	color:#66F;
}
#frame {
	background:url(../img/headerBg.gif) repeat-x;
	width:770px;
	margin:0 auto;
	text-align:left;
}

/* header */

#header {
	position:relative;
	background:url(../img/h1Bg.jpg) 120px 20px no-repeat;
	height:200px;
}
#header h1 {
	padding-top:125px;
	padding-bottom:20px;
	float:left;
}

#logo {
	padding:60px 0 0;
	float:left;
}
#header img {
	display:block;
}


/* menu */

#mainNav {
	position:absolute;
	top:0;
}
#mainNav ul {
	position:relative;
}
#mainNav img {
	behavior:url(/css/iepngfix.htc)
}
#mainNav li a {
	position:absolute;
	top:0;
}
#mainNav li a:hover, #mainNav li a.selected {
	top:-10px;
	visibility:visible;
}
#mainNav li#mmAbout a.selected, #mainNav li#mmWork a.selected, #mainNav li#mmMember a.selected, #mainNav li#mmTopics a.selected {
	z-index:1;
}
#mainNav li#mmTop a{
	z-index:2;
	left:0px;
}
#mainNav #mmTop a:hover {
	z-index:10;
	visibility:visible;
}
#mainNav li#mmAbout a{
	z-index:3;
	left:142px;
}
#mainNav #mmAbout a:hover {
	z-index:10;
	visibility:visible;
}
#mainNav #mmWorks a{
	z-index:4;
	left:285px;
}
#mainNav #mmWorks a:hover {
	z-index:10;
	visibility:visible;
}
#mainNav #mmMember a{
	z-index:5;
	left:427px;
}
#mainNav #mmMember a:hover {
	z-index:10;
	visibility:visible;
}
#mainNav #mmTopics a{
	z-index:6;
	left:569px;
}
#mainNav #mmTopics a:hover {
	z-index:10;
	visibility:visible;
}

/* topicpath */

#topicpath {
	position:absolute;
	top:180px;
	margin-left:20px;
}
#topicpath li {
	float:left;
	font-size:63%;
	line-height:20px;
	color:#FFFFFF;
	font-weight:bold;
}
#topicpath a {
	padding-right:20px;
	color:#FFFFFF;
	font-weight:normal;
	background:url(../img/topicpathBg.gif) right center no-repeat
}

/* body */

#body {
	padding:20px 0;
}
#body .aside ul {
	margin:0 10px;
}

/* article */

#article {
	width:535px;
	float:right;
}

#article.wide {
	width:100%;
}
#article h3, .section dt {
	font-size:88%;
	font-weight:bold;
	margin:10px 0 1em;
	clear:both;
}

/* section */

.section {

	padding:1em 0 2em;
	margin-right:10px;
}
.section p {
	font-size:88%;
	line-height:1.7;
	margin:0.7em 0;
}
.section p strong {
	color:#000000;
}
.section ul, .section dl, .section ol {
	margin:0.7em 0;
}
.section li, .section dd {
	font-size:88%;
	line-height:1.4;
	margin:0.7em 0;
}
.clear {
	clear:both;
}
.box {
	clear:both;
	position:relative;
	width:100%;
}
.box:after {
	content: "";
	display:block;
	clear:both;
}

/* figure */

.section .figure {
	margin:0 0 0.7em 0;
}
.section p {
	margin:0 0 0.7em;
}
.section .figure img {
	border:1px solid #CCC;
}
.section .right {
	float:right;
	margin-left:10px;
}
.section .left {
	float:left;
	margin-right:10px;
}

/* table */

.section table {
	margin:10px 0 2em;
	background:url(../img/lineX.gif) left bottom repeat-x
}
.section h3 + table {
	margin-top:0;
}
.section th, .section td {
	line-height:1.4;
	font-size:88%;
	border:none;
	background:url(../img/lineX.gif) repeat-x;
}
.section th {
	padding:0.5em 0 0.3em;
}
.section td {
	padding:0.5em 10px 0.3em;
}
col.name {
	width:14em;
	white-space:nowrap;
}
col.address {
	width:14em;
}
col.tel {
	white-space:nowrap;
}
/* map */

#article .map {
	width:523px;
	height:323px;
	border:1px solid #CCC;
}
.section .balloon dt {
	margin:0 0 0.5em;
	white-space:nowrap;
}
.section .balloon dd {
	margin:0;
}
	
.section .balloon li {
	margin:0 2em 0 0;
}
.section .balloon ul, .section .balloon dl {
	margin:0;
}

/* link */
.link a {
	background:url(../img/linkRight.gif) 0 3px no-repeat;
	padding-left:16px;
	color:#4D4D4D;
}
.link a:hover {
	background:url(../img/linkRight.gif) 1px 3px no-repeat;
}
.section .toTop, .toTop {
	background:none;
	text-align:right;
	font-size:88%;
	clear:both;
}
.toTop {
	margin-right:10px;
	margin-bottom:5px;
}
.toTop a img {
	margin-top:1px;
	margin-left:3px;
}
.toTop a:hover img {
	margin-top:0;
	margin-bottom:1px;
}

/* information */

.section .information dl {
}
.section .information dt {
	float:left;
	margin:0 0 0.7em;
	width:7.5em;
	font-size:75%;
	line-height:1.6;
	clear:left;
}
.section .information dt img {
	display:block;
	margin-top:2px;
}
.section .information dd {
	margin:0 0 0.7em;
	padding-left:6em;
	font-size:88%;
	background:url(../img/lineX.gif) left bottom repeat-x;
	padding-bottom:3px;
}
.section .information dd img {
	vertical-align:middle;
	margin:0 2px;
}

/* subMenu */

#subMenu {
	float:left;
	width:205px;
	margin-top:1em;
}
#subMenu ul {
	background:url(../img/asideBorder.gif) left top no-repeat;
	padding-top:0.3em;
	margin-bottom:20px;
	margin-left:10px;
}
#subMenu dt {
	background:url(../img/asideBorder.gif) left bottom no-repeat;
	padding-bottom:5px;
}
#subMenu li, #subMenu dd {
	background:url(../img/asideBorder.gif) left bottom no-repeat;
	font-size:75%;
	line-height:1.4;
	padding:0.2em 0.5em 0.5em;
}
#subMenu a {
	display:block;
	background:url(../img/linkRight.gif) 0 3px no-repeat;
	padding-left:16px;
}
#footer {
	clear:both;
	padding:20px;
	text-align:center;
	background:url(../img/footerBg.gif) no-repeat center top;
}
#footer address {
	font-size:75%;
}

#footer .nav {
	font-size:75%;
	margin-bottom:2em;
}
#footer li {
	display:inline;
	padding:1em;
}
.kenseiki ul {
	margin:0 120px 0 0;
}
.kenseiki li, .kenseiki p {
	float:right;
	margin:0 20px 20px;
	line-height:1;
}