*{
    margin:0;
    padding:0;
}
html{
    height:100%;
}
body{
    height:100%;
    width:900px;
    margin:0px auto;

	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:80%;
	color:#999;
	line-height:1.4em;
}
div#cl {
	clear:both;
}

div#cl2 {
	width:565px;
	border-bottom:solid 1px #EFEFEF;
	height: 1px;
	padding: 0px;
	margin: 20px 0px 25px;
	clear:both;
}

a {
	color:#CFC0EB;
	text-decoration:none;
}
a:hover {
	color:#9270D1;
	text-decoration:underline;
}

/* layout -------------------------------------- */
#main{
	background:url(../image/bgline.gif) left top repeat-y;
    height:100%;
    min-height: 100%;
}
body > #main {
    height: auto;
}
#NaviArea {
	width:150px;
	padding: 0px;
	float: left;
}
#ContentsArea {
	width:640px;
	padding: 120px 0px 0px 50px;
	float:left;
	background-color: #FFFFFF;
}
#FooterArea{
	text-align: right;
	color: #CCC;
	font-size:9px;
	width: 690px;
	padding: 20px 0px 10px 150px;
}

/* blink --------------------------- */
a.bLink				{ margin: 0px; }
a.bLink img			{ margin: 2px; } /* IE は IMG の padding 無視 */
a.bLink:link img	{ margin: 2px; }
a.bLink:visited img	{ margin: 2px; }
a.bLink:hover		{ margin: 0px; border: 0px solid #CFC0EB; } /* IE はこの border 必要 */
a.bLink:hover img	{ margin: 0px; border: 2px solid #CFC0EB; } /* IE は IMG の padding 無視 */

/* --------------------------------- */

#RetBox {
	float:left;
	width:586px;
	text-align:right;
	padding: 2px 0px;
}


/* WorkArea ??? */
#WorksArea {
	float:left;
	width:620px;
	padding: 25px 0px 35px 0px;
}
#WorksArea h1 {
	padding:0px 0px 10px;
	font-size: 140%;
	font-weight: bold;
}
#WorksArea .infoDate {
	font-size: 80%;
	font-weight: bold;
}
#WorksArea p {
	line-height:1.6em;
}



#WorksArea ul {
	list-style-type:none;
}
#WorksArea ul li {
	float:left;
	padding:0px 0.2em 0.2em 0px;
	line-height: 0em;
}
#WorksArea a {
}

#WorksArea #PhotoBox {
	float:left;
	width:84px;
	height:84px;
	padding:0px 0px 0px 0px;
}
#WorksArea #PhotoBoxM {
	float:left;
	width:114px;
	height:114px;
	padding:0px 4px 2px 0px;
}
#WorksArea #PhotoBoxM img {
	cursor:pointer;
}

/* about us で使用 */
#WorksArea02 {
	float:left;
	width:620px;
	padding: 0px;
}
#WorksArea02 p {
	line-height:1.6em;
}
#WorksArea02 dl {
	width:600px;
}  
#WorksArea02 dt {
	float:left;
	width:90px;
	padding:3px 0px;
	clear:both;
	font-weight:bold;
}  
#WorksArea02 dd {
	width:500px;
	margin-left:90px;
	padding:2px 0px;
}  
  
#WorksArea02 ul {
	list-style-type:none;
	padding: 20px 0px;
}
#WorksArea02 ul li {
	line-height: 1.4em;
}

/* Link */
#LinkArea {
	float:left;
	width:630px;
	padding: 25px 0px 35px 0px;
}
#LinkArea ul {
	list-style-type:none;
}
#LinkArea ul li {
	padding:2px 0px;
	line-height: 1.4em;
}


#BigPhotoBox {
	float:left;
	padding:0px 0px 2px 0px;
}
#detailBox {
	float:left;
	width:586px;
	line-height: 1.2em;
	padding: 0px 0px 10px;
}






/* Navi ---------------------------------- */
#NaviArea h1 {
	background:url(../image/bgline.gif) left top repeat-y;
	padding:40px 0px 30px;
}
#NaviArea h1 a {
	background:url(../image/navi_znem.jpg) left top no-repeat;
	display:block;
	width:145px;
	height:50px;
}
#NaviArea h1 a:hover {
	background:url(../image/navi_znem2.jpg) left top no-repeat;
}

#NaviArea ul {
	list-style-type:none;
}
#NaviArea ul li {
	display:block;
	width:145px;
	height:70px;

}
#NaviArea ul li a.mm01 {
	background:url(../image/navi_works.jpg) left top no-repeat;
	display:block;
	width:145px;
	height:70px;
}
#NaviArea ul li a.mm01:hover { background:url(../image/navi_works2.jpg) left top no-repeat; }
#NaviArea ul li a.mm02 {
	background:url(../image/navi_aboutus.jpg) left top no-repeat;
	display:block;
	width:145px;
	height:70px;
}
#NaviArea ul li a.mm02:hover { background:url(../image/navi_aboutus2.jpg) left top no-repeat; }
#NaviArea ul li a.mm03 {
	background:url(../image/navi_information.jpg) left top no-repeat;
	display:block;
	width:145px;
	height:70px;
}
#NaviArea ul li a.mm03:hover { background:url(../image/navi_information2.jpg) left top no-repeat; }
#NaviArea ul li a.mm04 {
	background:url(../image/navi_contact.jpg) left top no-repeat;
	display:block;
	width:145px;
	height:70px;
}
#NaviArea ul li a.mm04:hover { background:url(../image/navi_contact2.jpg) left top no-repeat; }
#NaviArea ul li a.mm05 {
	background:url(../image/navi_link.jpg) left top no-repeat;
	display:block;
	width:145px;
	height:70px;
}
#NaviArea ul li a.mm05:hover { background:url(../image/navi_link2.jpg) left top no-repeat; }