@charset "utf-8";

/****************************************************
  Fixed IP address _ Practical use guide.
****************************************************/

/*==================================
  BASIC
==================================*/
html {margin:0 auto; padding:0; font-size:75%; font-family:verdana;}
body {margin:0 auto; padding:0; background:#fff url(../images/back.jpg) top center no-repeat; 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;}
.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:#690; text-decoration:underline;}
a:link {color:#690; text-decoration:underline;}
a:visited {color:#690; text-decoration:underline;}
a:hover {color:#000; text-decoration:none;}
a:active {color:#000; text-decoration:none;}

/*==================================
  Header_Layout
==================================*/
div#header {width:800px; height:320px; margin:0 auto; background:url(../images/back_header.jpg) top no-repeat;}
div#header p {position:absolute; margin:6px 0 0 14px; font-size:0; line-height:0;}
div#header h1 {font-size:14px; font-weight:bold; color:#fff; position:absolute; margin:16px 0 0 155px;}
div#header div {position:absolute; margin:14px 0 0 720px; font-size:0; line-height:0;}
div#header ul,div#header ul li {list-style:none; position:absolute;}
div#header ul li#h-bnr01 {margin:71px 0 0 430px;}
div#header ul li#h-bnr02 {margin:93px 0 0 565px;}
div#header ul li#h-bnr03 {margin:53px 0 0 680px;}
div#header ul li#h-btn {width:290px; height:70px; overflow:hidden; margin:186px 0 0 469px; background:url(../images/h_btn_ov.png);}
div#header li a {display:block;}
div#header li a:hover {background-color:transparent;}
div#header li a:hover img {visibility:hidden;}
div#header dl {position:absolute; margin:137px 0 0 5px;}
div#header ol {list-style:none; position:absolute; margin:267px 0 0 1px;}
div#header ol li {width:264px; height:53px; overflow:hidden; float:left; margin-right:3px;}
div#header ol li#tab01 {background:url(../images/tab01_ov.png);}
div#header ol li#tab02 {background:url(../images/tab02_ov.png);}
div#header ol li#tab03 {background:url(../images/tab03_ov.png); margin:0;}

/*==================================
  Contents_Layout
==================================*/
/*--box_layout--*/
div#contents {width:800px; margin:0 auto;}
div#box-top01 {height:15px; background:url(../images/box_top01.gif);}
div#box01 {background:url(../images/box_body01.gif) repeat-y; padding:5px 20px 25px;}
div#box-bottom01 {height:15px; background:url(../images/box_bottom01.gif);}
div#box-top02 {height:15px; background:url(../images/box_top02.gif);}
div#box02 {background:url(../images/box_body02.gif) repeat-y; padding:5px 20px 25px;}
div#box-bottom02 {height:15px; background:url(../images/box_bottom02.gif);}
div#box-top03 {height:15px; background:url(../images/box_top03.gif);}
div#box03 {background:url(../images/box_body03.gif) repeat-y; padding:5px 20px 25px;}
div#box-bottom03 {height:15px; background:url(../images/box_bottom03.gif);}

/*--common_parts--*/
div#contents h3 {padding-bottom:10px;}
div#contents .cl-cb2898 {color:#cb2898;}

div#contents dl.check-box {margin:0 15px 20px; padding:12px 20px; background:#e9ecb6;}
div#contents dl.check-box dt {position:absolute;}
div#contents dl.check-box dd ul li {list-style:none; float:left; margin-right:10px;}
div#contents dl.check-box dd ul li a {display:block;}
div#contents dl.check-box dd ul li a:hover {background-color:transparent;}
div#contents dl.check-box dd ul li a:hover img {visibility:hidden;}
div#contents dl.check-box dd ul li.btn01 {width:210px; height:40px; overflow:hidden; margin-top:30px; background:url(../images/btn01_ov.png);}
div#contents dl.check-box dd ul li.btn02 {width:210px; height:40px; overflow:hidden; margin-top:30px; background:url(../images/btn02_ov.png);}
div#contents dl.check-box dd ul li.btn03 {width:250px; height:70px; overflow:hidden; margin:0; background:url(../images/btn03_ov.png);}

div#contents ul.check-box02 {margin:0; background:#e9ecb6; padding:10px 15px;}
div#contents ul.check-box02 li {list-style:none; float:left; margin-right:10px;}
div#contents ul.check-box02 li.btn05 {margin:5px 0 0; float:right; width:320px; height:70px; overflow:hidden; background:url(../images/btn05_ov.png);}
div#contents ul.check-box02 li.btn05 a {display:block;}
div#contents ul.check-box02 li.btn05 a:hover {background-color:transparent;}
div#contents ul.check-box02 li.btn05 a:hover img {visibility:hidden;}

div#contents dl.check-box03 {margin:0 15px 20px; padding:12px 20px; background:#e9ecb6;}
div#contents dl.check-box03 dt {position:absolute;}
div#contents dl.check-box03 dd ul li {list-style:none; float:left; margin-right:6px;}
div#contents dl.check-box03 dd ul li a {display:block;}
div#contents dl.check-box03 dd ul li a:hover {background-color:transparent;}
div#contents dl.check-box03 dd ul li a:hover img {visibility:hidden;}
div#contents dl.check-box03 dd ul li.btn001 {width:160px; height:40px; overflow:hidden; margin-top:30px; background:url(../images/btn001_ov.png);}
div#contents dl.check-box03 dd ul li.btn002 {width:160px; height:40px; overflow:hidden; margin-top:30px; background:url(../images/btn002_ov.png);}
div#contents dl.check-box03 dd ul li.btn004 {width:120px; height:40px; overflow:hidden; margin-top:30px; background:url(../images/btn004_ov.png);}
div#contents dl.check-box03 dd ul li.btn003 {width:230px; height:70px; overflow:hidden; margin:0; float:right; background:url(../images/btn003_ov.png);}

div#contents div.typeA {padding:0 15px 20px;}
div#contents div.typeA p {width:430px; float:left;}
div#contents div.typeA div {width:280px; float:right;}
div#contents div.typeA div dl {margin-bottom:10px; border:1px solid #cb2898; line-height:1.5;}
div#contents div.typeA div dl dt {width:90px; float:left; padding:7px 0; border-left:10px solid #cb2898; background:#cb2898; color:#fff; font-weight:bold;}
div#contents div.typeA div dl dd {float:left; background:url(../images/arrow01.gif) left no-repeat; padding:7px 0 7px 12px;}

div#contents div.typeB {padding:0 15px 10px;}
div#contents div.typeB ul {background:url(../images/back_typeB.gif) repeat-y; list-style:none; margin-bottom:10px;}
div#contents div.typeB ul li {width:360px; float:left;}
div#contents div.typeB ul li.none {float:right;}
div#contents div.typeB ul li dl {padding:10px 15px; line-height:1.5;}
div#contents div.typeB ul li dd {padding:5px 0 0 2px;}

div#contents div.typeC {padding:0 15px;}
div#contents div.typeC p {padding:0 2px 15px;}
div#contents div.typeC table {margin-bottom:5px; width:730px; font-size:12px; border-collapse:collapse;}
div#contents div.typeC table td {text-align:center; padding:5px; border:1px solid #e593cb; line-height:1.4;}
div#contents div.typeC table td.typeC01 {background:#f5e9f1; color:#cb2898; font-weight:bold; padding:5px 30px;}

div#contents div.typeD {padding:0 15px 20px;}
div#contents div.typeD dt {width:430px; float:right;}
div#contents div.typeD dd {width:280px; line-height:1.6;}
div#contents div.typeD dd p {width:250px; height:70px; overflow:hidden; margin-top:10px; background:url(../images/btn04_ov.png);}
div#contents div.typeD dd p a {display:block;}
div#contents div.typeD dd p a:hover {background-color:transparent;}
div#contents div.typeD dd p a:hover img {visibility:hidden;}

div#contents dl.typeE {margin:0 15px 20px;}
div#contents dl.typeE dt {line-height:1.6; padding-bottom:10px;}
div#contents dl.typeE dd {text-align:center;}

div#contents div.typeF {padding:0 15px 20px;}
div#contents div.typeF p {padding:0 2px 15px;}
div#contents div.typeF dt {width:430px; float:left;}
div#contents div.typeF dd {width:280px; float:right; background:#dfecfb; padding-top:10px;}
div#contents div.typeF dd h4 {padding:0 15px 3px;}
div#contents div.typeF dd p {padding:0 16px 10px;}

div#contents dl.typeG {margin-bottom:20px; background:#ddf2e5; padding:3px 15px;}
div#contents dl.typeG dt {width:110px; float:left;}
div#contents dl.typeG dd {width:605px; float:right; line-height:1.6; padding-top:15px;}

div#contents h3#arrow02 {text-align:center; margin-bottom:8px; padding-bottom:30px; background:url(../images/arrow02.gif) bottom no-repeat;}

div#contents dl.mab0 {margin-bottom:0;}

p#footer {padding:15px 0; text-align:center;}
p#footer a {margin:0 10px;}
address {text-align:center; padding-bottom:25px;}ｈ1