@charset "Shift_JIS";

/*-------------------------------------------------------------------
	IDENTIFICATION DIVISION.
	Version.												1.4.1.2;
	Author.												Kenta Aga(admin)
	Aptx.													4.8.6.9;

	PROGRAM-ID.									"about"
-------------------------------------------------------------------*/

/**********************************************
	DATA DIVISION.
	WORKING-STRAGE SECTION.
**********************************************/

/*-------------------------------------------------------------------
	common
-------------------------------------------------------------------*/
#contents .article{
	padding													: 34px 26px;
	background											: #fff;
}

#contents #main{
	float															: left;
	width														: 673px;
}

#contents #sidebar{
	float															: right;
	width														: 210px;
}

#contents #main .chapter{
	zoom														: 1;
	margin-bottom										: 94px;
	overflow													: hidden;
}


#contents #main .chapter h3{
	margin-bottom										: 24px;
}

/* category-navigation
PPPPPPPPPPPPPPPPPPPPPPPPPPPPPP*/
#category-navigation{
	background											: #e2ddd6;
}

#category-navigation li{
	margin-bottom										: 1px;
}

#about.greeting #category-navigation li.greeting img,
#about.outline #category-navigation li.outline img,
#about.access #category-navigation li.access img,
#about.privacy #category-navigation li.privacy img,
#about.staff #category-navigation li.staff img{
	visibility													: hidden;
}

#about.greeting #category-navigation li.greeting{
	background											: url(../../img/about/nav/greeting_on.gif);
}
#about.outline #category-navigation li.outline{
	background											: url(../../img/about/nav/outline_on.gif);
}
#about.access #category-navigation li.access{
	background											: url(../../img/about/nav/access_on.gif);
}
#about.privacy #category-navigation li.privacy{
	background											: url(../../img/about/nav/privacy_on.gif);
}
#about.staff #category-navigation li.staff{
	background											: url(../../img/about/nav/staff_on.gif);
}

/*-------------------------------------------------------------------
	greeting
-------------------------------------------------------------------*/
.greeting #contents #main .chapter h3{
	margin-bottom										: 43px;
}

.greeting #main .chapter .image{
	float															: right;
	margin													: 0;
}

.greeting #main .chapter h4{
	margin-bottom										: 18px;
}

.greeting #main .chapter .section{
	width														: 396px;
}

.greeting #main .chapter .section p{
	margin-bottom										: 10px;
	font-size													: 108%;
	line-height												: 2.1;
}
.greeting #main .chapter .section p.more{
	text-align												: right;
}

/*-------------------------------------------------------------------
	outline
-------------------------------------------------------------------*/
.outline #main .chapter table{
	width														: 100%;
}

.outline #main .chapter th,
.outline #main .chapter td{
	padding													: 14px 0;
	font-size													: 108%;
	line-height												: 1.5;
	border-bottom										: 1px solid #dcdcdc;
}

.outline #main .chapter th{
	width														: 170px;
}


/*-------------------------------------------------------------------
	access
-------------------------------------------------------------------*/
.access .section#overview{
	padding													: 12px;
	background											: #f4f2ec;
}

.access .section#overview p.image{
	float														: right;
	position													: relative;
	margin													: -6px 0 0 23px;
}

.access .section#overview p{
	font-size													: 108%;
}
.access .section#overview p em{
	font-weight											: bold;
	letter-spacing										: 0.1em;
}


/*-------------------------------------------------------------------
	privacy
-------------------------------------------------------------------*/
.privacy #contents #main .chapter h3{
	margin-bottom										: 43px;
}

#about.privacy #main .chapter p{
	margin-bottom										: 14px;
}
#about.privacy #main .chapter p.note{
	font-size													: 91%;
}

#about.privacy #main .chapter h4{
	margin-bottom										: 8px;
	font-weight											: bold;
	letter-spacing										: 0.1em;
}

#about.privacy #main .chapter .section{
	zoom														: 1;
	margin-bottom										: 28px;
	padding-bottom									: 28px;
	border-bottom										: 1px solid #dcdcdc;
	overflow													: hidden;
}
#about.privacy #main .chapter .section.lastChild{
	margin-bottom										: 0;
	padding-bottom									: 0;
	border-bottom										: 0;
}

/*-------------------------------------------------------------------
	staff
-------------------------------------------------------------------*/
.staff #list{
	background											: #efe9e3;
}

.staff #list .section{
	margin-right											: 28px;
	margin-left											: 28px;
}

.staff #list .section .staff-list{
	position													: relative;
	margin-left											: -32px;
}
.staff #list .section .staff-list li{
	float														: left;
	display													: inline;
	position													: relative;
	margin-left											: 32px;
	margin-bottom										: 32px;
}


/* staff result
PPPPPPPPPPPPPPPPPPPPPPPPPPP*/

/*** hidden ***/
.staff-result.popup #header,
.staff-result.popup .topic-path,
.staff-result.popup h2,
.staff-result.popup .social-box,
.staff-result.popup .pagetop,
.staff-result.popup #footer{
	display													: none;
}


/*** popup ***/
.staff-result.popup{
	min-width												: 750px;
}

.staff-result.popup #wrap{
	padding													: 0;
	background											: #fff;
}
.staff-result.popup #wrap #contents .article{
	margin-bottom										: 0;
	padding													: 20px 0;
}

.staff-result.popup #wrap #contents{
	padding													: 0;
	width														: 750px;
}
.staff-result.popup #wrap #contents .chapter{
	margin													: 0;
	padding													: 0;
}

/*** setting ***/
.staff-result .chapter .lastChild{
	margin-bottom										: 0;
}

.staff-result .chapter h3{
	margin-bottom										: 21px;
	font-weight											: bold;
	letter-spacing										: 0.1em;
}
