/* CSS Document */

* html {
/*filter:expression(document.execCommand("BackgroundImageCache", false, true));*/
}

body{
	font-family: メイリオ,Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Arial,Verdana,Helvetica,sans-serif; 
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:black;
}

/*_________________________________________________________________________基本スタイル*/

.image{
	display:block;
	text-align:left;
	text-indent:-5000px;
}
a.opacity:hover{
	opacity:0.7;
	filter:alpha(style=1, opacity=70, finishopacity=100, startx=0, starty=0, finishx=170, finishy=140);
	-ms-filter: "alpha( opacity=70 )";
}
a.opacity img{border:none}
a.opacity:hover img{
	opacity:0.7;
	filter:alpha(style=1, opacity=70, finishopacity=100, startx=0, starty=0, finishx=170, finishy=140);
	-ms-filter: "alpha( opacity=70 )";
}
a.link{
	color:#F5BFE9;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:3px center;
	text-decoration:none;
}
a.link:hover{
	color:#232323;
	background-color:#F5BFE9;
}
a.page,a.out,a.up,a.down,a.blank,a.back{padding-left:15px;}
a.page{background-image:url(../images/icon_link.gif)}
a.out{background-image:url(../images/icon_out.gif)}
a.up{
	background-image:url(../images/icon_up.gif);
	background-position:3px center;
}
a.down{background-image:url(../images/icon_down.gif)}
a.blank{background-image:url(../images/icon_blank.gif)}
a.back{
	background-image:url(../images/icon_back.gif);
	background-position:6px center;
}

a.page:hover{background-image:url(../images/icon_link_act.gif)}
a.out:hover{background-image:url(../images/icon_out_act.gif)}
a.up:hover{background-image:url(../images/icon_up_act.gif)}
a.down:hover{background-image:url(../images/icon_down_act.gif)}
a.blank:hover{background-image:url(../images/icon_blank_act.gif)}
a.back:hover{background-image:url(../images/icon_back_act.gif)}

a.blank{
	font-size:11px;
	line-height:18px;
	background-position:3px 4px;
}

span.marker{
	background:url(../images/marker.gif) left center repeat-x;
	font-weight:bold;
	color:black;
}

span.empha{
	font-weight:bold;
	color:#73B351;
}
span.comment{
	font-size:11px;
	color:#695A5A;
	font-weight:bold;
}
span.small{
	font-size:11px;
}
img.button{
	border:none;
}
html body div.structure div.main-frame .bordernone{
	border:none;
}
.clear{
	clear:both;
}
* html body .clear{	height:1px;}

p.border{
	border:1px dotted #695A5A;
	padding:10px 10px;
	margin:10px;
}
p.right{text-align:right;}

ul.mini-list,
ol.mini-list{
	font-size:11px;
	padding:8px 5px 8px 5px;
	margin:0px 0px 0px 10px;
}
ul.mini-list li,
ol.mini-list li{
	margin:0px;
	padding:3px 5px 3px 0px;
	line-height:13px;
}




a.button{
	background-image:url(../images/button_bg.gif);
	padding:3px;
	margin:5px 0px;
	border: 1px dotted #666666;
}
html>/**/body a.button{/*IE7〜以外のモダンブラウザはstyle属性でwidthを指定する*/
	display:block;
}

a.button img{
	border-width:1px;
	border-style:solid;
	border-color:#232323;
	filter:expression(document.execCommand("BackgroundImageCache", false, true));
}
a.button:hover img{
	border-color:#F5BFE9;
}


div.main-left p.basic{
	padding:15px 20px 15px 10px;
	margin:0px;
}

div.main-right p.basic{
	padding:10px 0px 10px 0px;
	margin:0px;
}
a img.alpha{
	cursor:pointer;
	position:relative;
}
img.bordernone{border:none;}

div.horizon{
	padding-bottom:75px;
	background:url(../images/horizonal.gif) no-repeat left bottom;
	margin-bottom:10px;
	position:relative;
	min-height:1px;
}
div.image-box{
	padding-right:230px;
	background-repeat:no-repeat;
	background-position:right 175px;
	position:relative;
	margin-right:10px;
}
h2.heading,
h3.heading,
h4.heading,
h5.heading,
h6.heading{
	margin:0px 0px 0px 0px;
	padding:92px 0px 32px 40px;
	background:url(../images/contents/heading_bg.jpg) no-repeat -25px top;
	position:relative;
}

img.dot-text{
	border:none;
	margin-right:3px;
}

span.headingmini{
	display:block;
	color:#white;
	padding-left:10px;
	border-bottom:1px solid #666666;
	border-top:1px solid #666666;
}

/*_________________________________________________________________________基本スタイル*/


/*_________________________________________________________________________ヘッダー*/
div.head{
  text-align:center;
  padding:4px 0px 10px 0px;
}
div.head-wrap{
  width:800px;
  text-align:left;
  margin:0px auto;
}
div.head img{
  vertical-align:top;
}

div.head h1{
	font-size:11px;
	font-weight:normal;
	line-height:normal;
	color:#CCCCCC;
	margin:0px;
}

/*_________________________________________________________________________ヘッダー*/

/*_________________________________________________________________________ヘッダメニュー*/
ul.head-menu{
	list-style-type:none;
	margin:0px;
	padding:0px;
	font-size:11px;
	text-align:right;
	margin-top:-40px;
}

ul.head-menu li{
	margin:0px;
	padding:0px 7px;
	display:inline;
}
ul.head-menu li img,
ul.head-menu li{
	vertical-align:bottom;
}
/*_________________________________________________________________________ヘッダメニュー*/



/*_________________________________________________________________________タイトル画像*/
div.title{
	background:url(../images/index/title_image.jpg) no-repeat center top;
	height:182px;
}
div.title h2{
  text-indent:-9999px;
  margin:0px;
}
/*_________________________________________________________________________タイトル画像*/


/*_________________________________________________________________________メインフレーム*/
div.main-bg{
	background-image:url(../images/main_bg.jpg);
}
div.structure{
	background:url(../images/mainframe_body.gif) repeat-y center top;
}
div.structure-wrap{
	background:url(../images/title_bg.gif) repeat-x;
}
div.structure-inner{
	background:url(../images/mainframe_head.jpg) no-repeat center top;
}  
div.main-frame{
	width:800px;
	margin:0px auto;
	text-align:left;
	position:relative;
}
div.main-left{
	color:#EEEEEE;
	line-height:24px;
	font-size:12px;
	width:620px;
	float:left;
	padding-top:10px;
	position:relative;
	z-index:11;
}
div.main-right{
	position:relative;
	width:180px;
	float:left;
	padding-top:60px;
	z-index:12;
}
div.main-right-wrap{
	padding:0px 0px 40px 20px;
}
div.frame-under{
	clear:both;
}
/*_________________________________________________________________________メインフレーム*/



/*_________________________________________________________________________メインメニュー*/

div.main-menu{
	position:relative;
	background:url(../images/main_menu/body.gif) repeat-y;
	padding-top:10px;
	min-height:1px;
}
div.main-menu-wrap{
	position:relative;
	background:url(../images/main_menu/foot.jpg) no-repeat right bottom;
	padding-bottom:65px;
	min-height:1px;
	
}
div.main-menu ul{
	position:relative;
	margin:0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
}
div.main-menu ul li.menu{
	margin:0px;
	padding:0px 0px 2px 0px;
}
div.main-menu ul li.menu img{
	border-bottom:1px solid #232323;
}
div.main-menu ul li.menu a:hover img{
	border-bottom-color:white;
	margin:0px;
}

div.main-menu ul li.menu a{
	display:block;
	padding:18px 0px 3px 41px;
	background-repeat:no-repeat;
	background-position:-1000px center;
	background-image:url(../images/main_menu/cursor.jpg);
}
div.main-menu ul li.menu a:hover{background-position:left center}
div.main-menu ul li.sub{
	padding-left:40px;
}
div.main-menu ul li.sub a{
	background:url(../images/main_menu/icon_sub.gif) no-repeat left top;
	display:block;
	padding:4px 4px 4px 20px;
	font-size:11px;
	color:white;
	text-decoration:none;
	line-height:16px;
	margin-bottom:5px;
}
div.main-menu ul li.sub a:hover{
	background-position:2px top;
	background-color:#333333;
}

div.main-menu li{
	margin:0px;
	padding:0px;
}



/*_________________________________________________________________________メインメニュー*/


/*_________________________________________________________________________右コース一覧*/
div.main-menu dl.course-list-right{
	margin:0px;
	padding: 0px 0px 20px 12px;
}
div.main-menu dl.course-list-right dt{
	margin:0px;
	padding:5px 0px 0px 0px;
	line-height:inherit;
}
div.main-menu dl.course-list-right dd{
	margin:0px;
	padding:0px 0px 0px 19px;
}
div.main-menu dl.course-list-right dd a{
	display:block;
	padding:5px 0px 5px 20px;
	background:url(../images/course_list/course_list_arrow.gif) no-repeat left center;
}
div.main-menu dl.course-list-right dd a:hover{background-position:2px center}

dl.course-list-right span.current img{
}
dl.course-list-right span.current{
	display:block;
}
dl.course-list-right span.current.main{background-color:#91b37f;}
dl.course-list-right span.current.other{background-color:#F5BFE9;}
dl.course-list-right span.current-wrap{
	display:block;
	opacity:0.7;
	filter:alpha(style=1, opacity=70, finishopacity=100, startx=0, starty=0, finishx=170, finishy=140);
	height:35px;
}
dl.course-list-right span.current-inner{
	display:block;
	background-color:#232323;
	padding:4px;
}



/*_________________________________________________________________________右コース一覧*/




/*_________________________________________________________________________メイン右*/

/*_________________________________________________________________________メイン右*/


/*_________________________________________________________________________新着情報*/
div.whatsnew{
	padding:15px 0px;
}
div.whatsnew dl{
	margin:0px;
	padding:10px 0px 0px 0px;
	color:#444444;
	font-size:10px;
	font-weight:normal;
}
div.whatsnew p{
	margin:0px;
	padding:0px;
}
div.whatsnew p.head,div.whatsnew p.foot{
	background:url(../images/right/border.gif) no-repeat;
}
div.whatsnew p.head{
	background-position:left bottom;
	padding-bottom:2px;
}
div.whatsnew p.foot{
	background-position:left top;
	padding-top:5px;
}
div.whatsnew dt{
	margin:0px;
	padding:0px 0px 0px 0px;
	text-indent:2px;
}
div.whatsnew dd{
	margin:0px 0px 5px 0px;
	padding:0px;
}
div.whatsnew dd a{
	background:url(../images/right/whatsnew_arrow.gif) no-repeat right bottom #FAF1EA;
	display:block;
	border:1px solid #FAF1EA;
	position:relative;
	margin:0px;
	padding:5px 5px 10px 5px;
	_height:1px;
	color:#444444;
	text-decoration:none;
}
div.whatsnew dd a:hover{
	border:1px solid #AD0B04;
}	



/*_________________________________________________________________________新着情報*/

/*_________________________________________________________________________メイン下*/
div.frame-under{
	padding:40px 0px 10px 0px;
	clear:both;
	_height:1px;
}
div.frame-under ul{
	list-style-type:none;
	font-size:11px;
	margin:0px;
	padding:0px;
	position:relative;
}
div.frame-under ul li{
	display:inline;
	margin:0px;
	padding:0px;
}
div.frame-under ul li a{
}
div.frame-under ul li a:hover{
	text-decoration:none;
}
div.frame-under p.up{
	text-align:right;
	font-size:10px;
}
div.frame-under p.up a{
	display:block;
	color:transparent;
	text-decoration:none;
}
div.frame-under a.gotop{
	position:absolute;
	right:0px;
	top:-8px;
}
div.frame-under a.gotop img{border:none;}


/*_________________________________________________________________________メイン下*/



/*_________________________________________________________________________フッター*/
div.footer{
	background:url(../images/footer_bg.jpg) no-repeat center top black;
}
div.footer-wrap{
	width:800px;
	margin:0px auto;
	text-align:left;
	font-size:11px;
	padding-top:30px;
}
div.footer-wrap table a{
	display:block;
	padding:2px 0px 2px 10px;
	margin:0px;
	color:white;
	background:url(../images/footer_arrow.gif) no-repeat left center;
	line-height:18px;
	text-decoration:none;
}
div.footer-wrap table a.child{
	margin-left:15px;
	font-size:11px;
}
div.footer-wrap table a:hover{
	background-color:black;
	color:white;
	border-bottom:1px solid #666666;
}

p.copyright{
	background:url(../images/footer_border_horizon.gif) repeat-x left bottom;
	padding:5px;
	text-align:center;
}

div.footer table .border{
	background:url(../images/footer_border_vertical.gif) repeat-y left top;
	padding:0px 15px 0px 5px;
	vertical-align:top;
}

p.footer-left{
	float:left;
	width:400px;
	margin:0px;
	padding-top:28px;
}
p.footer-right{
	float:left;
	width:400px;
	margin:0px;
	text-align:right;
}
p.footer-left img,
p.footer-right img{
	vertical-align:bottom;
}
/*_________________________________________________________________________フッター*/