@charset "UTF-8";


/*----------------------------------------------------------------------------------------------------


文字コード：UTF-8
改行コード：LF
※読み込む HTML, Javascript も同様です


必ず #main 以下にスタイルを定義してください。

[ Ex1 ]
#main html {}

[ Ex2 ]
#main .style {}


----------------------------------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------------------------------
	#about -> #main
----------------------------------------------------------------------------------------------------*/



#about #main {
	padding-bottom: 1em;
}



#about #main h2 {
	display: none;
}

#about #main h3 {
	width: 555px;
	margin: 2em auto 1em auto;
	padding: 2px 0 7px 7px;
	border-left: 7px solid #6F9DFF;
	
	/*background: url("../../about/img/line_3-1_blue.gif") repeat-x left bottom;*/
	
	font-size: 0.9em;
}

#about #main h4 {
	width: 569px;
	margin: 1.5em auto 1em auto;
	
	color: #6F9DFF;
	font-size: 0.9em;
}



#about #main p {
	width: 569px;
	margin: 0 auto 1em auto;
	
	font-size: 0.75em;
	line-height: 1.5em;
}



#about #main dl {
	width: 569px;
	margin: 0 auto 1em auto;
}

#about #main dt {
	color: #6F9DFF;
	font-size: 0.75em;
	font-weight: bold;
	line-height: 1.5em;
}

#about #main dd {
	margin: 0 0 1em 0;
	
	font-size: 0.75em;
	line-height: 1.5em;
}



#about #main .heading {
	width: 659px;
	margin: 0.75em auto 2em auto;
	padding: 0 0 3px 1px;
	border-bottom: 1px solid #6F9DFF;
}


#about #main .data1 {
	width: 569px;
	margin: 0 auto 1em auto;
}

#about #main .data1 table {
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

#about #main .data1 th {
	border: 0;
	
	text-align: left;
	vertical-align: top;
	
	font-size: 0.75em;
	line-height: 1.5em;
}

/*
#about #main .data1 th.c {
	text-align: center;
}
*/

#about #main .data1 td {
	padding-left: 1em;
	border: 0;
	
	vertical-align: top;
	
	font-size: 0.75em;
	line-height: 1.5em;
}



#about #main .data2 {
	width: 569px;
	margin: 0 auto 2em auto;
}

#about #main .data2 table {
	width: 569px;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	border-spacing: 0;
}

#about #main .data2 th {
	border: 1px solid #CCCCCC;
	
	text-align: left;
	vertical-align: top;
	
	font-size: 0.75em;
	line-height: 1.5em;
}

#about #main .data2 td {
	padding-left: 1em;
	padding-right: 1em;
	border: 1px solid #CCCCCC;
	
	vertical-align: top;
	
	font-size: 0.75em;
	line-height: 1.5em;
}



#about #main .data3 {
	width: 569px;
	margin: 0 auto 2em auto;
}

#about #main .data3 table {
	width: 569px;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	border-spacing: 0;
}

#about #main .data3 th {
	padding: 2px;
	border: 1px solid #CCCCCC;
	
	background: #6F9DFF;
	
	vertical-align: top;
	
	color: #FFFFFF;
	font-size: 0.6em;
	line-height: 1.5em;
}

#about #main .data3 td {
	padding: 2px;
	border: 1px solid #CCCCCC;
	
	vertical-align: top;
	
	font-size: 0.6em;
	line-height: 1.5em;
}



#about #main .data4 {
	width: 569px;
	margin: 0 auto 1em auto;
}

#about #main .data4 table {
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

#about #main .data4 td {
	padding-right: 1em;
	border: 0;
	
	text-align: left;
	vertical-align: top;
	
	font-size: 0.75em;
	line-height: 1.5em;
}




#about #main tr.bg_yellow {
	background: #FF9;
}

#about #main tr.bg_green {
	background: #9FC;
}

#about #main tr.bg_blue {
	background: #9FF;
}



#about #main th.c,
#about #main td.c {
	text-align: center;
}

#about #main th.r,
#about #main td.r {
	text-align: right;
}

#about #main td.indent1 {
	padding-left: 2em;
}

#about #main td.indent2 {
	padding-left: 3em;
}

#about #main td.indent3 {
	padding-left: 4em;
}



#about #main .caption {
	width: 569px;
	margin: 0 auto 1em auto;
	
	font-size: 0.6em;
	line-height: 1.5em;
}

#about #main .data2 .caption {
	width: 569px;
	margin: 0.5em auto 0 auto;
	
	font-size: 0.6em;
	line-height: 1.5em;
}



/*----------------------------------------------------------------------------------------------------
	#about -> #organization -> #main
----------------------------------------------------------------------------------------------------*/



#about #organization #main .img {
	width: 569px;
	margin: 2em auto 2em auto;
}



/*----------------------------------------------------------------------------------------------------
	#about -> #outline -> #sub
----------------------------------------------------------------------------------------------------*/


#about #outline #sub {
	position: relative;

	width: 675px;
	height: 70px;
	margin: 0 auto 1.25em auto;
	
	background: url("../../about/outline/img/sn_bg.gif") no-repeat;
}

#about #outline #sub .btn1 {
	position: absolute;
	top: 13px;
	left: 14px;
}

#about #outline #sub .btn2 {
	position: absolute;
	top: 13px;
	left: 155px;
}

#about #outline #sub .btn3 {
	position: absolute;
	top: 13px;
	left: 437px;
}

#about #outline #sub .btn4 {
	position: absolute;
	top: 40px;
	left: 14px;
}

#about #outline #sub .btn5 {
	position: absolute;
	top: 40px;
	left: 256px;
}

#about #outline #sub .btn6 {
	position: absolute;
	top: 40px;
	left: 487px;
}