/*
//	共通ページレイアウト
*/
body {
	font-size:90%;
	background:url(/img/bg-shadow.gif) repeat-y;
	background-position: center;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";	
	line-height:1.4;
}
a:link {
	color:#0000FF;
}
a:visited {
	color:#660099;
}
a:hover {
	color:#33CCFF;
	text-decoration:none;
}
.right {
	float:right;
}
.center {
	text-align:center;
}
#wrapper {
	width: 820px;
	margin: 0px auto;
}
#header {
}
#header #logo {
	height:64px;
	background:url(/img/global-logo.jpg) 0 0 no-repeat;
}
#header #logo a {
	display:block;
	margin:0;
	padding:0;
	border:none;
	height:50px;
	text-indent:-9999px;
	text-decoration:none;
}
#header #logo a.focus {
	overflow:hidden;
}
#header #logo h1 {
	position:relative;
	top:10px;
	left:0px;
	width:282px;
}
#global-nav {
	
}
#global-nav ul#global-menu {
    list-style:none;
    width:100%;
}
#global-nav ul#global-menu li {
    list-style:none;
    float:left;
    width:164px;
	margin-bottom:2px;
}
#global-nav ul#global-menu li a {
    display:block;
    width:164px;
    height:35px;
    text-indent:-9999px;
    overflow:hidden;
	background:url(/img/global-menu.jpg) 0 0 no-repeat;
}
#global-nav ul#global-menu a.whatsakademy { background-position:0px 0px; }
#global-nav ul#global-menu a:hover.whatsakademy { background-position:0px -36px; }
#global-nav ul#global-menu a.whatscoach { background-position:-164px 0px; }
#global-nav ul#global-menu a:hover.whatscoach { background-position:-164px -36px; }
#global-nav ul#global-menu a.course { background-position:-328px 0px; }
#global-nav ul#global-menu a:hover.course { background-position:-328px -36px; }
#global-nav ul#global-menu a.column { background-position:-492px 0px; }
#global-nav ul#global-menu a:hover.column { background-position:-492px -36px; }
#global-nav ul#global-menu a.media { background-position:-656px 0px; }
#global-nav ul#global-menu a:hover.media { background-position:-656px -36px; }
#top-logo {
	height:250px;
	clear:both;
}
#body {
}
#sidebar {
	width:220px;
	float:left;
	padding:5px;
}
#sidebar #top-hotnews {
}
#sidebar #top-hotnews strong {
	color:#F00;
	text-decoration:underline;
}
#sidebar #top-hotnews div.news {
	width:206px;
	border:2px solid #eee;
	background:#F3E0FE;
	padding:5px;
	margin-top:5px;
	margin-bottom:10px;
	border-right:4px solid #CCCCCC;
	border-bottom:4px solid #CCCCCC;
	line-height:1.5;
	font-size:95%;
}
#sidebar #top-hotnews h2 {
	font-size:175%;
	color:#f00;
	font-weight:bold;
	text-align:center;
	margin-bottom:5px;
}
#sidebar #local-nav {
	
}
#sidebar #local-nav ul {
    list-style:none;
    width:100%;
}
#sidebar #local-nav ul#local-menu li{
    list-style:none;
    float:left;
    width:219px;
}
#sidebar #local-nav ul#local-menu a{
    display:block;
    width:219px;
    height:45px;
    text-indent:-9999px;
    overflow:hidden;
	background:url(/img/local-menu.jpg) 0 0 no-repeat;
}
#sidebar #local-nav ul li.last {
	margin-bottom:10px;
}

#sidebar #local-nav ul#local-menu a.taikensya { background-position:0px 0px; }
#sidebar #local-nav ul#local-menu a:hover.taikensya { background-position:-220px 0px; }
#sidebar #local-nav ul#local-menu a.case { background-position:0px -45px; }
#sidebar #local-nav ul#local-menu a:hover.case { background-position:-220px -45px; }
#sidebar #local-nav ul#local-menu a.kensyu { background-position:0px -90px; }
#sidebar #local-nav ul#local-menu a:hover.kensyu { background-position:-220px -90px; }
#sidebar #local-nav ul#local-menu a.media { background-position:0px -135px; }
#sidebar #local-nav ul#local-menu a:hover.media { background-position:-220px -135px; }
#sidebar #local-nav ul#local-menu a.profile { background-position:0px -180px; }
#sidebar #local-nav ul#local-menu a:hover.profile { background-position:-220px -180px; }

#sidebar #link {
	clear:both;
	background:#FCFFFF;
}
#sidebar #link ul {
}
#sidebar #link ul li {
	width:195px;
	border:1px solid #cccccc;
	border-right:4px solid #cccccc;
	padding:10px;
}
#sidebar #link ul li.top {
	padding-top:5px;
	padding-bottom:5px;
}
#sidebar #link h2 {
	font-size:130%;
	font-weight:bold;
	text-align:center;
}
#sidebar #link ul li.last {
	border-bottom:4px solid #cccccc;
}

/*
//	トップページレイアウト
*/

#top-banner {
	float:right;
	width:200px;
}
#mailmagazine {
	float:right;
	width:198px;
	border:1px solid #000;
	height:66px;
}
#mailmagazine #mailphoto {
	width:60px;
	float:left;
}
#mailmagazine #magazine {
}
#mailmagazine #magazine #mmText {
	background-color:#0000FF;
	color:#ffffff;
	font-size:95%;
	font-weight:bold;
	text-align:center;
	height:36px;
	padding:1px;
	margin:0px;
}
#mailmagazine #magazine #koudoku {
	height:28px;
	width:138px;
	background-color:#FFEEFA;
	text-align:center;
	font-size:130%;
	font-weight:bold;
}
#content #case_listen.html#05,
#content #orange,
#content #red,
#content #yellow,
#content #purple,
#content #darkgreen {
	width:280px;
	height:175px;
	padding:0;
	line-height: 1.6;
}
#content #blue {
	border:1px solid #0000ff;
}
#content #blue h2 a {
	width:280px;
	height:45px;
	display:block;
	background:url(..//img/logo_nintei.jpg) 0 0 no-repeat;
    text-indent:-9999px;
    overflow:hidden;
}
#content #blue h2 a:hover {
	background-position:0px -45px;
}
#content #orange {
	border:1px solid #FF9900;
}
#content #orange h2 a {
	width:280px;
	height:45px;
	display:block;
	background:url(/img/logo_e-learning.jpg) 0 0 no-repeat;
    text-indent:-9999px;
    overflow:hidden;
}
#content #orange h2 a:hover {
	background-position:0px -45px;
}
#content #red {
	border:1px solid #FF0066;
}
#content #red h2 a {
	width:280px;
	height:45px;
	display:block;
	background:url(/img/logo_kaigi.jpg) 0 0 no-repeat;
    text-indent:-9999px;
    overflow:hidden;
}
#content #red h2 a:hover {
	background-position:0px -45px;
}
#content #yellow {
	border:1px solid #FFFF00;
}
#content #yellow h2 a {
	width:280px;
	height:45px;
	display:block;
	background:url(/img/logo_kenkyu.jpg) 0 0 no-repeat;
    text-indent:-9999px;
    overflow:hidden;
}
#content #yellow h2 a:hover {
	background-position:0px -45px;
}
#content #purple {
	border:1px solid #FF00FF;
}
#content #purple h2 a {
	width:280px;
	height:45px;
	display:block;
	background:url(/img/logo_nankan.jpg) 0 0 no-repeat;
    text-indent:-9999px;
    overflow:hidden;
}
#content #purple h2 a:hover {
	background-position:0px -45px;
}
#content #darkgreen {
	border:1px solid #00FF00;
}
#content #darkgreen h2 a {
	width:280px;
	height:45px;
	display:block;
	background:url(/img/logo_gakusei.jpg) 0 0 no-repeat;
    text-indent:-9999px;
    overflow:hidden;
}
#content #darkgreen h2 a:hover {
	background-position:0px -45px;
}

#content #top-news {
	width:570px;
	clear:both;
	margin-bottom:10px;
}
#content #top-news .newsbox {
	margin:0px auto;
	border: solid 1px #808080;
	width: 566px;
	height: 360px;
	padding: 0.5em;
	overflow: auto;
}
.newsbox h2 {
	font-size:130%;
	padding-left:10px;
	border-left:5px solid #6600FF;
	color:#0000CC;
	clear:both;
}
.newsbox dl{
}
.newsbox dt {
	color:#FF9900;
	float:left;
	clear:both;
	width:20%;
	height:40px;
	font-weight:bold;
	margin: 10px 0px 0px 5px;
	padding-top:5px;
}
.newsbox dd {
	_height: 1%;
	margin: 10px 0px 0px 0px;
	padding-top:5px;
	border-top:1px dotted #cccccc;

}

#top-book {
	width:355px;
	float:left;
}
/*
//	本文部レイアウト
*/
#content {
	width:570px;
	padding:10px;
	float:right;
}
.small {
	font-size:80%;
}
#content h2,
#content h3 {
	clear:both;
}
#content h2,
#content h3,
#content h4,
#content p {
	margin-bottom:10px;
}
#content h2 {
	font-size:115%;
}
#content h3 {
	font-size:105%;
	text-align:center;
}
#content h3.blueborder {
	clear:both;
	text-align:left;
	background:url(/img/blue_border_back.gif) left center;
	color:#FFFFFF;
	padding-left:15px;
	margin-top:30px;
}
#content h3.blueborder a:link,
#content h3.blueborder a:visited,
#content h3.blueborder a:hover {
	color:#FFFFFF;
}
#content h3.yellowborder {
	text-align:left;
	background:url(/img/yellow_border_back.jpg);
	padding-left:15px;
}
#content h2.content_top {
	text-align:left;
	padding-left:15px;
	background:url(/img/yellow_border_back.jpg) no-repeat;
	border-bottom:2px solid #FEBD01;
}
#content ul,
#content ol {
	margin-bottom:10px;
}
div.left,
div.right {
	width:280px;
	height:180px;
	margin-bottom:10px;
}
div.left {
	float:left;
}
div.right {
	float:right;
}
div.six {
	width:340px;
}
div.four {
	width:200px;
}
div.lineheight {
	line-height:1.6;
}
div.aqua {
	background:#F4FFFD;
}
ul.left-circle {
}
.left-circle li {
	margin-bottom:5px;
	padding-left:15px;
	background:url(/img/ball_blue.gif) 0 0 no-repeat;
}
ul.left-cube {
}
ul.left-cube li {
	margin-bottom:5px;
	padding-left:15px;
	background:url(/img/cube_aqua.gif) 0 0 no-repeat;
}
#content img {
	margin-bottom:5px;
}
#content div.right p,
#content div.left p {
	padding-left:5px;
	padding-right:5px;
	margin:0;
	text-indent:10px;
}
#content div.right h2,
#content div.left h2 {
	display:block;
	width:270px;
	height:50px;
	text-indent:-9999px;
}

#content strong {
	font-size:105%;
	color:#ff0000;
}
#content h2,
#content h3 {
	clear:both;
}

.highlight {
	clear:right;
	background:#FFF8FF;
	padding:10px;
	border:1px solid #000;
	margin-bottom:5px;
	margin-top:5px;
}
.highlight ul li {
	margin-bottom:3px;
}

.highlight H3 {
	padding:5px;
	font-size:140%;
	color:#000000;
	background:#CCF5FD;
	width:536px;
	border:2px solid #b7ddf2;
}


h2#contenttop {
	padding:5px;
	font-size:140%;
	color:#000000;
	background:#CCF5FD;
	width:556px;
	border:2px solid #b7ddf2;
}
p.small {
	font-size:85%;
}
#aobox {
	border:1px solid #000;
	float:right;
	width:230px;
	padding:0 5px;
	margin:0;
	font-size:85%;
}
a.submit{
	width:75px;
	height:29px;
	display:block;
	float:right;
	margin:5px;
	background:url(/img/link_more_bg.gif) no-repeat center;
	text-decoration:none;
	color:#6c331f;
	text-align:center;
	line-height:29px;
	font-size:90%;
}
a:hover.submit{
	background:url(/img/link_more_bg_a.gif) no-repeat center;
	color:#dcc1b7;
}
div.book {
	border:1px dotted #00c;
	height:200px;
	width:570px;
	padding:10px 0px;
	clear:both;
	margin-bottom:10px;
}
.book-left {
	float:left;
	width:200px;
}
.book-right {	
}
/*
//	テーブル
*/
.plan caption {
    padding: 2px 0 2px 8px;
    margin-bottom: 5px;
    border-left: 5px solid #d94800;
    text-align: left;
    font-weight: bold;
}

.plan {
    width: 526px;
    border-collapse: collapse;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    color: #333333;
	font-size:90%;
	margin-bottom:10px;
}
.plan th {
    width: 170px;
    padding: 0.5em;
    border: 1px solid #cccccc;
    background:#5B7EC8;
    color: #ffffff;
}
.plan td {
    width: 170px;
    padding: 0.8em 0.5em;
    border: 1px solid #cccccc;
    text-align: center;
    font-weight: bold;
    color: #000099;
}

.info caption {
    padding: 2px 0 2px 8px;
    margin-bottom: 5px;
    border-left: 5px solid #d94800;
    text-align: left;
    font-weight: bold;
}

.info {
    width: 526px;
    border-collapse: collapse;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    color: #333333;
	margin-bottom:10px;
}
.info th {
    width: 70px;
    padding: 0.5em;
    border: 1px solid #cccccc;
    background:#5B7EC8;
    color: #ffffff;
}
.info td {
    width: 456px;
    padding: 0.5em;
    border: 1px solid #cccccc;
    text-align: center;
    font-weight: bold;
    color: #000099;
}
table.book {
	border:1px dotted #00c;
}
table.book caption {
	display:none;
}
table.book th {
	margin:0px;
	padding:0px;
	border:1px dotted #00c;
}
table.book td {
	border:1px dotted #00c;
	padding:10px;
}


/*
//	パンくずリスト
*/
#crumbs {
	height:1.6em;
	border:1px solid #dedede;
}
#crumbs li {
	float:left;
	line-height:1.6em;
	color:#777;
	padding-left:.75em;
}		
#crumbs li a {
	background:url(/img/crumbs.gif) no-repeat right center;
	display:block;
	padding:0 15px 0 0;
}							
#crumbs li a:link,
#crumbs li a:visited {
	color:#777;
	text-decoration:none;
}		
#crumbs li a:hover,
#crumbs li a:focus {
	color:#dd2c0d;
}		
/*
//	フォーム部レイアウト
*/
div.myform {
	width:535px;
	padding:15px;
	margin-top:10px;
}
.skyblue{
	border:solid 2px #b7ddf2;
	background:#ebf4fb;
}
.skyblue caption {
    padding: 2px 0 2px 8px;
    border-left: 5px solid #0000CC;
    text-align: left;
    font-weight: bold;
	margin-bottom:15px;
}
.skyblue p{
	font-size:11px;
	color:#666666;
	margin-bottom:20px;
	border-bottom:solid 1px #b7ddf2;
	padding-bottom:10px;
}
.skyblue th {
	width:100px;
	text-align:right;
}
.skyblue label{
}
.skyblue input,
.skyblue select,
.skyblue textarea{
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 20px 10px;
}
.skyblue input:focus,
.skyblue textarea:focus{
	background-color:#f9fda3;
}
.skyblue textarea {
	width:300px;
	height:130px;
	vertical-align:text-top;
}
.skyblue td.text {
	font-size:14px;
	padding:4px 10px;
}
.skyblue select {
	width:160px;
}
.skyblue input.submit {
	clear:both;
	width:125px;
	height:31px;
	background:#400000;
	text-align:center;
	line-height:31px;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
}
span.required {
	color:#FF0000;
	font-size:90%;
}
.spacer {
	clear:both;
}
/*
//	フッター部レイアウト
*/

#footer {
	height:65px;
	padding:5px 5px 0 5px;
	background:url(/img/bg-footer.gif) repeat-x;
	clear:both;
}
#footer ul {
}
#footer ul li {
	float:left;
	margin-right:5px;
}

.buttonlink a {
line-height:1.5em;
display:block;


text-align:center;
font-size:14px;
margin:3px;
text-decoration:none;
border-top:2px solid #96DD67;
border-left:2px solid #96DD67;
border-right:3px solid #30622F;
border-bottom:3px solid #30622F;
background-color:#0066FF;
color:#FFF;
}
.buttonlink a:hover { color:lime; }
 
.buttonlink a:active {
border-top:3px solid #30622F;
border-left:3px solid #30622F;
border-right:2px solid #96DD67;
border-bottom:2px solid #96DD67;
}




/*
//	FAQ
*/
#faq {
	height:1.6em;
	border:1px solid #ff0000;
	background-color:#ff66ff;
}
#faq li {
	float:left;
	line-height:1.6em;
	color:#FFFFFF;
	padding-left:.75em;
}		
#faq li a {
	background:url(/img/crumbs.gif) no-repeat right center;
	display:block;
	padding:0 15px 0 0;
}							
		