@charset "Shift_JIS";

/*コンテンツヘッダー設定
**********************************************/

#c_header {	
	width:780px;
	height:85px;
	color:#000000;
	text-align:left;
	padding:0px;
	margin:0px;
	background:url(../contents/contents_img/c_main1.jpg) bottom #FFFFFF no-repeat;
	float:left;
}


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




div#c_contents {
	width:780px;
	background:url(../index_img/c_main2.jpg) no-repeat #FFFFFF;
	margin:0px;
	padding:0px;
}



/*コンテンツナビゲーション設定
**********************************************/
#c_navi_menu {
	height:35px;
	margin:0px;
	padding:0px;	
}
#c_navi_menu ul {
	margin:0px;
	padding:0px;
	list-style:none;
	display:inline;
}
#c_navi_menu li {
	float:left;
	text-indent:-5000px;
	overflow: hidden;
	display:inline;
}

#c_navi_menu a {
	height:35px;
	display:block;
}


/*HOME*/
a.home {
	background:url(../contents/contents_img/c_common_img/home.gif) no-repeat 0px 0px;
	width:70px;
	
}
a.home:hover {
	background:url(../contents/contents_img/c_common_img/home.gif) no-repeat 0px -35px;
	width:70px;
	
}	
a.home_up {
	background:url(../contents/contents_img/c_common_img/home.gif) no-repeat 0px -70px;
	width:70px;
}

/*EORKS*/
a.works {
	background:url(../contents/contents_img/c_common_img/works.gif) no-repeat 0px 0px;
	width:70px;
}
a.works:hover {
	background:url(../contents/contents_img/c_common_img/works.gif) no-repeat 0px -35px;
	width:70px;
}	
a.works_up {
	background:url(../contents/contents_img/c_common_img/works.gif) no-repeat 0px -70px;
	width:70px;
}

/*ILLUSTRATION*/

a.illustration {
	background:url(../contents/contents_img/c_common_img/illustration.gif) no-repeat 0px 0px;
	width:130px;
}
a.illustration:hover {
	background:url(../contents/contents_img/c_common_img/illustration.gif) no-repeat 0px -35px;
	width:130px;
}
a.illustration_up {
	background:url(../contents/contents_img/c_common_img/illustration.gif) no-repeat 0px -70px;
	width:130px;
}


/*DESIGN*/

a.design {
	background:url(../contents/contents_img/c_common_img/design.gif) no-repeat 0px 0px;
	width:80px;
}
a.design:hover {
	background:url(../contents/contents_img/c_common_img/design.gif) no-repeat 0px -35px;
	width:80px;
}
a.design_up {
	background:url(../contents/contents_img/c_common_img/design.gif) no-repeat 0px -70px;
	width:80px;
}



/*WEB DESIGN*/

a.web_design {
	background:url(../contents/contents_img/c_common_img/web.gif) no-repeat 0px 0px;
	width:110px;
}
a.web_design:hover {
	background:url(../contents/contents_img/c_common_img/web.gif) no-repeat 0px -35px;
	width:110px;
}
a.web_design_up {
	background:url(../contents/contents_img/c_common_img/web.gif) no-repeat 0px -70px;
	width:110px;
}



/*PROFILE*/

a.profile {
	background:url(../contents/contents_img/c_common_img/profile.gif) no-repeat 0px 0px;
	width:80px;
}
a.profile:hover {
	background:url(../contents/contents_img/c_common_img/profile.gif) no-repeat 0px -35px;
	width:80px;
}
a.profile_up {
	background:url(../contents/contents_img/c_common_img/profile.gif) no-repeat 0px -70px;
	width:80px;
}


/*ESTIMATE*/

a.estimate {
	background:url(../contents/contents_img/c_common_img/estimate.gif) no-repeat 0px 0px;
	width:90px;
}
a.estimate:hover {
	background:url(../contents/contents_img/c_common_img/estimate.gif) no-repeat 0px -35px;
	width:90px;
}
a.estimate_up {
	background:url(../contents/contents_img/c_common_img/estimate.gif) no-repeat 0px -70px;
	width:90px;
}


/*CONTACT*/

a.contact {
	background:url(../contents/contents_img/c_common_img/contact.gif) no-repeat 0px 0px;
	width:90px;
}
a.contact:hover {
	background:url(../contents/contents_img/c_common_img/contact.gif) no-repeat 0px -35px;
	width:90px;
}
a.contact_up {
	background:url(../contents/contents_img/c_common_img/contact.gif) no-repeat 0px -70px;
	width:90px;
}


/*LINK*/

a.link {
	background:url(../contents/contents_img/c_common_img/link.gif) no-repeat 0px 0px;
	width:60px;
}
a.link:hover {
	background:url(../contents/contents_img/c_common_img/link.gif) no-repeat 0px -35px;
	width:60px;
}
a.link_up {
	background:url(../contents/contents_img/c_common_img/link.gif) no-repeat 0px -70px;
	width:60px;
}





/*コンテンツタイトル範囲設定
**********************************************/

div#second {
	width:740px;
	margin:0px;
	float:left;
	padding: 10px 10px 20px 30px;
}


/*コンテンツタイトル設定
**********************************************/

.title {	
	width:740px;
	height:45px;
	margin:0px;
	padding:0px;
	float:left;
}




/*コンテンツ*/
div#subcontents {
    width:750px;
	height:auto;
	margin:0px;
	padding:0px 0px 0px 0px;
	float:right;

}

