/*PetaMap用
*********************************************/
hr {
display: none;
}

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

.clearfix {
display: inline-block;
}


#petacontents {
width: 720px;
background: #ffffff;
padding: 20px 20px 20px 20px;
}

#petacontents h2, h3, h4, p{
display: none;
}

#petacontents #logo {
width: 720px;
height: 34px;
background: url(images/introduction/logo.gif) no-repeat left top;
}

/*ページトップへ
*********************************************/

#gotoPagetop {
width: 720px;
padding: 20px 0 0 0;
}

#gotoPagetop #btn{
width: 14px;
height: 14px;
background: url(images/introduction/btn_pagetop.gif) no-repeat left top;
float: right;
}

#gotoPagetop #btn span {
display: none;
}

#gotoPagetop #btn a{
width: 14px;
height: 14px;
display: block;
}

/*導入
*********************************************/

#petacontents #intro {
width: 720px;
padding: 40px 0 0 0;
}

#petacontents #intro #title {
width: 720px;
height: 90px;
background: url(images/introduction/intro_title.gif) no-repeat left top;
}

#petacontents #intro #content #left {
width: 484px;
float: left;
}

#petacontents #intro #content #left #lead {
width: 484px;
height: 56px;
background: url(images/introduction/intro_lead.gif) no-repeat left top;
}

#petacontents #intro #content #left #content01 {
width: 484px;
}

#petacontents #intro #content #left #content01 #fig {
width: 208px;
height: 158px;
background: url(images/introduction/intro_fig.gif) no-repeat left top;
float: left;
}

#petacontents #intro #content #left #content01 #btn {
width: 276px;
padding: 15px 0 0 0;
float: left;
}

#petacontents #intro #content #left #content01 #btn ul, li {
list-style-type: none;
}

#petacontents #intro #content #left #content01 #btn a {
width: 250px;
height: 64px;
display: block;
}

#petacontents #intro #content #left #content01 #btn span {
display: none;
}

#petacontents #intro #content #left #content01 #btn ul li#btnWhatPetaMap {
width: 250px;
height: 64px;
background: url(images/introduction/intro_btnWhatPetaMap.gif) no-repeat left top;
}

#petacontents #intro #content #left #content01 #btn ul li#btnSpot {
width: 250px;
height: 64px;
background: url(images/introduction/intro_btnSpot.gif) no-repeat left top;
}

#petacontents #intro #content #profile {
width: 236px;
height: 214px;
background: url(images/introduction/intro_profile.gif) no-repeat left top;
float: left;
}

#petacontents #intro #bottom {
width: 720px;
height: 12px;
background: url(images/introduction/intro_bottom.gif) no-repeat left top;
}

/*デキル
*********************************************/

#petacontents #dekiru {
width: 720px;
padding: 20px 0 0 0;
}

#petacontents #dekiru #top {
width: 720px;
}

#petacontents #dekiru #top #title {
width: 182px;
height: 80px;
background: url(images/introduction/dekiru_title.gif) no-repeat left top;
float: left;
}

#petacontents #dekiru #top #lead {
width: 538px;
height: 80px;
background: url(images/introduction/dekiru_lead.gif) no-repeat left top;
float: left;
}

#petacontents #dekiru #content {
width: 720px;
padding: 26px 0 0 0;
}

#petacontents #dekiru #content #sagasu {
width: 244px;
height: 351px;
background: url(images/introduction/dekiru_sagasu.gif) no-repeat left top;
float: left;
}

#petacontents #dekiru #content #haru {
width: 230px;
height: 351px;
background: url(images/introduction/dekiru_haru.gif) no-repeat left top;
float: left;
}

#petacontents #dekiru #content #hirogaru {
width: 246px;
height: 351px;
background: url(images/introduction/dekiru_hirogaru.gif) no-repeat left top;
float: left;
}

/*写真を貼ろう
*********************************************/

#petacontents #howto {
width: 720px;
padding: 40px 0 0 0;
}

#petacontents #howto #title {
width: 720px;
height: 95px;
background: url(images/introduction/howto_title.gif) no-repeat left top;
}

#petacontents #howto #signup {
width: 720px;
background: url(images/introduction/howto_back.gif);
}

#petacontents #howto #signup #btn {
width: 320px;
height: 86px;
background: url(images/introduction/howto_btnSignup.gif) no-repeat left top;
margin: 0 auto;
}

#petacontents #howto #signup #btn span {
display: none;
}

#petacontents #howto #signup #btn a {
width: 320px;
height: 86px;
display: block;
}

#petacontents #howto #attention {
width: 720px;
height: 46px;
background: url(images/introduction/howto_attention.gif);
}

#petacontents #howto #step1 {
width: 720px;
height: 339px;
background: url(images/introduction/howto_step1.gif) no-repeat left top;
}

#petacontents #howto #step2 {
width: 720px;
height: 322px;
background: url(images/introduction/howto_step2.gif) no-repeat left top;
}

#petacontents #howto #step3 {
width: 720px;
height: 470px;
background: url(images/introduction/howto_step3.gif) no-repeat left top;
}

#petacontents #howto #step4 {
width: 720px;
height: 359px;
background: url(images/introduction/howto_step4.gif) no-repeat left top;
}

#petacontents #howto #fin {
width: 720px;
height: 276px;
background: url(images/introduction/howto_fin.gif) no-repeat left top;
}


/*OverRide
*********************************************/
#h-siteroot p {
	display:block;
}