@charset "Shift_JIS";
/*-----------------------------------------------------

	Common CSS (LastUpDate:2012.07.02)
	
		- Body, Wrapper
		- Link
		- Heaeder
		- Global Navigation
		- Contents Area
		- Breadcrumb List
		- Side Area
		- PageTop
		- Footer
		- Clear and Clearfix

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


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

	Body, Wrapper

-----------------------------------------------------*/
body {
	background: #ffffff;
	color: #333333;
}

#Wrapper {
	margin: 0 auto;
	padding: 10px;
	width: 900px;
	border:1px solid #cccccc;
}

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

	Link

-----------------------------------------------------*/
a:link, a:visited {
	color: #0094c5;
	text-decoration: underline;
}

a:hover, a:active {
	color: #666666;
	text-decoration: underline;
}

.rollover {
	border: none;
}

a.TextLink {
	padding-left: 10px;
	background: url(../img/cmn_arrow_textlink.gif) no-repeat;
	background-position: 0 5px;	
}

a.TextLink:link, a.TextLink:visited {
	color: #333333;
}

a.TextLink:hover, a.TextLink:active {
	color: #0094c5;
}


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

	Header

-----------------------------------------------------*/
#Header {
	margin: 0 auto;
	width: 920px;
	height: 95px;
	color: #666666;
	font-size: 85%;
}

/*-----------------------------------------------------
	SEO
-----------------------------------------------------*/
#Header h1 {
	padding-top: 10px;
	height: 25px;
	float: left;
}

/*-----------------------------------------------------
	Logo
-----------------------------------------------------*/
#Header p.Logo_JEA {
	clear: left;
	float: left;
}

/*-----------------------------------------------------
	Header Information
-----------------------------------------------------*/
#Header #Header_Info {
	margin-top: -35px;
	/margin-top: 0; /* IE6, 7 Hack */
	width: 320px;
	float: right;
}

#Header #Header_Info ul {
	margin-bottom: 5px;
}

#Header #Header_Info ul li {
	margin-right: 10px;
	float: left;
	display: inline; /* IE6 Hack */
}

#Header #Header_Info ul li.end {
	margin-right: 0;
}

#Header #Header_Info p.TEL {
	margin-top: 5px;
}


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

	Global Navigation

-----------------------------------------------------*/
#GlobalNavi {
	margin-top: 15px;
	width: 900px;
	height: 32px;
	background: url(../img/cmn_gnavibg.gif) repeat-x bottom left;
	position: relative;
	z-index: 100;
}

#GlobalNavi ul li.home {
	width: 45px;
	position: relative;
	float: left;
}

#GlobalNavi ul li {
	width: 171px;
	position: relative;
	float: left;
}

#GlobalNavi dl {
	width: 171px;
}

#GlobalNavi dd {
	position: absolute;
	top: 35px;
	left: 0;
	overflow: hidden;
	z-index: 10000;
	display: none;
}

#GlobalNavi dd ul {
	z-index: 1000;
}

#GlobalNavi dd ul li {
	background: #F6ECCD;
	float: none;
}

#GlobalNavi dd ul li a {
	padding: 10px 10px;
	border-bottom: dotted 1px #AD948B;
	color: #622E1B;
	text-decoration: none;
	display: block;
}

#GlobalNavi dd ul li a:hover, #GlobalNavi dd ul li a:visited {
	background: #E4D1A2;
}

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

Global Navigation2yindex2.htmlz2015.0915

------------------------------------------------------------*/
#GlobalNavi2 {
	margin-top: 15px;
	width: 900px;
	height: 32px;
	background: url(../img/cmn_gnavibg.gif) repeat-x bottom left;
	position: relative;
	z-index: 100;
}

#GlobalNavi2 ul li.home {
	width: 45px;
	position: relative;
	float: left;
}

#GlobalNav2i ul li {
	width: 171px;
	position: relative;
	float: left;
}

#GlobalNavi2 dl {
	width: 171px;
}

#GlobalNavi2 ul li.home {
	width: 42px;
	position: relative;
	float: left;
}

#GlobalNavi2 ul li {
	width: 143px;
	position: relative;
	float: left;
}

#GlobalNavi2 dl {
	width: 143px;
}

#GlobalNavi2 dd {
	position: absolute;
	top: 35px;
	left: 0;
	overflow: hidden;
	z-index: 10000;
	display: none;
}

#GlobalNavi2 dd ul {
	z-index: 1000;
}

#GlobalNavi2 dd ul li {
	background: #F6ECCD;
	float: none;
}

#GlobalNavi2 dd ul li a {
	padding: 10px 10px;
	border-bottom: dotted 1px #AD948B;
	color: #622E1B;
	text-decoration: none;
	display: block;
}

#GlobalNavi2 dd ul li a:hover, #GlobalNavi dd ul li a:visited {
	background: #E4D1A2;
}




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

	Contents Area

-----------------------------------------------------*/
#ContentsArea {
	padding-top: 20px;
	margin-bottom: 30px;
	width: 900px;
}

#Contents {
	width: 625px;
	position : relative;
	float: right;
}


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

	Breadcrumb List

-----------------------------------------------------*/
ul#BreadCrumb {
	padding-top: 15px;
	color: #999999;
}

ul#BreadCrumb li {
	display: inline;
}

ul#BreadCrumb li a {
	padding-right: 15px;
	background: url(../img/cmn_arrow_bread.gif) no-repeat;
	background-position: right 3px;
}

ul#BreadCrumb li a:link, ul#BreadCrumb li a:visited {
	color: #999999;
}

ul#BreadCrumb li a:active, ul#BreadCrumb li a:hover {
	color: #0094c5;
}


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

	Side Area

-----------------------------------------------------*/
#SideArea {
	width: 240px;
	float: left;
}

/*-----------------------------------------------------
	Main Banner
-----------------------------------------------------*/
#SideArea p#SideMainBanner {
	margin-bottom: 10px;
}

#SideArea p.SideMainBanner {
	margin-bottom: 5px;
}

#SideArea ul.SideMainBanner {
	margin-bottom: 10px;
}

/*-----------------------------------------------------
	Navigation
-----------------------------------------------------*/
#SideArea ul#SideNavi {
	margin-bottom: 20px;
}

/*----- Common -----*/
#SideArea ul#SideNavi li ul {
	margin-bottom: 5px;
}

#SideArea ul#SideNavi li ul li {
	padding-bottom: 1px;
}

#SideArea ul#SideNavi li ul li.end {
	padding-bottom: 0 !important;
	background: none !important;
}

#SideArea ul#SideNavi li ul li a {
	padding: 10px 5px 10px 10px;
	color: #666666;
	text-decoration: none;
	display: block;
	zoom: 100%;
}

/*----- Main Course -----*/
#SideArea ul#SideNavi li.MainCourse ul li {
	background: url(../img/cmn_side_navibg01.gif) repeat-x bottom left;
}

#SideArea ul#SideNavi li.MainCourse ul li a {
	background: url(../img/cmn_side_arrow_maincourse.gif) no-repeat top left;
}

#SideArea ul#SideNavi li.MainCourse ul li a:hover,
#SideArea ul#SideNavi li.MainCourse ul li a:active {
	background: url(../img/cmn_side_arrow_maincourse.gif) #fff5f4 no-repeat top left;
}

#SideArea ul#SideNavi li.MainCourse ul li a img {
	padding-top: 3px;
}

/*----- Skill Up -----*/

#SideArea ul#SideNavi li.SkillUp ul li {
	background: url(../img/cmn_side_navibg02.gif) repeat-x bottom left;
}

#SideArea ul#SideNavi li.SkillUp ul li a {
	background: url(../img/cmn_side_arrow_skillup.gif) no-repeat top left;
}

#SideArea ul#SideNavi li.SkillUp ul li a:hover,
#SideArea ul#SideNavi li.SkillUp ul li a:active {
	background: url(../img/cmn_side_arrow_skillup.gif) #fff4df no-repeat top left;
}

/*----- Home Study -----*/
#SideArea ul#SideNavi li.HomeStudy ul li a {
	background: url(../img/cmn_side_arrow_homestudy.gif) no-repeat top left;
}

#SideArea ul#SideNavi li.HomeStudy ul li a:hover,
#SideArea ul#SideNavi li.HomeStudy ul li a:active {
	background: url(../img/cmn_side_arrow_homestudy.gif) #fff7f3 no-repeat top left;
}

/*----- Qualification -----*/
#SideArea ul#SideNavi li.Qualification ul {
	margin-top: 10px;
}

#SideArea ul#SideNavi li.Qualification ul li {
	margin-right: 4px;
	padding-bottom: 0;
	width: 57px;
	background: none;
	float: left;
	display: inline;
}

#SideArea ul#SideNavi li.Qualification ul li.end {
	margin-right: 0;
}

#SideArea ul#SideNavi li.Qualification ul li dl {
	width: 57px;
	zoom: 100%;
}

#SideArea ul#SideNavi li.Qualification ul li dt a {
	padding: 0;
	border: 1px solid #cccccc;
}

#SideArea ul#SideNavi li.Qualification ul li dt a:hover,
#SideArea ul#SideNavi li.Qualification ul li dt a:active {
	border: 1px solid #0094c5;
}

#SideArea ul#SideNavi li.Qualification ul li dd {
	margin-top: 5px;
	text-align: center;
}

#SideArea ul#SideNavi li.Qualification ul li dd a {
	padding: 0;
	color: #0094c5;
	text-decoration: underline;
}

#SideArea ul#SideNavi li.Qualification ul li dd a:hover,
#SideArea ul#SideNavi li.Qualification ul li dd a:active {
	color: #666666;
	text-decoration: none;
}

/*-----------------------------------------------------
	Banner
-----------------------------------------------------*/
#SideArea #SideBanner ul {
	margin-bottom: 5px;
}

#SideArea #SideBanner li {
	margin-bottom: 10px;
}

#SideArea #SideBanner li.end {
	margin-bottom: 0;
}

#SideArea #SideBanner h3 {
	margin-bottom: 5px;
}


#SideArea #SideBannerSquare {
}

#SideArea #SideBannerSquare ul li {
	float: left;
	display:block;
	width: 118px;
	margin-right: 4px;
	margin-bottom: 4px;
}


#SideArea #SideBannerSquare ul li.right {
	margin-right: 0;
}

/*-----------------------------------------------------
	Button
-----------------------------------------------------*/

#SideArea .SideBtnArea {
	margin: 10px 0;
}



/*-----------------------------------------------------
	SNS
-----------------------------------------------------*/
#SideArea #SNS {
	margin-top: 15px;
}

#SideArea #SNS ul li {
	margin: 0 5px 0 0 !important;
	padding: 0 0 0 0 !important;
	width: auto !important;
	border: none !important;
	float: left;
	display: inline;
}

#SideArea #sns_banner {
	clear: both;
	margin-top: 5px;
}
#SideArea #sns_banner li {
	margin: 5px 0;
}

/*-----------------------------------------------------
	SideArea
-----------------------------------------------------*/
.SlideInner01{
	position : relative;
	left : -8px;
	width : 248px;
}
.SlideInner01 a{
	display : block;
	float : left;
	margin-bottom :10px;
}
.SlideInner02 {
	margin-bottom : 10px;
}
.SlideInner02 img{
	margin-bottom : 10px;
}
.SlideInner03 img{
	margin-bottom : 10px;
}
.SlideInner03 li{
	float : left;
	width : 100%;
}
.SlideInner03 li a{
	display : block;
	float : left;
	margin : 0 2px 2px 0;
	background : url('/parts/img/ico_side01.gif') no-repeat center left;
	padding-left : 25px;
	line-height : 26px;
	color: #5d2714;
    text-decoration: none;
}
.SlideInner03 li a:hover{
	text-decoration:underline;
}
.SlideInner04{
	margin-bottom :10px;
}
.SlideInner04 li {
	float : left;
}
.SlideInner04 li a{
	display : block;
	float : left;
	margin : 0 2px 2px 0;
}
.SlideInner05{
	margin-bottom : 20px;
}
.SlideInner06 img{
	margin-bottom : 10px;
}
.SlideInner02 a,
.SlideInner03 a,
.SlideInner04 a,
.SlideInner05 a,
.SlideInner06 a
{
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.SlideInner02 a:hover,
.SlideInner03 a:hover,
.SlideInner04 a:hover,
.SlideInner05 a:hover,
.SlideInner06 a:hover
{
 	-webkit-opacity: 0.7;
 	opacity: 0.7;
}
.fb-page{
	margin-bottom : 10px;
}
.twitterBlock{
	border-left : #dedede 1px solid;
	border-right : #dedede 1px solid;
	border-bottom : #dedede 1px solid;
	margin-bottom : 20px;
}


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

	PageTop

-----------------------------------------------------*/
#PageTop{
	width: 32px;
	position: fixed;
	_position: absolute;
	bottom: 130px;
	right: 0px;
	z-index: 200;
}


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

	Footer

-----------------------------------------------------*/
#FooterArea {
	margin-top: 30px;
	padding: 94px 0 30px 0;
	width: 100%;
	min-width: 920px;
	background: url(../img/cmn_footerbg.gif) repeat-x top left;
	text-align: center;
}

#FooterArea #Footer {
	margin: 0 auto;
	width: 920px;
}

/*-----------------------------------------------------
	Footer Banner
-----------------------------------------------------*/
#FooterArea #Footer ul#FooterBanner {
	margin-bottom: 20px;
}

#FooterArea #Footer ul#FooterBanner li {
	margin-right: 12px;
	float: left;
	display: inline; /* IE6 Hack */
}

#FooterArea #Footer ul#FooterBanner li.end {
	margin-right: 0;
}

/*-----------------------------------------------------
	JEA Logo
-----------------------------------------------------*/
#FooterArea #Footer dl {
	margin-bottom: 30px;
}

#FooterArea #Footer dt {
	margin-bottom: 10px;
}

#FooterArea #Footer dd {
	padding-top: 5px;
}

/*-----------------------------------------------------
	Link
-----------------------------------------------------*/
#FooterArea #Footer ul#FooterLink {
	margin-bottom: 30px;
}

#FooterArea #Footer ul#FooterLink li {
	padding: 0 10px;
	display: inline;
	border-right: 1px solid #cccccc;
}

#FooterArea #Footer ul#FooterLink li.end {
	border-right: none;
}

#FooterArea #Footer ul#FooterLink li a {
	color: #666666;
}
#FooterArea #Footer ul#FooterLink li a:hover,
#FooterArea #Footer ul#FooterLink li a:active {
	color: #066593;
}

#FooterArea #Footer ul#FooterLink li.Block {
	padding: 0 5px;
	border-right: none;
}

#FooterArea #Footer ul#FooterLink li.Block a {
	padding: 5px 10px;
	background: #222222;
	border: 1px solid #666666;
	color: #ffffff;
	text-decoration: none;
}

#FooterArea #Footer ul#FooterLink li.Block a:hover,
#FooterArea #Footer ul#FooterLink li.Block a:active {
	background: #666666;
	border: 1px solid #666666;
}

/*-----------------------------------------------------
	Copyright
-----------------------------------------------------*/
#FooterArea #Footer p#copyright {
	color: #666666;
	font-size: 85%;
}


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

	Table

-----------------------------------------------------*/
table.Graph, table.Graph td, table.Graph th {
	border: 1px solid #cccccc;
}

table.Graph table.NoLine, table.Graph table.NoLine td, table.Graph table.NoLine th {
	border: none;
}

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

	Common Clearfix

-----------------------------------------------------*/
#Header:after, #Header #Header_Info ul:after, #ContentsArea:after,
#FooterArea #Footer ul#FooterBanner:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}

#Header, #Header #Header_Info ul, #ContentsArea,
#FooterArea #Footer ul#FooterBanner {
	/zoom: 1;
	overflow: hidden;
}