@charset "utf-8";

@import 'reset.css';
@import 'lib.css';


html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav {
 margin: 0;
 padding: 0;
 font-size: 100%;
}

body {
 line-height: 1.0;
 -webkit-text-size-adjust: none;
}

#wrap{
  overflow: hidden;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
 display:block;
}

strong{
 font-weight:normal;
}
/*span {color:#ff8695;font-weight:bold;} */

ul, ol {
 list-style: none;
}

img {
 width :100%;
 height:auto;
 vertical-align:bottom;
}

a {margin:0px;}
p {padding:0 0 15px 0; text-align:left;font-size:110%;line-height:180%;}

.f120{font-size:120%;}
.f150{font-size:150%;}
.f180{font-size:180%;}

.center{text-align:center;}

h1{margin:0px; text-decoration:none;}

h2 {
 position: relative;
 display: block;
 margin:0 auto;
 margin-top:30px;
 margin-bottom: 50px !important;
 font-size:180%;
 text-align:center; 
 font-weight:normal;
 letter-spacing:1px;
}
h2:before {
 content: '';
 position: absolute;
 bottom: -15px;
 display: block;
 width: 80px;
 height: 1px;
 left: 50%;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
 background-color: #ff9933;
 border-radius: 1px;
}

/*
h3 {
 margin-top:50px;
 margin-bottom:30px;
 padding-top:15px;
 padding-bottom:15px;
 font-size:140%;
 font-weight:normal;
  color:#ff9933;
 letter-spacing:1px;
  border-top: solid 1px #ff9933;
  border-bottom: solid 1px #ff9933;
  position: relative;
}
*/

h3 {
 margin-top:50px;
 margin-bottom:20px;
 padding-top:17px;
 padding-left:15px;
 padding-bottom:15px;
 font-size:110%;
 font-weight:normal;
  color:#fff;
 letter-spacing:1px;
 background:#70bd4e;
  position: relative;
} 

h3.title{
  font-weight: bold;
  text-align: center;
  font-size: 17pt;
  color: #ff9933;
  line-height:140%;
  border:none;
}
h3.title:after{
  border:none;
}

/* ============================================================== */
/*list*/
/* ============================================================== */

.list-base{
 margin:10px 0 20px 0;
}
.list-base li{
 margin-top:6px;
 padding:10px  0 15px 34px;
 background:url(../images/check01.jpg) 0 6px no-repeat;
}


body {
 background-repeat:repeat;
 font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
 font-size: 14px;
 line-height: 1.6;
 color:#666666;
}

a:hover { color:#e4347a }

.text-left{text-align:left;}

.f125{ font-size:125%; }
.comment{ font-size:80%;}
.bold { font-weight:bold; }
.brown { color:#663300; }
.red { color:#ff0000; }
.og { margin-bottom:0; padding-bottom:0; color:#ff9933;}
.komemark { color:#ff0000; }
.text-center { text-align:center; }
.text-right{text-align:right;}

.sp-none{ display:none; }

.img-center{
 display:block;
 margin-left:auto;
 margin-right:auto;
}

.img-resize {
  width:92%;
  height: auto;
}

.link{ padding:0 0 0 20px; font-size:90%; background:url(../images/arrow_link.png) 0 4px no-repeat; }
.link a{ color:#333; text-decoration:none; }
.link a:hover{ color:#663300; text-decoration:underline;  }

/*
h2 {
  font-weight: normal;
  font-size: 24pt;
  padding: 10pt 0 20pt 0;
  text-align: center;
  position: relative;
}
*/


div#breadcramb-list {
  margin-top: 10px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}

div#breadcramb-list p {
  width: 90%;
  margin: 0px auto;
  padding: 0px 0 14px;
  font-size: 9pt;
}

div#content {
  padding-top: 30pt;
  padding-bottom: 20pt;
}

/*div.content-width-wrapper {
 margin: 0px 5%;
}
*/



/* ============================================================== */
/*pankuzu list*/
/* ============================================================== */

#topic-path-box{
 clear:both;
 width:100%;

 margin:0 auto;
 padding:0;
 background:url(../images/topic_bg.jpg) repeat-x;
}

ul#topic-path{
 width:100%;
 margin:0 auto;
 padding:3px 0 0 10px;
 text-align:left;
}

ul#topic-path li {
 margin:0;
 padding:0;
 display:inline;
 line-height:110%;
 list-style-type:none;
 font-size:11px;
}
ul#topic-path li a {
 margin:0;
 padding:0;
 padding-right:15px;
 color:#666;
 text-decoration:none;
 background:url(../images/icon_gt.gif) no-repeat;
 background-position:100% 40%;
}
ul#topic-path li a:hover {
 color:#f1960e;
}

/* ============================================================== */
/*header*/
/* ============================================================== */

header {
  width: 100%;
  margin:0;
  padding:0;
  position: absolute;
  z-index:1;
}
header:after {
 content: '';
 display: block;
 clear: both;
}

header div {
  width: 100%;
  margin: 0px auto;
  position: relative;
}

header #logo {
 margin-left:5px;
 margin-bottom:10px;
 padding-top:14px;
 width:60%;
 height:auto;
}
header ul#header-menu {
 display:none;
}

header #head-right {
 display:none;
}

/* ============================================================== */
/*navi*/
/* ============================================================== */

.gnavi {
 display:none;
}

.spnaviOpen {
 display:block;
 position:absolute;
 top:0px;
 right:0px;
 width:60px;
 height:60px;
 background: url(../images/btn_spmenu_bg.png) center top no-repeat;
 background-size: 60px 60px;
 text-indent:-9999px;
}
.spnavi ul.drop-menu {
 display:none;
 position:absolute;
 top:60px;
 left:0px;
 width:100%;
 z-index:1000;
}
.spnavi ul.drop-menu li {
 max-width:100%;
}
.spnavi ul.drop-menu li a{
 display: block;
 /*width:100%; */
 height:45px;
 background: url(../images/bg_gnavi01.gif) left top no-repeat;
 background-size: 100% 45px;
 text-align:left;
 text-decoration:none;
 color:#333;
}
.spnavi ul.drop-menu li span{
 display: block;
 padding:12px 15px 20px 15px;
 font-size:13px;
 font-weight:bold;
}
.spnavi ul.drop-menu li a:hover{
 color:#ff9600;
 text-decoration:none;
}
.spnavi ul.drop-menu li.navi07 a{
 background-image: url(../images/bg_gnavi02.gif);
}

/* ============================================================== */
/*home*/
/* ============================================================== */

/*
.main-contents {
 display: block;
 width:100%;
 height:300px;
 margin: 0 auto 20px;
 position: relative;
 overflow: hidden;
 background:url(../images/main01.jpg) center center no-repeat;
 background-size: cover;
}

.main-image {
 width:90%;
 height:auto;
 margin:0 auto;
 padding-top:120px;
 text-align:center;
}
*/

.main-contents-sp {
 display: block;
 width:100%;
 margin: 0 auto 20px;
 position: relative;
 overflow: hidden;
}

.main-contents {
 display: none;
}

.main-image-sp {
 height:auto;
 margin:0 auto;
 padding-top:60px;
 text-align:center;
}

.main-contents02 {
 display: block;
 width:100%;
 height:auto;
 margin: 0 auto 20px;
 position: relative;
 overflow: hidden;
}

.main-image-under {
 width:100%;
 height:auto;
 margin:0 auto;
 padding-top:60px;
 text-align:center;
}

.main-image .main-image01{
 margin:0 0 10px;
 padding:0;
 font-size:6vw;
 color:#fff;
 text-align: center;
}
.main-image .main-image02{
 margin:0;
 padding:0;
 font-size:3.6vw;
 color:#fff;
}



.main-image02 {
 width:96%;
 height:auto;
 margin:0 auto;
 text-align:center;
}
.main-image02 h1{
 padding-top:80px;
 font-size:200%;
 color:#fff;
}


#main{
 max-width:100%;
 margin:0 auto;
}

.main-contents02 {display:none;}

.main-contents-sp02 {
 padding-top:60px;
}


/* ============================================================== */
/*footer*/
/* ============================================================== */

footer{ clear:both; width:100%; margin:0; border-top:1px solid #ccc;}
#foot{ clear:both; width:100%; margin:0 auto; padding-top:36px;padding-bottom:23px;}
#foot:after { content: ""; clear: both; height: 0; display: block; visibility: hidden;}

#foot .foot-name{ font-size:120%; font-weight:bold;text-align:center;}
#foot .foot-txt{ font-size:90%; text-align:center;}

.foot-navi{display:none;}

.foot-copy-box{clear:both; width:100%; margin-top:20px; padding-top:10px;padding-bottom:0;text-align:left; background:#70bd4e;}
.foot-copy{font-size:80%;text-align:center;color:#fff;}
.foot-copy a{color:#fff;text-decoration:none;}
.foot-copy a:hover{color:#fff;text-decoration:none;}

/* ============================================================== */
/* map */
/* ============================================================== */

.gmap {
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden;
}
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

/* ============================================================== */
/* 下層コンテンツ */
/* ============================================================== */

.box {width:100%; margin:0 auto; padding:30px 0px 30px 0px; overflow:hidden;}
.box:after { content: ''; display: block; clear: both;}
.box00{ max-width:100%; margin:0 auto; padding:0; overflow:hidden;}
.box-in{ width:96%; margin:0 auto; padding-bottom:60px;text-align:left; overflow:hidden;}
.box-in02{ width:96%; margin:0 auto; padding-top:30px;padding-bottom:30px;text-align:left; overflow:hidden;}
.box-in-line{ width:96%; margin:0 auto; padding-top:30px;padding-bottom:30px;text-align:left; overflow:hidden;border-bottom:1px solid #ccc;}

.home-pr-ttl{font-size:20pt;font-weight:bold; color:#ff9934;text-align:center;}
.home-pr-txt{padding-bottom:30px; font-size:18px;line-height:180%;text-align:center;}


.home-service-box{ width:96%; margin:0 auto; }
.home-service:after{ content: ''; display: block; clear: both;}
.home-service{ width:96%; margin:0 auto;padding-bottom:40px;margin-right:0;float:none;}
.home-service:last-child{ width:96%; margin:0 auto;margin-right:0;float:none;}
.home-service-ttl{margin-bottom:15px;padding-top:20px;padding-bottom:10px;font-size:130%;font-weight:bolder;/*border-bottom:1px dashed #ff9900;*/}


.home-item-box{ width:94%; margin:0 auto; padding-bottom:70px;}
.home-item-box:after{ content: ''; display: block; clear: both;}
.home-item-left{ width:100%; float:none; text-align:left;}
.home-item-left .home-item-ttl{ padding-bottom:20px;font-size:28px; font-weight:bold;}
.home-item-left .home-item-txt{ border-left:1px solid #000;}
.home-item-left .home-item-txt p{ padding-top:15px;padding-left:10px;padding-bottom:50px;padding-right:30px;}
.home-item-left .home-item-txt img{ padding-left:0;}
.home-item-right{ width:100%; float:none;}
.home-item-img{ width:50%; height:auto; margin:0 auto; margin-top:30px; text-align:center;}


.float-box {
 width:92%;
 margin:0 auto;
 padding:0px 0px 30px 0px;
 text-align:left;
}
.float-box:after {
 content: '';
 display: block;
 clear: both;
}
.float-box00{
 max-width:100%;
 margin:0 auto;
 padding:0;
 text-align:left;
}
.float-box00:after {
 content: '';
 display: block;
 clear: both;
}
.float-box02{
 max-width:100%;
 margin:0 auto;
 margin-bottom:30px;
 padding-bottom:10px;
 text-align:left;
 border-bottom:1px solid #ddd;
}
.float-box02:after {
 content: '';
 display: block;
 clear: both;
}
.float-box02 img {
 margin-bottom:15px;
}

.float-left {
 margin:0 0 20px 0;
 text-align:center;
}
.float-right {
 margin-bottom:20px;
 text-align:center;
}
.float-box p{
 padding-bottom:15px;
 text-align:left;
}

.sp-center{ display:block; margin-left:auto; margin-right:auto; text-align:center;}


.home-ttl{
 font-weight: bold;
 font-size: 24pt;
 margin-bottom:0;
 padding: 0;
 text-align: center;
 position: relative;
 letter-spacing:2px;
 vertical-align:bottom;
 color:#222;
 line-height:120%;
 /*font-family: "ＭＳ Ｐ明朝"; */
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.home-ttl span{
 font-size: 11pt;
 margin:0;
 padding:0;
 text-align: center;
 position: relative;
 color:#666;
 letter-spacing:0.5px;
 font-family: arial;
 font-weight: normal;
 line-height:120%;
}


.home-contact-ttl{
 font-weight: bold;
 font-size: 24pt;
 margin-bottom:0;
 padding: 0;
 text-align: center;
 position: relative;
 letter-spacing:2px;
 vertical-align:bottom;
 color:#222;
 line-height:120%;
 /*font-family: "ＭＳ Ｐ明朝"; */
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.home-contact-ttl span{
 font-size: 11pt;
 margin:0;
 padding:0;
 text-align: center;
 position: relative;
 color:#666;
 letter-spacing:0.5px;
 font-family: arial;
 font-weight: normal;
 line-height:120%;
}

#contact-box{ width:100%; margin:0 auto; margin-top:50px; background:#e6eff8;}
#contact-box-in{ width:94%; margin:0 auto;padding-top:30px;padding-bottom:30px;}
#contact-box-in:after{ content: ''; display: block; clear: both;}
#contact-box-left{ width:100%; margin:0;text-align:left;float:none;}
#contact-box-right{ width:100%; margin:0 auto;float:none; text-align:center;}
#contact-box-right:after{ content: ''; display: block; clear: both;}
#contact-box-right p{ padding-top:20px;line-height:180%; color:#80574b; text-align:center;}
#contact-tel img{ width:60%; margin:10px 0 0 0; padding-right:0; text-align:center;float:none;border-right:none;}
#contact-mail img{ width:60%; margin:30px 0 0 0;float:none;}



.box3 ul {
 zoom: 1;
 width: 100%;
 margin:0 auto;
 margin-bottom:30px;
}
.box3 ul:after {
 content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.box3 li {
 float: none;
 width: 100%;
 margin:0 auto;
 margin: 10px 0 30px 0;
 text-align:center;
 font-size:160%;
 line-height:140%;
}
.box3 li:last-child {
 float: none;
 width: 100%;
 margin:0 auto;
 margin: 10px 0 30px 0;
 text-align:center;
 font-size:160%;
 line-height:140%;
}
.box3 li img{
 margin-bottom:20px;
}

.box3 li span{
 font-size:80%;
}
.box3 li a{
 color:#e4347a;
 text-decoration:none;
}

.box3 li a:hover{
 color:#e4347a;
 text-decoration:underline;
}




.service-ttl{margin-top:30px;margin-bottom:0;padding-bottom:10px;font-size:120%;font-weight:bold;}
.og{color:#ff9933;}

.service-ttl02{margin-top:30px;margin-bottom:0;padding-bottom:20px;font-size:120%;font-weight:normal;}
.comment{margin-top:30px;margin-bottom:0;padding-left:50px;padding-bottom:10px;font-size:80%;font-weight:normal;}

.srv-box { width:96%;}
.srv-box:after {
 content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.srv-left { width:96%; margin-bottom:20px;float:none; }
.srv-right { width:96%; margin-bottom:20px;float:none; }
.comment02{margin-top:30px;margin-bottom:0;padding-bottom:10px;font-size:90%;font-weight:normal;}

.price-table{
 width:96%;
 margin:0 auto;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto;
 padding:0;
 border:none;
 border-collapse: collapse;
 border-spacing: 0;
}
.price-table th{
 width:25%;
 margin:0;
 padding:24px 0 24px 0;
 text-align:left;
 border:none;
 border-bottom:1px dashed #aaa;
 vertical-align:middle;
 font-weight:bold;
}
.price-table .right-area{
 width:28%;
 padding:24px 0 24px 0;
 text-align:right;
 border:none;
 border-bottom:1px dashed #aaa;
 line-height:180%;
}
.price-table td{
 padding:24px 0 24px 0;
 border:none;
 border-bottom:1px dashed #aaa;
 line-height:180%;
}

.price-table02{
 width:96%;
 margin:0 auto;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto;
 padding:0;
 border:none;
 border-collapse: collapse;
 border-spacing: 0;
}
.price-table02 th{
 width:40%;
 margin:0;
 padding:24px 0 24px 0;
 text-align:left;
 border:none;
 border-bottom:1px dashed #aaa;
 vertical-align:middle;
 font-weight:bold;
}
.price-table02 .right-area{
 width:28%;
 padding:24px 0 24px 0;
 text-align:right;
 border:none;
 border-bottom:1px dashed #aaa;
}
.price-table02 td{
 padding:24px 0 24px 0;
 border:none;
 border-bottom:1px dashed #aaa;
 line-height:160%;
}

.price-table03{
 width:100%;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto;
 padding:0;
 border:none;
 border-collapse: collapse;
 border-spacing: 0;
 border-top:1px dashed #aaa;
}
.price-table03 th{
 width:30%;
 margin:0;
 padding:20px 0 20px 0;
 text-align:left;
 border:none;
 border-bottom:1px dashed #aaa;
 vertical-align:middle;
 font-weight:bold;
}
.price-table03 .right-area{
 width:20%;
 padding:20px 18px 20px 18px;
 text-align:right;
 border:none;
 border-bottom:1px dashed #aaa;
}
.price-table03 td{
 padding:20px 18px 20px 18px;
 border:none;
 border-bottom:1px dashed #aaa;
 line-height:160%;
}
.price-table03 .right-area02{
 width:35%;
 padding:20px 18px 20px 18px;
 text-align:right;
 border:none;
 border-bottom:1px dashed #aaa;
 background:#c9effa;
}
.price-table03 .center-area02{
 padding:20px 18px 20px 18px;
 border:none;
 border-bottom:1px dashed #aaa;
 line-height:160%;
 background:#c9effa;
}

.flow-box{width:100%;border-bottom:1px solid #ff9224;}
.flow-ttl{width:100%;}
.flow-ttl img{width:50px;height:auto;margin-top:10px; margin-left:15px;margin-right:15px;margin-bottom:15px; float:left;}
.flow-ttl p{ padding-top:15px; font-size:130%; font-weight:bold;}
.flow-ttl:after {
 content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

.flow-line{ margin-top:-5px;margin-bottom:30px;text-align:center;}
.flow-line img{ width:6%; height:auto;margin:0 auto; }

/* ============================================================== */
/* line */
/* ============================================================== */

.line{
 margin-top:20px;
 padding:10px 0 10px 0;
 border-top:1px solid #ddd;
}



/* ============================================================== */
/* contact */
/* ============================================================== */

section .contact-box {
 width:100%;
 margin:0 auto;
 margin-bottom:30px;
 padding:0 0 20px 0;
 text-align:left;
}

section .contact-table {
 width:92%;
 margin:0 auto;
 margin:35px 0 30px 0;
 padding:0;
 border: none;
 border-spacing: 0;
}
section .contact-table th{
 width: 100%;
 padding-top:15px;
 display: block;
 border: none;
 font-weight:bold;
 }
section .contact-table td{
 width: 100%;
 padding-bottom:20px;
 display: block;
 border: none;
}
section .contact-table td.bordernone{
 border:none;
}
section .contact-table tr:first-child th {

}

section .contact-table .reg-ttl{
 width: 100%;
 padding:10px 0;
 display: block;
 border: none;
 font-weight:bold;
 background:#70bd4e;
 color:#fff;
 text-align:center;
 }

section .contact-table .size1{
 width:100%;
 margin-bottom:15px;
}
section .contact-table .size2{
 width:100%;
 margin-bottom:15px;
}
section .contact-table .size3{
 width:100%;
 height:150px;
}

section .contact-table input,select{
 height:27px;
 vertical-align:middle;
}
section .contact-table radio,checkbox{
 vertical-align:middle;
}
section .contact-box button{
 padding:10px 15px 10px 15px;
}

section .contact-table-conf {
 width:100%;
 margin:35px 0 30px 0;
 padding:0;
 border-spacing: 0;
}
section .contact-table-conf th{
 width: 100%;
 display: block;
 border: none;
 font-weight:normal;
 }
section .contact-table-conf td{
 width: 100%;
 margin-bottom:10px;
 padding-bottom:10px;
 display: block;
 border: none;
 border-bottom:1px solid #ccc;
}
section .contact-table-conf td.bordernone{
 border:none;
}
section .contact-table-conf tr:first-child th {

}



/* ============================================================== */
/* 会社概要 */
/* ============================================================== */

.access-box{width:100%;margin:0 auto; margin-bottom:30px;}
.access-box:after{content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.access-left{width:100%; float:none;}
.access-right{width:100%; float:none;}


.company-table {
 width:100%;
 margin:20px 0 30px 0;
 padding:0;
 border-spacing: 0;
 border: none;
}
.company-table th{
 width: 100%;
 display: block;
 border: none;
 font-weight:bold;
 text-align:left;
}
.company-table td{
 width: 100%;
 margin-bottom:20px;
 padding-bottom:20px;
 display: block;
 border: none;
 text-align:left;
 border-bottom:1px solid #ddd;
}
.company-table td.bordernone{
 border:none;
}
.company-table tr:first-child th {

}


.access-table {
 width:100%;
 margin:20px 0 30px 0;
 padding:0;
 border-spacing: 0;
 border: none;
}
.access-table th{
 width: 100%;
 display: block;
 border: none;
 font-weight:bold;
 text-align:left;
 }
.access-table td{
 width: 100%;
 margin-bottom:10px;
 padding-bottom:10px;
 display: block;
 border: none;
 text-align:left;
 border-bottom:1px solid #ddd;
}

.access-table td.bordernone{
 border:none;
}
.access-table tr:first-child th {

}

.prg-table {
 width:100%;
 margin:20px 0 30px 0;
 padding:0;
 border-spacing: 0;
 border: none;
}
.prg-table th{
 width: 100%;
 display: block;
 border: none;
 font-weight:bold;
 text-align:left;
}
.prg-table td{
 width: 100%;
 margin-bottom:20px;
 padding-bottom:20px;
 display: block;
 border: none;
 text-align:left;
 border-bottom:1px solid #ddd;
}
.prg-table td.bordernone{
 border:none;
}
.prg-table tr:first-child th {

}


/* ============================================================== */
/* button */
/* ============================================================== */

.btn-base {
 font-size:1.1em;
 font-family: "genshin-m","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ","Meiryo";
}
.btn-line {
 clear:both;
 margin:0 auto;
 width:180px;
 border:1px solid #fff;
}
.btn-line a {
 display:block;
 padding:25px 10px 25px 10px;
 color:#fff;
 text-align:center;
 text-decoration:none;
}
.btn-line a:hover {
 color:#fff;
 background:#ff9600;
}


/* ============================================================== */
/*index-news*/
/* ============================================================== */

#news-box{ width:100%; margin:0 auto; padding-top:30px;padding-bottom:50px; background:#ffffcc;}
#news-box:after{ content: ''; display: block; clear: both;}
#home-news{ width:100%; margin:0 auto;}
#home-news:after{ content: ''; display: block; clear: both;}

#index-news {
 width:94%;
 margin:0 auto;
 padding:0;
 padding-bottom: 10pt;
}

#index-news div {
 margin: 0px auto;
 -webkit-box-sizing: border-box; /* Webkit系用 */
 -moz-box-sizing: border-box;     /* Firefox用 */
 box-sizing: border-box;
}

#index-news div.wn-item {
  width: 100%;
  padding: 20px 0 20px 0;
  position: relative;
  border-bottom: 1px dotted #333;
  font-size: 100%;
  text-align:left;
}
div#index-news div.wn-date { color:#ff9900; font-weight:bold;}

div#index-news div.wn-item a{ color:#333; text-decoration:none;}
div#index-news div.wn-item a:hover{ color:#3782bd; text-decoration:underline;}

.btn-center{width:30%; height:auto; margin:0 auto; margin-top:40px;}


.about-box{ width:100%; margin:0 auto; padding-top:60px;padding-bottom:50px; }
.about-box:after{ content: ''; display: block; clear: both;} 
.about-box-in{
 position: relative;
 overflow: hidden;
 display:block;
 z-index: -1;
 padding-bottom:50px;
 margin-left:auto;
 margin-right:auto;

 background:url(../images/about_bg_sp.jpg) no-repeat; }

.home-pr{ width:94%; margin:0 auto; margin-top:30px;border:1px solid #333;}
.home-pr-in{ padding:40px 30px 20px 36px;}
.home-pr-txt{ font-size:100%; text-align:left;}



/* ============================================================== */
/* privacy */
/* ============================================================== */

.privacy-title{
 margin:0;
 padding:10px 0 0 3px;
 text-align:left;
 font-size:15px;
 font-weight:bold;
}

.privacy-text{
 margin:5px 5px 10px 5px;
 padding:0 0 20px 0;
 text-align:left;
 font-size:13px;
 border-bottom:1px dotted #ccc;
}
.privacy-date{
 margin:5px 5px 10px 5px;
 padding:0 0 20px 0;
 text-align:right;
 font-size:13px;
 border-bottom:none;
}



/* ============================================================== */
/* sitemap */
/* ============================================================== */

.sitemapTitle{
 width:100%;
 margin:10px 0 0 0;
 padding:5px 0 2px 10px;
 text-align:left;
 font-size:15px;
 background:#f2f2f2;
}

.smList{
 margin:5px 0 20px 10px; 
 padding:0;
 text-align:left;
}

.smList li{
 margin-left:15px;
 padding:10px 0 10px 0;
 font-size:13px;
 list-style-type:none;
 text-align:left;
}

.smList li a{
 color:#333;
 text-decoration:none;
}

.smList li a:hover{
 color:#ff9933;
 text-decoration:underline;
}




.bx-wrapper .bx-prev { display:none;
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {display:none;
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {display:none;
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover { display:none;
	background-position: -43px 0;
}


.sponsors{width:96%;margin:0 auto; margin-top:30px;margin-bottom:30px;}
.sponsors:after{content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.sponsors li{width:100%; margin:0 auto; float:none; line-height:100%;}
.sponsors li:last-child{ width:100%; margin:0 auto;  float:none;}
.sponsors li p{ margin:0 !important; padding:0 !important; text-align:center;}
.sponsors li img{ margin-bottom:40px;}


.box-maker{ clear:both;width:96%;margin:0 auto; margin-bottom:30px;}
.box-maker:after{content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.maker-left{width:100%; float:none;}
.maker-right{width:100%; float:none;}
.box-maker li{ line-height:260%; text-align:center;}


.info-box{ clear:both;width:96%;margin:0 auto; margin-top:20px; margin-bottom:20px;border:3px solid #ff0000;background:#fff;}
.info-box:after{content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

.info-box-in{ clear:both;width:90%;margin:0 auto;margin-top:20px; }
.info-box-in p{ text-align:center;}



/*-------------------------------------------------------------------
login
--------------------------------------------------------------------*/

.pre-box{width:90%; margin:0 auto;}

#login-box{
 width:98%;
 margin:0 auto;
 margin-top:30px;
 border:5px solid #999;
 display: block;
}

#login-box-inner{
 width:90%;
 margin:0 auto;
 margin-top:40px;
 margin-bottom:40px;
 display: block;
}
.remark{
 color:#ff0000;
}

.login-table {
 width:92%;
 margin:0 auto;
 margin:35px 0 30px 0;
 padding:0;
 border: none;
 border-spacing: 0;
}
.login-table th{
 width: 100%;
 padding-top:15px;
 display: block;
 border: none;
 font-weight:bold;
 color:#222;
 }
.login-table td{
 width:100%;
 padding-bottom:20px;
 display: block;
 border: none;
}
section .contact-table td.bordernone{
 border:none;
}
section .contact-table tr:first-child th {

}

.login-table input{width:100%;height:28px;}

.btn-center{text-align:center;}


#mypage-box{
 width:98%;
 margin:0 auto;
 margin-top:30px;
 border:5px solid #999;
 display: block;
}

#mypage-box-inner{
 width:90%;
 margin:0 auto;
 margin-top:40px;
 margin-bottom:40px;
 display: block;
 text-align:center;
}


.view-list-table {
 width:98%;
 margin:20px 0 30px 0;
 border-bottom:1px solid #ccc;
}
.view-list-table  td{
 padding:12px 0 12px 0;
 font-size:90%;
 border-bottom:1px solid #ccc;
 vertical-align:top;
 text-align:center;
}
.view-list-table td span{
 color:#ff0000;
}
.view-list-table th{
 width:100px;
 padding:12px 0 12px 0;
 font-size:90%;
 border-bottom:1px solid #ccc;
 vertical-align:top;
 text-align:center;
}

#search-area{
 text-align:center;
}


.regist-box{
 width:100%; margin:0 auto; margin-top:20px;text-align:center;
}

.video-box{width:94%; margin:0 auto; margin-top:30px; margin-bottom:30px; text-align:center;}
.video-box video{width:94%;}