@charset "utf-8";

/* ========================================================================
	default
------------------------------------------------------------------------ */

html, body,
div, p, h1, h2, h3, h4, h5, h6, address, blockquote, pre,
ul, ol, li, dl, dt, dd,
table, caption, col, colgroup, thead, tbody, tfoot, tr, th, td,
form, fieldset, legend, label,
img, iframe, object,
span, em, strong, sub, sup, del, ins{
margin:0;
padding:0;
color:#666666;
line-height:140%;
}

a{
color:#000000;
}

a img{
border-style:none;
}

ul, ol{
list-style:none;
}

/* ========================================================================
	base style
------------------------------------------------------------------------ */

table{
border-spacing:0;
border:0 none;
}

caption, th, td{
border:0 none;
vertical-align:top;
font-size:1em;
text-align:left;
}


/*----------------------------
	main-visual
----------------------------*/

#main{
background:url(/sp/dk800/images/bg_01.jpg) no-repeat top;
}

#main-visual{
margin:0 auto;
top:0;
height:594px;
width:900px;
padding-top:20px;
position:relative;
}

#main-visual h1{
margin:35px 0 0 20px;
}

#main-visual p.text{
margin:4px 0 0 20px;
}

#main-visual p.discon{
margin:-5px 0 0 20px;
font-size: 14px;
}

#main-visual p.discon strong{
color: #c00;
font-weight: normal;
}

#main-visual p.btn{
position:absolute;
margin-left:20px;
top:302px;
}

#main-visual #share-btn{
position:absolute;
margin-left:20px;
top:580px;
}

#main-visual #share-btn li{
float:left;
margin-right:25px;
}
#main-visual #share-btn .evernote{
margin-top:1px;
}
#main-visual #share-btn .twitter{
margin-right:-5px;
min-width:105px;
}

/*----------------------------
	about
----------------------------*/

#about{
background:url(/sp/dk800/images/bg_02.jpg);
}

#about-inner{
margin:0 auto;
width:900px;
padding-top:28px;
}

#about-inner h2{
margin-left:20px;
}

#about-inner .lay2-col{
margin:15px 0 30px 20px;
}

#about-inner .lay2-col .col:first-child {
float: right;
padding-left: 20px;
}
#about-inner .lay2-col .col {
float: left;
}

/*----------------------------
	step
----------------------------*/

#step{
background:url(/sp/dk800/images/bg_03.jpg);
}

#step-inner{
margin:0 auto;
width:900px;
padding:30px 0 50px 0;
text-align:center;
}

#step-inner .title, #step-inner .img{
margin-bottom:20px;
}

#step-inner .list-img{
margin:15px 0  30px 20px;
}

#step-inner .list-img li{
float:left;
margin-right:20px;
}

/*----------------------------
	spec
----------------------------*/

#spec{
background:url(/sp/dk800/images/bg_04.jpg);
}

#spec-inner{
margin:0 auto;
width:900px;
padding:30px 0 10px 0;
}

#spec-inner .title{
margin:0 0 10px 20px;
}


#spec-inner .table-01{
font-size:75%;
border-collapse:collapse;
margin:0 20px 30px;
width:860px;
}

#spec-inner .table-01 th,#spec-inner .table-01 td{
padding:11px 12px 9px;
}

#spec-inner .table-01 th{
font-weight: normal;
color:#FFF;
border-top:1px solid #b3b3b3;
border-right:1px solid #b3b3b3;
border-bottom:1px solid #b3b3b3;
background:#0080c7;
}

#spec-inner .table-01 th.center{
vertical-align: middle;
padding:11px 10px 9px;
}

#spec-inner .table-01 td{
border-top:1px solid #b3b3b3;
border-left:1px solid #b3b3b3;
border-bottom:1px solid #b3b3b3;
background:#FFF;
}

#spec-inner .spec-note {
margin:10px 20px;
font-size: 68.75%;
}

/*----------------------------
	footer
----------------------------*/

div#str_footer {
background:#d2e4f5;
margin: 0 auto;
width: 800px;
}

div#str_footer p#copy {
border-top: 1px solid #666666;
color: #666666;
font-size: 62.5%;
margin-top: 20px;
padding: 11px 0 55px;
text-align: center;
width: 800px;
}

/* ========================================================================
	clearfix
------------------------------------------------------------------------ */

#step-inner .list-img:after,
#about .lay2-col:after,
#main-visual #share-btn:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}

.lay2-col:after{
  content: ".";  /* 新しいコンテンツ */
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; /* 非表示に */
}

.lay2-col:after {
  min-height: 1px;
}

* html .lay2-col:after {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* ========================================================================
	etc
------------------------------------------------------------------------ */
.btn2{
  margin-bottom:30px;
  cursor:pointer;
}
.note_01{
  font-size:94%;
  margin-top:10px;
}
.link_01{
  background-image:url(/sp/dk800/images/icon_01.png);
  background-repeat:no-repeat;
  background-position:left center;
  margin-top:5px;
}
.link_01 a{
  margin-left:10px;
}
.link_01 a:hover{
  text-decoration:none;
}