@charset "utf-8";

/* CSS Document */

/*==========================================================================================

	// work.html

==========================================================================================*/
div#main h1,
div#main h2 { text-indent:-999999px;
height:34px;
width:600px;
background:url(../images/work-h1.gif) no-repeat;}

div#main dl {
	margin:10px;
	line-height:18px;
	padding-bottom: 10px;
	border-bottom:#FF6600 solid 1px;
}

div#main dl dt { font-size:123.1%;
font-weight:bold;
color:#FF3300;
margin-bottom:5px;}

div#main dl dd {margin-left:10px;}


div#workTextBox h2 {
	height:34px;
}

div#workTextBox {
	width:865px;
	padding: 5px;
	margin-left: 10px;
}


div#workTextBox p { margin-bottom:10px; }

div#workTextBox p img {
	float:left;
	margin:0 10px 0 0;
}


/*==========================================================================================

	// joblist

==========================================================================================*/
div#workTextBox ul li {
	display: block;
	float: left;
	width: 420px;
	padding: 10px 0 11px 1px;
	background:url(../images/work-listborder.gif) no-repeat center bottom;
	text-align: left;
	margin-left: 5px;
}


div#workTextBox ul li ul li {
	padding: 0;
	margin: 0 auto;
	line-height: 1;
	text-align: center;
	background-image: none;
min-height:120px;
}


div#workTextBox ul li ul li.genrePhoto img {border: 1px solid #cccccc;}


div#workTextBox ul li ul li.genrePhoto {
	margin:0 15px;
	width: 90px;
	float:left;
}


div#workTextBox ul li ul li.genreText {
	font-size: 100%;
	margin-bottom: 2px;
	float: left;
	width: 300px;
	text-align: left;
	line-height: 18px;
}


div#workTextBox ul li ul li.genreText span {
	color: #FF0066;
	display: block;
	font-weight: bold;
}



div#workTextBox ul li ul li.schTime {
	margin: 0;
	color: #000066;
	font-size: 93%;
	font-weight: bold;
}


div#workTextBox ul li ul li.genre {text-align:left;}


/* ===========
0317additon
=========== */
#main {width:892px;}
.mainLeft {width:630px;float:left;}

p.introSentence {color:#868686;padding-left:20px;}
p.textImg {padding:5px 0;}
.nav {height:185px;}
.nav li {float:left;margin:3px 6px 3px 0;}
.nav li a {width:203px;height:54px;display:block;text-indent:-10000px;outline:none;}
.nav li.pageNav1 a {width:620px;height:54px;display:block;text-indent:-10000px;outline:none;background:url(../images/0317works/navi/nav1.jpg) no-repeat;}
.nav li.pageNav2 a {background:url(../images/0317works/navi/nav2.jpg) no-repeat;}
.nav li.pageNav3 a {background:url(../images/0317works/navi/nav3.jpg) no-repeat;}
.nav li.pageNav4 a {background:url(../images/0317works/navi/nav4.jpg) no-repeat;}
.nav li.pageNav5 a {background:url(../images/0317works/navi/nav5.jpg) no-repeat;}
.nav li.pageNav6 a {background:url(../images/0317works/navi/nav6.jpg) no-repeat;}
.nav li.pageNav7 a {background:url(../images/0317works/navi/nav7.jpg) no-repeat;}
.nav li.pageNav8 a {background:url(../images/0317works/navi/nav8.jpg) no-repeat;}
.nav li.pageNav9 a {background:url(../images/0317works/navi/nav9.jpg) no-repeat;}

.nav li.pageNav1 a:hover,.nav li.pageNav2 a:hover,.nav li.pageNav3 a:hover,
.nav li.pageNav4 a:hover,.nav li.pageNav5 a:hover,.nav li.pageNav6 a:hover,
.nav li.pageNav7 a:hover,.nav li.pageNav8 a:hover,.nav li.pageNav9 a:hover
{background-position:0 -54px;}
ul#banner li {padding-bottom:5px;}


.mainRight {width:262px;float:right;}
.mainRightIn {}
.movieBox {width:262px;height:379px;background:url(../images/0317works/side/bg/bg_movie.jpg) no-repeat;}
.movieBoxIn {width:220px;height:200px;margin:0 auto;padding-top:50px;}

.companyInfo li {color:#000000;}
.companyInfo li.access1 {width:262px;height:53px;background:url(../images/0317works/side/bg/bg_access1.jpg) no-repeat;}
.companyInfo li.address1 {width:262px;height:89px;background:url(../images/0317works/side/bg/bg_address1.jpg) no-repeat;}
.companyInfo li.access2 {width:262px;height:70px;background:url(../images/0317works/side/bg/bg_access2.jpg) no-repeat;}
.companyInfo li.address2 {width:262px;height:107px;background:url(../images/0317works/side/bg/bg_address2.jpg) no-repeat;}
.companyInfo li.access1 p,.companyInfo li.address1 p,
.companyInfo li.access2 p,.companyInfo li.address2 p {padding:8px 0 0 50px;}

.workFlow li {color:#000000;}
.workFlow li.step1 {width:262px;height:102px;background:url(../images/0317works/side/bg/bg_step1.jpg) no-repeat;}
.workFlow li.step2 {width:262px;height:108px;background:url(../images/0317works/side/bg/bg_step2.jpg) no-repeat;}
.workFlow li.step3 {width:262px;height:106px;background:url(../images/0317works/side/bg/bg_step3.jpg) no-repeat;}
.workFlow li.step4 {width:262px;height:106px;background:url(../images/0317works/side/bg/bg_step4.jpg) no-repeat;}
.workFlow li.step5 {width:262px;height:135px;background:url(../images/0317works/side/bg/bg_step5.jpg) no-repeat;}

.workFlow span.bigText {font-size:14px;font-weight:bold;}
.workFlow li p {width:175px;padding:28px 0 0 40px;}

.under {width:892px;}
ul#smallBanner li {float:left;}

.underMain {padding-top:10px;}
.underLeft {width:426px;float:left;}
.underMiddle {width:248px;float:left;}
.middleUp {width:248px;height:134px;background:url(../images/0317works/under/bg_underMiddle1.jpg) no-repeat;}
.middleUp p {padding:30px 0 0 88px;font-size:12px;color:#000000;}
.middleDown p {padding:15px 0 0 88px;font-size:12px;color:#000000;}
.middleDown {width:248px;height:134px;background:url(../images/0317works/under/bg_underMiddle2.jpg) no-repeat;}

.underRight {width:182px;float:left;}
.pagetop {width:182px;height:43px;background:url(../images/0317works/under/bg_top.jpg) no-repeat;}
.pagetop p {padding-left:80px;}