@charset "utf-8";

.parent {
 width: 960px;
 display: flex;
 background-color:#FFFF00;
 border-color:#FF0000;border-style:double;
 border-width:5px
 
}
.child1 {
 width: 60px;
}

.child2 {
 width: 900px;
}


#container-inner {
background: url("/images/bg_top.jpg") repeat-x;

width: 960px;
margin-left: auto;
margin-right: auto;

}

.container-inner-reheight {
background: url("/images/bg_top_re.gif") repeat-x!important;
}

#keyvisual {
background: url("/images/company.png") center -1px no-repeat;
background-size:contain;
height: 259px;
display: block;
text-indent: -9999px;
cursor: pointer;

}

#topcontact {
height: 107px;
display: block;
}

.reheight {
height: 68px!important;
}

#topcontact ul li {
float: left;
width: 480px;
margin-top: 14px;
}

#topcontact ul li h2 {
float: left;
padding-right: 20px;
}

#topcontact p {
text-align: center;
}

#topcontact p img {
margin-top: 8px;
}


#header, #feature, #topcontact, #content, #footer {
width: 960px;
margin-left: auto;
margin-right: auto;
}

#feature {
margin-bottom: 40px;
background: url("/images/divider.gif") center bottom no-repeat;
}

#feature h2 {
height:78px;
display: block;
}

#feature ul {
margin-top: 20px;
}

#feature ul li {
float: left;
width: 170px;
margin-right: 25px;
font-size: 86%;
}

#feature ul li.nomg {
margin-right: 0;
}

#service01 h3 a {background: url("/images/service01.jpg") no-repeat;}
#service02 h3 a {background: url("/images/service02.jpg") no-repeat;}
#service03 h3 a {background: url("/images/service03.jpg") no-repeat;}
#service04 h3 a {background: url("/images/service04.jpg") no-repeat;}
#service05 h3 a {background: url("/images/service05.jpg") no-repeat;}
#service06 h3 a {background: url("/images/service06.jpg") no-repeat;}
#service06b h3 a {background: url("/images/service06b.jpg") no-repeat;}
#service07 h3 a {background: url("/images/service07.jpg") no-repeat;}

.servicebox h3 a {
width: 170px;
height: 280px;
display: block;
text-indent: -9999px;
border-bottom: solid 1px #D7D7D7;
margin-bottom: 10px;
}

#content #side {
float: left;
width: 200px;
}

#content #side ul li {
width: 170px;
text-align: center;
margin-bottom: 16px;
}
#content #side ul li.android, 
#content #side ul li.apple{
font-size:0;
}
#content #side ul li .qr{
padding:0 0px 2px 0;
}
#content #side ul li.android .bt{
padding:0 0px 5px 0;
}
#content #side ul li.apple .bt{
padding:0 0px 5px 0;
}

#side {
font-size: 78%;
}

#side h3 {
padding: 5px 10px;
line-height: 145%;
border-top: solid 1px #EBF4EC;
border-bottom: solid 1px #EBF4EC;
width: 150px;
font-size: small;
font-weight: bold;
text-align: center;
background: #F5FCF3;
margin-bottom: 20px;
}
/** 2014/11/11追加 **/
#side h3.type02 {
padding: 5px 10px;
line-height: 145%;
border:none;
border-left: solid 4px #29B910;
padding: 4px 0 3px 8px;
width: auto;
font-size: small;
font-weight: bold;
text-align:left;
background: #fff;
margin-bottom:10px;
}
#side p.lead{
width:180px;
padding:0 0 15px 0;
}
#side ul.store {
border-bottom: 1px solid #c9e6cc;
width: 180px;
margin: 0 0 15px 0;
}
#side ul.store li{
padding:5px 0;
border-top: 1px dotted #c9e6cc;
width: 180px !important;
text-align: center;
font-size: 0;
margin: 0 !important;
height: auto;
line-height: 100%;
}
/** /2014/11/11追加 **/
#side h3 a {
color: #000;
}

#side ul.sidenavi {
margin-top: -15px;
margin-bottom: 20px;
}

#side ul.sidenavi li {
list-style: none;
border-bottom: solid 1px #EBF4EC;
padding: 5px 0;
margin-bottom: 5px!important;
text-align: left!important;
}

#side ul.sidenavi li a {
padding-left: 24px;
background: url("/common/images/ar.gif") 10px no-repeat;
}

.infobox {
font-size: 78%;
}

.infobox h2 {
background: url("/common/images/lg_ptn.gif");
border-bottom: solid 1px #EBF4EC;
font-weight: bold;
font-size: 120%;
padding: 8px 0 8px 8px;
}

.infobox h2 span {
border-left: solid 4px #29B910;
padding: 4px 0 3px 8px;
}

.infobox ul {
background:#fff;
padding-bottom: 10px;
}

.infobox ul li {
padding: 8px 10px 0;
}

.infobox ul li a {
padding-left: 14px;
background: url("/common/images/ar.gif") 0 2px no-repeat;
}

#topics {
border: solid 2px #EBF4EC;
margin-left: 200px;
}

#ir {
width: 377px;
border-top: solid 2px #EBF4EC;
border-left: solid 2px #EBF4EC;
border-right: solid 2px #EBF4EC;
border-bottom: solid 2px #EBF4EC;
float: left;
margin-bottom:10px;
*border-bottom:0;
*margin-bottom:0;
}

#nr {
width: 377px;
float: left;
border-top: solid 2px #EBF4EC;
border-left: solid 2px #EBF4EC;
border-bottom: solid 2px #EBF4EC;
margin-bottom:10px;
*border-bottom:0;
*margin-bottom:0;
}

#topics h2 {
*padding-left:10px;
*width:744px;
*float:left;
*margin-bottom:10px;
}