@charset "utf-8";
/* equipment.css
*************************/
#equipment {
position:relative;
}
#side_content {
width:25%;
position:absolute;
top:0;
left:0;
}
#side_content #side_nav #side_main {
    background: #E8E8E8;
    max-width: 210px;
    margin: 0 0 40px;
    padding: 15px 0;
}
#side_content #side_nav #side_main ul {
width: 90%;
margin: 0 auto;
}
#side_content #side_nav #side_main ul li a {
line-height: 1em;
display: block;
padding: 25px 10px;
margin: 0 0 1px;
background: white;
}
#side_content #side_nav #side_main ul li a span {
padding: 0 0 0 20px;
background:url(../img/common/icon_arrow_b.gif) left no-repeat;
}
#side_content #side_nav #side_main ul li a.current, #side_content #side_nav #side_main ul li a:hover {
text-decoration: none;
background: #626262;
color: white;
}
#side_content #side_nav #side_main ul li a.current span,  #side_content #side_nav #side_main ul li a:hover span {
background:url(../img/portfolio/bg_side_content_w.gif) left no-repeat;
}


#main_content {
width:100%;
max-width:10240px;
float:right;
}
#main_content #content_nav {
/* background:#ebe9e9; */
padding:5px 5px 0px;
border-bottom: 5px solid #e5e5e5;
border-top: 5px solid #e5e5e5;
border-left: 5px solid #e5e5e5;
border-right: 5px solid #e5e5e5;

}
#main_content #content_nav li a {
line-height:0;
}
#main_content #content_top_lead {
/* margin:60px 0; */
margin:0px 0 60px 0;
line-height:1.8em;
letter-spacing: 0em;
font-weight: bold;
font-size: 15px;
text-align: left;
}

#main_content #content_top_lead2 {
/* margin:60px 0; */
margin:0px 0 60px 0;
line-height:1.8em;
letter-spacing: 0em;
/*font-weight: bold; */
font-size: 15px;
text-align: left;
}

#main_content #content_top_lead3 {
margin:0px 0 30px 0;
line-height:1.8em;
letter-spacing: 0em;
/*font-weight: bold; */
font-size: 15px;
text-align: left;
}
#main_content #content_top_lead4 {
margin:20px 0 10px 0;
line-height:1.8em;
letter-spacing: 0em;
font-weight: bold;
font-size: 15px;
text-align: left;
border-bottom: 1px dotted #ebe9e9;
}

#main_content #content_top_lead4 span{
color: #191970;
}

/*
#main_content .item p.pic span{
    color: darkkhaki;
}
*/

#main_content  h2 {
width:100%;
padding:0 0 15px;
margin: 0 0 30px;
border-bottom:3px solid #ccc;
position:relative;
text-align:left;
}
#main_content  h2 span {
position:absolute;
top:5px;
right:0;
letter-spacing: 0;
}
#main_content .article_lead {
margin:0 0 45px;
line-height:1.8em;
}
#main_content  .item {
/* max-width:340px; */
max-width:690px;
min-width:160px;
height:auto;
margin:0 0 10px;
/* padding:0 10px; */
}
#main_content  .item  p.pic {
margin:0 0 15px;
}
#main_content  .item  p.title {
width:100%;
max-width:325px;
margin:0 0 15px;
text-align:left;
}
#main_content  .item  p.text {
font-size:13px;
line-height:1.8em;
}

#main_content  .item  p.btn{
padding: 10px 0;
}
#main_content  .item  p.btn a{
padding: 0 0 0 20px;
background:url(../img/common/icon_arrow_b.gif) left no-repeat;
}


#main_content  #cat1 h2 {
margin: 0 0 50px;
}
#main_content #cat3 {
margin:0 0 50px;
}
#main_content #cat3 .list li {
margin:0 0 5px;
}
#main_content #cat4 div.text {
padding:0 30px;
}
#main_content #cat4 div.text dt{
font-size:15px;
font-weight:bold;
margin:0 0 20px;
}
#main_content #cat4 div.text dd p{
margin:0 0 30px;
line-height:1.8em;
}
#bottom_content {
display:none;
}
#contact_banner_sp {
	display:none;
}
@media only screen and (max-width:1020px) {
#side_content {
display:none;
}
#main_content {
width:100%;
float:none;
margin:0 auto;
}
#contact_banner_sp{
width:90%;
margin:40px auto 0;
display:block;
}
#contact_banner_sp .inner{
/* width:90%; */
max-width: 635px;
padding: 20px 0;
margin: 0 0 20px;
background:#fff;
border:1px solid #ccc;
}
#contact_banner_sp .inner p.lead{
/* float: left; */
width: 100%;
margin-left:2%;
}
#contact_banner_sp .inner p.lead span{
font-size:200%;
color: #FF9900;
}

#contact_banner_sp .inner p.btn_contact {
/* float: right;
width: 35%;
*/
/* float: left; */
width: 100%;
padding: 15px 0 0 10px;
margin-right:2%;
}

#contact_banner_sp .inner p.btn_contact a {
    display: block;
    width: 180px;
    border: solid 2px #191970;
    text-align: center;
    font-size: 15px;
    line-height: 30px;
    color: #FFFFFF;
    padding: 10px 0;
    text-decoration: none;
    background: #191970;
    float: left;
}

}
@media only screen and (max-width:640px) {
.pc_title {display:none;}
.sp_title {display:block;}
#main_content #cat1 .pc_text { display:none; }
#main_content #cat1 .sp_text { display:block; }
#contact_banner_sp { display:none; }


#main_content  h2 span {
position:static;
letter-spacing: 0;
display:block;
}
#main_content #content_nav {
padding:5px;
}
#main_content #content_nav li{
width: 100%;
text-align: center;
background: white;
margin: 0 0 1px;
}
#main_content #cat1,#main_content #cat2{
/*	text-align:center; */
}
#main_content #cat1 .item,#main_content #cat2 .item {
width:100%;
margin:0 0 15px;
text-align:left;
}
#main_content .list {
width:100%;
}
#main_content #cat4 .pic{
width:100%;
margin:0 0 10px;
}
#main_content #cat4 div.text {
padding:0 ;
width:100%;
}
}