@charset "UTF-8";

/*------------共通-------------*/

body {
 min-height: 100%;
 text-align: center;
 font-size: 80%;
 font-family: sans-serif;
 margin-top: 20px;
 padding: 0;
 background-color: #E6E6FA;
}

p.top {
 padding: 3px;
 margin: 0px;
 background-image: url("../jpg/topgra.jpg");
 background-repeat: repeat-y;
 display: block;
 width: 727px;
}

p.line{
 font-size: 75%;
 line-height: 250%;
}
span.bb{
color:#666636;
font-weight: 800;
font-size: 110%;
background-color: #FFD700;
}

span.bbb{
color:#698B69;
font-weight: 800;
font-size: 150%;
}
span.bb0{
color:#698B69;
font-size: 100%;
}

span.kome{
color:#ff7256;
}

p.mi{
font-size: 120%;
color:#357abf;
}
a.menu {
 color:#ffffff;
 text-decoration: none;
 display:block;
 width: 100px;
 line-height: 330%;
 padding-left:30px;
}

a.menuon {
 color:#ffec8b;
 text-decoration: none;
 display:block;
  width: 100px;
  font-weight: 600;
   line-height: 330%;
    padding-left: 30px;
}
a:hover.menuon {
 color:#FFD700;
 text-decoration: none;
 font-weight: 600;
}

a:hover.menu {
 color:#FFD700;
 text-decoration: none;
 font-weight: 600;
}

a {
color:#008b8b;
text-decoration: none;
}

a:hover{
color:#cd8500;
}



a.pa {
 color:#008B8B;
 border-bottom: 1px dotted;
 border-color: #008B8B;
}

a:hover.pa {
 color:#FF4700;
 border-bottom: 1px dotted;
 border-color: #008B8B;
}


dl{
margin: 0 10px;
padding: 0;
color:#8B6969;
}
dd{
margin: 0;
padding-left:20px;
color: #666666;
}



#c {
clear: both;
}

dt.com{
color:#8B6914;
margin-top: 10px;
padding-left: 5px;
background-color: #FFEC8B;
width: 80px;
display: block;
}

dd.com{
line-height: 150%;
margin-top: -15px;
margin-left:90px;
padding: 0px;
color: #666666;
border-bottom: 1px dotted;
border-color: #CD8500 ;
}

span.b{
color:#8B6914;
}
/*------------全体-------------*/
#wrapper {
 width: 730px;
 min-height: 100%;
 height: 100%;
 margin-left: auto;
 margin-right: auto;
 text-align: left;
 padding: 0;
}

/*------------ヘッダー-------------*/
#header {
 margin:0;
 padding:0;
 width: 730px;
}

#main {
 width: 730px;
 min-height:100%;
 height:auto;
 margin: 0;
 padding: 0;
 overflow: hidden;
}

#left {
 width: 144px;
 float: left;
 padding-bottom: 32767px;
 margin-bottom: -32767px;
 background-image: url("../jpg/yokoyoko1.jpg");
 background-repeat: no-repeat;
 background-color: #357abf;
}

#right {
 width: 586px;
 float:left;
 padding-bottom: 32767px;
 margin-bottom: -32767px;
 background-image: url("../jpg/gra0.jpg");
 background-repeat: repeat-y;
}

ul {
 color:#ffffff;
 margin:0;
 padding:0;
}

li{
 list-style: none;
 border-color: #ffffff;
 margin:0;
 padding:0;
}

/*------------タフコートー-------------*/

ul.ta {
margin: 15px 0;
padding: 0;
}
li.tahu{

color:#357abf;
 margin: 0 10px;
 padding:0;
}

li.tahu2{
list-style-type: decimal;
color:#cd8500;
 margin-left: 10px;
 margin-bottom: 0;
 padding:0;
}
li.tahu3{

color:#666666;
 margin: 0;
 padding:0;
}
ol{
list-style-position: inside;
 margin:0;
 padding:0;
color:#008b8b;
}
div.box6{
width: 370px;
background-color: #eee0e5;
padding: 5px;
}

p.tahu0{
font-size: 75%;
line-height: 200%;
margin: 5px 0;
padding: 0;
}
/*------------タフコートー-------------*/






div#box1{
background-color: #008B8B;
float: left;
width: 70px;
}
div#box2{
background-color: #ffffff;
float: left;
width: 300px;
}
div#box3{
width: 400px;
clear: both;
}

div#box0{
background-color: #ffffff;
float: left;
width: 125px;
}

/*---------上テキストメニュ----------*/
#menu {
 width:550px;
}

ul.yoko {
list-style:none;
margin:0; padding:0;
text-align:center;
}

li.yoko {
float:right; width:auto;
margin:0px; padding:0px;
}
li a.yoko {
font-size:70%;
display:block;
float:left;
width:auto;
margin:0px; 
padding:3px 9px;
color:#999;
text-decoration:none;
border-right: 1px solid #999;
}

li a:hover.yoko {
background-color:#FFD700;
color:#191970;
}

li a.yokoon {
font-size:70%;
display:block;
float:left;
width:auto;
margin:0px; 
padding:3px 9px;
text-decoration:none;
border-right: 1px solid #999;
background-color:#ffec8b;
color:#191970;
}

li a:hover.yokoon {
background-color:#FFD700;
color:#191970;
}



/*---------上テキストメニュエンド----------*/

#content {
 background-image: url("../jpg/gra0.jpg");
 background-repeat: repeat-y;
width:586px;
height: 100%;
margin: 0;
padding-bottom: 20px;

}

#conlef {
float: left;
height: 100%;
width:387px;
padding-left: 10px;
padding-bottom: 20px;
padding-top: 20px;
margin:0;

}
#conriht {
float: left;
width:173px;
height: 100%;
margin: 0;
padding: 18px 0;

}

h4{

color: #8B6969;
font-family :fantasy;
}
/*------------業務内容ー-------------*/

div#boxwork1{
background-image:  url("../jpg/icon2.jpg");
background-repeat: no-repeat;
float: left;
margin-left: 10px;
padding-left: 10px;
width:80px;

}

div#boxwork2{
float: left;
width:280px;
margin: 0;
padding: 0;


}

div#boxwork{
clear: both;
width: 390px;
border-color: #cccccc;

}

div#boxwork00{
clear: both;
width: 390px;
margin-bottom:10px;
border-bottom: 1px dotted;
border-color: #cccccc;
padding-top:5px;
line-height: 50%;
}

div#boxwork0{
clear: both;
width: 390px;
margin-bottom: 10px;

}


h6 {
color: #357abf;
font-size: 100%;
margin: 0;
padding: 0;
}








/*------------新着情報ー-------------*/

p.topi{
 font-size: 100%;
 font-weight: 600;
 color:#666666;
 margin: 0;
 padding: 0;
 line-height: 100%;

}

div.midasi{
 padding:6px;
 margin:10px 0;
 display: block;
 width: 355px;
 height:14px;
 background-color: #EEE0E5;
 float: left;
}

div.midasi0{
 padding: 0;
 margin:10px 0;
 display: block;
 width:10px;
 height: 26px;
 background-color: #8B008B;
 float: left;
}
#topi2{
 clear: both;
}
/*------------新着情報エンドー-------------*/

/*------------コピーライトー-------------*/
.add{
font-size: 70%;
color:#ffffff;

}



a.ml {
 color:#CAE1FF;
 text-decoration: none;
  font-weight: 600;
}

a:hover.ml {
 color:#FFE4E1;
 text-decoration: none;
 font-weight: 600;
}


#foot{
 background-image: url("../jpg/ungra.jpg");
 background-repeat: repeat-y;
 height:20px;
    text-align: left;

     padding: 3px;
 margin: 0px;

 display: block;
 width: 730px;
}