ul.pankuzu{
 width: 880px;
 margin: 0 auto;
 font-size: 0.75em;
 padding: 5px 10px;
 list-style: none;
 background: #EAF7FF;
}

ul.pankuzu li{
 margin: 0;
 padding: 0 5px 0 8px;
 padding-left: 10px;
 float: left;
 background: url(../img/arrow_pankuzu.gif) no-repeat 0px 5px;
}

ul.pankuzu li.home{
 margin: 0;
 padding-left: 30px;
 float: left;
 background: url(../img/other/icon_pankuzu.gif) no-repeat 0px 2px;
}

.mainvis{
 width: 900px;
 margin: 0 auto;
 padding: 0;
}

h2{
 margin: 0 0 20px 0;
 padding: 0;
}

h3{
 margin: 20px 0 0 0;
 padding: 0;
}

h4{
 margin: 10px 0 10px 0;
 padding: 10px 10px 10px 25px;
 font-size: 1.0em;
 background: url(../img/other/bg_title03.gif) no-repeat 0 0;
}

h4 span{
 margin: 0 0 0 10px;
 font-size: 0.80em;
 font-weight: normal;
 color: #666666;
}

h5{
 margin: 10px 0 5px 0;
 padding: 5px 0;
 font-size: 1.0em;
 color: #003366;
 border-bottom: 1px dotted #0099FF;
}

table th,table td{
 padding: 5px;
}

p{
 padding: 5px 10px;
}

/* -------------------------------------
	レフト
 ------------------------------------- */
#leftHanger{
 width: 210px;
 margin: 0;
 padding: 0 0 5px 0;
 float: left;
}

#leftHanger h3{
 margin: 0 0 0 5px;
 padding: 0;
 background: none;
}

#leftHanger h3 a{
 width: 200px;
 height: 50px;
 margin: 0;
 padding: 0;
 display: block;
 text-indent: -99999px;
 /*\*/overflow: hidden;/* */
}

#leftHanger h3.facilities a{ background: url(../facilities/img/title02_1.png) no-repeat 0 0;}
#leftHanger h3.course a{ background: url(../course/img/title02_1.png) no-repeat 0 0;}
#leftHanger h3.topics a{ background: url(../topics/img/title02_1.png) no-repeat 0 0;}

#leftHanger h3 a:hover{
 background-position: -200px 0px;
}

#leftHanger ul{
 margin: 0 5px;
 padding: 3px 4px 4px 4px;
 list-style: none;
 line-height: 0.0em;
 background: url(../img/other/bg_localnavi02.gif) no-repeat left bottom;
}

#leftHanger ul li{
 margin: 0;
 padding: 0;
 display: inline;
}

#leftHanger ul li a{
 margin: 0 0 1px 0;
 padding: 18px 0px 18px 20px;
 display: block;
 background: url(../img/arrow01.gif) no-repeat 8px 15px;
 background-color: #FFFFFF;
 border: #FFFFFF 2px solid;
 text-decoration: none;
}

#leftHanger ul li a:hover{
 color: #000000;
 font-weight: bold;
 background: url(../img/arrow07.gif) no-repeat 8px 15px;
 background-color: #FFFF99;
 border: #FFCC00 2px solid;
}

/* -------------------------------------
	ライト
 ------------------------------------- */
#rightHanger{
 width: 640px;
 margin: 0;
 padding: 0;
 float: right;
}
h3.logo{ background: none; margin: 0 0 10px 0; padding: 0;}
h3.logo02{ background: none; margin: 20px 0 10px 0; padding: 0;}

#rightHanger ul{
 margin: 5px 10px;
 padding: 0;
}

#rightHanger ol{
 margin: 5px 10px 5px 20px;
 padding: 0;
}

#rightHanger ul li,#rightHanger ol li{
 margin-left: 15px;
 padding: 0;
}

img.photoRight{
 float: right;
 margin: 0 0 10px 10px;
 padding: 1px;
 border: 1px solid #E0E0E0;
}

table.photo td{ font-size: 0.85em; padding: 0 8px;}

table.photo td img{
 margin: 0;
 padding: 1px;
 border: 1px solid #E0E0E0;
}

table.course{
 width: 100%;
 border: 2px solid #0099FF;
}

table.course th,table.course td{
 border-bottom: 1px solid #D4D4D4;
 border-right: 1px solid #D4D4D4;
}

table.course th{
 background-color: #EAF7FF;
}

/* -------------------------------------
	入会のご案内
 ------------------------------------- */
#mainHanger.info #leftHanger h3{ line-height: 0.0em;}
#mainHanger.info #leftHanger h3 img{ margin: 0; padding: 0;}
 
#mainHanger.info #rightHanger ul{ list-style: none;}

#mainHanger.info #rightHanger ul li{
 margin: 0;
 padding: 2px 5px 2px 15px;
 background: url(../img/arrow08.gif) no-repeat 0px 7px;
}

#mainHanger.info #rightHanger ul li strong{
 color: #003366;
 font-size: 1.1em;
}

#mainHanger.info #rightHanger h4{
 margin: 30px 0 0 0;
 padding: 0;
 background: none;
}

/* -------------------------------------
	施設紹介
 ------------------------------------- */
#mainHanger.facilities h4{ margin-top: 20px;}

#mainHanger.facilities table{ font-size: 0.75em;}
#mainHanger.facilities table table{ font-size: 1.0em;}
#mainHanger.facilities table.index{ border-bottom: 1px dotted #0099FF;}
#mainHanger.facilities table.index img{ margin: 0 0 10px 0;}
#mainHanger.facilities table.photo{ line-height: 1.2em;}
 
#rightHanger .info{
 margin: 0;
 padding: 0 10px 5px 10px;
 background: url(../facilities/img/bg_info.gif) no-repeat left bottom;
 overflow: auto;
 height: 180px;
}

#rightHanger .info ul{
 margin: 0;
 padding: 0;
 list-style: none;
}

#rightHanger .info ul li{
 margin: 0;
 padding: 2px 5px 2px 15px;
 border-bottom: 1px dotted #E0E0E0;
 background: url(../img/arrow02.gif) no-repeat 0px 7px;
}


/* -------------------------------------
	コース紹介
 ------------------------------------- */
#mainHanger.course table h4{
 margin: 5px 0;
 padding: 0 0 0 10px;
 font-size: 1.20em;
 color: #0099FF;
 background: none;
 border-left: 4px solid #0099FF;
}
 
#mainHanger.course h5{
 margin: 5px 10px;
 padding: 2px 0;
 font-size: 0.9em;
 color: #333333;
 border-bottom: 1px dotted #CCCCCC;
}

#mainHanger.course table h5{
 margin: 5px 0;
 font-size: 1.10em;
}

#mainHanger.course table p{
 margin: 0;
 padding: 0;
 font-size: 0.9em;
}

/* -------------------------------------
	よくある質問
 ------------------------------------- */ 
#mainHanger.qa table{
 width: 100%;
 margin: 10px 0 20px 0;
}

#mainHanger.qa table th{
 width: 50px;
 text-align: left;
}
 
#mainHanger.qa table td strong{
 color: #0099FF;
 font-size: 1.1em;
}


/* -------------------------------------
	会社概要
 ------------------------------------- */
#mainHanger.company table{
 width: 100%;
 margin: 20px 0 30px 0;
 border-left: 1px solid #D4D4D4;
 border-top: 1px solid #D4D4D4;
}

#mainHanger.company table th,#mainHanger.company table td{
 border-right: 1px solid #D4D4D4;
 border-bottom: 1px solid #D4D4D4;
}

#mainHanger.company table th{
 background-color: #EAF7FF;
}

/* -------------------------------------
	採用情報
 ------------------------------------- */
p.import{
 padding: 10px;
 font-size: 1.0em;
 color: #FF3333;
 border: 5px solid #FFAAAA;
 font-weight: bold;
 text-align: center;
}

#mainHanger.recruit table{
 width: 100%;
 margin: 20px 0 30px 0;
 border-left: 1px solid #D4D4D4;
 border-top: 1px solid #D4D4D4;
}

#mainHanger.recruit table th,#mainHanger.recruit table td{
 border-right: 1px solid #D4D4D4;
 border-bottom: 1px solid #D4D4D4;
}

#mainHanger.recruit table th{
 background-color: #EAF7FF;
 width: 20%;
}


/* -------------------------------------
	キャラクター
 ------------------------------------- */
#mainHanger.chara table{
 width: 100%;
 margin: 20px 0 30px 0;
}

#mainHanger.chara table th,#mainHanger.chara table td{
 padding: 5px 10px;
}

#mainHanger.chara table th{
 color:#0066FF;
 font-size: 1.50em;
 border-bottom: 1px solid #E0E0E0;
}
