@charset 'utf-8';

/* mainArea
----------------------------------------------------------*/

#mainArea h1 {
	width: 708px;
	height: 32px;
	padding: 0px;
	margin: 0px 0px 22px 1px;
	display: block;
	font-size: 1px;
	line-height: 1;
	te\xt-indent: -10000px;
	text-align: center;
	text-decoration: none;
	background: url(../images/h1_pagetitle.gif) left top no-repeat;
	color: #d8cbce;
}

#mainArea h2 {
	width: 533px;
	height: 19px;
	padding: 0px;
	margin: 0px 0px 15px;
	display: block;
	font-size: 1px;
	line-height: 1;
	te\xt-indent: -10000px;
	text-align: center;
	text-decoration: none;
	background: url(../images/h2_textimage.gif) left top no-repeat;
	color: #ffffff;
}

/* contentsUnit
----------------------------------------------------------*/

#mainArea .contentsUnit {
	padding: 0px;
	margin: 0px;
}

/* head
----------------------------------------------------------*/

#mainArea .twoColumnBoxType1 h3 {
	width: 339px;
	height: 33px;
	padding: 0px;
	margin: 0px;
	background: none;
}

#mainArea .oneColumnBoxType1 h3 {
	width: 688px;
	height: 33px;
	padding: 0px;
	margin: 0px;
	background: none;
}

#mainArea .oneColumnBoxType1 h3,
#mainArea .twoColumnBoxType1 h3 {
	padding: 0px;
	margin: 0px;
	background: none;
	display: block;
	font-size: 1px;
	line-height: 1;
	te\xt-indent: -10000px;
	text-align: center;
	text-decoration: none;
	color: #f3f3f3;
}

#mainArea .oneColumnBoxType1 h3.headColumn {
	width: 688px;
	height: 33px;
	background: url(/group/images/btn_column.gif) left top no-repeat;
}

#mainArea .twoColumnBoxType1 h3.headPresident {
	width: 339px;
	height: 33px;
	background: url(/group/images/btn_president.gif) left top no-repeat;
}

#mainArea .twoColumnBoxType1 h3.headPhilosophy {
	width: 339px;
	height: 33px;
	background: url(/group/images/btn_philosophy.gif) left top no-repeat;
}

#mainArea .twoColumnBoxType1 h3.headConcept {
	width: 339px;
	height: 33px;
	background: url(/group/images/btn_concept.gif) left top no-repeat;
}

#mainArea .twoColumnBoxType1 h3.headStaff {
	width: 339px;
	height: 33px;
	background: url(/group/images/btn_staff.gif) left top no-repeat;
}

#mainArea .oneColumnBoxType1 h3 a:hover,
#mainArea .twoColumnBoxType1 h3 a:hover {
	background-position: 0px -33px;
}

/* oneColumnBoxType1
----------------------------------------------------------*/

#mainArea .oneColumnBoxType1 {
	width: 688px;
	padding: 0px;
	margin: 0px 0px 20px;
}

#mainArea .oneColumnBoxType1 .body {
	padding: 0px;
	margin: 10px 20px 0px;
}

#mainArea .oneColumnBoxType1 .textFull {
	width: 648px;
	padding: 0px;
	margin: 0px;
	line-height: 1.4;
}

/* twoColumnBoxType1
----------------------------------------------------------*/

#mainArea .twoColumnBoxType1 {
	width: 688px;
	padding: 0px;
	margin: 0px 0px 20px;
}

#mainArea .twoColumnBoxType1 .body {
	padding: 0px;
	margin: 10px 19px 0px;
}

#mainArea .twoColumnBoxType1 .leftColumn {
	width: 339px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .twoColumnBoxType1 .rightColumn {
	width: 339px;
	padding: 0px;
	margin: 0px;
	float: right;
}

#mainArea .twoColumnBoxType1 .image {
	width: 80px;
	padding: 0px 0px 3px;
	margin: 3px 0px 0px 1px;
	float: left;
}

#mainArea .twoColumnBoxType1 .text {
	width: 206px;
	padding: 0px;
	margin: 0px;
	float: right;
	line-height: 1.4;
}

#mainArea .twoColumnBoxType1 .textFull {
	width: 297px;
	padding: 0px;
	margin: 0px 0px 0px 1px;
	line-height: 1.4;
}

/* utilityBox
----------------------------------------------------------*/

#mainArea .utilityBox {
	width: 668px;
	padding: 0px;
	margin: 0px 10px 13px;
}

#mainArea .utilityBox .layout_001 {
	width: 668px;
	padding: 0px;
	margin: 0px;
	background: URL(/group/images/bg_001.gif) left top repeat-y;
}

#mainArea .utilityBox .layout_002 {
	width: 668px;
	padding: 0px;
	margin: 0px;
	background: URL(/group/images/bg_head_001.gif) left top no-repeat;
}

#mainArea .utilityBox .body {
	width: 668px;
	padding: 0px;
	margin: 0px;
	background: URL(/group/images/bg_bottom_001.gif) left bottom no-repeat;
}

#mainArea .utilityBox .contentsBody {
	padding: 0px;
	margin: 0px 6px 6px;
}

#mainArea .utilityBox .leftBox {
	width: 326px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .utilityBox .rightBox {
	width: 326px;
	padding: 0px;
	margin: 0px;
	float: right;
}

#mainArea .utilityBox .images {
	width: 67px;
	padding: 0px;
	margin: 6px 0px 0px;
	float: left;
}

#mainArea .utilityBox .textBox {
	width: 238px;
	padding: 4px 0px 0px;
	margin: 0px;
	float: right;
}

#mainArea .utilityBox .textBox dt {
	width: 235px;
	padding: 2px 0px 5px;
	margin: 0px 0px 0px 2px;
	font-size: 130%;
	line-height: 1;
	color: #333333;
	font-weight: bold;
	background: url(/group/images/h4_bg.gif) left bottom no-repeat;
}

#mainArea .utilityBox .textBox dd {
	padding: 0px;
	margin: 5px 0px 0px;
	line-height: 1.4;
}

/* utilityBoxHeaf
----------------------------------------------------------*/

#mainArea .utilityBoxHeaf {
	width: 326px;
	padding: 0px;
	margin: 0px 10px;
}

#mainArea .utilityBoxHeaf .layout_001 {
	width: 668px;
	padding: 0px;
	margin: 0px;
	background: URL(/group/images/bg_002.gif) left top repeat-y;
}

#mainArea .utilityBoxHeaf .layout_002 {
	width: 668px;
	padding: 0px;
	margin: 0px;
	background: URL(/group/images/bg_head_002.gif) left top no-repeat;
}

#mainArea .utilityBoxHeaf .body {
	width: 668px;
	padding: 0px;
	margin: 0px;
	background: URL(/group/images/bg_bottom_002.gif) left bottom no-repeat;
}

#mainArea .utilityBoxHeaf .contentsBody {
	padding: 0px;
	margin: 0px 6px 6px;
}

#mainArea .utilityBoxHeaf .leftBox {
	width: 326px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .utilityBoxHeaf .images {
	width: 67px;
	padding: 0px;
	margin: 6px 0px 0px;
	float: left;
}

#mainArea .utilityBoxHeaf .textBox {
	width: 238px;
	padding: 0px;
	margin: 0px;
	float: right;
}

#mainArea .utilityBoxHeaf .textBox dt {
	width: 235px;
	padding: 6px 0px 5px;
	margin: 0px 0px 0px 2px;
	font-size: 130%;
	line-height: 1;
	color: #333333;
	font-weight: bold;
	background: url(/group/images/h4_bg.gif) left bottom no-repeat;
}

#mainArea .utilityBoxHeaf .textBox dd {
	padding: 0px;
	margin: 5px 0px 0px;
	line-height: 1.4;
}

/* bannerBox
----------------------------------------------------------*/

#mainArea .bannerBox {
	width: 688px;
	padding: 0px;
	margin: 35px 0px 0px;
}

#mainArea .bannerBox .bannerLeft{
	width: 336px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .bannerBox .bannerRight{
	width: 336px;
	padding: 0px;
	margin: 0px;
	float: right;
}

#mainArea .bannerBox .images {
	width: 336px;
	padding: 0px;
	margin: 0px;
}

#mainArea .bannerBox p {
	padding: 0px;
	margin: 8px 0px 0px 1px;
	font-size: 85%;
	color: #666666;
}

/* btnBox
----------------------------------------------------------*/

#mainArea .btnBox {
	width: 186px;
	padding: 0px;
	margin: 9px 0px 0px 150px;
}

#mainArea .btnBox .btnKyoto a {
	width: 186px;
	height: 21px;
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 1px;
	line-height: 1;
	te\xt-indent: -10000px;
	text-align: center;
	text-decoration: none;
	color: #cccccc;
	background: url(/group/images/btn_kyoto.gif) left top no-repeat;
}

#mainArea .btnBox .btnKyoto a:hover {
	background-position: 0px -21px;
}