@charset "utf-8";

/* コンテンツ -----------------------------*/

#contents_index {
overflow:hidden;
clear:both;
	width:890px;
	height:310px;
	margin:0;
	padding:0;
	background-image:url(../images/index/bg_contents.jpg);
	background-repeat: no-repeat; 
}

/* コンテンツ ここまで-----------------*/

/* メインイメージ -------------------------*/

#main_images_index {
margin:0; 
padding:0;
}

#main_images_index_left {
overflow:hidden;
margin:0; 
padding:0;
width:606px;
float:left;
}

#alternative{
margin:0;
padding:0;
}
#main_images_index_right {
margin:0px 0px 0px 606px;
padding:0;
border:0px;
}

/* 追加 */

#main_images_index_left_noFlash {
overflow:hidden;
margin:0; 
padding:0;
width:606px;
height:314px;
float:left;
position:relative;
}

img#indexNav01{
position:absolute;
top:170px;
left:110px;
}

img#indexNav02{
position:absolute;
top:170px;
left:310px;
}

/* メインイメージ ここまで ----------------*/

/*  left-------------------------------*/

#left_index {
width:308px;
float :left;
margin: 0;	
padding :0;	
}

p#courses_top{
margin-top:2px;
margin-left:17px;
padding:0;
}

p#courses_button{
margin-top:2px;
margin-left:20px;
padding:0;
}

p#courses_button a{
background-image: url(../images/index/courses_button.jpg);
background-repeat: no-repeat;
background-position: center top;
display: block;
height: 29px;
width: 288px;
}
p#courses_button a:hover{
background-position:0 -29px;
}

div#courses_info{
width:288px;
background-image: url(../images/index/courses_bg.gif);
background-repeat: repeat-y;
margin-left:20px;
padding:0;
}

img#courses_info_top{
display:block;
vertical-align: baseline;
margin-top:6px;
margin-left:20px;
padding:0;
}

img#courses_info_bottom{
clear:left;
display:block;
margin-left:20px;
padding:0;
}

div#courses_info_in{
width:268px;
height:161px;
overflow:auto;
padding-top:8px;
padding-left:10px;
padding-right:5px;
}

/* お知らせ ここから */

div#courses_info_in div.news_title {
    color:#ec6a31;
    font-size:12px;
    font-weight:bold;
    margin:0 0 6px 0;
}

div#courses_info_in p {
    color: #333333;
    font-size: 12px;
    margin: 5px 15px 3px;
    padding: 0;
}
div#courses_info_in dl {
    line-height: 1.7em;
}
div#courses_info_in dl dt {
    color: #333333;
    font-size: 12px;
    padding: 0;
    padding-left: 15px;
    background-image: url("/images/pages/icons/arrow_orange.gif");
    background-position: 0 3px;
    background-repeat: no-repeat;
}
div#courses_info_in dl dd {
    font-size: 12px;
    line-height: 1.5em;
    margin: 0 0 10px;
}

/* お知らせ ここまで */

/* 以前未使用 ここから */

ul#courses_text{
list-style:none;
}

ul#courses_text li{
border-bottom:dotted 1px #ece2ac;
font-size:12px;
padding-left:3px;
margin-bottom:2px;
}

ul#courses_text li a{
color: #FF0033;
margin-right:10px;
text-decoration:none;
}
ul#courses_text li a:hover{
text-decoration:underline;
}

span.date{
color: #FF0033;
margin-right:10px;
}

dl#courses_text dt{
float:left;
color:#FF3300;
font-size:12px;
margin-right:10px;
}

dl#courses_text dd{
margin-botttom:20px;
}

/* 以前未使用 ここまで */

ul#courses_next{
height: 51px;
width: 288px;
margin-left:20px;
padding-top:6px;
}

ul#courses_next li{
list-style:none;
}

ul#courses_next li#left{
height: 51px;
width: 139px;
float:left;
margin:0 10px 0 0;
padding:0;
}

ul#courses_next li#right{
height: 51px;
width: 139px;
float:left;
margin:0;
padding:0;
}

/*  left -------------------------------*/

/*  middle-----------------------------*/

#middle_index {
	width:272px;
	float:left;
	margin: 0 ;	
	padding : 56px 0 0 12px;
}

ul#news{
list-style:none;
}

ul#news li{
float:left;
padding:0 0 11px 9px;
display:inline;
}

/*
ul#news li{
float:left;
padding-left:9px;
padding-bottom:11px;
width:121px;
height:113px;
}
*/

ul#news li img{
vertical-align:top;
padding:0;
margin:0;
}

div.banner2Area{}
div.banner2Top{
	margin:0 0 11px 0;
}
div.banner2Bottom{}

/*
div.banner2Area{
width:121px;
height:113px;
	margin:0;
	padding:0;
}
div.banner2Top{
	width:121px;
	height:51px;
	margin:0 0 11px 0;
	padding:0;
}
div.banner2Bottom{
	width:121px;
	height:51px;
	margin:0;
	padding:0;
}
*/

div.banner2Area_2{
width:121px;
height:113px;
	margin:0;
	padding:0;
}
div.banner2Top_2{
	width:121px;
	height:71px;
	margin:0 0 11px 0;
	padding:0;
}
div.banner2Bottom_2{
	width:121px;
	height:31px;
	margin:0;
	padding:0;
}



div.twitterArea{
width:121px;
height:113px;
	margin:0;
	padding:0;
}

div.twitterTop{
	width:121px;
	height:51px;
	margin:0 0 11px 0;
	padding:0;
}
div.twitterBottom{
	width:121px;
	height:51px;
	margin:0;
	padding:0;
}

/*middle ここまで ----------------------*/

/*right --------------------------------*/

#right_index {
width:290px;
float:left;
margin: 0 ;	
padding : 0px;
}

p#inquirer_top{
margin-top:2px;
margin-left:198px;
padding:0;
}

p#inquirer_button{
margin-top:1px;
margin-left:30px;
padding:0;
}

p#inquirer_button a{
background-image: url(../images/index/inquiryer_button.jpg);
background-repeat: no-repeat;
background-position: center top;
display: block;
height: 29px;
width: 248px;
}
p#inquirer_button a:hover{
background-position:0 -29px;
}

div#inquirer_info{
display: block;
background-image:url(../images/index/inquiryer_bg.gif);
background-repeat:repeat-y; 
margin-left:32px;
padding-bottom:7px;
overflow:hidden;
width:248px;
}

* html div#inquirer_info{
display: block;
background-image:url(../images/index/inquiryer_bg.gif);
background-repeat:repeat-y; 
margin-left:42px;
padding-bottom:8px;
overflow:hidden;
width:248px;
}

*:first-child+html div#inquirer_info{
display: block;
background-image:url(../images/index/inquiryer_bg.gif);
background-repeat:repeat-y; 
margin-left:42px;
padding-bottom:8px;
overflow:hidden;
width:248px;
}

img#inquirer_info_top{
display:block;
vertical-align: baseline;
margin-top:6px;
margin-left:30px;
padding:0;
}

img#inquirer_info_bottom{
display:block;
margin-left:30px;
padding:0;
}

p#inquirer_text{
font-size:12px;
font-weight:bold;
color:#003300;
padding-top:6px;
padding-left:15px;
padding-right:15px;
line-height:1.5em;
letter-spacing:-0.1em;
}

p#dounyu_new{
margin:8px 0 0 12px;
padding:0;

}

p#dounyu_new2{
margin:0 0 0 12px;
padding-top:8px;
clear:left;
}

ul#inquirer_buttons{
list-style:none;
padding-top:8px;
padding-left:12px;
margin:0;
overflow:hidden;
width:235px;
}

ul#inquirer_buttons li.top{
float:left;
margin-right:7px;
margin-bottom:5px;
width:108px;
height:28px;
}

ul#inquirer_buttons li.bottom{
float:left;
margin-right:7px;
width:108px;
height:28px;
}

ul#inquirer_links{
list-style:none;
padding-top:8px;
padding-left:12px;
margin:0;
}

ul#inquirer_links li{
float:left;
margin-right:7px;
}

#inquiryer_links1{
background-image: url(../images/index/inquirer_links1.jpg);
background-repeat: no-repeat;
background-position: center top;
display: block;
height: 53px;
width: 108px;
}
#inquiryer_links1:hover{
background-position:0 -53px;
}

#inquiryer_links2{
background-image: url(../images/index/inquirer_links2.jpg);
background-repeat: no-repeat;
background-position: center top;
display: block;
height: 53px;
width: 108px;
}
#inquiryer_links2:hover{
background-position:0 -53px;
}

div#mail_magazine{
padding-top:7px;
padding-left:30px;
margin:0;
}

div#mail_magazine img{
padding:0;
margin:0;
}

/*right ここまで -----------------------*/

/*リーディング -----------------------------*/

#reading {
width:890px;
height:51px;
clear:both;
}

p#reading_top{
margin-left:795px;
padding:0;
}

ul#reading_list{
padding:0 0 0 20px;
margin:0;
}

ul#reading_list li{
float:left;
display: inline;
margin:0px;
padding-right:3px;
}

#reading1 {
background-image: url(../images/index/reading1.jpg);
background-repeat: no-repeat;
background-position: center top;
display: block;
height: 32px;
width: 134px;
}
#reading1:hover{
background-position:0 -32px;
}

#reading2 {
background-image: url(../images/index/reading2.jpg);
background-repeat: no-repeat;
background-position: center top;
display: block;
height: 32px;
width: 134px;
}
#reading2:hover{
background-position:0 -32px;
}

#reading3 {
background-image: url(../images/index/reading3.jpg);
background-repeat: no-repeat;
background-position: center top;
display: block;
height: 32px;
width: 134px;
}
#reading3:hover{
background-position:0 -32px;
}

#reading4 {
background-image: url(../images/index/reading4.jpg);
background-repeat: no-repeat;
background-position: center top;
display: block;
height: 32px;
width: 134px;
}
#reading4:hover{
background-position:0 -32px;
}

#reading5 {
background-image: url(../images/index/reading5.jpg);
background-repeat: no-repeat;
background-position: center top;
display: block;
height: 32px;
width: 134px;
}
#reading5:hover{
background-position:0 -32px;
}

/*リーディング　ここまで -------------------*/