@charset "utf-8";



/*==================================

  BASIC

==================================*/

html {margin:0 auto; padding:0; font-size:75%; font-family:verdana;}

body {margin:0 auto; padding:0; background:#1f2529 url(../images/back.gif) top repeat-x; color:#000; text-align:center;}



/*==================================

  RESET

==================================*/

* {margin:0; padding:0; text-align:left;}

img {border:none; vertical-align:bottom;}

p {line-height:1.6;}

hr {display: none;}

* html .iepngfix {behavior: expression(IEPNGFIX.fix(this));}

.clear {zoom: 100%;}

.clear:after {content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}



/*==================================

  LINX

==================================*/

a {color:#03c; text-decoration:underline;}

a:link {color:#03c; text-decoration:underline;}

a:visited {color:#03c; text-decoration:underline;}

a:hover {color:#000; text-decoration:none;}

a:active {color:#000; text-decoration:none;}



/*==================================

  Layout

==================================*/

/*--header--*/

div#header {width:800px; height:50px; margin:0 auto;}

div#header h1 {width:640px; float:right; font-size:12px; color:#d0dce4; text-align:right; padding-top:25px;}

div#header p {width:160px; float:left; padding:5px 0 0; font-size:0; line-height:0;}



/*--visual--*/

div#visual {height:380px; background:url(../images/visual.jpg) top center no-repeat; position:relative; z-index:1; text-align:center;}

div#visual div {width:790px; margin:0 auto;}

div#visual div p#btn-china {width:79px; height:26px; overflow:hidden; position:absolute; margin:7px 0 0 711px; background:url(../images/btn_china_ov.gif);}

div#visual div p#btn-china a {display:block;}

div#visual div p#btn-china a:hover {background-color:transparent;}

div#visual div p#btn-china a:hover img {visibility:hidden;}

div#visual div h2 {padding:35px 0 0 249px; font-size:0; line-height:0;}

div#visual div p#catch {margin-left:216px; font-size:0; line-height:0;}



/*--contents--*/

div#contents {width:800px; margin:-50px auto 0; padding:25px 0 35px; background:#fff url(../images/back_point.jpg) top left no-repeat; position:relative; z-index:2;}

ol#point-box {list-style:none; margin:0 0 15px 280px; background:url(../images/back_point01.gif) left repeat-y;}

ol#point-box02 {list-style:none; margin:0 0 15px 25px; background:url(../images/back_point02.gif) left repeat-y;}

ol#point-box li,ol#point-box02 li {width:240px; float:left; margin-right:15px;}

ol#point-box li.none,ol#point-box02 li.none {margin:0;}

ol#point-box li dd,ol#point-box02 li dd {padding:5px 5px 10px 10px; line-height:1.5;}

ol#point-box li dd strong,ol#point-box02 li dd strong {color:#c00;}

ul#more-box {list-style:none; margin:0 0 25px 25px; background:url(../images/back_more.gif) left repeat-y;}

ul#more-box li {width:368px; float:left; margin-right:14px;}

ul#more-box li.none {margin:0;}

ul#more-box li dd {padding:5px 10px 10px; font-size:10px; line-height:1.5;}



div.box {border:5px solid #d3d5d6; margin:0 25px 25px; padding-bottom:10px;}

div.box02 {border:5px solid #d3d5d6; margin:0 25px 25px;}



dl.service-detail02 {padding-top:6px;}

dl.service-detail dt,dl.service-detail02 dt {width:133px; float:left;}

dl.service-detail dd,dl.service-detail02 dd {width:602px; float:left; padding-top:15px;}

dl.service-detail dd ul,dl.service-detail02 dd ul {list-style:none;}

dl.service-detail dd ul li,dl.service-detail02 dd ul li {width:294px; height:55px; overflow:hidden; float:left; margin-right:6px;}

dl.service-detail dd ul li a,dl.service-detail02 dd ul li a {display:block;}

dl.service-detail dd ul li a:hover,dl.service-detail02 dd ul li a:hover {background-color:transparent;}

dl.service-detail dd ul li a:hover img,dl.service-detail02 dd ul li a:hover img {visibility:hidden;}

dl.service-detail dd ul li.btn-light,dl.service-detail02 dd ul li.btn-light {background:url(../images/btn_light_ov.png);}

dl.service-detail dd ul li.btn-adsl,dl.service-detail02 dd ul li.btn-adsl {background:url(../images/btn_adsl_ov.png);}

p.btn-click {width:644px; height:75px; overflow:hidden; margin:6px 0 0 48px; background:url(../images/btn_click_ov.png);}

p.btn-click a {display:block;}

p.btn-click a:hover {background-color:transparent;}

p.btn-click a:hover img {visibility:hidden;}



div#contents h3 {margin:0 25px 10px; font-size:0; line-height:0;}

p.text {font-size:14px; padding:0 29px 10px;}

p.text strong {color:#c00;}

p.right {text-align:right; padding:0 30px 1px 0;}

table {width:740px; margin:0 30px 10px; border-collapse:collapse; font-size:12px;}

table.adsl {margin-bottom:20px;}

table td {text-align:center; padding:3px 0; border:1px solid #9c0;}

table.adsl td {text-align:center; padding:5px 0; border:1px solid #f66;}

table td img {margin-bottom:8px;}

table td.type01 {background:#add633; font-weight:bold; width:210px;}

table td.type02 {background:#cce680; font-weight:bold;}

table tr.type03 td {background:#ebf5cc;}

table td.type04 {background:#ff8585; font-weight:bold; width:210px;}

table td.type05 {background:#ffb3b3; font-weight:bold;}

table tr.type06 td {background:#ffe0e0;}

table td.type07 {width:80px;}



dl#flow {background:url(../images/back_flow.png) top left no-repeat; padding:11px 25px 19px 24px;}

dl#flow dt {width:234px; height:95px; overflow:hidden; float:left; margin-top:133px; background:url(../images/btn_detail_ov.png);}

dl#flow dt a {display:block;}

dl#flow dt a:hover {background-color:transparent;}

dl#flow dt a:hover img {visibility:hidden;}

dl#flow dd {width:438px; float:right;}

dl#flow dd ol li {list-style:none; font-size:0; line-height:0;}



div#link-box {margin:0 25px; background:#d3d5d6; padding:12px 18px;}

div#contents div#link-box h3 {margin:0; padding-bottom:10px;}

div#link-box dl#link-service {width:375px; float:left;}

div#link-box dl#link-site {width:335px; float:right;}

div#link-box dt {font-weight:bold; padding-bottom:3px;}

div#link-box dd ul {list-style:none; padding-bottom:2px; font-weight:bold;}

div#link-box dd ul li {background:url(../images/lm.gif) left 4px no-repeat; padding-left:12px; margin-bottom:4px;}



/*--copyright--*/

h4#copyrights {padding:12px 0 20px; text-align:center;}