/* CSS Document */
*{
margin:0px;
padding:0px;
}

strong {
font-weight:normal;
}

img{
border:none;
}

h2,h3,h4{
margin:0px;
padding:0px;}

ul{
margin-top: 0;
 margin-bottom: 0;
}
hr{
margin-top:20px;
}

body{
margin:auto;
padding:auto;
font-family: Osaka, Verdana, Arial, Helvetica, sans-serif;
background:url(../img/bg.gif) ;
}

h1{
display:none;
}

#title_top{
margin:auto;
padding:auto;
border-top:1px solid #F3F4EE;
background:url(../img/top_title.jpg) no-repeat;
height:1px;
width:800px;
}

.logo{
margin-left:20px;
}

#menu{
height:40px;}

#menu ul{
width:800px;
margin:auto;
padding:auto;
clear:both;}

#menu li{
display: inline;
list-style:none;
}

#content{
width:798px;
_width:798px;
margin:auto;
padding:auto;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
background:#FFFFFF;
}

#breadCrumb{
display:block;
height:30px;
line-height:30px;
background:url(../img/navi_bg.jpg) no-repeat;
padding-left:10px;
text-align:left;
font-size:10px;
padding-bottom: 0;
margin:10px 19px;
clear:both;
}

.home{
float:left;
width:53px;
margin:7px 0px; 
padding-right:20px;
}

.navi{
float:right;
font-size:10px;
color:#999999;
width:670px;
}



#main{
float:right;
width:500px;
margin-left:5px;
margin-right:20px;
_margin-right:10px;
padding-right:0px;
margin-bottom:30px;
clear:both;
}

.top_midashi h2{
background:url(../img/top_midashi.jpg) no-repeat;
height:30px;
margin-bottom:20px;
text-indent:-8888px;
}

.top_midashi2 h2{
background:url(../img/top_midashi2.jpg) no-repeat;
height:30px;
font-size:18px;
margin-bottom:20px;
padding-top:5px;
padding-left:35px;
}


.top_corp h2{
background:url(../img/h2.jpg) no-repeat;
height:30px;
margin-bottom:20px;
padding-left:40px;
padding-top:5px;
font-size:16px;
}

.top_contact h2{
background:url(../img/h2_contact.jpg) no-repeat;
height:30px;
margin-bottom:20px;
text-indent:-8888px;
}

.top_employment h2{
background:url(../img/h2_employment.jpg) no-repeat;
height:30px;
margin-bottom:20px;
text-indent:-8888px;
}

.top_product h2{
background:url(../img/h2_product.jpg) no-repeat;
height:30px;
margin-bottom:20px;
text-indent:-8888px;
}

.top_contents h2{
background:url(../img/h2_contents.jpg) no-repeat;
height:30px;
margin-bottom:20px;
text-indent:-8888px;
}

.top_client h2{
background:url(../img/h2_client.jpg) no-repeat;
height:30px;
margin-bottom:20px;
text-indent:-8888px;
}

#main p{
font-size:small;
line-height:1.6em;
padding-bottom:14px;
color:#666666;
}

.midashi{
background:url(img/h2.jpg) no-repeat;
height:28px;
line-height:28px;
font-size:12px;
font-weight:normal;
color:#003d75;
padding-left:14px;
}

.top {
margin-top:30px;
text-align:right;
font-size:10px;
color:#999999;
}

.top a{
color:#999999;
}

.small{
margin-top:10px;
font-size:10px;
color:#74C0FF;
padding-left:4px;
margin-bottom:2px;
}


#main ul{
border-top:#ccc 1px dotted;
margin-left:4px;
margin-right:4px;
margin-bottom:20px;
}

#main li{
color:#666;
font-size:12px;
line-height:30px;
height:30px;
list-style:none;
border-bottom:#ccc 1px dotted;
}

#main a{
color:#33588E;
text-decoration:none;
}

#main a:hover{
color:#CC0000;
}

.new{
margin-top:20px;
background:url(../img/new.jpg) no-repeat;
height:30px;
text-indent:-8888px;
}



.midashi{
margin-top:20px;
font-size:12px;
background:url(../img/h3.jpg);
height:30px;
line-height:30px;
padding-left:5px;
font-weight:bold;
color:#33588E;
margin-bottom:12px;
}

.right{
margin-left:380px;
padding-left:14px;
font-size:12px;
background:url(../img/m_icon.gif) no-repeat;
height:13px;
line-height:13px;
}

.yahoo{
margin-left:350px;
height:12px;
}

#box{
background:url(../img/box.gif) no-repeat;
width:500px;
height:180px;
display:block;
clear: both;}

#box img{
margin-top:10px;
}

#boxleft{
float:left;
padding-top: 10px;
padding-left:10px;
width:100px;
display:block;
}


#boxright{float:right;
width:380px;
padding-top:10px;
display:block;
}

#boxright dt{
background:url(../img/dt.jpg) no-repeat;
color:#000099;
line-height: 15px;
height: 15px;
font-size: 14px;
margin-top:10px;
_margin-top:20px;
margin-left:20px;
padding-left: 20px;
}

#boxright dd {
color:#666;
font-size: 12px;
padding-top: 6px;
padding-left: 20px;
line-height: 1.5em;
}


#client{
background:url(../img/box.gif) no-repeat;
width:500px;
height:180px;
display:block;
clear:both;}

#client img{
margin-top:10px;
}

#clientleft{
float:left;
padding-top: 20px;
padding-left:20px;
width:150px;
display:block;
}


#clientright{float:right;
width:330px;

display:block;
}

#clientright dt{
background:url(../img/dt.jpg) no-repeat;
color:#000099;
line-height: 15px;
height: 15px;
font-size: 14px;
margin-top:50px;
margin-left:20px;
padding-left: 20px;
}

#clientright dd {
color:#666;
font-size: 12px;
padding-top:20px;
padding-left: 20px;
line-height: 1.5em;
}

#sidemenu{
float:left;
width:220px;
margin-right:20px;
_margin-right:10px;
margin-left:20px;
_margin-left:10px;
}

#sideMenuTop{
background:url(../img/sidemenu_top.jpg) no-repeat;
padding-top:10px;
}

#sideMenuqr{
background:url(../img/side_qr.jpg) no-repeat;
height:80px;
}


#sideMenuBottom{
background:url(../img/sidemenu_bottom.jpg) no-repeat;
height:110px;
}

.categoryMenu {
    margin: 0;
    padding: 0;
}
.categori{
text-decoration: none;
display:block;
height:40px;
line-height:40px;
font-size:14px;
list-style: none;
background:url(../img/side_off.jpg) no-repeat;
}

.categori a{
font-size:14px;
padding-left:34px;
height:40px;
line-height:40px;
background:url(../img/li_a.jpg) no-repeat left;
list-style:none;
color:#312c77;
display:block;
text-decoration:none;
}

.categori a:hover{
background:url(../img/li_ahover.jpg) center left no-repeat;
text-decoration:none;
color:#4262a5;
}


.page_top{
margin-top:30px;
text-align:right;
font-size:10px;
color:#999999;
}

#foot{
clear:both;
text-align:right;
margin-top:18px;
font-size:10px;
background:url(../img/foot.jpg) no-repeat #fff;
color:#666;
height:80px;
text-decoration:none;
padding-right:70px;
}

#foot a{
color:#666;
text-decoration: none;
}

#foot p{
line-height:1.8em;
padding-top:34px;
padding-bottom:10px;
font-size:9px;
color:#666;
}


/*■文字の色や強調 */
.red  {color: red; font-weight: normal}
.reds {color: red; font-weight: normal; font-size: 10px}
.redb {color: red; font-weight: bold}
.redl {color: red; font-weight: bold; font-size: 18px}

.blue {color: blue; font-weight: nomal}
.blueb {color: blue; font-weight: bold}
.bluel {color: blue; font-weight: bold; font-size:16px;line-height:1.6em;}

.orange {color: orange; font-weight: normal}
.orangeb {color: orange; font-weight: bold}
.orangel {color: orange; font-weight: bold; font-size: 16px}

.black {color: #333; font-weight: normal}
.blacks {color: #000; font-weight: normal; font-size: 10px}
.blackb {color: #333; font-weight: bold}
.blackl {color: #333; font-weight: bold; font-size: 18px}

.imgl{
float:left;
margin-right:20px;
margin-left:14px;
}


table{
	margin-top: 20px;
 margin-bottom: 10px;
	border-top: 1px solid #ccc;
 border-left:1px solid #ccc;
 border-right:1px solid #ccc;
	border-collapse: collapse;
	border-spacing: 0;
}

th {padding: 5px;
	font-size:12px;
	color:#999;
	background:#e4e8eb;
	line-height:1.6em;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;}

td {padding: 10px;text-align:left;
	font-size:12px;
	color:#666;
	line-height:1.6em;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;}
	
	blockquote{
	width:470px;
	background:#bcd8c9;
	text-align:left;
	}

table#contact th {
	font-weight:normal;
	width:100px;
}

td.footer {
	text-align:center;
}