@charset "utf-8";
/* CSS Document */

body
{
margin:0px;
word-break:break-all;
font-size:76%;
line-height:1.22;
letter-spacing:0.5px;
font-family: Arial, "ＭＳ Ｐゴシック", "Osaka",serif;
color:#666666;
}

a:link{
text-decoration:none;
color:#666666;
}

a:hover{
text-decoration:underline;
color:#666666;
}

h1{
margin:0;
padding:0;
font-size:100%;
}

h2{
margin:0;
padding:0;
font-weight:600;
font-size:100%;
}

h3{
margin:0;
padding:0;
font-weight:600;
font-size:100%;
}

h4{
margin:0;
padding:0;
font-weight:600;
font-size:100%;
}

#main{
margin-left:auto;  
margin-right:auto; 
text-align:left;    
width:848px; 
}

#headder{
width:848px;
height:80px; 
border-right:#cccccc solid 1px;
border-left:#cccccc solid 1px;
}
	
#headder ul{
margin:0px;
padding:0px;
list-style:none;
}

#headder ul li{
float:left;
}

#headder ul li.intro{
text-align:right;

padding-right:10px;
width:748px;
float:left;
}

.copy{
padding-top:20px;
}

#topnavi{
width:848px;
height:21px;
border-right:#cccccc solid 1px;
border-left:#cccccc solid 1px;
}

#main_img{
width:848px;
height:309px;
border-right:#cccccc solid 1px;
border-left:#cccccc solid 1px;
}
	
#main_img ul{
margin:0px;
padding:0px;
list-style:none;
}

#main_img ul li{
float:left;
}

.banner{
width:255px;
height:90px;
padding-top:10px;
padding-left:9px;
padding-right:9px;
}

.banner02{
width:255px;
height:90px;
padding-top:10px;
padding-bottom:9px;
padding-left:9px;
padding-right:9px;
}

#content{
width:848px;
background: url(images/inner_bg.gif) repeat-y ;
border-right:#cccccc solid 1px;
border-left:#cccccc solid 1px;
}

.content_l{
width:199px;
border-right:#cccccc solid 1px;
float:left;
}

.content_r{
width:648px;
float:right;
}

.menu01{
height:20px;
width:189px;
background-color:#f1edd1;
border-bottom:#cccccc solid 1px;
padding-left:10px;
padding-top:8px;
font-weight:600;
font-size:100%;
}

.menu02{
height:20px;
width:179px;
background-color:#d3e3e7;
border-bottom:#cccccc solid 1px;
padding-left:20px;
padding-top:8px;
font-weight:600;
font-size:100%;
}

.topimg{
margin:0;
padding:0;
width:648px;
}

.content_main{
width:620px;
padding-left:14px;
}

.title01{
width:610px;
height:19px;
background-color:#e8e7e7;
padding-left:10px;
padding-top:5px;
margin-top:10px;
}

.title02{
width:590px;
height:19px;
background:url(images/title_bg.gif);
padding-left:30px;
padding-top:4px;
margin-top:15px;
}

.title02b{
width:590px;
height:19px;
background:url(images/title_bg.gif);
padding-left:30px;
padding-top:4px;
margin-top:30px;
}

.title02c{
width:590px;
height:19px;
background:url(images/title_bg.gif);
padding-left:30px;
padding-top:4px;
margin-top:20px;
}

.title03{
width:590px;
padding-top:4px;
padding-left:3px;
margin-top:6px;
}

.dot{
width:620px;
height:5px;
padding-top:5px;
}

.dot02{
width:620px;
height:5px;
padding-top:30px;
}

.exp{
width:620px;
margin-top:8px;
margin-bottom:15px;
}

.exp02{
width:610px;
margin-top:2px;
padding-left:10px;
}

.exp03{
width:620px;
margin-top:5px;
margin-bottom:8px;
}

.exp04{
width:610px;
margin-top:8px;
padding-left:10px;
}

.exp05{
width:610px;
margin-top:25px;
margin-bottom:30px;
padding-left:10px;
}

.exp06{
width:610px;
margin-top:10px;
padding-left:10px;
}

.exp06b{
width:610px;
margin-top:10px;
padding-left:10px;
margin-bottom:30px;
}

.exp07{
width:620px;
margin-top:15px;
margin-bottom:15px;
}

.exp08{
width:620px;
margin-top:15px;
margin-bottom:15px;
line-height:2.5;
}

.exp09{
width:610px;
margin-top:15px;
margin-bottom:15px;
padding-top:8px;
padding-bottom:8px;
padding-left:10px;
border:#cccccc solid 1px;
}

.exp10{
width:610px;
margin-top:15px;
padding-left:10px;
}


.package{
width:295px;
padding-top:3px;
padding-bottom:3px;
padding-left:3px;
border:#cccccc solid 1px;
background-color:#e8e7e7;
}

.price{
width:295px;
padding-top:3px;
padding-bottom:3px;
padding-left:3px;
border-left:#cccccc solid 1px;
border-right:#cccccc solid 1px;
border-bottom:#cccccc solid 1px;
line-height:1.6;

}

/* 開発実績テーブル */
.port_l{
padding-top:5px;
padding-bottom:5px;
padding-left:2px;
border:#cccccc solid 1px;
width:56px;
float:left;
background-color:#e8e7e7;
}

.port_r{
width:560px;
float:right;
}

.port_rl{
padding-top:5px;
padding-bottom:5px;
padding-left:2px;
border-top:#cccccc solid 1px;
border-right:#cccccc solid 1px;
border-bottom:#cccccc solid 1px;
width:257px;
float:left;
background-color:#e8e7e7;
}

.port_rr{
width:300px;
float:right;
}

.port_rrl{
padding-top:5px;
padding-bottom:5px;
padding-left:2px;
border-top:#cccccc solid 1px;
border-right:#cccccc solid 1px;
border-bottom:#cccccc solid 1px;
width:67px;
float:left;
background-color:#e8e7e7;
}

.port_rrr{
padding-top:5px;
padding-bottom:5px;
padding-left:2px;
border-top:#cccccc solid 1px;
border-right:#cccccc solid 1px;
border-bottom:#cccccc solid 1px;
width:227px;
float:right;
background-color:#e8e7e7;
}


.portb{
width:620px;
background: url(images/portb_bg.jpg) repeat-y ;
border-bottom:#cccccc solid 1px;
}

.portb_l{
padding-top:5px;
padding-bottom:5px;
padding-left:2px;
border-left:#cccccc solid 1px;
border-right:#cccccc solid 1px;
width:56px;
float:left;
background-color:#ffffff;
}

.portb_r{
width:560px;
float:right;
}

.portb_rl{
padding-top:5px;
padding-bottom:5px;
padding-left:2px;
border-right:#cccccc solid 1px;
width:257px;
float:left;
background-color:#ffffff;
}

.portb_rr{
width:300px;
float:right;
}

.portb_rrl{
padding-top:5px;
padding-bottom:5px;
padding-left:2px;
border-right:#cccccc solid 1px;
width:67px;
float:left;
background-color:#ffffff;
}

.portb_rrr{
padding-top:5px;
padding-bottom:5px;
padding-left:2px;
border-right:#cccccc solid 1px;
width:227px;
float:right;
background-color:#ffffff;
}

/* 会社概要 */
.cp_l{
width:120px;
float:left;
}
.cp_r{
width:470px;
float:right;
}

/* お問い合わせフォーム */
.contact{

}
.contact02{
padding-top:8px;

}

.contact_l{
background:url(images/title_bg.gif);
padding-left:30px;
margin-right:10px;
padding-top:8px;
width:100px;
float:left;

}

.contact_r{
padding-top:5px;
padding-bottom:5px;
padding-left:6px;
border:#cccccc solid 1px;
width:472px;
float:right;
background-color:#eff8fd;
}

.contact_rb{
padding-top:5px;
padding-bottom:5px;
padding-left:6px;
border:#cccccc solid 1px;
width:472px;
float:right;
text-align:center;
background-color:#eff8fd;
}

.contact_lb{
padding-left:30px;
margin-right:10px;
padding-top:8px;
width:100px;
float:left;
}

.contact_r02{
padding-top:5px;
padding-bottom:5px;
padding-left:6px;
border:#cccccc solid 1px;
width:462px;
float:right;
background-color:#eff8fd;
}

.contact_rb02{
padding-top:5px;
padding-bottom:5px;
padding-left:6px;
border:#cccccc solid 1px;
width:462px;
float:right;
text-align:center;
background-color:#eff8fd;
}

/* 英語ページ */
.en01a{
width:270px;
float:left;
}
.en01b{
width:340px;
float:right;
}
.en01c{
margin-top:100px;
}
.en01d{
margin-top:150px;

}
.en01e{
width:130px;
float:left;
}
.en01f{
width:100px;
float:left;
}
.en01g{
margin-top:80px;
}
.en01h{
width:150px;
float:left;
}
.en01i{
width:460px;
float:right;
}

#pankuzu{
width:823px;
height:19px; 
background: url(images/pankuzu_bg.jpg) no-repeat ;
padding-left:25px;
padding-top:4px;
font-size:100%;
font-weight:500;
border-right:#cccccc solid 1px;
border-left:#cccccc solid 1px;
}

#bottom_navi{
width:848px;
border-right:#cccccc solid 1px;
border-left:#cccccc solid 1px;
border-bottom:#cccccc solid 1px;
}
	
	
#bottom_navi ul{
margin:0px;
padding:0px;
list-style:none;
}

#bottom_navi ul li{
width:202px;
float:left;
padding-top:15px;
padding-left:10px;
padding-bottom:20px;
line-height:1.6;
}

#footer{
width:848px;
text-align:right;
padding-top:2px;
letter-spacing:0.2px;
}