@charset "utf-8";

/*============================
	00: Base
==============================*/
*{
margin:0;
padding:0;
}

ul,ol{
list-style:none;
}

h1, h2, h3, h4, h5, h6{
font-size:1em;
}

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

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

caption, th, td{
border:0 none;
text-align:left;
}

body{
font-size:0.9em;
line-height:1.5;
font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
color:#fff;
background-color:#090909;
}

a:link{
color:#fff;
}

a:visited{
color:#fff;
}

a:active,a:hover{
color:#fff;
}

/*============================
	01: Structure
==============================*/
/*--------------------
     Header
----------------------*/
#header{
background:url("/sp/pitrec_dnh11/shared/images/bg_header_01.gif") repeat-x left top;
height: auto !important;
height:53px;
}

#header .inner{
margin:0 auto;
width:1020px;
}

#header h1.logo,
#header p.logo,
#header .global_navi,
#header .global_navi li{
float:left;
}

/*--------------------
     Contents
----------------------*/
#contents{ border-bottom:1px solid #3c3c3c; }

#contents,
#contents .inner{
background:url("/sp/pitrec_dnh11/shared/images/bg_01.jpg") no-repeat center top;
}

body#home #contents,
body#home #contents .inner{
background:url("/sp/pitrec_dnh11/shared/images/bg_00.jpg") no-repeat center top;
}

body#function #contents,
body#function #contents .inner{
background:url("/sp/pitrec_dnh11/shared/images/bg_02.jpg") no-repeat center top;
}

#contents .inner{
margin:0 auto;
width:950px;
}

body#home #contents .inner{
margin:0 auto;
width:1060px;
height:775px;
position:relative;
}

/*--------------------
     Footer
----------------------*/
#footer{
margin:0 auto;
padding-top:23px;
width:950px;
height:30px;
position:relative;
}

#footer .pagetop{
position:absolute;
right:0;
top:0;
}

#footer .copyright{ text-align:center; }



/*============================
	02: Modules
==============================*/
/*--------------------
     Heading
----------------------*/
/* hdg01-01 */
.hdg01-01{
padding-top:31px;
position:relative;
}
body#spec .hdg01-01{ margin-bottom:25px; }
body#option .hdg01-01{ margin-bottom:28px; }

.hdg01-01 ul.social{
position:absolute;
left:595px;
top:47px;
}

/* hdg02-01 */
.hdg02-01{
margin-bottom:18px;
}

/* hdg03-01 */
.hdg03-01{
margin-bottom:10px;
}


/*--------------------
     Paragraph
----------------------*/
p{ margin-bottom:15px; }

.align-l{ text-align:left; }
.align-c{ text-align:center; }
.align-r{ text-align:right; }


/*--------------------
     List
-------------**-------*/
/* notice-01 */
ul.notice-01{
margin-bottom:20px;
font-size:0.92em;
}

ul.notice-01 li{
padding-left:2em;
margin-bottom:3px;
position:relative;
zoom:1;
}

ul.notice-01 li span{
position:absolute;
top:0;
left:0;
}

/* notice-02 */
ul.notice-02{
margin-bottom:20px;
font-size:0.92em;
}

ul.notice-02 li{
padding-left:1em;
margin-bottom:3px;
position:relative;
zoom:1;
}

ul.notice-02 li span{
position:absolute;
top:0;
left:0;
}

ul.social li{
margin-right:5px;
display:inline;
}

/* notice-03 */
p.notice-03{
font-size:0.92em;
}

/* notice-04 */
ul.notice-04{
margin-bottom:20px;
font-size:0.8em;
}
ul.notice-04 li{
margin-right:5px;
padding-left:7px;
display:inline;
background:url("/sp/pitrec_dnh11/shared/images/icon_bullet_01.gif") no-repeat left 0.32em;
}

/*--------------------
     List Link
-------------**-------*/
ul.listlink-01 li{
padding-left:8px;
background:url("/sp/pitrec_dnh11/shared/images/icon_bullet_02.gif") no-repeat left 0.5em;
}


/*--------------------
     Table
----------------------*/
/* tbl-01 */
.tbl-01{
width:100%;
border-top:1px solid #fff;
border-left:1px solid #fff;
*border-collapse:collapse;
}

.tbl-01 th{
padding:5px 10px;
border-right:1px dotted #fff;
border-bottom:1px solid #fff;
font-weight:bold;
}

.tbl-01 td{
padding:5px 10px;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}


/*============================
	03: Unique
==============================*/
/*--------------------
     Home
----------------------*/
body#home #contents h1,
body#home #contents p,
body#home #contents p#photo img,
body#home #contents ul{
position:absolute;
}

body#home #contents h1{ left:661px; top:197px; }
body#home #contents p.txt-01{ left:224px; top:70px; }
body#home #contents p.txt-02{ left:661px; top:406px; }
body#home #contents p.txt-03{ left:863px; top:670px; }
body#home #contents p.btn{ left:661px; top:496px; }
body#home #contents p.btn2{ left:15px; top:700px; }
body#home #contents p.btn1{ left:382px; top:700px; }
body#home #contents p.btn3{ left:744px; top:695px; }
body#home #contents p.btn4{ left:13px; top:600px; z-index:2; }

body#home #contents p#photo{ left:0; top:177px; }
body#home #contents p#photo img{ left:0; top:0; }
body#home #contents ul.social{ right:40px; top:612px; }


/*--------------------
     Function
----------------------*/
body#function .main{
background:url("/sp/pitrec_dnh11/function/images/bg_function_01.jpg") no-repeat left top;
height:407px;
position:relative;
}

body#function .main h1{
position:absolute;
top:42px;
left:102px;
}

body#function .main p{
position:absolute;
top:145px;
left:487px;
}

body#function .main ul.social{
position:absolute;
top:340px;
left:600px;
}

body#function .lead{
margin-bottom:7px;
}

body#function .section-01{
padding:23px 24px 26px;
background-color:#fff;
}

body#function .section-01 ul.step{
margin-bottom:25px;
}

body#function .section-01 ul.step li{
float:left;
}

body#function .section-01 .use{
margin-bottom:28px;
}

body#function .section-01 ul.use-details li{
margin-left:24px;
float:left;
}

body#function .section-01 ul.use-details li.first{
margin-left:0;
}

body#function .section-02{
margin-bottom:55px;
padding:23px 24px 26px;
background-color:#fff;
}

body#function .section-02 dl{
margin-bottom:16px;
}

body#function .section-02 ul li,
body#function .section-02 dl dt,
body#function .section-02 dl dd{
float:left;
}

body#function .arrow{
padding-bottom:49px;
background:url("/sp/pitrec_dnh11/function/images/bg_arrow.gif") no-repeat center bottom;
}


/*--------------------
     About
----------------------*/
body#about .main{
background:url("/sp/pitrec_dnh11/about/images/bg_about_01.jpg") no-repeat left top;
height:364px;
position:relative;
}

body#about .main h1{
position:absolute;
top:81px;
left:513px;
}

body#about .main ul.social{
position:absolute;
top:307px;
left:603px;
}

body#about .box-01{
margin-bottom:40px;
padding-top:16px;
background:url("/sp/pitrec_dnh11/about/images/bg_about_02.gif") no-repeat left top;
}

body#about .box-02{
padding-bottom:10px;
background-color:#fff;
color:#333;
}

body#about .box-02 .col-01{
float:left;
width:512px;
}

body#about .box-02 .col-02{
float:left;
width:420px;
}

body#about .box-03{
padding:0 22px 5px;
background-color:#fff;
color:#333;
}


body#about .box-03 .col-01{
float:left;
width:181px;
}

body#about .box-03 .col-02{
float:right;
width:705px;
}

body#about .box-03 p.txt{
margin-left:35px;
}


body#about .section-01{
width:974px;
overflow:hiddun;
}

body#about .section-01 div{
padding:0 24px 25px 0;
float:left;
width:463px;
}


/*--------------------
     Spec
----------------------*/
/* lyt-spec-01 */
body#spec .lyt-spec-01{
margin-bottom:25px;
}

body#spec .lyt-spec-01 .col-01{
float:left;
width:377px;
}

body#spec .lyt-spec-01 .col-02{
float:right;
width:550px;
}

body#spec p.note-01{
margin-bottom:45px;
font-size:0.92em;
}

body#spec ul.list-01{
margin-bottom:45px;
font-size:0.92em;
}
body#spec ul.list-01 li{
margin-right:5px;
padding-left:7px;
display:inline;
background:url("/sp/pitrec_dnh11/shared/images/icon_bullet_01.gif") no-repeat left 0.32em;
}


/*--------------------
     Option
----------------------*/
/* lyt-option-01 */
body#option .lyt-option-01{
margin-bottom:25px;
}

body#option .lyt-option-01 .col-01{
float:left;
width:656px;
}

body#option .lyt-option-01 .col-02{
float:right;
width:275px;
}

body#option .lyt-option-01 dl{ margin-bottom:18px; }
body#option .lyt-option-01 p{
clear:left;
text-align:right;
}

body#option .lyt-option-01 .col-01 dl{ float:left; }


/*--------------------
     Reset
----------------------*/
.mb00{ margin-bottom:0 !important; }
.mb05{ margin-bottom:5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }
.mb35{ margin-bottom:35px !important; }
.mb40{ margin-bottom:40px !important; }

.ml20{ margin-left:20px !important; }


/*============================
	04: Clear fix
==============================*/
#header .inner:after,
body#function .section-01 ul.step:after,
body#function .section-01 ul.use-details:after,
body#function .section-02 dl:after,
body#function .section-02 ul:after,
body#about .box-02:after,
body#about .box-03-01:after,
body#about .section-01:after,
body#option .lyt-option-01:after,
body#spec .lyt-spec-01:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

div,ul,dl{
zoom:1;
}