@charset "UTF-8";


/*一度リセットします。*/

@import "format_new.css";
@import "clearfix.css";



/*----------------------You tube動画のZ-index-----------------------*/

.youtube {
	z-index: 1;
}
hr {
	clear: both;
	visibility: hidden;
}
/* 全体の指定 _Wrapper_
-------------------------------------------------------------------------------*/

body {
	background: url(../Newbg_images/bg_Whole.jpg) repeat-x;
	background-color: #F7F1F1;
}

#Wrapper {
	margin: 0 auto;
	text-align: left;
	padding: 0px;
	text-align: left;
	background-repeat: no-repeat;
	width: 960px;
	position: relative;
	background-color: #ffffff;
}

div.inner-box {
	width: 960px;
	margin:0 auto;
}

div.left-half {
	width: 470px;
	margin-left: 20px;
	float:left;
}

div.right-half {
	width: 470px;
	float:right;
}

div.quarterbox {
	width: 225px;
	margin-right: 20px;
	float: left;
}

div.fourthbox {
	width: 225px;
	float:right;
	margin-bottom: 14px;
}

/* Header 部分 _Header_
-------------------------------------------------------------------------------*/



#Header {
	position: relative;
	width: 960px;
	margin: 0;
	padding: 0;
	height: 120px;
	overflow: hidden;
	background-image: url(../Newbg_images/bg_Whole.jpg);
	background-repeat: repeat-x;
}
#Header h1 {
	display: block;
	height: 20px;
	font-size: 8px;
	font-weight: bold;
	color: #FFF;
	padding-top: 0px;
}
#Header h2 {
	margin: 0;
	padding: 0;
	width: 394px;
	float: left;
}
#Header p.tellnumber {
	background-image: url(../bg_images/bg_otoiawase.gif);
	background-repeat: no-repeat;
	display: block;
	width: 230px;
	margin: 0;
	padding: 0;
	font-size: 10px;
	float: right;
	height: 70px;
	text-indent: -9999px;
}

#Header div.tellnumber {
	background-image: url(../bg_images/bg_contactus.gif);
	background-repeat: no-repeat;
	display: block;
	width: 230px;
	
	float: right;
	text-indent: -9999px;
	height: 70px;
		}


#Header div.tellnumber a {
		display: block;
		height: 70px;
		width: 230px;
		text-indent: -9999px;
}


#Header ul#subiist {
	list-style-type: none;
	margin: 10px 0 0 0;
	display: block;
	float: left;
	padding-left: 16px;
	width: 150px;
}
#Header ul#subiist li {
	background-image: url(../bg_images/bg_point_list.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding: 0 0 0px 16px;
	line-height: 1.5em;
	margin: 0;
	font-size: 10px;
	color: #747a7f;
}


/*ヘッダーのサブリスト*
Googleからの指示で画像に返還*/


#subheadmenu {
	height: 28px;
	float: right;
	width: 546px;
	display: block;
	margin-bottom: 18px;
	}

#subheadmenu li {
	float: left;
}


#subheadmenu li a:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;
}
	


ul#SubList {
	height: 28px;
	float: right;
	width: 546px;
	display: block;
	margin-bottom: 18px;
	}

ul#SubList li {
	float: left;
	text-indent: -9999px;
}

ul#SubList li a {
		display: block;
		
		height: 28px;
		background-image:url(../Newbg_images/bg_HeaderSubMenu.jpg);
		background-repeat: no-repeat;
}

ul#SubList li a#SubList-access {
	width: 107px;
	background-position: 0 0:}
ul#SubList li a#SubList-access:hover {
	background-position: 0 -28px;
	}
ul#SubList li a#SubList-sitemap {
	width: 81px;
	background-position: -107px 0;
}
ul#SubList li a#SubList-sitemap:hover {
	background-position: -107px -28px;
}
ul#SubList li a#SubList-faq {
	width: 93px;
	background-position: -188px 0;
	}
ul#SubList li a#SubList-faq:hover {
	background-position: -188px -28px;
}
ul#SubList li a#SubList-brochure {
	width: 125px;
	margin-left: 15px;
	_margin-left: 7px;
	background-position: -296px 0;}
ul#SubList li a#SubList-brochure:hover {
	background-position: -296px -28px;
}
ul#SubList li a#SubList-contact {
	width: 125px;
	background-position: -421px 0}
ul#SubList li a#SubList-contact:hover {
	background-position: -421px -28px;
}


/*受講生ページログイン 2010年6月Google指示
------------------------------------------------------*/

ul#SupportLogin {
	float: right;
	display: block;
	width: 480px;
	height: 40px;
}
	
ul#SupportLogin li {
	float: left;
	height: 40px;
}


ul#SupportLogin li a:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;
}

/*受講生ページログイン*/

ul#LoginList {
	float: right;
	display: block;
	width: 250px;
	height: 40px;
}

ul#LoginList li {
	float: left;
	height: 40px;
	text-indent: -9999px;
}

ul#LoginList li a {
		display: block;
		width: 250px;
		height: 40px;
		background: url(../images/btn_StudentLogIn.jpg) no-repeat;
}

ul#LoginList li a#LoginCPA{background-position: 0 0}
ul#LoginList li a#LoginCPA:hover {background-position:0 -40px;}


/*受講生ページログイン新*/

ul#SupportLoginList {
	float: right;
	display: block;
	width: 400px;
	height: 40px;
}

ul#SupportLoginList li {
	float: left;
	height: 40px;
	text-indent: -9999px;
}

ul#SupportLoginList li a {
		display: block;
		width: 200px;
		height: 40px;
		background: url(../images/btn_SupportLogIn.jpg) no-repeat;
}

ul#SupportLoginList li a#LoginCPA{background-position: 0 0}
ul#SupportLoginList li a#LoginCPA:hover {background-position:0 -40px;}
ul#SupportLoginList li a#LoginBATIC{background-position: -200px 0}
ul#SupportLoginList li a#LoginBATIC:hover {background-position:-200px -40px;}




/*2010年 Googleからの指令で画像に返還*/

#gnavi {
	height: 45px;
	margin: 0 auto;
	padding: 0;
	width: 960px;
	background: url(../bg_images/bg_gnavi.jpg) repeat-x;
}

#gnavi ul li {
	float: left;
}

/* グローバルナビ _GlobalNavi_
--------------------------------------------- */


#GlobalNavi {
	height: 45px;
	margin: 0 auto;
	padding: 0;
	background-repeat: repeat-x;
	width: 960px;
}
#GlobalNavi ul {
	display: inline;
	margin: 0px;
}
#GlobalNavi li {
	list-style-type: none;
	float: left;
	padding: 0px;
	margin: 0px;
	height: 45px;
	text-indent: -9999px;
}
#GlobalNavi li.first {
	padding: 0 0 0 13px;
}
#GlobalNavi a {
	display: block;
	text-decoration: none;
	background-image: url(../Newbg_images/bg_Globalmenu.jpg);
	background-repeat: no-repeat;
	height: 45px;
	width: 192px;
}
#GlobalNavi a#welcome {
	background-position: 0 0;
}
#GlobalNavi a#welcome:hover {
	background-position: 0 -45px;
}
#GlobalNavi a#uscpa {
	background-position: -192px 0;
}
#GlobalNavi a#uscpa:hover {
	background-position: -192px -45px;
}
#GlobalNavi a#eibunkaikei {
	background-position: -384px 0;
}
#GlobalNavi a#eibunkaikei:hover {
	background-position: -384px -45px;
}
#GlobalNavi a#batic {
	background-position: -576px 0;
}
#GlobalNavi a#batic:hover {
	background-position: -576px -45px;
}
#GlobalNavi a#license {
	background-position: -768px 0;
}
#GlobalNavi a#license:hover {
	background-position: -768px -45px;
}



/* サブメニュー _SubMenu_
--------------------------------------------- */

#SubMenu {
		height: 41px;
		font-size: 12px;
		background: url(../Newbg_images/bg_SubMenu.gif) no-repeat;
		font-weight:bold;
}
#SubMenu a {
		text-decoration: none;
		color: #932620;
}

#SubMenu ul {
	margin: 15px 10px 10px;
	_margin: 10px; 
 }

*:first-child + html #SubMenu ul {
	margin: 10px; 
 }

#SubMenu ul li {
	display: inline;
	background: url(../Newbg_images/bg_SubMenuListLine.gif) no-repeat right;
	padding-right: 5px;
	padding-left: 5px;
}

#SubMenu ul li a {
	padding: 5px 6px;
	margin-right: 6px;
}

#SubMenu ul li a:hover {
	color: #f7f1f1;
	background:url(../Newbg_images/bg_SubMenuHover.gif) repeat-x;
}



		


/*トップページのニュースティッカー 
-------------------------------------------------------------*/
#scroll-v a {
	text-decoration: none;
	color:#999999;
}
#scroll-v a:hover {
	text-decoration: none;
	color:#999999;
}
#NewsTickerArea {
	float: left;
	color:#999999;
	width: 550px;
	margin-bottom: 4px;
	
	position: relative;
}
*+html body #NewsTickerArea {
	margin-bottom: 5px;
}
#NewsBottun {
	position: absolute;
	left: 454px;
	top: 3px;
}

/* パンくずリスト    _TopicPath_
--------------------------------------------------------------*/


#TopicPath {
	font-size: 60%;
	height: 15px;
	clear: both;
	width: 940px;
	margin: 0 auto;
	background-repeat: repeat-y;
	padding: 10px 10px 0;
}
#TopicPath ul#kuzu {
	padding: 0;
	list-style-type: none;
	letter-spacing: 0.1em;
	height: 15px;
	margin-left: 10px;
}
#TopicPath ul#kuzu li {
	display: block;
	float: left;
	padding: 0 15px;
	background-image: url(../bg_images/pankuzu-list.gif);
	background-repeat: no-repeat;
	background-position: 2px 2px;
	height: 15px;
}

/* 画面下部を囲います。    _ContentsArea_
--------------------------------------------------------------*/

#ContentsArea {
	margin:0;
	padding: 20px 20px 0;
	clear: both;
	font-size: 80%;
	background-repeat: repeat-y;
}

#ContentsArea a img:hover {
		filter: alpha(opacity=80);
	opacity: 0.8;
}

/* トップページの画面下部を囲います。    _TopContentsArea_
--------------------------------------------------------------*/

#TopContentsArea {
	margin:0;
	padding: 0 10px 20px;
	clear: both;
	background-repeat: repeat-y;
	font-size: 80%;
}


#TopContentsArea a img:hover {
		filter: alpha(opacity=80);
	opacity: 0.8;
}


/* トップページのメイン部分です。    _TopMainContents_
--------------------------------------------------------------*/

#TopMainContents {
	margin: 0 0 0 10px;
	_margin-left: 10px;
	padding: 0;
	overflow: hidden;
	float: left;
	width: 480px;
	font-size: 90%;
}

/* トップページの左部分です。    _TopLeftContents_
--------------------------------------------------------------*/
div#TopLeftContents {
	width: 220px;
	float: left;
}


/* トップページの右側部分です。    _TopRightContents_
--------------------------------------------------------------*/
div#TopRightContents {
	width: 220px;
	float: right;
	background-color: none;
}






/* 文章を入れるメイン部分です。    _MainContents_
--------------------------------------------------------------*/



#MainContents {
	padding: 0;
	overflow: hidden;
	float: right;
	width: 680px;
	background-position: 30px 0;
	background-repeat: no-repeat;
	margin-right: 0px;
	background-color: #FFFFFF;
	}	




#MainLeft {
	float: left;
	width: 550px;
}
#MainRight {
	float: right;
	width: 175px;
	background-color: #F5F1E8;
	border: #e8e9e6 1px solid;
}


#MainContents h2, #MainContents h3 {
	border: none;
	padding: 1em 0 0;
	background-image: url(../Newbg_images/bg_headline.gif);
	background-repeat:no-repeat;
	background-position: top;
	font-weight: bold;
	font-size: 150%;
	margin: 10px 0 10px;
	clear: both;
	color: #661413;
}



#MainContents h4 {
	border: none;
	padding: 1em 0 0;
	background-image: url(../Newbg_images/bg_h4-headline.gif);
	background-repeat:no-repeat;
	background-position: top;
	font-weight: bold;
	font-size: 140%;
	margin: 10px 0 10px;
	clear: both;
	color: #df7322;
}


.centering {
	text-align: center;
}

#MainContents p {
	clear: both;
	margin: 10px 0;
}
#MainContents p.footnote {
	font-size: 80%;
	margin-bottom: 2em;
}
#MainContents p.tolink {
	font-size: 80%;
	margin-bottom: 2em;
	text-align: right;
}
/*
ネガティブマージンを使用して、詳細リンクを上に動かしました。*/

#MainContents p.seedetail {
	margin: -30px 7px 7px 7px;
	font-size: 85%;
	text-align: right;
	display: block;
	float: right;
}

#MainContents ul {
	margin: 0;
}


#MainContents ol {
		margin-left: 20px;
		margin-right: 20px;
		padding-left: 20px;
}

#MainContents ol li {
		list-style-type: decimal;
		padding-left: 5px;
		line-height: 1.8em;
}


/*Sezakisan*/
#InterviewBlock {
	border: 1px solid #eedce4;
	background-color: #f5f6f7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 658px;
	margin-left: 10px;
}

#InterviewBlock p {
	padding: 0 20px;
}

/* サイドバーの指定です。    _SideContents_
--------------------------------------------------------------*/

#TopSideContents {
	float: right;
	width: 220px;
	margin-left: 0px;
	font-size: 80%;
	background-color: #efefef;
}

#SideContents {
	float: left;
	width: 220px;
	margin-left: 0px;
	font-size: 80%;
	background-color: #efefef;
	margin-bottom: 20px;
}

/*テキストによるリスト-----*/


div#SideContents ul {
	padding: 10px;
	list-style: none;
	line-height: 0;
	vertical-align:bottom;
	background-color: #e8e5e5;
	display: block;
}


div#SideContents ul li ul {
	margin: -1px 0 0 0;
	padding: 0px;
	list-style: none;
	width: 200px;
}

div#SideContents ul li {
	margin: 0;
	padding: 0px;
		border-bottom: 1px solid #e8e9e6;
}



div#SideContents ul li ul li {
	margin: 0px;
	padding: 0px;
	border-bottom: none;
	border-top: 1px solid #e8e9e6;
	}

div#SideContents ul li a {
	display: block;
	background-image: url(../Newbg_images/bg_SideListFirst.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-top: 6px;
	padding-bottom: 6px;
	width: 175px;
	

}

div#SideContents ul li ul li a {
	display: block;
	padding-left: 35px;
	padding-top: 6px;
	padding-bottom: 6px;
	width: 165px;
	background-image: url(../Newbg_images/bg_SideListSub.gif);
	background-repeat: no-repeat;
	
}

div#SideContents ul li.SideListCategory {
	color: #661413;
	display: block;
	background-color: #FF9A98;
	padding: 6px 6px 6px 25px;
	font-size: 100%;
	font-weight: bold;
	background-image: url(../bg_images/mrk_SideListCategory.gif);
	background-repeat: no-repeat;
	background-position: 3px 6px;
}
	

div#SideContents ul li.SideListCategory a {
	display: block;
	background: none;
	padding:0;
	margin:0
}
	
	div#SideContents ul li.SideListCategory a:hover {
	display: block;
	background: none;
	padding:0;
	margin:0
	}

div#SideContents ul li a:hover {
	background-image:url(../Newbg_images/bg_SideListFirstHover.gif);
}

div#SideContents ul li ul li a:hover {
	background-image:url(../Newbg_images/bg_SideListSubHover.gif);
}


/*200pxのバナーを配置する際のリストです。--*/

div#SideContents ul.SideBrochureReq {
	margin: 0;

}

div#SideContents ul.SideBrochureReq li{
	margin: 0;
	padding: 0;
	border: none;
	background:none;
}
div#SideContents ul.SideBrochureReq li a{
	background-image: none;
	padding: 0;
	margin: 0;
	display: inline;
}

div#SideContents ul.SidebarBanner {
	margin: 0;
	background: ;
	padding: 10px;
}
div#SideContents ul.SidebarBanner li {
	border: none;
	vertical-align: bottom;
	margin-bottom: 3px;
	padding-bottom: 3px;
	border-bottom: 1px dashed #ffeeee;
}
div#SideContents ul.SidebarBanner li img {
	padding: 0px;
	border: none;
}

div#SideContents ul.SidebarBanner li a {
	background-image: none;
	padding: 0;
	margin: 0;
	display: inline;
}



#EntryTitleList{
	margin-top: 8px;
	margin-bottom: 8px;
}
#EntryTitleList li {
	margin-left: 5px;
	margin-right: 6px;
	font-size: 80%;
	padding: 0em;
	border-left: 1px solid #F0F0F0;
	border-right: 1px solid #F0F0F0;
	border-bottom: 1px dashed #F0F0F0;
	background-color: #FFFFFF;
}
#EntryTitleList li a {
	display: block;
	background-image: url(../bg_images/bg_point_list_batic.gif);
	background-repeat: no-repeat;
	background-position: 4px 0.7em;
	padding:5px 0 5px 20px;
	margin: 0;
	text-decoration: none;
	color:#666666;
}
#EntryTitleList li a:hover {
	text-decoration: none;
	background-color:#F0F0F0;
	background-image: url(../bg_images/bg_point_list_batic.gif);
}







/*講座別メニューのバナー
--------------------------------------------------------*/

#SideH3Box.TOPPAGE { /*トップページ用クイックメニュー*/
	background-image: url(../bg_images/bg_SidelistTOPPAGE.gif);
	background-repeat: no-repeat;
	height: 60px;
	margin-top: 0px;
}
#SideH3Box {
	background-image: url(../bg_images/bg_SidelistTop.gif);
	background-repeat: no-repeat;
	height: 60px;
	margin-top: 0px;
}
#SideH3Box {
	background-image: url(../bg_images/bg_SidelistTop.gif);
	background-repeat: no-repeat;
	height: 60px;
	margin-top: 0px;
}
h3.SideH3 {
	color: #FFFFFF;
	padding: 4px;
	font-weight: normal;
	line-height: 1.2em;
	font-size: 80%;
	text-indent: -9999px;
}

/*Footerです。 _Footer_ 
--------------------------------------------------------------*/

#Footer {
	width: 100%;
	margin: 0;
	bottom: 0px;
	clear: both;
	text-align: center;
	line-height: 2.5;
	font-size: 70%;
	height: 80px;
	background-color: #F3F1EA;
	background-image: url(../bg_images/bg_footer.gif);
	background-repeat: repeat-x;
}
#Footer address {
	font-style: normal;
	padding-bottom: 2em;
}
#Footer address a {
	text-decoration: none;
	color:#333333;
}
/*Footerの中身です。 _FooterInnter_ 
--------------------------------------------------------------*/

#FooterInner {
	margin: 0 auto;
	padding-top: 20px;
	background-image: url(../bg_images/bg_footer.gif);
	background-repeat: repeat-x;
	background-color: #F3F1EA;
}
div.Footerlist {
	overflow: hidden;
	_height: 1.8em;
	margin-bottom: 4px;
}
div.Footerlist ul {
	margin-left: -6px;
}
div.Footerlist li {
	padding: 0 2px;
	display: inline;
}




/*Topページの枠です。 _Toppage-Menu_ 
--------------------------------------------------------------*/

#Toppage-Menu {
	text-align: center;
	margin: 0 auto;
	padding: 0 10px;
	background-image: url(../bg_images/bg_TopBil.gif);
	background-repeat: no-repeat;
	background-color: #F3F1EA;
	height: 200px;
}
*+html body #Toppage-Menu {
	margin-bottom: 0px;
}
/*Topページの枠です。 _Toppage-Menu2_ 
--------------------------------------------------------------*/

#Toppage-Menu2 {
	float: right;
	width: 220px;
	margin: 10px 0 0 0;
}
#Toppage-Menu2 ul {
	margin: 0;
	padding: 0;
}
#Toppage-Menu2 ul li {
	margin: 0;
	_margin-bottom: -5px;
	padding: 0;
}
/*TopページのUSCPAのBOX
---------------------------------------------------------------*/

div.Top-Box-uscpa {
	border: 1px solid #cfcfcf;
	margin-bottom: 6px;
	width: 478px;
}

div.TopBoxWrap {
height: 0;
}

*:first-child+html div.TopBoxWrap {
		height: 10px;
		clear: both;
}


div.Top-Box-uscpa h3.Top-Boxh3cpa {
	width: 235px;
	height: 45px;
	display: block;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	border: none;
	background-position: -35px 0;
}
div.Top-Box-uscpa h3.Top-Boxh3coporation {
	background-image: url(../images/img_h3_corporation.gif);
	width: 270px;
	height: 45px;
	display: block;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	border: none;
}
div.Top-Box-uscpa h3.Top-Boxh3cpa a {
}
div.Top-Box-batic h3.Top-Boxh3batic {
	display: block;
	width: 235px;
	height: 45px;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	border: none;
}
div.Top-Box-batic h3.Top-Boxh3batic a {
}
div.Top-Box-batic h3.Top-Boxh3license {
	display: block;
	background-image: url(../images/img_h3_toplicense.gif);
	width: 270px;
	height: 45px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	border: none;
}
div.Top-Box-batic h3.Top-Boxh3license a {
	display: block;
	height: 45px;
}
div.Top-Box-uscpa h3.Top-Boxh3coporation a {
	display: block;
	height: 45px;
}
div.Top-Box-batic {
	width: 235px;
	float: right;
	margin-left: 6px;
	display: inline;
	border: 1px solid #Cfcfcf;
	margin-bottom: 6px;
}
p.inBox {
	padding: 8px;
}
ul.inBoxList {
	padding: 0;
}
ul.inBoxList li {
	margin-left: 6px;
	padding: 2px 2px 2px 16px;
	background-image: url(../bg_images/bg_point_list.gif);
	background-repeat: no-repeat;
	background-position: 2px 5px;
	border-top: 1px dashed #e5e5e5;
}
div.Top-Box550 {
	width: 478px;
	_width: 549px;
	clear: both;
	margin: 0 0 8px 0;
}
div.Top-Box550 p {
	padding: 4px 8px;
}
div.Top-BoxIcon {
	width: 508px;
	_width: 550px;
	border: 1px solid #CCCCff;
	padding: 0 20px;
	margin: 4px 0;
	/*_margin-top: -8px;*/
	background-color: #000000;
}
div.Top-BoxIcon p {
	padding: 4px 0;
	color:#FFFFFF;
	clear: both;
}
div.Top-BoxIcon a {
	display: block;
	float: left;
	width: 160px;
	border: #000000 solid 4px;
}
div.Top-BoxIcon a:hover {
	border: #FFFFFF solid 4px;
}


ul.TopNewsList {
	padding: 8px 0;
	margin-bottom: 14px;
}
ul.TopNewsList li {
	padding: 5px 2px 7px 2px;
	background-repeat: no-repeat;
	background-position: 2px 5px;
	border-bottom: 1px dashed #e5e5e5;
}

/*TopPageのニュース一覧
------------------------------------------------*/







/*画面右下のトップに戻るボタン
-------------------------------------------------*/
	
#top_icon {
	width: 60px;
	height: 30px;
	font-size: 80%;
	z-index: 1000;
	position:absolute;
	top: 3px;
	right: 0px;
}
#top_icon img {
behavior: ulr(../js/iepngfix.htc);
}
/*CPAのページのローカルメニュー
--------------------------------------------*/

#CPALocalMenu {
	height: 30px;
	margin: 0;
	padding: 0;
	background-image: url(../bg_images/bg_cpalocalmenu.gif);
	background-repeat: no-repeat;
	border-bottom: 3px solid #752100;
}
#CPALocalMenu ul {
	display: inline;
	margin: 0px;
}
#CPALocalMenu li {
	list-style-type: none;
	float: left;
	padding: 0px;
	margin: 0px;
	height: 30px;
	text-indent: -9999px;
}
#CPALocalMenu a {
	display: block;
	text-decoration: none;
	background-image: url(../bg_images/bg_cpalocalmenu.gif);
	background-repeat: no-repeat;
	height: 30px;
}
#CPALocalMenu a#CPAcourse {
	width: 138px;
	background-position: 0 0;
}
#CPALocalMenu a#CPAcourse:hover {
	background-position: 0 -30px;
}
#CPALocalMenu a#CPAexam {
	width: 137px;
	background-position: -138px 0;
}
#CPALocalMenu a#CPAexam:hover {
	background-position: -138px -30px;
}
#CPALocalMenu a#CPAFees {
	width: 137px;
	background-position: -275px 0;
}
#CPALocalMenu a#CPAFees:hover {
	background-position: -275px -30px;
}
#CPALocalMenu a#CPAapplication {
	width: 138px;
	background-position: -412px 0;
}
#CPALocalMenu a#CPAapplication:hover {
	background-position: -412px -30px;
}
/* 画像の右寄せと左寄せ _left-image_ _right-image_ と、枠線の装飾 _image-waku_
--------------------------------------------------------------------------------*/

img.left-image {
	float: left;
	margin: 0 1em 1em 0;
}
img.right-image {
	float: right;
	margin: 0 0 1em 1em;
}
img.image-waku {
	padding: 2px;
	border: 1px solid #e5e5e5;
}
/*講師の特徴を入れるボックス　
-------------------------------------------------*/
div.BoxkoshiFeature {
	margin-left: 10px;
	width: 325px;
	float: left;
	_margin-left: 7px;
	min-height: 80px;
	border-bottom: 1px dashed #CCCCCC;
}
#MainContents p.inBoxCourse {
	margin: 7px;
	font-size: 85%;
}


/*コースの特徴を入れるボックス　
-------------------------------------------------*/
div.BoxCourseFeature {
	margin-left: 10px;
	width: 325px;
	float: left;
	_margin-left: 7px;
	min-height: 120px;
	border: 1px solid #cccccc;
	margin-bottom: 5px;
}

div.BoxCourseFeaturerMax {
	min-height: 110px;
	border: 1px solid #cccccc;
	margin-bottom: 8px;
	font-size: 100%;
	width: 658px;
	margin-left: 10px;
	background: #ede7e7;
}

#MainContents div.BoxCourseFeaturerMax p {
	padding: 5px 10px;
}

#MainContents p.inBoxCourse {
	margin: 7px;
	font-size: 90%;
}

.CourseFeatureTitle {
	color: #008837;
	font-size: 140%;
	font-weight: bold;
	line-height: 1.5;
}
	

/*index.htmlで使用する特徴ボックスを入れるグレーの枠
-----------------------------------------------------------*/

div.grayed-box {
	padding: 10px;
	margin: 0 0 20px 0;
	background-color: #F3F1EA;
}
/*index.htmlページで使用する、各特長へのリンクを入れるボックス 3カラム
-------------------------------------------------*/
div.BoxCourseFeature-index3 {
	width: 213px;
	float: left;
	min-height: 80px;
	border: 1px solid #e5e5e5;
	height: 120px;
	margin-right: 7px;
	_margin-right: 5px;
	background-color: #FFFFFF;
}
#MainContents div.BoxCourseFeature-index3 h2 {
	background-image: url(../bg_images/bg_CourseFeature.gif);
	display: block;
	padding: 0;
	_padding-left: 25px;
	margin: 1px;
	background-position: 0 0;
	border: none;
	border-bottom: 1px solid #666666;
}
#MainContents div.BoxCourseFeature-index3 h2 a {
	display: block;
	color:#FFFFFF;
	text-decoration: none;
	padding: 0 0 0 25px;
	_padding:0;
	font-weight: bold;
	font-size: 70%;
}
#MainContents div.BoxCourseFeature-index3 p {
	margin: 5px;
	font-size: 80%;
}
/*index.htmlページで使用する、各特長へのリンクを入れるボックス 2カラム
-------------------------------------------------*/
#MainContents div.BoxCourseFeature-index2 {
	margin-left: 0px;
	width: 323px;
	float: left;
	min-height: 120px;
	border: 1px solid #e5e5e5;
	height: 120px;
	background-color: #FFFFFF;
	margin-right: 5px;
}
#MainContents div.BoxCourseFeature-index2 h2 {
	background-image: url(../bg_images/bg_CourseFeature.gif);
	display: block;
	font-weight: bold;
	padding: 0;
	margin: 1px;
	background-position: 0 0;
	font-size: 100%;
	border: none;
	border-bottom: 1px solid #666666;
}
#MainContents div.BoxCourseFeature-index2 h2 a {
	display: block;
	padding-left: 25px;
	color:#FFFFFF;
	width: 296px;
	text-decoration: none;
	font-weight: bold;
}
#MainContents div.BoxCourseFeature-index2 p {
	margin: 7px;
	font-size: 80%;
}
.back-48live {
	background-image: url(../bg_images/ico_48_live.png);
	background-position: 155px 65px;
	background-repeat: no-repeat;
}
.back-48pc {
	background-image: url(../bg_images/ico_48_pc.png);
	background-position: 155px 65px;
	background-repeat: no-repeat;
}
.back-48dvd {
	background-image: url(../bg_images/ico_48_dvd.png);
	background-position: 155px 65px;
	background-repeat: no-repeat;
}
.back-48sasaki {
	background-image: url(../bg_images/ico_48_sasaki.png);
	background-position: 155px 65px;
	background-repeat: no-repeat;
}
.back-48text {
	background-image: url(../bg_images/ico_48_text.png);
	background-position: 155px 65px;
	background-repeat: no-repeat;
}
.back-48tel {
	background-image: url(../bg_images/ico_48_tel.png);
	background-position: 155px 65px;
	background-repeat: no-repeat;
}
.back-48uog {
	background-image: url(../bg_images/ico_48_uog.png);
	background-position: 155px 65px;
	background-repeat: no-repeat;
}
.back-48usa {
	background-image: url(../bg_images/ico_48_usa.png);
	background-position: 155px 65px;
	background-repeat: no-repeat;
}

/*テーブルの指定 
-------------------------------------------------*/

#MainContents table {
	width: 500px;
	margin: 10px 0 0 10px;
	line-height: 1.4em;
	font-size: 90%;
	width: 650px;
	border: 1px solid #e5e5e5;
	background-color: #FFFFFF;
}

#MainContents table th
	{
	padding: 0.5em;
	border-right: 1px solid #e5e5e5;
	font-weight:bold;
}
#MainContents table td {
	padding: 0.5em;
	border-right: 1px solid #e5e5e5;
}
#MainContents table th.th-koumoku {
	width: 25%;
}
#MainContents table th.th-5komoku {
	width: 20%;
}
.others {
	color:#999999;
}
#MainContents table th.th-coursetitle {
	width: 40%;
}
#MainContents table th.th-kyufugaku {
	width: 20%;
}
#MainContents table th.colored {
	background-image: url(../bg_images/bg_heiretsudt.gif);
	background-repeat:repeat-x;
	background-color: #C2DBED;
	color: #FFFFFF;
	font-weight: bold;
	vertical-align: top;
}

th.colored-tate {
	
	
	background-color: #f3f3f3;
	
	font-weight: bold;
	vertical-align: top;

}


/*
オレンジ色の△で表示されるリストの設定---------------*/


ul.schedule {
	padding-left: 0px;
	margin-left: 20px;
	margin-right: 20px;
}
li.schedule {
	line-height: 1.8em;
	clear: left;
	background-image: url(../Newbg_images/bg_ListPoint.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0 0.5em;
}





/*断り書きの場合のリスト　※印着き文章 _hedge_
------------------------------------------------------*/
#MainContents ul.hedge {
	margin: 20px 0;
	clear: both;
}
#MainContents ul.hedge li {
	text-indent: -1em;
	padding-left: 1em;
	font-size: 85%;
	line-height: 1.3em;
	margin: 0.5em 0;
}
/*講師紹介 
------------------------------------------------------*/
.KoshiTitle {
	color:#333333;
	font-size: 140%;
	font-weight: bold;
}
/*---------------ダウンロードなどのリスト---------------*/


/*外部リンク
------------------------------------------*/
#MainContents a.external {
	padding-right: 18px;
	background: url(../bg_images/ico_exwindow.gif) right center no-repeat;
}
/*PDFダウンロードリンク
------------------------------------------*/
a.dl-pdf {
	padding-right: 18px;
	background: url(../bg_images/pdf.gif) right center no-repeat;
}
/*その他のダウンロードリンク
------------------------------------------*/	
a.dl-download {
	padding-right: 18px;
	background: url(../bg_images/download.gif) right center no-repeat;
}
/*査定依頼や受講申込書のダウンロードに使用しています。*/


#MainContents ul.download {
	padding: 0;
	margin-left: 50px;
	font-size: 95%;
}
/*PDFダウンロード*/

#MainContents li.pdf {
	line-height: 1.5em;
	list-style-image: url(../bg_images/pdf.gif);
	padding:0 0 0 5px;
	margin: 0 0 1em 115px;
}
/*その他のファイルのダウンロード*/

#MainContents li.download {
	line-height: 1.0em;
	list-style-image:url(../bg_images/download.gif);
	padding:0 0 0 5px;
	margin: 0 0 1em 115px;
}
#MainContents li.download a {
	display: block;
	margin-right: 10px;
}
#MainContents li.pdf a {
	display: block;
	margin-right: 10px;
}
/*学歴要件のページ
-----------------------------------------------------*/
/*ここから出願州選択ページ設定--states.html
------------------------------------------------------*/

/*----横並びで表示したいときのDL設定--------------------------*/

#MainContents dl.states {
	float: left;
	padding: 0;
	margin-left: 8px;
	width: 325px;
	border: 1px solid #CCCCCC;
	display: block;
	background-color: #ffffff;
	height: 7em;
	margin-bottom: 13px;
}


#MainContents dl.LicenseAndCert {
	float: left;
	padding: 0;
	margin-left: 5px;
	width: 325px;
	border: 1px solid #CCCCCC;
	display: block;
	background-color: #ffffff;
	margin-bottom: 13px;
}

#MainContents dt.states-tokucho {
	text-align: center;
	font-weight: bold;
	line-height: 1.2em;
	background-image: url(../bg_images/bg_h4.gif);
	padding: 0.5em;
	border-bottom: 1px solid #CCCCCC;
}
#MainContents dd.statesname {
	background-image:url(../Newbg_images/bg_ListPoint.gif);
	background-repeat: no-repeat;
	background-position: 5px 10px;
	line-height: 1.2em;
	padding: 0.5em 1em 0.2em 20px;
}
/*各州の学歴要件説明の設定--states.html
---------------------------------------*/

dl.edu-requirement {
	margin-left: 25px;
}
dl.edu-requirement dt {
	font-weight: bold;
	color:#006699;
}
dl.edu-requirement dd {
	background-image:url(../bg_images/point_orange.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 0 20px 0 20px;
	line-height: 1.5em;
}
#edu-requirement {
	padding: 0 10px 0 15px;
}
#edu-requirement dl {
	border-bottom: 1px solid #CCCCCC;
}
#edu-requirement dt {
	font-weight: bold;
	color: #475A61;
	margin: 1em 1em 1em 0;
}
.nameofstate {
	margin: 1em 1em 1em 0;
	padding: 1em 0 0 0;
}
.titleofstate {
	color:#339999;
	font-style: italic;
	font-weight: bold;
	font-size: 120%;
}
#edu-requirement dd {
	margin: 1em 1em 1em 1em;
	padding:0;
}
#edu-requirement ol {
	margin: 0 0 0 15px;
	padding: 0 0 0 25px;
}
#edu-requirement ul {
	margin: 0 0 0 15px;
	padding: 0 0 0 15px;
	list-style-image:url(../bg_images/point_orange.gif);
}
#edu-requirement li {
	margin: 1em 1em 1em 0;
}
/*単位取得の説明ページの設定
------------------------------------*/

/*日程案内のリスト*/


ul.credit {
	vertical-align: top;
	padding: 0;
	margin-left: 25px;
}
li.credit {
	padding-left: 10px;
	font-weight: bold;
	line-height: 1.9em;
	float: left;
	font-size: 110%;
}
li.credit-detail {
	clear: both;
	font-size: 95%;
	padding: 1em 2em 2em 0;
	line-height: 1.4em;
	list-style-type: none;
}
li.credit-pic {
	float: left;
	list-style: none;
}
/*科目別単位のの色の指定
--------------------------------------------*/

.kamoku-title {
	font-weight: bold;
	font-size: 120%;
}
.far-type {
	background-color: #8DD8F8;
}
.reg-type {
	background-color: #CCB0A7;
}
.bec-type {
	background-color:#FCBB74;
}
.aud-type {
	background-color: #61C39C;
}
/*質問対象書籍の一覧
---------------------------------------------*/





#MainContents dl.textbook {
	text-align: center;
	line-height: 1.2em;
	float: left;
	margin: 10px 0 20px 10px;
	width: 156px;
	padding: 0;
	border: 1px solid #e5e5e5;
	display: block;
}
#MainContents dt.text-title {
	font-size: 100%;
	font-weight: bold;
	border-bottom: #e5e5e5 1px solid;
	padding: 0.5em;
	display: block;
	background-color: #e5e5e5;
}
#MainContents dd.text-exp {
	margin-left:0;
	display: block;
	padding: 0.5em;
}
#MainContents dl.textbook a {
	display: block;
}
/*
受講料金のリストの設定　　pricelist.html
--------------------------------------------------------------*/


dl.pricelist {
	clear: both;
	line-height: 1.5em;
	margin: 5px 10px;
	vertical-align: middle;
	width: 660px;
}
dt.pricelist {
	font-weight: bold;
	clear: both;
	margin: 1em 0px 0.5em 0px;
	border-bottom: 1px solid #CCCCCC;
	font-size: 105%;
}
dd.pricelist {
	margin:0;
	float: left;
	display: block;
	width: 500px;
	padding: 0.5em 0 0.5em 1em;
	background: #efefef;
}
dd.price {
	text-align: right;
	margin:0;
	font-weight: bold;
	display: block;
	padding: 0.5em 0.5em 0.5em 0;
	background: #e2dddd;
}
dd.pricetitletotal {
	margin:0 0 0 0.5em;
	float: left;
	display: block;
	color:#993300;
	font-weight: bold;
}
dd.pricetotal {
	text-align: right;
	margin:0 5px 0 0;
	padding-left: 2em;
	color:#993300;
	font-weight: bold;
	letter-spacing: 0.1em;
	display: block;
}
/*ローン一覧表のテーブルの指定
----------------------------------------------------------*/

table#orico-table {
	width: 490px;
	margin-left: 0px;
	font-size: 85%;
}
table#orico-table td {
	background-color:#FFFFCC;
	width: 7%;
}
table#orico-table th.orico-komoku {
	background-color:#e5e5e5;
	width: 27%;
}
table#orico-table th.orico-percent {
	background-color:#e5e5e5;
	width: 7%;
}
/*　各ページの3つのアイコン
------------------------------------------------------------　*/

#MainContents dl.heiretsu {
	text-align: center;
	float: left;
	margin: 0px 0px 10px 12px;
	width: 160px;
	padding: 0;
	border: 1px solid #e5e5e5;
}
#MainContents dt.dt-heiretsu {
	font-weight: bold;
	background-color: #AAC4DB;
	background-image: url(../bg_images/bg_heiretsudt.gif);
	background-repeat: repeat-x;
}
#MainContents dt.dt-heiretsu a {
	color:#FFFFFF;
}
#MainContents dd.dd-narabi {
	background-color: #FFFFFF;
}
#MainContents dd.dd-setsumei {
	line-height: 1.5em;
	font-size: 90%;
	display: block;
	color: #666666;
	padding: 0.5em;
	height: 3em;
	text-align: left;
}
#MainContents dl.heiretsu a {
	display: block;
	font-weight: bold;
}
/* 給付金のページの設定
---------------------------------------------- */

ol#kyufukin-exp {
	padding: 0 15px 0 30px;
	list-style-type:disc;
	line-height: 1.7em;
	margin: 0 0 0 15px;
	_margin: 0 0 0 20px;
}
ol#kyufukin-exp li {
	margin-bottom: 0.7em;
	list-style-type: decimal;
	clear: left;
}
ol#kyufuyoken {
	margin: 0.5em 15px 0 20px;
	color:#003399;
}
ol#kyufuyoken li {
	margin-bottom: 0em;
	list-style-type: decimal;
}
.kyufu-exp-tl {
	color:#003366;
	font-weight: bold;
}
a.external {
	padding-right: 18px;
	background: url(../bg_images/ico_external.gif) right center no-repeat;
}
/*FAQページの設定
------------------------------------*/

#MainContents p.Question {
	clear: both;
	font-weight: bold;
	padding: 10px 10px 20px 50px;
	background-image: url(../images/img_faqQ.gif);
	background-repeat: no-repeat;
}
#MainContents p.Answer {
	clear: both;
	padding: 10px 10px 20px 50px;
	background-image: url(../images/img_faqA.gif);
	background-repeat: no-repeat;
	margin-bottom: 1.5em;
}
/*各ページの資料請求バナー
------------------------------------*/
#MainContents p.gotoPanf {
	text-align: center;
	margin: 30px auto 0;
}
#MainContents p.TelNumber-Waku {
	text-align: center;
	margin-bottom: 30px;
}



/*ブログの次の記事、前の記事 
----------------------------------------*/

ul.EntryNextPrevious {
		clear: both;
	margin: 20px;
	float: right;}

ul.EntryNextPrevious li {
		display: block;
		margin-left: 1.5em;
		float: left;
}




/*FedExの送料table _FedExTable_
--------------------------------------------------------- */

#MainContents table.FedExTable {
	border-bottom: 1px dashed #b4aea7;
	border-top: 1px dashed #b4aea7;
	}
	
	#MainContents table.FedExTable td, #MainContents table.FedExTable th {
			border-right: 1px solid #c6c0b8;
			border-left: 1px solid #c6c0b8;
			border-bottom: 1px dashed #b4aea7;
			
	}
	#MainContents table.FedExTable td.FedRenzoku {
	border-right: 1px solid #c6c0b8;
			border-left: 1px solid #c6c0b8;
			border-bottom: none;
			
	}

/* #Billboardの指定 ---*/


/*Billboardです。 _Billboard_ 
--------------------------------------------------------------*/

#Billboard {
	margin: 0 0 20px	;
	height: 150px;
	background-color: #F6F6F6;
	width: 680px;
	overflow: hidden;
	
}
#Billboard h3 {
	margin: 0;
	padding:0;
/*	display: block;
	border: none;
	background: none;
	color: #FFFFFF;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	height: 120px;*/
}
#Billboard p {
	border-top: 1px solid #cb6863;
	color:#333333;
	display: block;
	margin: 0;
	padding: 5px 10px;
	font-size: 90%;
	background-color: #ffcccb;
	height: 20px;
	text-align: right;
}
/*ブログのビルボード
-----------------------------------------*/

/*classに、taikenkiback-<$MTBlogID$>を設定しています。ブログIDによって背景画像が変更されます。*/

.taikenkiback-3 { /*体験記のトップ*/
	background-image: url(../bg_images/bg_uscpa-taikenki/bb_top.jpg);
	}
.taikenkiback-2 { /*kurata*/
	background-image: url(../bg_images/bg_uscpa-taikenki/bb_kurata.jpg);
	}
.taikenkiback-4 { /*aizu*/
	background-image: url(../bg_images/bg_uscpa-taikenki/bb_aizu.jpg);
	}
.taikenkiback-5 { /*kuboki*/
	background-image: url(../bg_images/bg_uscpa-taikenki/bb_kuboki.jpg);
	}
.taikenkiback-6 { /*sato*/
	background-image: url(../bg_images/bg_uscpa-taikenki/bb_sato.jpg);
	}
.taikenkiback-7 { /*sonobe*/
	background-image: url(../bg_images/bg_uscpa-taikenki/bb_sonobe.jpg);
	}
.taikenkiback-8 { /*okayama*/
	background-image: url(../bg_images/bg_uscpa-taikenki/bb_okayama.jpg);
	}
.taikenkiback-9 { /*kaneko*/
	background-image: url(../bg_images/bg_uscpa-taikenki/bb_kaneko.jpg);
	}
.taikenkiback-10 { /*事例紹介体験記のトップ*/
	background-image: url(../bg_images/bg_uscpa-taikenki/bb_top.jpg);
	}
.taikenkiback-11 { /*akano*/
	background-image: url(../bg_images/bg_uscpa-taikenki/bb_akano.jpg);
	}


/*サイドバーの商品リスト
------------------------------*/

div.SideShopList {
	background-image: url(../bg_images/bg_SideShopList.gif);
	background-repeat: repeat-y;
	margin: 6px;
	font-size: 80%;
}

div.SideShopBox {
	padding: 6px;
	clear: both;
	background-image: url(../bg_images/bg_SideBoxBottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

div.SideShopBox p.SideShopExp {
	line-height: 1.3em;
}

div.SideShopBox p.SideShopButton {
		text-align: right;
		clear: both;
}


#SideContents div.SideShopBox a { color: #621211; text-decoration: none;}
#SideContents div.SideShopBox a:link { color: #621211; text-decoration: none;}
#SideContents div.SideShopBox a:hover { color: #621211; text-decoration: underline;}


/*フッターリンクエリア
----------------------------------*/
#FooterLinkArea {
	clear: both;
	width: 798px;
	margin: 10px auto;
	background-color: #f0f0f0;
	padding: 10xp;
	border: solid 1px #c4ddcd;
	zoom: 1;
}

#FooterLinkArea ul {
	margin: 0;
	list-style-type: none;
}


#FooterLinkArea ul li {
	list-style-type: none;
	margin: 0px;

	padding: 1px;
	width: 200px;
	display: inline;
}

#FooterLinkArea ul li img {
	border: 1px solid #f0f0f0;
	padding: 1px;
	margin: 5px;
	}

#FooterLinkArea ul li a:hover{
	background-color: #CCC;
	}
	
#FooterLinkArea h4 {
	float: left;
	margin: -30px 0 0 -10px;
	position: relative;
}



/* Spry用の内容です。*/

@charset "UTF-8";

/* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.imageElement {
	overflow: hidden;
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
#MainContents ul.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
	font-size: 80%;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 6px 10px;
	margin: 0px 1px 0px 0px;
	background-color: #FFF;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	font-weight: bold;
	font-size: 120%;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	background-color: #CCC;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	background-color: #F9EBF1;
	border-bottom: 1px solid #f9ebf1;
	font-weight: bold;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #f9ebf1;
	margin: 10px 0;
	padding: 10px;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 4px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}

/*トップページのTopLeftContentsに200pxのバナーを配置する際のリストです。
---------------------------------------------------*/

div#TopLeftContents ul.SideBrochureReq,  {
	margin: 0;

}

div#TopLeftContents ul.SideBrochureReq li{
	margin: 0;
	padding: 0;
	border: none;
	background:none;
}
div#TopLeftContents ul.SideBrochureReq li a{
	background-image: none;
	padding: 0;
	margin: 0;
	display: inline;
}

div#TopLeftContents ul.SidebarBanner {
	margin: 0;
	background: ;
	padding: 10px;
}
div#TopLeftContents ul.SidebarBanner li {
	border: none;
	vertical-align: bottom;
	margin-bottom: 6px;
	padding-bottom: 6px;
	border-bottom: 1px dashed #e8e8e8;
}
div#TopLeftContents ul.SidebarBanner li img {
	border: none;
	padding: 0;
}

div#TopLeftContents ul.SidebarBanner li a {
	background-image: none;
	padding: 0;
	margin: 0;
	display: inline;
}


/*トップページのTopRightContentsに200pxのバナーを配置する際のリストです。
---------------------------------------------------*/

div#TopRightContents ul.SideBrochureReq,  {
	margin: 0;

}

div#TopRightContents ul.SideBrochureReq li{
	margin: 0;
	padding: 0;
	border: none;
	background:none;
}
div#TopRightContents ul.SideBrochureReq li a{
	background-image: none;
	padding: 0;
	margin: 0;
	display: inline;
}

div#TopRightContents ul.SidebarBanner {
	margin: 0;
	background: ;
	padding: 10px;
}
div#TopRightContents ul.SidebarBanner li {
	border: none;
	vertical-align: bottom;
	margin-bottom: 3px;
	padding-bottom: 3px;
	border-bottom: 1px dashed #ffeeee;
}
div#TopRightContents ul.SidebarBanner li img {
	padding: 0px;
	border: none;
}

div#TopRightContents ul.SidebarBanner li a {
	background-image: none;
	padding: 0;
	margin: 0;
	display: inline;
}

/*日程のテーブル
-------*/

#MainContents table.SeminarSchedule
{
	font-size: 100%;
}

#MainContents table.SeminarSchedule th {
		font-weight: bold;
}

tr.SeminarTitle {
	background-color: #BCE0E5;
	}

th.SeminarTH-2 {
	background-color: #05B2C3;
	}

#MainContents table.SeminarSchedule td {
		background-image: url(../bg_images/bg_SeminarTD.jpg);
		background-position: bottom;
		background-repeat: repeat-x;
}

/*2010年10月追記 footer */

#footer {
	width: 100%;
	bottom: 0px;
	clear: both;
	line-height: 2.5;
	background: url(../bg_images/bg_footerarea.gif);
	text-align: left;
	color: #f3e8e8;
	font-size: 85%;
}

#footer a {
	color: #f3e8e8;
	text-decoration: none;
}

#footer address {
	padding-bottom: 2em;
	padding-top: 0.5em;
	font-size: 11px;
	clear: both;
	border-top: 1px solid #f3e8e8;
}
#footer address img {
	margin-right: 24px;
}

div.footerlist {
	overflow: hidden;
	border-bottom: 1px solid #f3e8e8;
	padding-bottom: 0px;
	padding-top: 20px;
	margin-bottom: 20px;
}
div.footerlist ul {
	margin-left: -6px;
}
div.footerlist li {
	display: inline;
}

ul.footermenu {
	font-size: 85%;
}

ul.footermenu li {
	line-height: 1.8;
}

ul.footermenu li a {
	padding-left: 20px;
	background: url(../bg_images/bg_footermenu.gif) no-repeat left 9px;
	display: block;
	width: 225px;
}

#footer p.footerinfo-right {
	font-size: 85%;
	margin-left: 14px;
}

/*初心者向けナビゲーション*/

div.BeginnerNaviBlock {
	width: 660px;
	margin-left: 20px;
	padding-top: 15px;
	clear: both;
}

#MainContents div.BeginnersNaviBox {
	width: 310px;
	margin-right: 20px;
	position: relative;
	height:145px;
	margin-bottom: 20px;
	float: left;
}


#MainContents div.BeginnersNaviBox h4 {
	background: none;
	margin: 0;
	padding: 0;
}

#MainContents div.BeginnersNaviBox img.thumbNext {
	position: absolute;
	left: 0;
	top: 40px;
}

#MainContents div.BeginnersNaviBox p {
	padding-left: 135px;
	line-height: 1.3;
	font-size: 92%;
}

#MainContents div.BeginnersNaviBox img.buttonNext {
	right: 93px;
	bottom: 16px;
	position: absolute;
}

#topBegginersNavi {
	height: 60px;
	width: 920px;
	margin: 0 auto 15px;
}

#topBegginersNavi li {
	float: left;
}


#MainContents div.BeginnersNaviBox div.gotonextpage {
	right: 93px;
	bottom: 16px;
	position: absolute;
	width: 80px;
	height: 20px;
}

/*トップページ 201108改修*/

#Top2Box {
	float: left;
	width: 710px;
}


#TopNewsBox1 {
	width: 350px;
	float: left;
	margin-right: 10px;
	min-height:240px;
	height: auto !important;
	height: 240px;
	background:#f6f7da;
}

#TopNewsBox2 {
	width: 350px;
	float: left;
	min-height:240px;
	height: auto !important;
	height: 240px;
	background:#f6f7da;
}


#Topsamplebox {
	width: 480px;
	margin: 8px 0;
	height: 185px;
}


#Topsamplebox div.moviebox {
	position: relative;
	margin: 5px 0 5px 8px;
	height: 80px;
	width: 228px;
	float: left;
	padding: 5px 0;
	}

#Topsamplebox div.moviebox img.tb_movie {
	position: absolute;
	left: 3px;
	top: 5px;
	padding: 1px;
	border: 1px solid #ccc;
}

#Topsamplebox div.moviebox p.sample_title {
	margin-left: 90px;
	font-weight: bold;
	font-size: 13px;
}

#Topsamplebox div.moviebox p.sample_download {
	margin-left: 90px;
	font-size: 90%;
	color: #fff;
}
	

div.contentsbox {
	display: block;
	width:1px;
	height:0;
	text-indent: -9999px;
}