/* CSS Document */
@charset "utf-8";

/*////////////////////////////////////////////////
全体部分
/////////////////////////////////////////////////*/
#wrapper {
    margin: 0px auto 0px auto;
	width: 800px;
	height: auto;
    }
/*////////////////////////////////////////////////
クリアーフィクス　wrapperの背景表示補正用
////////////////////////////////////////////////*/
.clearfix:after {
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
    }
.clearfix {
    display: inline-block;
	}
/* Hides from IE-mac \*/
 * html .clearfix { height: 1%; }
 .clearfix { display: block; }
/* End hide from IE-mac */

/*////////////////////////////////////////////////
body
////////////////////////////////////////////////*/
body{
    margin: 0px auto 0px auto;
	font-family:"ＭＳ Ｐゴシック", Osaka,"ヒラギノ角ゴ Pro W3",Verdana,Arial,Helvetica,sans-serif,sans-serif;
	font-weight:normal;
	text-decoration:none;
	text-indent:0px;
	line-height:100%;
	color:#000000;
	background: url(../images/content_bg.jpg);
	}

#wrapper {
        margin: 0px auto 0px auto;
	width: 800px;
	background: #ffffff;
        bg-color: #ffffff;
	}
/*////////////////////////////////////////////////
ヘッド部分
////////////////////////////////////////////////*/

#head {
    width: auto;
	height: 123px;
	background:url(../images/head/head_bg.gif) repeat-x;
	}
#head-area {
    margin: 0px auto 0px auto;
    width: auto;
	width: 800px;
	height: 123px;
	}
h1 {
    clear: both;
    display: block;
    margin: 0px auto 0px auto;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding-top: 1px;
	text-align: center;
        line-height: 18px;
	}
img.logo {
    display: block;
    margin: 11px 55px 0 10px;
	width: 170px;
	height: 65px;
	float: left;
    }
* html img.logo {
    display: block;
    margin: 6px 55px 0 10px;
	width: 170px;
	height: 65px;
	float: left;
    }
*:first-child+html img.logo {
    display: block;
    margin: 6px 55px 0 10px;
	width: 170px;
	height: 65px;
	float: left;
    }
	
div#adress-area {
    width: 800px;
	height: auto;
	float: left;
    }
div#adress-area img#telno {
    float: left;
	width: 482px;
	height: 51px;
	margin: 17px 0 0 0px;
    }
* html div#adress-area img#telno {
    float: left;
	width: 482px;
	height: 51px;
	margin: 17px 0 0 0px;
    }
*:first-child+html div#adress-area img#telno {
    float: left;
	width: 482px;
	height: 51px;
	margin: 17px 0 0 0px;
    }
	
div#adress-area img#kochira {
    float: right;
	width: 211px;
	height: 21px;
	margin: 6px 0px 0 0px;
    }

/*////////////////////////////////////////////////
共通　部分
////////////////////////////////////////////////*/	

div#content {
    margin: 0px auto 0px auto;
	width: 800px;
	background: #FFFFFF;
    }	
div#scroll {
    margin: 5px auto 5px 20px;
    width: 760px;
	height: 21px;
	background: url(../images/scroll_bg.gif) no-repeat top left;
    }
div#content h2.scroall {
    padding-top: 3px;
	color: #999999;
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
    }
	
div#main-content {
    margin: 10px auto 0px auto;
    width: 800px;
    }
/*////////////////////////////////////////////////
左カラム　部分
////////////////////////////////////////////////*/	
div#main-content div#left {
    width: 195px;
	height: auto;
	background: url(../images/leftcont_bg_upper.jpg) left top no-repeat;
	float: left;
    }
div#main-content div#left img.h2_ttl01 {
    width: 185px;
	height: 33px;
    margin: 15px auto 10px 5px;
    }
div#main-content div#left img.h2_ttl02 {
    width: 185px;
	height: 33px;
	background: url(../images/leftcont_bg_middle.jpg) repeat-y;
    }
div#main-content div#left dd {
    background: url(../images/left_li_bg.gif) no-repeat top left;
	line-height: 20px;
	text-indent: 20px;
	font-size: 12px;
	margin: 0 0 0 20px;
    }
div#main-content div#left dd a {
    text-decoration: underline;
	color: #0260a6;
    }
div#main-content div#left dd a:visited {
    text-decoration: underline;
	color: #949a9f;
    }
div#main-content div#left dd a:hover {
    text-decoration: underline;
	color: #27a3ff;
    }

div#main-content div#left img.bann {
    width: 170px;
	height: 68px;
	margin: 0 5px 10px -5px;
    }
div#main-content div#left img.bann2 {
    width: 170px;
	height: 110px;
	margin: 0 5px 10px -5px;
    }
div#main-content div#left dt.bann {
    background: url(../images/leftcont_bg_bottom.gif) repeat-y bottom left;
	margin: 15px 0 0 0px;
	padding-bottom: 10px;
	padding-left: 5px; 
    }
div#main-content div#left dd.bann {
    background: url(../images/leftcont_bg_bottom.gif) repeat-y bottom left;
	margin: 0 0 0 0px;
    }
div#main-content div#left dd.bann2 {
    background: url(../images/leftcont_bg_bottom.gif) repeat-y bottom left;
	margin: 0 0 0 0px;
	border-top:  #CCCCCC dashed 1px;
	padding-top: 15px;
    }
/*////////////////////////////////////////////////
メインコンテンツ
////////////////////////////////////////////////*/
	
div#main-content div#right-content {
    width: 605px;
	height: auto;
	float: left;
    }
/*////////////////////////////////////////////////
メインイメージ画像部分
////////////////////////////////////////////////*/
div#main-img {
    margin: 0 auto 15px auto;
	width: 575px;
	height: 248px;
	background: url(../images/top_img.jpg) top center no-repeat;
    }
div#main-img p {
    display: block;
	padding-top: 177px;
    margin: 0 auto 0 auto;
	width: 520px;
	text-align: left;
	line-height: 140%;
	font-size: 12px;
	color: #333333;
    }
span.red { color: #FF0000; }

ul#course {
    clear: both;
    display: block;
	width: 605px;
    margin-bottom: 15px;
	float: left;
     }
*:first-child+html ul#course {
    clear: both;
    display: block;
	width: 605px;
    margin-bottom: 0px;
	float: left;
     }
* html ul#course {
    clear: both;
    display: block;
	width: 605px;
    margin-bottom: 0px;
	float: left;
     }
ul#course li {
    display: block;
	list-style: none;
	float: left;
     }
ul#course li#arugo {
    display: block;
	list-style: none;
	float: left;
	margin-left: 10px;
     }
/*//////////　Ｈ３　見出し部分　　//////////*/
img.h2 {
    clear: both;
    display: block;
    margin: 0 auto 0 auto;
    width: 577px;
	height: 33px;
    margin: 0 auto 15px auto;
     }
/*//////////　Ｐ部分　　//////////*/
div#right-content p.main {
    display: block;
    width: 550px;
    margin: 0 auto 15px auto;
	line-height: 145%;
	font-size: 12px;
	text-align: left;
	color: #333333;
    }

img#pdf-download {
    display: block;
    margin: 0 auto 15px auto;
	width: 567px;
	height: 22px;
    }

/*//////////　2008年度合格者速報　部分　　//////////*/

div#sokuhou-board {
    margin: 0 auto 40px auto;
	width: 567px;
	height: 195px;
	background: url(../images/gouka_area_upper.gif) top center no-repeat;
    }
div#sokuhou-board #upper {
    margin: 0 auto 0px auto;
	width: 567px;
	height: 60px;
    }
div#sokuhou-board #upper img#ttl {
    clear: both;
	float: left;
    display: block;
    margin: 10px auto 15px 60px;
	width: 301px;
	height: 35px;
    }
*:first-child+html div#sokuhou-board #upper img#ttl {
    clear: both;
	float: left;
    display: block;
    margin: 10px auto 15px 60px;
	width: 301px;
	height: 35px;
    }
* html div#sokuhou-board #upper img#ttl {
    clear: both;
	float: left;
    display: block;
    margin: 10px auto 15px 30px;
	width: 301px;
	height: 35px;
    }
	
div#sokuhou-board #upper img#btn {
    margin: 10px auto 15px 22px;
    display: block;
	width: 137px;
	height: 32px;
	float: left;
    }

div#sokuhou-board #middle {
    clear: both;
	width: 565px;
	height: 150px;
	overflow: auto;
    margin: 0 auto 0px auto;
	border-left: #d1d1d1 solid 1px;
	border-right: #d1d1d1 solid 1px;
	background: #ffe7ff repeat-y;
    }

div#sokuhou-board table {
	display: block;
    width: 240px;
	height: 145px;
    border-collapse: collapse;
	float: left;
	border: none;
    margin: 0 auto 15px 20px;
    }
div#sokuhou-board table th {
    width: 210px;
	text-align: left;
	font-weight: normal;
	color: #333333;
	padding-top: 4px;
    }
div#sokuhou-board table td {
    width: 30px;
	text-align: left;
	font-weight: normal;
	color: #333333;
	padding-top: 4px;
    }

/*//////////　キャップの特色　DL 01　　//////////*/
dl#tokushoku1 {
        display: block;
        width: 577px;
	    background: url(../images/dl_tokushoku_bg01.gif) top left no-repeat;
        margin: 0 auto 10px 10px;
        }
dl#tokushoku1 dt {
        display:block;
        margin: 0px auto 0px 195px;
        width: 380px;
        line-height: 25px;
        font-weight: bold;
        font-size: 14px;
        text-align: left;
		color: #FF0000;
        }
dl#tokushoku1 dd {
        display:block;
        margin: 0px auto 15px 195px;
        width: 380px;
        }
dl#tokushoku1 ul {
        display:block;
        width: 380px;
        margin: 0px auto 0px 0px;
        }	
dl#tokushoku1 li {
        display:block;
        width: 380px;
		list-style: none;
		background: url(../images/dd_li_bg.gif) top left no-repeat;
		text-indent: 20px;
		line-height: 18px;
        }
		
/*//////////　キャップの特色　DL 02　　//////////*/
dl#tokushoku2 {
        display: block;
        width: 577px;
	    background: url(../images/dl_tokushoku_bg02.gif) top left no-repeat;
        margin: 0 auto 10px 10px;
        }
dl#tokushoku2 dt {
        display:block;
        margin: 0px auto 0px 195px;
        width: 380px;
        line-height: 25px;
        font-weight: bold;
        font-size: 14px;
        text-align: left;
		color: #FF0000;
        }
dl#tokushoku2 dd {
        display:block;
        margin: 0px auto 15px 195px;
        width: 380px;
        }
dl#tokushoku2 ul {
        display:block;
        width: 380px;
        margin: 0px auto 0px 0px;
        }	
dl#tokushoku2 li {
        display:block;
        width: 380px;
		list-style: none;
		background: url(../images/dd_li_bg.gif) top left no-repeat no-repeat;
		text-indent: 20px;
		line-height: 18px;
        }

/*//////////　キャップの特色　DL 03　　//////////*/
dl#tokushoku3 {
        display: block;
        width: 577px;
		height: 35px;
	    background: url(../images/dl_tokushoku_bg03.gif) top left;
        margin: 0 auto 10px 10px;
        }
dl#tokushoku3 dt {
        display:block;
        margin: 0px auto 0px 195px;
        width: 380px;
        line-height: 25px;
        font-weight: bold;
        font-size: 14px;
        text-align: left;
		color: #FF0000;
        }
dl#tokushoku3 dd {
        display:block;
        margin: 0px auto 15px 195px;
        width: 380px;
        }
dl#tokushoku3 ul {
        display:block;
        width: 380px;
        margin: 0px auto 0px 0px;
        }	
dl#tokushoku3 li {
        display:block;
        width: 380px;
		list-style: none;
		background: url(../images/dd_li_bg.gif) top left no-repeat;
		text-indent: 20px;
		line-height: 18px;
        }

/*//////////　教材写真　　//////////*/
img#books {
       width: 440px;
	   height: 115px;
       margin: 0px auto 15px 60px;
       }
img#books-logo {
       width: 93px;
	   height: 54px;
	   vertical-align: middle;
       }
p#books {
       display: block;
       width: 320px;
       margin: 0px auto 15px 175px;
	   padding: 2px;
       }
p#books a {
    text-decoration: underline;
	color: #0260a6;
    }
p#books a:hover {
    text-decoration: underline;
	color: #27a3ff;
    }

/*//////////　教場のMAP　　//////////*/
div#kyouba {
    clear: both;
    display: block;
    width: 584px;
	height: 383px;
	background: url(../images/img_goannnai.gif) bottom left no-repeat;
	padding: 10px 0 0 0px;
    }
div#kyouba p {
	padding: 10px 0 0 300px;
	width: 245px;
	line-height: 145%;
    }

/*//////////　詳しくはコチラボタン　　//////////*/
img#kochira2 {
    clear:both;
	display: block;
	padding-top: 20px;
    margin: 0px auto 20px auto;
	width: 195px;
	height: 39px;
    }

/*//////////　各校　リンクボタン　　//////////*/
div#foot-area {
    height: 170px;
	background: url(../images/foot_bg.gif) repeat-x;
	padding-top: 20px;
    }
div#kakukou-area {
    clear:both;
	width: 779px;
	height: 55px;
	background: url(../images/foot_logo_img.gif) top left no-repeat;
    margin: 0px auto 0px auto;
    }
div#kakukou-area ul {
    clear:both;
	display: block;
	width: 666px;
	height: 55px;
	padding-left: 143px;
	padding-top: 5px;
	line-height: 15px;
	text-indent: 17px;
    }
div#kakukou-area ul li.li1 {
    list-style: none;
    float: left;
	height: 20px;
	padding-left: 0px;
	margin-left: 5px;
	width: 110px;
	background: url(../images/foot_li_icon.gif) top left no-repeat;
    }
div#kakukou-area ul li.li2 {
    clear:both;
    list-style: none;
    float: left;
	height: 20px;
	padding-left: 0px;
	margin-left: 5px;
	width: 110px;
	background: url(../images/foot_li_icon.gif) top left no-repeat;
    }
div#kakukou-area ul li.li3 {
    list-style: none;
    float: left;
	height: 20px;
	padding-left: 0px;
	margin-left: 5px;
	width: 130px;
	background: url(../images/foot_li_icon.gif) top left no-repeat;
    }

div#kakukou-area ul li a {
    text-decoration: underline;
	color: #0260a6;
    }
div#kakukou-area ul li a:visited {
    text-decoration: underline;
	color: #2087a9;
    }
div#kakukou-area ul li a:hover {
    text-decoration: underline;
	color: #27a3ff;
    }

/*//////////　電話番号　　//////////*/
img#telfax-foot {
     clear: both;
     display: block;
     width: 421px;
	 height: 51px;
     margin: 0px auto 0px auto;
     }
p#copyright {
     clear: both;
     display: block;
     margin: 15px auto 0px auto;
	 width: 230px;
	 color: #FFFFFF;
     }