@charset "UTF-8";
#aboutweb #main #visual {
    margin-bottom: 10px;
    width: 300px;
    height: 50px;
    padding: 8px 0 0 0;
}
/* -------------------------------------------
よくあるご質問
--------------------------------------------*/
#aboutweb.qa #main #visual h1 {
    margin-bottom: 20px;
    width: 300px;
    height: 52px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    text-indent: -9999px;
    background: url(/s/aboutweb/img/smp/qa_h1.jpg) no-repeat center;
    background-size: 100% auto;
}
#aboutweb.qa #main section#page_nav {
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}
#aboutweb.qa #main #page_nav li {
    float: left;
}
#aboutweb.qa #main #page_nav li#nav_water {
    width: 254px;
}
#aboutweb.qa #main #page_nav li#nav_server {
    width: 276px;
}
#aboutweb.qa #main #page_nav li#nav_service {
    width: 218px;
}
#aboutweb.qa #main #page_nav li a {
    display: block;
    width: 300px;
    height: 31px;
    text-indent: -9999px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 300px 31px;
}
#aboutweb.qa #main #page_nav li#nav_water a {
    width: 300px;
    background-image: url(/s/aboutweb/img/smp/qa_pnav_water.jpg);
}
#aboutweb.qa #main #page_nav li#nav_server a {
    width: 300px;
    background-image: url(/s/aboutweb/img/smp/qa_pnav_server.jpg);
}
#aboutweb.qa #main #page_nav li#nav_service a {
    width: 300px;
    background-image: url(/s/aboutweb/img/smp/qa_pnav_service.jpg);
}
#aboutweb.qa #main #page_nav li a:hover {
    background-position: 0 0;
}
#aboutweb.qa #main section dl {
    padding-bottom: 1px;
    background: url(/s/common/img/line_dotx.gif) repeat-x 0 bottom;
}
#aboutweb.qa #main section dl.stripe {
    background-color: #edf8fd;
}
#aboutweb.qa #main section dl dt {
    padding: 10px 0 10px 20px;
    cursor: pointer;
    background: url(/s/aboutweb/img/smp/qa_question_down.gif) no-repeat 0 -2px;
    background-size: 290px 40px;
}
#aboutweb.qa #main section dl dt span {
    display: block;
    width: 230px;
}
#aboutweb.qa #main section dl dt.active {
    background: url(/s/aboutweb/img/smp/qa_question_up.gif) no-repeat 0 -2px;
    background-size: 290px 40px;
}
#aboutweb.qa #main section dl dd {
    padding: 10px 0 20px 30px;
    width: 245px;
    background: url(/s/aboutweb/img/smp/qa_ico_a.gif) no-repeat 5px 10px;
    background-size: 18px 18px;
    display: none;
}
#aboutweb.qa #side #sideNav h2 {
    background-image: url(/s/aboutweb/img/smp/sidenav_ttl.gif);
    background-size: contain;
}
/* -------------------------------------------
ご利用規約
--------------------------------------------*/
#aboutweb.policy #main #visual h1 {
	width: 80px;
	height: 36px;
	margin: 0 auto;
}
#aboutweb.policy #main h2 {
    margin-bottom: 1.5em;
    font-weight: bold;
    font-size: 123%;
}
#aboutweb.policy #maindl h3 {
    margin-bottom: 0.5em;
    font-weight: bold;
}
#aboutweb.policy #main ol {
    margin-bottom: 2em;
    font-size: 92%;
}
#policy #main #list ol li {
    margin-left: 2em;
    text-indent: -2em;
}
#policy #main #list ul li {
    margin-left: 3em;
    text-indent: -3em;
}
#aboutweb.policy #main p img{
    width: 100%;
    height: auto;
}
#policy #side #sideNav h2 {
    background-image: url(/s/aboutweb/img/smp/sidenav_ttl.gif);
    background-size: contain;
}
/* -------------------------------------------
個人情報保護方針
--------------------------------------------*/
#aboutweb #main #visual{
    padding:0;
}
#aboutweb.policy #main #visual h1 {
    margin-bottom: 20px;
    width: 300px;
    height: 52px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    text-indent: -9999px;
    background: url(/s/aboutweb/img/smp/policy_h1.jpg) no-repeat center;
    background-size: 100% auto;
}
#privacy_policy #main #list #txt_ttl dt {
    margin-bottom: 0.5em;
    font-weight: bold;
    font-size: 123%;
}
#privacy_policy #main #list #txt_ttl dd {
    margin-bottom: 2em;
    font-size: 92%;
}
#privacy_policy #list dl dt {
    margin-bottom: 0.5em;
    font-weight: bold;
}
#privacy_policy #list dl dd {
    margin-bottom: 2em;
    font-size: 92%;
}
#privacy_policy #list dl dd .highlight {
    margin-top: 10px;
    padding: 10px;
    background-color: #ecf9fc;
}
#privacy_policy #list dl dd .highlight li.num01 {
    padding-left: 15px;
    background: url(/s/aboutweb/img/smp/privacy_ico_num01.gif) no-repeat 0 0;
    background-size: 12px;
}
#privacy_policy #list dl dd .highlight li.num02 {
    padding-left: 15px;
    background: url(/s/aboutweb/img/privacy_ico_num02.gif) no-repeat 0 0;
    background-size: 12px;
}
#privacy_policy #main #list #comment {
    font-size: 92%;
}
#privacy_policy #side #sideNav h2 {
    background-image: url(/s/aboutweb/img/smp/sidenav_ttl.gif);
    background-size: contain;
}
/* -------------------------------------------
個人情報保護方針
--------------------------------------------*/
#aboutweb.privacy #main #visual h1 {
    margin-bottom: 20px;
    width: 300px;
    height: 52px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    text-indent: -9999px;
    background: url(/s/aboutweb/img/smp/privacy_h1.jpg) no-repeat center;
    background-size: 100% auto;
}
#aboutweb.privacy #content #contentBody #main section h2 {
    background: #3cbbef;
    font-size: 14px;
    color: #fff;
    padding: 7px 1em;
    border-radius: 20px;
    line-height: 1;
    margin-bottom: 1em;
	font-weight: normal;
}
#aboutweb.privacy #main dd {
    margin-bottom: 20px;
}
#aboutweb.privacy #main .subttl {
    color: #2cb9f3;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2;
    padding: 4px 0;
    border-bottom: 2px solid #2cb9f3;
    margin-bottom: 10px;
}
#aboutweb.privacy #content #contentBody #main #sc1 .text {
    margin-bottom: 15px;
}
#aboutweb.privacy #content #contentBody #main #sc2 section section ul {
    margin-bottom: 10px;
}
#aboutweb.privacy #content #contentBody #main p {
    margin-bottom: 1em;
}
#aboutweb.privacy #main .kojinBox {
    background: #aae6ff;
    padding: 10px 15px;
    margin-bottom: 15px;
}
.text--right {
    text-align: right
}
.text--blue {
    color: #2cb9f3;
}
/* -------------------------------------------
特定商取引法に基づく表記
--------------------------------------------*/
#law #main h1 {
    background-image: url(/s/aboutweb/img/smp/law_h1.jpg);
}
#law #content #contentBody #main #list table.data tr th {
    width: 70px;
}
#law #content #contentBody #main #list table.data tr td {
    text-align: left;
}
#law #side #sideNav h2 {
    background-image: url(/s/aboutweb/img/smp/sidenav_ttl.gif);
    background-size: contain;
}
#aboutweb.law #main #visual h1 {
    margin-bottom: 20px;
    width: 300px;
    height: 52px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    text-indent: -9999px;
    background: url(/s/aboutweb/img/smp/law_h1.jpg) no-repeat center;
    background-size: 100% auto;
}
/* -------------------------------------------
サイトマップ
--------------------------------------------*/
#aboutweb.sitemap #main #visual h1 {
    margin-bottom: 20px;
    width: 300px;
    height: 52px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    text-indent: -9999px;
    background: url(/s/aboutweb/img/smp/sitemap_h1.jpg) no-repeat center;
    background-size: 100% auto;
}
#sitemap #main #list ul li {
    overflow: hidden;
    position: relative;
    margin-bottom: 8px;
    font-weight: bold;
}
#sitemap #main #list ul li a {
    display: block;
    padding-left: 30px;
    line-height: 35px;
    background: url(/s/aboutweb/img/smp/sitemap_ico_arrow_large.gif) no-repeat 10px 13px;
    background-size: 12px 8px;
    background-color: #edf8fd;
    color: #333;
}
#sitemap #main #list ul li a:hover {
    background-color: #f6fbfe;
    color: #40abd7;
}
#sitemap #main #list ul li dl.second {
    clear: left;
    margin: 8px 0 0 0;
    padding-left: 10px;
    width: 260px;
}
#sitemap #main #list ul li dl.second a {
    display: inline;
    padding: 0;
    background: none;
}
#sitemap #main #list ul li dl.second a:hover {
    background: none;
}
#sitemap #main #list ul li dl.second dt {
    margin-bottom: 0;
    padding-left: 15px;
    background: url(/s/aboutweb/img/smp/sitemap_ico_arrow_middle.gif) no-repeat 2px 9px;
    background-size: 6px 5px;
}
#sitemap #main #list ul li dl.second dt a {
    line-height: 25px;
}
#sitemap #main #list ul li dl.second dd {
    float: left;
    margin-left: 20px;
    padding-left: 10px;
    width: 80px;
    font-weight: normal;
    background: url(/s/aboutweb/img/smp/sitemap_ico_arrow_small.gif) no-repeat 0 8px;
    background-size: 5px 7px;
}
#sitemap #main #list ul li dl.second dd a {
    line-height: 25px;
}
#sitemap #main #list ul li ul.second {
    padding-left: 10px;
    margin: 8px 0 0 0;
    overflow: hidden;
    position: relative;
}
#sitemap #main #list ul li ul.second li {
    float: left;
    margin: 0 0 8px 0;
    padding-left: 15px;
    width: 120px;
    background: url(/s/aboutweb/img/smp/sitemap_ico_arrow_middle.gif) no-repeat 2px 8px;
    background-size: 6px 5px;
}
#sitemap #main #list ul li ul.second a {
    display: inline;
    padding: 0;
    background: none;
    line-height: 25px;
}
#sitemap #main #list ul li ul.second a:hover {
    background: none;
}
#sitemap #side #sideNav h2 {
    background-image: url(/s/aboutweb/img/smp/sidenav_ttl.gif);
    background-size: contain;
}