@charset "Shift_JIS";

/* 基本スタイル
---------------------------------------------*/
body {
	margin: 0;
	padding: 0;
        background: #FFFFFF url(../img/bg-03.jpg) left top repeat-x;
	font-size: 80%;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.4;
	color: #333333;
}
form {
        margin: 3px 0px 0px 10px;
}
h1 {
        font-size: 90%;
        color: #FFFFFF;
        padding: 1px;
        margin: 0px 0px 0px 10px;
}
h2 {
	height: 30px;
	line-height: 30px;
	color: #FFFFFF;
	font-size: 100%;
	background-image: url(../img/midashi-02.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	overflow: hidden;
}
h3 {
        font-size: 100%;
        color: #000000;

}

img {
	border: none;
}


.imgbox_left{
   margin: 0px 10px 90px 0px;
   width:auto;
   float:left;
   position:relative;
}


.f-clear{
clear : both;
}

table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}

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

#container {
    width: 980px;
    margin: 0 auto;
    text-align: left;
    background-color: #FFFFFF;
}
#header {
    position: relative; 
    left: 0;
    width: 980px;
    height: 190px;
    background: #FFFFFF url(../img/hed-bg-01.jpg) left top no-repeat;
}
#header2 {
    position: relative; 
    width: 980px;
    background: #E60012;
    height: 20px;
}
#header3 {
    position: absolute;
    top: 20px;
    left: 0px;
    width: 450px;
    height: 80px;
}

#header5 {
    position: absolute;
    top: 41px;
    left: 757px;
    width: 190px;
    height: 44px;
}
#header5 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#header5 li {
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    display: block;
    width: 190px;
    height: 44px;
    text-indent: -9999px;
}
#header5 li a {
    text-decoration: none;
    display: block;
    width: 190px;
    height: 44px;
}
#header5 li#xyz {
    left: 0;
    background: url(../img/mail-01.jpg) no-repeat 0px 0px;
    text-decoration: none;
}
#header5 li#xyz a:hover {
    text-decoration: none;
    left: 0;
    background: url(../img/mail-01.jpg) no-repeat 0px -44px;
}


#navigation {
    position: absolute;
    top: 100px;
    left: 0px;
    margin: 0px;
    width: 980px;
    height: 80px;
    background: url(../img/menu-00.jpg) left top no-repeat;
}
#navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#navigation li {
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    display: block;
    width: 140px;
    height: 80px;
    text-indent: -9999px;
}
#navigation li a {
    text-decoration: none;
    display: block;
    width: 140px;
    height: 80px;
}
#navigation li#abc {
    left: 0px;
    background: url(../img/menu-01.jpg) no-repeat 0px 0px;
    text-decoration: none;
}
#navigation li#bcd {
    left: 140px;
    background: url(../img/menu-01.jpg) no-repeat -140px 0px;
}
#navigation li#cde {
    left: 280px;
    background: url(../img/menu-01.jpg) no-repeat -280px 0px;
}
#navigation li#def {
    left: 420px;
    background: url(../img/menu-01.jpg) no-repeat -420px 0px;
}
#navigation li#efg {
    left: 560px;
    background: url(../img/menu-01.jpg) no-repeat -560px 0px;
}
#navigation li#fgh {
    left: 700px;
    background: url(../img/menu-01.jpg) no-repeat -700px 0px;
}
#navigation li#ghi {
    left: 840px;
    background: url(../img/menu-01.jpg) no-repeat -840px 0px;
}
#navigation li#abc a:hover {
    text-decoration: none;
    left: 0px;
    background: url(../img/menu-01.jpg) no-repeat 0px -80px;
}
#navigation li#bcd a:hover {
    left: 140px;
    background: url(../img/menu-01.jpg) no-repeat -140px -80px;
}
#navigation li#cde a:hover {
    left: 280px;
    background: url(../img/menu-01.jpg) no-repeat -280px -80px;
}
#navigation li#def a:hover {
    left: 420px;
    background: url(../img/menu-01.jpg) no-repeat -420px -80px;
}
#navigation li#efg a:hover {
    left: 560px;
    background: url(../img/menu-01.jpg) no-repeat -560px -80px;
}
#navigation li#fgh a:hover {
    left: 700px;
    background: url(../img/menu-01.jpg) no-repeat -700px -80px;
}
#navigation li#ghi a:hover {
    left: 840px;
    background: url(../img/menu-01.jpg) no-repeat -840px -80px;
}



#content {
    float: left;
    width: 980px;
    background: #FFFFFF;
    margin: 0px 0px 0px 0px;
}



#column_one {
    float: left;
    width: 610px;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 30px 0px;
}

.column_one01 {
    float: left;
    width: 610px;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 0px 0px;
}

.column_one01 p {
    padding: 0.5em 10px 1em;
}

.column_one01 p.mm {
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 0px 0px;
}

.column_one01 a:link {
    color: #804833;
    background: transparent;
    text-decoration: none;
}
.column_one01 a:visited {
    color: #804833;
    background: transparent;
    text-decoration: none;
}
.column_one01 a:hover {
    color: #B33D12;
    background: transparent;
}
.column_one011 a:active {
    color: #B33D12;
    background: transparent;
}


.column_one011 {
    float: left;
    width: 290px;
    height: 100px;
    margin: 10px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: #FFFFFF url(../img/top-datumou-04.jpg) left top no-repeat;
}

.column_one012 {
    float: left;
    width: 290px;
    height: 100px;
    margin: 10px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: #FFFFFF url(../img/top-matuge-04.jpg) left top no-repeat;
}


.column_one013 {
    float: left;
    width: 290px;
    height: 100px;
    margin: 10px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: #FFFFFF url(../img/top-esute-04.jpg) left top no-repeat;
}


.column_one014 {
    float: left;
    width: 290px;
    height: 100px;
    margin: 10px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: #FFFFFF url(../img/top-mens-04.jpg) left top no-repeat;
}


.column_one015 {
    float: left;
    width: 290px;
    height: 100px;
    margin: 10px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: #FFFFFF url(../img/top-school-04.jpg) left top no-repeat;
}

.column_one016 {
    float: left;
    width: 290px;
    height: 100px;
    margin: 10px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: #FFFFFF url(../img/top-map-04.jpg) left top no-repeat;
}

.column_one011 p.ll, .column_one012 p.ll, .column_one013 p.ll, .column_one014 p.ll, .column_one015 p.ll, .column_one016 p.ll {
        margin: 10px 0px 0px 10px;
        padding: 0px 0px 0px 10px;
        color: #804833;
        font-size: 18px;
        font-weight: 600;
        border-left: 10px solid #804833;
}

.column_one011 p.ss, .column_one012 p.ss, .column_one013 p.ss, .column_one014 p.ss, .column_one015 p.ss, .column_one016 p.ss {
        margin: 10px 115px 0px 10px;
        padding: 0px 0px 0px 0px;
        color: #666666;
        font-size: 12px;
}

.column_one011 a:link, .column_one012 a:link, .column_one013 a:link, .column_one014 a:link, .column_one015 a:link, .column_one016 a:link {
    color: #804833;
    background: transparent;
    text-decoration: none;

}
.column_one011 a:visited, .column_one012 a:visited, .column_one013 a:visited, .column_one014 a:visited, .column_one015 a:visited, .column_one016 a:visited {
    color: #804833;
    background: transparent;
    text-decoration: none;
}
.column_one011 a:hover, .column_one012 a:hover, .column_one013 a:hover, .column_one014 a:hover, .column_one015 a:hover, .column_one016 a:hover {
    color: #B33D12;
    background: transparent;
}
.column_one011 a:active, .column_one012 a:active, .column_one013 a:active, .column_one014 a:active, .column_one015 a:active, .column_one016 a:active {
    color: #B33D12;
    background: transparent;
}


#column_one17 {
    position: relative; 
    width: 550px;
    height: 80px;
    margin: 30px;
    padding: 0px 0px 0px 0px;
    background: #FFFFFF url(../img/mail-03.jpg) left top no-repeat;
}

#column_one17nv {
    position: relative;
    left: 0px;
    margin: 0px 0px 0px 323px;
    width: 190px;
    height: 44px;
}
#column_one17nv ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#column_one17nv li {
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    display: block;
    width: 190px;
    height: 44px;
    text-indent: -9999px;
}
#column_one17nv li a {
    text-decoration: none;
    display: block;
    width: 190px;
    height: 44px;
}
#column_one17nv li#vwx {
    left: 0;
    background: url(../img/mail-01.jpg) no-repeat 0px 0px;
    text-decoration: none;
}
#column_one17nv li#vwx a:hover {
    text-decoration: none;
    left: 0;
    background: url(../img/mail-01.jpg) no-repeat 0px -44px;
}


.column_one18 {
    position: relative; 
    width: 550px;
    height: 80px;
    margin: 0px 30px 30px 0px;
    padding: 0px 0px 0px 0px;
    background: #FFFFFF url(../img/mail-04.jpg) left top no-repeat;
}

.column_one18nv {
    position: relative;
    left: 0px;
    margin: 0px 0px 0px 23px;
    width: 280px;
    height: 44px;
}
.column_one18nv ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.column_one18nv li {
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    display: block;
    width: 280px;
    height: 44px;
    text-indent: -9999px;
}
.column_one18nv li a {
    text-decoration: none;
    display: block;
    width: 280px;
    height: 44px;
}
.column_one18nv li.vwx2 {
    left: 0;
    background: url(../img/mail-05.jpg) no-repeat 0px 0px;
    text-decoration: none;
}
.column_one18nv li.vwx2 a:hover {
    text-decoration: none;
    left: 0;
    background: url(../img/mail-05.jpg) no-repeat 0px -44px;
}

.column_one27 {
    float: left;
    width: 610px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}


#column_two {
    float: right;
    width: 310px;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 15px 0px;
}

.column_two02 {
    float: left;
    width: 250px;
    margin: 0px 0px 0px 0px;
    padding: 15px 30px 15px 30px;
    background: #FFFFFF;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

.column_two02 p.xx {
        line-height: 16px;
        color: #E60012;
        font-size: 110%;
}

.column_two02 p.xxx {
        line-height: 16px;
        color: #000000;
        font-size: 110%;
}

.column_two03 {
    float: left;
    width: 312px;
    height: 80px;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: #FFFFFF;
}

.column_two04 {
    float: left;
    width: 310px;
    height: 80px;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: #FFFFFF;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

.column_two05 {
    float: left;
    width: 310px;
    height: 46px;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: #FFFFFF;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

.column_two05 table.t002{
    margin: 0px 0px 0px 10px;
    width:310px;
    empty-cells:show;
}
.column_two05 table.t002 td{
    width: 40px;
    text-align: center;
    padding: 7px 0px 0px 0px;
}




#footer02 {
    float: left;
    background: #804833;
    width: 100%;
    height: 250px;
    margin: 0px 0px 0px 0px;
    text-align: center;
}

#footer02 a:link {
    color: #FFFFFF;
    background: transparent;
    text-decoration: none;

}
#footer02 a:visited {
    color: #FFFFFF;
    background: transparent;
    text-decoration: none;
}
#footer02 a:hover {
    color: #FFFFFF;
    background: transparent;
}
#footer02 a:active {
    color: #FFFFFF;
    background: transparent;
}


#footer02 p.xx {
        margin: 5px 0px 0px 10px;
        line-height: 18px;
        color: #FFFFFF;
        font-size: 90%;
}




#footer02 table.t001{
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    width:680px;
    empty-cells:show;
}
#footer02 table.t001 th{
    color:#FFFFFF;
    padding:0.1em 1em;
    text-align: center;
}
#footer02 table.t001 td{
    color:#FFFFFF;
    padding:0.1em 1em;
}
#footer02 table.t001 a {
        color: #FFFFFF;
        background: transparent;
        text-decoration: none;
}
#footer02 table.t001 a:visited {
        color: #FFFFFF;
        background: transparent;
        text-decoration: none;
}
#footer02 table.t001 a:hover {
        color: #999999;
        background: transparent;
        border-bottom: 1px solid #999999;
}
#footer02 table.t001 a:active {
        color: #999999;
        background: transparent;
        border-bottom: 1px solid #999999;
}



table.table021 {
  margin-top: 1.0em;
  margin-bottom: 1em;
  margin-left: 0px;
  width: 580px;
  font-size: 100%;
  border: solid 1px #B2B2B2;
}
table.table021 th, table.table021 td {
  padding: 10px;
  border: solid 1px #B2B2B2;
}
table.table021 th {
  background: #804833;
  font-size: 100%;
  color: #FFFFFF;
}
table.table021 td {
  text-align: left;
}
table.table021 tr.course-c {
  background: #F4E3DC;
}
table.table021 td.course-a {
  padding: 10px;
  border: solid 1px #B2B2B2;
  text-align: center;
}


table.table022 {
  margin-top: 1.0em;
  margin-bottom: 1em;
  margin-left: 0px;
  width: 580px;
  font-size: 100%;
  border: solid 1px #B2B2B2;
}

table.table022 td {
  text-align: left;
  padding: 10px;
  border: solid 1px #B2B2B2;
}

table.table022 td.course-a {
  padding: 10px;
  border: solid 1px #B2B2B2;
  text-align: center;
}
table.table022 td.course-b {
  width: 180px;
  padding: 10px;
  border: solid 1px #B2B2B2;
  background: #F4E3DC;
}