/* CSS Document */
@charset "utf-8";

/* Ŝ̐݁E----------------------------------- */
html {
    height: 100%;
	margin: 0px;
	padding: 0px;
	}

body {
	font-size: 80%;
	margin: 0px;
	padding: 0px;
	color: #666666;
	line-height: 140%;
	font-family: "lr oSVbN", "qMmpS Pro W3";
	/*font-family: "lr oSVbN", Osaka, "qMmpS Pro W3";*/
}

img {
	vertical-align: top;
    border: none;
	}
	
h1,h2,h3 {
   margin:0px; 
   padding: 0px;
}

p {
	margin: 0px;
	padding: 0px;
}

a { color: #666666; text-decoration: underline;} 
a:link	{ color: #666666; text-decoration: underline; } 
a:visited{ color: #800080; text-decoration: underline; } 
a:active{ color: #FF0000;  } 
a:hover{ color: #FF0000;  } 


/* 摜荞------------ */
.photo-right {
   float: right;
   margin: 3px 0 3px 3px
}
.photo-left {
   float: left;
   margin: 3px 3px 3px 0
}
.clear-both {
    clear:both
}

/* pir------------ */
.pankuzu {
   text-align: left;
   font-size: 10px;
   line-height: 130%; 
   margin-bottom: 10px;  
}

/* y[W̐擪ɖ߁E----------- */
.pagetop {
   text-align: right;
   font-size: 10px;
   line-height: 130%; 
   margin-bottom: 10px;  
}


/* ɓ_------------ */
.line-dot {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-top: 20px;
	margin-bottom: 20px;
	clear:both
}

/* 󂫐݁E---------------*/
.m-5 {
	margin-top: 5px;
}

.m-10 {
	margin-top: 10px;
}

.m-20 {
	margin-top: 20px;
}

.right-m-10 {
	margin-right: 10px;
}

.bottom {
	margin-bottom: 10px;
}

.counter {
	margin-top: 20px;
	margin-left: 10px;
}

/* textʒu-----------------*/
.text-right {
    text-align:right
}

.text-center {
    text-align:center
}

/* tHg݁E----------- */

.font-info {
	font-size: 80%;
}
	
.font-left {
	font-size: 80%;
	color: #28ADE7;
}

.font-tleft {
	font-size: 80%;
	color: #5F9400;
}

.font-10 {
	font-size: 10px;
}

.font-b-14 {
	font-size: 14px;
	font-weight: bold;
}

.font-b-14-orange {
	font-size: 14px;
	font-weight: bold;
	color: #FFA620;
}

.font-red{
	color: #FF0000;
}

.font-red-small{
	font-size: 80%;
	color: #FF0000;
}

.font-b-red{
	color: #FF0000;
	font-weight: bold;
}

.font-orange{
	color: #FF6600;
}

.font-b-orange{
	color: #FF6600;
	font-weight: bold;
}

.font-blue{
	color: #3366CC;
}

.font-b-blue{
	font-weight: bold;
	color: #3366CC;
}


/* ړIʃj[------------ */

#usermenu {
	margin: 0px;
	padding: 0px;
}

#usermenu li {
	font-size: 80%;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 0px;
	width: 250px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
	list-style-type: none;
}

#usermenu a {
text-decoration: none;
}
/* ړIʃj[2008[cǁE----------- */

#usermenu2008 {
	margin: 0px;
	padding: 0px;
}

#usermenu2008 li {
	font-size: 70%;
	padding-left: 0px;
	width: 290px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
	list-style-type: none;
}

#usermenu2008 a {
text-decoration: none;
}
#usermenu2_2008 {
	margin: 0px;
	padding: 0px;
}

#usermenu2_2008 li {
	font-size: 80%;
	padding-left: 0px;
	width: 270px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
	list-style-type: none;
}

#usermenu2_2008 a {
text-decoration: none;
}

/* ړIʃj[iTuj------------ */

#usermenu2 {
	margin: 0px;
	padding: 0px;
}

#usermenu2 li {
	font-size: 80%;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 0px;
	width: 270px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
	list-style-type: none;
}

#usermenu2 a {
text-decoration: none;
}

/*  1_test  */
ul.class-info {
	font-size: 80%;
	list-style: none;

	width: 225px;
}

td ul.class-info li {
	padding: 2px 0 5px 15px;
	margin-left: 5px;
	width: 225px;
}
td ul.class-info .first-child {
	background: url(user/arrow01.gif) no-repeat #EEEEEE 5px 50%;
	margin-top: 3px;
	padding-top: 4px;
}

.claa-category img {
	margin-bottom: 9px;
}

/*  2_test  */
tr.campus td {
	padding-left: 20px;
}

tr.campus2 td {
	padding: 2px 0 2px 20px;
}


tr.campus3 td {
	padding: 2px 0px 35px 20px;
}


tr.campus2 td img,
tr.campus3 td img {
	vertical-align: bottom;
}
	
/*  3_test  */
p.parents {
	padding: 3px 0 2px 20px;
}

.recruit {
	border: 2px solid #EEEEEE;
	border-top: none;
}

/*  4_test  */
.alumni {
	border: 1px solid #333333;
	border-collapse: collapse;
	font-size: 100%;
	margin: 7px 0 7px 6px;
}

.alumni th {
	border: 1px solid #333333;
}

.alumni td {
	border: 1px solid #333333;
}

.alumni2 {
	font-size: 80%;
	border: 1px solid #333333;	
}

.alumni3 {
	font-size: 80%;
	border: 1px solid #CFCFCF;	
}

.alumni-title {
	margin-bottom: 3px;
}

/*  5_test  */
.community {
	border: 1px solid #CFCFCF;
}

.community2 {
	font-size: 80%;
	margin-left: 15px;
}

/*  6_test  */

.business {
	margin-left: 28px;
}

p.bottom-bor {
	border-bottom: solid 2px #EEEEEE;
	width: 270px;
}

/*  COL1_test  */
.col-examinee1 {
	padding: 5px 0 8px 15px;
}

ul.col-class-info {
	font-size: 80%;
	list-style: none;
	width: 225px;
}

td ul.col-class-info li {
	padding: 2px 0 5px 15px;
	margin-left: 0;
	width: 225px;
}

td ul.col-class-info .col-first-child {
	background: url(../COL/img/user/arrow.gif) no-repeat #EEEEEE 5px 50%;
	margin-top: 3px;
	padding-top: 4px;
}

.col-examinee2 {
	margin-bottom: 10px;
}


/*  COL3_test  */

table.guardian {
	margin-top: 10px;
}

.td-guardian {
	border: 1px solid #CFCFCF;
	padding-bottom: 10px;
}

.td-guardian p {
	padding: 3px 0 3px 20px;
}

p.first-guardian {
	padding: 0;
	padding-bottom: 2px;
}

.td-guardian p img {
	vertical-align: middle;
}

/*wē*/
.box01 {
	width: 275px;
	float: left;
}
.box02 {
	width: 275px;
	float: right;
}
.information {
	width: 570px;
	margin-left: 20px;
	padding-left: 0px;
	margin-top:15px;
}

.box03 {
	width: 330px;
	float: left;
}
.box04 {
	width: 230px;
	float: right;
}
.information02 {
	width: 570px;
	margin-left: 20px;
	padding-left: 0px;
	margin-top:0px;
}

/*wē*/

.entrance .btnBlock {
	width: 500px;
	text-align: center;
	padding-left: 50px;
	padding-top: 20px;
}
.entrance .btnBlock .block01 {
	width: 210px;
	float: left;
}
.entrance .btnBlock .block02 {
	width: 210px;
	float: right;
}

/*GNXeV*/
.communityBlock {
	padding-left: 20px;
	margin-top: 20px;
}

/*}Z^[*/

.library {
	_margin-top: 20px;
	margin-top: 0px;
}

/*LpXCt*/
.campus {
	_margin-top: 20px;
}
.campus .Block3 .Block302 {
	width: 180px;
	float: left;
}

.campus .Block3 .Block303 {
	width: 180px;
	float: left;
}


/*wKxECȂ*/
.study {
	width: 570px;
	margin-left: 20px;
	padding-left: 0px;
	margin-top:15px;
}

/*I[vLpX*/
.opencampus .color02 {
	font-weight: bolder;
	font-size: 120%;
	margin-top: 20px;
}
.opencampus dl dt {
	float: left;
	margin-right: 20px;
}
.opencampus dl dd {
	line-height: 1.7em;
}
.opencampus .block {
	clear: both;
	margin-bottom: 20px;
}
.opencampus h3 {
	color: #FF7100;
	font-size:  13px;
	font-weight: bolder;
	margin-top: 20px;
}
.opencampus p {
	margin-left:  20px;
	margin-top: 15px;
}
.opencampus p.center {
	text-align: center;
	margin-top: 20px;
}
.opencampus ul.list01 {
	margin-top: 10px;
	margin-left:  -20px;
	_margin-left: 20px;
}

.opencampus .course01 {
	margin-top : 20px;
	padding: 20px;
	background: #DBE3D9;
	color: #104501;
}
.opencampus .course01 h3 {
	margin-top: 0px;
}
.opencampus .course01 h4 {
	color: #104501;
	font-size: 12px;
	font-weight: normal;
}

.opencampus .course02 {
	margin-top : 20px;
	padding: 20px;
	background:#F0DCEC;
	color: #9C1782;
}
.opencampus .course02 h3 {
	margin-top: 0px;
}

.opencampus .course03 {
	margin-top : 20px;
	padding: 20px;
	background:#D9DEE0;
	color: #00222E;
}
.opencampus .course03 h3 {
	margin-top:  0px;
}

.opencampus .course04 {
	margin-top : 20px;
	padding: 20px;
	background:#E9E0D9;
	color: #6B3101;
}
.opencampus .course04 h3  {
	margin-top: 0px;
}

/*fW^Rec*/
.flash {
	margin-bottom: 20px;
}
.flash dl {
	width: 140px;
	float: left;
	margin-left: 3px;
	margin-top: 15px;
}

.flash dd {
	margin-left: 0px;
	font-size: 85%;
	text-align: center;
	margin-top: 5px;
}

.flash p {
	margin-top:15px;
	margin-left: 15px;
	padding-right: 10px;
}

dl.getflash {
	width: 570px;
}
dl.getflash dt {
	width: 150px;
	float: left;
}
dl.getflash dd {
	text-align: left;
	margin-top: 0px;
}

/*@험px*/
.tools dl.photo01 dt {
	width: 285px;
	float: left;
}
.tools h2 {
	font-weight: bolder;
	color: #FF7100;
	font-size: 12px;
	padding-top: 20px;
	_padding-top: 0px;
}
.tools h3 {
	color: #FF7100;
	font-size: 12px;
	font-weight: normal;
	padding-top: 20px;
	_padding-top: 0px;
}

.tools .space01 {
	_margin-top: 20px;
}

.tools dl.photo02 dt {
	width: 315px;
	float: left;
}
.tools .photo03 .block01 {
	width: 185px;
	float: left;
}
.tools .photo03 .block01 dl dd {
	width: 175px;
	margin-left: 5px;
	margin-top: 10px;
}
.tools .photo04 dl {
	width: 277px;
	float: left;
}
.tools .photo04 dl dt img {
	float: left;
}
.tools .photo04 dl dt p {
	color: #FF7100;
	padding-top: 165px;
}
.tools .photo04 dl dd {
	margin-left: 5px;
	margin-top: 10px;
	padding-right: 10px;
}

/*ȏAE*/
.omonasyusyoku table.rate {
	border-left: solid 1px #cccccc;
	border-top: solid 1px #cccccc;
	font-size: 12px;
	margin-top: 15px;
}
.omonasyusyoku table.rate th {
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	background: #f4f4f4;
	font-size: 12px;
	font-weight: bolder;
	padding: 5px;
}
.omonasyusyoku table.rate td {
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	font-size: 12px;
	padding: 5px;
}
.omonasyusyoku table.rate td.percent {
	text-align: center;
	font-weight: bolder;
}
.omonasyusyoku ul.list01 {
	margin-top: 20px;
}
.omonasyusyoku ul.list01 li {
	margin-left;
	margin-right: 20px;
	float: left;
}

.omonasyusyoku .distinction01 {
	clear: both;
	padding-top: 1px;
	_padding-top: 0px;
}
.omonasyusyoku h3 {
	margin-top: 15px;
}
.omonasyusyoku .distinction01 h4 {
 	color: #88AF0E;
 	font-size: 12px;
 	margin-bottom: 5px;
}
.omonasyusyoku .distinction01 h5 {
 	color: #88AF0E;
 	font-size: 100%;
 	margin-bottom: 5px;
 	font-weight: normal;
}

.omonasyusyoku .distinction02 h5 {
 	color: #F27070;
 	font-size: 100%;
 	margin-bottom: 5px;
 	font-weight: normal;
}

.omonasyusyoku .distinction03 h5 {
 	color: #9494FF;
 	font-size: 100%;
 	margin-bottom: 5px;
 	font-weight: normal;
}

.omonasyusyoku .graphBlock {
	width: 570px;
}
.omonasyusyoku .graphBlock .block01 {
	float: left;
	width: 285px;
	margin-bottom:15px;
}
.omonasyusyoku .graphBlock .block02 {
	float: right;
	width: 285px;
	margin-bottom: 15px;
}

.omonasyusyoku .distinction02 h4 {
 	color: #F27070;
 	font-size: 12px;
 	margin-bottom: 5px;
}

.omonasyusyoku .distinction03 h4 {
 	color: #9494FF;
 	font-size: 12px;
 	margin-bottom: 5px;
}


/*ÉwZwO]ʕ*/
.accredited {
	margin-top: 15px;
	_margin-top: 0px;
}
.accredited .block01 {
	width: 320px;
	float: left;
}
.accredited .block01 dl dd {
	margin-left: 15px;
}
.accredited .block02 {
	width:220px;
	float: right;
}


/*  FtXg  */
dl.list01 dt {
	font-weight: bolder;
	background: url(../img/icon_1.gif) 0 0.3em no-repeat;
	padding-left: 12px;
	margin-bottom: 10px;
}
dl.list01 dd {
	font-weight: bolder;
	font-weight: normal;
	margin-left: 1em;
	margin-bottom: 20px;
}

ul.list01 {
	margin-left: -40px;
	_margin-left: -0px;
	margin-bottom: 20px;
}

/*Xg̃ACR*/
ul.list01 li {
	background: url(../img/icon_1.gif) 0 0.3em no-repeat;
	padding-left: 14px;
	margin-bottom: 10px;
	list-style-type: none;
}

ul.list02 {
	margin-bottom: 0px;
}
ul.list02 li {
	background: url(icon_list01.gif) 0 0.5em no-repeat;
	padding-left: 10px;
	list-style-type: none;
	margin-left: -30px;
}

ul.listdown {
	margin-left: -40px;
	_margin-left: 0px;
	_margin-top: 10px;
}
ul.listdown li {
	background: url(../img/icon_down.gif) 0 0.3em no-repeat;
	padding-left: 14px;
	margin-bottom: 10px;
	list-style-type: none;
}

/*    */
ul.beside li {
	float: left;
	margin-right: 15px;
}
/*  y[WN  */
.listBox {
	margin-top: -10px;

}
.listBox .listBlock01 {
	width: 195px;
	float: left;
}
.listBox .listBlock02 {
	width: 195px;
	float: left;
}
.listBox .listBlock03 {
	width: 180px;
	float: left;
}




/*  tHgJ[  */

.color01 {
	color: #FF0000;
}
.color02 {
	color: #FF7100;
}

/*c3*/

.Block3 .Block301 {
	width: 180px;
	float: left;
}

.Block3 .Block302 {
	width: 150px;
	float: left;
}

.Block3 .Block303 {
	width: 210px;
	float: left;
}

/*2@oi[zu*/
.bannerBlock01 {
	margin-left: 5px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.bannerBlock01 .left {
	width: 280px;
	float: left;
}

.bannerBlock01 .right {
	width: 280px;
	float: right;
}

.bannerBlock02 {
	margin-left: 5px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.bannerBlock02 .left {
	width: 280px;
	float: left;
}

.bannerBlock02 .right {
	width: 240px;
	float: right;
}
.bannerBlock02 .right p.first {
	margin-top: 0px;
}


/*ɖ߂郊N*/
.gotop {
	text-align: right;
	margin-top: 15px;
}
/*F̘g*/
.block-blue {
	border: solid 1px #1A79A2;
	background: #E8F3FF;
	padding:5px 15px 10px 15px;
	margin-top: 20px;
}


/*PDFN*/
a.pdf {
	background: url(icon_pdf.gif) 100% 0.1em no-repeat;
	padding-right: 15px;
	padding-top: 3px;
}
/*h3̗*/
h3.title03 {
	color: #00cc66;
	font-weight: bolder;
	margin-top: 20px;
	font-size: 110%;
}
h3.title03first {
	color: #00cc66;
	font-weight: bolder;
	margin-top: 10px;
	font-size: 110%;
}

/*h4̌o*/
.title04 {
	background: url(icon_4.gif) 0 0.4em no-repeat;
	padding-left: 12px;
	padding-top: 3px;
	font-size: 110%;
	margin-bottom: 0px;
}
/*h5̌o*/
.title05 {
	background: url(icon_list01.gif) 0 0.5em no-repeat;
	padding-left: 5px;
	font-size: 110%;
}

.elementBox01 {
	margin-top: 10px;
}
.elementBox01 .standard2 {
	padding: 0px;
}
.elementBox01 h2 {
	background: #BCDEFF;
	font-size: 120%;
	padding: 5px;
	margin-top: 20px;
	margin-bottom:5px;
}
.elementBox01 h2.first {
	background: #BCDEFF;
	font-size: 120%;
	padding: 5px;
	margin-top: 0px;
}
.elementBox01 p{
	margin-top: 10px;
}

.elementBox03 {
	margin-top: 20px;
}
.elementBox03 .left {
	width: 280px;
	float: left;
}
.elementBox03 .left h3 {
	margin-top: 0px;
}
.elementBox03 .right {
	width: 208px;
	float: right;
}
.elementBox03 .right p {
	margin-top: 10px;
}
.elementBox03 .right p.first {
	margin-top: 0px;
}


.tbl01 {
	border-top : solid 1px #BCDEFF;
	border-left : solid 1px #BCDEFF;
	margin-top: 10px;
}
.tbl01 th {
	background: #E8F3FF;
}
.tbl01 td {
	border-bottom : solid 1px #BCDEFF;
	border-right : solid 1px #BCDEFF;
	padding: 10px;
	text-align: center;
}
.tbl01 th {
	border-bottom : solid 1px #BCDEFF;
	border-right : solid 1px #BCDEFF;
	padding: 10px;
}

.tbl02 {
	border-top : solid 1px #BCDEFF;
	border-left : solid 1px #BCDEFF;
	margin-top: 10px;
}
.tbl02 th {
	background: #E8F3FF;
}
.tbl02 td {
	border-bottom : solid 1px #BCDEFF;
	border-right : solid 1px #BCDEFF;
	padding: 6px;
	text-align: left;
}
.tbl02 th {
	border-bottom : solid 1px #BCDEFF;
	border-right : solid 1px #BCDEFF;
	text-align: left;
	padding: 6px;
}


/*}[W*/
.top15 {
	padding-top: 15px;
}

.top10 {
	margin-top: 10px;
}

.bottom0 {
	margin-bottom: 0px;
}

/*g*/
.elementBoxBlue {
	border: solid 1px #BCDEFF;
	width: 568px;
	margin-bottom: 20px;
	margin-top: 20px;
}
.elementBox01 .elementBoxBlue h2 {
	margin-top: 0px;
}
.elementBoxBlue .contents {
	padding: 5px;
}
.elementBoxBlue .contents ul {
	margin-left: -40px;
	_margin-left: 0px;
	_margin-top: 10px;
}
.elementBoxBlue .contents ul li {
	float: left;
	margin-right: 8px;
	margin-bottom: 10px;
	list-style-type: none;
}
.elementBoxBlue .contents ul li.last {
	margin-right: 0px;
}



/*ݍZ̕*/
.elementBox {
	background: url(../img/bg_element-2.gif) 0 100% no-repeat;
	width: 568px;
	margin-bottom: 20px;
}
.elementBox h2 {
	background: #BCDEFF;
	font-size: 120%;
	padding: 5px;
}
.elementBox  .contents {
	padding: 15px 10px 10px 15px;
}
.elementBox  .contents p img {
	margin-bottom: 10px;
}
.elementBox ul.list01 {
	margin-top: 0px;
}
.elementBox .elementBlock01 {
	width: 275px;
	float: left;
	margin-right: 14px;
}
.elementBox .elementBlock02 {
	width: 275px;
	float: left;
	margin-right: 4px;
}
.elementBox .elementBlock02 .block01 {
	width: 154px;
	float: left;
}
.elementBox .elementBlock02 .block02 {
	width: 90px;
	float: right;
}
.bannerBlock p {
	margin-bottom: 10px;
}

/*----- FAQ -----*/
.faq ul {
	margin-top: 0px;
}
.faq ul li {
	list-style-type: none;
	margin-left: -40px;
	padding-left: 18px;
	background: url(../img/icon_q.gif) 0 0 no-repeat;
	line-height: 1.6em;
	margin-bottom: 10px;
}

.faq dl dt {
	background: url(../img/icon_q.gif) 0 0 no-repeat;
	padding-left: 18px;
	line-height: 1.6em;
	margin-left: 7px;
	font-weight: bolder;
}
.faq dl dd {
	background: url(../img/icon_a.gif) 0 0 no-repeat;
	padding-left: 18px;
	line-height: 1.6em;
	margin: 7px 0 0 20px;
}




.clear {
	clear: both;
}

/*----- clearfix scheme -----*/
div,
dl {
	display: inline-block;
}
div:after,
dl:after {
	height: 0;
	visibility: hidden;
	content: url("/common/img/img_spacer.gif");
	display: block;
	clear: both;
}
/* hide MacIE \*/
* html div,
* html dl {	height: 1em;}
div,
dl {	display: block;}
/* ini */