/* -------------------------[00]:各要素リセット・基本設定 */

*{ margin:0px; padding:0px;}

html{ text-align: center; height: 100%; }

body { margin : 0px; color:#333; font-family: /* ＭＳ Ｐゴシック,Osaka, MS UI Gothic, sans-serif */'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif; 
	background: #ebf6f8 url(img/bgsub.gif) repeat-x top; /*text-align: left;*/
	/*IE7用*/
	*font-size:small;
	/*IE6以下用*/
	*font-size:x-small; 
	}

img{ border:none; }

ul { margin:0px; padding:0px; }

/* -- end clear float -- */

/* -------------------------[02]:メインビジュアル */
.sub_visual{
	width: 800px;
	margin: 0 auto;
	padding: 0px;
	height: 12px;
	background:url(img/subimg.gif) top right no-repeat;
	text-indent: -9999px;
}


/* -------------------------[03]:コンテンツ */

/*
.contents { width:575px; margin:0px; padding: 0px;}
.contents .top{ width:575px; height: 13px; margin:0px; padding: 0px; background: url(/img/contents_top.gif) no-repeat;}*/
.contents .body{ width:527px; margin:0px; padding: 14px 24px 0px 24px; background: url(/img/contents_body.gif) no-repeat bottom;	margin:0px auto; padding: 0px 0px 20px 0px;}
.contents .body p { margin:0px 0px 12px 0px; padding:0px; line-height:20px; font-size:12px; text-align:left;}

/* -------------------------[04]:レイアウト */

.left  { float:left; }
.right { float:right; }
.both { clear:both; font-size: 1px;/*  height:1px; line-height:1px; *//* border: 1px solid #f00; */}

.x-small { font-size:x-small;line-height: 130%;}
.small { font-size: small;}
.middle { font-size: small;}
.large { font-size: 144%;}

.center { text-align: center;}

.dot{ background: url(/img/dot.gif) repeat-x; font-size:1px; height:1px;}
.vdot{ background: url(/img/vdot.gif) repeat-y; font-size:1px; }

.position { position: relative;}

.orange{ color: #ff6a10;}
.green{ color: #729900;}
.red { color: #ff3300;}
.gray{ color: #999;}

.normal{ font-weight: normal;}
/* -------------------------[05]:リンク */

a:link    { color:#963; text-decoration:none; }
a:visited { color:#963; text-decoration:none; }
a:hover   { color:#c96; text-decoration:underline; }
a:active  { color:#c96; text-decoration:underline; }


/***********やりたいことから学科を探す*****************/
div#search { margin:0 0 20px 0; }

div#search a { background: url(../img/index/bt06.gif) no-repeat left top; width: 513px; height: 78px; display: block; text-indent: -5555px;}



/***********右バナー*****************/
ul.banner{
	width: 232px;
	margin: 0px auto;
	padding: 0px;
	margin-left:6px;
}
ul.banner li{ width: 232px; margin: 0px; padding: 0px; list-style:none; display: block; text-indent: -5555px; text-align:center;}
ul.banner .banner01 a{ width: 204px; height: 89px; margin: 0px; padding: 0px; background: url(/img/index/banner01.gif) no-repeat; display: block;}
ul.banner .banner02 a{ width: 204px; height: 89px; margin: 0px; padding: 0px; background: url(/img/index/banner02.gif) no-repeat; display: block; margin-bottom: 5px;}
ul.banner .banner03 a{ width: 204px; height: 54px; margin: 6px 0px 0px 0px; padding: 0px; background: url(/img/banner02.gif) no-repeat; display: block;}
ul.banner .banner03 a:hover{ background: url(/img/banner02_on.gif) no-repeat; display: block;}
ul.banner .banner04 a{ width: 204px; height: 80px; margin: 6px 0px 0px 0px; padding: 0px; background: url(/img/banner01.gif) no-repeat; display: block;}
ul.banner .banner04 a:hover{ background: url(/img/banner01_on.gif) no-repeat; display: block;}
ul.banner .pdf{ margin: 0px; padding: 0px; text-indent: 0px;}
ul.banner .acrobat{ margin: 3px 0px 0px 0px; padding: 6px; text-indent: 0px; border: 1px solid #dcdad7; background: #fdfbf8; width: 185px; }

ul.banner .find{ text-indent: 0px; margin: 0px 0px 3px 0px;}


/***********イメージ*****************/
.right_image{ width: 113px; height: 120px; margin: 25px auto 0; padding: 0px;}


/**************お知らせ*****************/
dl.info{ width: 528px; margin: 0 auto 20px; padding: 0px; overflow: auto; height: 250px;}
dl.info dt{ margin: 0; padding: 0px; text-align: left;}
dl.info dd{ margin: 0px 0px 5px 0px; padding: 0px 0px 0px 15px; text-align: left; background: url(/img/link01.gif) no-repeat 0px 3px; line-height: 120%;}
dl.info dd .oc{ font-size: small; color: #329bb9; margin: 0px 2px 0px 0px;}


.naviright { float:right; background:url(img/bgnavisub.gif) top right repeat-y; height:100%; overflow:hidden;}





/**************091122追加*****************/
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 142px; /* .push must be the same height as .footer */
}

.wrapper {
	position: relative;
	width: 800px;
	font-size: 0.9em;
	margin: 0 auto -142px;
	text-align: left;
}

.examplebox{
background:url(img/bgexample01.gif) no-repeat top;
padding-top:25px;}
.examplebox p.exP{margin-bottom:0px; margin-top:0px; padding:0 15px 25px; background:url(img/bgexample02.gif) bottom repeat-y; line-height:25px;}

h3.exH3{font-size:12px; padding-left:20px; line-height:20px; text-align:left; background:url(img/mark01.gif) no-repeat left;}
h3.exH3 a{text-decoration:underline;}
h3.counH3_01{width: 550px; height:58px; background:url(img/counh3tit_01.gif) no-repeat left top; text-indent:-5555px; margin-bottom:10px;}
h3.counH3_02{width: 550px; height:22px; background:url(img/counh3tit_02.gif) no-repeat left top; text-indent:-5555px; margin-bottom:10px;}

h3.soulH3_01{width: 550px; height:22px; background:url(img/soulh3tit_01.gif) no-repeat left top; text-indent:-5555px; margin-bottom:10px;}
h3.soulH3_02{width: 550px; height:22px; background:url(img/soulh3tit_02.gif) no-repeat left top; text-indent:-5555px; margin-bottom:10px;}
h3.soulH3_03{width: 550px; height:22px;	background:url(img/soulh3tit_03.gif) no-repeat left top; text-indent:-5555px; margin-bottom:10px;}
h3.soulH3_04{width: 550px; height:22px; background:url(img/soulh3tit_04.gif) no-repeat left top; text-indent:-5555px; margin-bottom:10px;}
h3.soulH3_05{width: 550px; height:22px; background:url(img/soulh3tit_05.gif) no-repeat left top; text-indent:-5555px; margin-bottom:10px;}

h3.costH3_01{width: 550px; height:22px; background:url(img/costh3tit_01.gif) no-repeat left top; text-indent:-5555px; margin-bottom:10px;}

h3.shopinfoH3_01{width: 550px; height:22px; background:url(img/shopinfoh3tit_01.gif) no-repeat left top; text-indent:-5555px; margin-bottom:10px;}


/* -------------------------[06]:見出し */
h2.bar02{width: 550px; height: 68px; margin: 0 0 10px 0; padding: 0px;	text-indent: -5555px; background: url(img/buildtit.gif) no-repeat; clear: both;}
h2.bar03{width: 550px; height: 68px; margin: 0 0 10px 0; padding: 0px;	text-indent: -5555px; background: url(img/counselingtit.gif) no-repeat; clear: both;}
h2.bar04{width: 550px; height: 68px; margin: 0 0 10px 0; padding: 0px;	text-indent: -5555px; background: url(img/soultit.gif) no-repeat; clear: both;}
h2.bar05{width: 550px; height: 68px; margin: 0 0 10px 0; padding: 0px;	text-indent: -5555px; background: url(img/counselingtit.gif) no-repeat; clear: both;}
h2.bar06{width: 550px; height: 68px; margin: 0 0 10px 0; padding: 0px;	text-indent: -5555px; background: url(img/costtit.gif) no-repeat; clear: both;}
h2.bar07{width: 550px; height: 68px; margin: 0 0 10px 0; padding: 0px;	text-indent: -5555px; background: url(img/shopinfotit.gif) no-repeat; clear: both;}
h2.bar08{width: 550px; height: 68px; margin: 0 0 10px 0; padding: 0px;	text-indent: -5555px; background: url(img/voicetit.gif) no-repeat; clear: both;}
h2.bar09{width: 550px; height: 68px; margin: 0 0 10px 0; padding: 0px;	text-indent: -5555px; background: url(img/abouttit.gif) no-repeat; clear: both;}
h2.bar10{width: 550px; height: 68px; margin: 0 0 10px 0; padding: 0px;	text-indent: -5555px; background: url(img/linktit.gif) no-repeat; clear: both;}
h2.bar11{width: 550px; height: 68px; margin: 0 0 10px 0; padding: 0px;	text-indent: -5555px; background: url(img/sitemaptit.gif) no-repeat; clear: both;}

#wrap{width:800px; text-align:center; margin:0px auto; background:url(img/bgnavisub.gif) right top repeat-y;}

.pankuzu{font-size:10px; text-align:left; margin-bottom:10px;"><a href="index.html" style="color:#0066cc;}
.pankuzu a.pan{color:#0066cc;}



/* table
==========================================================*/
table.tbl-normal {
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	width:100%;
	margin-bottom:5px;
	}
	
* html table.tbl-normal {
    width:90%;
    }
	
table.tbl-normal th{
	font-size:15px;
	width:110px;
	padding:10px;
	text-align:left;
	line-height:120%;
	letter-spacing:1px;
	border:1px solid #ccc;
	font-weight:normal;
	background:#CFE8F1;
	text-align:center;
	}
	
table.tbl-normal th.th-type{
	width:auto;
	color:#fff;
	text-align:center;
	background:#534835;
	padding:6px;
	}
	
	
table.tbl-normal td{
font-size:16px;
	padding:8px 8px 8px 15px;
	text-align:left;
	line-height:120%;
	letter-spacing:1px;
	border:1px solid #ccc;
	}
	
	
table.tbl-normal td a,table.tbl-normal tr a{
text-decoration:underline;
	}

table.tbl-price {
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	width:90%;
	margin-bottom:5px;
	margin-bottom:40px;
	}
	
table.tbl-price th{
	padding:10px;
	text-align:left;
	line-height:120%;
	letter-spacing:1px;
	border:1px solid #ccc;
	font-weight:normal;
	background:#ffffeb;
	text-align:left;
	}
	
table.tbl-price td{
	padding:8px;
	text-align:right;
	line-height:120%;
	letter-spacing:1px;
	border:1px solid #ccc;
	}


div.detail h4{
padding:0px 0px 10px 25px;
text-align:left;
font-size:14px;
color:#0099DD;
font-weight:bold;
background: url(img/mark01.gif) no-repeat;
}

.link{text-align:left;}

.link li {font-size:16px;
line-height:25px;
border-bottom: 1px dashed #778da0;
list-style-type: none;
margin-bottom:30px;}