@charset "utf-8";
html { scroll-behavior: smooth;}

/*============================================================================
	SP非表示
==============================================================================*/
.hiddenSp{
visibility: hidden;
display: none;
width: 0;
height: 0;
}

.br-sp { display:block; }
.br-pc { display:none; }


/* 見出し1 */
.indexTitleWrap{
width: 100%;
margin: 0% 0% 3% 0%;
text-align: center;
}

.indexTitleA {
position: relative;
line-height: 1.4;
margin: 0px auto;
padding:3% 5%;
display: inline-block;
top:0;
}

.indexTitleA:before, .indexTitleA:after { 
  position: absolute;
  top: 0;
  content:'';
  width: 8px;
  height: 100%;
  display: inline-block;
}
.indexTitleA:before {
  border-left: solid 1px #BEBEBE;
  border-top: solid 1px #BEBEBE;
  border-bottom: solid 1px #BEBEBE;
  left: 0;
}
.indexTitleA:after {
  content: '';
  border-top: solid 1px #BEBEBE;
  border-right: solid 1px #BEBEBE;
  border-bottom: solid 1px #BEBEBE;
  right: 0;
}

.TitleIDecorationA{
width: 100%;
margin: 0% auto 10px auto;
font-size: 18px;
line-height: 18px;
color: #1E2F49;
text-align: center;
vertical-align: middle;
font-family: 'Noto Serif JP', serif;
font-weight:500;
}

.TitleIDecorationAcap{
display: block;
width: 100%;
margin: 0% auto;
font-size: 14px;
color: #16948D;
text-align: center;
}

.indexTitleB {
width: 100%;
margin: 0px;
padding: 0px 0px 5px 15px;
border-left: solid 10px #16948D;
font-size: 1.25em;/*36px; 9.6vw;*/
line-height: 1.4em;
font-family: 'Noto Serif JP', serif;
font-weight: 500;
}

.indexTitleC{
width: 100%;
margin: 0% auto;
text-align: center;
}

.indexTitleC h3{
position: relative;
line-height: 1.8;
display: inline-block;
top:0;
height: 30px;
margin: 40px auto;
padding: 0% 5%;
color: #163069;
font-size: 1.125em;
line-height: 30px;
font-family: 'Noto Serif JP', serif;
font-weight:500;
text-align: center;
}

.indexTitleC h3:before,.indexTitleC h3:after{
position: absolute;
top: 0;
content:'';
width: 5px;
height: 30px;
display: inline-block;
}

.indexTitleC h3:before{
border-left: solid 5px #163069;
left: 0;
}

.indexTitleC h3:after{
content: '';
border-left: solid 5px #163069;
right: 0;
}


/*============================================================================
	bg
==============================================================================*/

.GrLeftWrap,.GrTopWrap{
width: 100%;
padding: 0% 2%;
}

.GrLeftWrap{
background: rgb(233,241,247);
background: -moz-linear-gradient(90deg, rgba(233,241,247,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(233,241,247,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(90deg, rgba(233,241,247,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e9f1f7",endColorstr="#ffffff",GradientType=1);
}

.GrTopWrap{
background: rgb(233,241,247);
background: -moz-linear-gradient(180deg, rgba(233,241,247,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(233,241,247,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(180deg, rgba(233,241,247,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e9f1f7",endColorstr="#ffffff",GradientType=1);
}
 

/*============================================================================
CTA
==============================================================================*/

.CTAWrap{
width: 100%;
margin:0% auto;
padding: 7% 5% 4% 5%;
background:  #2ACBC2;
background-size: contain;
}

.CTATitle{
width: 100%;
padding: 2%;
text-align: center;
}

.CTATitle p{
margin: 0%;
padding: 0%;
font-size: 1.225em;/*24px;6.4vw;*/
line-height: 1.225em;
text-align: center;
color: #FFF;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
}

.CTATitle p span{
font-size: 12px;
text-align: center;
color:#FFF;
}

.CTABtn{
width: 100%;
margin: 4% auto;
padding: 0%;
text-align: center;
}

.Btn{
display: block;
width: 100%;
margin:0% auto 0% auto;
padding: 1% 5%;
text-align: center;
color: #117491 !important;
font-size: 1.5em;
line-height: 2em;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 600;
background: #F4ED3B;
border-radius: 4px;
border-bottom: 6px solid #5f5d08;
}

.Btn:hover{
text-decoration: none;
color: #118398 !important;
background: #FFD2C4;
}

.Btn i{
display: inline-table;
font-size:  0.8125em;
line-height: 2.5em;
margin: -5px 6px 0 0;
padding: 0% 1% 0% 0.5%;
vertical-align: middle;
}

/*============================================================================
	header#globalHeader（ヘッダ）
==============================================================================*/
#headOuter{
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 1000;
background: rgba(255,255,255,0.8);
}

* html div#headOuter    {
    position: absolute;
    top: expression(eval(document.documentElement.scrollTop+0));  
}

header#globalHeader {
width: 100%;
height: 60px;
margin-inline: auto;
padding: 2%;
position: relative;
z-index: 1030;
background: rgba(255,255,255,1);
}

/* メニュー途中固定用（index） */
#headIndexOuter{
position: relative;
	width: 100%;
	box-shadow: 1px 1px 4px #999;
	height: 60px;
	z-index: 1030;
	/*background: url(../img/bg_header.webp);*/
}

h2#logo{
	margin: 0%;
	float: left;
font-size:0.6875em; /*11px; 2.933vw;*/
}
h2#logo a{
display:block;
width:90px;
height:24px;
background: url(../img/2x/logo.webp?=v1) no-repeat;
background-size: 90px 24px;
text-decoration:none;
text-indent:-1000px;
font-size:8px;
overflow:hidden;
}

h2#logo a:hover { text-decoration:none;}

div.fbBox{
float: right;
width: 10%;
margin: 5px 10px 0px 0px;
}

div.fbBox a{
display: block;
width: 100%;
height: 32px;
padding: 5px;
background:#F4ED3B;
border-radius: 3px;
font-weight: bold;
color: #117491;
font-size: 14px;
text-align: center;
}

/*
div.fbBox a{
position: absolute;
top:12px;
right: 15%;
display: block;
width: 10%;
height: 32px;
padding: 5px;
background:#59A4B5;
border-radius: 3px;
font-weight: bold;
color: #fff;
font-size: 3.733vw;
text-align: center;
}
*/



div.fbBox a:hover{
text-decoration: none;
background: #FF7600;
}


/*============================================================================
FV
==============================================================================*/

#headBg {
width: 100%;
margin: 0% auto;
padding: 60px 0px 0px 0px;
}

.FvWrap{
width: 100%;
margin: 0% auto 15% auto;
padding: 5% 5% 0% 5%;
background: url(../img/2x/bg_fv.webp?=v1) no-repeat;
background-size: cover;
}

.FvBox{
width: 100%;
margin: 0% auto;
padding: 0%;
}

.txtWrapB{
width: 100%;
margin: 3% auto 0% auto;
padding: 0%;
box-sizing: border-box;
text-align: center;
}

.txtWrapB img{width: 50%;margin: 2% auto 0% auto;}

.txtWrapA{
width: 100%;
text-align: center;
margin: 0% auto;
padding: 5% 0% 0% 0%;
box-sizing: border-box;
}

.txtWrapA h2{
margin: 0% auto 3% auto;
padding: 0%;
font-size: 1.8em;
line-height: 1.65em;
font-family: 'Noto Serif JP', serif;
text-align: center;
font-weight: 300;
}

.txtWrapA h2 .BText{font-size: 2em;font-weight: 500;letter-spacing: 0px;margin: 0%;}
.txtWrapA h2 .GText{font-weight: 500;}
.txtWrapA h2 .GTextC{color: #16948D;}

h1.FvTextA{
width: 80%;
margin:0% auto 3% auto;
padding:2% 0%;
background-color: #0D62A5;
color: #fff;
font-size: 1em;
text-align: center;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
border-radius: 20px 0px 20px 0px;
letter-spacing: 1px;
}

h1.FvTextA span{
font-size: 1.5em;
font-weight: 700;
}

h2.FvTextB{
margin:2% auto 5% auto;
font-size: 1.65em;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
}

.FvCTA{
width: 100%;
margin:0% auto; 
}

.FvCTA a{
display: flex;
justify-content: center;
align-items: center;
width: 60%;
margin: 0% auto;
padding: 3% 2%;
background: #F4ED3B;
color: #117491;
font-size: 1.25em;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
}

.FvCTA a i{margin: 0px 10px -5px 0px;}

.FvCTA a:hover{
background: #F4ED3B;
text-decoration: none;
}

/*============================================================================
取引実績
==============================================================================*/
.wrapper{
position: relative;
width: 100%;
}

.swiper-container{
width: 100%;
height: 128px;
margin:-3% auto -10% auto;
}

.swiper-wrapper{
width: 100%;
}

/* スライダー ロゴ用 */
.swiperbox {
position: relative;
width: 100%;
}

.swiper2{
width: 100%;
height: 128px;
margin:-3% auto -10% auto;
}


.swiper-wrapper2 {
/* wrapperのサイズを調整 */
transition-timing-function: linear;
}

.swiper-slide2 {
/* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
color: #ffffff;
width: 100%;
text-align: center;
}

.wrapper .swiper-container .swiper-wrapper { transition-timing-function: linear !important;}



/*============================================================================
 Raboは創業以来
==============================================================================*/
.LeadWrap{
width: 100%;
margin:15% auto 5% auto;
padding: 10% 5%;
}

.LeadWrap h2{
width: 100%;
margin: 0% auto 5% auto;
padding: 0%;
text-align: center;
font-size: 1em;
line-height:  1.875em;/*30px; 8vw;*/
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
color: #3F414F;
}

.LeadWrap h2 span{
color: #16948D;
font-family: 'Noto Serif JP', serif;
font-weight: 500;
}

.LeadBox{margin: 0% auto;list-style: none;font-family: 'Noto Sans JP', sans-serif;}
.LeadBox li{width: 50%;margin: 0% auto;padding: 2%; text-align:center;}
.LeadBox li dl dt{margin: 0px 0px 10px 0px;}
.LeadBox li dl dt img{width: 243px;}

/*============================================================================
Raboがお客様に選ばれてきた理由
==============================================================================*/

.ReasonWrap{
width: 100%;
margin: 10% auto 5% auto;
padding:0% 5%;
}

.ReasonBox{margin: 10% auto;}

.ReasonLBox{
width: 100%;
margin: 0% auto 7% auto;
padding: 0%;
}

.ReasonRBox{
width: 100%;
margin: 0% auto 7% auto;
padding: 0%;
}

.ReasonBox h3{
margin: 0% 0% 5% 0%;
padding: 0px 0px 0px 15px;
border-left: solid 10px #16948D;
font-size: 1.25em;
font-family: 'Noto Serif JP', serif;
font-weight: 500;
}

.ReasonBox p{
width: 95%;
margin: 0% auto;
font-family: 'Noto Sans JP', sans-serif;
line-height: 2em;
}

/*============================================================================
他社ASO代理店様・システム会社様との料金比較
==============================================================================*/

.ComparisionWrap{
width: 100%;
margin: 0% auto 15% auto;
padding: 10% 5% 5% 5%;
}

.ComparisionLead{
width: 100%;
margin: 7% auto 2% auto;
text-align: center;
font-family: 'Noto Sans JP', sans-serif;
}

.ComparisonBox{
width: 100%;
margin: 0% auto 10% auto;
text-align: center;
}

.ComparisonBox ul li{
list-style: none;
padding:0%;
display: flex;
justify-content: center;
align-items: center;
font-family: 'Noto Sans JP', sans-serif;
}

.ComparisonBox ul li dl{
width:100%;
}

.ComparisonBox ul li dl dt{
float: left;
display: flex;
justify-content: center;
align-items: center;
width: 40%;
height: 40px;
margin: 0% auto 0px auto; 
padding: 2%;

}

.ComparisonBox ul li dl dd{
float: right;
display: flex;
justify-content: center;
align-items: center;
width: 60%;
height: 40px;
margin: 0% auto 2px auto; 
padding: 2%;
background: #fff;
}

.ComparisonTitBox{
background: #16948D;
color:#fff;
}

.RaboComBox li:first-child{
height: 50px;
background: #F4ED3B;
border-radius: 10px 10px 0px 0px;
}

.OtherComBox li:first-child{
height: 40px;
background: #1E2F49;
color: #fff;
border-radius: 10px 10px 0px 0px;
}

.OtherComBox li span,.RaboComBox li span {font-size: 1em;font-weight: bold;}

.RaboComBox li:last-child {color: #E56A00;}
.RaboComPrice{margin: 0%;}
.RaboComBox li img{width: 30%;}


/*============================================================================
「自然流入が増えなければ無料」キャンペーン詳細
==============================================================================*/
.CampaignWrap{
width: 100%;
margin: 10% auto;
padding:3% 5%;
}

.CampaignLBox{
width: 100%;
padding: 0%;
}

.CampaignLBox p{
width: 95%;
margin: 5% auto 0% auto;
line-height: 2em;
font-family: 'Noto Sans JP', sans-serif;
}

.CampaignRBox{
width: 100%;
margin: 0% auto 3% auto;
padding: 0%;
}

.CampaignRBox img{
width: 100%;
margin: 0px auto;
}

.CampaignExBox{
width: 100%;
margin: 10% auto 0% auto;
padding: 0%;
text-align: center;
}

.CampaignExBox h3{
font-size: 1.125em;
font-family: 'Noto Serif JP', serif;
font-weight: 400;
margin: 5% auto;
padding: 0%;
}

.CampaignExBox p{
font-size: 0.85em;
margin: 3% auto;
padding: 0%;
font-family: 'Noto Sans JP', sans-serif;
}

.CampaignFlow{
width: 100%;
list-style: none;
}

.CampaignFlow li dl dt,.CampaignFlow li dl dd{
width: 50%;
display: inline-table;
border: solid 3px #0D62A5;
}

.CampaignFlow li dl dd{
background: #0D62A5;
color: #fff;
}

.CampaignFlow li dl dt.CamGreen{
border: solid 3px #16948D !important;
}

.CampaignFlow li dl dd.CamGreen{
border: solid 3px #16948D !important;
background: #16948D !important;
}

.CampaignFlow li dl dd{
background: #0D62A5;
color: #fff;
}

/*============================================================================
ASO対策はRaboに「丸投げ」していただくことをお奨めします
==============================================================================*/
.RecommendationWrap{
width: 100%;
margin: 0% auto;
padding: 15% 5%;
}

.RecommendationLWrap{width: 100%;}
.RecommendationLWrap p{
width: 95%;
margin: 3% 0% 5% 0%;
line-height: 2.2em;
font-family: 'Noto Sans JP', sans-serif;
}

.RecommendationRWrap{width: 70%;margin: 0% auto;}

.RecommendationBox{
width:100%;
margin: 0px auto 30px auto;
padding: 6%;
background: url(../img/2x/bg_recommendation.webp) no-repeat #fff;
background-size: cover;
border: solid 2px #95CFCB;
border-radius: 5px;
}

.RecommendationBox h4{
width: 100%;
height: 65px;
margin: 0% auto 5% auto;
padding: 0px 0px 0px 10px;
border-left: solid 10px #0D62A5;
font-size: 1.085em;
line-height: 1.25em;
color: #1E2F49;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
display: flex;
align-items: center;
}

.RecommendationLBox{width: 100%;}
.RecommendationRBox{width: 100%;}
.RecommendationRBox img{width: 60%; margin: 0% auto;}
.RecommendationLBox p{
width: 100%;
padding: 0px 0px 0px 10px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 1.85em;
}

.MonthryLBox{
width: 100%;
margin: 0% auto 5% auto;
padding: 0%;
}

.MonthryRBox{width: 100%; margin: 0% auto 8% auto;}

.MonthryLBox p{
width: 95%;
margin: 0% auto;
padding: 0%;
font-family: 'Noto Sans JP', sans-serif;
line-height: 1.85em;
}

.MonthryRBox table {width: 100%;font-family: 'Noto Sans JP', sans-serif;margin: 0%;}
.MonthryRBox table tr th{background: #95CFCB; color: #fff;text-align: center;}
.MonthryRBox table tr td{background: #EAF6F5;font-size: 1.125em;}
.MonthryRBox table tr td span{display: inline-block;}
.MonthryRBox table tr td .ScapA{vertical-align:bottom;margin:0px 0px 0px 0px;}
.MonthryRBox table tr td .ScapB{vertical-align:top;margin:3px 0px 0px 0px;}
.MonthryRBox table tr td i{margin:5px 5px 0px 5px;vertical-align:top;}
.MonthryRBox table tr th,.MonthryRBox table tr td{padding: 2%;}




/*============================================================================
ダウンロード数改善実績
==============================================================================*/
.AchievementWrap{
width: 100%;
margin: 10% auto 5% auto;
padding: 0% 5%;
}

.AchievementLead{
margin: 5% auto;
padding: 0% 3%;
text-align: center;

}

.AchievementBox{
width: 100%;
min-height: 540px;
margin: 2% auto;
padding: 1% 2%;
background: #E9F1F7;
border-radius: 10px;
}

.AchievementLBox,.AchievementRBox{
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
}

.AchievementWrap h4{
font-size: 1.25em;/*20px; 5.333vw;*/
color: #0D62A5;
margin: 0px 0px 15px 0px;

text-align: center;
}

.AchievementWrap h4 i{
display: inline-block;
width: 45px;
height: 45px;
margin: 0px 10px 0px 0px;
border-radius: 10px;
vertical-align:middle;
}

.AchievementWrap table {width:100%;}
.AchievementWrap table tr th{width:40%;background: #95CFCB; color: #fff;}
.AchievementWrap table tr td{width:60%;background: #fff;font-size: 1em; color: #333; padding: 0% 1%; min-width: 150px;}
.AchievementWrap table tr td span{display: inline-block;}
.AchievementWrap table tr td .ScapA{vertical-align:bottom;margin:0px 0px 0px 0px;}
.AchievementWrap table tr td .ScapB{vertical-align:top;margin:3px 0px 0px 0px;}
.AchievementWrap table tr td i{margin:5px 5px 0px 5px;vertical-align:top;}
.AchievementWrap table tr th,.AchievementWrap table tr td{padding: 3% 1%;border-bottom:solid 5px #E9F1F7;}

.DIimgBox{
width: 100%;
margin: 3% auto 0% auto;
}

.DIimgBox img{width: 70%;margin: 0% auto;}

.IcoHome{
background: url(../img/ico_app_home.webp) no-repeat #0D62A5;
background-size: contain;
}

.IcoGame{
background: url(../img/ico_app_game.webp) no-repeat #0D62A5;
background-size: contain;
}

.IcoLive{
background: url(../img/ico_app_live.webp) no-repeat #0D62A5;
background-size: contain;
}

.IcoDispatch{
background: url(../img/ico_app_dispatch.webp) no-repeat #0D62A5;
background-size: contain;
}

.swiper-wrapper {
/* wrapperのサイズを調整 */
width: 100%;
margin: 0% 0% 0% 1%;
padding:3% 0%;
}

.swiper-slide {
/* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
width: 100%;
height: 100%;
color: #707070;
}
.SlideBox{
width: 100%;
margin: 0% auto;
padding:0%;
}

.swiper-slideA {
/* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
width: 100%;
margin: 0%;
}

.slBox{
width: 95%;
margin: 0% auto;
padding:3%;
background: #E9F1F7;
border-radius: 5px;
}

.slBoxW{
width: 98%;
margin: 0% auto;
padding:4%;
background: #FFF;
border-radius: 5px;
}

/*
.swiper-pagination-bullet {
  width: 12px !important;
  height: 12px !important;
  margin: 0 0 0 10px !important;
  background: #fff;
}

.swiper-pagination-bullet:first-child {
  margin: 0 !important;
}
*/

.soto table {
border-collapse:collapse;
margin:0 auto;
}
.soto table td,th {
border:solid 2px rgba(233,241,247,1);
padding:0.3em;
text-align: center;
}
@media only screen and (max-device-width: 480px) {

/*============================================================================
比較表
==============================================================================*/


/*はみ出した部分をスクロールさせる　*/
.soto {
overflow:scroll;　
}
/*table自体を程よい幅に　*/
table {
width:200%;
}
table th:first-child {
/*少しサイズを調整*/
width:17%;
height:2em;
text-align: center;

/*先頭列を左に固定*/
position:sticky;
left:0;

background: #16948D;
color:#fff;
}
table td{
background: #FFFFFF;
}
table th.sotoFT{
background: rgba(233,241,247,1);
}
}

.RaboComBox {color: #E56A00; font-weight: bold;}
.RaboComBox span {font-size: 1.4em;}
.RaboComPrice{margin: 0%;}
.RaboComImg img{width: 50%; margin: 0 auto;}

.RaboComImg{
	width: 20%;
height: 50px;
background: #F4ED3B;
border-radius: 10px 10px 0px 0px;
text-align: center;
}
.OtherComTab{
	width: 20%;
height: 40px;
background: #1E2F49;
color: #fff;
border-radius: 10px 10px 0px 0px;
text-align: center;
}

/*============================================================================
昨今ASO対策の重要性は高まるばかりです
==============================================================================*/

.ImportanceWrap{
width: 100%;
margin: 10% auto;
padding: 0%;
}

.ImportanceLBox{
width: 100%;
padding: 5%;
}

.ImportanceLBox img{
width: 50%;
margin: 0% auto;
}

.ImportanceRBox{
width: 100%;
padding:10% 5%;
}

.ImportanceRBox p{
width: 95%;
margin: 0% auto;
padding: 0%;
line-height: 2em;
font-family: 'Noto Sans JP', sans-serif;
}

/*============================================================================
よくある質問
==============================================================================*/

.FaqWrap{
width: 100%;
margin: 0px auto;
padding: 10% 5%;
}

.qa-list{
width: 100%;
margin:10% auto 0% auto;
padding: 0%;
font-size: 0.85em;
line-height: 0.85em;
font-family: 'Noto Sans JP', sans-serif;
}

.qa-list dl {
margin: 0%;
padding: 5%;
border-bottom: 1px solid #ccc;
}

.qa-list dl:first-child { border-top: 1px solid #ccc;}

.qa-list dl dt {
margin: 0%;
font-weight: bold;
color: #5497D5;
}

.qa-list dl dt i,.qa-list dl dd i{margin: 0px 10px 0px 0px;}
.qa-list dl dt,.qa-list dl dd{padding-left:1em;text-indent:-1em;}


.qa-list dl dd {
margin: 20px 0px 0px 0px;
line-height: 32px;
}

/*============================================================================
お問いあわせ
==============================================================================*/

.ContactWrap{
width: 90%;
margin: 0px auto;
padding:10% 0%;
}

/*============================================================================
footer#globalFooter
==============================================================================*/

/* page-top */
#pageTop {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 100;
}
#pageTop a {
	display: block;
	background: url(../img/gotop.webp);
	background-size: 34px 34px;
	width: 34px;
	height: 34px;
	text-indent: -9999px;
}
#pageTop a:hover {
	background: url(../img/gotop.webp);
	background-size: 34px 34px;
}

.footMiddle{
	width: 100%;
	padding-top: 0%;
}

/* footRight */
#footRight {
	padding-bottom: 8px;
	margin: 0 auto 20px auto;
	width: 100%;
	font-size: 12px;
	color: #999;
	line-height: 180%;
	text-align: center;
}
#footRight a{
	color: #999;
}

/* footLeft */
#footLeft {
	margin: 1% auto;
	width: 100%;
	text-align: left;
}
.footList{
	width: 95%;
	vertical-align: top;
	text-align: center;
	margin: 0 0px 0 5px;
	text-align: left;
	padding-left: 8px;
	border-left: 1px solid #999;
}
.footList li.footMenu{
	list-style: none;
	padding: 3px 0 3px 10px;
}
/*
.footList li.footMenu:first-child{
	font-weight: bold;
	font-size: 116%;
	color: #FFF;
	padding-left: 0px;
}
*/
.footList li.footMenu a{
	font-size: 90%;
	color: #999;
}
.footList li.footMenu a:hover{
	color: #999;
	text-decoration: underline;
}

/* footCenter */
#footLogoBox {
	clear: both;
	width: 100%;
	margin: auto;
}
#footLogoBox a.footlogo{
	display: block;
	text-indent: -9999px;
	margin: 10px auto 0px auto;
	width:90px;
	height:24px;
	background: url(../img/logo.webp?=v1) no-repeat;
	background-size: 90px 24px;
}

#footBtm{
	width: 100%;
	background: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 90%;
	text-align: center;
	color: #333333;
}