@import"../default.css";

.clearboth{
clear:both;
width:100%;
height:40px;
margin-bottom:20px;
display:block;
}

/*　コンテンツ部分の背景設定　*/
.contents{
clear:both;
width: 980px;
background-image:url(../../images/bg_contents.gif);
background-repeat:repeat-y;
text-align:center;
margin:0;
padding:0;
}
.contents:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .contents {
    height: 1em;
    overflow: visible;
}

.contents .left{ 
width:180px;
float:left;
}
.contents .cont{ 
width:780px;
float:right;
}
.contents .cont .mainBox{ 
width:740px;
margin:0 auto;
}

/*　共通　*/
.contents h3 {
clear:both;
height:50px;
width:740px;
margin:30px 20px 0 20px;
padding:8px 0 0 35px;
background:url(../../images/bg_h3.gif);
background-repeat:no-repeat;
font-weight:bold;
text-align:left;
font-size:110%;
}
.contents h4{
clear:both;
background:url(../../images/bg_h4.gif);
background-repeat:repeat-y;
background-position:top left;
margin:0 15px 15px 15px;
padding:0 0 0 15px;
font-weight:bold;
text-align:left;
}
.copy { 
margin:20px;
font-size:85%;
text-align:left;
line-height:1.5;
}
p.cl20{
clear:both;
height:20px;
color:ffffff;
text-indent:-10000em;
}
p.cl30{
clear:both;
height:30px;
color:ffffff;
text-indent:-10000em;
}
.cl { 
clear:both;
margin:0;
padding:0;}
.border { 
border:solid 1px #ccc;
}

/*　サイドnavi共通　*/
.side{
width: 170px;
margin:0 5px;
padding:0;
background-color:transparent;
text-align:center;
}
.side .bg_sidenavi_first { 
text-align:left;
width:170px;
height:36px;
background-image:url(../../images/bg_sidenavi_first.jpg);
}
.side .bg_sidenavi_first h2 {
padding-top:13px;
padding-left:30px;
font-size:90%;
}
.side .bg_sidenavi {
text-align:left;
width:170px;
height:31px;
background-image:url(../../images/bg_sidenavi.jpg);
}
.side .bg_sidenavi h2 {
padding-top:8px;
padding-left:30px;
font-size:90%;
}
ul#sidemenu{
width: 170px;
margin:0;
padding:0;
}
ul#sidemenu li{
width:170px;
text-align:left;
color:#003399;
}
ul#sidemenu li a {
width:170px;
display:block;
font-size:80%;
padding:7px 0;
padding-left:10px;
color:#003399;
background:url(../../images/bg_sidenavi_off.jpg) no-repeat;
}
ul#sidemenu li a:hover{
width:170px;
display:block;
font-size:80%;
padding:7px 0;
padding-left:10px;
background:url(../../images/bg_sidenavi_on.jpg) no-repeat;
color:#ffffff;
}
ul#sidemenu li#current{
background:url(../../images/bg_sidenavi_on.jpg) no-repeat;
color:#fff;
font-weight:bold;
font-size:80%;
padding-left:10px;
padding-top:7px;
padding-bottom:7px;
}


#aboutus table{
border-collapse:collapse;
border-spacing:0;
padding:0;
border:0;
}
#aboutus table td{
padding:0;
border:0;
}

#aboutus .syozaiti_box{
position:relative;
text-align:left;
margin-left:20px;
margin-right:10px;
margin-bottom:30px;
}

#aboutus .syozaiti_ph {
position:absolute;
top:0;
right:10px;
}
#aboutus .syozaiti_ph p{
width:110px;
float:left;
color:#999;
font-size: 80%;
}
#aboutus .syozaiti_ph p img{
margin-bottom:5px;
}

#aboutus .syozaiti{
margin-right:250px;
margin-bottom:10px;
}

#aboutus .syozaiti img{
vertical-align:middle;
margin-bottom:10px;
}

.cont #aboutus  #toiawase_list {
clear:both;
margin-left:20px;
text-align:left;
}
#aboutus  #toiawase_list .toiawase_list_box {
width:380px;
float:left;
text-align:left;
}
#aboutus  #toiawase_list h4{
background:url(../../aboutus/images/toiawase_bg740.gif) no-repeat;
color:#fff;
padding: 4px 0 4px 15px;
margin:0 0 10px 0;
}
#aboutus  #toiawase_list .toiawase_list_box h4{
background:url(../../aboutus/images/toiawase_bg.gif) no-repeat;
color:#fff;
padding: 4px 0 4px 15px;
margin:0 0 10px 0;
}
#aboutus  #toiawase_list ul{
list-style-type:none;
margin-left:20px;
margin-bottom:20px;
}
#aboutus  #toiawase_list ul li{
background:url(../../aboutus/images/toiawase_tel_icon.gif) no-repeat 0 4px;
padding:3px 0 4px 25px;
font-size:90%;
line-height:1.25;
}
#aboutus  #toiawase_list ul li strong{
font-size:130%;
}