@charset "utf-8";
/*
Theme Name: school
Theme URI: http://c-tpl.com/
Description: school
Version: 1.0
Author: editorschool
Author URI: http://c-tpl.com/
Tags: simple

	Cloud template v1.0
	 http://c-tpl.com/

	This theme was designed and built by Cloud template,
	whose blog you will find at http://c-tpl.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

*{margin:0;padding:0;}

body {
font: 13px/1.5 arial,helvetica,clean,sans-serif;
color:#333333;
background: #ffffff url(images/) repeat-x top;
-webkit-text-size-adjust:none;
}

body#toppage {
background: #ffffff url(images/) repeat-x top;
}

a{color:#015087;text-decoration:none;}
a:hover{color:#028cee;text-decoration:underline;}
a:active, a:focus {outline: 0;text-decoration:underline;}
img{border:0;}
.clear{clear:both;}
.red { color: #F00; }

.fontsize20 {
	font-size:20px;
	line-height: 2;
}

.kei {
	border-bottom:solid 1px;
	border-bottom-color:#FFF;
}

/*************
全体
*************/
#wrapper {
margin: 0 auto;
padding: 0 20px;
width: 910px;
}

#container {
margin: 0 auto;
width: 910px;
}

/*************
/* ヘッダー
*************/

#logo {
	width:250px;
	margin: 10px 5px 5px 5px;
	padding: 7px 0 0;
	float:left;
}

#logo img { display:block; }

ul#form_btn {
	width: 300px;
	height: 38px;
	float: right;
	display: block;
	margin: 26px 0px 0px 0px;
}

ul#form_btn li {
	float: left;
	list-style:none;
}

ul#form_btn a {
	display: block;
	width: 150px;
	height: 38px;
	background-image: url(images/form_btn.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}

li#request a { }

li#application a { background-position: -150px 0px; }

li#request a:hover { background-position: 0px -38px; }

li#application a:hover { background-position: -150px -38px; }

ul#headersub {
	width: 215px;
	height: 22px;
	float: right;
	display: block;
	margin-top: 42px;
	margin-right: 15px;
}

ul#headersub li {
	float:left;
	list-style:none;
}

ul#headersub a {
	text-indent: -9999px;
	display: block;
	height: 22px;
	background-image: url(images/header_sub.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

ul#headersub li#inquiry a {
	width:71px;
	background-position:0px 0px;
}

ul#headersub li#qanda a {
	width:82px;
	background-position:-71px 0px;
}

ul#headersub li#access a {
	width:62px;
	background-position:-153px 0px;
}

ul#headersub li#inquiry a:hover { background-position:0px -22px; }

ul#headersub li#qanda a:hover { background-position:-71px -22px; }

ul#headersub li#access a:hover { background-position:-153px -22px; }

/*************
/* トップナビゲーション
*************/

ul#topnavi {
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
}

ul#topnavi li {
	float:left;
	list-style:none;
}

ul#topnavi a {
	text-indent: -9999px;
	display: block;
	float:left;
	height: 45px;
	background-image: url(images/topnavi.gif);
	background-repeat: no-repeat;
	background-position: left -32px;
}

ul#topnavi li#about a{
	width:151px;
	background-position:0px -62px;
}

ul#topnavi li#course a{
	width:152px;
	background-position:-151px -62px;
}

ul#topnavi li#seminar a{
	width:152px;
	background-position:-303px -62px;
}

ul#topnavi li#info a{
	width:152px;
	background-position:-455px -62px;
}

ul#topnavi li#exam a{
	width:152px;
	background-position:-607px -62px;
}

ul#topnavi li#career a{
	width:151px;
	background-position:-759px -62px;
}

ul#topnavi li#about a:hover, ul#topnavi li#about a:active{ background-position:0px -107px; }

ul#topnavi li#course a:hover, ul#topnavi li#course a:active { background-position:-151px -107px; }

ul#topnavi li#seminar a:hover, ul#topnavi li#seminar a:active { background-position:-303px -107px; }

ul#topnavi li#info a:hover, ul#topnavi li#info a:active { background-position:-455px -107px; }

ul#topnavi li#exam a:hover, ul#topnavi li#exam a:active { background-position:-607px -107px; }

ul#topnavi li#career a:hover, ul#topnavi li#career a:active { background-position:-759px -107px; }

ul#topnavisub {
	width: 608px;
	height: 26px;
	margin-bottom: 11px;
	float: right;
	display: block;
	margin-top: 10px;
}

ul#topnavisub li {
	float:left;
	list-style:none;
}

ul#topnavisub a {
	display: block;
	width:152px;
	height: 31px;
	background-image: url(images/topnavi.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	text-indent: -9999px;
}

ul#topnavisub li#student a { background-position:-302px 0px; }

ul#topnavisub li#employer a { background-position:-454px 0px; }

ul#topnavisub li#training a { background-position:-606px 0px; }

ul#topnavisub li#text a { background-position:-758px 0px; }

ul#topnavisub li#student a:hover, ul#topnavisub li#student a:active { background-position:-302px -31px; }

ul#topnavisub li#employer a:hover, ul#topnavisub li#employer a:active { background-position:-454px -31px; }

ul#topnavisub li#training a:hover, ul#topnavisub li#training a:active { background-position:-606px -31px; }

ul#topnavisub li#text a:hover, ul#topnavisub li#text a:active { background-position:-758px -31px; }


/*************
広告説明会版
*************/

dl#publicity {
	height: 280px;
	width: 910px;
	text-indent: -9999px;
        margin-bottom: 5px;
}

dl#publicity dt {
	width: 600px;
	height: 280px;
	display: block;
	float: left;
	background-image: url(images/publicity.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

dl#publicity a {
	display: block;
	height: 90px;
	width: 310px;
	background-image: url(images/publicity.gif);
	background-position: right top;
}

dl#publicity dd {
	height: 90px;
	width: 310px;
	display: block;
	margin-left: 600px;
}

dl#publicity dl.request a { }
dl#publicity dd.experience a { background-position: -600px -360px; }
dl#publicity dd.briefing a { background-position: -600px -180px; }

dl#publicity dd.request a:hover { background-position: -600px -90px; }
dl#publicity dd.briefing a:hover { background-position: -600px -270px; }
dl#publicity dd.experience a:hover { background-position: -600px -450px; }

ul#underpublicity {
	clear: both;
	overflow: hidden;
}

ul#underpublicity li {
	float:left;
	list-style:none;
}

ul#underpublicity a {
	text-indent: -9999px;
	display: block;
	float:left;
	height: 41px;
	width:200px;
	background-image: url(images/under_publicity.gif);
	background-repeat: no-repeat;
}

ul#underpublicity li#underleft a:hover, ul#underpublicity li#underleft a:active, ul#underpublicity li#undercenter a:hover, ul#underpublicity li#undercenter a:active, ul#underpublicity li#underright a:hover, ul#underpublicity li#underright a:active{ background-position:0px -41px; }


/*************
/* パンくずリスト
*************/

#panList{
clear: both;
font-size: 12px;
color: #999;
padding: 0px;
margin-bottom: 13px;
display: block;
overflow: hidden;
width:100%;
}

#panList li {
float: left;
list-style: none;
}

/*************
トップページ＿画像
*************/

#topimage img{
width: 910px;
margin: 0px 0px 20px 0px;
padding: 0px 0px;
}

/*************
メインコンテンツ
*************/

#main {
width: 600px;
float: left;
padding: 0px 0px 45px 0px;
}

#main h2 {
font-size: 20px;
line-height: 36px;
font-weight: normal;
padding: 0px 0px 0px 15px;
color: #ffffff;
background: url(images/heading1.gif) 0 center repeat-x;
overflow: hidden;
height: 36px;
margin-bottom: 10px;
}

#main h3 {
font-size: 16px;
line-height: 34px;
font-weight: normal;
padding: 0px 0px 0px 45px;
color: #252525;
background: url(images/heading2.gif) no-repeat;
margin: 10px 0px 10px 0px;
}

#main h4 {
font-size: 13px;
font-weight: bold;
text-indent: 20px;
line-height: 10px;
letter-spacing: 1px;
padding: 15px 0px 10px 0px;
color: #252525;
margin-top: 10px;
}

#main a{color:#015087;}
a:hover{color:#028cee;text-decoration:underline;}
a:active, a:focus {outline: 0;text-decoration:underline;}
img{border:0;margin-bottom:0px;}
.clear{clear:both;}

#main ul{
margin-left: 0;
padding: 0px 20px 0px 20px;
}

#main li{
margin: 0px 10px 10px 5px;
list-style: none;
border-bottom: 1px solid #efefef;
}

#main li a{
display: block;
}

#main p {
font-size: 13px;
line-height: 19.5px;
margin: 0px 0px 10px 10px;
clear: both;
}

#date {
text-align: right;
padding-right: 5px 15px 0px 5px; 
font-weight: bold;
color:#027dd3;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

.cbox {
margin-bottom: 20px;
}

.cbox-form {
margin-top: 20px;
}

.cbox-mg40 {
margin-bottom: 40px;
}

.cbox-mg60 {
margin-bottom: 60px;
}

.cbox-mg80 {
margin-bottom: 80px;
}

table {
margin-top: 15px;
margin-bottom: 10px;
}

/*************
メインコンテンツ：2：テキスト
*************/
#main-2 {
width: 900px;
float: left;
padding: 0px 0px 45px 0px;
}

#main-2 h2 {
font-size: 20px;
line-height: 36px;
font-weight: normal;
padding: 0px 0px 0px 15px;
color: #ffffff;
background: url(images/heading1.gif) 0 center repeat-x;
overflow: hidden;
height: 36px;
margin-bottom: 10px;
}


#main-2 h3 {
font-size: 14px;
font-weight: normal;
line-height: 20px;
padding-left: 15px;
margin-top: 10px;
letter-spacing: 0.2em;
color: #252525;
background: url(/) no-repeat;
}

#main-2 a{color:#015087;}
a:hover{color:#028cee;text-decoration:underline;}
a:active, a:focus {outline: 0;text-decoration:underline;}
img{border:0;}
.clear{clear:both;}


#main-2 ul{
margin-left: 0;
padding: 0 0;
}

#main-2 li{
margin: 0 10px 10px 5px;
list-style: none;
border-bottom: 1px solid #efefef;
}

#main-2 li a{
display: block;
padding-left:15px;
}

#content-box-2{
padding: 20px 25px;
height: 170px;
display: block;
margin-bottom: 10px;
border: 1px solid #D6D6D6;
background-color: #fdfff6;
}

#content-box-2 h4{
width: 900px;
float: left;
margin-left: 0px;
margin-bottom: 10px;
}

.a-content-box-2{
width: 160px;
margin: 0px 0px 15px 0px;
float: left;
}

.b-content-box-2{
width: 160px;
margin: 0px 0px 15px 12.5px;
float: left;
}

.c-content-box-2{
width: 160px;
margin: 0px 0px 15px 12.5px;
float: left;
}

.d-content-box-2{
width: 160px;
margin: 0px 0px 15px 12.5px;
float: left;
}

.e-content-box-2{
width: 160px;
margin: 0px 0px 15px 0px;
float: right;
}

#content-box-2 h5{
font-size: 100%;
font-weight: normal;
text-align: center; 
margin: 0px 0px 5px 0px;
border: none;
padding: 0px 0px 0px 0px;
background: url(/) no-repeat;
}

.icon{
width: 75px;
hight: 105px;
margin: 5px auto 5px auto;
}

.icon img{
border: 1px solid #333333;
}

/*************
メインコンテンツ：お知らせ
*************/

#main dd{
font-size: 16px;
margin:10px 0px 10px 0px;
border-bottom: 1px solid #D6D6D6;
padding-left: 10px;
list-style: none;
display: block;
}

#main dh{
list-style: none;
display: block;
}


/*************
メインコンテンツ：コース紹介
*************/

ul#course_btn { }

ul#course_btn li {
	float: left;
	margin-left: 30px;
	margin-bottom: 50px;
	border-bottom-style: none;
}

ul#course_btn li a {
	background-image: url(images/course-button.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 92px;
	width: 92px;
	display: block;
}

ul#course_btn li#zennichi a { }

ul#course_btn li#yakan a { background-position: -92px 0px; }

ul#course_btn li#doyou a { background-position: -184px 0px; }

ul#course_btn li#tsushin a { background-position: -276px 0px; }

ul#course_btn li#zennichi a:hover { background-position: 0px -92px; }

ul#course_btn li#yakan a:hover { background-position: -92px -92px; }

ul#course_btn li#doyou a:hover { background-position: -184px -92px; }

ul#course_btn li#tsushin a:hover { background-position: -276px -92px; }

#main .unit {
	clear: both;
	position: relative;
	display: block;
	background-color: #EBEBEB;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
}

#main .unit ul {
	width: 236px;
	background-color: #ffffff;
	float:left;
	position: relative;
	padding: 5px;
	margin: 20px 0px 0px 30px;
	border-width: 1px 3px 3px 1px;
	border-style: solid;
	border-top-color: #F5F5F5;
	border-right-color: #979797;
	border-bottom-color: #979797;
	border-left-color: #F5F5F5;
}

#main .unit li {
	margin: 0px;
	border-bottom-style: none;
	position: relative;
	display: block;
}

#main ul li.unitimage {
	background-image: url(images/course-img.gif);
	background-repeat: no-repeat;
	display: block;
	height: 50px;
	width: 236px;
	text-indent: -9999px;
}

ul li#zk { background-position: -236px 0px; }

ul li#ys { background-position: 0px -50px; }

ul li#ysh { background-position: -236px -50px; }

ul li#yh { background-position: 0px -100px; }

ul li#yk { background-position: -236px -100px; }

ul li#yt { background-position: 0px -150px; }

ul li#yj { background-position: -236px -150px; }

ul li#dk { background-position: 0px -200px; }

ul li#di { background-position: -236px -200px; }

ul li#tk { background-position: 0px -250px; }

ul li#tf { background-position: -236px -250px; }

ul li#th { background-position: 0px -300px; }

ul li#thb { background-position: -236px -300px; }

ul li#tzh { background-position: 0px -350px; }

ul li#tzk { background-position: -236px -350px; }

ul li#tb { background-position: 0px -400px; }

.unit li.description {
	padding-left: 0.5em;
	padding-top: 1em;
}
.unit li.moreLink {
	display: block;
	width: 120px;
}

/*************
詳細マーク
*************/

.moreLink {
margin-bottom: 0px;
height: auto;
display: block;
text-indent: 0px;
float: right;
}

.description .moreLink {
width: 120px;
position: absolute;
right: 10px;
bottom: 10px;
}

.moreLink a{
text-align: center;
margin-top: 10px;
display: inline-block;
overflow: hidden;
font-size: 12px;
line-height: 105%;
text-decoration: none;
background: url(images/list.gif) 5px 50% no-repeat #e5e5e5;
color: #666;
padding: 5px 15px 5px 20px;
}

.moreLink a:hover{
text-decoration: none! important;
background-color: #efefef;
}

/*************
申込フォーム
*************/

.formLink{
margin: auto 10px auto 10px;
display: block;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
}

.formLink a{
text-align: center;
margin-top: 10px;
display: inline-block;
overflow: hidden;
font-size: 20px;
line-height: 105%;
text-decoration: none;
background: url(images/) 150px 50% no-repeat #ffccd6;
color: #666;
padding: 12px 170px 12px 170px;
}

.formLink a:hover{
text-decoration: none! important;
background-color: #e5e5e5;
}

/*************
表
*************/

#ta {
    width: 600px;
    border: 5px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}


/* ボタン */
p.button{
text-align: center;
padding: 0px 0;
}

p.button a{
display:block;
line-height: 32px;
background: #ffffff url(images/button.png) no-repeat;
margin: 0 -20px;
}

p.button a{color:#027dd3;}
p.button a:hover{color:#ffffff;}

p.button a:hover{
cursor:pointer;
background-position: 0 -32px;
}


/*************
サイド（左側）コンテンツ
*************/
.banner {
	margin: 0px 0px 5px 0px;
	display: block;
	width: 290px;
	float: right;
}

#b-narumade { height: 74px; }

#b-narumade img, #b-text img, #b-scale img, #b-press img, #b-exam img, #b-career img, #b-tax img {
	/* 画像のボーダーを消す */
	border: none; }

#b-narumade a, #b-text a, #b-scale a, #b-press a, #b-exam a, #b-career a {
	/* 背景画像と幅高さを指定するためにblock化 */
	display: block;
	/* img要素と同じサイズ */
	width: 290px;
	text-decoration:none;
	background-image: url(images/banner_new.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#b-tax a{
	/* 背景画像と幅高さを指定するためにblock化 */
	display: block;
	/* img要素と同じサイズ */
	width: 290px;
	height: 74px;
	text-decoration:none;
	background-image: url(images/banner_tax.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#b-narumade a {height: 74px; }

#b-narumade a:hover, #b-text a:hover, #b-scale a:hover, #b-press a:hover, #b-exam a:hover, #b-career a:hover {
/* IE6用設定 */
	background-color: #000; }

#b-narumade a:hover {
	background-position:0px -74px;
}

#b-scale { height: 44px; }

#b-scale a {
	height: 44px;
	background-position:0px -148px;
}

#b-scale a:hover {
	background-position:0px -192px;
}

#b-press { height: 44px; }

#b-press a {
	height: 44px;
	background-position:0px -236px;
}

#b-press a:hover {
	background-position:0px -280px;
}

#b-exam { height: 74px; }

#b-exam a { 
	height: 74px;
	background-position:0px -324px;
}

#b-exam a:hover {
	height: 73px;
	background-position:0px -398px;
}

#b-career { height: 74px; }

#b-career a { 
	height: 74px;
	background-position:0px -471px;
}

#b-career a:hover {
	background-position:0px -545px;
}

#sidebar {
	float: right;
	padding-bottom: 0px;
	width: 290px;
}

#side ul { margin: 0px 0px 0px 5px; }

#sidebar p { margin-bottom: 20px; }

#sidebar h3 {
	padding: 10px 10px 0 23px;
	height: 36px;
	font-size: 13px;
	line-hight: 40px;
	font-weight: normal;
	color: #ffffff;
	background: url(images/side_heading.gif) no-repeat;
}

#sidebar h3 a { color: #ffffff; }

#sidebar ul {
	border: 1px #E3E3E3 solid;
	margin: 0px 0px 10px 0px;
	padding: 10px 0;
}

#sidebar li {
	margin: 0px 10px 15px 20px;
	list-style: none;
	border-bottom: 1px solid #efefef;
}

#sidebar li a {
	background: url(images/list.gif) no-repeat 0 50%;
	display: block;
	padding-left:15px;
}

#sidebar li a:hover { background-position: 0px 50%; }


/*************
/* ページ上部へ
*************/

.pagetop{
width:910px;
margin-bottom: 10px;
height: auto;
display: block;
float: right;
}

.pagetop a{
float: right;
text-align: center;
margin-top: 10px;
display: inline-block;
overflow: hidden;
font-size: 10px;
line-height: 105%;
text-decoration: none;
background: url(images/list.gif) 5px 50% no-repeat #efefef;
color: #666;
padding: 5px 15px 5px 20px;
}

.pagetop a:hover{
text-decoration: none! important;
background-color: #e5e5e5;
}


/*************
/* フッター
*************/
#footer{
clear:both;
padding: 10px 0 10px;
border-top: 3px solid #cccccc;
}

#footer .inner{
overflow: hidden;
}

* html #footer .inner{height:1%;}

#footer .inner #logo-2{
float:left;
margin: 5px 16px 10px 0;
width: 341px;
}

/* メインとフッターのリスト位置調節 */
#footer ul{margin-left: 0px;}

#footer li{
list-style: none;
margin-bottom: 3px;
}

#footer li a{
background: url(images/list-2.gif) 3px 30% no-repeat;
padding-left: 15px;
}

/* フッター共通 */
.box{
float: left;
font-size: 12px;
width: 150px;
margin: 5px 16px 10px 0;
line-height: 1.2;
}

/*
.box_img{
padding: 0px 0px 10px 0px;
}*/

.last{margin-right:0;float:right;}


address{
padding: 20px 0 3px;
text-align: center;
font-style:normal;
font-size: 12px;
clear:both;
display:block;
}

/*************
よくある質問
*************/
.q-list ul{
margin-left: 0;
padding: 0px 10px 0px 10px;
}

.q-list li{
margin: 0px 10px 10px 5px;
list-style: none;
border-bottom: 1px solid #efefef;
}

.q-list li a{
background: url(images/list-2.gif) no-repeat 0 50%;
display: block;
padding-left:15px;
}

.q-list li a:hover{background-position: 3px 50%;}

.q-list{
margin: 0px 0px 20px 0px;
border: 1px solid #D6D6D6;
}

/*************
不要かも
*************/

/* 画像を右に回りこみ */
#main p.withImage{
width: 910px;
margin: 0px 0px 20px 0px;
padding: 5px 0;
}

#main p.withImage img{
float: right;
margin-left: .5em;
}

/* #post02 h4 {
	width: 540px;
	float: left;
	margin-left: 0px;
	margin-bottom: 15px;
}

#post06 h4 {
	width: 540px;
	float: left;
	margin-left: 0px;
	margin-bottom: 15px;
}

#post07 h4 {
	width: 540px;
	float: left;
	margin-left: 0px;
	margin-bottom: 15px;
}

#post02 ul {
	margin-left: 0px;
	padding: 0px;
	width: 540px;
	height: 439px;
}

#post06 ul {
	margin-left: 0px;
	padding: 0px;
	width: 540px;
	height: 1279px;
}

#post07 ul {
	margin-left: 0px;
	padding: 0px;
	width: 540px;
	height: 1529px;
}

#post02 li {
	margin: 0px 0px 30px 0px;
	float: left;
	width: 540px;
	list-style: none;
	border: 1px solid #D6D6D6;
	background-color: #ffffff;
}

#post06 li {
	margin: 0px 0px 30px 0px;
	float: left;
	width: 540px;
	list-style: none;
	border: 1px solid #D6D6D6;
	background-color: #ffffff;
}

#post02 .description {
	float: right;
	width: 380px;
	height: 115px;
	line-height: 18px;
	padding: 20px 20px 0px 10px;
	margin-top: 0px;
	text-indent:-1em;
}

#post06 .description {
	float: right;
	width: 380px;
	height: 115px;
	line-height: 18px;
	padding: 20px 20px 0px 10px;
	margin-top: 0px;
	text-indent:-1em;
}

.unit .description {
	float: right;
	width: 380px;
	height: 115px;
	line-height: 18px;
	padding: 20px 20px 0px 10px;
	margin-top: 0px;
	text-indent: -0.5em;
}

.unit .list { margin: 10px 0 5px; }

.zh, .zk, .ys, .yh, .yk, .ysk, .yt, .yj, .dk, .di, .tk, .tf, .th, .tzh, .tzk, .tb {
	height: 180px;
	margin-bottom: 30px;
	padding: 0px 0px 0px 0px;
}

.fig {
	width: 130px;
	hight: 180px;
	float: left;
}
*/