@charset "utf-8";
/*------------------------------
 =about
------------------------------*/
/* common */
#contents-left #subnavi dt.about {
background: url(../img/about/subnavi_hdr.png) no-repeat 0px 0px;
}
#contents-left #subnavi dd.about ul li.hoge a {
background-image: url(../img/about/subnavi_icn_dummy.gif);
}
#contents-left #subnavi dd.about ul li.fuga a {
background-image: url(../img/about/subnavi_icn_dummy.gif);
}
#contents-right h1.about-index span {
background: url(../img/about/h1_index.png) no-repeat left top;
}
/*------------------------------
 =howto
------------------------------*/
/* common */
#contents-left #subnavi dt.howto {
background: url(../image/static/subnavi_hdr.png) no-repeat 0px 0px;
}
#contents-left #subnavi dd.howto ul li.index a {
background-image: url(../image/static/subnavi_icn_index.gif);
}
#contents-left #subnavi dd.howto ul li.guide a {
background-image: url(../img/guide/subnavi_icn_index.gif);
}
#contents-left #subnavi dd.howto ul li.shop a {
background-image: url(../image/static/subnavi_icn_shop.gif);
}
#contents-left #subnavi dd.howto ul li.shop-entry a {
background-image: url(../image/static/subnavi_icn_shop-entry.gif);
}
/* index */
#contents-right h1.howto-index span {
background: url(../image/static/h1_index.png) no-repeat left top;
}
#contents-right div.howto-index div.float-left {
width: 139px;
height: 98px;
margin: 0 0 7px 0;
padding: 0 0 0 2px;
}
#contents-right div.howto-index div.lead {
display: inline;
float: left;
width: 487px;
height: 98px;
margin: 0 0 7px 0;
padding: 0 31px 0 15px;
background: url(../image/static/index_img02.gif) no-repeat 0px 0px;
}
#contents-right div.howto-index div.lead p.header {
width: 487px;
height: 45px;
margin: 0;
padding: 0;
text-indent: -9999em;
overflow: hidden;
}
#contents-right div.howto-index h3 {
width: 672px;
height: 31px;
margin: 0;
padding: 0;
line-height: normal;
}
#contents-right div.howto-index h3 img {
vertical-align: bottom;
}
#contents-right div.howto-index div.video {
position: relative;
width: 264px;
height: 180px;
margin: 0 0 14px 0;
padding: 85px 410px 0 0;
background: url(../image/static/index_img03.jpg) no-repeat 264px 0px;
}
#contents-right div.howto-index div.video p {
margin: 0 !important;
padding: 0 15px 0 20px;
}
#contents-right div.howto-index div.video p.btn {
position: absolute;
width: 254px;
height: 34px;
padding: 0;
left: 10px;
bottom: 18px;
}
#contents-right div.howto-index div.video p.btn a {
display: block;
width: 254px;
height: 34px;
text-indent: -9999em;
background: url(../image/static/btn_to_video.gif) no-repeat 0px 0px;
overflow: hidden;
}
#contents-right div.howto-index div.video p.btn a:hover {
background-position: 0px -34px;
}
#contents-right div.howto-index div.basic {
position: relative;
width: 352px;
height: 200px;
margin: 9px 0 19px 0;
padding: 0 0 0 320px;
background: url(../image/static/index_img04.jpg) no-repeat 0px 0px;
}
#contents-right div.howto-index div.basic p {
margin: 0;
}
#contents-right div.howto-index div.basic p.link {
margin: 0;
padding: 0 0 0 15px;
background: url(../img/common/icn_bl01_r.gif) no-repeat left center;
}
#contents-right div.howto-index div.basic ul {
position: absolute;
width: 352px;
height: 71px;
text-indent: -9999em;
background: url(../image/static/index_img05.gif) no-repeat 0px 0px;
overflow: hidden;
left: 320px;
bottom: 0px;
}
#contents-right div.howto-index dl.unnecessary {
width: auto;
margin: 15px 0 0 0;
line-height: 1.4;
}
#contents-right div.howto-index dl.unnecessary dt {
width: auto;
margin: 0;
padding: 5px 15px 0 15px;
border-top: solid 1px #2a81f8;
}
#contents-right div.howto-index dl.unnecessary dd {
width: auto;
margin: 0 0 20px 0;
padding: 0 15px 5px 15px;
border-bottom: solid 1px #2a81f8;
}
#contents-right div.howto-index div.main-img {
clear: both;
height: 243px;
margin: 10px 0 0 0;
line-height: normal;
overflow: hidden;
}
#contents-right div.howto-index div.main-img img {
vertical-align: bottom;
}
#contents-right div.howto-index dl dt {
margin: 0 0 3px 0;
line-height: normal;
}
#contents-right div.howto-index dl dt img {
vertical-align: bottom;
}
#contents-right div.howto-index dl dd {
margin: 0 0 1em 0;
padding: 0 4px;
line-height: 1.4;
}
/* index(new) */
#contents-right div.howto-index div.img-box {
width: 664px;
margin: 0;
padding: 0;
line-height: normal;
}
#contents-right div.howto-index div.img-box img {
vertical-align: bottom;
}
#contents-right div.howto-index #c-box01 {
}
/* d-service */
#contents-right h1.howto-d-service span {
background: url(../image/static/h1_d_service.png) no-repeat left top;
}
#contents-right div.howto-d-service p {
margin: 0 0 1em 0;
padding: 0;
}
#contents-right div.howto-d-service div.cell-wrapper {
width: 664px;
margin: 10px 0 0 0;
padding: 0;
line-height: normal;
}
#contents-right div.howto-d-service div.text-cell {
width: 336px;
padding: 0 0 0 15px;
vertical-align: bottom;
line-height: 1.6;
}
#contents-right div.howto-d-service div.text-cell p {
margin: 0;
}
#contents-right div.howto-d-service div.img-cell {
width: 313px;
vertical-align: top;
}
/* d-service(new) */
#contents-right div.howto-howto div.img-box {
width: 640px;
margin: 0;
padding: 0;
line-height: normal;
}
#contents-right div.howto-howto div.img-box img {
vertical-align: bottom;
}
#contents-right div.howto-d-service #c-box01 {
width: 640px;
margin: 0 auto;
padding: 0;
}
/* product */
#contents-right h1.howto-product span {
background: url(../image/static/h1_product.png) no-repeat left top;
}
#contents-right div.howto-product {
}
#contents-right div.howto-product table#maker-list {
border-collapse: collapse;
}
#contents-right div.howto-product table#maker-list td {
width: 221px;
padding: 15px 0;
vertical-align: middle;
border-bottom: solid 1px #ccc;
}
#contents-right div.howto-product table#maker-list td.last {
border-bottom-style: none;
border-bottom-width: 0px;
}
#contents-right div.howto-product table#maker-list td a {
display: block;
width: 192px;
padding: 0 10px 0 19px;
background: url(../image/static/icon_product_list.gif) no-repeat 2px center;
}
#contents-right div.howto-product table#maker-list td a:hover {
background-position: -236px center;
}
#contents-right div.howto-product table#maker-list td a img {
vertical-align: middle;
}
#contents-right div.howto-product div.cell-wrapper {
width: 644px;
margin: 0 0 10px 0;
padding: 0 10px;
}
#contents-right div.howto-product div.text-cell {
width: 366px;
padding: 0 20px 0 0;
}
#contents-right div.howto-product div.img-cell {
width: 258px;
vertical-align: top;
}
#contents-right div.howto-product div.table-wrapper {
width: 664px;
height: 404px;
line-height: normal;
overflow: hidden;
}
#contents-right div.howto-product div.table-wrapper img {
vertical-align: top;
}
#contents-right div.howto-product div.table-wrapper table {
line-height: normal;
}
#contents-right div.howto-product h3 {
margin: 1.5em 0 0.25em 0;
color: #2a81f8;
font-size: 107%;
font-weight: bold;
}
#contents-right div.howto-product ul.maker-list {
width: auto;
margin: 1.5em 0;
_margin: 1.5em 0 0 0;    /* Hack for IE6 */
_padding: 0 0 1.5em 0;    /* Hack for IE6 */
zoom: 1;
}
#contents-right div.howto-product ul.top {
margin: 30px 0 35px 0;
}
#contents-right div.howto-product ul.maker-list:after {
content: ".";
clear: both;
display: block;
height: 1px;
visibility: hidden;
}
#contents-right div.howto-product ul.maker-list li {
display: inline;
float: left;
margin: 0 10px 0 0;
padding: 0 10px 0 0;
line-height: 1.4;
background: url(../image/static/bg_maker_list.gif) no-repeat right center;
}
#contents-right div.howto-product ul.maker-list li a {
white-space: nowrap;
}
#contents-right div.howto-product ul.maker-list li a.this {
font-weight: bold;
text-decoration: none;
}
#contents-right div.howto-product ul.maker-list li a.:hover {
text-decoration: none;
}
#contents-right div.howto-product h2.name {
position: relative;
clear: both;
zoom: 1;
}
#contents-right div.howto-product h2.name:after {
content: ".";
clear: both;
display: block;
height: 1px;
visibility: hidden;
}
#contents-right div.howto-product h2.name span {
position: absolute;
display: block;
left: 25px;
bottom: 7px;
}
#contents-right div.howto-product h2.name img {
vertical-align: bottom;
float: right;
}
#contents-right div.howto-product h3 {
color: #2a81f8;
font-size: 107%;
font-weight: bold;
}
#contents-right div.howto-product #video-service {
}
#contents-right div.howto-product #video-service li,
#contents-right div.howto-product #basic-service li {
width: 638px;
margin: 0 0 1em 0;
padding: 4px 12px;
border: solid 1px #000;
}
#contents-right div.howto-product #basic-service li:last-child {
margin: 0;
}
#contents-right div.howto-product img{
    width: auto !important;
    height: auto !important;
    margin-left: 0px;}
#contents-right div.howto-product #video-service li.list01 {
background-color: #cdecff;
border-color:#71add1;
color:#080808;
width:807px;
}
#contents-right div.howto-product #video-service li.list02 {
background-color: #fffaad;
border-color: #e2da62;
color:#080808;
width:807px;
}
#contents-right div.howto-product #video-service li.list03 {
background-color: #ffd7ac;
border-color: #e47f13;
color:#080808;
width:807px;
}
#contents-right div.howto-product #video-service li.list04 {
background-color: #e1ffcb;
border-color: #b7d200;
color:#080808;
width:807px;
}
#contents-right div.howto-product #basic-service li.list01 {
background-color: #eee;
border-color: #ccc;
color:#080808;
width:807px;
}
#contents-right div.howto-product #video-service li dl,
#contents-right div.howto-product #video-service li dt,
#contents-right div.howto-product #video-service li dd,
#contents-right div.howto-product #basic-service li dl,
#contents-right div.howto-product #basic-service li dt,
#contents-right div.howto-product #basic-service li dd {
width: auto;
margin: 0;
padding: 0;
}
#contents-right div.howto-product table.product {
width: 100%;
margin: 0 0 1.5em 0;
border-collapse: collapse;
}
#contents-right div.howto-product table.product th {
width: 85px;
padding: 3px 5px;
font-size: 93%;
text-align: left;
vertical-align: middle;
line-height: 1.2;
background-color: #eee;
border: solid 1px #a9a9a9;
}
#contents-right div.howto-product table.product tr.header th {
width: auto;
text-align: center;
vertical-align: middle;
background-color: #fffef3;
}
#contents-right div.howto-product table.product th.model {
width: 85px !important;
white-space: normal !important;
}
#contents-right div.howto-product table.product tr.header th.basic,
#contents-right div.howto-product table.product tr.header th.video,
#contents-right div.howto-product table.product tr.header th.full {
width: 55px;
}
#contents-right div.howto-product table.product tr.header th.rental,
#contents-right div.howto-product table.product tr.header th.sell {
width: 80px;
}
#contents-right div.howto-product table.product td {
padding: 3px 5px;
font-size: 93%;
text-align: center;
vertical-align: middle;
line-height: 1.2;
background-color: #eee;
border: solid 1px #a9a9a9;
}
#contents-right div.howto-product table.product td.nb {
font-size: 91%;
text-align: left;
}
#contents-right div.howto-product p.t-navi {
font-size: 85%;
text-align: right;
}
#contents-right div.howto-product p.t-navi img {
vertical-align: middle;
}
#contents-right div.howto-product p.link {
margin: 1em 0;
padding: 0;
}
#contents-right div.howto-product p.link img {
margin: 0 5px;
vertical-align: middle;
}
#contents-right div.howto-product div.hr {
width: 100%;
height: 1px;
margin: 1em 0;
padding: 0;
background-color: #ccc;
overflow: hidden;
}
#contents-right div.howto-product div.hr hr {
visibility: hidden;
}
/* shop */
#contents-right h1.howto-shop span {
background: url(../image/static/h1_shop.png) no-repeat left top;
}
#contents-right div.howto-shop p.link {
padding: 0.5em 0 0.5em 15px;
background: url(../img/common/icn_bl01_r.gif) no-repeat left center;
}
#contents-right div.howto-shop ul.region-list {
width: 660px;
margin: 0 auto;
text-align: center;
zoom: 1;
}
#contents-right div.howto-shop ul.region-list:after {
content: ".";
clear: both;
display: block;
height: 1px;
visibility: hidden;
}
#contents-right div.howto-shop ul.region-list li {
display: inline;
padding: 0 10px;
background: url(../image/static/bg_maker_list.gif) no-repeat right center;
}
#contents-right div.howto-shop ul.region-list li.last {
background-image: none;
}
#contents-right div.howto-shop h3 {
margin: 2em 0 0 0;
color: #2a81f8;
font-size: 120%;
font-weight: bold;
}
#contents-right div.howto-shop table.shop-list {
width: 100%;
border-collapse: collapse;
}
#contents-right div.howto-shop table.shop-list th {
padding: 5px;
font-size: 93%;
vertical-align: top;
border: solid 1px #9c9c9c;
}
#contents-right div.howto-shop table.shop-list tr.header th {
color:#e6e6e6;
font-weight: bold;
text-align: center;
line-height: 1.2;
vertical-align: middle;
background-color: #2a81f8;
}
#contents-right div.howto-shop table.shop-list tr.pref th {
color: #333;
font-weight: normal;
text-align: left;
vertical-align: middle;
background-color: #DBE974;
}
#contents-right div.howto-shop table.shop-list th.name {
width: 210px;
}
#contents-right div.howto-shop table.shop-list th.tel {
width: 85px;
}
#contents-right div.howto-shop table.shop-list th.detail {
width: 34px;
}
#contents-right div.howto-shop table.shop-list td {
padding: 5px;
font-size: 93%;
vertical-align: top;
line-height: 1.2;
border: solid 1px #9c9c9c;
}
#contents-right div.howto-shop table.shop-list td.tel {
letter-spacing: 0px;
white-space: nowrap;
}
#contents-right div.howto-shop table.shop-list tr.odd th,
#contents-right div.howto-shop table.shop-list tr.odd td {
background-color: #f3f3f3;
}
#contents-right div.howto-shop table.shop-list td.detail {
text-align: center;
vertical-align: middle;
line-height: normal;
}
#contents-right div.howto-shop table.shop-list td.detail a {
position: relative;
display: block;
width: 34px;
height: 15px;
vertical-align: top;
overflow: hidden;
}
#contents-right div.howto-shop table.shop-list td.detail a span {
position: absolute;
display: block;
width: 34px;
height: 15px;
background: url(../image/static/icn_detail.gif) no-repeat 0px 0px;
top: 0px;
left: 0px;
}
#contents-right div.howto-shop table.shop-list td.detail a:hover span {
background-position: 0px -15px;
}
#contents-right div.howto-shop p.totop {
width: auto;
margin: 0 0 2em 0;
text-align: right;
}
#contents-right div.howto-shop p.totop a {
padding: 0 0 0 15px;
background: url(../img/common/icn_bl01_t.gif) no-repeat left center;
}
/* shop-entry */
#contents-right h1.howto-shop-entry span {
background: url(../image/static/h1_shop-entry.png) no-repeat left top;
}
#contents-right div.howto-shop-entry {
}
#contents-right div.howto-shop-entry p.attention {
line-height: normal;
}
#contents-right div.howto-shop-entry p.attention img {
vertical-align: bottom;
}
#contents-right div.howto-shop-entry p.link {
padding: 0.5em 0 0.5em 414px;
}
#contents-right div.howto-shop-entry p.link a {
display: block;
width: 250px;
height: 40px;
text-indent: -9999em;
background: url(../image/static/shop-entry_btn_shop.gif) no-repeat 0px 0px;
overflow: hidden;
}
#contents-right div.howto-shop-entry p.link a:hover {
background-position: 0 -40px;
}
#contents-right div.howto-shop-entry ul.step {
}
#contents-right div.howto-shop-entry ul.step li {
min-height: 20px;
_height: 20px;    /* Hack for IE6 */
margin: 0 0 0.75em 0;
padding: 0 0 0 25px;
}
#contents-right div.howto-shop-entry ul.step li.num01 {
background: url(../image/static/icn_num01.gif) no-repeat 0px 0px;
}
#contents-right div.howto-shop-entry ul.step li.num02 {
background: url(../image/static/icn_num02.gif) no-repeat 0px 0px;
}
#contents-right div.howto-shop-entry ul.step li.num03 {
background: url(../image/static/icn_num03.gif) no-repeat 0px 0px;
}
#contents-right div.howto-shop-entry ul.step li.num04 {
background: url(../image/static/icn_num04.gif) no-repeat 0px 0px;
}
#contents-right div.howto-shop-entry ul.step li.num05 {
background: url(../image/static/icn_num05.gif) no-repeat 0px 0px;
}
#contents-right div.howto-shop-entry ul.step li.num06 {
background: url(../image/static/icn_num06.gif) no-repeat 0px 0px;
}
#contents-right div.howto-shop-entry ul.nb {
margin: 1em 0 0 0;
}
#contents-right div.howto-shop-entry ul.nb li {
padding: 0 0 0 1em;
font-size: 93%;
text-indent: -1em;
}
#contents-right div.howto-shop-entry p.pdf {
width: 254px;
margin: 0 auto;
}
#contents-right div.howto-shop-entry p.pdf a {
display: block;
width: 254px;
height: 34px;
text-indent: -9999em;
background: url(../image/static/shop-entry_btn_pop.gif) no-repeat 0px 0px;
overflow: hidden;
}
#contents-right div.howto-shop-entry p.pdf a:hover {
background-position: 0 -34px;
}
#contents-right div.howto-shop-entry p.form1 {
width: 254px;
margin: 0 auto;
}
#contents-right div.howto-shop-entry p.form1 a {
display: block;
width: 254px;
height: 34px;
text-indent: -9999em;
background: url(../image/static/shop-entry_btn_form1.gif) no-repeat 0px 0px;
overflow: hidden;
}
#contents-right div.howto-shop-entry p.form1 a:hover {
background-position: 0 -34px;
}
#contents-right div.howto-shop-entry p.mail {
width: 160px;
margin: 1em auto;
}
#contents-right div.howto-shop-entry p.mail a {
display: block;
font-weight: bold;
overflow: hidden;
}
#contents-right div.howto-shop-entry p.mail a:hover {
background-position: 0 -16px;
}
#contents-right div.howto-shop-entry ul.decimal {
}
#contents-right div.howto-shop-entry ul.decimal li {
margin: 0 0 0 1.5em;
list-style: decimal;
}
/* speedtest */
#contents-all h1.howto-speedtest span {
background: url(../image/static/h1_speedtest.png) no-repeat left top;
}
#contents-all div.howto-speedtest span.speed {
color: #FB7904;
font-size: 136%;
font-weight: bold;
}
#contents-all div.howto-speedtest span.notice {
color: #FB7904;
}
#contents-all div.howto-speedtest dl.notice dd {
margin: 0 0 1em 0;
}
#contents-all div.howto-speedtest #test-frame {
width: auto;
height: 150px;
margin: 1.5em auto;
padding: 0;
text-align: center;
background-color: #fff;
line-height: normal;
}
#contents-all div.howto-speedtest #test-frame a {
color:#e6e6e6;
}
#contents-all div.howto-speedtest #test-frame iframe {
width: 430px;
height: 150px;
border-style: none;
overflow: hidden;
}
#contents-all div.howto-speedtest p.btn-start {
width: 250px;
height: 40px;
margin: 0 auto;
}
#contents-all div.howto-speedtest p.btn-start a {
display: block;
width: 250px;
height: 40px;
text-indent: -9999em;
line-height: normal;
background: url(../image/static/speedtest_btn_start.gif) no-repeat center top;
overflow: hidden;
}
#contents-all div.howto-speedtest p.btn-start a:hover {
background-position: center bottom;
}
#contents-all div.howto-speedtest p.btn-restart {
width: 250px;
height: 40px;
margin: 0 auto;
}
#contents-all div.howto-speedtest p.btn-restart a {
display: block;
width: 250px;
height: 40px;
text-indent: -9999em;
line-height: normal;
background: url(../image/static/speedtest_btn_restart.gif) no-repeat center top;
overflow: hidden;
}
#contents-all div.howto-speedtest p.btn-restart a:hover {
background-position: center bottom;
}
#contents-all div.howto-speedtest #result {
height: 110px;
text-align: center;
font-size: 246%;
font-weight: bold;
line-height: 110px;
font-family: Verdana, sans-serif;
}
#contents-all div.howto-speedtest p.btn-close {
width: 100px;
height: 16px;
margin: 0 auto 1em auto;
}
#contents-all div.howto-speedtest p.btn-close a {
display: block;
width: 100px;
height: 16px;
text-indent: -9999em;
line-height: normal;
background: url(../image/static/speedtest_btn_close.gif) no-repeat center top;
overflow: hidden;
}
#contents-all div.howto-speedtest p.btn-close a:hover {
background-position: center bottom;
}
#contents-all div.howto-speedtest p.to-home {
width: 250px;
height: 28px;
margin: 0 auto;
}
#contents-all div.howto-speedtest p.to-home a {
display: block;
width: 250px;
height: 38px;
text-indent: -9999em;
background: url(../image/static/btn_to_home.gif) no-repeat 0px 0px;
overflow: hidden;
}
#contents-all div.howto-speedtest p.to-home a:hover {
background-position: 0px -38px;
}
/*------------------------------
 =guide
------------------------------*/
/* common */
#contents-left #subnavi dt.guide {
background: url(../img/guide/subnavi_hdr.png) no-repeat 0px 0px;
}
#contents-left #subnavi dd.guide ul li.index a {
background-image: url(../img/guide/subnavi_icn_index.gif);
}
#contents-left #subnavi dd.guide ul li.link a {
background-image: url(../img/guide/subnavi_icn_link.gif);
}
#contents-left #subnavi dd.guide ul li.settlement a {
background-image: url(../img/guide/subnavi_icn_settlement.gif);
}
#contents-left #subnavi dd.guide ul li.product a {
background-image: url(../img/guide/subnavi_icn_product.gif);
}
#contents-left #subnavi dd.guide ul li.speedtest a {
background-image: url(../image/static/subnavi_icn_speedtest.gif);
}
#contents-left #subnavi dd.guide ul li.smapho_tablet a { /*スマホ・タブレット対応端末*/
background-image: url(../img/guide/subnavi_icn_smp_tablet.gif);
}
/* index */
#contents-right h1.guide-index span {
background: url(../img/guide/h1_index.png) no-repeat left top;
}
#contents-right h1.smp_tablet span { /*タイトル　スマホ・タブレット対応端末*/
background: url(../img/guide/h1_smp_tablet.png) no-repeat left top;
}
/* 20101130ichiki */
#contents-all h1.camp-index span {
background: url(../img/guide/main_title.png) no-repeat left top;
}
/* //20101130ichiki */
#contents-right div.guide-index a {
color: #2a81f8;
}
#contents-right div.guide-index p.lead {
width: 661px;
height: 60px;
margin: 0 auto 12px auto;
padding: 0;
text-indent: -9999em;
background: url(../img/guide/index_img01.gif) no-repeat 0px 0px;
overflow: hidden;
}
#contents-right div.guide-index div.step {
position: relative;
width: 663px;
/* height: 451px; */
margin: 0 auto;
line-height: normal;
overflow: hidden;
}
#contents-right div.guide-index div.step img {
vertical-align: bottom;
}
#contents-right div.guide-index div.step #stest {
display: block;
width: 126px;
height: 29px;
overflow: hidden;
}
#contents-right div.guide-index div.step #stest a {
display: block;
width: 126px;
height: 29px;
text-indent: -9999em;
background: url(../img/guide/btn_speed_s.gif) no-repeat 0px 0px;
overflow: hidden;
}
#contents-right div.guide-index div.step #stest a:hover {
background: url(../img/guide/btn_speed_s.gif) no-repeat 0px -29px;
}
* html #contents-right div.guide-index div.step #stest a.hover {  /* Hack for IE6 */
/*background: url(../img/guide/btn_speed_s.gif) no-repeat 0px -29px;*/
}
#contents-right div.guide-index div.entry {
width: 663px;
height: 81px;
margin: 0 auto;
padding: 0;
text-indent: -9999em;
background: url(../img/guide/index_img05.gif) no-repeat 0px 0px;
overflow: hidden;
}
#contents-right div.guide-index div.entry p {
margin: 0 !important;
}
#contents-right div.guide-index div.useful {
width: 661px;
/* height: 672px; */
margin: 0 auto;
padding: 0;
line-height: normal;
overflow: hidden;
}
#contents-right div.guide-index div.useful img {
vertical-align: bottom;
}
/* settlement */
#contents-right h1.guide-settlement span {
background: url(../img/guide/h1_settlement.png) no-repeat left top;
}
/* link */
#contents-right h1.guide-link span {
background: url(../img/guide/h1_link.png) no-repeat left top;
}
#contents-right div.guide-link p.no-margin {
margin: 0 !important;
}
#contents-right div.guide-link h3 {
margin: 1.5em 0 0 0;
padding: 0 0 0 16px;
color: #2a81f8;
font-weight: bold;
background: url(../image/static/square.png) no-repeat left center;
}
#contents-right div.guide-link h4 {
margin: 1.5em 0 0 0;
padding: 0 2px 1px 12px;
color: #2a81f8;
font-weight: bold;
line-height: normal;
background: url(../img/guide/bg_h4.gif) no-repeat left bottom;
}
#contents-right div.guide-link img.align-center {
margin: 0.5em 0;
line-height: normal;
vertical-align: bottom;
}
#contents-right div.guide-link ul.nb {
font-size: 85%;
}
#contents-right div.guide-link div.cell-wrapper {
clear: both;
margin: 0 0 1em 0;
padding: 0 0 1em 0;
background: url(../img/common/line_dash_gr.gif) repeat-x left bottom;
}
#contents-right div.guide-link div.last {
margin: 0;
padding: 0;
background-image: none;
}
#contents-right div.guide-link div.cell-wrapper div.img-cell {
width: 121px;
padding: 0 10px;
line-height: normal;
vertical-align: middle;
}
#contents-right div.guide-link div.cell-wrapper div.img-cell img {
vertical-align: top;
}
#contents-right div.guide-link div.cell-wrapper div.text-cell {
width: 489px;
padding: 0 17px;
vertical-align: middle;
line-height: 1.2;
}
#contents-right div.guide-link div.cell-wrapper div.text-cell dl dt {
margin: 0 0 3px 0;
color: #2a81f8;
font-weight: bold;
}
#bnr_actvilaguide {
    margin:0 auto 25px auto; padding:0;
    text-align:center;
} #bnr_actvilaguide a {
    display:block;
    width:520px; height:60px;
    margin:0 auto; padding:0;
    border:1px solid #37a5ec;
    text-align:center;
} #bnr_actvilaguide a:hover {
    border:1px solid #0e53a1;
}
/*------------------------------
 =video
------------------------------*/
/* common */
#contents-all h1.video-index span,
#contents-all h1.video-lineup span,
#contents-all h1.video-list span,
#contents-all h1.video-title span,
#contents-all h1.video-error span {
background: url(../img/video/h1_index.png) no-repeat left top;
}
#contents-all #contents-search {
clear: both;
display: block;
width: 920px;
margin: 0 auto 10px auto;
line-height: normal;
background-color: #b8d200;
}
#contents-all #contents-search form {
width: 100%;
padding: 0 0 10px 0;
background: url(../img/video/search_ftr.gif) no-repeat center bottom;
zoom: 1;
}
#contents-all #contents-search form:after {
content: ".";
clear: both;
display: block;
height: 1px;
visibility: hidden;
}
#contents-all #contents-search p.header {
height: 30px;
margin: 0;
padding: 0;
}
#contents-all #contents-search p.header img {
vertical-align: bottom;
}
#contents-all #contents-search form dl {
height: 44px;
}
#contents-all #contents-search form dl dt {
height: 20px;
}
#contents-all #contents-search form dl dt img {
vertical-align: bottom;
}
#contents-all #contents-search form dl dd {
height: 24px;
}
#contents-all #contents-search form dl.genre-p {
display: inline;
float: left;
width: 230px;
margin: 0 20px 0 0;
padding: 0 0 0 12px;
}
#contents-all #contents-search form dl.genre-p dd select {
width: 230px;
font-size: 100%;
}
#contents-all #contents-search form dl.genre-c {
display: inline;
float: left;
width: 230px;
margin: 0 20px 0 0;
}
#contents-all #contents-search form dl.genre-c dd select {
width: 230px;
font-size: 100%;
}
#contents-all #contents-search form dl.keyword {
display: inline;
float: left;
width: 396px;
margin: 0;
padding: 0;
}
#contents-all #contents-search form dl.keyword input.input {
width: 310px;
margin: 0;
height: 1.2em;
padding: 2px 1px;
font-size: 100%;
vertical-align: top;
line-height: 1.2;
border-style: none;
border-width: 0px;
overflow: hidden;
}
#contents-all #contents-search form dl.keyword input.btn {
width: 68px;
height: 20px;
margin: 0 0 0 8px;
padding: 0;
font-size: 100%;
vertical-align: top;
text-align: left;
text-indent: -9999em;
line-height: normal;
background: #ff8100 url(../img/common/header_search_btn.gif) no-repeat 0px 0px;
border-width: 0px;
border-style: none;
overflow: hidden;
}
#contents-all #contents-search form dl.keyword input.btn:hover,
#contents-all #contents-search form dl.keyword input.btn-hover {
background-position: 0px -20px;
}
div.video #pagebody p.totop {
width: 165px;
height: 22px;
margin: 0;
line-height: 22px;
}
div.video #pagebody p.totop a {
display: block;
width: 165px;
height: 22px;
text-indent: -9999em;
background: url(../img/video/btn_previous.gif) no-repeat 0px 0px;
overflow: hidden;
}
div.video #pagebody p.totop a:hover {
background-position: 0px -22px;
}
div.video #pagebody p.previous {
width: 120px;
height: 22px;
margin: 0;
padding: 0;
}
div.video #pagebody p.previous a {
display: block;
width: 120px;
height: 22px;
text-indent: -9999em;
background: url(../img/video/btn_previous.gif) no-repeat 0px 0px;
overflow: hidden;
}
div.video #pagebody p.previous a:hover {
background-position: 0px -22px;
}
/* lineup */
#contents-all div.video-lineup #lineup {
clear: both;
width: 920px;
margin: 0 auto;
}
#contents-all div.video-lineup #lineup h2 {
width: auto;
background-image: url(../img/common/bg_h2_dbl.gif);
}
#contents-all div.video-lineup #lineup #lineup-list {
width: 900px;
margin: 1em 0 0 15px;
}
#contents-all div.video-lineup #lineup #lineup-list div.lineup-wrapper {
clear: both;
width: 900px;
zoom: 1;
}
#contents-all div.video-lineup #lineup #lineup-list div.lineup-wrapper:after {
content: ".";
clear: both;
display: block;
height: 1px;
visibility: hidden;
}
* html #contents-all div.video-lineup #lineup #lineup-list div.lineup-wrapper {  /* Hack for IE6 */
margin: 0 0 10px 0 !important;
}
*:first-child+html #contents-all div.video-lineup #lineup #lineup-list div.lineup-wrapper {  /* Hack for IE7 */
margin: 0 0 10px 0 !important;
}
#contents-all div.video-lineup #lineup #lineup-list div.lineup-wrapper dl.lineup {
display: inline;
float: left;
width: 170px;
margin: 0 10px 10px 0;
}
#contents-all div.video-lineup #lineup #lineup-list div.lineup-wrapper dl.lineup dt {
width: 160px;
height: 30px;
padding: 0 5px;
font-size: 107%;
font-weight: bold;
line-height: 30px;
background: url(../img/video/lineup_hdr_g.gif) no-repeat left top;
}
#contents-all div.video-lineup #lineup #lineup-list div.lineup-wrapper dl.lineup dt.even {
background: url(../img/video/lineup_hdr_b.gif) no-repeat left top;
}
#contents-all div.video-lineup #lineup #lineup-list div.lineup-wrapper dl.lineup dt a {
color: #333;
}
#contents-all div.video-lineup #lineup #lineup-list div.lineup-wrapper dl.lineup dd {
width: 160px;
padding: 0 5px;
font-size: 93%;
}
#contents-all div.video-lineup #lineup #lineup-list div.lineup-wrapper dl.lineup dd ul {
}
#contents-all div.video-lineup #lineup #lineup-list div.lineup-wrapper dl.lineup dd ul li {
margin: 0 0 0 1.5em;
list-style: disc;
}
/* title */
div.video #pagebody h2.title {
width: 900px;
min-height: 20px;
_height: 20px;    /* Hack for IE6 */
margin: 20px auto 0 auto;
padding: 9px 10px 10px 10px;
color: #333;
font-weight: 136%;
font-weight: bold;
line-height: 1.1;
background: #86BFE2 url(../img/video/title_hdr.gif) no-repeat center top;
}
div.video #pagebody div#title-bdy {
width: 880px;
margin: 0 auto;
padding: 18px 20px;
background-color: #e9e9e9;
}
div.video #pagebody #title-bdy #title-summary {
width: 880px;
zoom: 1;
}
div.video #pagebody #title-bdy #title-summary:after {
content: ".";
clear: both;
display: block;
height: 1px;
visibility: hidden;
}
div.video #pagebody #title-bdy #title-summary div.left {
display: table-cell;
width: 194px;
margin: 0;
padding: 0;
text-align: center;
vertical-align: top;
line-height: normal;
}
div.video #pagebody #title-bdy #title-summary div.left img {
max-width: 180px;
border: solid 5px #e6e6e6;
border-right: solid 7px #e6e6e6;
border-left: solid 7px #e6e6e6;
vertical-align: top;
}
div.video #pagebody #title-bdy #title-summary div.right {
display: table-cell;
width: 671px;
padding: 0 0 0 15px;
}
div.video #pagebody #title-bdy #title-summary div.right p {
padding: 0;
}
* html div.video #pagebody #title-bdy #title-summary div.left,
* html div.video #pagebody #title-bdy #title-summary div.right {  /* Hack for IE6 */
display: inline;
zoom: 1;
}
*:first-child+html div.video #pagebody #title-bdy #title-summary div.left,
*:first-child+html div.video #pagebody #title-bdy #title-summary div.right {  /* Hack for IE7 */
display: inline;
zoom: 1;
}
div.video #pagebody #title-bdy #title-data {
margin: 2.5em 0 0 0;
zoom: 1;
}
div.video #pagebody #title-bdy #title-data:after {
content: ".";
clear: both;
display: block;
height: 1px;
visibility: hidden;
}
div.video #pagebody #title-bdy #title-data div.left {
display: table-cell;
width: 194px;
margin: 0;
padding: 0 0 0.3em 0;
text-align: left;
vertical-align: bottom;
}
div.video #pagebody #title-bdy #title-data div.left img {
text-align: left;
vertical-align: bottom;
}
div.video #pagebody #title-bdy #title-data div.right {
display: table-cell;
width: 671px;
padding: 0 0 0 15px;
font-size: 93%;
}
div.video #pagebody #title-bdy #title-data div.right p {
padding: 0;
}
* html div.video #pagebody #title-bdy #title-data div.left,
* html div.video #pagebody #title-bdy #title-data div.right {  /* Hack for IE6 */
display: inline;
zoom: 1;
}
*:first-child+html div.video #pagebody #title-bdy #title-data div.left,
*:first-child+html div.video #pagebody #title-bdy #title-data div.right {  /* Hack for IE7 */
display: inline;
zoom: 1;
}
div.video #pagebody #title-ftr {
width: 896px;
margin: 0 auto 5px auto;
padding: 10px 12px;
background: #dbe974 url(../img/video/title_ftr.gif) no-repeat center bottom;
overflow: hidden;
}
div.video #pagebody #title-ftr table {
border-collapse: collapse;
}
div.video #pagebody #title-ftr table td {
padding: 2px 0.5em 2px 0;
text-align: left;
vertical-align: middle;
line-height: normal;
white-space: nowrap;
}
div.video #pagebody p.notice {
width: auto;
font-size: 93%;
font-weight: bold;
}
div.video div.video-title div.wrapper {
clear: both;
width: 924px;
height: 36px;
margin: 1.5em 0 0 0;
zoom: 1;
}
div.video div.video-title div.wrapper:after {
content: ".";
clear: both;
display: block;
height: 0px;
visibility: hidden;
}
div.video #pagebody div.wrapper p.previous {
display: inline;
float: left;
padding: 14px 0 0 0;
}
div.video div.video-title #btn-connect {
display: inline;
float: left;
width: 287px;
height: 36px;
margin: 0 0 0 199px;
}
div.video div.video-title #btn-connect a {
display: block;
width: 287px;
height: 36px;
text-indent: -9999em;
background: url(../img/video/btn_connect.gif) no-repeat 0px 0px;
overflow: hidden;
}
div.video div.video-title #btn-connect a:hover {
background-position: 0px -36px;
}
/* video-list */
#contents-all div.video-list {
width: 937px !important;
padding: 10px 0 15px 17px !important;
}
#contents-all div.video-list #contents-search {
margin: 0 0 10px 0;
}
div.video div.video-list #sort {
width: 900px;
padding: 0 10px;
font-size: 93%;
text-align: right;
}
div.video div.video-list #sort span {
color: #2a81f8;
font-weight: bold;
}
div.video #pagebody #paging-bottom {
margin: 0 0 1.5em 0;
padding: 0;
}
div.video div.video-list #title-list {
width: 930px !important;
margin: 0 !important;
padding: 0;
zoom: 1;
}
* html div.video div.video-list #title-list {  /* Hack for IE6 */
margin: 0 0 10px 0 !important;
}
*:first-child+html div.video div.video-list #title-list {  /* Hack for IE7 */
margin: 0 0 10px 0 !important;
}
div.video div.video-list #title-list:after {
content: ".";
clear: both;
display: block;
height: 1px;
visibility: hidden;
}
div.video div.video-list #title-list div.title-wrapper {
display: inline;
float: left;
min-width: 455px;
max-width: 930px;
margin: 0 0 10px 0;
padding: 0 0 12px 0;
background: url(../img/video/titlelist_g_g.gif) no-repeat left bottom;
overflow: visible;
zoom: 1;
}
div.video div.video-list #title-list div.even {
background: url(../img/video/titlelist_b_g.gif) no-repeat left bottom;
}
div.video div.video-list #title-list div.odd {
background: url(../img/video/titlelist_g_b.gif) no-repeat left bottom;
}
div.video div.video-list #title-list div.title-wrapper:after {
content: ".";
clear: both;
display: block;
height: 1px;
visibility: hidden;
}
div.video div.video-list #title-list div.title {
position: relative;
display: inline;
float: left;
width: 415px;
margin: 0 10px 0  0;
padding: 12px 20px 0 20px;
color: #333;
font-weight: bold;
background: url(../img/video/titlelist_g_g.gif) no-repeat left top;
}
div.video div.video-list #title-list div.even div.even {
background: url(../img/video/titlelist_b_g.gif) no-repeat left top;
}
div.video div.video-list #title-list div.even div.odd {
background: url(../img/video/titlelist_b_g.gif) no-repeat right top;
}
div.video div.video-list #title-list div.odd div.even {
background: url(../img/video/titlelist_b_g.gif) no-repeat right top;
}
div.video div.video-list #title-list div.odd div.odd {
background: url(../img/video/titlelist_b_g.gif) no-repeat left top;
}
div.video div.video-list #title-list div.title h2 {
width: auto;
margin: 0 0 3px 116px;
padding: 0;
background-image: none;
}
div.video div.video-list #title-list div.title h2 img {
margin: 0 5px 0 0;
vertical-align: middle;
}
div.video div.video-list #title-list div.title h2 a {
color: #333;
text-decoration: underline;
}
div.video div.video-list #title-list div.title h2 a:hover {
text-decoration: none;
}
div.video div.video-list #title-list div.title p {
margin: 0;
padding: 0;
}
div.video div.video-list #title-list div.title p.data {
width: auto;
margin: 0 0 0 116px;
}
div.video div.video-list #title-list div.title p.img {
position: absolute;
width: 90px;
padding: 3px;
background-color: #eee;
top: 12px;
left: 20px;
}
div.video div.video-list #title-list div.title p.img img {
display: block;
}
/* error */
div.video #pagebody #error {
padding: 50px;
margin: 24px 0 80px 0;
background-color: #e9e9e9;
}
div.video #pagebody #error p.header {
margin: 2.5em 0 0 0;
}
div.video #pagebody #error p.link {
margin: 2em 0 0 0;
padding: 0 0 0 18px;
background: url(../img/common/icn_bl03_r.gif) no-repeat left center;
}
div.video #pagebody #error ul li {
margin: 0 0 0 1.5em;
list-style: disc;
}
/*------------------------------
 =basic
------------------------------*/
/* common */
#contents-left #subnavi dt.basic {
background: url(../img/basic/subnavi_hdr.png) no-repeat 0px 0px;
}
#contents-right h1.basic-index span {
background: url(../img/basic/h1_index.png) no-repeat left bottom;
}
/* index */
#contents-right div.basic-index #service-list div.service-wrapper {
clear: both;
width: 664px;
zoom: 1;
}
#contents-right div.basic-index #service-list div.service-wrapper:after {
content: ".";
clear: both;
display: block;
height: 1px;
visibility: hidden;
}
* html #contents-right div.basic-index #service-list div.service-wrapper {  /* Hack for IE6 */
margin: 0 0 10px 0 !important;
}
*:first-child+html #contents-right div.basic-index #service-list div.service-wrapper {  /* Hack for IE7 */
margin: 0 0 10px 0 !important;
}
#contents-right div.basic-index #service-list div.service-wrapper dl.service {
display: inline;
float: left;
width: 210px;
margin: 0 17px 17px 0;
}
#contents-right div.basic-index #service-list div.service-wrapper dl.last {
margin: 0 0 10px 0;
}
#contents-right div.basic-index #service-list div.service-wrapper dl.service dt {
width: 200px;
height: 30px;
padding: 0 5px;
font-size: 107%;
font-weight: bold;
line-height: 30px;
background: url(../img/basic/service_hdr_g.gif) no-repeat left top;
}
#contents-right div.basic-index #service-list div.service-wrapper dl.service dt a {
color: #333;
}
#contents-right div.basic-index #service-list div.service-wrapper dl.service dt.even {
background: url(../img/basic/service_hdr_b.gif) no-repeat left top;
}
#contents-right div.basic-index #service-list div.service-wrapper dl.service dd {
width: 200px;
padding: 0 5px;
font-size: 93%;
}
#contents-right div.basic-index #service-list div.service-wrapper dl.service dd ul {
}
#contents-right div.basic-index #service-list div.service-wrapper dl.service dd ul li {
margin: 0 0 0 1.5em;
list-style: disc;
}
#contents-right div.basic-index ul.nb {
clear: both;
margin: 2em 0 0 0;
font-size: 93%;
}
#contents-right div.basic-index ul.nb li {
padding: 0 0 0 1em;
text-indent: -1em;
}
/* category */
#contents-right h1.basic-category span {
background: url(../img/basic/h1_index.png) no-repeat left bottom;
}
#contents-right div.basic-category div.site {
width: 664px;
margin: 0 auto 20px auto;
padding: 0;
background-color: #eee;
}
#contents-right div.basic-category div.site h3 {
width: 624px;
padding: 11px 20px 8px 20px;
font-size: 114%;
font-weight: bold;
line-height: 1.2;
background: #86BFE2 url(../img/basic/bg_h3.gif) no-repeat left top;
}
#contents-right div.basic-category div.site h3 span.corp {
padding: 0 0 0 15px;
font-size: 88%;
}
#contents-right div.basic-category div.site div.wrapper {
clear: both;
width: 624px;
min-height: 150px;
_height: 150px;    /* Hack for IE6 */
padding: 12px 20px;
zoom: 1;
}
#contents-right div.basic-category div.site div.wrapper:after {
content: ".";
clear: both;
display: block;
height: 0px;
visibility: hidden;
}
#contents-right div.basic-category div.site div.wrapper div.img {
display: table-cell;
width: 209px;
margin: 0;
padding: 15px 0 37px 0;
text-align: center;
line-height: normal;
background: url(../img/basic/bg_thumbnail.gif) no-repeat left top;
}
#contents-right div.basic-category div.site div.wrapper div.img img {
width: 175px;
border: solid 2px #646464;
border-right-width: 3px;
border-left-width: 3px;
}
* html #contents-right div.basic-category div.site div.wrapper div.img,
* html #contents-right div.basic-category div.site div.wrapper div.text, {  /* Hack for IE6 */
display: inline;
zoom: 1;
}
*:first-child+html #contents-right div.basic-category div.site div.wrapper div.img,
*:first-child+html #contents-right div.basic-category div.site div.wrapper div.text {  /* Hack for IE7 */
display: inline;
zoom: 1;
}
#contents-right div.basic-category div.site div.wrapper div.text {
display: table-cell;
width: 400px;
margin: 0;
padding: 0 0 0 15px;
vertical-align: top;
}
#contents-right div.basic-category div.site p {
margin: 0 0 1em 0;
padding: 0;
font-size: 93%;
}
#contents-right div.basic-category div.site table {
border-collapse: collapse;
}
#contents-right div.basic-category div.site table td {
vertical-align: top;
}
#contents-right div.basic-category div.ptn02 div.wrapper table {
width: 400px;
margin: 1.25em 0 0 0;
}
#contents-right div.basic-category div.ptn02 div.wrapper table td {
width: 179px;
padding: 0 21px 10px 0;
}
#contents-right div.basic-category div.ptn02 div.wrapper table tr.last td {
padding: 0;
}
#contents-right div.basic-category div.ptn02 div.wrapper table td img {
border: solid 2px #646464;
}
#contents-right div.basic-category div.ptn03 {
padding: 0 0 12px 0;
}
#contents-right div.basic-category div.ptn03 table {
width: 624px;
margin: 0 auto;
}
#contents-right div.basic-category div.ptn03 table td.img {
width: 179px;
padding: 0 0 10px 17px;
text-align: right;
}
#contents-right div.basic-category div.ptn03 table td.img img {
border: solid 2px #646464;
}
#contents-right div.basic-category div.ptn03 table td.text {
padding: 0 0 10px 15px;
}
#contents-right div.basic-category div.ptn03 table tr.last td.img,
#contents-right div.basic-category div.ptn03 table tr.last td.text {
padding-bottom: 0;
}
#contents-right div.basic-category div.site table td p.header {
margin: 0 0 3px 0;
color: #00639e;
font-weight: bold;
line-height: 1.1;
vertical-align: top;
}
#contents-right div.basic-category div.ptn02 div.wrapper table td p.header {
padding: 0;
}
#contents-right div.basic-category div.ptn03 table td p.header {
padding: 0 0 0 17px;
}
#contents-right div.basic-category p.nb {
font-size: 85%;
}
/*------------------------------
 =support
------------------------------*/
/* common */
#contents-left #subnavi dt.support {
background: url(../img/support/subnavi_hdr.png) no-repeat 0px 0px;
}
/* index */
#contents-right h1.support-index span,
#contents-right h1.support-category span {
background: url(../img/support/h1_index.png) no-repeat left top;
}
#contents-right div.support-index p.lead {
width: auto;
margin: 0 0 1em 0;
padding: 0;
}
#contents-right div.support-index #category-list {
width: 664px;
margin: 2em 0 0 0;
zoom: 1;
}
#contents-right div.support-index #category-list:after {
content: ".";
clear: both;
display: block;
height: 1px;
visibility: hidden;
}
#contents-right div.support-index #category-list li {
display: inline;
float: left;
width: 327px;
height: 59px;
margin: 0 0 10px 0;
}
#contents-right div.support-index #category-list li a {
display: block;
width: 327px;
height: 59px;
text-indent: -9999em;
background-repeat: no-repeat;
background-position: 0px 0px;
overflow: hidden;
}
/* 左 */
#contents-right div.support-index #category-list li#cat01 {
margin: 0 10px 10px 0;
}
#contents-right div.support-index #category-list li#cat01 a {
background-image: url(../img/support/bnr_qa01.gif);
}
/* 右 */
#contents-right div.support-index #category-list li#cat02 a {
background-image: url(../img/support/bnr_qa02.gif);
}
/* 左 */
#contents-right div.support-index #category-list li#cat03 {
margin: 0 10px 10px 0;
}
#contents-right div.support-index #category-list li#cat03 a {
background-image: url(../img/support/bnr_qa03.gif);
}
/* 右 */
#contents-right div.support-index #category-list li#cat04 a {
background-image: url(../img/support/bnr_qa04.gif);
}
/* 左 */
#contents-right div.support-index #category-list li#cat08 {
margin: 0 10px 10px 0;
}
#contents-right div.support-index #category-list li#cat08 a {
background-image: url(../img/support/bnr_qa08.gif);
}
/* 右 */
#contents-right div.support-index #category-list li#cat05 a {
background-image: url(../img/support/bnr_qa05.gif);
}
/* 左 */
#contents-right div.support-index #category-list li#cat06 {
margin: 0 10px 10px 0;
}
#contents-right div.support-index #category-list li#cat06 a {
background-image: url(../img/support/bnr_qa06.gif);
}
/* 右 */
#contents-right div.support-index #category-list li#cat07 a {
background-image: url(../img/support/bnr_qa07.gif);
}
#contents-right div.support-index #category-list li#cat01 a:hover,
#contents-right div.support-index #category-list li#cat02 a:hover,
#contents-right div.support-index #category-list li#cat03 a:hover,
#contents-right div.support-index #category-list li#cat04 a:hover,
#contents-right div.support-index #category-list li#cat05 a:hover,
#contents-right div.support-index #category-list li#cat06 a:hover,
#contents-right div.support-index #category-list li#cat07 a:hover,
#contents-right div.support-index #category-list li#cat08 a:hover{
background-position: 0px -59px;
}
/* category */
#contents-right div.support-category ul.faq-list {
width: auto;
margin: 0 30px;
}
#contents-right div.support-category ul.faq-list li {
min-height: 20px;
_height: 20px;    /* Hack for IE6 */
margin: 0 0 1em 0;
padding: 0 0 0 25px;
background: url(../img/support/icn_q.gif) no-repeat left top;
}
#contents-right div.support-category dl.faq-list {
margin: 2em 0 0 0;
padding: 1.5em 0 0 0;
background: url(../img/common/line_dash_b.gif) repeat-x left top;
}
#contents-right div.support-category dl.faq-list dt {
min-height: 20px;
_height: 20px;    /* Hack for IE6 */
margin: 0 0 1em 0;
padding: 0 0 0 25px;
font-weight: bold;
background: url(../img/support/icn_q.gif) no-repeat left top;
}
#contents-right div.support-category dl.faq-list dd {
margin: 0 0 1em 0;
padding: 0 0 1em 0;
background: url(../img/common/line_dot_gr.gif) repeat-x left bottom;
}
#contents-right div.support-category dl.faq-list dd div.inner {
min-height: 20px;
_height: 20px;    /* Hack for IE6 */
margin: 0;
padding: 0 1em 0 25px;
background: url(../img/support/icn_a.gif) no-repeat left top;
}
#contents-right div.support-category dl.faq-list dd dl {
margin: 0;
padding: 0;
background-image: none;
}
#contents-right div.support-category dl.faq-list dd dl dt {
min-height: 10px;
margin: 0;
padding: 0;
background-image: none;
}
#contents-right div.support-category dl.faq-list dd dl dd {
min-height: 10px;
margin: 0 0 1em 0;
padding: 0;
font-weight: normal;
background-image: none;
}
#contents-right div.support-category dl.faq-list dd p {
margin: 0;
padding: 0;
}
#contents-right div.support-category dl.faq-list dd p.margin-b {
margin: 0 0 1em 0;
}
#contents-right div.support-category p.nb {
margin: 1.5em 0 0 0;
font-size: 93%;
}
#contents-right div.support-category p.nb a {
padding: 0 0 0 1em;
background: url(../img/common/icn_bl01_r.gif) no-repeat -2px center;
}
#contents-right div.support-category dl.faq-list dd p.nb {
font-size: 93%;
}
#contents-right div.support-category dl.faq-list dd ul.nb {
margin: 0;
padding: 0 0 0 1em;
text-indent: -1em;
font-size: 93%;
}
#contents-right div.support-category dl.faq-list dd ul.nb a {
padding: 0;
background-image: none;
}
#contents-right div.support-category dl.faq-list dd p.totop {
margin: 0.5em 0 0 0;
text-align: right;
}
#contents-right div.support-category dl.faq-list dd.last p.totop {
padding: 0;
background-image: none;
}
#contents-right div.support-category p.totop a {
padding: 0 0 0 15px;
background: url(../img/common/icn_bl01_t.gif) no-repeat left center;
}
/*------------------------------
 =contact-u
------------------------------*/
/* common */
#contents-left #subnavi dt.contact-u {
background: url(../img/contact-u/subnavi_hdr.png) no-repeat 0px 0px;
}
/* index */
#contents-right h1.contact-u-index span,
#contents-right h1.contact-u-confirm span,
#contents-right h1.contact-u-thanks span {
background: url(../img/contact-u/h1_index.png) no-repeat left top;
}
#contents-right div.contact-u-index {
}
#contents-right div.contact-u-index #category-list {
width: 664px;
margin: 0;
zoom: 1;
}
#contents-right div.contact-u-index #category-list:after {
content: ".";
clear: both;
display: block;
height: 1px;
visibility: hidden;
}
#contents-right div.contact-u-index #category-list li {
display: inline;
float: left;
width: 327px;
height: 59px;
margin: 0 0 10px 0;
}
#contents-right div.contact-u-index #category-list li a {
display: block;
width: 327px;
height: 59px;
text-indent: -9999em;
background-repeat: no-repeat;
background-position: 0px 0px;
overflow: hidden;
}
#contents-right div.contact-u-index #category-list li#cat01 {
margin: 0 10px 10px 0;
}
#contents-right div.contact-u-index #category-list li#cat01 a {
background-image: url(../img/support/bnr_qa01.gif);
}
#contents-right div.contact-u-index #category-list li#cat02 a {
background-image: url(../img/support/bnr_qa02.gif);
}
#contents-right div.contact-u-index #category-list li#cat03 {
margin: 0 10px 10px 0;
}
#contents-right div.contact-u-index #category-list li#cat03 a {
background-image: url(../img/support/bnr_qa03.gif);
}
#contents-right div.contact-u-index #category-list li#cat04 a {
background-image: url(../img/support/bnr_qa04.gif);
}
#contents-right div.contact-u-index #category-list li#cat05 {
margin: 0 10px 10px 0;
}
#contents-right div.contact-u-index #category-list li#cat05 a {
background-image: url(../img/support/bnr_qa05.gif);
}
#contents-right div.contact-u-index #category-list li#cat06 {
margin: 0;
}
#contents-right div.contact-u-index #category-list li#cat06 a {
background-image: url(../img/support/bnr_qa06.gif);
}
#contents-right div.contact-u-index #category-list li#cat07 {
margin: 0 10px 0 0;
}
#contents-right div.contact-u-index #category-list li#cat07 a {
background-image: url(../img/support/bnr_qa07.gif);
}
#contents-right div.contact-u-index #category-list li#cat01 a:hover,
#contents-right div.contact-u-index #category-list li#cat02 a:hover,
#contents-right div.contact-u-index #category-list li#cat03 a:hover,
#contents-right div.contact-u-index #category-list li#cat04 a:hover,
#contents-right div.contact-u-index #category-list li#cat05 a:hover,
#contents-right div.contact-u-index #category-list li#cat06 a:hover,
#contents-right div.contact-u-index #category-list li#cat07 a:hover {
background-position: 0px -59px;
}
#contents-right div.contact-u-index p.link {
margin: 0 0 1em 0;
padding: 0 0 0 15px;
background: url(../img/common/icn_bl01_r.gif) no-repeat left center;
}
#contents-right div.contact-u-index dl,
#contents-right div.contact-u-confirm dl {
width: 510px;
margin: 0 0 1em 0;
padding: 1em 0;
background-color: #d8edf7;
}
#contents-right div.contact-u-index dl dt,
#contents-right div.contact-u-confirm dl dt {
padding: 0 0 0 15px;
font-weight: bold;
}
#contents-right div.contact-u-index dl dd,
#contents-right div.contact-u-confirm dl dd {
padding: 0 0 0em 3em;
}
#contents-right div.contact-u-index dl dd.tel {
margin: 0 0 1em 0;
}
#contents-right div.contact-u-index dl dd div.customer {
margin: 0 0 1em 0;
line-height: 1.2;
}
#contents-right div.contact-u-index dl dd p.float-left {
margin: 0 15px 5px 0;
}
#contents-right div.contact-u-index dl dd p span.tel {
color: #2a81f8;
font-size: 159%;
font-weight: bold;
}
#contents-right div.contact-u-index p.nb {
margin: 0;
padding: 0;
font-size: 93%;
}
#contents-right div.contact-u-index table.nb {
font-size: 93%;
border-collapse: collapse;
}
#contents-right div.contact-u-index table.nb th {
padding: 0 1.5em 0 0;
}
#contents-right div.contact-u-index #form-input,
#contents-right div.contact-u-confirm #form-input {
padding: 15px;
border: solid 1px #ccc;
}
#contents-right div.contact-u-index #form-input label,
#contents-right div.contact-u-confirm #form-input label {
margin: 0 3px;
}
#contents-right div.contact-u-index #form-input label.name,
#contents-right div.contact-u-confirm #form-input label.name {
display: inline-block;
width: 3em;
margin: 0;
}
#contents-right div.contact-u-index #form-input dl,
#contents-right div.contact-u-confirm #form-input dl {
width: auto;
margin: 0;
padding: 0;
background-color: transparent;
zoom: 1;
}
#contents-right div.contact-u-index #form-input dl:after,
#contents-right div.contact-u-confirm #form-input dl:after {
content: ".";
clear: both;
display: block;
height: 1px;
visibility: hidden;
}
#contents-right div.contact-u-index #form-input dl dt,
#contents-right div.contact-u-confirm #form-input dl dt {
display: inline;
float: left;
width: 12.2em;
margin: 0 0 1em 0;
padding: 0 0 1em 0.2em;
padding: 0 0 0 0.2em;
}
#contents-right div.contact-u-index #form-input dl dd,
#contents-right div.contact-u-confirm #form-input dl dd {
margin: 0 0 1em 0;
padding: 0 0 1em 13.2em;
padding: 2px 0 2px 13.2em;
background: #d8edf7 url(../img/contact-u/bg_dd.gif) no-repeat 12.2em 0px;
}
#contents-right div.contact-u-index #form-input dl dt.full,
#contents-right div.contact-u-confirm #form-input dl dt.full {
display: block;
float: none;
clear: both;
width: auto;
margin: 0;
padding: 0 0 0 0.2em;
}
#contents-right div.contact-u-index #form-input dl dd.full,
#contents-right div.contact-u-confirm #form-input dl dd.full {
clear: both;
padding: 0 1em 1em 1em;
background-color: #fff;
background-image: none;
}
#contents-right div.contact-u-index #form-input dl dd input#lname,
#contents-right div.contact-u-index #form-input dl dd input#lnamekana,
#contents-right div.contact-u-index #form-input dl dd input#fname,
#contents-right div.contact-u-index #form-input dl dd input#fnamekana {
width: 70px;
}
#contents-right div.contact-u-index #form-input dl dd input#mailaddress {
width: 250px;
}
#contents-right div.contact-u-index #form-input dl dd input#tel {
width: 150px;
}
#contents-right div.contact-u-index #form-input dl dd textarea#message {
width: 95%;
height: 10em;
}
#contents-right div.contact-u-confirm #form-input dl dd div#message {
width: 95%;
}
* html #contents-right div.contact-u-index #form-input dl dd textarea#message,
* html #contents-right div.contact-u-confirm #form-input dl dd div#message {  /* Hack for IE6 */
width: 300px;
}
#contents-right div.contact-u-index #form-input dl dd div.iframe {
width: 570px;
height: 15em;
padding: 5px;
border: solid 1px #ccc;
overflow: auto;
}
#contents-right div.contact-u-index #form-input dl dd div.iframe h2 {
width: auto;
}
#contents-right div.contact-u-index #form-input dl dd div.iframe dl dt {
display: block;
float: none;
width: auto;
margin: 0;
padding: 0;
}
#contents-right div.contact-u-index #form-input dl dd div.iframe dl dd {
margin: 0;
padding: 0;
background-color: #fff;
background-image: none;
}
#contents-right div.contact-u-index #form-input p.btn-submit,
#contents-right div.contact-u-confirm #form-input p.btn-submit {
text-align: center;
}
#contents-right div.contact-u-index #form-input p.nb,
#contents-right div.contact-u-confirm #form-input p.nb {
text-align: right;
}
#contents-right div.contact-u-thanks #thanks {
clear: both;
}
#contents-right div.contact-u-thanks #thanks p {
margin: 0 0 1em 0;
padding: 0;
}
#contents-right div.contact-u-thanks #thanks p.tohome {
margin: 2.5em 0 0 0;
}
#contents-right div.contact-u-thanks #thanks p.tohome a {
padding: 0 0 0 18px;
background: url(../img/common/icn_bl01_r.gif) no-repeat left center;
} 
#contents-right div.contact-u-index p.form1 {
    width: 254px;
    float: left;
    margin: 0 auto;
        padding-left: 70px;
}
#contents-right div.contact-u-index p.form1 a {
display: block;
width: 254px;
height: 34px;
text-indent: -9999em;
background: url(../img/contact-u/btn_contact_b-c.gif) no-repeat 0px 0px;
overflow: hidden;
}
#contents-right div.contact-u-index p.form1 a:hover {
background-position: 0 -34px;
}
#contents-right div.contact-u-index p.form2 {
    width: 254px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding-left: 260px;    
}
#contents-right div.contact-u-index p.form2 a {
display: block;
width: 254px;
height: 34px;
text-indent: -9999em;
background: url(../img/contact-u/btn_contact_b-b.gif) no-repeat 0px 0px;
overflow: hidden;
}
#contents-right div.contact-u-index p.form2 a:hover {
background-position: 0 -34px;
}
/*------------------------------
 =corporate
------------------------------*/
/* common */
#contents-left #subnavi dt.corporate {
background: url(../img/corporate/subnavi_hdr.png) no-repeat 0px 0px;
}
/* index */
#contents-right h1.corporate-index span {
background: url(../img/corporate/h1_index.png) no-repeat left top;
}
#contents-right div.corporate-index ul.bnr {
width: auto;
height: auto;
margin: 0;
zoom: 1;
}
#contents-right div.corporate-index ul.bnr:after {
content: ".";
clear: both;
display: block;
height: 1px;
visibility: hidden;
}
#contents-right div.corporate-index ul.bnr li {
display: inline;
float: left;
width: 150px;
height: auto;
margin: 0 0 0 20px;
padding: 0 0 1px 0;
text-align: center;
line-height: normal;
}
#contents-right div.corporate-index ul.bnr li:first-child {
margin: 0;
}
#contents-right div.corporate-index ul.bnr li.bnr-summary a {
display: block;
width: 150px;
height: 40px;
margin: 0;
text-align: left;
text-indent: -9999em;
background: url(../img/corporate/index_btn_pdf.gif) no-repeat 0px 0px;
overflow: hidden;
}
#contents-right div.corporate-index ul.bnr li.bnr-summary a:hover {
background-position: 0px -40px;
}
#contents-right div.corporate-index dl {
clear: both;
}
#contents-right div.corporate-index dl dt {
margin: 0;
padding: 0 0 0 16px;
color: #2a81f8;
font-size: 107%;
font-weight: bold;
background: url(/image/static/icn_arrow_dbl.png) no-repeat left center;
}
#contents-right div.corporate-index dl dd {
margin: 0 0 1.5em 0;
padding: 0 2px 0 38px;
}
#contents-right div.corporate-index dl dd table th {
width: 10em;
padding: 5px 1em 5px 0;
white-space: nowrap;
}
#contents-right div.corporate-index dl dd table th.first {
padding: 0 1em 0 0;
}
#contents-right div.corporate-index dl dd table td {
padding: 5px 0;
}
#contents-right div.corporate-index dl dd table td.first {
padding: 0;
}
/* c-contact */
#contents-right h1.corporate-c-contact span {
background: url(../img/corporate/h1_c-contact.png) no-repeat left top;
}
#contents-right div.corporate-c-contact ul {
zoom: 1;
}
#contents-right div.corporate-c-contact ul:after {
content: ".";
clear: both;
display: block;
height: 1px;
visibility: hidden;
}
#contents-right div.corporate-c-contact #contact-list li {
display: inline;
float: left;
width: 327px;
height: 59px;
}
#contents-right div.corporate-c-contact #contact-list li a {
display: block;
width: 327px;
height: 59px;
text-indent: -9999em;
overflow: hidden;
}
#contents-right div.corporate-c-contact #contact-list li#contact01 {
margin: 0 10px 10px 0;
}
#contents-right div.corporate-c-contact #contact-list li#contact01 a {
background: url(../img/corporate/contact-c_bnr01.gif) no-repeat 0px 0px;
}
#contents-right div.corporate-c-contact #contact-list li#contact02 {
margin: 0 0 10px 0;
}
#contents-right div.corporate-c-contact #contact-list li#contact02 a {
background: url(../img/corporate/contact-c_bnr02.gif) no-repeat 0px 0px;
}
#contents-right div.corporate-c-contact #contact-list li#contact03 {
margin: 0 10px 0 0;
}
#contents-right div.corporate-c-contact #contact-list li#contact03 a {
background: url(../img/corporate/contact-c_bnr03.gif) no-repeat 0px 0px;
}
#contents-right div.corporate-c-contact #contact-list li#contact04 {
margin: 0;
}
#contents-right div.corporate-c-contact #contact-list li#contact04 a {
background: url(../img/corporate/contact-c_bnr04.gif) no-repeat 0px 0px;
}
#contents-right div.corporate-c-contact #contact-list li#contact01 a:hover,
#contents-right div.corporate-c-contact #contact-list li#contact02 a:hover,
#contents-right div.corporate-c-contact #contact-list li#contact03 a:hover,
#contents-right div.corporate-c-contact #contact-list li#contact04 a:hover {
background-position: 0px -59px;
}
#contents-right div.corporate-c-contact p.link-to {
margin: 2em 0 0 0;
}
/* access */
#contents-right h1.corporate-access span {
background: url(../img/corporate/h1_access.png) no-repeat left top;
}
#contents-right div.corporate-access dl {
width: 632px;
margin: 1.5em 0 0 0;
padding: 15px;
line-height: 1.4;
border: solid 2px #626262;
font-size: 14px;
}
#contents-right div.corporate-access dl dt {
margin: 0;
padding: 0 0 0 16px;
color: #2a81f8;
font-size: 107%;
font-weight: bold;
background: url(../img/common/icn_arrow_dbl.gif) no-repeat left center;
}
#contents-right div.corporate-access dl dd {
margin: 0 0 1.5em 0;
padding: 0 2px 0 18px;
}
#contents-right div.corporate-access dl dd.last {
margin: 0;
}
/* conduct */
#contents-right h1.corporate-conduct span {
background: url(../img/corporate/h1_conduct.png) no-repeat left top;
}
#contents-right div.corporate-conduct p {
margin: 0 0 1em 0;
padding: 0;
}
#contents-right div.corporate-conduct ol.decimal {
width: auto;
margin: 2em 0;
padding: 0;
}
* html #contents-right div.corporate-conduct ol.decimal {  /* Hack for IE6 */
padding: 0 0 0 0.5em;
}
*:first-child+html #contents-right div.corporate-conduct ol.decimal {  /* Hack for IE7 */
padding: 0 0 0 0.5em;
}
#contents-right div.corporate-conduct ol.decimal li {
margin: 0 0 1em 1.5em;
padding: 0;
list-style: decimal;
}
#contents-right div.corporate-conduct p.align-right {
letter-spacing: 1em;
}
/* privacy (include contact-u iframe) */
#contents-right h1.corporate-privacy span {
background: url(../img/corporate/h1_privacy.png) no-repeat left top;
}
#contents-right div.corporate-privacy p {
margin: 0 0 1em 0;
padding: 0;
}
#contents-right div.corporate-privacy dl dd,
#contents-right div.contact-u-index dl dd {
margin: 0 0 1em 0;
}
#contents-right div.corporate-privacy dl dd div.num,
#contents-right div.contact-u-index dl dd div.num {
display: table-cell;
width: 2em;
padding: 0 0 0 1em;
vertical-align: top;
}
#contents-right div.corporate-privacy dl dd div.text,
#contents-right div.contact-u-index dl dd div.text {
display: table-cell;
vertical-align: top;
}
#contents-right div.contact-u-index dl dd div.text {
width: 550px;
}
#contents-right div.contact-u-index dl dd div.num {
width: 2em;
}
#contents-right div.contact-u-index dl dd div.text {
width: 500px;
}
* html #contents-right div.corporate-privacy dl dd div.num,
* html #contents-right div.corporate-privacy dl dd div.text,
* html #contents-right div.contact-u-index dl dd div.num,
* html #contents-right div.contact-u-index dl dd div.text {  /* Hack for IE6 */
display: inline;
zoom: 1;
}
*:first-child+html #contents-right div.corporate-privacy dl dd div.num,
*:first-child+html #contents-right div.corporate-privacy dl dd div.text,
*:first-child+html #contents-right div.contact-u-index dl dd div.num,
*:first-child+html #contents-right div.contact-u-index dl dd div.text {  /* Hack for IE7 */
display: inline;
zoom: 1;
}
#contents-right div.corporate-privacy ol.lroman li,
#contents-right div.contact-u-index ol.lroman li {
margin: 0 0 1em 1.5em;
list-style: lower-roman;
}
#contents-right div.corporate-privacy ol.lalpha li,
#contents-right div.contact-u-index ol.lalpha li {
margin: 0 0 0 1.5em;
list-style: lower-alpha;
}
#contents-right div.corporate-privacy div.p-contact,
#contents-right div.contact-u-index div.p-contact {
margin: 2.5em 0 0 0;
text-align: center;
}
#contents-right div.corporate-privacy div.date p,
#contents-right div.contact-u-index div.date p {
margin: 0;
}
#contents-right div.corporate-privacy p.signature,
#contents-right div.contact-u-index p.signature {
margin: 1.5em 0;
text-align: right;
}
#contents-right div.corporate-privacy p.totop {
text-align: right;
}
#contents-right div.contact-u-index div.iframe p.totop {
display: none;
}
#contents-right div.corporate-privacy p.totop a {
padding: 0 0 0 15px;
background: url(../img/common/icn_bl01_t.gif) no-repeat left center;
}
#contents-right div.corporate-privacy div.p-contact p,
#contents-right div.contact-u-index div.p-contact p {
margin: 0;
padding: 0;
text-align: center;
}
#contents-right div.corporate-privacy div.p-contact address,
#contents-right div.contact-u-index div.p-contact address {
font-size: 107%;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight: bold;
}
#contents-right div.corporate-privacy img.float-right,
#contents-right div.contact-u-index img.float-right {
margin: 10px 20px 20px 20px;
}
/* notation */
#contents-right h1.corporate-notation span {
background: url(../img/corporate/h1_notation.png) no-repeat left top;
}
#contents-right div.corporate-notation dl dd table th {
width: 10em;
padding: 5px 1em 5px 1em;
white-space: nowrap;
background-color:#3c3c3c;
text-align: center;
border: 2px solid #2a2a2a;
}
#contents-right div.corporate-notation dl dd table th.first {
padding: 0 1em 0 1em;
background-color:#3c3c3c;
text-align: center;
border: 2px solid #2a2a2a;
}
#contents-right div.corporate-notation dl dd table td {
padding: 5px 10px;
border: 2px solid #2a2a2a;
}
#contents-right div.corporate-notation dl dd table td.first {
padding: 5px 10px;
}
/*------------------------------
 =press
------------------------------*/
/* common */
#contents-left #subnavi dt.press {
background: url(../img/corporate/press/subnavi_hdr.png) no-repeat 0px 0px;
}
/* index, archive */
#contents-right h1.press-index span,
#contents-right h1.press-archive span {
background: url(../img/corporate/press/h1_index.png) no-repeat left top;
}
#contents-right div.press-index dl.list,
#contents-right div.press-archive dl.list {
}
#contents-right div.press-index dl.list dt,
#contents-right div.press-archive dl.list dt {
font-weight: bold;
line-height: 1.2;
}
#contents-right div.press-index dl.list dd,
#contents-right div.press-archive dl.list dd {
margin: 0 0 0.75em 0;
}
#contents-right div.press-index #monthly-list {
line-height: 1.2;
}
#contents-right div.press-index #monthly-list dt {
font-size: 114%;
font-weight: bold;
}
#contents-right div.press-index #monthly-list dd {
margin: 0 0 0.75em 0;
padding: 0 0 0 1em;
}
#contents-right div.press-index #monthly-list dd ul li {
display: inline;
padding: 0 1.5em 0 0;
}
#contents-right div.press-index #monthly-list dd ul li a {
white-space: nowrap;
}
/* entry */
div.press p#pagetitle span {
background: url(../img/corporate/press/h1_index.png) no-repeat left top;
}
#contents-right div.press-entry h1.title {
width: 645px;
margin: 0 0 10px 0;
padding: 2px 4px 5px 25px;
color: #2a81f8;
font-size: 122%;
font-weight: bold;
line-height: normal;
background: url(../img/common/bg_h2.gif) no-repeat left bottom;
}
#contents-right div.press-entry #entry-date {
margin: 0 0 0.5em 0;
padding: 0;
text-align: right;
}
#contents-right div.press-entry #entry-body {
}
#contents-right div.press-entry #entry-body p {
margin: 0;
padding: 0;
}
#contents-right div.press-entry #pdf-list {
margin: 2em 0 0 0;
}
#contents-right div.press-entry #pdf-list li {
}
/*------------------------------
 =contact-c
------------------------------*/
/* common */
#contents-left #subnavi dt.contact-c {
background: url(../img/contact-c/subnavi_hdr.png) no-repeat 0px 0px;
}
/* index */
#contents-right h1.contact-c-index span,
#contents-right h1.contact-c-confirm span,
#contents-right h1.contact-c-thanks span {
background: url(../img/contact-c/h1_index.png) no-repeat left top;
}
#contents-right div.contact-c-index {
}
#contents-right div.contact-c-index #category-list {
width: 664px;
margin: 0;
zoom: 1;
}
#contents-right div.contact-c-index #category-list:after {
content: ".";
clear: both;
display: block;
height: 1px;
visibility: hidden;
}
#contents-right div.contact-c-index #category-list li {
display: inline;
float: left;
width: 327px;
height: 59px;
margin: 0 0 10px 0;
}
#contents-right div.contact-c-index #category-list li a {
display: block;
width: 327px;
height: 59px;
text-indent: -9999em;
background-repeat: no-repeat;
background-position: 0px 0px;
overflow: hidden;
}
#contents-right div.contact-c-index #category-list li#cat01 {
margin: 0 10px 10px 0;
}
#contents-right div.contact-c-index #category-list li#cat01 a {
background-image: url(../img/support/bnr_qa01.gif);
}
#contents-right div.contact-c-index #category-list li#cat02 a {
background-image: url(../img/support/bnr_qa02.gif);
}
#contents-right div.contact-c-index #category-list li#cat03 {
margin: 0 10px 10px 0;
}
#contents-right div.contact-c-index #category-list li#cat03 a {
background-image: url(../img/support/bnr_qa03.gif);
}
#contents-right div.contact-c-index #category-list li#cat04 a {
background-image: url(../img/support/bnr_qa04.gif);
}
#contents-right div.contact-c-index #category-list li#cat05 {
margin: 0 10px 10px 0;
}
#contents-right div.contact-c-index #category-list li#cat05 a {
background-image: url(../img/support/bnr_qa05.gif);
}
#contents-right div.contact-c-index #category-list li#cat06 {
margin: 0;
}
#contents-right div.contact-c-index #category-list li#cat06 a {
background-image: url(../img/support/bnr_qa06.gif);
}
#contents-right div.contact-c-index #category-list li#cat07 {
margin: 0 10px 0 0;
}
#contents-right div.contact-c-index #category-list li#cat07 a {
background-image: url(../img/support/bnr_qa07.gif);
}
#contents-right div.contact-c-index #category-list li#cat01 a:hover,
#contents-right div.contact-c-index #category-list li#cat02 a:hover,
#contents-right div.contact-c-index #category-list li#cat03 a:hover,
#contents-right div.contact-c-index #category-list li#cat04 a:hover,
#contents-right div.contact-c-index #category-list li#cat05 a:hover,
#contents-right div.contact-c-index #category-list li#cat06 a:hover,
#contents-right div.contact-c-index #category-list li#cat07 a:hover {
background-position: 0px -59px;
}
#contents-right div.contact-c-index p.link {
margin: 0 0 1em 0;
padding: 0 0 0 15px;
background: url(../img/common/icn_bl01_r.gif) no-repeat left center;
}
#contents-right div.contact-c-index dl,
#contents-right div.contact-c-confirm dl {
width: 510px;
margin: 0 0 1em 0;
padding: 1em 0;
background-color: #d8edf7;
}
#contents-right div.contact-c-index dl dt,
#contents-right div.contact-c-confirm dl dt {
padding: 0 0 0 15px;
font-weight: bold;
}
#contents-right div.contact-c-index dl dd,
#contents-right div.contact-c-confirm dl dd {
padding: 0 0 0em 3em;
}
#contents-right div.contact-c-index dl dd.tel {
margin: 0 0 1em 0;
}
#contents-right div.contact-c-index dl dd div.customer {
margin: 0 0 1em 0;
line-height: 1.2;
}
#contents-right div.contact-c-index dl dd p.float-left {
margin: 0 15px 5px 0;
}
#contents-right div.contact-c-index dl dd p span.tel {
color: #2a81f8;
font-size: 159%;
font-weight: bold;
}
#contents-right div.contact-c-index p.nb {
margin: 0;
padding: 0;
font-size: 93%;
}
#contents-right div.contact-c-index table.nb {
font-size: 93%;
border-collapse: collapse;
}
#contents-right div.contact-c-index table.nb th {
padding: 0 1.5em 0 0;
}
#contents-right div.contact-c-index #form-input,
#contents-right div.contact-c-confirm #form-input {
padding: 15px;
border: solid 1px #ccc;
}
#contents-right div.contact-c-index #form-input label,
#contents-right div.contact-c-confirm #form-input label {
margin: 0 3px;
}
#contents-right div.contact-c-index #form-input label.name,
#contents-right div.contact-c-confirm #form-input label.name {
display: inline-block;
width: 3em;
margin: 0;
}
#contents-right div.contact-c-index #form-input dl,
#contents-right div.contact-c-confirm #form-input dl {
width: auto;
margin: 0;
padding: 0;
background-color: transparent;
zoom: 1;
}
#contents-right div.contact-c-index #form-input dl:after,
#contents-right div.contact-c-confirm #form-input dl:after {
content: ".";
clear: both;
display: block;
height: 1px;
visibility: hidden;
}
#contents-right div.contact-c-index #form-input dl dt,
#contents-right div.contact-c-confirm #form-input dl dt {
display: inline;
float: left;
width: 12.2em;
margin: 0 0 1em 0;
padding: 0 0 1em 0.2em;
padding: 0 0 0 0.2em;
}
#contents-right div.contact-c-index #form-input dl dd,
#contents-right div.contact-c-confirm #form-input dl dd {
margin: 0 0 1em 0;
padding: 0 0 1em 13.2em;
padding: 2px 0 2px 13.2em;
background: #d8edf7 url(../img/contact-c/bg_dd.gif) no-repeat 12.2em 0px;
}
#contents-right div.contact-c-index #form-input dl dt.full,
#contents-right div.contact-c-confirm #form-input dl dt.full {
display: block;
float: none;
clear: both;
width: auto;
margin: 0;
padding: 0 0 0 0.2em;
}
#contents-right div.contact-c-index #form-input dl dd.full,
#contents-right div.contact-c-confirm #form-input dl dd.full {
clear: both;
padding: 0 1em 1em 1em;
background-color: #fff;
background-image: none;
}
#contents-right div.contact-c-index #form-input dl dd input#lname,
#contents-right div.contact-c-index #form-input dl dd input#lnamekana,
#contents-right div.contact-c-index #form-input dl dd input#fname,
#contents-right div.contact-c-index #form-input dl dd input#fnamekana {
width: 70px;
}
#contents-right div.contact-c-index #form-input dl dd input#mailaddress {
width: 250px;
}
#contents-right div.contact-c-index #form-input dl dd input#tel {
width: 150px;
}
#contents-right div.contact-c-index #form-input dl dd textarea#message {
width: 95%;
height: 10em;
}
#contents-right div.contact-c-confirm #form-input dl dd div#message {
width: 95%;
}
* html #contents-right div.contact-c-index #form-input dl dd textarea#message,
* html #contents-right div.contact-c-confirm #form-input dl dd div#message {  /* Hack for IE6 */
width: 300px;
}
#contents-right div.contact-c-index #form-input dl dd div.iframe {
width: 570px;
height: 15em;
padding: 5px;
border: solid 1px #ccc;
overflow: auto;
}
#contents-right div.contact-c-index #form-input dl dd div.iframe h2 {
width: auto;
}
#contents-right div.contact-c-index #form-input dl dd div.iframe dl dt {
display: block;
float: none;
width: auto;
margin: 0;
padding: 0;
}
#contents-right div.contact-c-index #form-input dl dd div.iframe dl dd {
margin: 0;
padding: 0;
background-color: #fff;
background-image: none;
}
#contents-right div.contact-c-index #form-input p.btn-submit,
#contents-right div.contact-c-confirm #form-input p.btn-submit {
text-align: center;
}
#contents-right div.contact-c-index #form-input p.nb,
#contents-right div.contact-c-confirm #form-input p.nb {
text-align: right;
}
#contents-right div.contact-c-thanks #thanks {
clear: both;
}
#contents-right div.contact-c-thanks #thanks p {
margin: 0 0 1em 0;
padding: 0;
}
#contents-right div.contact-c-thanks #thanks p.tohome {
margin: 2.5em 0 0 0;
}
#contents-right div.contact-c-thanks #thanks p.tohome a {
padding: 0 0 0 18px;
background: url(../img/common/icn_bl01_r.gif) no-repeat left center;
} 
/*------------------------------
 =whatsnew
------------------------------*/
/* common */
#contents-left #subnavi dt.whatsnew {
background: url(../img/whatsnew/subnavi_hdr.png) no-repeat 0px 0px;
}
/* index, archive */
#contents-right h1.whatsnew-index span,
#contents-right h1.whatsnew-archive span {
background: url(../img/whatsnew/h1_index.png) no-repeat left top;
}
#contents-right div.whatsnew-index dl.list,
#contents-right div.whatsnew-archive dl.list {
}
#contents-right div.whatsnew-index dl.list dt,
#contents-right div.whatsnew-archive dl.list dt {
font-weight: bold;
line-height: 1.2;
}
#contents-right div.whatsnew-index dl.list dd,
#contents-right div.whatsnew-archive dl.list dd {
margin: 0 0 0.75em 0;
}
#contents-right div.whatsnew-index #monthly-list {
line-height: 1.2;
}
#contents-right div.whatsnew-index #monthly-list dt {
font-size: 114%;
font-weight: bold;
}
#contents-right div.whatsnew-index #monthly-list dd {
margin: 0 0 0.75em 0;
padding: 0 0 0 1em;
}
#contents-right div.whatsnew-index #monthly-list dd ul li {
display: inline;
padding: 0 1.5em 0 0;
}
#contents-right div.whatsnew-index #monthly-list dd ul li a {
white-space: nowrap;
}
/* entry */
div.whatsnew p#pagetitle span {
background: url(../img/whatsnew/h1_index.png) no-repeat left top;
}
#contents-right div.whatsnew-entry h1.title {
width: 645px;
margin: 0 0 10px 0;
padding: 2px 4px 5px 25px;
color: #2a81f8;
font-size: 122%;
font-weight: bold;
line-height: normal;
background: url(../img/common/bg_h2.gif) no-repeat left bottom;
}
#contents-right div.whatsnew-entry #entry-date {
margin: 0 0 0.5em 0;
padding: 0;
text-align: right;
}
#contents-right div.whatsnew-entry #entry-body {
}
#contents-right div.whatsnew-entry #entry-body p {
margin: 0;
padding: 0;
}
#contents-right div.whatsnew-entry #release-list {
margin: 2em 0 0 0;
}
#contents-right div.whatsnew-entry #release-list p {
margin: 0;
padding: 0;
}
/*------------------------------
 =ps(partner's store)
------------------------------*/
/* index */
#contents-all h1.ps-index span {
background: url(../img/ps/h1_index.png) no-repeat left top;
}
#contents-all div.ps-index h2 {
width: 920px;
background-image: url(../img/common/bg_h2_dbl.gif);
}
#contents-all div.ps-index table.partners-list {
width: 922px;
margin: 0 auto;
border-collapse: collapse;
}
#contents-all div.ps-index table.partners-list td {
width: 118px;
padding: 12px 33px;
font-size: 85%;
text-align: center;
vertical-align: top;
line-height: normal;
background: url(../img/common/line_dot_gr.gif) repeat-x left top;
}
#contents-all div.ps-index table.partners-list tr:first-child td {
padding-top: 0;
background-image: none;
}
#contents-all div.ps-index table.partners-list td a img {
vertical-align: bottom;
}
#contents-all div.ps-index table.partners-list td p {
margin: 3px auto 0 auto;
padding: 0;
line-height: 1.2;
}
/*------------------------------
 =root
------------------------------*/
/* common */
#contents-left #subnavi dt.root {
background: url(../img/subnavi_hdr.png) no-repeat 0px 0px;
}
/* mailnews */
#contents-all h1.root-mailnews span {
background: url(../img/h1_mailnews.png) no-repeat left top;
}
#contents-all div.root-mailnews h2 {
width: 920px;
background-image: url(../img/common/bg_h2_dbl.gif);
}
#contents-all div.root-mailnews ul.list {
line-height: 1.8;
}
#contents-all div.root-mailnews ul.list li,
#contents-all div.root-mailnews dl.list dt {
width: auto;
margin: 0;
padding: 0 0 0 17px;
background: url(../img/icn_sitemap03.gif) no-repeat left center;
}
#contents-all div.root-mailnews dl.list dd {
margin: 0 0 1em 0;
padding: 0 0 0 17px;
}
#contents-all div.root-mailnews #btn-mailnews {
width: 528px;
height: 34px;
margin: 0 0 1em 0;
zoom: 1;
}
#contents-all div.root-mailnews #btn-mailnews:after {
content: ".";
clear: both;
display: block;
height: 0px;
visibility: hidden;
}
#contents-all div.root-mailnews #btn-mailnews li {
display: inline;
float: left;
width: 254px;
height: 34px;
}
#contents-all div.root-mailnews #btn-mailnews li a {
display: block;
width: 254px;
height: 34px;
text-indent: -9999em;
overflow: hidden;
}
#contents-all div.root-mailnews #btn-mailnews #btn-mailnews01 {
margin: 0 20px 0 0;
}
#contents-all div.root-mailnews #btn-mailnews #btn-mailnews01 a {
background: url(../img/btn_mailnews_entry.gif) no-repeat 0px 0px;
}
#contents-all div.root-mailnews #btn-mailnews #btn-mailnews02 {
}
#contents-all div.root-mailnews #btn-mailnews #btn-mailnews02 a {
background: url(../img/btn_mailnews_withdraw.gif) no-repeat 0px 0px;
}
#contents-all div.root-mailnews #btn-mailnews #btn-mailnews01 a:hover,
#contents-all div.root-mailnews #btn-mailnews #btn-mailnews02 a:hover {
background-position: 0px -34px;
}
/* rules */
#contents-all h1.root-rules span {
background: url(../img/h1_rules.png) no-repeat left top;
}
#contents-all div.root-rules dl.rules {
}
#contents-all div.root-rules dl.rules dt {
margin: 0 0 0.25em 0;
font-weight: bold;
}
#contents-all div.root-rules dl.rules dd {
margin: 0 0 1.25em 0;
}
#contents-all div.root-rules dl.rules dd ol.decimal li {
margin: 0 0 0 1.5em;
list-style: decimal;
}
#contents-all div.root-rules dl.rules dd ol.decimal li li {
margin: 0;
list-style: none;
}
#contents-all div.root-rules ul.date {
margin: 2em 0 0 0;
}
/* sitemap */
#contents-all h1.root-sitemap span {
background: url(../img/h1_sitemap.png) no-repeat left top;
}
#contents-all div.root-sitemap {
zoom: 1;
}
#contents-all div.root-sitemap:after {
content: ".";
clear: both;
display: block;
height: 1px;
visibility: �hidden;
}
#contents-all div.root-sitemap ul {
display: inline;
float: left;
width: 308px;
padding: 2em 0 0 0;
line-height: 2em;
}
#contents-all div.root-sitemap ul.first {
padding: 0;
}
#contents-all div.root-sitemap ul:hover {
cursor: default;
}
#contents-all div.root-sitemap ul li {
width: 308px;
padding: 0 0 0 17px;
}
#contents-all div.root-sitemap ul li a {
}
#contents-all div.root-sitemap ul li.level01 {
background: url(../img/icn_sitemap01.gif) no-repeat left center;
}
#contents-all div.root-sitemap ul li.level02 {
margin: 0 0 0 20px;
background: url(../img/icn_sitemap02.gif) no-repeat left center;
}
#contents-all div.root-sitemap ul li.level03 {
margin: 0 0 0 40px;
background: url(../img/icn_sitemap03.gif) no-repeat left center;
}
/* web, special */
#contents div.web,
#contents div.special {
position: relative;
display: block;
height: auto;
padding: 20px 0 0 0;
background: url(../img/web/bg_contents_hdr.png) no-repeat center top;
zoom: 1;
}
/* guide/camp.html 2010130 */
#contents div.web,
#contents div.camp {
position: relative;
display: block;
height: auto;
padding: 0;
background: url(../img/web/bg_contents_hdr.png) no-repeat center top;
zoom: 1;
}guide/camp.html 2010130 */
#contents div.web:after,
#contents div.special:after {
content: ".";
clear: both;
display: block;
height: 1px;
visibility: hidden;
}
div.web #pagebody-footer,
div.special #pagebody-footer {
position: static !important;
clear: both;
background: url(../img/common/pagebody_ftr_dbl.png) no-repeat center top !important;
top: 0px;
bottom: auto;
}
div.web #pagebody,
div.special #pagebody {
clear: both;
width: 960px !important;
height: auto !important;
padding: 0 !important;
line-height: normal !important;
background-color: transparent !important;
background: url(../img/web/bg_contents_hdr.png) no-repeat center top;
border-left: none 0px !important;
border-right: none 0px !important;
}
div.web #pagebody #pagebody-inner,
div.special #pagebody #pagebody-inner {
clear: both;
width: 924px;
height: auto;
padding: 0 15px 10px 15px;
line-height: 1.6;
background-color: #fff;
border-left: solid 3px #2a81f8;
border-right: solid 3px #2a81f8;
}
div.web #pagebody-inner,
div.special #pagebody-inner {
line-height: normal;
}
div.web #pagebody #pagebody-inner h2,
div.special #pagebody #pagebody-inner h2 {
width: auto;
margin: 0;
background: url(../img/common/bg_h2_dbl.gif) no-repeat left bottom;
}
div.web #pagebody-inner p,
div.special #pagebody-inner p {
margin: 0;
}
/*利用方法*/
#wrapper-all #wrapper-main #wrapper-top #contents #contents-right #pagebody #menber {
padding:25px 0 25px 100px;
}
#wrapper-all #wrapper-main #wrapper-top #contents #contents-right #pagebody #menber a {
background:url(../img/guide/btn_guide_member.gif) no-repeat scroll 0 0 transparent;
display:block;
height:45px;
overflow:hidden;
text-indent:-9999em;
width:470px;
}
#wrapper-all #wrapper-main #wrapper-top #contents #contents-right #pagebody #menber a:hover {
background-position:0 -45px;
}
/*-- CSS End --*/