@charset "UTF-8";
/*初期設定
----------------------------------------------------*/
body {
  font-size: 14px;
  line-height: 1.8em;
  color: #333;
  font-family: "メイリオ", Meiryo,Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳＰゴシック", Geneva, Arial, sans-serif;
  }
body.bigtxt {
  font-size: 16px;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  }
  
 a:hover img.btnon {
	 opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: alpha(opacity=80);
 }
 
 ul, li {
	 margin:0;
	 padding:0;
	 list-style:none;
 }

.bn-fb{
	width:35%;
	float:left;
	margin-right:10%;
}
.bn-kyujin{
	width:45%;
	float:left;
	margin-right:3%;
}


 


/*clearfix*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
    }
.clearfix:after {
    clear: both;
    }
.clearfix {
    *zoom: 1;
    }
	
.clear {
clear: both;
}


/*layout
----------------------------------------------------*/
.wrapper{
  width: 100%;
  margin: 0;
  overflow: hidden;
  }
.headerwrapper, .centerwrapper{
  width: 98%;
  margin: 0 auto;
  }
header h1 {
	padding:0;
	font-size:13px;
	font-weight:100;
  display:block;
  margin: 15px auto;
  }
header h2 {
	padding:0;
  text-align:center;
	font-size:13px;
	font-weight:100;
	clear:both;
  }
  
  
  
.menuwrapper{
  width: 100%;
  margin: 0;
  background: #F3F4EF;
  border-top: solid 1px #DDDDDD;
  clear: both;
  }
.slwrapper {
	margin: 0 0 30px 0;
	padding: 0;
	background: #e8e8e8;
	text-align: center;
}
.poster-wrapper {
	display:none;
}
 a.poster {
	display:block;
	width:32%;
	margin-right:1%;
	float:left;
}

.banner-wrapper {
	width:100%;
/*	background:#f5f8ed;*/
	border-top:solid 1px #999;
	border-bottom:solid 1px #999;
	padding:30px 0 0;
}
.banner-wrapper a {
	display:block;
	text-align:center;
	padding-bottom:10px;
}
.pcview, a.pcview, h2.kaiin  {
	display:none;
}
a.spview  {
	display:block;
	color:#000;
	text-decoration: none;
}



a.btn-recruit {
	margin:30px auto;
	display:block;
	width:60%;
	padding:15px;
	text-align: center;
	background:#2FB2FF;
	color:#FFF;
	text-decoration:none;
	font-size:18px;
}
a.btn-recruit.grn {
	background:#00A140;
}
a.btn-recruit:hover {
	background:#999;
}


footer {
  clear: both;
  margin: 0;
  padding: 20px 0;
  background:#666666;
  color:#FFF;
  }
 footer a {
	 color:#FFF;
	 text-decoration:none;
 }
  footer span {
	  display:block;
  }
  
  
a.gotop {
	display:inline-block;
	float:right;
	margin-top:10px;
}
.footimg {
	margin: 20px;
	clear:both;
	text-align:center;
}
.foottit {
	text-align:center;
	font-size:16px;
	margin-bottom:10px;
}

/* menu ------------------*/
nav {
  text-align: center;
  clear: both;
  }
#menu{
    display: none;
  }
nav ul {
	margin: 0;
	padding: 0;
	table-layout: fixed;
}
#menu li{
    width: 100%;
    list-style-type: none;
  }
#menu li a{
  display: block;
  margin: 0;
  padding: 10px 0 10px;
  background: #F3F4EF;
  color: #000;
  text-align: center;
  text-decoration: none;
}
#menu li a:hover{
  background: #CCE486;
}



nav li ul li{
  overflow: hidden;
  width:100%;
  height: 0;
}



#toggle{
  display: block;
  position: relative;
  width: 100%;
  background: #9BD000;
}
#toggle a{
  display: block;
  position: relative;
  margin: 0;
  padding: 12px 0 13px;
  border-bottom: 1px solid #fff;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
#toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
  }
#toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #9BD000;
  }
#toggle a:before{
    margin-top: -6px;
  }
#toggle a:after{
    margin-top: 2px;
  }
  
  

.bg-gray {background:#999; color:#FFF;padding:2px 10px;}
.bg-blue {background:#0075C2; color:#FFF;}
.bg-orange {background:#EE7800; color:#FFF;}
.bg-green {background:#01A73E; color:#FFF;}
.red {color:#FF0000;}
.pink {color:#E50065;}
.orange {color:#F60;}
.blue {color:#0075C2;}
.ppl {color:#796CCA;}
.yellow {color:#EE7800;}
.green { color:#693; }
.white {color:#FFF;}
.red14b {color:#FF6500; font-size:14px; font-weight:bold;}
.brown14b {color:#713907; font-size:14px; font-weight:bold;}
.brown10b {color:#713907; font-size:10px; font-weight:bold;}

.left { display:block;margin:0 auto;width:auto;max-width:100%; }
.sl {display:block;width:640px;float:left;margin-right:10px;margin-bottom:10px;}
.left2 { display:block; clear:right;}
.right { float:left; width:100%; }
.right2 { float:left; clear:right;margin-right:5px; }
.left50 { float:none; width:90%; margin:0 auto; }
.right50 { float:none; width:100%; }
.rightfix { float:right; }

.px10 { font-size:10px; line-height:14px; font-weight:normal; }
.px12 { font-size:12px; line-height:18px; font-weight:normal; }
.px16 { font-size:16px; line-height:24px; font-weight:normal; }
.bold {font-weight:800;}
.mleft20 {margin-left:20px;}



a.yaji {
	font-size: 13px;
	line-height: 20px;
	color: #333;
	text-decoration: none;
	background:url(../img/mk-r.png) 5px 4px no-repeat;
	text-indent: 20px;
	display: inline-block;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
}
a.yaji:hover {
	color: #9BD000;
	text-decoration: none;
}

a.kanban img {
	width:50%;
	margin:0;
}

.banner3 {
	display:none;
}
/*.banner3 {
	margin:30px auto 15px;
}
.banner3 a {
	display:block;
	text-align:center;
}*/

.newswrapper {
	margin-bottom:15px;
}

.newswrapper li {
	border-bottom: solid 1px #ccc;
	padding: 5px 0;
}
.newswrapper li a {
	color: #097BCE;
	text-decoration: none;
}
.newswrapper li a:hover {
	color: #2F97F7;
	text-decoration: none;
}
iframe.news {
	width:100%;
	height:1200px;
}

.title {
	padding:30px 0 10px;
	position:relative;
	font-size:24px;
	line-height:30px;
	font-weight:100;
	border-bottom: solid 1px #ccc;
}
.titleb {
	padding:10px 0 10px;
	position:relative;
	font-size:24px;
	line-height:30px;
	font-weight:100;
	border-bottom: none;
}
.titleb ul {
	display:block;
	border-bottom: solid 1px #ccc;
}


.title ul {
	display:block;
}
.title ul li {
	float:left;
	font-size:12px;
	margin-left:10px;
}
.title ul li a {
	color:#000;
	text-decoration:none;
	padding:5px;
	background:#DEDAC3;
}
.title ul li a:hover {
	color:#000;
	text-decoration:none;
	background:#A4D73A;
}
.title ul li a.current {
	color:#FFF;
	text-decoration:none;
	background:#A4D73A;
}






.subtit {
	text-align:center;
	font-size:22px;
	padding:30px 0 24px;
	margin-top:20px;
	margin-bottom:30px;
	background:url(../img/kg-gr.png) bottom center no-repeat;
}
.subtit .l2 {
	padding:30px 0 40px;
}

.sub {
	text-align:left;
	font-size:18px;
	padding:20px 0 5px;
	margin-top:20px;
	margin-bottom:20px;
	color:#00A140;
	border-bottom:double thick #00A140;
}


.r-banner {
	margin-top:30px;
}
.r-banner a {
	display:block;
	width:98%;
	max-width:313px;
	margin: 0 auto 1%;
	text-align:center;
}

.r-banner .bg-keisan {
	
	display:block;
	width:98%;
	max-width:313px;
	margin: 0 auto 1%;
	height:auto;
	position:relative;
}
.r-banner .bg-keisan a.bn1 {
	position:absolute;
	left:20px;
	bottom:10px;
	display:inline-block;
	width:auto;
	max-width:45%;
	height:auto;
}
.r-banner .bg-keisan a.bn2 {
	position:absolute;
	right:20px;
	bottom:10px;
	display:inline-block;
	width:auto;
	max-width:50%;
	height:auto;
}



.bottom0 {
	margin-bottom:0;
}

table.resp, table.resp0 {
	border-top:solid 1px #999;
	border-left:solid 1px #999;
}
table.resp th, table.resp td {
	padding:4px;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
	display:block;
	width:98%;
}
table.resp0 th, table.resp0 td {
	padding:4px;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
	display:block;
	width:98%;
}
table.resp th, table.resp0 th {
	background:#EEE;
	font-weight:normal;
}
table.resp th.col0 {
	font-weight:bold;
}
table.resp th.col1 {
	background:#DCEAF7;
	text-align:left;
}
table.resp th.col2 {
	background:#F3E6E6;
	text-align:left;
}
table.resp th.col3 {
	background:#E5E8FB;
	text-align:left;
}
table.resp th.col1 .tit, table.resp th.col2 .tit, table.resp th.col3 .tit {
	font-weight:bold;
	text-align:center;
}
table.resp0 th {
	text-align:left;
}
table.resp2 {
	border-top:solid 1px #999;
	border-left:solid 1px #999;
}
table.resp2 th, table.resp2 td {
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
	padding:4px;
}
.th100  {
	width:100px;
}
.td30  {
	width:30px;
}




a.tellink {
	color:#000;
	text-decoration:none;
}
a.pdf {
	display:inline-block;
	padding:5px 0 5px 40px;
	margin:0 20px 10px 0;
	background:url(../shinkokai/img/jyoho_pdf.gif) left top no-repeat;
	color:#000;
	text-decoration:none;
}

li.pdf {
	list-style:none;
	display:block;
	margin:0 0 15px;
	padding:5px 0 5px 40px;
	background:url(../shinkokai/img/jyoho_pdf.gif) left top no-repeat;
	border-bottom:dotted 1px #CCC;
}
li.pdf a {
	font-size:16px;
	color:#36C;
	text-decoration:none;
}
iframe.youtube {
	 width:90%;
	 height:65%;
	 margin:0 auto;
}

.plate {
	width:90%;
	margin:0 auto;
	text-align:center;
	max-width:707px;
}
.plate img {
	margin-right:1px;
	margin-bottom:1px;
}

.checkpoint {
	position:absolute;
	top:300px;
}

.chart-num {
	font-size:20px;
	display:block;
	float:left;
	padding:0 4px 2px 0;
	margin:0 5px 100px 0;
	border-right:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
}
.chart-numb {
	font-size:20px;
	display:block;
	float:left;
	padding:0 4px 2px 0;
	margin:0 5px 150px 0;
	border-right:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
}
.chart img {
	max-height:100px;
}

input.text60, textarea {
	width:90%;
}

.link a {
	display:block;
	margin-left:20px;
	color:#000;
	text-decoration:none;
}
.link a:hover {
	text-decoration:underline;
}

table.kigu {
	border-left:solid 1px #999;
	border-top:solid 1px #999;
}
.kigu td {
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
	padding:4px;
}

.data, .searchform {
	display:block;
	width:100%;
}
.tbl-sp td {
	padding:4px;
	border-right:solid 1px #FFF;
	border-bottom:solid 1px #FFF;
}


#blog-pager{
	height:3em;
	padding-top:0.5em;
}
a.home-link {
	display:inline;
	font-weight:bold;
	padding:4px;
	border:solid 2px #bbb;
	background:#eee;
	color:#28B;
	text-decoration:none;
}
a.home-link:hover {
	background:#666;
	color:#FFF;
	text-decoration:none;
}

.sp-view{display:none;}

img.p-taiken {
	display:block;
	width:55%;
	float:right;
}


.list-p img {
	display:block;
	height:240px;
	float:left;
	margin:10px 15px 10px 0;
}

a.list-nendo {
	display:block;
	padding:15px 0;
	border-bottom:dotted 1px #A4D73A;
	color:#333;
	text-decoration: none;
}
a.list-nendo:hover {
	color:#A4D73A;
}


@media only screen and (max-width: 640px) {

	tr.pc-view {
		display:none;
	}
img.p-taiken {
	display:block;
	width:100%;
	float:none;
	margin:0 auto 15px;
}
.list-p img {
	display:inline-block;
	width:45%;
	height:auto;
	float:none;
	margin:10px 2%;
}
	
.bn-fb, .bn-kyujin {
	width:70%;
	margin:20px auto;
	float:none;
}
	
/*blog*/
.main-inner .columns {
        padding-left: 0;
        padding-right: 0;
      }

.main-inner .columns {
        padding-left: 0;
        padding-right: 0;
      }

      .main-inner .fauxcolumn-center-outer {
        left: 0;
        right: 0;
        /* IE6 does not respect left and right together */
        _width: expression(this.parentNode.offsetWidth -
            parseInt("$(main.column.left.width)") -
            parseInt("$(main.column.right.width)") + 'px');
      }

      .main-inner .fauxcolumn-left-outer {
        width: 100%;
      }

      .main-inner .fauxcolumn-right-outer {
        width: 100%;
      }

      .main-inner .column-left-outer {
        width: 100%;
        right: 100%;
        margin-left: -$(main.column.left.width);
      }

      .main-inner .column-right-outer {
        width: 100%;
        margin-right: -$(main.column.right.width);
      }
	  
	  .post-body img {
		  width: 90%;
		  margin:10px 0;
	  }
	  

.sp-view{display:block;}	  

	  
}


/* min-width: 480px
=============================================================*/
@media only screen and (min-width: 480px) {

header h1 {
	padding:0;
	font-size:13px;
	font-weight:100;
  display:block;
  width:auto;
  margin: 20px auto;
  float:left;
  z-index:10;
  }
header h2 {
	padding:0;
	margin:0;
  text-align:center;
	font-size:13px;
	font-weight:100;
	clear:none;
	float:right;
  z-index:2;
  }	




/* menu ------------------*/
.menu-btm {
	height: 4px;
}
nav {
  margin: 0 auto;
  width:98%;
  text-align: center;
  clear: both;
  z-index:1;
  }
#menu{
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
nav ul,nav ul ul {
margin: 0;
padding: 0;
list-style-type: none;
clear:both;
  z-index:9;
position:relative;
}
#menu li{
  float: left;
  width: auto;
  margin: 0;
  display: block;
position:relative;
}
#menu li li {
	width:100%;
}

nav li ul{
  width:240px;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  z-index:8;
}


nav li,nav li li{
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}



#toggle{ 
 display: none;
}
#menu li a{
  padding: 10px 15px 10px 20px;
  margin:5px 5px 0 0;
  text-align: center;
  font-size:15px;
  line-height:25px;
  background:url(../img/arr-btm.png) 10px center no-repeat #DEDAC3;
  text-decoration: none;
  display: block;
  white-space: nowrap;
  -webkit-border-top-right-radius: 6px;    /* Safari,Google Chrome用 */  
  -moz-border-top-right-radius: 6px;   /* Firefox用 */  
}
#menu li a:hover, #menu li a.current {
  background:url(../img/arr-btm.png) 10px center no-repeat #A4D73A;
  color:#FFF;
}
#menu li a.mn01{
  background:url(../img/arr-btm.png) 10px center no-repeat #E1ECD5;
}



nav li li{
display:block;
float: left;
position:relative;
width:200px;
height:0;
}


#menu li ul li a{
  display: block;
  margin: 0;
  padding: 10px auto 10px 24px;
  background:url(../img/arr-r.png) 12px center no-repeat #DEDAC3;
  color: #000;
  text-align: left;
  text-decoration: none;
  -webkit-border-top-right-radius: 0px;    /* Safari,Google Chrome用 */  
  -moz-border-top-right-radius: 0px;   /* Firefox用 */  
}


nav li:hover ul {
	margin:0;
	padding:0;
	z-index:999;
}
nav li:hover ul li{
	border-bottom:#FFF solid 1px;
	display: block;
  width:100%;
	height:45px;
	margin:0;
}



/* top ------------------*/ 
img.slogan {
	width:49%;
}
a.kanban img {
	width:25%;
}

	


.banner3 {
	display:block;
	margin-bottom:30px;
}
.banner3 a {
	width:33%;
	float:left;
	margin-right:0.5%;
}
.banner3 a.last {
	margin-right:0;
}

.banner-wrapper a {
	display:inline-block;
	margin-right:10px;
}


.th100  {
	width:auto;
}
.td30  {
	width:auto;
}




}/* /480 */ 
  
input[type="text"] {
	padding:7px;
}
input[type="submit"] {
	padding:7px;
	background:#000;
	color:#FFF;
}
input[type="reset"] {
	padding:7px;
	background:#666;
	color:#FFF;
}



/* min-width: 768px
=============================================================*/  
@media only screen and (min-width: 768px) {
.headerwrapper{
  max-width: 1200px;
  margin: 0 auto;
  }
.centerwrapper{
  max-width: 990px;
  margin: 0 auto 30px;
  }
	


.pcimg, h2.kaiin {display:block;}
.left {
	float:left;
}
img.left {
	margin-right:30px;
}
.right{
	float:right;
	width:45%;
}
.left50 {
	width:50%;
	float:left;
	margin-right:30px;
}

/* menu ------------------*/

#menu{
 margin: 0 auto;
  max-width: 1400px;
}


/* top ------------------*/
img.slogan {
	width:auto;
}
a.kanban img {
	width:auto;
	margin-left:8px;;
}

iframe.news {
	width:720px;
	height:950px;
}
.news-left {
	width:720px;
	margin-right:30px;
	float:left;
}
.newswrapper {
	width:720px;
	margin-right:30px;
	float:left;
}
.r-banner {
	width:240px;
	float:right;
}
.l-banner {
	float:left;
}
.r-banner a {
	margin: 0;
}
.r-banner img {
	max-width:240px;
}
.r-banner .bg-keisan {
	
	display:block;
	width:100%;
	max-width:240px;
	margin: 0 auto 1%;
	height:auto;
	position:relative;
}
.r-banner .bg-keisan a.bn1 {
	position:absolute;
	left:10px;
	bottom:10px;
	display:inline-block;
	max-width:42%;
	height:auto;
}
.r-banner .bg-keisan a.bn2 {
	position:absolute;
	right:10px;
	bottom:10px;
	display:inline-block;
	width:auto;
	max-width:47%;
	height:auto;
}
.r-banner .bg-keisan a.bn1 img, .r-banner .bg-keisan a.bn2 img {
		max-width:100%;
	}

.poster-wrapper {
	display:block;
	width:100%;
	background:#F3F4EF;
	padding:30px 0 0;
}
 a.poster {
	display:block;
	width:15%;
	margin-right:2%;
	float:left;
}
a.poster-last {
	margin-right:0;
}

.bottom0 {
	margin-bottom:0;
}

footer span {
	  display:inline;
  }
.footimg {
	display:block;
	float:left;
	margin: 0 20px 50px;
	clear:none;
	text-align:left;
}
.foottit {
	text-align:left;
	font-size:16px;
	margin-bottom:10px;
}

.pcview {
	display:block;
}
a.pcview  {
	display:inline-block;
}
a.spview  {
	display:none;
}


.title ul {
	position:absolute;
	right:0;
	top:30px;
}

.titleb {
	padding:30px 0 10px;
	position:relative;
	font-size:24px;
	line-height:30px;
	font-weight:100;
	border-bottom: solid 1px #ccc;
}
.titleb ul {
	display:block;
	border-bottom: none;
}


table.resp th, table.resp td {
	padding:4px;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
	display:table-cell;
	height:100%;
}
table.resp th {
	width:24%;
}
table.resp td {
	width:auto;
}
table.resp th.span100 {
	width:99%;
	padding-top:15px;
	padding-bottom:15px;
}
table.resp th.col0 {
	width:6.3%;
}
table.resp th.col1, table.resp th.col2, table.resp th.col3 {
	width:30%;
}
table.resp0 th, table.resp0 td {
	padding:4px;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
	display:block;
	width:99%;
}





.simbol {
	margin:0 20px 20px;
}
iframe.youtube {
	 width:560px;
	 height:315px;
}

.checkpoint {
	position:absolute;
	top:80px;
	left:320px;
}
.chart {
	width:48%;
	margin:0 1%;
	height:125px;
	float:left;
}
.chartb {
	width:48%;
	margin:0 1%;
	height:170px;
	float:left;
}
.chart-num {
	font-size:20px;
	display:block;
	float:left;
	padding:0 4px 2px 0;
	margin:0 5px 115px 0;
	border-right:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
}
.center80 {
	display:block;width:70%;margin:0 auto;
}

input.text60 {
	width:60%;
}
input.text40 {
	width:40%;
}

.link a {
	display:inline-block;
	margin-left:20px;
	color:#000;
	text-decoration:none;
}




.data {
	width:100%;
	max-width:720px;
	float:left;
	margin-right:20px;
}
.searchform {
	width:196px;
	float:right;
}



}/* /768 */ 


@media print {
body {
width: 1100px;
}
/* 印刷時に画面と変更するスタイルを定義 */

header h1 {
	padding:0;
	font-size:13px;
	font-weight:100;
  display:block;
  width:auto;
  margin: 20px auto;
  float:left;
  z-index:10;
  }
header h2 {
	padding:0;
	margin:0;
  text-align:center;
	font-size:13px;
	font-weight:100;
	clear:none;
	float:right;
  z-index:2;
  }	




/* menu ------------------*/
.menu-btm {
	height: 4px;
}
nav {
  margin: 0 auto;
  width:98%;
  text-align: center;
  clear: both;
  z-index:1;
  }
#menu{
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
nav ul,nav ul ul {
margin: 0;
padding: 0;
list-style-type: none;
clear:both;
  z-index:999;
position:relative;
}
#menu li{
  float: left;
  width: auto;
  margin: 0;
  display: block;
position:relative;
}
#menu li li {
	width:100%;
}

nav li ul{
  width:240px;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  z-index:99;
}


nav li,nav li li{
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}



#toggle{ 
 display: none;
}
#menu li a{
  padding: 10px 15px 10px 20px;
  margin:5px 5px 0 0;
  text-align: center;
  font-size:15px;
  line-height:25px;
  background:url(../img/arr-btm.png) 10px center no-repeat #DEDAC3;
  text-decoration: none;
  display: block;
  white-space: nowrap;
  -webkit-border-top-right-radius: 6px;    /* Safari,Google Chrome用 */  
  -moz-border-top-right-radius: 6px;   /* Firefox用 */  
}
#menu li a:hover, #menu li a.current {
  background:url(../img/arr-btm.png) 10px center no-repeat #A4D73A;
  color:#FFF;
}
#menu li a.mn01{
  background:url(../img/arr-btm.png) 10px center no-repeat #E1ECD5;
}



nav li li{
display:block;
float: left;
position:relative;
width:200px;
height:0;
}


#menu li ul li a{
  display: block;
  margin: 0;
  padding: 10px auto 10px 24px;
  background:url(../img/arr-r.png) 12px center no-repeat #DEDAC3;
  color: #000;
  text-align: left;
  text-decoration: none;
  -webkit-border-top-right-radius: 0px;    /* Safari,Google Chrome用 */  
  -moz-border-top-right-radius: 0px;   /* Firefox用 */  
}


nav li:hover ul {
	margin:0;
	padding:0;
	z-index:999;
}
nav li:hover ul li{
	border-bottom:#FFF solid 1px;
	display: block;
  width:100%;
	height:45px;
	margin:0;
}



/* top ------------------*/ 
img.slogan {
	width:49%;
}
a.kanban img {
	width:25%;
}
.r-banner a {
	width:auto;
	margin: 0 10px 10px;
}

.banner3 {
	display:block;
	margin-bottom:30px;
}
.banner3 a {
	width:33%;
	float:left;
	margin-right:0.5%;
}
.banner3 a.last {
	margin-right:0;
}

.banner-wrapper a {
	display:inline-block;
	margin-right:10px;
}


.th100  {
	width:auto;
}
.td30  {
	width:auto;
}






.headerwrapper{
  max-width: 1200px;
  margin: 0 auto;
  }
.centerwrapper{
  max-width: 990px;
  margin: 0 auto 30px;
  }

.pcimg, h2.kaiin {display:block;}
.left {
	float:left;
}
img.left {
	margin-right:30px;
}
.right{
	float:right;
	width:45%;
}
.left50 {
	width:50%;
	float:left;
	margin-right:30px;
}

/* menu ------------------*/

#menu{
 margin: 0 auto;
  max-width: 1200px
}


/* top ------------------*/
img.slogan {
	width:auto;
}
a.kanban img {
	width:auto;
	margin-left:8px;;
}
.newswrapper {
	width:720px;
	margin-right:30px;
	float:left;
}
.r-banner {
	width:240px;
	float:right;
}
.r-banner a {
	margin: 0;
}
.r-banner img {
	max-width:240px;
}

.poster-wrapper {
	display:block;
	width:100%;
	background:#F3F4EF;
	padding:30px 0 0;
}
 a.poster {
	display:block;
	width:15%;
	margin-right:2%;
	float:left;
}
a.poster-last {
	margin-right:0;
}

.bottom0 {
	margin-bottom:0;
}

footer span {
	  display:inline;
  }
.footimg {
	display:block;
	float:left;
	margin: 0 20px 50px;
	clear:none;
	text-align:left;
}
.foottit {
	text-align:left;
	font-size:16px;
	margin-bottom:10px;
}

.pcview {
	display:block;
}
a.pcview  {
	display:inline-block;
}
a.spview  {
	display:none;
}


.title ul {
	position:absolute;
	right:0;
	top:30px;
}

.titleb {
	padding:30px 0 10px;
	position:relative;
	font-size:24px;
	line-height:30px;
	font-weight:100;
	border-bottom: solid 1px #ccc;
}
.titleb ul {
	display:block;
	border-bottom: none;
}


table.resp th, table.resp td {
	padding:4px;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
	display:inline-block;
	height:100%;
}
table.resp th {
	width:24%;
}
table.resp th.span100 {
	width:99%;
	padding-top:15px;
	padding-bottom:15px;
}
table.resp th.col0 {
	width:6.3%;
}
table.resp th.col1, table.resp th.col2, table.resp th.col3 {
	width:30%;
}
table.resp td {
	width:74.1%;
}
table.resp0 th, table.resp0 td {
	padding:4px;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
	display:block;
	width:99%;
}





.simbol {
	margin:0 20px 20px;
}
iframe.youtube {
	 width:560px;
	 height:315px;
}

.checkpoint {
	position:absolute;
	top:80px;
	left:320px;
}
.chart {
	width:48%;
	margin:0 1%;
	height:125px;
	float:left;
}
.chartb {
	width:48%;
	margin:0 1%;
	height:170px;
	float:left;
}
.chart-num {
	font-size:20px;
	display:block;
	float:left;
	padding:0 4px 2px 0;
	margin:0 5px 115px 0;
	border-right:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
}
.center80 {
	display:block;width:70%;margin:0 auto;
}

input.text60 {
	width:60%;
}

.link a {
	display:inline-block;
	margin-left:20px;
	color:#000;
	text-decoration:none;
}




.data {
	max-width:680px;
	float:left;
	margin-right:20px;
}
.searchform {
	width:196px;
	float:right;
}



}/*min-width: 768px*/


.searchform .smenu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
    line-height: 18px;
}
.searchform .smenu a {
	text-decoration: none;
	color:#006699;
}