@charset "shift_jis";

html{
overflow-y:scroll;
}

body{
color:#333;
text-align:center;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size:0.8em;
line-height:1.2em;
}

*{
margin:0;
padding:0;
}

img{
border-width:0;
}

a{
text-decoration:none;
/*color:#107920;*/
color:#069;
}

a:link{

}

a:visited{
/*color:#005710;*/
color:#047;
}

a:hover{
text-decoration:underline;
/*color:#43ac52;*/
color:#f60;
}

div#header{
border-top:5px #E5D4FE solid;
}

div#header div#logoarea{
width:970px;
margin:0 auto;
padding-top:10px;
}

div#header div#logoarea:after{
content:"";  
display:block;  
clear:both;
}

div#header div#logoarea div#logo{
margin-top:5px;
width:130px;
float:left;
}

div#header div#logoarea #title a{
width:970px;
height:100px;
float:left;
display:block;
text-indent:-9999px;
overflow:hidden;
background:url("../images/header1.jpg") no-repeat;
}

div#header div#menu{
width:100%;
height:35px;
margin-top:5px;
border-bottom:#6606FC 8px solid;
/*background-color:#F5EFFF;*/
background:url("../images/menu_bg.jpg") repeat-x;
font-size:13px;
letter-spacing:2px;
}

/* 
  LEVEL ONE
*/
ul.dropdown                         { width: 970px; position: relative; margin: 0 auto; _margin: 0; list-style-type: none; z-index:1;font-weight:bold;}
ul.dropdown li                      { float: left; zoom: 1; text-align: left; }
ul.dropdown a:hover               { color: #000; text-decoration:none; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 10px 20px 10px 20px; border-left: 1px solid #E5D4FE; color: #222; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li a#current            { border-left-width: 0;background: #6606FC; color: white; position: relative;background:url("../images/menu_current_bg.jpg") repeat-x; border-top: 1px solid #E5D4FE; }
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #E5D4FE; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }

/* 
  LEVEL TWO
*/
ul.dropdown ul            { width: 250px; visibility: hidden; position: absolute; top: 100%; left: 0; list-style-type: none; }
ul.dropdown ul li           { font-weight: normal; background: #dff; color: #000;
                    border-left:1px solid #09c; border-right:1px solid #09c; border-bottom: 1px solid #09c; float: none; }
                    
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a         { border-left: none; width: 230px; display: inline-block; padding: 10px; } 

/* 
  LEVEL THREE
*/
ul.dropdown ul ul           { left: 100%; top: 0; }
ul.dropdown li:hover > ul       { visibility: visible; }

div#contents{
width:970px;
margin:0 auto;
text-align:left;
}

div#contents:after{
content:"";  
display:block;  
clear:both;
}

div#contents div#left{
width:760px;
float:left;
padding-right:10px;
}

div#contents div#left div#topimage{
margin-top:10px;
width:760px;
height:200px;
text-indent:-9999px;
overflow:hidden;
background:url("../images/001.jpg") no-repeat;
}

div#contents div#left div#topimage a{
display:block;
width:200px;
height:100px;
text-indent:-9999px;
overflow:hidden;
background:url("../images/recruit.gif") no-repeat;
position:relative;
top:-30px;
left:560px;
}

div#contents div#left div#otherimage{
margin-top:10px;
width:760px;
height:90px;
text-indent:-9999px;
overflow:hidden;
background:url("../images/002.jpg") no-repeat;
}

div#contents div#left div#otherimage h1{
display:block;
width:200px;
height:60px;
text-indent:-9999px;
overflow:hidden;
position:relative;
top:15px;
left:540px;
}

div#contents div#left div#otherimage h1#title01{
background:url("../images/title01.gif") no-repeat;
}

div#contents div#left div#otherimage h1#title02{
background:url("../images/title02.gif") no-repeat;
}

div#contents div#left div#otherimage h1#title03{
background:url("../images/title03.gif") no-repeat;
}

div#contents div#left div#otherimage h1#title04{
background:url("../images/title04.gif") no-repeat;
}

div#contents div#left div#otherimage h1#title05{
background:url("../images/title05.gif") no-repeat;
}

div#contents div#left h2{
font-size:16px;
line-height:24px;
letter-spacing:1px;
padding:2px 5px;
margin:20px 0 10px 0;
border-bottom:1px dotted #999;
text-align:left;
font-weight:bold;
}

div#contents div#left h2 span{
border-left:10px solid #09c;
padding-left:10px;
}

div#contents div#left p{
font-size:12px;
line-height:18px;
letter-spacing:1px;
}

div#contents div#left .mgn{
margin-top:18px;
}

div#contents div#left div.box{
background-color:#def;
border:1px solid #09c;
margin:10px;
padding:10px;
}

div#contents div#left div.box2{
background-color:#cdf;
border:1px solid #aaa;
margin:10px;
padding:10px;
width:240px;
margin:0 auto;
}

div#contents div#left h3{
font-size:14px;
line-height:20px;
font-weight:bold;
letter-spacing:1px;
margin:5px 0;
}

div#contents div#left h3 span{
color:#fff;
background-color:#09c;
padding:5px;
margin-right:10px;
}

div#contents div#left h4{
font-size:12px;
line-height:18px;
font-weight:bold;
letter-spacing:1px;
}


div#contents div#left ol{
margin:10px 0 10px 25px;
}

div#contents div#left ul{
margin:10px 0 10px 18px;
list-style-type:circle;
}

div#contents div#left li{
margin:4px 0;
}

div#contents div#left .symbol{
background:url("../images/symbol.gif") no-repeat 0 2px;
padding-left:24px;
list-style-type:none;
}

div#contents div#left table.training{
border-collapse:collapse;
font-size:13px;

}

div#contents div#left table.training caption{
display:none;
}

div#contents div#left table.training th{
padding:10px;
white-space:nowrap;
border:1px solid #ccc;
font-weight:bold;
text-align:center;
}

div#contents div#left table.training td{
padding:10px;
border:1px solid #ccc;
}

div#contents div#left table.training .bg{
background-color:#eff;
}

div#contents div#left table.training .bg2{
background-color:#09c;
color:#fff;
}

div#contents div#left table.training .nowrap{
white-space:nowrap;
}

div#contents div#left table.training .apply{
font-weight:bold;
color:#f00;
}

div#contents div#left p#top{
margin-top:40px;
text-align:right;
}

div#contents div#left p#top a{
background:url("../images/point.gif") no-repeat;
padding-left:20px;
}

div#contents div#left .arrow{
background:url("../images/point.gif") no-repeat;
padding-left:20px;
}

div#contents div#left div#map{
width:760px;
height:400px;
}

div#contents div#left div#map2{
width:760px;
height:400px;
}

div#contents div#left .wid100{
width:100%;
}

div#contents div#left h2#newshead{
display:block;
width:750px;
height:36px;
text-indent:-9999px;
overflow:hidden;
background:url("../images/news.gif") no-repeat;
border-bottom:1px doted #ccc;
}

div#contents div#left dl#news{
padding:0 20px 20px 0;
width:740px;
height:180px;
overflow:auto;
_width:580px;
_height:160px;
}

div#contents div#left dl#news dt{
width:7em;
clear:left;
float:left;
padding:5px 0.5em;
margin:0 !important;
}

div#contents div#left dl#news dd{
margin:0 !important;
padding:5px 0.5em 5px 8em;
border-bottom:1px dotted #999;
}

div#contents div#left dl#news dd.noborder{
border-bottom-width:0 !important;
}

div#contents div#right{
width:200px;
float:left;
}

div#contents div#right ul#sidemenu{
list-style-type:none;
margin-top:10px;
}

div#contents div#right ul#sidemenu li{
margin-bottom:3px;
}

div#contents div#right ul#sidemenu li a{
display:block;
width:200px;
height:36px;
overflow:hidden;
color:black;
}

div#contents div#right ul#sidemenu li a:hover{
text-decoration:none;
color:#09c;
}

div#contents div#right ul#sidemenu li a span{
font-size:12px;
letter-spacing:2px;
position:relative;
top:10px;
left:20px;
}

div#contents div#right ul#sidemenu li a.bg_r{
background:url("../images/m_01.gif") no-repeat;
}

div#contents div#right ul#sidemenu li a.bg_o{
background:url("../images/m_02.gif") no-repeat;
}

div#contents div#right ul#sidemenu li a.bg_g{
background:url("../images/m_03.gif") no-repeat;
}

div#contents div#right ul#sidemenu li a.bg_l{
background:url("../images/m_04.gif") no-repeat;
}

div#contents div#right ul#sidemenu li a.bg_b{
background:url("../images/m_05.gif") no-repeat;
}

div#contents div#right h2#link{
width:60px;
height:32px;
text-indent:-9999px;
overflow:hidden;
background:url("../images/link.gif") no-repeat -5px 0;
margin-top:20px;
}

div#contents div#right ul#linkmenu{
list-style-type:none;
}

div#contents div#right ul#linkmenu li{
padding:5px;
}

div#contents div#right ul#linkmenu li a{
background:url("../images/listitem2.gif") no-repeat;
padding-left:20px;
}

div#contents div#right div#appearance{
margin-top:20px;
text-align:center;
}

div#contents div#right div#appearance img{
border:1px solid #333;
}

div#contents div#right address{
font-style:normal;
font-size:11px;
line-height:17px;
letter-spacing:0;
margin-top:10px;
}

div#contents div#right address span{
font-weight:bold;
}

div#footer{
margin-top:10px;
border-top:1px solid #ccc;
/*border-bottom: 5px solid #E5D4FE;*/
background-color:#F2E9FF;

padding:10px 0;
}

div#footer{
font-size:12px;
line-height:18px;
}

.fnt16{
font-size:14px;
line-height:20px;
}

.fnt14{
font-size:12px;
line-height:18px;
}
.fnt11{
font-size:11px;
line-height:13px;
}

.bold{
font-weight:bold;
}

.alncenter{
text-align:center;
}

.alnright{
text-align:right;
}

form#mailform {
padding: 5px;
}

table.mailform {
width: 100%;
}

table.mailform tr th,table.mailform tr td {
text-align: left;
font-weight: normal;
font-size: 12px;
border-bottom: solid 1px #999999;
padding: 7px 5px 7px 5px;
}

table.mailform tr th {
width: 150px;
/width:500px;
}

table.mailform tr th.wauto {
/width:auto !important;
}

table.mailform tr th span {
color: #CC0000;
font-size: 10px;
}

table.mailform tr th div {
margin: 0px;
padding: 0px;
font-size: 10px;
color: #999999;
}

table.mailform tr td textarea {
width: 100%;
height: 120px;
}

table.mailform tr th.nobdr{
border-width: 0;
}

table.mailform tr td ul{
list-style-type:none;
display:block;
margin:0 0 6px 0 !important;
}

table.mailform tr td ul:after{
content:"";  
display:block;  
clear:both;
}

table.mailform tr td ul li{
width:140px;
float:left;
margin:0 !important;
}

table.mailform tr td ul li label{
margin-left:10px;
}

.proportional{
font-family:"ＭＳ ゴシック";
}

div#contents div#left div.indexbox{
background-color:#FCF5FF;
border:1px solid #C0C0C0;
margin:10px;
padding:10px;
}
div#contents div#left div.indexbox p{
text-indent:1em;
margin:10px;
}