@charset "Shift_JIS";


.work_h2 {
	padding:0px;
	margin:0px;
	height:100px;
	float:left;
}


/*WORKSコンテンツ設定
**********************************************/
div#subcontents ul {
	margin:0;
	padding:0;
	list-style:none;

}

div#subcontents li {
	margin:0; padding:0; 
	float:right;
	list-style:none;

}


/*アイコン*/
.aikon {
   float:left;
   width:80px;
   margin:0 5px 0 0;

}


/*コメント*/
.comment {
	float:right;
	width:140px;
	text-align:left;
	height: auto;
}
  
/*illustration部分*/ 
.illustration_group {
	width:240px;
	height:auto;
	font-size:x-small;
	text-align:left;
	float:right;
	margin:0px;
    padding-right:10px;
}


/*design部分*/ 
.design_group {
	width:240px;
	height:auto;
	font-size:x-small;
	text-align:left;
	float:right;
	margin:0px;
    padding-right:10px;
}


/*web部分*/ 
.web_group {
	width:240px;
	height:auto;
	font-size:x-small;
	text-align:left;
	float:right;
	margin:0px;
    padding-right:10px;
}


/*WORKSサイドサブメニュー設定
**********************************************/

/*サイドサブメニュー*/
div#subnavi{
    width:100px;
	float:right;

}





/*WORKS各サブメニュー設定
**********************************************/

/*sub_ill*/ 
a.sub_ill {
    background:url(../contents/works/works_img/sub_ill.jpg) no-repeat 0px 0px;
	width:100px;
	height:12px;
	display: block;
	margin-top:10px;
}

a.sub_ill:hover {
    background:url(../contents/works/works_img/sub_ill.jpg) no-repeat 0px -12px;
	width:100px;
	height:12px;
	display: block;
	margin-top:10px;
}

a.sub_ill_up {
    background:url(../contents/works/works_img/sub_ill.jpg) no-repeat 0px -24px;
	width:100px;
	height:12px;
	display: block;
	margin-top:10px;
}


/*sub_de*/ 
a.sub_de {
    background:url(../contents/works/works_img/sub_de.jpg) no-repeat 0px 0px;
	width:100px;
	height:12px;
	display: block;
	margin-top:10px;
}

a.sub_de:hover {
    background:url(../contents/works/works_img/sub_de.jpg) no-repeat 0px -12px;
	width:100px;
	height:12px;
	display: block;
	margin-top:10px;
}

a.sub_de_up {
    background:url(../contents/works/works_img/sub_de.jpg) no-repeat 0px -24px;
	width:100px;
	height:12px;
	display: block;
	margin-top:10px;
}


/*sub_web*/ 
a.sub_web {
    background:url(../contents/works/works_img/sub_web.jpg) no-repeat 0px 0px;
	width:100px;
	height:12px;
	display: block;
	margin-top:10px;
}

a.sub_web:hover {
    background:url(../contents/works/works_img/sub_web.jpg) no-repeat 0px -12px;
	width:100px;
	height:12px;
	display: block;
	margin-top:10px;
}

a.sub_web_up {
    background:url(../contents/works/works_img/sub_web.jpg) no-repeat 0px -24px;
	width:100px;
	height:12px;
	display: block;
	margin-top:10px;
}





/*WORKS各サブコンテンツアイコン設定
**********************************************/

/*ill_b*/ 
a.ill_b {
    background:url(../index_img/ill_aikon.jpg) no-repeat 0px 0px;
	width:80px;
	height:60px;
	display:block;	
	
}

a.ill_b:hover {
    background:url(../index_img/ill_aikon.jpg) no-repeat 0px -60px;
	width:80px;
	height:60px;
	display:block;	
}

/*de_b*/ 

a.de_b {
    background:url(../index_img/de_aikon.jpg) no-repeat 0px 0px;
	width:80px;
	height:100px;
	display:block;	
	
}

a.de_b:hover {
    background:url(../index_img/de_aikon.jpg) no-repeat 0px -100px;
	width:80px;
	height:100px;
	display:block;	
}


/*web_b*/ 

a.web_b {
    background:url(../index_img/web_aikon.jpg) no-repeat 0px 0px;
	width:80px;
	height:64px;
	display:block;	
	
}

a.web_b:hover {
    background:url(../index_img/web_aikon.jpg) no-repeat 0px -64px;
	width:80px;
	height:64px;
	display:block;	
}