@charset "Shift_JIS";


/* Style Index ========================

	01:  Profile
	02:  Message
	03:  Philosophy
	04:  Company
	05:  History

==================================== */




/*------------------------------------------------------
01. Profile
------------------------------------------------------*/

.profileSection {
	margin:0 10px 10px 10px;
	width:640px;
}

.profileSection h2 {
	padding:8px 0 10px 0;
}

.paragraph {
	margin-bottom:20px;
}

/*------------------------------------------------------
02. Message
------------------------------------------------------*/

#message h2 {
	padding:8px;

}
#message p {
	font-size: 1.2em;
	_font-size: 1.2em;
	line-height: 160%;
	margin-left: 15px;
	padding-top: 10px;
}

.president {
	background: url(../images/message_bg.jpg) no-repeat top right;
	margin-bottom: 20px;
	padding-right:230px;
	padding-left:0px;
}

.shomei {
	text-align:right;
	margin-top: 10px;
	}

/*------------------------------------------------------
03. Philosophy
------------------------------------------------------*/

#philosophy {
}

#philosophy .paragraph {
	margin: 5px 5px 40px 5px;
}

#philosophy .paragraph img {
	float:left;
}

#philosophy .paragraph .exp {
	margin-left: 225px;

}

/*------------------------------------------------------
04. Company
------------------------------------------------------*/

#company .paragraph dl {
	margin:0;
	width:640px;
	background-color:#ffffff;
	}
#company .paragraph dt {
	float:left;
	width:120px;
	padding:5px 0px 5px 15px;
	clear:both;
	text-align:left;
	margin:0px;
	}
#company .paragraph dd {
	margin: 0 0 0 0px;
 	padding:5px 0px 5px 140px;
	background-color:#ffffff;
	border-bottom: dotted 1px #cccccc;
	}
#company .paragraph dd.last {
	border: none;
	font-size: 0.9em;
	}
#company .paragraph dd img {
	margin-bottom:10px;
	}
	
/*------------------------------------------------------
05. History
------------------------------------------------------*/
.historySection {
	width:100%;
}

.historySection h2 {
	padding:8px 10px 10px 10px;
}

.historySection h3 {
	padding:8px 0 5px 10px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 20px;
}

.historySection .paragraph{
	border-bottom: 1px dotted #cccccc;
	padding-bottom: 10px;
}

.historySection .paragraph dl {
	margin:0;
	width:380px;
	padding: 10px 0;
	border-bottom: solid 1px #cccccc;
	}
.historySection .paragraph dt {
	float:left;
	width:140px;
	padding:5px 0px 5px 15px;
	clear:both;
	text-align:left;
	margin:0px;
	}
.historySection .paragraph dd {
	margin: 0 0 0 0px;
 	padding:5px 0px 5px 160px;
	}

.historySection .paragraph ul {
	margin: 10px 20px 10px 0;
	}

.historySection .paragraph li {
	margin-left: 30px;
	list-style: outside disc;
	}
	
.image {
	margin-bottom:15px;
	}
	
.image img {
	border: 5px solid #cccccc;
	margin: 0 20px ;
	}

.image p {
	margin: 3px 10px 3px 20px;
	}

.history2 {
	margin-bottom:40px;
	margin-left: 10px;
	}
	
