/* CSS Document */

body{
font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Lucida Grande,sans-serif;
font-size:12px;
background-color:#ACCEFB;
color:#666;
line-height:130%;
margin:0px;
padding:0px;
}

ul,li,ol{
margin:0px;
padding:0px;
list-style:none;
}

p{
padding:10px 0px;
margin:0px;
}

h1,h2,h3,h4,h5{
font-weight:normal;
margin:0px;
padding:0px;
}

.clearfix:after{
content: url(spacer.gif);
display: block;
clear: both;
height: 0;
}

.clearfix{display:inline-block;}
/* 大枠 */

#container{
width:1000px;
background:url(../img/bg.gif) repeat-y #fff;
height:auto;
margin:auto;
padding:0px 5px;
}

#headder{
width:980px;
height:55px;
background:#FFFFFF;
border-bottom:#ACC3FF 2px solid;
padding:10px;
}

#leftbody{
width:220px;
margin:0px 7px 0px 0px;
padding:10px 9px;
float:left;
}

#rightbody{
width:740px;
margin:0px 10px 0px 0px;
padding:10px 0px 0px;
float:left;
background:#FFFFFF;
}

#mainbody{
width:1000x;
padding:0px;
margin:0px;
}

#main-left{
width:500px;
float:left;
padding:0px 8px;
background:#FFF;
}

#main-right{
width:239px;
margin:0px;
padding:10px 0px;
float:left;
}


#footer{
background:#fff;
margin:10px 0px 0px;
padding:20px 10px 10px;
clear:both;
font-size:12px;
text-align:right;
border-top:#ccc 1px solid;
}

/* leftbody menu */
#menu{
margin:0px 0px 10px;
padding:0px;
}


#menu ul{
width:220px;
list-style-type:none;
margin:10px 0px;
}

.menu_top,
.menu_top a:hover{
background:url(../img/menu_top.gif) 0px 0px no-repeat;
width:220px;
height:40px;
display:block;
text-indent:-9999px;
}

.menu_top,
.menu_top a{
background:url(../img/menu_top.gif) -220px 0px no-repeat;
width:220px;
height:40px;
display:block;
text-indent:-9999px;
}


#menu li{
margin:0px;
padding:0px;
text-indent:-9999px;
display:block;
}

#menu li.menu01,
#menu li.menu01 a:hover{
background:url(../img/menu.gif) 0px 0px no-repeat;
width:220px;
height:33px;
display:block;
text-indent:-9999px;
}

#menu li.menu01 a{
background:url(../img/menu.gif) -220px 0px no-repeat;
width:220px;
height:33px;
display:block;
text-indent:-9999px;
}

#menu li.menu02,
#menu li.menu02 a:hover{
background:url(../img/menu.gif) 0px -33px no-repeat;
width:220px;
height:33px;
display:block;
text-indent:-9999px;
}

#menu li.menu02 a{
background:url(../img/menu.gif) -220px -33px no-repeat;
width:220px;
height:33px;
display:block;
text-indent:-9999px;
}

#menu li.menu03,
#menu li.menu03 a:hover{
background:url(../img/menu.gif) 0px -66px no-repeat;
width:220px;
height:33px;
display:block;
text-indent:-9999px;
}

#menu li.menu03 a{
background:url(../img/menu.gif) -220px -66px no-repeat;
width:220px;
height:33px;
display:block;
text-indent:-9999px;
}

#menu li.menu04,
#menu li.menu04 a:hover{
background:url(../img/menu.gif) 0px -99px no-repeat;
width:220px;
height:33px;
display:block;
text-indent:-9999px;
}

#menu li.menu04 a{
background:url(../img/menu.gif) -220px -99px no-repeat;
width:220px;
height:33px;
display:block;
text-indent:-9999px;
}

#menu li.menu05,
#menu li.menu05 a:hover{
background:url(../img/menu.gif) 0px -132px no-repeat;
width:220px;
height:33px;
display:block;
text-indent:-9999px;
}

#menu li.menu05 a{
background:url(../img/menu.gif) -220px -132px no-repeat;
width:220px;
height:33px;
display:block;
text-indent:-9999px;
}


.seminor{
background:#fff;
width:200px;
list-style-type:none;
padding:5px 9px 10px 9px;
margin:0px 0px 10px 0px;
border-left:#ccc 1px solid;
border-right:#ccc 1px solid;
border-bottom:#ccc 1px solid;
}

.seminor h3{
font-size:14px;
font-weight:bold;
color:#FF9900;
margin:5px 0px;
}

.seminor p{
background:#eee;
color:#333;
margin:0px 0px 5px;
padding:3px;
border:1px solid #ccc;
}


#leftbody ul.cyumoku-ul{
background:url(../img/gray-box.gif) no-repeat bottom left;
width:200px;
list-style-type:none;
padding:0px 10px 10px 10px;
margin-bottom:10px;
}

#leftbody li.cyumoku-li{
margin:0px;
padding:10px 0px 0px 0px;
display:block;
}

.white-box{
width:220px;
background-color:#FFFFFF;
padding:0px 0px 5px;
margin:0px 0px 10px;
}


.white-box li,.white-box03 li{
margin:5px 10px;
}

.blue-box li{
margin:5px 20px;
}

/* mainbody内 */
/*#main-mid{
width:740px;
}*/


#d-kyujin{
border:#CCCCCC 1px solid;
width:498px;
margin:10px 0px;
padding:0px;
clear:both;
}

.white-box02{
width:207px;
padding:10px;
margin-bottom:10px;
border:#CCCCCC 1px solid;
}

.white-box03{
width:220px;
margin-bottom:10px;
border:#CCCCCC 1px solid;
margin-left:10px;
}

.blue-box{
background:#CCDEFF;
width:239px;
margin-bottom:10px;
padding:0px 0px 10px;
}

.blue-box h3{
margin:0px 19px 0px 20px;
padding:5px;
font-weight:bold;
font-size:14px;
color:#054AC8;
}

.blue-box img{
margin:0px 19px 0px 20px;
padding:0px;
}
.blue-box p{
background:#fff;
margin:0px 19px 10px 20px;
padding:5px;
}


.blue_bar{
width:478px;
background-color:#319CFF;
padding:10px;
color:#FFFFFF;
font-size:16px;
fontweight:bold;
line-height:140%;
}

.green_bar{
width:478px;
background-color:#3BB30C;
padding:10px;
color:#FFFFFF;
font-size:16px;
fontweight:bold;
line-height:140%;
}


.orange_bar{
width:478px;
background-color:#FF9933;
padding:10px;
color:#FFFFFF;
}

.icon-box{
height:19px;
padding:5px 10px;
background:url(../img/d-dot.gif) bottom no-repeat;
}


.green_job{
width:476px;
padding:10px;
margin:0px;
}

.job{
width:292px;
border-right:#CCCCCC 1px solid;
padding:10px;
float:left;
}

.job p{
margin:0px 0px 10px;
padding:0px;
border-bottom:#eee 1px dotted;
}

.tphoto{
width:165px;
padding:10px;
float:left;
}
.tphoto img{
width:12em;
height:12em;
padding:10px;
}

.green_info{
width:350px;
padding:0px 10px 10px;
margin:0px 0px 10px;
float:left;
}

.green_info p{
padding:0px;
margin:0px 0px 10px;
}


.kotira-btn{
width:89px;
height:18px;
padding-left:117px;
margin:0px;
display:block;
}

.midashi{
width:76px;
height:17px;
padding:2px 20px 0px 0px;
background:url(../img/midashi.gif) no-repeat;
font-weight:bold;
text-align:center;
color:#FFFFFF;
float:left;
clear:left;
}

.seach{
margin:10px 0px;}

.seach_td01{
background:#FF9933;
padding:10px;
}
.seach_td02{
background:#FFEBD6;
padding:15px 10px;
}

.greenmore a{
background:url(../img/btn_more.gif) 0px 0px no-repeat;
width:113px;
height:26px;
margin:5px;
padding:0px;
display:block;
text-indent:-9999px;
float:right;
}

.greenmore a:hover{
background:url(../img/btn_more.gif) 0px -26px no-repeat;
width:113px;
height:26px;
margin:5px;
padding:0px;
display:block;
text-indent:-9999px;
float:right;
}

.bluemore a{
background:url(../img/btn_more2.gif) 0px 0px no-repeat;
width:113px;
height:26px;
margin:5px;
padding:0px;
display:block;
text-indent:-9999px;
float:right;
}

.bluemore a:hover{
background:url(../img/btn_more2.gif) 0px -26px no-repeat;
width:113px;
height:26px;
margin:5px;
padding:0px;
display:block;
text-indent:-9999px;
float:right;
}

/* leftbody menu */

.inforight{
width:280px;
margin:0px;
padding:0px 0px 0px 10px;
float:left;
}

.infoleft{
width:440px;
margin:0px;
padding:0px;
font-size:16px;
float:left;
}

#rightbody h4{
font-size:16px;
font-weight:bold;
text-align:center;
color:#900;
}
.infoleft p{
margin:10px 0px 30px;
padding:0px;
line-height:150%;
}

.infoend{
margin:10px 0px 30px;
padding:10px;
line-height:150%;
text-align:center;
clear:both;
}