@charset "utf-8";

/*-----bace--------------------------------------------*/
html, body, div, span, object, iframe,
p, blockquote, pre,
h1,h2,h3,h4,
abbr, address, cite, code,
del, dfn, em, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    font-family: "Lucida Sans Unicode", Geneva, "Lucida Grande", sans-serif;
}


/*-----共通--------------------------------------------*/
.logo{
  width: 193px;
}

.logo img{
  margin-right: 0;
}

.english a{
  width: 111px;
}

.contact_in{
  margin: 0;
  border: none;
}

.contact_in span{
  border-top: none;
  padding: 0;
  margin-top: 10px;
}
  
.main_nav li a {
  display: block;
  padding: 20px 0 17px 0;
}  
 
.main_nav .current,
.main_nav .current02,
.main_nav .current03{ 
  padding: 20px 0 17px 0;
  background: url(../images/nev_hover.png) repeat-x left top  #f4f3f3;
}  

.contact_box{
  background: none;
  padding: 0;
  border: none;
}

.contact_box span{
  border-top: none;
  padding: 0;
}

.search-submit{
  height: 33px;
  vertical-align: top;
  background: url(../images/search.png) no-repeat;
  width: 66px;
  border: none;
  padding: 0;
  cursor: pointer;
}

.sol_h2_sp{
  display: none;
}

.note{
  background: none;
  padding-left: 0;
}

.mppt span{
  background: none;
  padding-left: 0;
}

.min_size_en{
  font-size: 86%;
  display: block;
  margin: 10px 0 20px 0;
}

.tab_op ul{
  display: block;
  margin-right: 0;
}

.tab_op h5 span{
  vertical-align: top;
}

input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus{
  background: url(../images/search.png) no-repeat !important;
  border: none !important;
}

/*-----top--------------------------------------------*/
.top_contact{
  border: none;
  clear: none;
}

.new_item{
  padding-top: 20px;
}

.news{
  width: 100%;
}

.solution dd span{
  width: 128px;
}

.solution dd{
  height: 120px;
}

/*-----download--------------------------------------------*/
.eng_down{
  padding-bottom: 100px;
}

.eng_down span{
  display: block;
  margin-top: 10px;
}

/*-----about--------------------------------------------*/
/*--index--*/
.only_title{
  line-height: 1.1;
  min-height: 23px;
  padding-top: 5px;
}

/*--02--*/
.why02{
  padding-bottom: 10px;
}

/*--03--*/
.about_box .about_03{
  max-width: 631px;
  display: block;
}

/*--04--*/
.why04{
  padding-bottom: 10px;
}

/*--04--*/
.en_ad05{
  min-height: 750px !important;
}

/*-----use--------------------------------------------*/
/*--index--*/
.use_top dl{
  min-height: 260px;
  height: auto;
}

.use_top dt{
  padding: 20px 10px 20px 62px;
  vertical-align: middle;
  line-height: 1;
}

.use_top .banner{
  margin: 10px 10px 10px 27px;
}

/*--house02--*/
.search_h02{
  padding-bottom: 10px;
}

.number .only_title{
  width: 175px;
  background: url(../use/images/house02-03.gif) no-repeat;
}

/*--facilities01--*/
.fac_01,
.fac_02{
  padding-bottom: 10px;
}

/*--facilities02--*/
.number span{
  width: 87px;
  background: url(/english/use/images/number_bg.gif) no-repeat;
}

.point li img{
  max-width: 380px;
  display: block;
}

/*--system_high--*/
.sys_high{
  padding-bottom: 10px;
}

.nanako{
  max-width: 665px;
  display: block;
}

.weather{
  max-width: 646px;
  display: block;
}

.en_min_text{
  font-size: 86%;
  display: block;
  margin-top: 5px;
}

/*--system_mid--*/
#mid_point .text_height {
  height: 70px;
  display: block;
} 
/*-----sitemap--------------------------------------------*/
.map_link dt{
  width: 114px;
}

.map_link dd{
  margin: 0 0 5px 114px;
}
  
/*-----product--------------------------------------------*/
#tab_menu li{
  line-height: 56px;
  padding:0;
}

#tab_menu li img{
  vertical-align: middle;
  padding-bottom: 5px;
}

.pro_table .house{
  font-size: 14px;
}

.storage th{
  width: 78px;
}

.storage td{
  width: 75px;
}

.pro_other dt{
  width: 98px;
}


.pro_top .dev{
  float: right;
  background: url(../images/products/development.png) no-repeat left center;
  height: 25px;
  padding-left: 77px;
}

.other_01{
  margin-left: 41px;
}
.other_04{
  margin-left: 41px;
}

/* english products old style 
.pro_table .volume_t{
  padding-left: 22px;
  background: url(../images/vol_img.png) no-repeat right center #e8e5e5;
}

.pro_table .vol_in{
  text-align: left;
  background: url(../images/td_bg.png) repeat-y top right #fff;
  padding: 13px 10px;
}

.t_30{
  margin-left: 5px;
}

.t_49{
  margin-left: 8px;
}

.t_55{
  margin-left: 8px;
}

.t_55_02{
  margin-left: 102px;
}

.t_80{
  margin-left: 8px;
}

.t_99{
  margin-left: 329px;
}

.s_99{
  margin-left: 329px;
}

.s_25{
  margin-left: 467px;
}
.ti_25{
  margin-left: 26px;
}
  
.ti_50{
  margin-left: 8px;
}

.ti_ai{
  margin-left: 241px;
}

.ti_10{
  margin-left: 241px;
}

.ti_20{
  margin-left: 8px;
}

.other_01 { margin-left: 50px; }
.other_02 { margin-left:  5px; }
.other_03 { margin-left:  50px; }
.other_04 { margin: 13px 0 0 5px; }
.other_05 { margin: 13px 0 0 5px; }

*/

@media screen and (max-width: 1080px){
.button{
  width: 245px;
}

.cont_col{
  margin-left: 265px;
  max-width: 428px;
}
}

@media screen and (max-width:950px){
.sys_mid{
  padding-bottom: 10px;
}
}

@media screen and (max-width:940px){
.use_top dl{
  min-height: 328px;
}
}

@media screen and (max-width:934px){
.why05{
  padding-bottom: 10px;
}

#side_area dd a span,
#side_area dd span{
  display: block;
}
}

@media screen and (max-width:909px){
.why03{
  padding-bottom: 10px;
}
}

@media screen and (max-width:902px){
.house_link li{
  width: 210px;
  margin-bottom: 8px;
}
}

@media screen and (max-width:863px){
.sys_low{
  padding-bottom: 10px;
}
}

@media screen and (max-width:830px){
.top_contact{
  width: auto;
  float: left;
}

.e_center{
  background: none;
  padding-right: 0;
  height: auto;
  padding: 10px 0 10px 16px;
}

.pro_top span{
  float: none;
  line-height: 2.5;
}
}

@media screen and (max-width:820px){
.logo img{
  width: 100%;
}

.mini {
display: inline;
}

.full {
display: none;
}
}

@media screen and (max-width:811px){
.fac_02{
  padding-bottom: 35px;
}
}

@media screen and (max-width:813px){
.why04{
  padding-bottom: 35px;
}
}

@media screen and (max-width:785px){
.why02{
  padding-bottom: 35px;
}
}

@media screen and (max-width:755px){
.solution dd{
  height: auto;
  min-height: 79px;
  padding-bottom: 5px;
}
}

@media screen and (max-width:756px){
.con01{
  padding-bottom: 10px;
}
}

@media screen and (max-width:730px){
.use{
  display: block;
}

.use dl{
  display: block;
  width: 100%;
}

}

@media screen and (max-width:713px){
.sys_high{
  padding-bottom: 35px;
}
}
@media screen and (max-width:710px){
.search_h02{
  padding-bottom: 35px;
}
}

@media screen and (max-width:705px){
#tab_menu li img{
  width: 100%;
  height: auto;
}

}

@media screen and (max-width:661px){
.use_top dl{
  min-height: 377px;
}
}

@media screen and (max-width:682px){
.fac_01{
  padding-bottom: 35px;
}
}

@media screen and (max-width:650px){
.logo {
  width: 130px;
}
}

@media screen and (max-width:611px){
.why04{
  padding-bottom: 60px;
}
}

@media screen and (max-width:606px){
.con03{
  padding-bottom: 10px;
}
}

@media screen and (max-width:598px){
.fac_02{
  padding-bottom: 60px;
}
}

@media screen and (max-width:592px){
.sys_mid{
  padding-bottom: 35px;
}
}

@media screen and (max-width:588px){
.why02{
  padding-bottom: 60px;
}
}

@media screen and (max-width:568px){
.main_nav{
  min-height: 49px;
}

.naver-container{
  margin-top: 49px;
}

.logo{
  width: 140px;
}

#tab_menu li img{
  width: auto;
  height: auto;
}

p.english{
  margin: 18px 8px 18px 0;
}

.top_box_sp form{
  clear: both;
  top: 69px;
}


.naver .naver-handle{
  top: 69px;
}

.copyright img{
  width: inherit;
  max-width: 100%;
  height: auto;
}

.cont_col{
  margin-left: 0;
}

.top_h1 img{
  width: auto;
}

.top_main,
.news{
  margin-bottom: 0;
}

.search_h02,
.fac_01,
.why04,
.why02,
.fac_02,
.sys_mid,
.sys_high{
  padding-bottom: 10px;
}

.h1_one{
  height: 50px;
}

.contact_in{
  padding: 0 20px 30px 20px;
}

.link_btn, .only, .under50{
  margin: 10px auto 0 auto;
}

.use_box,{
  margin: 10px auto 10px auto;
}
}

@media screen and (max-width:510px){
 .use_top dl{
   float: none;
   width: 100%;
   background-size: 336px 198px;
   min-height: 277px;
 }
}

@media screen and (max-width:471px){
.use_top dl{
  min-height: 277px;
}
}

@media screen and (max-width:468px){
#tab_menu li img{
  width: 100%;
  height: auto;
}
}

@media screen and (max-width:479px){
.why04{
  padding-bottom: 25px;
}
}

@media screen and (max-width:450px){
.why02{
  padding-bottom: 25px;
}
}

@media screen and (max-width:446px){
.fac_02{
  padding-bottom: 25px;
}
}
@media screen and (max-width:410px){
.top_main h2 img{
  height: 30px;
}
}
@media screen and (max-width:408px){
.top_main h2 .sol_h2_sp{
  height: auto;
  width: 100%;
}
}
@media screen and (max-width:405px){
.sys_high{
  padding-bottom: 25px;
}@media screen and (max-width:391px){
.search_h02{
  padding-bottom: 25px;
}
}

@media screen and (max-width:378px){
.sys_high{
  padding-bottom: 25px;
}
}

@media screen and (max-width:372px){
.fac_01{
  padding-bottom: 25px;
}
}

@media screen and (max-width:370px){
.in_bottom{
  display: block;
}

.top_main .sol_h2{
  height: auto;
  width: 100%;
  max-width: 342px;
}
}

@media screen and (max-width:342px){
.why04{
  padding-bottom: 50px;
}
}