.tablet{
display:block;
}
.pctablet{
display:block;
}
.tabletsp{
display:block;
}
.pc{
display:none;
}
.sp{
display:none;
}


body {
margin: 0;
padding: 0;
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
color: #555;
}



#header_bar {
width: 100%;
height: 50px;
float: left;
background-repeat: repeat-x;


}

.header_bar_wrap {
width: 100%;
margin: auto;

}

.header_bar_wrap h1 {
height: 24px;
padding-top: 6px;
font-weight: normal;
margin: 0px;
display: inline;
float: left;
font-size: 16px;
color: #666666;
padding-right: 3px;

}

.header_bar_wrap_t {
height: 50px;
float: right;
color: #ffffff;
font-size: 16px;

}

.tel_size {
width: 280px;
height: 50px;
background-size: 100%;

}

#headermenu {
width: 100%;
height: 100%;
height: auto;
float: left;

}



#header {
width: 100%;
height: 108px;
margin: auto;

}

.header_left {
width: 100%;
float: left;

}

.header_logo {
float: left;
width: 212px;
height: 90px;
margin-left: 260px;

}


.header_logo a {
width: 212px;
height: 90px;
display: block;
background-image: url(../images/logo.jpg);

}

.header_logo a:hover {
width: 212px;
height: 90px;
display: block;
background-image: url(../images/logo.jpg);

}

.header_sitemap {
width: 100%;
height: 100px;
float: left;
font-size: 16px;



}

.header_sitemap a {
float: left;
width: 140px;
height: 47px;
display: block;
background-image: url(../images/hane1.jpg);
text-decoration: none;
font-weight: bold;
color: #434343;
padding-top: 43px;
text-align: center;
}


.header_sitemap a:hover {
float: left;
width: 140px;
height: 47px;
display: block;
background-image: url(../images/hane1.jpg);
text-decoration: none;
font-weight: bold;
color: #434343;
padding-top: 43px;
text-align: center;

}

.header_image_waku {
float: left;
width: 100%;

}

.purpose {
float: left;
width: 100%;
line-height: 1.5em;
padding: 5px;
color: #666666;
margin-bottom: 20px;
text-align: center;
padding-top: 20px;
font-size: 14px;

}


.hi_size {
width: 100%;
height: auto;
background-size: 100%;


}

#wrapper {
width: 100%;
float: left;
margin-top: 0px;


}

#container {
width: 100%;
float: left;

}

#container_right {
width: 100%;
width: auto;
float: left;




}

#main {
width: 100%;
float: left;
padding-top: 10px;



}

.contents {
width: 100%;
float: left;
margin-bottom: 10px;

}

.contents_2 {
width: 100%;
float: left;
margin-bottom: 20px;
line-height: 1.4em;
padding: 0 10px;
font-size: 12px;
}


.sashi_r1 {
float: right;
margin: 0 0 40px 40px;
width: 290px;
height: 418px;
background-image: url(../images/sashie_con1_r1.jpg);



}

.sashi_r2 {
float: right;
margin: 0 0 40px 40px;
width: 290px;
height: 580px;
background-image: url(../images/sashie_con2_r1.jpg);



}

.sashi_r3 {
float: right;
margin: 0 0 40px 40px;
height: 580px;
background-image: url(../images/sashie_con3_r1.jpg);



}

.sashi_l1 {
float: left;
margin: 0 10px 10px 0px;
width: 290px;
height: 290px;
background-image: url(../images/sashie_l1.jpg);
background-size: 100%;

}

.sashi_r1_co {
float: right;
width: 470px;


}

.contents_3 {
width: 100%;
float: left;
margin-bottom: 50px;



}

.contents_4 {
width: 100%;
float: left;
margin-bottom: 10px;
padding-left: 10px;
}

.conte_4_tt {
width: 100%;
float: left;

}

.conte_4_r {
width: 100%;
float: left;

}

.conte_4_w {
width: 385px;
float: left;



}

.conte_4_i {
width: 385px;
float: left;



}

.tt_size {
width: 100%;
height: auto;
background-size: 100%;


}

.rk_size {
width: 770px;
height: 60px;
background-size: 100%;


}

.btn_size {
width: 385px;
height: 100px;
background-size: 100%;


}

.conte_w {
width: 320px;
float: left;
margin-left: 0px;
padding: 10px 0;
margin-bottom: 10px;

}

.conte_w_r {
width: 320px;
float: left;
margin-left: 0px;
padding: 10px 0;
margin-bottom: 10px;

}


.conte_w2 {
width: 320px;
height: 180px;
float: left;
margin-left: 14px;
padding: 10px 0;
margin-bottom: 10px;
background-image: url(../images/conte_w2.jpg);

}

.conte_i1 a {
width: 290px;
height: 130px;
float: left;
margin-left: 15px;
background-image: url(../images/con1.jpg);

}

.conte_i2 a {
width: 290px;
height: 130px;
float: left;
margin-left: 15px;
background-image: url(../images/con2.jpg);

}

.conte_i3 a {
width: 290px;
height: 130px;
float: left;
margin-left: 15px;
background-image: url(../images/con3.jpg);

}

.conte_m1 {
width: 290px;
height: 40px;
float: left;
margin-left: 15px;
background-image: url(../images/teki1.gif);

}

.conte_m2 {
width: 290px;
height: 40px;
float: left;
margin-left: 15px;
background-image: url(../images/teki2.gif);

}

.conte_m3 {
width: 290px;
height: 40px;
float: left;
margin-left: 15px;
background-image: url(../images/teki3.gif);

}

.conte_c {
width: 290px;
float: left;
margin-left: 15px;
margin-top: 5px;
font-size: 12px;
line-height: 1.4em;
padding-top: 15px;
}

.conte_c_t {
font-weight: bold;
margin-bottom: 6px;



}


.conte_f {
width: 285px;
float: left;
margin-left: 15px;
margin-top: 15px;
font-size: 12px;
text-align: right;
padding-right: 5px;

}

.conte_fk {
width: 285px;
float: left;
margin-left: 15px;
margin-top: 35px;
font-size: 14px;
text-align: right;
padding-right: 5px;

}

.conte_f a {
color: #333333;



}


.md_size {
width: 100%;
height: auto;
background-size: 100%;


}

.conte_title {
float: left;
width: 738px;
height: 28px;
padding: 12px 0 0 30px;
display: block;
background-image: url(../images/conte_title_tab.jpg);
margin-bottom: 10px;


}

.conte_title h2 {
font-size: 16px;
margin: 0px;


}

.conte_title2 {
float: left;
width: 738px;
height: 28px;
padding: 12px 0 0 10px;
display: block;
margin-bottom: 10px;
margin-top: 10px;

}

.conte_title2 h2 {
font-size: 16px;
margin: 0px;


}

.tr_waku {
width: 100%;
float: left;

}

.tr_koumoku {
float: left;
width: 100%;
height: 30px;
padding: 10px 0 0 10px;
border: 1px solid #999999;
background-color: #e6e6e6;
font-weight: bold;
}




.tr_naiyou {
float: left;
width: 100%;
height: 100%;
padding: 10px;
margin-top: 10px;
margin-bottom: 20px;
}

.company_map {
width: 100%;
float: left;
margin-bottom: 30px;

}

.toi_form {
float: left;
width: 768px;
height: 80px;
background-image: url(../images/contact.jpg);
background-size: 100%;
margin-top: 20px;
margin-bottom: 100px;

}

.toi_form_link a {
width: 230px;
height: 30px;
display: block;
margin: 42px 0 0 375px;

}


.footer_link {
width: 100%;
float: left;
padding-top: 20px;
font-size: 12px;
background-color: #333333;
color: #ffffff;
padding-bottom: 30px;
}

.footer_link a {
color: #ffffff;

}


#comment-author{
width: 550px;
height: 30px;
}

#comment-text3 {
width: 600px;
height: 60px;
}


.footer_w {
width: 340px;
float: left;



}


.footer_w2 {
width: 340px;
height: 200px;
float: left;
border-left: 0px solid #e4e4e4;
border-right: 0px solid #e4e4e4;


}

.footer_t {
width: 320px;
float: left;
padding-left: 10px;


}

.footer_c {
width: 290px;
float: left;
margin-left: 20px;
line-height: 1.4em;
font-weight: bold;
}

.footer_c li {
list-style-type: none;
line-height: 2.4em;
}


.footer_c_n {
width: 290px;
float: left;
margin-left: 20px;
line-height: 1.4em;
margin-top: 15px;
margin-bottom: 15px;


}


#footer {
width: 100%;
height: 60px;
margin: auto;
clear: both;
background-color: #ffffff;
border-top: 1px solid #e4e4e4;

}


.footer_wrapper {
width: 100%;
margin: auto;


}

.copyright {
width: 400px;
font-size: 14px;
color: #666666;
margin: auto;
padding: 20px 0 0 10px;

}

.copyright a {
color: #666666;


}