/* =====================================
 * CASABLANCA.LLC
 * =====================================     
 */     

	
/*-------- CONTENTS --------*/	

#navi {
    font-size:9px; color:#aaa;
	}
#navi a {
    color:#99cc66;
	}
#content {
	padding:0 20px;
	}
#content th {
    padding:7px;
    background:url(../img/line_tbl.gif) right repeat-y;
	text-align:left;
	border-bottom:1px solid #c6e8a4;
	}
#content td {
    padding:7px;
	border-bottom:1px solid #c6e8a4;
	}
#content td ul {
    list-style-image:url(../img/arw.gif);
	margin:0; padding:0 0 0 10px;
	}
#content td li {
    margin-left:15px;
    font-size:11px;
	}

.work_image {
	text-align:right;
	width:230px;
    float:right;
	}
.work_description {
	width:280px;
    float:left;
	}
.work_description ul {
    list-style-image:url(../img/arw.gif);
	margin:0; padding:30px 10px 10px 10px;
    background:#e4f6d6 url(../img/bg_work.gif) no-repeat;
	}
.work_description li {
    margin-left:15px;
    font-size:11px;
	}
	
/*-------- ABOUT US --------*/	
#illustration {
    width:500px; height:380px;
	background:url(../img/about/01.gif) 0 0 no-repeat;
	margin-top:30px;
	color:#555;
   }
#illustration #web {
    width:210px;
	padding:55px 10px 0 10px;
	float:left;
	}
#illustration #produce {
    width:210px;
	padding:55px 0 0 10px;
	margin-left:45px;
	float:left;
	}
#illustration #event {
    width:170px;
	padding:70px 0 0 10px;
	margin-left:160px;
	}
#illustration #ad {
    width:210px;
	padding:10px 10px 0 10px;
	margin:20px 0 0 0;
	float:left;
	}
#illustration #media {
    width:210px;
	padding:10px 0 0 10px;
	margin:20px 0 0 45px;
	float:left;
	}
	
/*-------- WORK --------*/	

.work_box {
    width:115px; height:170px;
	margin:5px 0 5px 10px;
	border:1px solid #bbb;
	text-align:center;
	float:left;
	}
.work_box p {
	padding:10px 6px 0 6px;
	margin:0 0 5px 0;
	font-size:11px; color:#666;
	line-height:15px;
	text-align:left;
	display:block;
	}
.work_box_full {
    width:356px; height:50px;
	margin:5px 0 5px 10px;
	padding:36px 10px 0 130px;
	border:1px solid #bbb;
	font-size:11px; color:#666;
	background:url(../img/work/image01-2.jpg) no-repeat;
	}
	
/*-------- EVENT --------*/	
#work_illust {
    width:500px; height:260px;
	background:url(../img/work/event/01.gif) 0 0 no-repeat;
	margin-top:30px;
	color:#555;
   }
#work_illust #pr {
    width:130px;
	padding:30px 10px 0 10px;
	float:left;
	}
#work_illust #cast {
    width:140px;
	padding:30px 0 0 10px;
	margin-left:45px;
	float:right;
	}
#work_illust #match {
    width:130px;
	padding:10px 10px 0 10px;
	margin:60px 0 0 0;
	float:left;
	}
#work_illust #plan {
    width:140px;
	padding:10px 0 0 10px;
	margin:60px 0 0 0;
	float:right;
	}
#yururi_QR {
	height:168px;
	background:url(../img/work/produce/yururiqr.jpg) no-repeat;
	padding:15px 110px 0 115px;
}

/*-------- COMPANY --------*/	
#company ul {
    margin:0; padding:0;
	list-style-type:none;
	}
#company li {
    margin:0; padding:0;
	float:left;
	}
#company li a {
    width:146px; height:20px;
	background:#eee;
	padding:10px;
	margin-right:2px;
	text-align:center;
	border:1px solid #78b43b;
    display:block;
    }
#company li a:hover {
    background:#78b43b;color:#FFF;
    }
#map {
	margin:20px 0;
	width:515px;height:350px;
    }
.pr {
	float:left;display:block;width:60px;
    }

.col01 {
    color:#387bbf;
	}
.col02 {
    color:#50af33;
	}
.col03 {
    color:#e37d10;
	}
.col04 {
    color:#666;
	}
.col05 {
    color:#C00;
	}
.size01 {
	font-size:16px;
    }
.size02 {
	font-size:11px;
    }
.fam01 {
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
    }
.clear {
    clear:both;
	}