@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;
}

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

strong{
 font-weight:normal;
}

ul, ol {
 list-style: none;
}
img {
 max-width : 100%;
 height:auto;
 vertical-align:bottom;
}
a {margin:0px;}
p {padding:0 0 15px 0; line-height:180%;}
.accent {color:#ff3300;font-weight:bold;} 
.bold{font-weight:bold;}
.f120{font-size:120%;}

.pc-none {display:none;}

body {
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
 margin:0;
 padding:0;
 color:#333333;
 text-align:center;
}

#wrap {
 position:relative;
 margin:0 auto;
 padding:0;
}

img {
 border:none;
}

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

a:hover { color: #ff9900;}

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

.link a{ color:#333; text-decoration:none; }
.link a:hover{ color:#663300; text-decoration:underline;  }

/* ============================================================== */
/*title*/
/* ============================================================== */

h2.page-title {
  font-weight: normal;
  font-size: 24pt;
  padding: 10pt 0 10pt 30pt;
  text-align: center;
  position: relative;
  top: -15px;
}

h2.title{ clear:both; margin:20px 0 30px 0; padding:0 0 15px 0; font-size:170%; font-weight:normal;
 font-family: 'Noto Sans Japanese', "メイリオ", "Hiragino Kaku Gothic ProN", sans-serif; text-align:left; border-bottom:3px double #40a2e1;
}

h3.title{ clear:both; margin:40px 0 15px 0; padding:0 0 0 24px; font-size:130%; font-weight:normal; font-family: 'Noto Sans Japanese', "メイリオ", "Hiragino Kaku Gothic ProN", sans-serif; text-align:left; border:none;background:url(../images/h3_bg.jpg) 0 2px no-repeat; }

/*
h3.title{
  font-weight: normal;
  text-align: left;
  font-size: 18pt;
  line-height: 0.8em;
  margin-top: 40px;
  margin-bottom: 25px;
  padding-bottom:10px;
  position: relative;
  color: #333;
  line-height:140%;
  border-bottom:3px double #00a0e8;
}
*/

.section-heading {
  margin-top:0;
  padding-top:0;
  font-weight: normal;
  text-align: left;
  font-size: 18pt;
  line-height: 1.8em;
  margin-bottom: 15px;
  position: relative;
  color: #333;
 font-family: arial,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
 border-bottom:1px solid #2583c1;
  display: inline-block;
}

.section-heading1 {
  font-weight: normal;
  text-align: center;
  font-size: 20pt;
  line-height: 0.8em;
  margin-top: 20px;
  margin-bottom: 10px;
  position: relative;
  color: #333;
}
.section-heading1 span {
  font-size: 7pt;
  color: #85725e;
}

.section-heading2 {
  font-weight: normal;
  text-align: left;
  font-size: 19pt;
  font-weight:bold;
  line-height: 0.8em;
  margin-bottom: 10px;
  padding-bottom:10px;
  position: relative;
  color: #2abdc9;
}
.section-heading2 span {
  font-size: 7pt;
  color: #85725e;
}
.section-heading3 {
/*
 margin:0 0 15px 0;
 padding:10px 0 15px 0;
 font-size:24pt;
 font-weight:bold;
 line-height:110%;
 letter-spacing:2px;
 border-bottom:3px solid #f2f2f2;
 font-family:sans-serif;
 font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
*/
 margin:10px 0 25px 0;
 padding:12px 0 15px 0;
 font-size:23pt;
 font-weight:bold;
 line-height:110%;
 letter-spacing:2px;
 font-family:sans-serif;
 font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
 background:url(../images/h2_bg.jpg) no-repeat;
}
.section-heading4 {
 margin:10px 0 25px 0;
 padding:12px 0 17px 0;
 font-size:21pt;
 font-weight:bold;
 line-height:110%;
 letter-spacing:2px;
 font-family:sans-serif;
 font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
 background:url(../images/h2_bg.jpg) no-repeat;
}

.sub-title{
 margin-bottom:15px;
 padding-bottom:8px;
 font-size:120%;
/* color:#85725e; */
 color:#ff6074;
 border-bottom:1px dotted #85725e;
}

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

.base-list{
 margin:10px 0 20px 0;
}
.base-list li{
 margin-top:10px;
 padding:10px  0 15px 32px;
 text-align:left;
 background:url(../images/check01.jpg) 0 8px no-repeat;
 border-bottom:1px dotted #ccc;
}

.base-list02{
 margin:10px 0 20px 0;
}
.base-list02 li{
 margin-top:10px;
 padding:10px  0 15px 32px;
 text-align:left;
 background:url(../images/check02.jpg) 0 5px no-repeat
}


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

#topic-path-box{
 clear:both;
 width:100%;
 height:26px;
 margin:0 auto;
 margin-bottom:10px;
 padding:0;
 background:url(../images/topic_bg.jpg) repeat-x;
}

ul#topic-path{
 width:1000px;
 margin:0 auto;
 padding:4px 0 0 0;
 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:#fe8d01;
 text-decoration:none;
 background:url(../images/icon_gt.png) no-repeat;
 background-position:100% 40%;
}

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

header {
 margin-top:10px;
 text-align:left;
}
header:after {
 content: '';
 display: block;
 clear: both;
}
header div {
  width: 1000px;
  margin: 0px auto;
  position: relative;
}
header .head-txt {
  font-size:12px;
  color:#666;
}
header #logo {
 margin-bottom:28px;
 float:left;
}
header ul#header-tel {
  display:block;
  position: absolute;
  right: 0;
  top: 12px;
}
header ul#header-tel li{
  float:left;
}


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

.gnavi-box {
 width:100%;
 height:65px;
 margin:0 auto;
 padding:0;
 background:url(../images/menu_bg.jpg);
}
.gnavi {
 width:1000px;
 height:64px;
 margin:0 auto;
 padding:0;
}
.gnavi img {
 vertical-align:bottom;
}
.gnavi ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
.gnavi ul li {
 float:left;
 list-style :none;
 margin: 0;
 padding:0;
}
.gnavi li a {
 margin:0;
 padding:0;
 display:block;
 outline: 0;
}

.spnavi{
  display:none;
}
.spnaviOpen{
  display:none;
}
ul.drop-menu{
  display:none;
}


/* ============================================================== */
/*main img*/
/* ============================================================== */

.main-contents {
 /*max-width:1694px;
 width:1694px;
 height:546px;
 margin: 0 auto;
 margin-left:auto;
 margin-right:auto;
 text-align:center;*/
 width:100%;
 height:392px;
 margin: 0 auto;
 position: relative;
 overflow: hidden;
 /*background:url(../images/main_bg.jpg) repeat-x;*/
}
.main-image {
 display: block;
 position:absolute;
 left:50%;
 width:1300px;
 height:392px;
 margin: 0 auto;
 margin-left:-650px;
 text-align:center;
}

.main-contents-sp {
 display:none;
}
.main-contents-sp02 {
 display:none;
}

.main-contents02 {
 width:100%;
 height:200px;
 margin: 0 auto;
 position: relative;
 overflow: hidden;
}
.main-image02 {
 display: block;
 position:absolute;
 left:50%;
 width:1670px;
 height:150px;
 margin: 0 auto;
 margin-left:-835px;
 text-align:center;
}

#pictMainSpBox{
 display: none; 
}
#pictMainBox02{
 width:100%;
 margin:0 auto;
 padding:0;
}
#pictMainBox02_sp{display:none;}
.main-sp-box{ display:none; }
.main-sp-box02{ display:none; }

/* ============================================================== */
/*main*/
/* ============================================================== */

#main {
 width:1000px;
 margin:0 auto;
 padding:0;
 background-color:#fff;
 display:inline-block;
}

#main p{
 margin:0;
 padding:0 15px 15px 0;
 font-size:15px;
 line-height:160%;
}




/* ============================================================== */
/*float box*/
/* ============================================================== */

.float-box{
 max-width:100%;
 margin:0 auto;
 padding:0 0 30px 0;
 text-align:left;
}
.float-box:after {
 content: '';
 display: block;
 clear: both;
}
.float-left {
 float:left;
 margin-right:30px;
 text-align:left;
}
.float-right {
 float:right;
 margin-left:30px;
 text-align:right;
}

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

.box {
 max-width:1000px;
 margin:0 auto;
 margin-top:30px;
 margin-bottom:30px;
}
.box00 {
 max-width:1000px;
 margin:0 auto;
 margin-bottom:30px;
}
.box01 {
 max-width:1000px;
 margin:0 auto;
 margin-bottom:30px;
 text-align:left;
}

.home-box {
 max-width:100%;
 margin:0 auto;
 margin-bottom:40px;
 padding:50px 0 20px 0;
 text-align:center;
 background:#eef2f5;
 overflow:hidden;
}
#home-box:after {
 content: '';
 display: block;
 clear: both;
}
.home-box-in {
 max-width:980px;
 margin:0 auto;
}
.home-left {
 width:337px;
 float:left;
 margin:0;
 text-align:left;
}
.home-right {
 width:600px;
 float:right;
 margin:0;
 text-align:right;
}
.home-box p{
 padding-bottom:15px;
 text-align:left;
 line-height:180%;
}

.home-box02 {
 clear:both;
 max-width:100%;
 margin:0 auto;
 padding:0;
 text-align:center;
}
#home-box02:after {
 content: '';
 display: block;
 clear: both;
}
.home-left02 {
 max-width:560px;
 float:left;
 margin:0;
 padding-top:50px;
 text-align:left;
}
.home-right02 {
 max-width:320px;
 float:right;
 margin:0;
 text-align:right;
}
.home-box02 p{
 padding-bottom:15px;
 text-align:left;
 line-height:180%;
}

.voice-box {
 max-width:100%;
 margin:0 auto;
 margin-bottom:0;
 padding:50px 0 30px 0;
 text-align:center;
 background:#eef2f5;
 overflow:hidden;
}
.voice-box:after {
 content: '';
 display: block;
 clear: both;
}
.voice-box-in {
 max-width:980px;
 margin:0 auto;
 margin-bottom:30px;
 text-align:left;
}
.voice-box-wrap {
 max-width:100%;
 margin:0 auto;
 padding:0 0 30px 0;
 text-align:left;
}
.voice-box-wrap:after {
 content: '';
 display: block;
 clear: both;
}
.voice-left {
 float:left;
 margin-right:30px;
 text-align:left;
}

.box03-wrap {
 clear:both;
 width:1000px;
 margin:0 auto;
 margin-bottom:50px;
 padding:0;
 text-align:center;
}
.box03-wrap :after {
 content: '';
 display: block;
 clear: both;
}
.box03-wrap li {
 max-width:300px;
 float:left;
 margin:0;
 margin-right:40px;
 text-align:left;
}
.box03-wrap li:last-child {
 max-width:300px;
 float:left;
 margin:0;
 margin-right:0;
 text-align:left;
}

.index-box{
 max-width:650px;
 margin:0 auto;
 padding:0 0 30px 0;
}
.index-box:after{
 content: '';
 display: block;
 clear: both;
}

.index-box ul{
}
.index-box li{
 float:left;
 margin:0 8px 30px 0;
}
.index-box li.last{
 float:left;
 margin:0 0 30px 0;
}

#news-title{
 width:690px;
 height:50px;
 margin-bottom:10px;
 font-size:20px;
 background:url(../images/title_news_bg.jpg) 0 0 no-repeat;
}
#news-title span{
 padding:10px 0 0 30px;
}
div#index-news {
  width:100%;
}
div#index-news div.wn-head {
  display: none;
}
div#index-news div.whatsnew {
  border: none;
  margin-top: 0px !important;
}
div#index-news div.wn-item {
  padding: 25px 0px 25px 100px;
  position: relative;
  font-size: 14px;
  border-bottom:1px dashed #ccc;
}
div#index-news div.wn-date {
  position: absolute;
  top: 25px;
  left: 0px;
}


.home01{
 width:1000px;
 margin-top:20px;
 margin-bottom:30px;
}
.home01:after{
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
#main .home01 p{
 padding:0 0 10px 5px;
 font-size:100%;
 line-height:180%;
 text-align:left;
}
.home01-left{
 width:570px;
 margin-right:11px;
 float:left;
 text-align:left;
}
.home01-right{
 width:360px;
 float:right;
}



/* ============================================================== */
/*footerNavi*/
/* ============================================================== */

#bottom-navi{
 clear:both;
 width:100%;
 padding-top:20px;
}
#bottom-navi-inner{
 width:960px;
 margin:0 auto;
 padding-bottom:10px;
 border-bottom:1px dotted #999;
}



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

footer{
 clear:both;
 width:100%;
 margin:30px 0 0 0;
 padding:0;
 background:#f5f8fa;
}
#foot{
 max-width:1000px;
 margin:0 auto;
 padding-top:30px;
 padding-bottom:25px;
}
#foot:after {
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
#foot-company p{
 font-size:90%;
 text-align:left;
}
#foot-navi{
 max-width:1000px;
 margin:0 auto;
 text-align:left;
}
#foot-navi a{
 font-size:90%;
 color:#333;
 text-decoration:none;
}
#foot-navi a:hover{
 font-size:90%;
 text-decoration:underline;
}

#foot-btm-box{
 clear:both;
 width:100%;
 margin:15px 0 0 0;
 padding:0;
}
#foot-btm{
 max-width:980px;
 height:60px;
 margin:0 auto;
}

#foot-btm .bottom-name{
 margin:0;
 padding:0;
 font-size:24px;
 text-align:left;
}
#foot-btm a{
 color:#333;
 text-decoration:none;
}
#foot-btm a:hover{
 color:#006699;
 text-decoration:underline;
}
#foot-btm .copyright{
 margin:0;
 padding:10px 0 0 0;
 font-size:11px;
 text-align:left;
}


/* ============================================================== */
/*li*/
/* ============================================================== */

.box4-02{clear:both;width:1000px;margin:0 auto;padding:20px 0 40px 0;display:flex;}
.box4-02 li{float:left;margin-right:30px;}
.box4-02 li:last-child {margin-right:0;}

.box4{clear:both;width:1000px;margin:0 auto;padding:20px 0 20px 0;display:flex;}
.box4 li{float:left;margin-right:30px;}
.box4 li:last-child {margin-right:0;}

.box3{clear:both;width:1000px;margin:0 auto;padding:20px 0 20px 0;display:flex;}
.box3 li{float:left;margin-right:48px;}
.box3 li:last-child {margin-right:0;}


.box2{clear:both;width:700px;margin:0 auto;padding:20px 0 0 0;display:flex;}
.box2 li{float:left;margin-right:20px;}
.box2 li:last-child {margin-right:0;}

.box2-home{clear:both;width:1000px;margin:0 auto;padding:20px 0 0 0;display:flex;}
.box2-home li{float:left;margin-bottom:20px;margin-right:40px;}
.box2-home li:last-child {margin-right:0;}


/* ============================================================== */
/*flow box*/
/* ============================================================== */

.flow-box{
 max-width:100%;
 margin:0 auto;
 margin-bottom:30px;
 padding:30px 0 30px 0;
 text-align:left;
 border-bottom:1px dotted #ccc;
}
.flow-box:after {
 content: '';
 display: block;
 clear: both;
}
.flow-left {
 width:60%;
 float:left;
 margin-right:30px;
 text-align:left;
}
.flow-right {
 width:30%;
 float:right;
 text-align:right;
}

.flow-title {margin-bottom:10px;font-size:160%;color:#333;}
.flow-title span{display:inline-block;padding:15px 20px;font-size:110%;color:#8fb3c1;border:1px solid #8fb3c1;}
.flow-title02 span{display:inline-block;margin-bottom:10px;padding:10px 15px;font-size:105%;color:#0099ff;border:1px solid #0099ff;}

.flow-title03 {margin-top:20px;margin-bottom:10px;font-size:120%;color:#333; font-weight:bold;}
.flow-title03 span{display:inline-block;margin-bottom:10px;padding:10px 15px;font-size:100%;color:#0099ff;border:1px solid #0099ff;}

.voice-title {margin-bottom:10px;font-size:100%;color:#333;}
.voice-title span{display:inline-block;padding:7px 12px;font-size:90%;color:#8fb3c1;border:1px solid #8fb3c1;}

.voice-table {
 width: 100%;
 margin-bottom:80px;
 margin-left: auto;
 margin-right: auto;
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
 border:none;
}
.voice-table td{
 padding:14px 10px 12px 18px;
 line-height:150%;
 text-align:left;
 border:none;
 border-bottom:1px solid #ccc;
}
.voice-table td.bordernone{
 border:none;
}
.voice-table .left-area{
 width:16%;
 margin:0;
 padding:14px 0 12px 2px;
 font-weight:normal;
 text-align:left;
 border:none;
 border-bottom:1px solid #ccc;
}


/* ============================================================== */
/*contact-box*/
/* ============================================================== */

.contact-box {
 clear:both;
 max-width:100%;
 margin:0 auto;
 margin-top:50px;
 margin-bottom:50px;
 padding:0;
 text-align:left;
 border:3px solid #ccc;
 border-radius: 5px;
}
.contact-box:after {
 content: '';
 display: block;
 clear: both;
}
.contact-box-left {
 max-width:645px;
 float:left;
 margin:0;
 margin-left:40px;
 padding-top:35px;
 text-align:left;
}
.contact-box-right {
 max-width:270px;
 float:right;
 margin:0;
 margin-left:20px;
 margin-right:15px;
 padding-top:15px;
 padding-bottom:30px;
 text-align:left;
}


/* ============================================================== */
/*news*/
/* ============================================================== */

#home-news-box {
 display: block;
 left:50%;
 /*width:1500px;
 height:630px; */
 margin:0 auto;
 /*position:absolute;
 margin-left:-600px;*/
 padding:0 0 20px 0;
 margin-top:0;
 padding-top:0;
 background:url(../images/home_news_bg.jpg) no-repeat;
 overflow:hidden;
}

.white-box {
 width:890px;
 position:relative;
 margin:0 auto;
 margin-top:50px;
 padding:10px 0 10px 0;
 background-color:rgba(255,255,255,0.95);
}
#home-news-box-in02 {
 width:700px;
 position:relative;
 margin:0 auto;
 padding:20px 0 30px 0;
 text-align:center;
 line-height:170%;
 color:#555;
 letter-spacing:1px;
}

div#index-news {
  width:100%;
  margin-bottom:40px;
}
div#index-news div.wn-head {
  display: none;
}
div#index-news div.whatsnew {
  border: none;
  margin-top: 0px !important;
}
div#index-news div.wn-item {
  margin-bottom:10px;
  padding: 10px 0 7px 120px;
  position: relative;
  font-size: 14px;
  text-align:left;
  border-bottom:1px dotted #ccc;
}
div#index-news div.wn-item a{
  color:#333;
  text-decoration:none;
}
div#index-news div.wn-item a:hover{
  color:#cc4515;
  text-decoration:underline;
}
div#index-news div.wn-date {
  position: absolute;
  top: 10px;
  left: 0px;
}

.news-title {
 clear:both;
 margin:0 0 20px 0;
 padding:0;
 font-size:260%;
 font-weight:normal;
 font-family:arial;
 letter-spacing:3px;
 line-height:80%;
}
.news-title span{
 clear:both;
 margin:0;
 padding:0;
 font-size:30%;
 font-weight:normal;
 font-family: 'Noto Sans Japanese', "メイリオ", "Hiragino Kaku Gothic ProN", sans-serif;
 letter-spacing:1px;
}


/* ============================================================== */
/*btn*/
/* ============================================================== */

.btn-base {
 clear:both;
 display:block;
 font-family: "genshin-m","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ","Meiryo";
 text-align:center !important;
}
.btn-line {
 clear:both;
 display:block;
 margin-top:14px;
 width:240px;
 border:1px solid #2583c1;
 background:#fff;
 text-align:center !important;
}
.btn-line a {
 display:block;
 padding:16px 0;
 color:#2583c1;
 text-align:center;
 text-decoration:none;
 line-height:150%;
 font-size:100%;
 text-align:center !important;
}
.btn-line a:hover {
 background:#2583c1;
 color:#fff;
}

.btn-line02 {
 clear:both;
 display:block;
 margin-top:14px;
 width:200px;
 border:1px solid #2583c1;
 background:#fff;
 text-align:center !important;
}
.btn-line02 a {
 display:block;
 padding:16px 0;
 color:#2583c1;
 text-align:center;
 text-decoration:none;
 line-height:150%;
 font-size:100%;
 text-align:center !important;
}
.btn-line02 a:hover {
 background:#2583c1;
 color:#fff;
}

/* ============================================================== */
/*service*/
/* ============================================================== */

.service-title{font-size:32px;}

.service-box {
 clear:both;
 width:100%;
 margin:0 auto;
 padding:0;
 text-align:left;
}
.service-box:after {
 content: '';
 display: block;
 clear: both;
}
.service-left {
 width:685px;
 float:left;
 margin:0;
 text-align:left;
}
.service-right {
 width:270px;
 float:right;
 margin:0;
 margin-left:20px;
 padding-bottom:30px;
 text-align:left;
}

.service-box02 {
 clear:both;
 width:100%;
 margin:0 auto;
 margin-bottom:40px;
 padding:0;
 text-align:left;
}
.service-box02:after {
 content: '';
 display: block;
 clear: both;
}
.service-left02 {
 width:140px;
 float:left;
 margin:0;
 text-align:left;
}
.service-right02 {
 width:800px;
 float:right;
 margin:15px 0 0 0;
 text-align:left;
}

.price-table {
 width: 100%;
 margin-top:30px;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto;
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
 border-top:1px solid #ccc;
 border-left:1px solid #ccc;
}
.price-table td{
 padding:14px 0 12px 18px;
 font-size:92%;
 line-height:150%;
 text-align:left;
 border-right:1px solid #ccc;
 border-bottom:1px solid #ccc;
}
.price-table td.bordernone{
 border:none;
}
.price-table .left-area{
 width:21%;
 margin:0;
 padding:14px 0 12px 10px;
 font-size:92%;
 font-weight:normal;
 text-align:left;
 border-right:1px solid #ccc;
 border-bottom:1px solid #ccc;
 background:#f2f2f2;
}
.price-table .top-area{
 margin:0;
 padding:14px 0 12px 10px;
 font-size:92%;
 font-weight:normal;
 text-align:center;
 border-right:1px solid #ccc;
 border-bottom:1px solid #ccc;
 color:#fff;
 background:#89b3c1;
}

/* ============================================================== */
/*company*/
/* ============================================================== */

.company-table {
 width: 100%;
 margin-top:30px;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto;
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
 border:none;
}
.company-table th{
 width:20%;
 margin:0;
 padding:14px 0 12px 0;
 font-weight:normal;
 line-height:180%;
 text-align:left;
 border:none;
 border-bottom:1px dashed #ccc;
}
.company-table .area01{
 width:8%;
 padding:14px 0 12px 18px;
 line-height:180%;
 text-align:right;
 border:none;
 border-bottom:1px dashed #ccc;
}
.company-table td{
 padding:14px 0 12px 18px;
 line-height:180%;
 text-align:left;
 border:none;
 border-bottom:1px dashed #ccc;
}
.company-table .no-line{
 border:none;
}
.company-table td.bordernone{
 border:none;
}




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

.contact-box02 {
 width:900px;
 margin:0 auto; 
 text-align:left;
}

.red{
 color:#ff0000;
}
.komemark{
 color:#ff0000;
}
.contact-table {
 width: 96%;
 margin-top:30px;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto;
 padding:0;
 border:none;
 border-collapse: collapse;
 border-spacing: 0;
 border-top:1px solid #ccc;
}
.contact-table th{
 width:30%;
 margin:0;
 padding:24px 0 24px 0;
 font-size:88%;
 text-align:left;
 border:none;
 border-bottom:1px solid #ccc;
 vertical-align:top;
}
.contact-table td{
 padding:24px 0 24px 18px;
 border:none;
 border-bottom:1px solid #ccc;
}
.contact-table td.bordernone{
 border:none;
}

.contact-table .size1{
 width:96%;
}
.contact-table .size2{
 width:70px;
}
.contact-table .size3{
 width:96%;
 height:250px;
}
.contact-table .size4{
 width:50%;
}
.contact-table .size5{
 width:100px;
}
.contact-table .size6{
 width:120px;
}

.contact-table input,select{
 height:27px;
 vertical-align:middle;
}
.contact-table radio,checkbox{
 vertical-align:middle;
}

.contact-box button{
 padding:10px 15px 10px 15px;
}

.contact-table-conf {
 width: 80%;
 margin-top:30px;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto;
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
}
.contact-table-conf th{
 width:30%;
 margin:0;
 padding:24px 0 24px 0;
 font-size:88%;
 text-align:left;
 border-bottom:1px solid #ccc;
}
.contact-table-conf td{
 padding:24px 0 24px 18px;
 border-bottom:1px solid #ccc;
}
.contact-table-conf td.bordernone{
 border:none;
}


/* ============================================================== */
/* 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-text02{
 margin:5px 5px 10px 5px;
 padding:0 0 20px 0;
 text-align:left;
 font-size:13px;
}

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

.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:#dc6238;
 text-decoration:underline;
}


.top_bnr{ width:100%; margin:0 auto; margin-top:50px !important; margin-bottom:30px !important; text-align:center;
}