@charset "UTF-8";
/* \*/
*html body {behavior:url("css/csshover2.htc");}
/* */
/*																				index.html
 ----------------------------------------------------------------------------------------- */
#container { padding-bottom:0px;}

#mainArea {
	margin: 1px 0px 1px;
	padding-top:20px;
	position:relative;
}
#mainArea ul {margin:0px 0px 0px 0px;}

#mainArea ul.mp63 {padding-bottom:30px;}

#mainArea ul li { float:left; margin:0px 0px 0px 0px; font-family:"ＭＳ ゴシック", "Osaka－等幅";}

#mainArea ul li.pattern_01 {width:224px;}
#mainArea ul li.pattern_02 {width:225px;}
#mainArea ul li.pattern_03 {width:226px;}

#mainArea ul li a {
	text-decoration:none;
	background: no-repeat 0px 0px;
	display:block;
	color:#E3E3E3;
}

/*#mainArea ul li a:hover { color:#705043;}*/

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

#mainArea ul li.pattern_01 a {width:212px;/*224*/padding-left:12px;}
#mainArea ul li.pattern_02 a {width:213px;/*225*/padding-left:12px;}
#mainArea ul li.pattern_03 a {width:214px;/*226*/padding-left:12px;}

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

#mainArea ul li.work_01 a,
#mainArea ul li.work_02 a,
#mainArea ul li.work_03 a,
#mainArea ul li.work_04 a {height:178px;/*186*/padding-top:8px;}

#mainArea ul li.work_05 a,
#mainArea ul li.work_06 a,
#mainArea ul li.work_07 a,
#mainArea ul li.work_08 a {height:180px;/*187*/padding-top:7px;}

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

#mainArea ul li.work_01 a {background-image:url(../images/work_01.jpg);}
#mainArea ul li.work_01 a:hover,
#mainArea ul li.work_01 a.on {background-image:url(../images/work_01_on.jpg);}

#mainArea ul li.work_02 a {background-image:url(../images/work_02.jpg);}
#mainArea ul li.work_02 a:hover,
#mainArea ul li.work_02 a.on {background-image:url(../images/work_02_on.jpg);}

#mainArea ul li.work_03 a {background-image:url(../images/work_03.jpg);}
#mainArea ul li.work_03 a:hover,
#mainArea ul li.work_03 a.on {background-image:url(../images/work_03_on.jpg);}

#mainArea ul li.work_04 a {background-image:url(../images/work_04.jpg);}
#mainArea ul li.work_04 a:hover,
#mainArea ul li.work_04 a.on {background-image:url(../images/work_04_on.jpg);}

#mainArea ul li.work_05 a {background-image:url(../images/work_05.jpg);}
#mainArea ul li.work_05 a:hover,
#mainArea ul li.work_05 a.on {background-image:url(../images/work_05_on.jpg);}

#mainArea ul li.work_06 a {background-image:url(../images/work_06.jpg);}
#mainArea ul li.work_06 a:hover,
#mainArea ul li.work_05 a.on {background-image:url(../images/work_06_on.jpg);}

#mainArea ul li.work_07 a {background-image:url(../images/work_07.jpg); cursor:default;}

#mainArea ul li.work_08 a {background-image:url(../images/work_08.jpg); cursor:default;}

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

#mainArea dl {
	display:none;
	padding: 28px 33px 38px;
	background-color:#000000;
	color:#FFFFFF;
}

#mainArea dl dt {margin-bottom:14px;}

#mainArea dl dd {line-height:160%; margin-left:46px;}

#mainArea dl.works_detailArea01,
#mainArea dl.works_detailArea02,
#mainArea dl.works_detailArea03,
#mainArea dl.works_detailArea04 {
	position:absolute;
	top:207px;
	left:1px;
	width:832px;/*898*/
	height:120px;/*227*/
	border-bottom:1px solid #292929;
}
#mainArea dl.works_detailArea05,
#mainArea dl.works_detailArea06,
#mainArea dl.works_detailArea07,
#mainArea dl.works_detailArea08 {
	position:absolute;
	top:21px;
	left:1px;
	width:832px;/*898*/
	height:119px;/*227*/
}
/* \*/

*html #mainArea dl { padding:28px 32px 38px;}


/*
*html #mainArea dl.works_detailArea05,
*html #mainArea dl.works_detailArea06,
*html #mainArea dl.works_detailArea07,
*html #mainArea dl.works_detailArea08 { height:100px!important; padding-bottom:32px;}
*/

/* */

#mainArea ul li a:hover dl {display:block;}

#mainArea ul li a dl:hover {display:none;}



p.comment {
	background-color:#191919;
	color:#E3E3E3;
	padding: 10px 17px;
	margin-bottom:10px;
	font-size:85%;
	margin-right:300px;
}