@charset "utf-8";

/* ----------------------------------------------------------------
    00.Common
----------------------------------------------------------------- */

h1,
h2,
h3
h4,
p,
dl,
dt,
dd,
div{
margin:0;
padding:0;
font-weight:normal;
}

h1,
h2,
h3,
h4{
font-size:100%
}

hr{
display:none;
}

img{
border:none;
}

ul,
ol{
margin:0;
padding:0;
}

li{
list-style:none;
}


/* ----------------------------------------------------------------
    01.Container
----------------------------------------------------------------- */
*{
margin:0;
padding:0;
}


body{
font-size:75%; /*12pt*/
line-height:1.66; /*20*/
color:#575757;
font-family:'ＭＳ Ｐゴシック','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
width:100%;
height:100%;
}

div#str-container{
margin:0 auto;
height:100%;
/*background:url(../images/bg_container.gif) repeat-y center;*/
}

/* ----------------------------------------------------------------
    02.Contents
----------------------------------------------------------------- */
div#str-container div#str-contents{
width:979px;
margin:0 auto;
border-left:1px solid #808080;
border-right:1px solid #808080;
}
div#contents{
width:947px;
/*background:url(../images/bg_contents.gif) repeat-x top left #f5f5f5;*/
padding:12px 0 50px 16px;
overflow:hidden;
min-height:775px;
height:auto !important;
}
div#contents_clear{
width:947px;
padding:12px 0 50px 16px;
overflow:hidden;
}

div#str-contentsleft{
float:left;
width:748px;
}

div#str-contentsright{
width:186px;
float:left;
margin-left:13px;
margin-bottom:14px;
}

/*link color*/
/*div#str-container div#contents a:link{
color:#df7e00;
text-decoration: underline;
}
div#str-container div#contents a:visited{
color:#df7e00;
text-decoration: underline;
}
div#str-container div#contents a:hover,
div#str-container div#contents a:active,
div#str-container div#contents a:focus{
color:#df7e00;
text-decoration:none;
}
div#str-container div#contents a img{
border:none;
text-decoration:none;
}*/

/*--lv2 contents--*/
div#lv2 div#contents{
/*background:url(../images/bg_contents_lv2.gif) repeat-x top left #f5f5f5 !important;*/
/*padding:7px 0 50px 34px;*/
padding:7px 0 50px 16px;
}


div#lv2 div#str-contentsleft{
width:715px !important;
}

div#lv2 div#str-contentsright{
width:210px !important;
margin-left:14px !important;
}



/* ----------------------------------------------------------------
    03.Header
----------------------------------------------------------------- */
div#str-header{
/*background:url(../images/bg_header.gif) no-repeat bottom left #FFFFFF;*/
min-height:50px;
display:block;
position: relative;
}

div#str-header .lyt_sttl{
position:absolute;
top:10px;
left:15px;
}

div#str-header .lyt_read{
position:absolute;
top:48px;
left:303px;
width:480px;
font-size:83.33%;
color:#949494;
}

div#str-header .lyt_inquiry{
position:absolute;
top:5px;
right:5px;
}


/* ----------------------------------------------------------------
    04.Gloval
----------------------------------------------------------------- */
div#str-nav{
position:relative;
}

div#lv2 div#str-nav{
/*background:url(../images/bg_nav_01.gif) repeat-x bottom left #d8d8d8;*/
height:70px;
}


div#str-nav-global{
height:70px;
z-index:100;
position:absolute;
top:0;
left:0;
}
div#str-nav-global ul{
width:980px;
/*overflow:hidden;*/
margin:0px auto 0px auto;
}

div#str-nav-global ul li{
float:left;
}
div#str-nav-global li > .lv2{
zoom:1;
}
div#str-nav-global li > .lv2.products{
position:relative;
top:65px !important;
width:160px;
}
div#str-nav-global li > .lv2 > li{
float:none;
z-index:101;
width:160px;
}
div#str-nav-global li > .lv2 > li img{
vertical-align:bottom;
}

div#str-mainvisual{
z-index:-1;
height:930px;

}

#str-mainvisual a:hover img {
opacity: 0.7;
-webkit-opacity: 0.7;
-moz-opacity: 0.7;
filter: alpha(opacity=70);	/* IE lt 8 */
-ms-filter: "alpha(opacity=70)"; /* IE 8 */
}
 
#str-mainvisual  a img {
    -webkit-transition: 0.5s ease-in-out;  
       -moz-transition: 0.5s ease-in-out;  
         -o-transition: 0.5s ease-in-out;  
            transition: 0.5s ease-in-out; 
}


/* ----------------------------------------------------------------
    05.Footer
----------------------------------------------------------------- */
#str-footer{
padding:0 0 24px;
/*background-color:#353535;*/
overflow:hidden;
}
#str-footer div#str-footerleft{
float:left;
margin-left:34px;
width:525px;
color:#b7b7b7;
}
#str-footer div#str-footerleft a:link,
#str-footer div#str-footerleft a:visited{
color:#b7b7b7;
text-decoration: none;
}
#str-footer div#str-footerleft a:hover,
#str-footer div#str-footerleft a:active,
#str-footer div#str-footerleft a:focus{
color:#b7b7b7;
text-decoration: underline;
}

#str-footer div#str-footerleft .lyt-sttl{
padding-bottom:20px;
background:url(../images/line_01.gif) repeat-x bottom left;
margin-bottom:15px;
overflow:hidden;
}
#str-footer div#str-footerleft .lyt-sttl .logo{
float:left;
width:206px;
}
#str-footer div#str-footerleft .lyt-sttl .txt{
width:299px;
float:left;
margin-left:20px;
color:#FFFFFF;
}
#str-footer div#str-footerleft .lyt-sttl .txt .read{
font-size:83.33%;
color:#cb9a3d;
margin-bottom:7px;
}


#str-footer div#str-footerright{
width:360px;
float:left;
margin-left:27px;
padding-top:4px;
}
#str-footer div#str-footerright .lyt-footer-nav-01{
width:160px;
float:left;
margin-left:39px;
padding-bottom:28px;
}
#str-footer div#str-footerright .lyt-footer-nav-01:first-child{
margin-left:0;
}

#str-footer div#str-footerright .lyt-footer-nav-01 li{
background:url(../images/line_01.gif) repeat-x bottom left;
padding-bottom:5px;
margin-top:7px;
}
#str-footer div#str-footerright .lyt-footer-nav-01 li:first-child{
margin-top:0px;
}
#str-footer div#str-footerright .lyt-footer-nav-01 li.no-b{
background:none;
}
#str-footer div#str-footerright .lyt-footer-nav-01 li a{
background:url(../images/p_01.gif) no-repeat 0.2em 0.1em;
font-weight:bold;
padding-left:18px;
}
#str-footer div#str-footerright .lyt-footer-nav-01 li a:link,
#str-footer div#str-footerright .lyt-footer-nav-01 li a:visited{
color:#ffffff;
text-decoration: none;
}
#str-footer div#str-footerright .lyt-footer-nav-01 li a:hover,
#str-footer div#str-footerright .lyt-footer-nav-01 li a:active,
#str-footer div#str-footerright .lyt-footer-nav-01 li a:focus{
color:#ffffff;
text-decoration: underline;
}
#str-footer div#str-footerright .lyt-footer-nav-inner li{
background:url(../images/line_01.gif) repeat-x top left #353535;
padding-left:18px;
padding-bottom:8px;
padding-top:9px;
margin-top:0;
font-size:83.33%;
line-height:1.2;
color:#e1e1e1;
}
#str-footer div#str-footerright .lyt-footer-nav-inner li:first-child{
margin-top:5px;
}
#str-footer div#str-footerright .lyt-footer-nav-inner li a{
background:none;
font-weight:normal;
padding-left:0;
}


#str-footer div#str-footerbottom{
/*background:url(../images/line_01.gif) repeat-x top left;*/
padding:20px 34px 0;
font-size:83.33%;
color:#b7b7b7;
}
#str-footer div#str-footerbottom ul{
float:left;
/*width:720px;*/
}
#str-footer div#str-footerbottom ul li{
float:left;
margin-right:20px;
}
#str-footer div#str-footerbottom ul li a:link,
#str-footer div#str-footerbottom ul li a:visited{
color:#b7b7b7;
text-decoration: none;
}
#str-footer div#str-footerbottom ul li a:hover,
#str-footer div#str-footerbottom ul li a:active,
#str-footer div#str-footerbottom ul li a:focus{
color:#b7b7b7;
text-decoration: underline;
}
#str-footer div#str-footerbottom .txt{
float:right;
}


/*---------------製品トップページ---------------*/

/* ----------------------------------------------------------------
    hdg
----------------------------------------------------------------- */
.lyt-hdg-l2-01,
.lyt-hdg-l2-02{
position:relative;
}
.lyt-hdg-l2-01 h2{
height:49px;
}
.lyt-hdg-l2-02 h2{
height:51px;
}
.lyt-hdg-l2-01 .lyt-btn{
position:absolute;
top:1px;
left:500px;
}
.lyt-hdg-l2-02 .lyt-btn{
position:absolute;
top:1px;
left:193px;
}


/* ----------------------------------------------------------------
    box
----------------------------------------------------------------- */
.lyt-box-01{
width:740px;
padding-bottom:20px;
background:url(../images/bg_box_01.png) no-repeat bottom left;
background-size:100% auto;
margin-bottom:14px;
}
.lyt-box-01-inner{
padding:13px 17px 0;
border-left:#cdcdcd solid 1px;
border-right:#cdcdcd solid 1px;
background-color:#FFFFFF;
}

.lyt-box-02{
width:295px;
padding-bottom:11px;
background:url(../images/bg_box_02.gif) no-repeat bottom left;
margin-bottom:14px;
}
.lyt-box-02-inner{
padding:12px 29px 0px;
border-left:#cdcdcd solid 1px;
border-right:#cdcdcd solid 1px;
background-color:#FFFFFF;
}
.lyt-box-02-inner .lyt-case{
text-align:center;
}
.lyt-box-02-inner .lyt-case img{
margin-bottom:10px;
}
.lyt-box-02-inner .lyt-case + *{
margin-top:10px;
}

.lyt-box-03-gc{
width:296px;
padding-bottom:154px;
background:url(../images/index_img_04.jpg) no-repeat bottom left;
background-color:#d0d0d0;
margin-right:13px;
float:left;
}

.lyt-box-03-rl{
width:295px;
padding-bottom:154px;
background:url(../images/index_img_06.jpg) no-repeat bottom left;
margin-right:13px;
float:left;
}
.lyt-box-03-eg{
width:296px;
padding-bottom:154px;
background:url(../images/index_img_05.jpg) no-repeat bottom left;
float:left;
}
.lyt-box-nav{

}
.lyt-box-nav .lyt-txt{
background:url(../images/bg_box_03.gif) repeat-x bottom left #fbfaf9;
padding:16px;
min-height:34px;
border-left:#d0d0d0 solid 1px;
border-right:#d0d0d0 solid 1px;
}

  .lyt-box-03-gc .lyt-txt {
    background: url("../images/bg_box_05.gif") repeat scroll left bottom #000 !important;
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    min-height: 34px;
    padding: 16px;

  }


.lyt-box-inquiry{
margin-bottom:11px;
}


.info-scroll{
overflow-y:scroll;
height:467px;
}

.lyt-box-01-inner .info-scroll{
overflow-y:scroll;
height:660px;
}

/*@media screen and (-webkit-min-device-pixel-ratio:0) {
.info-scroll{
overflow-y:scroll;
height:359px;
}
}*/

/* ----------------------------------------------------------------
   index list
----------------------------------------------------------------- */


.lyt-box-01-inner .info-scroll .lyt-tbl-info{
overflow:hidden;
margin-top:14px;
width:665px;
background:url(../images/bg_list_02.gif) repeat-y top right;
}
.lyt-box-01-inner .info-scroll .lyt-tbl-info:first-child{
margin-top:0;
}
.lyt-box-01-inner .info-scroll .lyt-tbl-info dt{
width:76px;
padding:7px 5px 0px 26px;
line-height:1.3;
font-weight:normal;
text-align:left;
background:url(../images/p_02.gif) no-repeat 4px 8px;
float:left;
height:100%;
}
.lyt-box-01-inner .info-scroll .lyt-tbl-info dd{
width:400px;
padding:10px 12px 5px;
vertical-align:top;
float:left;
}




/* ----------------------------------------------------------------
    list
----------------------------------------------------------------- */
.lyt-box-01-inner .lyt-tbl-info{
overflow:hidden;
margin-top:14px;
background:url(../images/bg_list.gif) repeat-y top right;
}
.lyt-box-01-inner .lyt-tbl-info:first-child{
margin-top:0;
}
.lyt-box-01-inner .lyt-tbl-info dt{
width:76px;
padding:7px 5px 0px 26px;
line-height:1.3;
font-weight:normal;
text-align:left;
background:url(../images/p_02.gif) no-repeat 4px 8px;
float:left;
height:100%;
}
.lyt-box-01-inner .lyt-tbl-info dd{
width:437px;
padding:10px 12px 5px;
vertical-align:top;
float:left;
}






/*---------------下層ページ---------------*/

/* ----------------------------------------------------------------
    hdg
----------------------------------------------------------------- */
.lyt-hdg-l1-01{
margin-bottom:20px;
}

div#lv2 .lyt-hdg-l2-01{
background:url(../images/bg_hdg_h2_02.gif) bottom left no-repeat;
padding-bottom:5px;
}
div#lv2 .lyt-hdg-l2-01_inner{
padding-top:14px;
background:url(../images/bg_hdg_h2_01.gif) top left no-repeat;
}
div#lv2 .lyt-hdg-l2-01_inner h2{
margin:0 1px;
border-left:#258536 6px solid;
height:auto;
padding:0px 18px;
font-weight:bold;
font-size:150%;
}



/* ----------------------------------------------------------------
    box
----------------------------------------------------------------- */
div#lv2 .lyt-box-01{
width:680px;
padding-bottom:20px;
background:url(../images/bg_box_lv2_01.gif) no-repeat bottom left;
margin-bottom:14px;
}
div#lv2 .lyt-box-01 .lyt-box-01-inner{
padding:13px 15px 30px;
border-left:#cdcdcd solid 1px;
border-right:#cdcdcd solid 1px;
background-color:#FFFFFF;
}

div#lv2 .str-lyt-box-nav{
width:218px;
padding-bottom:23px;
background:url(../images/bg_box_nav_02.gif) no-repeat bottom left;
}
div#lv2 .str-lyt-box-nav .lyt-box-nav{
background:url(../images/bg_box_nav_01.gif) no-repeat top left;
padding-top:15px;
}
div#lv2 .str-lyt-box-nav .lyt-box-nav .lyt-box-nav-inner{
padding:0 16px;
border-left:#cdcdcd solid 1px;
border-right:#cdcdcd solid 1px;
background-color:#FFFFFF;
}


/* ----------------------------------------------------------------
    list
----------------------------------------------------------------- */
div#lv2 .lyt-box-01-inner .lyt-tbl-info{
overflow:hidden;
margin-top:14px;
background:url(../images/bg_list_lv2.gif) repeat-y top right;
}
div#lv2 .lyt-box-01-inner .lyt-tbl-info:first-child{
margin-top:0;
}
div#lv2 .lyt-box-01-inner .lyt-tbl-info dt{
width:76px;
padding:7px 5px 0px 28px;
line-height:1.3;
font-weight:normal;
text-align:left;
background:url(../images/p_02.gif) no-repeat 4px 7px;
float:left;
height:100%;
}
div#lv2 .lyt-box-01-inner .lyt-tbl-info dd{
background-color:#ffffff;
width:515px;
padding:6px 12px 12px;
vertical-align:top;
float:left;
}
div#lv2 .lyt-box-01-inner .lyt-tbl-info dd .lyt_box{
border:#cdcdcd solid 1px;
background-color:#ffffff;
padding:8px 10px 1px;
margin-top:5px;
}

div#lv2 .lyt-list_01{
margin-bottom:15px;
}
div#lv2 .lyt-list_01 li{
list-style: disc inside;
}

/* ----------------------------------------------------------------
    link
----------------------------------------------------------------- */
.position{
margin-bottom:25px;
font-size:91.66%;
}

div#lv2 .lyt-nav-01 li{
background:url(../images/line_02.gif) repeat-x bottom left;
padding-bottom:5px;
margin-top:9px;
}
div#lv2 .lyt-nav-01 li:first-child{
margin-top:0;
}
div#lv2 .lyt-nav-01 li a{
min-height:14px;
display:inline-block;
padding-left:19px;
background:url(../images/p_02.gif) no-repeat 0 0.2em;
font-weight:bold;
}

div#lv2 .lyt-nav-01 li a:link,
div#lv2 .lyt-nav-01 li a:visited{
color:#322725 !important;
text-decoration: none !important;
}
div#lv2 .lyt-nav-01 li aa:hover,
div#lv2 .lyt-nav-01 li a:active,
div#lv2 .lyt-nav-01 li a:focus{
color:#322725 !important;
text-decoration: underline !important;
}


/* ----------------------------------------------------------------
    btn
----------------------------------------------------------------- */

.lyt-hdg-l2-01 .btn{
position:absolute;
top:17px;
right:18px;
}



/* ----------------------------------------------------------------
   .ClearFix
----------------------------------------------------------------- */
.clfx{
overflow:hidden;
}
div#str-container div#contents:after,
div#str-container div#contents_clear:after,
div#str-nav-global ul:after,
.lyt-box-01-inner .info-scroll .lyt-tbl-info:after,
.lyt-box-01-inner .lyt-tbl-info:after,
#str-footer:after,
#str-footer div#str-footerleft .lyt-sttl:after,
.clfx:after{
content:"";
display:block;
clear:both;
height:0;
visibility:hidden;
}


/* ----------------------------------------------------------------
    slider
----------------------------------------------------------------- */
div#str-mainvisual{
/*overflow:hidden;*/
position:relative;
z-index:1;
}

#slider-wrap{
position:relative;
width:980px;
height:1100px;

}

#slider-list{
position: absolute;
top: 0;
left:0;
z-index:20;
overflow:hidden;
width:980px;
}
#slider-list li{
float:left;
position:relative;
width:980px;
}
.sls-prev{
bottom:106px;
position:absolute;
left:0;
z-index:20;
display:block;
}
.sls-next{
bottom:106px;
position:absolute;
right:0;
z-index:20;
display:block;
}

.sls-pagination{
	position:absolute;
	left:50%;
	width:100px;
}
.sls-pagination a{
	float:left;
	margin:10px 10px 0px 0px;
	border-radius:5px;
	width:10px;
	height:10px;
	overflow:hidden;
	bos-shadow:1px 1px 2px rgba(0,0,0,0.5) inset;
	background:#aaa;
	text-indent:-9999px;
	vertical-align:middle;
}
.sls-pagination a:hover{
	background #ccc;
}
.sls-pagination a.current{
	box-shadow:1px 1px 2px rgba(0,0,0,0.5) inset,0 0 2px rgba(68,179,238,0.5);
	background:#666;
}

.connect_widget .page_stream img {
    height: auto;
    max-width: 120px;
}

/*
.connect_widget .page_stream img{
max-width:120px !important;
height:auto !important;
}*/