@charset "utf-8";
/*
CSS Information
==============================================================

	Site Name: AOSEF
	Description: about モジュール用
	Version: 1.0

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


/*
CONTENTS
==============================================================

	0: 汎用class

	1: div#wrapper
	
	2: div#header
	
	3: div#gnav

	4: div#content
		
	5: div#footer
	
==============================================================
*/


/*=========================================================
4: div#content
=========================================================*/

/* commonness
==============================================================*/
.section{ margin-bottom: 30px;}
.section div{ margin: 10px; 10px 0;}


/* subnav
==============================================================*/
#wrapper #content #subnav{
	margin: 0 15px 25px;
	padding: 0 0 0 30px;
	width: 660px;
	height: 35px;
	background: #ccc url(../img/subnav.gif) no-repeat 0 0;
	overflow: hidden;
}
*html #wrapper #content #subnav{
	width: 690px;
}

#wrapper #content #subnav li{
	float: left;
	margin: 0 20px 0 0;
	text-indent: -999999px;
}

#wrapper #content #subnav li,
#wrapper #content #subnav li a{
	display: block;
	height: 35px;
	overflow: hidden;
}
#wrapper #content #subnav #organization,
#wrapper #content #subnav #organization a{
	width: 95px;
}
#wrapper #content #subnav #history,
#wrapper #content #subnav #history a{
	width: 58px;
}
#wrapper #content #subnav #charter,
#wrapper #content #subnav #charter a{
	width: 64px;
}
#wrapper #content #subnav #declaration,
#wrapper #content #subnav #declaration a{
	width: 87px;
}
#wrapper #content #subnav #contact,
#wrapper #content #subnav #contact a{
	width: 81px;
}

#wrapper #content #subnav li a{background: url(../img/subnav.gif) no-repeat 0 0;}
#wrapper #content #subnav #organization a{background-position: -26px 0;}
#wrapper #content #subnav #history a{background-position: -142px 0;}
#wrapper #content #subnav #charter a{background-position: -220px 0;}
#wrapper #content #subnav #declaration a{background-position: -304px 0;}
#wrapper #content #subnav #contact a{background-position: -411px 0;}

#wrapper #content #subnav li a:hover{background: url(../img/subnav_on.gif) no-repeat 0 0;}
#wrapper #content #subnav #organization a:hover{background-position: -26px 0;}
#wrapper #content #subnav #history a:hover{background-position: -142px 0;}
#wrapper #content #subnav #charter a:hover{background-position: -220px 0;}
#wrapper #content #subnav #declaration a:hover{background-position: -304px 0;}
#wrapper #content #subnav #contact a:hover{background-position: -411px 0;}

.organization #wrapper #content #subnav #organization a{background: url(../img/subnav_on.gif) -26px 0;}
.history #wrapper #content #subnav #history a{background: url(../img/subnav_on.gif) -142px 0;}
.charter #wrapper #content #subnav #charter a{background: url(../img/subnav_on.gif) -220px 0;}
.declaration #wrapper #content #subnav #declaration a{background: url(../img/subnav_on.gif) -304px 0;}
.contact #wrapper #content #subnav #contact a{background: url(../img/subnav_on.gif) -411px 0;}


/* organization
==============================================================*/

/* coloum
==============================================================*/
#wrapper #content .coloumInner .title{
	margin-bottom: -10px; 
	padding: 10px 0 0 28px;
	width: 662px;
}
#wrapper #content .coloumInner ul{
	padding-bottom: 10px;
}
#wrapper #content .coloumInner ul .arrow{
	padding: 3px 0 0 12px;
	font-size: 100%;
	font-weight: normal;
	background: url(../../common/img/arrow.gif) no-repeat 2px 9px;
}
#wrapper #content .coloumInner ul .arrow a{
	color: #0099ff;
}


/* HIstory(date)
==============================================================*/

.historylist div li{
	margin: 0 5px 3px;
	padding: 0 0 0 17px;
	color: #666;
	background: url(../../common/img/disc_b.gif) no-repeat 0 -1px;
}


/* charter list
==============================================================*/
.charter #wrapper #content .section{ width: 690px; margin-bottom:0;}
.charter .section div{
	margin: 0;
	padding:20px 15px;
	word-break: keep-all;
}
.charter div.chaterList{
	background: #f0eeee;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}
.charter .section div ul ul{
	margin: 0 0 1.5em 1.5em;
}
.charter .section div.preamble{
	margin-top: 0;
	padding: 10px;
}

/* declaration list
==============================================================*/
#wrapper #content .section .lead{
	margin: 15px 5px 10px;
	padding: 10px;
	background: #f2f2e7;
}
.declaration #wrapper #content .section h3.firstchild{
	margin: 15px 0 0 0;
}
.declaration #wrapper #content .section h3{
	margin: 30px 0 0 0;
}
.declaration #wrapper #content .section ul{
	margin: 10px 0 0 0;
	width: 670px;
	height: auto;
	overflow: hidden;
}	
.declaration #wrapper #content .section ul li{
	display: inline;
	float: left;
	margin-left: 5px;
	padding: 0 0 5px 20px;
	width: 305px;
	height: auto;
	background: url(../../common/img/disc_b.gif) no-repeat 0 0;
}	
	
/* Contact
==============================================================*/
.section div.mail{
	margin-top: 15px;
}