/* main
----------------------------------------------- */
#main{
clear:both;
width:728px;
margin:88px 0 0 0;
}

#main p{
margin:0 0 6px 0;
}

#title-about{
width:728px;
height:60px;
background:url(../images/office/title.jpg) no-repeat;
}

#title-recruit{
width:728px;
height:60px;
background:url(../images/recruit/title.jpg) no-repeat;
}

#title-product{
width:728px;
height:60px;
background:url(../images/product/title.jpg) no-repeat;
}

#title-contact{
width:728px;
height:60px;
background:url(../images/contact/title.jpg) no-repeat;
}

#title-sitemap{
width:728px;
height:26px;
background:url(../images/sitemap/title.gif) no-repeat;
}

/* index
----------------------------------------------- */
dl{
margin:10px 0 0 0;
}

#menu-bar{
margin:10px 0 0 0;
list-style:none;
}

#menu-bar li{
margin:0 0 20px 0;
}

#ideal a, #outline a, #history a, #rate a, #branch a, #user a{
display:block;
width:568px;
height:29px;
background:url(../images/office/ideal.jpg) no-repeat;
}

#outline a{
background:url(../images/office/outline.jpg) no-repeat;
}

#history a{
background:url(../images/office/history.jpg) no-repeat;
}

#rate a{
background:url(../images/office/rate.jpg) no-repeat;
}

#branch a{
background:url(../images/office/branch.jpg) no-repeat;
}

#user a{
background:url(../images/office/user.jpg) no-repeat;
}

dd{
margin:0 0 15px 0;
padding:0 0 0 15px;
}

/* title
----------------------------------------------- */
#title-ideal{
margin:10px 0 0 0;
height:21px;
background:url(../images/office/st_ideal.jpg) no-repeat;
}

#title-outline{
margin:10px 0 0 0;
height:21px;
background:url(../images/office/st_outline.jpg) no-repeat;
}

#title-history{
margin:10px 0 0 0;
height:21px;
background:url(../images/office/st_history.jpg) no-repeat;
}

#title-rate{
margin:10px 0 0 0;
height:21px;
background:url(../images/office/st_rate.jpg) no-repeat;
}

#title-branch{
margin:10px 0 0 0;
height:21px;
background:url(../images/office/st_branch.jpg) no-repeat;
}

#title-user{
margin:10px 0 0 0;
height:21px;
background:url(../images/office/st_user.jpg) no-repeat;
}

/* ideal
----------------------------------------------- */
#main p#catch{
margin:6px 0;
height:50px;
background:url(../images/office/catch.gif) no-repeat;
}

.bgs{
margin:30px 0 0 0;
padding:3px 0;
background:#d1e2ff;
font-size:14px;
text-align:center;
color:#666666;
}

h4 img{
margin:30px 0 0 30px;
}

.box{
margin:0 0 0 30px;
padding:0 0 10px 0;
width:498px;
_width:500px;
border-right:1px solid #cecfd6;
border-bottom:1px solid #cecfd6;
border-left:1px solid #cecfd6;
}

.box ol{
margin:0 0 0 40px;
}

/* outline
----------------------------------------------- */
#data{
margin:5px 0 0 0;
border-style:none;
background:#99ccff;
font-size:12px;
line-height:130%;
width:568px;
}

#data th, #data td{
border-style:none;
background:#ffffff;
padding:5px 0 5px 10px;
vertical-align:top;
}

#data th{
padding:5px 10px 5px 0;
font-weight:normal;
text-align:right;
}

.col01{
width:120px;
}

.col02{
width:160px;
}

.col03{
width:101px;
}

#data ol{
margin:10px 20px 10px 30px;
}

#data ol li{
margin:0 0 10px 0;
}

#data ul{
margin:0 0 0 15px;
}

#data ul li{
margin:0 0 5px 0;
}

#data p{
text-align:right;
}

.adjust01{
margin:0 115px 0 0;
}

.adjust02{
margin:0 12px 0 0;
}

.adjust03{
margin:0 67px 0 0;
}

.adjust04{
margin:0 73px 0 0;
}

.adjust05{
margin:0 129px 0 0;
}

#main p.adjust06{
margin:0 0 150px 0;
padding:10px 0 0 10px;
text-align:center;
}

.adjust07{
margin:0 0 0 30px;
_margin:0 0 0 20px;
}

.adjust08{
margin:20px 0 0 86px;
}

.adjust09{
margin:0 0 55px 0;
}

.adjust10{
margin:0 8px 0 0;
width:174px;
display:block;
float:left;
}

.adjust11{
margin:0 8px 0 0;
width:225px;
display:block;
float:left;
}

.adjust12{
margin:0 89px 0 0;
}



/* product
----------------------------------------------- */
.block{
clear:both;
margin:5px 0 10px 0;
padding:0 0 10px 0;
width:728px;
border-bottom:1px solid #666666;
}

.box-left{
padding:0 10px 0 0;
width:354px;
float:left;
border-right:1px solid #666666;
}

.box-right{
width:354px;
float:right;
}

#main p.flt-left{
margin:0 20px 20px 30px;
_margin:0 20px 20px 15px;
width:120px;
float:left;
}

.box-left ul, .box-right ul{
margin:5px 0 0 0;
}

.clr{
clear:both;
margin:10px 0 0 10px;
}

.block:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

/* recruit
----------------------------------------------- */
.fig{
margin:10px 0 5px 0;
}

.blue-box{
margin:0 0 0 17px;
padding:5px 10px;
width:518px;
border-right:2px solid #ceefff;
border-bottom:2px solid #ceefff;
border-left:2px solid #ceefff;
}

*html .blue-box{
width:542px;
}

.blue-box h4{
font-size:12px;
}

/* contact
----------------------------------------------- */
#company{
margin:5px 10px 150px 10px;
}

#company dt{
margin:0 0 0 10px;
font-weight:bold;
}

#company dd{
padding:0 20px;
}

/* sitemap
----------------------------------------------- */
#map{
margin:10px 30px 20px;
}

#map a{
padding:2px 0 2px 18px;
background:url(../images/sitemap/arrow.gif) no-repeat 0 2px;
}

#map dl{
width:688px;
}

#map dt{
clear:both;
margin:0 10px 0 0;
}

.line-01{
margin:-18px 0 20px 150px;
_margin:-20px 0 20px 150px;
padding:0 0 0 195px;
height:140px;
background:url(../images/sitemap/lines-01.gif) no-repeat 0 9px;
}

.line-02{
margin:-18px 0 20px 158px;
padding:0 0 0 188px;
height:141px;
background:url(../images/sitemap/lines-03.gif) no-repeat 0 9px;
}

#map ul{
list-style:none;
}

#map li{
margin:0 0 7px 0;
}