@charset "utf-8";



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

outline	
==================================================*/

body {text-align:center;}



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

headerArea
==================================================*/

#headerArea {
	text-align:left;
	margin:0 auto;
	width:972px;
	zoom:1;
}
#headerArea:after {
	clear:both;
	content:'';
	display:block;
}

#headerArea > img {
	float:right;
	margin-top:20px;
}
#headerArea h1 {
	display:inline-block;
	/float:left;
	/display:inline;
	/zoom:1;
}


/*	siteNavi	*/

#siteNavi ul {
	text-align:right;
}
#siteNavi li {
	display:inline-block;
	/display: inline;
	/zoom: 1;
}



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

globalNavi
==================================================*/

#globalNavi {
	background:url(../../img/gnv_bg01.jpg) top repeat-x;
}
#globalNavi ul {
	margin:10px auto 0;
	width:980px;
}
#globalNavi li {
	display:inline-block;
	/display: inline;
	/zoom: 1;
}



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

titleArea
==================================================*/

#titleArea {
	background:url(../../img/bg_heading00.jpg) top repeat-x;
}
#titleArea h1 {
	background:url(../../img/bg_heading01.png) left top no-repeat;
	text-align:left;
	margin:0 auto;
	padding-top:50px;
	width:980px;
	height:110px;
}



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

contentArea
==================================================*/

#contentArea {
	background:url(../../img/content_bg01.png) left top no-repeat;
	margin:-10px auto 0;
	padding:40px 19px 0;
	width:942px;
	zoom:1;
}
#contentArea:after {
	clear:both;
	display:block;
	content:'';
}



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

mainArea
==================================================*/

#mainArea {
	float:right;
	text-align:left;
	width:680px;
}

#mainArea a {
	color:#26A6E0;
}
#mainArea p {
	margin:20px 0 0;
}
#mainArea p.more {
	text-align:right;
}
#mainArea p.more a {
	background:url(../../img/ico_arrow_white.png) 10px center no-repeat #26A6E0;
	color:#FFF;
	display:inline-block;
	padding:5px 10px 5px 20px;
}
#mainArea ul.base {
	padding-top:15px;
}
#mainArea ul.base li {
	background:url(../../img/ico_arrow_blue.png) left 5px no-repeat;
	padding:0 0 0 10px;
	margin-top:5px;
}
#mainArea table.base {
	margin:20px 0 0;
}
#mainArea table.base th,
#mainArea table.base td {
	padding:10px 15px;
	vertical-align:top;
	text-align:left;
	border:1px solid #DDDDDD;
}
#mainArea table.base th {
	border-right:2px solid #68C2EA;
	background:#E8F4FC;
	font-weight:bold;
	white-space:nowrap;
}
#mainArea h2 {
	background:url(../../img/bg_heading02.jpg) left top no-repeat;
	color:#064074;
	font-weight:bold;
	font-size:139%;
	margin:30px 0 0;
	padding:10px 10px 0;
	height:35px;
	position:relative;
}
#mainArea h2 span {
	font-size:75%;
	font-weight:normal;
	margin-left:10px;
	color:#CCC;
}
#mainArea h3 {
	background: -moz-linear-gradient(top, #FFFFFF, #FAFAFA);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FAFAFA));
	font-size:124%;
	font-weight:bold;
	margin:25px 0 0;
	padding:5px 10px 0;
	border-left:5px solid #0E6EB8;
	behavior:url('../PIE.htc');
}
#mainArea h3:after {
	content:'';
	display:block;
	border-bottom:1px dotted #CCC;
	padding:0 0 5px;
	margin:0 -10px;
}
#mainArea a.blankLink {
	background:url(../../img/ico_link.png) right top no-repeat;
	display:inline-block;
	padding-right:20px;
}


/*	accessNavi	*/

#accessNavi {
	background:url(../../img/bottom_img11.jpg) 15px 15px no-repeat;
	border:1px solid #CCC;
	margin:50px 0 0;
	padding:15px 15px 15px 265px;
}
#accessNavi img {
	width:150px;
}
#accessNavi address {
	margin-top:10px;
}
#mainArea img.banner {margin-top:20px}


/*	topicPath	*/

#topicPath {
	zoom:1;
}
#topicPath:after {
	clear:both;
	display:block;
	content:'';
}
#topicPath ol {
	display:inline;
	float:right;
}
#topicPath li {
	display:inline;
	float:left;
}
#topicPath li:before {
	content:'>';
	margin:0 10px;
}
#topicPath li:first-child:before {
	content:'';
	margin:0;
}



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

sideArea
==================================================*/

#sideArea {
	float:left;
	width:230px;
	text-align:left;
}


/*	conact	*/

#contactNavi {
	border:1px solid #CCC;
	background: -moz-linear-gradient(top, #F0F0F0, #FFFFFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#FFFFFF));
	margin:20px 0 0;
	padding:14px;
	behavior:url('../PIE.htc');
}
#contactNavi dd {
	margin-top:10px;
	line-height:120%;
}
#contactNavi dd>img {
	margin-bottom:7px;
}


/*	contentBanner	*/

#contentBanner li {
	margin-top:10px;
}
#contentBanner li:first-child {
	margin-top:20px;
}



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

footerArea
==================================================*/

#footerArea {
	border-top:3px solid #0072C6;
	margin:100px 0 0;
	padding:0 0 20px;
}
#footerArea .pagetop {
	text-align:right;
	margin:-32px auto 0;
	width:940px;
}
#footerArea .frame {
	text-align:left;
	margin:20px auto 0;
	width:940px;
	zoom:1;
}
#footerArea .frame:after {
	clear:both;
	display:block;
	content:'';
}
#footerArea .frame img {
	width:150px;
	float:left;
}
#footerArea .frame small {
	color:#727171;
	font-size:117%;
	float:right;
	text-align:right;
	line-height:120%;
	margin:10px 0 0;
}


/*	footerNavi	*/

#footerNavi {
	background:#EEEEEE;
}
#footerNavi ul {
	margin:0 auto;
	padding:10px 0;
	width:940px;
	zoom:1;
}
#footerNavi ul:after {
	clear:both;
	content:'';
	display:block;
}
#footerNavi li {
	background:url(../../img/ico_arrow_blue.png) left center no-repeat;
	display:inline;
	float:left;
	margin:0 20px 0 0;
	padding:0 0 0 10px;
}



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

module
==================================================*/

#lessonInfo ul {
	margin:20px 0 0;
	zoom:1;
}
#lessonInfo ul:after {
	clear:both;
	display:block;
	content:'';
}
#lessonInfo li {
	float:left;
	display:inline;
	width:325px;
}
#lessonInfo li:first-child {
	border-right:1px dotted #CCC;
	padding-right:14px;
	margin-right:14px;
}