@charset "UTF-8";
/* CSS Document */

===== CONTENTS ===========================================

	1: BODY
	2: WRAPPER
	3: HEADER
	4: NAVIGATION
	5: MAIN CONTENT

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

/*
===== 1: BODY ====================================
*/

body {
	background-color:#FFFFFF;
	
	
	
}

/*
===== 2: WRAPPER ====================================
*/

#wrapper{
	width: 900px;/*幅*/
	height: 1160px;
	padding-left: 20px;
	margin-left: auto;
	margin-right: auto;
	background: url(../img/KOJINN-back.png) no-repeat 0px 0px;
	background-position: 20px 80px;
	
	
	}
/*
===== 4: NAVIGATION ====================================
*/


	
	
#sub-navi{
	width: 170px;
	height: 500px;
	padding-top: 120px;
	padding-left: 20px;
	float: left;
	}

#sub-navi ul{
	list-style: none;/*点々削除*/
	margin: 0;/*余白リセット*/
	padding: 0;/*余白リセット*/
}	

#sub-navi #ROGO{
	padding-left: 15px;
	width: 140px;
	height: 90px;
}


#sub-navi ul #home{
	float: left;
	width:170px;
	height:21px;
	margin: 0;/*余白リセット*/
	padding-top: 20px;
	padding-bottom: 20px;
	}

#sub-navi ul #home a{
	width: 100%;
	height: 100%;
	display: block;
	background: url(../img/HOME.gif) no-repeat 0px 0px;
	text-indent: -999999px;
	overflow: hidden;
	}
	
#sub-navi ul #home a:hover{
	background-position: 0px -22px;
	} 


#sub-navi ul #Concept{
	float: left;
	width:170px;
	height:21px;
	margin: 0;/*余白リセット*/
	padding: 0;/*余白リセット*/
	padding-bottom: 20px;
	}

#sub-navi ul #Concept a{
	width: 100%;
	height: 100%;
	display: block;
	background: url(../img/Concept.gif) no-repeat 0px 0px;
	text-indent: -999999px;
	overflow: hidden;
	}
	
#sub-navi ul #Concept a:hover{
	background-position: 0px -24px;
	} 


#sub-navi ul  #Works{
	float: left;
	width:170px;
	height:21px;
	margin: 0;/*余白リセット*/
	padding: 0;/*余白リセット*/
	padding-bottom: 20px;
	}

#sub-navi ul #Works a{
	width: 100%;
	height: 100%;
	display: block;
	background: url(../img/Works.gif) no-repeat 0px 0px;
	text-indent: -999999px;
	overflow: hidden;
	}
	
#sub-navi ul #Works a:hover{
	background-position: 0px -22px;
	} 


#sub-navi ul #Access{
	float: left;
	width:170px;
	height:21px;
	margin: 0;/*余白リセット*/
	padding: 0;/*余白リセット*/
	padding-bottom: 20px;
	}

#sub-navi ul #Access a{
	width: 100%;
	height: 100%;
	display: block;
	background: url(../img/Access.gif) no-repeat 0px 0px;
	text-indent: -999999px;
	overflow: hidden;
	}
	
#sub-navi ul #Access a:hover{
	background-position: 0px -22px;
	} 
	
	
#sub-navi ul #Mail{
	float: left;
	width:170px;
	height:21px;
	margin: 0;/*余白リセット*/
	padding: 0;/*余白リセット*/
	
	}

#sub-navi ul #Mail a{
	width: 100%;
	height: 100%;
	display: block;
	background: url(../img/Mail.gif) no-repeat 0px 0px;
	text-indent: -999999px;
	overflow: hidden;
	}
	
#sub-navi ul #Mail a:hover{
	background-position: 0px -22px;
	} 

===== 1: MAIN CONTENTS ====================================
*/

#contents{
	width: 730px;
	height: 450px;
	float: left;
	padding-left: 70px;
	padding-right:80px;
	position: absolute;
	top:50px;
	left:50px;
}	

#title-box{
	width: 730px;
	height: 90px;
	padding-top: 60px;
	padding-left: 70px;
}

#title-box #taitle{
	width: 500px;
	height: 90px;
	padding-left: 20px;
}

#title-box #toiawase{
	width: 90px;
	height: 90px;
	padding-left: 50px;
	float: right;
}

a { text-decoration: none; }

#main{
	
	width:480px;
	height:795px;
	padding-top: 35px;
	padding-left: 100px;
	float: left;
	
	}
	
#main #sub-title{
	width:450px;
	height:55px;
	padding-top:23px;
	padding-left: 0px;
	padding-bottom: 45px;

}

#main #sub-title h2 {
	line-height:1.6;
	margin-left: 0px;
	text-align:center;
	color:#FFFFFF; 
	padding-left: 0px; 
	padding-bottom: 15px;
}


#main #text-box{
	width:450px;
	height:650px;
	

}

p{
  font-size:11px;
  line-height: 1.6;
  
  }
  
 p strong {
	font-size:12px;
	color:#333333;
}




/*
===== 6: FOOTER ====================================
*/



div#footer{
	text-align:left;/* box centering */
	padding-top: 52px;
	padding-left: 30px;
	width: 870px;
	height: 30px;
	color:#FFFFFF;
	float:left;
}

div#footer dt{
	font-size: 1.1em;
	font-weight: 600;
	margin-top: 0px;
}


div#footer dd{
	font-size: 12px;
}


div#footer ul {
	width:870px;
	margin-top: 0px;
	padding: 4px 0px;
	overflow: hidden;
	
}

div#footer li{
	padding-top: 5px;
	margin-left: -1px;
	border-left: 1px solid #666;
	float: left;
}

div#footer #HOGO{
	font-size: 11px;
	padding-left: 30px;
	
}


div#footer li a{
	margin: 0px 6px;
}