@charset "utf-8";
/* # Global Setting
+ Reset
+ Common Set
+ Font Set
+ Anchor Set
+ List Set
+ Table Set
+ Form Set
=========================================================*/

/* ## Reset
^ html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark
---------------------------------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}nav ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}

/* ## Common Set
---------------------------------------------------------*/
html{
  overflow-y:scroll;
}
body{
  text-align:left;
  margin:0;
}
body *{
  margin:0;
}
div,header,footer,nav,article,aside,section{
  text-align:left;
}
::-moz-selection{
  background:#52c3fd;
  color:#fff;
}
::selection{
  background:#52c3fd;
  color:#fff;
}

/* ## Font Set
---------------------------------------------------------*/
body{
  color:#333;
  font:13px/1.8 Verdana,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS P Gothic,Helvetica,Arial,sans-serif;
  *font:x-small;
  *font-size:small;
}
body *{
  line-height:1.8;
}
table{
  font:100%;
  font-size:inherit;
}
pre,code,kbd,samp,tt{
  line-height:99%;
  font-family:monospace;
  *font-size:108%;
}
input,textarea,select,option{
  font:13px/1.8 Verdana,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS P Gothic,Helvetica,Arial,sans-serif;
}
textarea, x:-moz-any-link{
  font-size:13px;
}

/* ## Anchor Set
---------------------------------------------------------*/
a:link,a:visited{
  color:#011FFF;
  text-decoration:none;
}
a:active,a:hover{
  color:#dc0000;
  text-decoration:underline;
}
a:link{
  -webkit-tap-highlight-color:#dc0000;
}
a{
  outline:none;
}
a img:hover{
  position:relative;
  -webkit-opacity:0.8;
  -moz-opacity:0.8;
  -o-opacity:0.8;
  -ms-opacity:0.8;
  opacity:0.8;
  filter:alpha(opacity=80);
  behavior:url("css/htc/PIE.htc");
}

/* ## Table Set
---------------------------------------------------------*/
table{
  margin:0 auto;
  width:90%;
  border-top:1px solid #e5e5e5; 
}
th,td{
  padding:5px 10px;
  border-right:1px solid #e5e5e5;
  border-bottom:1px solid #e5e5e5; 
  vertical-align:top;
}
th{
  background:#f9f9f9;
  border-left:1px solid #e5e5e5;
}
td li{
  margin-left:1.5em;
}
td li.nodisc{
  margin-left:0;
  list-style-type:none;
}

/* ## Form Set
---------------------------------------------------------*/
/* ### Input Setting */
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
textarea{
  position:relative;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-box-shadow:inset 0 1px 2px #eee;
  -moz-box-shadow:inset 0 1px 2px #eee;
  -o-box-shadow:inset 0 1px 2px #eee;
  -ms-box-shadow:inset 0 1px 2px #eee;
  box-shadow:inset 0 1px 2px #eee;
  padding:5px 7px;
  border:1px solid #dadada;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -o-border-radius:3px;
  -ms-border-radius:3px;
  border-radius:3px;
  -webkit-transition:all linear 0.2s;
  -moz-transition:all linear 0.2s;
  -o-transition:all linear 0.2s;
  -ms-transition:all linear 0.2s;
  transition:all linear 0.2s;
  behavior:url("/css/htc/PIE.htc");
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
textarea:focus{
  position:relative;
  -webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1),0 0 8px #b5d5e5;
  -moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1),0 0 8px #b5d5e5;
  -o-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1),0 0 8px #b5d5e5;
  -ms-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1),0 0 8px #b5d5e5;
  box-shadow:inset 0 1px 3px rgba(0,0,0,0.1),0 0 8px #b5d5e5;
  outline:0;
  border-color:#9dc7dc;
  behavior:url("/css/htc/PIE.htc");
}
input[type="checkbox"],input[type="radio"]{
  position:relative;
  margin-left:10px;
  -moz-transform-origin: right bottom;
  -moz-transform: scale( 2 , 2 );
  -webkit-transform-origin: right bottom;
  -webkit-transform: scale( 2 , 2 );
}
input[type="submit"]{
  position:relative;
  border:0;
  color:#fff;
  height:40px;
  background:#555;
  background:linear-gradient(#555, #2d2d2d);
  background:-moz-linear-gradient(#555, #2d2d2d);
  background:-webkit-gradient(linear,left top,left bottom,from(#555),to(#2d2d2d));
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -o-border-radius:3px;
  -ms-border-radius:3px;
  border-radius:3px;
  -webkit-box-shadow:0 2px 1px #ccc;
  -moz-box-shadow:0 2px 1px #ccc;
  -o-box-shadow:0 2px 1px #ccc;
  -ms-box-shadow:0 2px 1px #ccc;
  box-shadow:0 2px 1px #ccc;
  behavior:url("/css/htc/PIE.htc");
}




dd li.nodisc{
  margin-left:0;
  list-style-type:none;
}





fieldset{
  position:relative;
  border:1px solid #e0e0e0;
  background:#fff;
  padding:15px 14px 14px;
  margin:35px auto 25px;
  width:920px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  border-radius:5px;
  behavior:url("css/htc/PIE.htc");
}
fieldset legend{
  position:absolute;
  font-size:85%;
  margin:-26px 0 0;
  padding:2px 10px;
  display:visible;
  color:white;
  background:#666;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 1px 2px #ddd;
  -moz-box-shadow:0 1px 2px #ddd;
  -o-box-shadow:0 1px 2px #ddd;
  -ms-box-shadow:0 1px 2px #ddd;
  box-shadow:0 1px 2px #ddd;
  behavior:url("css/htc/PIE.htc");
}
fieldset dl{
  width:900px;
  margin:0 auto;
}
fieldset dt{
  clear:left;
  width:200px;
  padding:3px 0 0;
  font-weight:bold;
}
fieldset dd{
  width:700px;
}
fieldset dt,fieldset dd{
  float:left;
  margin:0 0 10px;
}
fieldset dd ul{
  list-style-type:none;
}
fieldset dd input[type="text"]{
  width:300px;
}
fieldset dd textarea{
  width:500px;
  height:100px;
}




/* # Layout Setting
+ wrapper
+ header


=========================================================*/








.wrapper{
  position:relative;
  margin:0 auto;
  width:960px;
}

header{
  margin:0 auto;
  padding:10px 0 0;
  width:950px;
  height:80px;
}


footer{
  margin:0 auto;
  padding:20px 0;
  width:950px;
  border-top:1px solid #e5e5e5;
}




#title{
  float:left;
  width:300px;
}
#title h1 object{
  width:300px;
}
#title h1 a{
}
#title h1 a:hover{
  -webkit-opacity:.7;
  -moz-opacity:.7;
  -o-opacity:.7;
  -ms-opacity:.7;
  opacity:.7;
}


#globalnav{
  -webkit-box-shadow:0 1px 2px #eee;
  -moz-box-shadow:0 1px 2px #eee;
  -o-box-shadow:0 1px 2px #eee;
  -ms-box-shadow:0 1px 2px #eee;
  box-shadow:0 1px 2px #eee;
  margin:0 auto 10px;
  width:954px;
  border:1px solid #e0e0e0;
  border-right:none;
  -webkit-border-radius:5px 5px 0 0;
  -moz-border-radius:5px 5px 0 0;
  -o-border-radius:5px 5px 0 0;
  -ms-border-radius:5px 5px 0 0;
  border-radius:5px 5px 0 0;
  background:#e0e0e0;
  font-size:0;
}
#globalnav a{
  display:block;
  width:158px;
  height:50px;
  margin-right:1px;
  background:#f9f9f9;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(51%, #eee), color-stop(51%, #e7e7e7), color-stop(100%, #f9f9f9));
  background:-webkit-linear-gradient(top,#fff,#eee 51%,#e7e7e7 51%,#f9f9f9);
  background:-moz-linear-gradient(top,#fff,#eee 51%,#e7e7e7 51%,#f9f9f9);
  background:-o-linear-gradient(top,#fff,#eee 51%,#e7e7e7 51%,#f9f9f9);
  background:-ms-linear-gradient(top,#fff,#eee 51%,#e7e7e7 51%,#f9f9f9);
  background:linear-gradient(top,#fff,#eee 51%,#e7e7e7 51%,#f9f9f9);
  -pie-background:linear-gradient(top,#fff,#eee 51%,#e7e7e7 51%,#f9f9f9);
  color:#333;
  line-height:50px;
}
#globalnav a:hover{
  text-decoration:none;
  -webkit-opacity:.7;
  -moz-opacity:.7;
  -o-opacity:.7;
  -ms-opacity:.7;
  opacity:.7;
}
#globalnav li{
  display:inline-block;
  text-align:center;
  font-size:13px;
}
#globalnav span{
  margin:0 5px 0 0;
}
#globalnav .navfirst{
  -webkit-border-radius:5px 0 0 0;
  -moz-border-radius:5px 0 0 0;
  -o-border-radius:5px 0 0 0;
  -ms-border-radius:5px 0 0 0;
  border-radius:5px 0 0 0;
}
#globalnav .navlast{
  -webkit-border-radius:0 5px 0 0;
  -moz-border-radius:0 5px 0 0;
  -o-border-radius:0 5px 0 0;
  -ms-border-radius:0 5px 0 0;
  border-radius:0 5px 0 0;
}

#content{
  margin:0 auto;
  width:950px;
}
#content section{
  margin:0 0 2em;
}
#content h1{
  margin:0 0 1em;
  border-bottom:1px solid;
  line-height:2;
  font-family:"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS P Gothic,sans-serif;
  font-size:153.9%;
}
#content h1 span{
  margin:0 10px 0 0;
}
#content p{
  margin:0 0 1.2em;
}
#content a span{
  margin:0 7px 0 0;
}


/* ### mainvis */
#mainvis img{
  margin:0 0 20px;
  width:950px;
  height:250px;
}

/* ### about */

#about h2{
  text-align:center;
  line-height:2.5;
  font-size:123.1%;
}

#about .aboutbox{
  overflow:hidden;
  margin:0 0 15px 0;
}
#about .aboutbox section{
  float:left;
  -webkit-box-shadow:0 1px 2px #eee;
  -moz-box-shadow:0 1px 2px #eee;
  -o-box-shadow:0 1px 2px #eee;
  -ms-box-shadow:0 1px 2px #eee;
  box-shadow:0 1px 2px #eee;
  margin:0 10px 10px 0;
  width:308px;
  height:198px;
  border:1px solid #e5e5e5;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  -o-border-radius:8px;
  -ms-border-radius:8px;
  border-radius:8px;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f9f9f9));
  background:-webkit-linear-gradient(#fff,#f9f9f9);
  background:-moz-linear-gradient(#fff,#f9f9f9);
  background:-o-linear-gradient(#fff,#f9f9f9);
  background:-ms-linear-gradient(#fff,#f9f9f9);
  background:linear-gradient(#fff,#f9f9f9);
}
#about .aboutbox section.seclast{
  margin:0 0 10px 0;
}
#about .aboutbox p,#about .aboutbox ul{
  margin:0 10px 5px 75px;
  color:#777;
  font-size:85%;
}
#about .aboutbox h3{
  margin:0 0 0 75px;
  font-size:93%;
  color:#555;
}
#about .aboutbox li{
  margin:0 0 0 1.5em;
}

#case .casebox{
  overflow:hidden;
  margin:0 -10px 15px 0;
}
#case .casebox section{
  float:left;
  -webkit-box-shadow:0 1px 2px #eee;
  -moz-box-shadow:0 1px 2px #eee;
  -o-box-shadow:0 1px 2px #eee;
  -ms-box-shadow:0 1px 2px #eee;
  box-shadow:0 1px 2px #eee;
  margin:0 10px 10px 0;
  width:308px;
  height:400px;
  border:1px solid #e5e5e5;
}
#case .casebox h2{
  overflow:hidden;
  margin:10px 9px 10px 9px;
  padding:40px 0 0 0;
  height:0;
}
#case .casebox h2.yosokushijo{
  background:url("/img/logo/yosokushijo.png") no-repeat left top;
}
#case .casebox h2.suisenjo{
  background:url("/img/logo/suisenjo.png") no-repeat left top;
}
#case .casebox h2.manager{
  background:url("/img/logo/manager.png") no-repeat left top;
}
#case .casebox p{
  margin:0 9px 9px 9px;
  font-size:93%;
}
#case .casebox .caseimg{
  margin:0 9px;
}

#copyright{
  font-size:85%;
  color:#888;
  text-align:center;
}
















/* # Modules Setting
+ Font Size Modules
+ Align Modules
+ Clearfix
=========================================================*/

/* ## Font Size Modules
^ YUI Fonts CSS
^ t10=10px、t11=11px、t12=12px、t13=13px～
---------------------------------------------------------*/
.t10{
  font-size:77%;
}
.t11{
  font-size:85%;
}
.t12{
  font-size:93%;
}
.t13{
  font-size:100%;
}
.t14{
  font-size:108%;
}
.t15{
  font-size:116%;
}
.t16{
  font-size:123.1%;
}
.t17{
  font-size:131%;
}
.t18{
  font-size:138.5%;
}
.t19{
  font-size:146.5%;
}
.t20{
  font-size:153.9%;
}
.t21{
  font-size:161.6%;
}
.t22{
  font-size:167%;
}
.t23{
  font-size:174%;
}
.t24{
  font-size:182%;
}
.t25{
  font-size:189%;
}
.t26{
  font-size:197%;
}

/* # Align Modules
---------------------------------------------------------*/
.right {
	text-align:right;
}
.left {
	text-align:left;
}
.center {
	text-align:center;
}

/* # Clearfix
---------------------------------------------------------*/
.clearfix:before,.clearfix:after{
  display:block;
  overflow:hidden;
  height:0;
  content:"\0020";
}
.clearfix:after{
  clear:both;
}
.clearfix{
  zoom:1;
}



/* # Color Setting
+ Font Color
+ Border Color
+ Background Color

** color=rgb(107,212,213) **
=========================================================*/
.txtcolor5{color:rgba(107,212,213,.05) !important;}
.txtcolor10{color:rgba(107,212,213,.1) !important;}
.txtcolor15{color:rgba(107,212,213,.15) !important;}
.txtcolor20{color:rgba(107,212,213,.2) !important;}
.txtcolor25{color:rgba(107,212,213,.25) !important;}
.txtcolor30{color:rgba(107,212,213,.3) !important;}
.txtcolor35{color:rgba(107,212,213,.35) !important;}
.txtcolor40{color:rgba(107,212,213,.4) !important;}
.txtcolor45{color:rgba(107,212,213,.45) !important;}
.txtcolor50{color:rgba(107,212,213,.5) !important;}
.txtcolor55{color:rgba(107,212,213,.55) !important;}
.txtcolor60{color:rgba(107,212,213,.6) !important;}
.txtcolor65{color:rgba(107,212,213,.65) !important;}
.txtcolor70{color:rgba(107,212,213,.7) !important;}
.txtcolor75{color:rgba(107,212,213,.75) !important;}
.txtcolor80{color:rgba(107,212,213,.8) !important;}
.txtcolor85{color:rgba(107,212,213,.85) !important;}
.txtcolor90{color:rgba(107,212,213,.9) !important;}
.txtcolor95{color:rgba(107,212,213,.95) !important;}
.txtcolor{color:rgba(107,212,213,1) !important;}
.bdrcolor5{border-color:rgba(107,212,213,.05) !important;}
.bdrcolor10{border-color:rgba(107,212,213,.1) !important;}
.bdrcolor15{border-color:rgba(107,212,213,.15) !important;}
.bdrcolor20{border-color:rgba(107,212,213,.2) !important;}
.bdrcolor25{border-color:rgba(107,212,213,.25) !important;}
.bdrcolor30{border-color:rgba(107,212,213,.3) !important;}
.bdrcolor35{border-color:rgba(107,212,213,.35) !important;}
.bdrcolor40{border-color:rgba(107,212,213,.4) !important;}
.bdrcolor45{border-color:rgba(107,212,213,.45) !important;}
.bdrcolor50{border-color:rgba(107,212,213,.5) !important;}
.bdrcolor55{border-color:rgba(107,212,213,.55) !important;}
.bdrcolor60{border-color:rgba(107,212,213,.6) !important;}
.bdrcolor65{border-color:rgba(107,212,213,.65) !important;}
.bdrcolor70{border-color:rgba(107,212,213,.7) !important;}
.bdrcolor75{border-color:rgba(107,212,213,.75) !important;}
.bdrcolor80{border-color:rgba(107,212,213,.8) !important;}
.bdrcolor85{border-color:rgba(107,212,213,.85) !important;}
.bdrcolor90{border-color:rgba(107,212,213,.9) !important;}
.bdrcolor95{border-color:rgba(107,212,213,.95) !important;}
.bdrcolor{border-color:rgba(107,212,213,1) !important;}
.bgcolor5{background-color:rgba(107,212,213,.05) !important;}
.bgcolor10{background-color:rgba(107,212,213,.1) !important;}
.bgcolor15{background-color:rgba(107,212,213,.15) !important;}
.bgcolor20{background-color:rgba(107,212,213,.2) !important;}
.bgcolor25{background-color:rgba(107,212,213,.25) !important;}
.bgcolor30{background-color:rgba(107,212,213,.3) !important;}
.bgcolor35{background-color:rgba(107,212,213,.35) !important;}
.bgcolor40{background-color:rgba(107,212,213,.4) !important;}
.bgcolor45{background-color:rgba(107,212,213,.45) !important;}
.bgcolor50{background-color:rgba(107,212,213,.5) !important;}
.bgcolor55{background-color:rgba(107,212,213,.55) !important;}
.bgcolor60{background-color:rgba(107,212,213,.6) !important;}
.bgcolor65{background-color:rgba(107,212,213,.65) !important;}
.bgcolor70{background-color:rgba(107,212,213,.7) !important;}
.bgcolor75{background-color:rgba(107,212,213,.75) !important;}
.bgcolor80{background-color:rgba(107,212,213,.8) !important;}
.bgcolor85{background-color:rgba(107,212,213,.85) !important;}
.bgcolor90{background-color:rgba(107,212,213,.9) !important;}
.bgcolor95{background-color:rgba(107,212,213,.95) !important;}
.bgcolor{background-color:rgba(107,212,213,1) !important;}



/* # Media Queries
+ 768px
+ 480px
+ 320px
=========================================================*/
@media screen and (max-width:960px) {
}
/* ### 768 */
@media screen and (max-width: 950px) {
  .wrapper{
    width:768px;
  }
  header,footer,#content{
    margin:0 auto;
    width:756px;
  }
  #title{
  }
  #mainvis img{
    margin:0 auto 15px;
    width:756px;
    height:199px;
  }
  #globalnav{
    margin:0 auto 10px;
    width:762px;
  }
  #globalnav a{
    width:126px;
  }
  #globalnav li{
    font-size:12px;
  }
  #globalnav span{
    margin:0 3px 0 0;
  }
  #about .aboutbox,#case .casebox{
    margin:0 auto 15px;
    width:756px;
  }
  #about .aboutbox section,#case .casebox section{
    margin:0 9px 10px 0;
    width:244px;
  }
  #about .aboutbox section.seclast,#case .casebox section.seclast{
    margin:0 0 10px 0;
  }
  #about .aboutbox section{
    height:230px;
  }
  #case .casebox section{
    height:360px;
  }
  #case .casebox section p{
    color:#555;
    font-size:85%;
  }
  #case .casebox section .caseimg img{
    width:226px;
    height:179px;
  }

}
@media screen and (max-width: 768px) {
  .wrapper{
    width:320px;
  }
  header,footer,#content{
    margin:0 auto;
    width:310px;
  }
  table{
    width:100%;
    font-size:93%;
  }
  #title{
    width:40%;
  }
  #description{
    display:none;
  }
  #mainvis img{
    display:none;
  }
  #globalnav{
    margin:0 auto 15px;
    width:312px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px;
  }
  #globalnav a{
    margin-bottom:1px;
    width:103px;
  }
  #globalnav .navtl320{
    -webkit-border-radius:5px 0 0 0;
    -moz-border-radius:5px 0 0 0;
    -o-border-radius:5px 0 0 0;
    -ms-border-radius:5px 0 0 0;
    border-radius:5px 0 0 0;
  }
  #globalnav .navtr320{
    -webkit-border-radius:5px 0 0 0;
    -moz-border-radius:0 5px 0 0;
    -o-border-radius:0 5px 0 0;
    -ms-border-radius:0 5px 0 0;
    border-radius:0 5px 0 0;
  }
  #globalnav .navbl320{
    -webkit-border-radius:0 0 0 5px;
    -moz-border-radius:0 0 0 5px;
    -o-border-radius:0 0 0 5px;
    -ms-border-radius:0 0 0 5px;
    border-radius:0 0 0 5px;
  }
  #globalnav .navbr320{
    -webkit-border-radius:0 0 5px 0;
    -moz-border-radius:0 0 5px 0;
    -o-border-radius:0 0 5px 0;
    -ms-border-radius:0 0 5px 0;
    border-radius:0 0 5px 0;
  }
  #globalnav li{
    font-size:12px;
  }
  #globalnav span{
    display:none;
  }
  #content h1{
    font-size:116%;
  }
  #content h1 span{
    margin:0 5px 0 0;
  }
  #content section p{
    font-size:93%;
  }
  #about .aboutbox,#case .casebox{
    margin:0 auto 0;
    width:310px;
  }
  #about .aboutbox section,#case .casebox section{
    margin:0 9px 10px 0;
    width:308px;
  }
  #about .aboutbox section.seclast,#case .casebox section.seclast{
    margin:0 0 10px 0;
  }
  #about .aboutbox section{
    padding:0 0 10px;
    height:inherit;
  }
  #case .casebox section{
    padding:0 0 10px;
    height:inherit;
  }
  #case .casebox section p{
    color:#555;
    font-size:85%;
  }
  #case .casebox section .caseimg img{
    margin:0 auto;
  }
}
@media screen and (max-width: 320px) {

}




/* ## table 
---------------------------------------------------------*/
#syozai h2 {
	font-size: 25px;
	background: url("/img/icon/icon2.png") no-repeat left;
	margin-top: 30px;
	padding-left: 32px;
	text-align: left;
}

#syozai table{
border: 5px solid #58BE89;
border-collapse: collapse;
border-collapse: collapse;
padding:5px;
width:100%;
height:48px;
}

#syozai th{
padding:15px;
font-weight:normal;
border: 5px solid #fff;
background-color: #fff;
color:#000;
}

#syozai th{
padding:15px;
background-color: #fff;
}

#syozai td{
padding:15px;
width:8px;
background-color: #B8D868;
border: 5px solid #fff;
vertical-align:middle;
text-align:center;
}

#syozai th:hover {
	background-color: #f3f3f2;	/* 行の背景色 */
}

#syozai img.syozaiimg {
	float: left;
	margin:0 30px 0 0px;
}

.syozai_ttl {
/*
margin-left:320px;
margin-top:10px;
*/
margin-bottom:20px;
border-left:7px solid #8EC31E;
padding:0px 10px;
text-align:left;
font-size:18px;
}

#syozai .btn_area {
	margin-top: 35px;
	margin-bottom: 35px;
}