@charset "utf-8";

html{
	height:100%;
	}
dl,dt,dd,h1,h2,h3,h4,p,ul,li,table,th,td,a,img{
	margin:0px;
	padding:0px;
	}
h1,h2,h3,h4,h5,h6 {
 font-style: normal;
 font-weight: normal;
 font-size: 1.0em;
 }
body {
	font: 14px "ＭＳ ゴシック",Verdana, Arial, Helvetica;
	background: #ffffff url(../img/bg.jpg) repeat-x top;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #333333;
	height:100%;
	line-height:1.2em;
}
table{
	border-collapse:collapse;
	}
img,a{
	border:none
}
a {	color: #154Ea2; text-decoration: none;}
a:link {color: #154Ea2; text-decoration: none;}
a:visited {	color: #154Ea2; text-decoration: none;}
a:hover {color: #6699ff; text-decoration: underline;}


.gototop{
	text-align:right;
	float:right;
	margin:10px 10px 0px 0px;
	padding-bottom:30px;
	}
.small{
	font-size:0.9em;
	line-height:1.2em;
	margin-top:10px;
	}
.small9{
	font-size:0.9em;
	}
.right_small{
	text-align:right;
	float:right;
	font-size:0.9em;
	line-height:1.2em;
	margin-top:10px;
	}
.right_small2{
	padding-left:30px;
	font-size:0.9em;
	line-height:1.2em;
	margin-top:10px;
	}
.right img{
	float:right;
	}
/*インタビューページの画像についての設定*/
.right_b30{
	float:right;
	/*margin-right:20px;これはdlと揃えている*/
	padding:10px;/*これはdlと揃えている*/
}
#wrapper{
	background:url(../img/bg_footer.jpg) repeat-x bottom;
	}
#container {
	width: 860px;  /* これにより、幅860px のコンテナが設定されます */
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	padding:0px;
/*	height:100%;*/
	border: none;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}
#header {
	padding: 0 10px 0 0px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
}
#header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding-top: 30px; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
	padding-left: 0px;
	padding-bottom: 33px;
}
#left_logo{
	float:right;
	padding-top:5px;
	}
#menu {
	margin: 0px;
	padding: 0px; 
	background: #FFFFFF;
	height:52px;
}
#menu li{
	padding: 0px; 
	margin: 0px;
	float:left;
	list-style-type:none;
	}

#mainContent{
	width:860px;
	background-color:#FFFFFF;
	height:100%;
	}
#nav{
	padding: 0px; 
	margin: 0px;
	background:url(../img/bg_nav.jpg) repeat-x top;
	width:860px;
	height:25px;
	font-size:0.8em;
	}
#nav p{
	padding-left:10px;
	padding-top:7px;
	}
#sidebar1{
	width:220px;
	height:100%;
	min-height:100%;
	background:#F6F2E8 url(../img/bg_sidebar.jpg) repeat-x bottom;
	float:left;
	margin-top:10px;
	font-size:0.9em;
	}

.sidemenu{
	background:#E8E8E8 url(../img/bg_menu.jpg) repeat-x top;
	width:200px;
	border:#CCCCCC solid 1px;
	margin-top:10px;
	margin-left:10px;
	}

.sidemenu dt{
	background: url(../img/bg_h3.jpg) repeat-x top;
	color:#FFFFFF;
	font-weight:bold;
	height:30px;
	padding-left:10px;
	line-height:30px;

	}
.sidemenu dd{
	color:#404000;
	padding: 5px 5px 5px 15px;
	margin:0px 15px;
	background:url(../img/arrow.gif) no-repeat left 8px;

	}
.sidemenu ul{
	margin-left:30px;
	list-style:none;
		}
* html .sidemenu ul{/*IE6のみ*/
	margin-left:3px;
	list-style:none;
		}
.sidemenu li{
	padding: 5px 5px 5px 15px;
	background:url(../img/arrow2.gif) no-repeat left 8px;
	border-bottom:#CCCCCC dashed 1px;
	}		
#sidebar1 .sidemenu .last{
	border-bottom: 0px;
	margin-bottom: 5px;
	}
	
.sidemenu a {	color: #333333; text-decoration: none;}
.sidemenu a:link {color: #333366; text-decoration: none;}
.sidemenu a:visited {	color: #333333; text-decoration: none;}
.sidemenu a:hover {color: #6666cc; text-decoration: underline;}
	
#main{
	background-color:#FFFFFF;
	margin-top:10px;
	margin-left:10px;
	width:630px;
	float:right;
	font-size:0.9em;
	}	
#main h3{
	background:url(../img/bg_h3_2.jpg) bottom repeat-x;
	margin-top:30px;
	margin-left:20px;
	margin-bottom:5px;
	padding-bottom:5px;
	height:22px;
/*	border-bottom: #660066 3px double;*/
	width:610px;
	}

/*2010.3.30 feature.htmlのh4とphotobook.htmlのh4にもっとデザインを施すように指示有り
.colorbase_h4は背景に画像を引いているのでh4がテキストの場合に使用
.baseline_h4はh4が画像の場合に使用
*/	
.colorbase_h4{
	background:url(../img/bg_h4_more.jpg) top repeat-x;
	margin-left:20px;
	margin-top:40px;
	margin-bottom:10px;
	font-weight:bold;
	height:32px;
	line-height:32px;
	padding-left:10px;
	padding-bottom:0px;
	color:#1A4D63;/*:#216380;*/
	clear:both;/*20101005イラストが入るboxの次に来るので変更*/
	}
.baseline_h4{
	margin-left:20px;
	margin-top:40px;
	margin-bottom:10px;
	padding-left:10px;
	padding-bottom:5px;
	font-weight:bold;
	border-bottom: 1px #000066 dashed;
	background:none;
	}

#main h5{
	margin-left:20px;
	padding-left:5px;
	margin-bottom:10px;
	font-weight:bold;
	border-bottom: #B5A3C8 1px dashed;
	}
#main p{
	margin-left:30px;
	}
#main ul{
	margin-left:30px;
	list-style:none;
	}
#main li{
	margin-top:10px;
	margin-left:20px;
	}	
.table_bg{
	width:610px;
	margin-left:20px;
	margin-top:10px;
	font:0.85em;
	}
	
.table_bg th{
	background:#b2B260;/*#B0B200;*/
	border:#656600 1px solid;
	text-align:center;
	padding:3px;
	}

.table_bg td{
	/*background:#FFFFFF;*/
	border-bottom:#656600 1px solid;
	border-right:#656600 1px solid;	
	padding:3px;
}
.table_bg .bg_sub{
	background-color:#D6D898;/*#d7d87f;*/
	border-bottom:#656600 1px solid;
	border-left:#656600 1px solid;
	text-align:center;
	font-weight:bold;	
	}		
table .border_top{
	border-top:#656600 1px solid;
	}
table .border_left{
	border-left:#656600 1px solid;
	}
/*入学金表示用*/
.table_bg_mini{
	width:310px;
	margin-bottom:10px;
	margin-top:10px;
	font:0.85em;
	float:right;
	}
.table_bg_mini th{
	background:#b2B260;/*#B0B200;*/
	border:#656600 1px solid;
	text-align:center;
	padding:3px;
	}
.table_bg_mini td{
	border-bottom:#656600 1px solid;
	border-right:#656600 1px solid;
	border-top:#656600 1px solid;	
	padding:3px;
}
.greeting img{
	margin-left:20px;
	/*    padding-top:30px;   IE6にあとからかける*/
	float:left;
	padding-right:10px;
	border:none;
	}
.greeting p{
	vertical-align:bottom;
	border:none;
	}
.greeting h4{
	color:#333366;
	border-bottom:0px;
	}
.student{
	width:600px;
	margin-left:20px;
	margin-top:20px;
	font-size:1.0em;
	margin-bottom:0px;
	}
.border_bottom{
	padding:5px;
	border-bottom:#B5A3C8 1px dashed;	
	}
.name{
	font-size:1.4em;
	padding:3px;
	border-bottom:#B5A3C8 1px dashed;	
	}
	
.teacher_name{
	width:600px;
	margin-left:20px;
	height:2.3em;
	border-bottom:#B5A3C8 2px solid;
	padding:5px;
	margin-bottom:5px;
	}
.teacher_name dt{
	font-size:1.4em;
	font-weight:bold;
	padding-top:5px;
	clear: both;
	float: left;
	}
.teacher_name dd{
	float: left;
	padding-top:5px;
	margin-left: 20px;
	margin-top: 5px;
	}

.teacher{
	width:600px;
	margin-left:20px;
	}
.teacher th{
	color:#330066;
	font-weight:bold;
	padding:5px;
	border-bottom:#B5A3C8 1px dashed;	
	}
.teacher_history{
	width:600px;
	margin-left:20px;
	clear:both;
	}
.teacher_history dt{
	font-weight:bold;
	color:#330066;
	}
.teacher_history dd{
	margin-left:15px;
}
.teacher_history_detail th{
	padding:5px;
	}
.teacher_history li{
	list-style:circle;	
	}
/*.italic{
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
	}	
*/
/*受講方法の注意書き*/
#outbox{
	background:url(../about/img/arrow1.jpg) 40px 10px no-repeat;
	margin:10px;
	padding-left:130px;
	width:450px;
	height:150px;
	float:left;	/*20101005イラスト表示のため変更*/
}
#outbox2{
	background:url(../about/img/arrow1.jpg) 40px top no-repeat;
	margin:10px;
	padding-left:130px;
	width:450px;
	height:75px;	
}
.box{/*20101005イラスト表示のため変更*/
	border: 3px double #1A4D63;
	background-color:#E4EDD3;
	padding:10px;
	line-height:1.2em;
	float:left;
	width:350px;
	margin-right:15px;
	}
.box2{/*20101005イラスト表示のため追加*/
	border: 3px double #1A4D63;
	background-color:#E4EDD3;
	padding:10px;
	line-height:1.2em;
	}

/*20101005指示により背景画像表示のために追加*/
.fromallarea{
	background:url(../about/img/l_1111.gif) right bottom no-repeat;
	width:590px;
	height:120px;
	}
/*20101005入学年度表示のために追加*/
.year{
	font-size:0.7em;
	}
/*20101005「必修」の前に◎を表示させるために追加*/	
.indent01{
	text-indent:-1.0em;
	}
/*20101005受講方法の表示のために追加*/
.left{
	float:left;
	width:410px;
	}
/*20101012受講方法の表示のために追加*/
.right2{
	text-align:right;
	float:right;
	font-size:0.9em;
	line-height:1.2em;
	margin-top:10px;
	width:190px;
	}
/*合格者インタビューのため*/
.school{
	color:#309;
	/*text-indent:-1.0em;
	padding-left:1.0em;*/
	padding-right:0px;
	margin-right:0px;
}
.success{
	color:#333;
	text-indent:-5.5em;
	padding-left:5.0em;
	margin-bottom:1.0em;
	/*margin-right:1.0em;*/
	padding-right:0px;
	margin-right:0px;
	}
dl.interview {
	border-top:3px double #030;
	border-bottom:3px double #030;
	margin-left:30px;
	margin-top:15px;
	margin-bottom:15px;
	margin-right:20px;
	padding:10px;
	background:url(../img/sakura_bg.jpg) no-repeat;
}
dl.interview dt{
	float:left;
	margin-left:30px;
}
#footer { 
	padding: 0px;
	margin:1px auto 0px auto;
	width:860px;
	height: 70px;
	/*background: #330066;*/
	clear:both;
} 
#footer p{
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 20px; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
	
	color:#FFFFFF;
	font-size:0.9em;
	line-height:150%;
	text-align:left;
}

.address {
	font-size: 1.2em;
	font-weight: bold;
}