@charset "Shift_JIS";
/* CSS Document */

table {border-collapse:collapse; border-spacing:0;table-layout:fixed;}
img{vertical-align:top;border-width:0;border-style:none;}
th,h1,h2,h3,h4,h5,h6{font-weight:normal;}
#contentsArea{
	width:100%;
	margin-bottom:0;
	padding-bottom:2em;
}
#root,
#Wrap {
	width:950px;
	margin:0 auto;
}
#Wrap img {
    display:block;
}
#Wrap {
	width:950px;
	font: 13px/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333333;
}
#Wrap .mainVisual {
    width: 950px;
    height: 324px;
    position: relative;
}
#Wrap .mainVisual h1 {
    background: url(../img/mainVisual.jpg) no-repeat 0 0;
    display: block;
    text-indent: -9999px;
    width: 950px;
    height: 324px;
}
#Wrap .mainVisual p.seminarLink {
    background: #ffffff;
    width: 338px;
    height: 46px;
    position: absolute;
    top: 257px;
    left: 15px;
}
#Wrap #sec01 {
    width: 950px;
    margin-top: 20px;
}
#Wrap #sec01 h2 {
    background: url(../img/head01.jpg) no-repeat 0 0;
    display: block;
    text-indent: -9999px;
    width: 950px;
    height: 62px;
}
#Wrap #sec01 .hairTrouble {
    width: 822px;
    margin: 40px auto 0;
}
#Wrap #sec01 .hairTrouble ul {
    width: 882px;
    margin: 40px -60px 0 0;
}
#Wrap #sec01 .hairTrouble ul li {
    margin-right: 60px;
    float: left;
}
#Wrap #sec01 p.arrow {
    width: 167px;
    height: 61px;
    margin: 40px auto 0;
}
#Wrap #sec01 p.solve {
    width: 822px;
    height: 260px;
    margin: 40px auto 0;
}

#Wrap #sec02 {
    margin-top: 54px;
}
#Wrap #sec02 h2 {
    background: url(../img/head02.jpg) no-repeat 0 0;
    display: block;
    text-indent: -9999px;
    width: 950px;
    height: 62px;
}
#Wrap #sec02 h3 {
    display: block;
    text-indent: -9999px;
    width: 910px;
    height: 30px;
    margin: 40px auto 0;
}
#Wrap #sec02 h3.title01 {
    background: url(../img/sec02-01.jpg) no-repeat 0 0;
}
#Wrap #sec02 h3.title02 {
    background: url(../img/sec02-04.jpg) no-repeat 0 0;
}
#Wrap #sec02 p {
    display: block;
    text-indent: -9999px;
    width: 910px;
    margin: 20px auto 0;
}
#Wrap #sec02 p.text01 {
    background: url(../img/sec02-02.jpg) no-repeat 0 0;
    height: 48px;
}
#Wrap #sec02 p.text02 {
    background: url(../img/sec02-05.jpg) no-repeat 0 0;
    height: 18px;
}
#Wrap #sec02 p.damageImg {
    width: 750px;
    height: 302px;
    margin: 20px auto 0;
}
#Wrap #sec02 p.carlImg {
    width: 609px;
    height: 278px;
    margin: 20px auto 0;
}
#Wrap #sec03 {
    margin-top: 54px;
}
#Wrap #sec03 h2 {
    background: url(../img/head03.jpg) no-repeat 0 0;
    display: block;
    text-indent: -9999px;
    width: 950px;
    height: 62px;
}
#Wrap #sec03 h3.title01 {
    background: url(../img/sec03-01.jpg) no-repeat 0 0;
    display: block;
    text-indent: -9999px;
    width: 910px;
    height: 29px;
    margin: 40px auto 0;
}
#Wrap #sec03 p.boosterImg {
    width: 910px;
    height: 525px;
    margin: 20px auto 0;
}
#Wrap #sec04 {
    margin-top: 54px;
}
#Wrap #sec04 h2 {
    background: url(../img/head04.jpg) no-repeat 0 0;
    display: block;
    text-indent: -9999px;
    width: 950px;
    height: 62px;
}
#Wrap #sec04 p.flowImg {
    width: 910px;
    height: 263px;
    margin: 40px auto 0;
}
#Wrap #sec05 {
    margin-top: 54px;
}
#Wrap #sec05 h2 {
    background: url(../img/head05.jpg) no-repeat 0 0;
    display: block;
    text-indent: -9999px;
    width: 950px;
    height: 62px;
}
#Wrap #sec05 .menuArea {
    width: 910px;
    margin: 40px auto 0;
}
#Wrap #sec05 .menuArea p.menuImg {
    width: 390px;
    height: 403px;
    float: left;
}
#Wrap #sec05 .menuArea ul.costImg {
    float: right;
}
#Wrap #sec05 .menuArea ul.costImg li {
    width: 462px;
    margin-top: 60px;
}
#Wrap #sec06 {
    margin-top: 54px;
}
#Wrap #sec06 h2 {
    background: url(../img/head06.jpg) no-repeat 0 0;
    display: block;
    text-indent: -9999px;
    width: 950px;
    height: 62px;
}
#Wrap #sec06 #itemList {
    width: 910px;
    margin: 40px auto 0;
}
#Wrap #sec06 #itemList ul {
    with: 936px;
    margin-right: -26px;
}
#Wrap #sec06 #itemList ul li {
    width: 208px;
    margin-right: 26px;
    float: left;
}
#Wrap #sec06 #itemList ul li p.itemImg {
    width: 208px;
    height: 208px;
}
#Wrap #sec06 #itemList ul li p.itemTitle {
    font-size: 14px;
    font-weight: bold;
    margin-top: 15px;
}
#Wrap #sec06 #itemList ul li ul.component {
    margin: 0;
}
#Wrap #sec06 #itemList ul li ul.component li {
    margin-top: 10px;
}
#Wrap #sec06 #itemList ul li p.bgPrice {
    font-size: 16px;
    margin-top: 10px;
}
#Wrap #sec06 #itemList ul li p.bgPrice span {
    color: #cc0000;
}
#Wrap #sec06 #itemList ul li p.bgPrice span strong {
    font-size: 30px;
    font-weight: bold;
}
#Wrap #sec06 #itemList ul li .buyArea {
    position: relative;
}
#Wrap #sec06 #itemList ul li .buyArea p {
    width: 99px;
    height: 41px;
    float: left;
}
#Wrap #sec06 #itemList ul li .buyArea p.detailImg {
    margin-right: 10px;
}
#Wrap #sec06 #itemList .popup {
	background: url(../img/popup_bg.png) no-repeat 0 0;
	width: 148px;
	height: 87px;
	padding: 9px 10px 25px 8px;
	position: absolute;
	display: none;
	z-index: 5;
	left: 65px;
	bottom: 37px;
}
#Wrap .seminarEntry {
    background: url(../img/btnBg.jpg) repeat 0 0;
    width: 950px; 
    margin-top: 50px;
    padding: 20px 0;   
}
#Wrap .seminarEntry p.seminarBtn {
    width: 850px;
    height: 70px;
    margin: 0 auto;
}


#Wrap .pagetop {
    text-align: right;
    margin-top: 20px;
}