/***********************************************/
/* gogaku_plus.css                             */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial,"ＭＳ Ｐゴシック", Osaka, sans-serif, "ヒラギノ角ゴ Pro W3";
	color: #333333;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	/*background-image: url(../image/bg.gif); */
}
table.top{
	margin-top:10px;
}
div#all{
	margin:0 auto;
}

a{
	color: #006699;
	text-decoration: none;
}

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #006699;
	text-decoration: underline;
}

/*修正：h1のスタイルにh2のスタイルを適用 */
h1{
	font-family: Arial,sans-serif;
	font-size: 114%;
	color: #006699;
	margin: 0px;
	padding: 0px;
}
h1 img{
	margin:20px 10px 0 0;
}
h2{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

/*修正：h2のスタイルにh3のスタイルを適用 */
/*h2{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}



h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color:#FF6600;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}*/

.han_h4_step{
    font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 150%;
    font-weight:700;
	color:#FFFFFF;
	margin: 10px 10px 10px 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
 font-size: 90%;
 list-style-position: outside;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	padding: 10px 0px 0px 0px;
	width: 100%;
	/*background-repeat: no-repeat;*/
	background-color:#000099;
	color: #EEEEEE;
}
#masthead div{
	height:45px;
}
#masthead p.ttl{
	margin:0;
	padding:0;
	vertical-align:top;
}
#masthead p.goto_top{
	margin:-40px 0 0 500px;
	font-size:80%;
	color:#FFF;
}
#masthead p.goto_top1 a{
	margin:0 0 0 500px;
	padding:0;
	font-size:80%;
	color:#FFF;
}

#content{
  float: left;
  width: 100%;
}

/*****　旧topのみかも？　*****/
#left_part{
	float: left;
	width: 180px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	/*border: 1px solid #cccccc;*/
	padding-right: 5px;
}

#center_part{
  float:left;
	width: 180px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	/*border: 1px solid #cccccc;*/
	padding-right: 5px;
}


#centerright_part{
  float:left;
	width: 180px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	/*border: 1px solid #cccccc;*/
	padding-right: 5px;
}

#right_part{
  float:left;
	width: 170px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	/*border: 1px solid #cccccc;*/
	padding-right: 5px;
}
#content1{
	clear:both;
	padding-top:10px;
}
#content2{
	margin:0;
	float: left;
	width: 75%;
}

/** #headlines stylesは、右段レイアウト用*/
#headlines{
	float:right;
	margin: 0px;
	margin-top:10px;
	padding: 10px 0px 0px 10px;
	width: 23%;
	border-left: 1px solid #cccccc;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}

/***********************************************/
/* Components                                  */
/***********************************************/

/*#gakkenlogo{
	padding: 0px 0px 0px 0px;
	text-align: right;
}*/

/************* バナー領域 styles **************/

#banar{
	float:right;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	/*border: 1px solid #cccccc;*/
}

#banar img{
	margin: 0px;
	padding: 0px 5px 2px 5px;
}

/****　旧TOPページの下のバナーだけかな？　*******/
#underright_banar{
	float:right;
	width: 700px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	/*border: 1px solid #cccccc;*/
	margin-top: 20px;
}

#underright_banar img{
	padding: 0px 5px 5px 5px;
}

/************* #Nav styles **************/
#Nav,#Nav2{
	height: 28px;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	background-color: #666699;
	font: 13px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:110%;
}

#Nav2{
	height: 100%;
	background-color: #fff;
	padding:0px;
	font: 11px;   	/*12px から修正（08/10/30）*/
}

ul#Nav,ul#Nav2{
	list-style: none;
}

#Nav li,#Nav2 li{
	float:left;
}

#Nav li a,#Nav2 li a{
	display:block;
	width: 92px; 
	height:22px;
	padding-top:6px;
	text-decoration:none;
	text-align:center;
	color:#666666;
}

#Nav2 li a{
	width: 140px; 	/*160px から修正（08/10/30）*/
	height:50px; 	/*41px から修正（08/10/30）*/
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

#Nav li.off a{
	background:transparent url(../image/off_main.gif) no-repeat;
}

#Nav li.on a{
	background:transparent url(../image/on_main.gif) no-repeat;
}

#Nav li.off a:hover{
	color:#9900FF;
	background:transparent url(../image/off_main.gif) no-repeat 0px -28px;
}


#Nav li.on a:hover{
	color:#9900FF;
	background:transparent url(../image/on_main.gif) no-repeat 0px -28px;
}


#Nav img,#Nav2 img{
	padding: 0px 3px 0px 0px;
	border:0;
}

/************* #Nav （英・中・韓）off styles **************/

#Nav li.off_lan a{
	background:transparent url(../image/off_main.gif) no-repeat;
}

#Nav li.off_han a{
	background:transparent url(../image/off_main.gif) no-repeat;
}

#Nav li.off_china a{
	background:transparent url(../image/off_main.gif) no-repeat;
}

#Nav li.off_eng a{
	background:transparent url(../image/off_main.gif) no-repeat;
}
/***************************/
#Nav2 li.off_han a{
	background:transparent url(../image/off_lan.gif) repeat-x;
}

#Nav2 li.off_han a{
	background:transparent url(../image/off_han.gif) repeat-x;
}

#Nav2 li.off_china a{
	background:transparent url(../image/off_china.gif) repeat-x;
}

#Nav2 li.off_eng a{
	background:transparent url(../image/off_eng.gif) repeat-x;
}
/***************************/
#Nav li.off_lan a:hover{
	color: #33CCFF;
	background:transparent url(../image/off_main.gif) no-repeat 0px -28px;
}

#Nav li.off_han a:hover{
	color: #FF3399;
	background:transparent url(../image/off_main.gif) no-repeat 0px -28px;
}

#Nav li.off_china a:hover{
	color: #FF3333;
	background:transparent url(../image/off_main.gif) no-repeat 0px -28px;
}

#Nav li.off_eng a:hover{
	color: #FF6600;
	background:transparent url(../image/off_main.gif) no-repeat 0px -28px;
}
/***************************/
#Nav2 li.off_lan a:hover{ 
	color: #33CCFF;
	background:transparent url(../image/off_lan.gif) repeat-x 0px -56px;   	/*-47px から修正（08/11/04）*/
}

#Nav2 li.off_han a:hover{ 
	color: #FF3399;
	background:transparent url(../image/off_han.gif) repeat-x 0px -56px;   	/*-47px から修正（08/11/04）*/
}

#Nav2 li.off_china a:hover{ 
	color: #FF3333;
	background:transparent url(../image/off_china.gif) repeat-x 0px -56px;   	/*-47px から修正（08/11/04）*/
}

#Nav2 li.off_eng a:hover{ 
	color: #FF6600;
	background:transparent url(../image/off_eng.gif) repeat-x 0px -56px;   	/*-47px から修正（08/11/04）*/
}

/************* #Nav （英・中・韓）on styles **************/

#Nav li.on_lan a{
	background:transparent url(../image/on_main_lan.gif) no-repeat;
}

#Nav li.on_han a{
	background:transparent url(../image/on_main_han.gif) no-repeat;
}

#Nav li.on_china a{
	background:transparent url(../image/on_main_china.gif) no-repeat;
}

#Nav li.on_eng a{
	background:transparent url(../image/on_main_eng.gif) no-repeat;
}
/***************************/
#Nav2 li.on_han a{ 
	background:transparent url(../image/on_han.gif) repeat-x;
}

#Nav2 li.on_china a{ 
	background:transparent url(../image/on_china.gif) repeat-x;
}

#Nav2 li.on_eng a{ 
	background:transparent url(../image/on_eng.gif) repeat-x;
}
/***************************/
#Nav li.on_lan a:hover{
	color: #33CCFF;
	background:transparent url(../image/on_main_lan.gif) no-repeat 0px -28px;
}

#Nav li.on_han a:hover{
	color: #FF3399;
	background:transparent url(../image/on_main_han.gif) no-repeat 0px -28px;
}

#Nav li.on_china a:hover{
	color: #FF3333;
	background:transparent url(../image/on_main_china.gif) no-repeat 0px -28px;
}

#Nav li.on_eng a:hover{
	color:#FF6600;
	background:transparent url(../image/on_main_eng.gif) no-repeat 0px -28px;
}
/***************************/
#Nav2 li.on_lan a:hover{
	color: #33CCFF;
	background:transparent url(../image/on_lan.gif) repeat-x 0px -56px;   	/*-47px から修正（08/11/04）*/
}

#Nav2 li.on_han a:hover{
	color: #FF3399;
	background:transparent url(../image/on_han.gif) repeat-x 0px -56px;   	/*-47px から修正（08/11/04）*/
}

#Nav2 li.on_china a:hover{
	color: #FF3333;
	background:transparent url(../image/on_china.gif) repeat-x 0px -56px;   	/*-47px から修正（08/11/04）*/
}

#Nav2 li.on_eng a:hover{
	color: #FF6600;
	background:transparent url(../image/on_eng.gif) repeat-x 0px -56px;   	/*-47px から修正（08/11/04）*/
}
/************* ここまで #Nav styles**************/


/*************** .pageName styles **************/

.pageName{
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
}

.pageName#p1{border-left: 7px solid #A8F900;}
.pageName#p2{border-left: 7px solid #000099; padding-top:-1.8em}
.pageName#p3{border-left: 7px solid #FF5AD4;}


/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 75%;
	padding: 2px 0px 2px 10px;
}

/************* .toeic styles *************/

.toeic{
	font-size: 9px;
}

/************* .smallsize styles *************/

.smallsize{
	font-size: 10px;
}

.smallsize_formac{
	font-size: 9px;
	color: #660099;	
}

.more_smallsize{
	font-size: 10px;
	color:#666666;	
	line-height: 1.2em;
}

.han_china_smallsize{
	font-size: 10px;
	color:#666666;	
	line-height: 1.35em;
}


/*********** .rightpartscontents styles ***********/

.rightpartscontents{
	padding: 0px;
	font-size: 11px;
	line-height:1.3em;
	border: 1px solid #000099;
	margin: 2px 2px 0px 0px;
}

.rightpartscontents h3{
	font-size: 12px;
	padding: 3px 2px 2px 10px;
	border-bottom: 1px solid #cccccc;
	background-color: #000099;
	color: #FFFFFF;
}

.rightpartscontents  img{
	border: 0;
	padding: 3px 0px 5px 3px;
}

.rightpartscontents td{
	padding: 1px;
	border-bottom: 1px solid #cccccc;
}

.rightpartscontents  p{
	margin: 0;
	padding: 0px;
}



/*********** .rightparts styles ***********/

.rightparts{
	position: relative;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 90%;
	/*border: 1px solid #FFA50D;*/
}

.rightparts h3{
	padding: 5px 0px 3px 10px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #000099;
	color: #FFFFFF;
}

.rightparts a:link,
.rightparts a:visited {
	display: block;
}

.rightparts  img{
	border: 0;
	padding: 0px 3px 0px 0px;
}


.rightparts  p{
	margin: 0;
	padding: 20px 0px 0px 0px;
}


.rightparts table{
	border-collapse:collapse;
	border-spacing:0;
	empty-cells;show;
}

.rightparts th{
	padding: 5px 0px 3px 2px;
	background-color:#fff;
	text-align: left;
}


.rightparts td{
	padding: 3px;
	background-color:#fff;
	text-align: center;
	border-bottom: 1px solid #cccccc;
}


/*********** .rightparts2 styles ***********/

.rightparts2{
	position: relative;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-size: 75%;
	line-height: 1.5em;
}

.rightparts2 h3{
	/*padding: 5px 3px 3px 3px;*/
	background-image: url(../image/tab_rightparts2.gif);
	background-repeat: no-repeat;
	padding: 5px 0px 3px 10px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	/*font-size: 115%;*/
}

.rightparts2 a:link,
.rightparts2 a:visited {
	display: block;
}

.rightparts2  img{
	float: left;
	padding: 5px 8px 5px 0px;
}

.rightparts2  p{
	margin: 0;
	padding: 0px 0px 0px 0px;
}

.rightparts2 ul {
	list-style: none;
	margin: 0;
	padding: 10px 0px 0px 15px;
	list-style-position: outside;
	list-style-image: url(../image/icon-7.gif);
}

.rightparts2 li {padding: 0px 0px 2px 0px;}


/************* #siteInfo(ページの一番下メニュー) styles ***************/

#siteInfo{
	clear: both;
	font-size: 70%;
	color: #DDDDDD;
	padding: 2px 10px 2px 10px;
	background-color: #000099;
}

#siteInfo a{
	color: #DDDDDD;
}

.copyrightstyle {
	margin:0;
	padding:0;
	font-size: 9pt;
	width:600px;
	text-align:left;
}
.cp{
	font-size: 9pt;
	margin:0 0 10px 520px;
}

/************** .tablestyle2 styles（contents内img並列用） ***************/

.tablestyle2{
	padding: 10px 0px 5px 10px;
	font-size: 80%;
	line-height:1.2em}

.tablestyle2 h2{
	margin:5px 0px 10px 0px;
	padding: 0px 0px 0px 2px;
	border-left: 5px solid #000099;
	background-color: #DDDDDD;
}

.tablestyle2 table{
	border-spacing:0;
	border:0;
}

.tablestyle2 td{
	padding: 0px 2px 0px 0px;
	background-color:#fff;
	vertical-align: top;
}

.tablestyle2 img{
	padding: 0px 0px 5px 0px;
	margin-right: 20px;
	clear: both;
}


/************** .plus styles ***************/

.plus{
	clear: left;
	padding: 10px 0px 5px 10px;
	font-size: 80%;
}

.plus h2{
	padding: 0px 0px 0px 2px;
	margin-bottom: 5px;
	border-left: 5px solid #000099;
	background-color: #DDDDDD;
}

.plus img{
	padding: 10px 0px 5px 0px;
	margin-right: 20px;
}

/*修正：.gogakuのdlのスタイルを別スタイルに変更*/
.osusume{
	padding: 0px;
	margin : 5px 20px 5px 5px;
	font: 10px;
	border :1px solid #2B378B ;
}

.osusume dt {
	font-weight :600 ;
	background :#BBCBFD;
	padding : 3px;
	text-align :center ;
	line-height :130% ;
	border-bottom :1px solid #2B378B ;
}
.osusume dd {
	margin : 0em 0em 0em 1.3em ;
	text-indent :-0.8em ;
	line-height :130% ;
	font: 9px;
}

/*修正：.gogakuのulのスタイルをh3のスタイルにし、一部変更*/
.plus h3 {
	margin :0px;
	padding: 0px;
	/*list-style-position: outside;
	list-style-image: url(../image/icon-8.gif);*/
	font-size: 85%;
	line-height :150%;
}
/*修正：.gogakuのliのスタイルを別クラスにし、一部変更*/
.plus_li {
	padding: 2px 0px 0px 0px;
	font-size: 85%;
	line-height :150%;
	text-indent: 1em;	
}

.plus table{
    width:95%;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells;show;
	border:1px solid #666;
}

.plus th{
	padding: 5px;
	border:1px solid #666;
	background-color:#FFFF99;
}

.plus td{
	padding: 5px;
	border:1px solid #666;
	background-color:#FFFFCC;
}

.plus caption{
	margin-bottom:10px;
	border-bottom:1px dotted #666;
	font-weight:bold;
	text-align:left;

.plus  p{
	margin: 0;
	padding: 7px 0px 0px 0px;
}





/************** 追加レイアウト **************/

.prof{
	float:right;
	margin: 0px;
	margin-top:10px;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
	width: 23%;
	border: 1px solid #cccccc;
	clear:both;
}

.step{
	clear:both;
	float:left;
	margin: 0px;
	margin-top:10px;
	padding: 10px 0px 0px 10px;
	width: 60%;
	font-size: 80%;
	clear:both;
}

.topics{
	clear:both;
	float:right;
	margin: 0px;
	margin-top:10px;
	padding: 10px 0px 0px 10px;
	width: 38%;
	border: 1px solid #cccccc;
	font-size: 80%;
	clear:both;
}

/************* .navi styles **************/

.navi{
	padding: 0px 0px 5px 10px;
	color: #cccccc;
}

.navi img{
	display: block;
}

.navi a {
	font-size: 75%;
	padding: 0 0 0 0;
}




/************** .tablestyle styles (トップページ用)***************/

.tablestyle{
	padding: 0px 0px 0px 0px;
	font-size: 80%;
}

.tablestyle table{
    width:auto;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells;show;
	border:1px solid #666;
}

/*.tablestyle th{
	padding: 5px;
	border-bottom:1px dotted #666;
	background-color:#9cc;
}*/

.tablestyle td{
	padding: 5px;
	border-bottom:1px dotted #666;
	background-color:#fff;
}

.tablestyle caption{
	margin-bottom:10px;
	padding-left:20px;
	border-bottom:1px dotted #666;
	font-weight:bold;
	text-align:left;
}

/*以下はWin IE4-6、Mac IE4-5向けのスタイル*/
*html caption{
     padding-top:10px;
	 padding-bottom:10px;
}

/************** .gogaku styles ***************/

.gogaku{
	clear: left;
	padding: 10px 0px 5px 10px;
	font-size: 80%;
}

.gogaku h3{
	padding: 0px 0px 0px 2px;
	border-left: 5px solid #000099;
	background-color: #DDDDDD;
}

.gogaku img{
	float: left;
	padding: 10px 0px 5px 0px;
	margin-right: 20px;
	clear: both;
}

.gogaku dl {
	padding:0px;
	margin :0px;
	border-bottom :1px solid #2B378B;
	margin-left: 280px;
	font-size: 85%;
}
.gogaku dt {
	font-weight :600 ;
	background :#BBCBFD;
	padding :5px ;
	text-align :center ;
	line-height :140% ;
	border-top :1px solid #2B378B ;
	border-bottom :1px solid #2B378B ;
}
.gogaku dd {
	margin : 0.5em 0em 0.5em 1.0em ;
	text-indent :-1.0em ;
	line-height :140% ;
}


.gogaku ul {
	margin :0px;
	list-style: none;
	padding: 0px 0px 0px 20px;
	list-style-position: outside;
	list-style-image: url(../image/icon-8.gif);
	font-size: 85%;
	line-height :150%;
}

.gogaku li {
	padding: 2px 0px 0px 2px;
}

.gogaku table{
    width:95%;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells;show;
	border:1px solid #666;
}

.gogaku th{
	padding: 5px;
	border:1px solid #666;
	background-color:#FFFF99;
}

.gogaku td{
	padding: 5px;
	border:1px solid #666;
	background-color:#FFFFCC;
}

.gogaku  p{
	margin: 0;
	padding: 7px 0px 0px 0px;
}
.clear{
	clear:both;
}

/*move 2010/02/12*/
#newswrapper{
	margin: 20px 10px 35px 10px;
	background:url(../image/bg_news.gif) repeat-x;
	border: 1px solid #000099;
	font-size:12px;
}
#news{
	margin: 0px;
	padding: 0px;
}
h2#news{
	font-family: Arial,sans-serif;
	background-color:#000099;
	color: #FFFFFF;
	padding-left:5px;
 	line-height:1.6em;
}
#news img#news{
	padding-right:5px;
}
ul#news{
	list-style: none;
}
#news li{
 	line-height:1.4em;
	padding: 2px 0px 5px 5px;
}
#news li a{
	text-decoration:underline;
	color:#6633CC;
}
#news li a:hover{
	color:#CC00FF;
}






/************* .toeic styles *************/
/*
.efrontierbold{
	font-size: 12px;
	font-weight:bold;
}

.efrontier{
	font-size: 9px;
}

.efrontier_red{
	font-size: 10px;
	color: #FF0000;
}

.efrontier_green{
	font-size: 10px;
	color: #006600;
}
*/




/* hack to fix IE/Win's broken rendering of block-level anchors in lists 
.rightparts2 li {border-bottom: 1px solid #EEE;}*/

/* fix for browsers that don't need the hack 
html>body .rightparts2 li {border-bottom: none;}*/