@charset "Shift_JIS";

/*ヘッダー設定
**********************************************/

div#header {	
	width:780px;
	height:220px;
	padding:0;
	background:url(../index_img/main1.jpg) no-repeat bottom #FFFFFF;
	text-align:left;
}

.read {
	width:780px;
	height:20px;
	text-align:left;
	margin:0;
	padding:10px;
}


div#contents {
	width:780px;
	height:auto;
	margin:0;
	padding:0;
	float:left;

}


/*ナビゲーション設定
**********************************************/

div#navi_menu {
	height:64px;
	margin:0px;
	padding:0px;
  

  
  
}
div#navi_menu ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
div#navi_menu li {
	float:left;
	text-indent:-5000px;
	overflow:hidden;
	display:inline;
    padding:0px;
    margin-:0px;
}

div#navi_menu a {
	height:64px;
	display:block;
    padding:0px;
    margin-:0px;
}


/*HOME*/
a.home {
	background:url(../index_img/common_img/home.gif) no-repeat 0px 0px;
	width:70px;
}
a.home:hover {
	background:url(../index_img/common_img/home.gif) no-repeat 0px 64px;
	width:70px;
}	
a.home_up {
	background:url(../index_img/common_img/home.gif) no-repeat 0px -128px;
	width:70px;
}

/*WEORKS*/
a.works {
	background:url(../index_img/common_img/works.gif) no-repeat 0px 0px;
	width:70px;
}
a.works:hover {
	background:url(../index_img/common_img/works.gif) no-repeat 0px -64px;
	width:70px;
}	
a.works_up {
	background:url(../index_img/common_img/works.gif) no-repeat 0px -128px;
	width:70px;
}

/*ILLUSTRATION*/

a.illustration {
	background:url(../index_img/common_img/illustration.gif) no-repeat 0px 0px;
	width:130px;
}
a.illustration:hover {
	background:url(../index_img/common_img/illustration.gif) no-repeat 0px -64px;
	width:130px;
}
a.illustration_up {
	background:url(../index_img/common_img/illustration.gif) no-repeat 0px -128px;
	width:130px;
}

/*DESIGN*/

a.design {
	background:url(../index_img/common_img/design.gif) no-repeat 0px 0px;
	width:80px;
}
a.design:hover {
	background:url(../index_img/common_img/design.gif) no-repeat 0px -64px;
	width:80px;
}
a.design_up {
	background:url(../index_img/common_img/design.gif) no-repeat 0px -128px;
	width:80px;
}

/*WEB DESIGN*/

a.web_design {
	background:url(../index_img/common_img/web.gif) no-repeat 0px 0px;
	width:110px;
	height:64px;
}
a.web_design:hover {
	background:url(../index_img/common_img/web.gif) no-repeat 0px -64px;
	width:110px;
	height:64px;
}
a.web_design_up {
	background:url(../index_img/common_img/web.gif) no-repeat 0px -128px;
	width:110px;
	height:64px;
}



/*PROFILE*/

a.profile {
	background:url(../index_img/common_img/profile.gif) no-repeat 0px 0px;
	width:80px;
}
a.profile:hover {
	background:url(../index_img/common_img/profile.gif) no-repeat 0px -64px;
	width:80px;
}
a.profile_up {
	background:url(../index_img/common_img/profile.gif) no-repeat 0px -128px;
	width:80px;
}


/*ESTIMATE*/

a.estimate {
	background:url(../index_img/common_img/estimate.gif) no-repeat 0px 0px;
	width:90px;
}
a.estimate:hover {
	background:url(../index_img/common_img/estimate.gif) no-repeat 0px -64px;
	width:90px;
}
a.estimate_up {
	background:url(../index_img/common_img/estimate.gif) no-repeat 0px -128px;
	width:90px;
}


/*CONTACT*/

a.contact {
	background:url(../index_img/common_img/contact.gif) no-repeat 0px 0px;
	width:90px;
}
a.contact:hover {
	background:url(../index_img/common_img/contact.gif) no-repeat 0px -64px;
	width:90px;
}
a.contact_up {
	background:url(../index_img/common_img/contact.gif) no-repeat 0px -128px;
	width:90px;
}


/*LINK*/

a.link {
	background:url(../index_img/common_img/link.gif) no-repeat 0px 0px;
	width:60px;
}
a.link:hover {
	background:url(../index_img/common_img/link.gif) no-repeat 0px -64px;
	width:60px;
}
a.link_up {
	background:url(../index_img/common_img/link.gif) no-repeat 0px -128px;
	width:60px;
}




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


/*サブメニュー*/
div#subcontents {
	width:750px;
	height:auto;
	margin:30px 0px 0 0;
	float:right;
}


/*illustration部分*/ 
div#illustration_group {
	width:240px;
	height:auto;
	float:left;
	margin-right:10px;
    padding:0;
	font-size:x-small;
	text-align:left;
}


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


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




/*アイコン*/
.aikon {
   width:80px;
   margin:0 10px 0 0;
   float:left;
   display:block;
}


/*コメント*/
.comment {
	width:150px;
	height:auto;
	float:right;
	display:block;
	text-align:left;
}
  


/*各サブボタン設定
**********************************************/

/*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) 0px -64px;
	width:80px;
	height:64px;
	display:block;	
}


/*gallery_b*/ 

a.gallery_b {
    background:url(../index_img/gallery.jpg) no-repeat 0px 0px;
	width:100px;
	height:40px;
	display:block;
	float:left;
	margin:0 0 0 10px;
	
}

a.gallery_b:hover {
    background:url(../index_img/gallery.jpg) 0px -40px;
	width:100px;
	height:40px;
	display:block;	
}