@import url(http://the-peace-company.com/atopy/css001/0-import.css);
@import url(http://the-peace-company.com/fukusu-kounyu.css);

/* Captcha Style */
div#comments-open-captcha {
margin: 0 20px;
}

div#comments-open-captcha img {
border: 1px solid black;
}

div#comments-open-captcha input {
margin: 0.5em 0;
}

div#comments-open-captcha p {
margin: 0.1em 0 0.7em;
}

/* box Style */

.iecenter {
text-align: center;
}

.centerbox1{
padding: 4px 4px 4px 4px;
width: 800px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

div#box-img {
margin: 0 0 0 0;
float: left;
}

div#box-txt {
margin: 0 0 0 6px;
float: left;
}

div#box-txt2 {
width: 196px;
float: left;
}

.txt2-fs {
font-size: 12px;
}

div#box-order {
margin: 0 0 0 12px;
float: left;
}

div.txt1 {
margin: 12px 0 0 0;
padding: 10px;
width: 318px;
background: #F3F8E9;
line-height: 1.5;
}

div.txt2 {
width: 318px;
line-height: 1.5;
}

div.txt2 strong {
margin: 5px 0 5px 0;
color:#009;
}

div.txt3 {
width: 200px;
line-height: 1.6;
}

#staff-com {
margin: 8px 0 0 0;
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/format/staff.gif);
background-repeat: no-repeat;
background-position: 0;
width: 780px;
height: 120px;
}

#staff-com p {
position: absolute;
top: 50px;
left: 146px;
width: 600px;
line-height: 1.6;
}

/* kouso Style */

#kouso-title {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/kouso/kouso_title.jpg);
background-repeat: no-repeat;
width: 800px;
height: 240px;
}

#kouso-title p {
position: absolute;
top: 156px;
left: 20px;
width: 420px;
font-size: 14px;
color: #339999;
font-weight: bold;
line-height: 1.6;
}

#kouso-com001 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/kouso/kouso-com001.gif);
background-repeat: no-repeat;
background-position: 0;
width: 780px;
height: 120px;
}

#kouso-com001 p {
position: absolute;
top: 50px;
left: 140px;
width: 620px;
font-size: 14px;
line-height: 1.6;
}

#kouso-com002 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/kouso/kouso-com002.gif);
background-repeat: no-repeat;
background-position: 0;
width: 780px;
height: 120px;
}

#kouso-com002 p {
position: absolute;
top: 50px;
left: 60px;
width: 620px;
font-size: 14px;
line-height: 1.6;
}

#kouso-com003 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/kouso/kouso-com003.jpg);
background-repeat: no-repeat;
background-position: 0;
width: 780px;
height: 220px;
}

#kouso-com003 p {
position: absolute;
top: 10px;
left: 160px;
width: 600px;
font-size: 14px;
line-height: 1.6;
}

#kouso-com004 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/kouso/kouso-com004.jpg);
background-repeat: no-repeat;
background-position: 0;
width: 780px;
height: 83px;
}


#main h1 {
display: none;
}


/* eyepathy Style */

#eyepathy-title {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/eyepathy/eyepathy_title.jpg);
background-repeat: no-repeat;
width: 800px;
height: 240px;
}

#eyepathy-title p {
position: absolute;
top: 156px;
left: 30px;
width: 500px;
font-size: 16px;
color: #339999;
font-weight: bold;
line-height: 1.6;
}

#eyepathy-com001 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/eyepathy/eyepathy-com001.gif);
background-repeat: no-repeat;
background-position: 0;
width: 780px;
height: 120px;
}

#eyepathy-com001 p {
position: absolute;
top: 40px;
left: 140px;
width: 616px;
font-size: 14px;
line-height: 1.6;
}

#eyepathy-com002 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/eyepathy/eyepathy-com002.gif);
background-repeat: no-repeat;
width: 780px;
height: 280px;
}

#eyepathy-com002 p {
position: absolute;
top: 60px;
left: 30px;
width: 550px;
font-size: 14px;
line-height: 1.6;
}

#eyepathy-com003 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/eyepathy/eyepathy-com003.gif);
background-repeat: no-repeat;
width: 780px;
height: 185px;
}

#eyepathy-com003 p {
position: absolute;
top: 50px;
left: 140px;
width: 616px;
font-size: 14px;
line-height: 1.6;
}

#eyepathy-com004 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/eyepathy/eyepathy-com004.gif);
background-repeat: no-repeat;
width: 780px;
height: 170px;
}

#eyepathy-com004 p {
position: absolute;
top: 48px;
left: 30px;
width: 624px;
font-size: 12px;
line-height: 1.6;
}

#eyepathy-staff {
margin: 8px 0 0 0;
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/eyepathy/eyepathy-staff.gif);
background-repeat: no-repeat;
background-position: 0;
width: 780px;
height: 140px;
}

#eyepathy-staff p {
position: absolute;
top: 40px;
left: 146px;
width: 600px;
line-height: 1.6;
}

/* fament Style */

#fament-title {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/fament/fament_title.jpg);
background-repeat: no-repeat;
background-position: 0;
width: 800px;
height: 240px;
}

#fament-title p {
position: absolute;
top: 148px;
left: 30px;
width: 500px;
font-size: 16px;
color: #339999;
font-weight: bold;
line-height: 1.6;
}

#fament-com001 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/fament/fament-com001.gif);
background-repeat: no-repeat;
width: 780px;
height: 214px;
}

#fament-com001 p {
position: absolute;
top: 50px;
left: 140px;
width: 616px;
font-size: 14px;
line-height: 1.6;
}

#fament-com002 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/fament/fament-com002.gif);
background-repeat: no-repeat;
width: 780px;
height: 173px;
}

#fament-com002 p {
position: absolute;
top: 50px;
left: 40px;
width: 560px;
font-size: 14px;
line-height: 1.8;
}

#fament-com003 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/fament/fament-com003.gif);
background-repeat: no-repeat;
width: 780px;
height: 250px;
}

#fament-com003 p {
position: absolute;
top: 50px;
left: 210px;
width: 616px;
font-size: 14px;
line-height: 1.6;
}

#fament-com004 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/fament/fament-com004.gif);
background-repeat: no-repeat;
width: 780px;
height: 300px;
}

#fament-com004 p {
position: absolute;
top: 50px;
left: 30px;
width: 540px;
font-size: 14px;
line-height: 1.6;
}

#fament-com005 {
width: 720px;
margin: 0 0 12px 30px;
font-size: 12px;
line-height: 1.6;
color: #888;
}

#fament-staff {
margin: 8px 0 0 0;
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/fament/fament-staff.gif);
background-repeat: no-repeat;
background-position: 0;
width: 780px;
height: 120px;
}

#fament-staff p {
position: absolute;
top: 42px;
left: 146px;
width: 600px;
line-height: 1.6;
}

/* if Style */

#if-title {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/if/if_title.jpg);
background-repeat: no-repeat;
width: 800px;
height: 260px;
}

#if-title p {
position: absolute;
top: 120px;
left: 30px;
width: 500px;
font-size: 16px;
color: #339999;
font-weight: bold;
line-height: 1.6;
}

#if-com001 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/if/if-com001.gif);
background-repeat: no-repeat;
width: 780px;
height: 185px;
}

#if-com001 p {
position: absolute;
top: 40px;
left: 140px;
width: 616px;
font-size: 14px;
line-height: 1.6;
}

#if-com002 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/if/if-com002.gif);
background-repeat: no-repeat;
width: 780px;
height: 173px;
}

#if-com002 p {
position: absolute;
top: 50px;
left: 30px;
width: 616px;
font-size: 14px;
line-height: 1.6;
}

#if-com003 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/if/if-com003.gif);
background-repeat: no-repeat;
width: 780px;
height: 240px;
}

#if-com003 p {
position: absolute;
top: 40px;
left: 140px;
width: 616px;
font-size: 14px;
line-height: 1.6;
}

#if-com004 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/if/if-com004.gif);
background-repeat: no-repeat;
width: 780px;
height: 160px;
}

#if-com004 p {
position: absolute;
top: 50px;
left: 30px;
width: 616px;
font-size: 14px;
line-height: 1.6;
}

#if-com005 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/if/if-com005.gif);
background-repeat: no-repeat;
width: 780px;
height: 220px;
}

#if-com005 p {
position: absolute;
top: 40px;
left: 140px;
width: 616px;
font-size: 14px;
line-height: 1.6;
}

#if-com006 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/if/if-com006.gif);
background-repeat: no-repeat;
width: 780px;
height: 280px;
}

#if-com006 p {
position: absolute;
top: 50px;
left: 30px;
width: 616px;
font-size: 14px;
line-height: 1.6;
}

#if-com007 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/if/if-com007.gif);
background-repeat: no-repeat;
width: 780px;
height: 150px;
}

#if-com007 p {
position: absolute;
top: 40px;
left: 140px;
width: 616px;
font-size: 14px;
line-height: 1.6;
}

#if-com008 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/if/if-com008.gif);
background-repeat: no-repeat;
width: 780px;
height: 135px;
}

#if-com008 p {
position: absolute;
top: 50px;
left: 30px;
width: 616px;
font-size: 14px;
line-height: 1.6;
}

#if-com009 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/if/if-com009.gif);
background-repeat: no-repeat;
width: 780px;
height: 185px;
}

#if-com009 p {
position: absolute;
top: 40px;
left: 140px;
width: 616px;
font-size: 14px;
line-height: 1.6;
}

#if-com010 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/if/if-com010.jpg);
background-repeat: no-repeat;
width: 780px;
height: 216px;
}


#if-com010 span.p1 {
position: absolute;
top: 52px;
left: 34px;
width: 540px;
font-size: 14px;
line-height: 1.8;
}

#if-com010 span.p2 {
position: absolute;
top: 20px;
left: 610px;
width: 136px;
font-size: 12px;
line-height: 1.6;
}


#if-com011 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/if/if-com011.jpg);
background-repeat: no-repeat;
width: 780px;
}


#if-com011 p{
padding-top: 50px;
margin-left: 40px;
width: 700px;
font-size: 12px;
line-height: 1.6;
}

#if-faq {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images/if-faq.jpg);
background-repeat: no-repeat;
width: 780px;
}


#if-faq p{
padding-top: 50px;
margin-left: 70px;
width: 700px;
font-size: 14px;
line-height:24px;
text-align:left;
}
#if-faq p A:link,#if-faq p A:active,#if-faq p A:hover {color:#0000CC;}
#if-faq p A:visited {color:#990066;}

/* Q&A */


.faq a,
.faq a:link{color:#000066;}
.faq a:visited{color:#990066;}

.faq{
font-weight:bold;
line-height:2.2;
font-size:15px;
color:#000;
}




.faq a:hover,
.faq a:active {
color: #333;
text-decoration:none;
border-bottom:solid 1px #363;
}




.faq-q{
padding:3px 0;
border-bottom:solid 1px #999;
color:#CC3333;
font-size:17px;
font-weight:bold;
}
.faq-q a{
text-decoration:none;
border:0;
color:#CC3333;
}

.faq-a{
margin:10px 0 15px 0;
padding:0 0 0 80px;
}

.faq-a a:{color:blue;font-size:10px;
}
.faq-a a , .faq-a a:link{color:blue;}


.faq-img-if{font-size:13px; line-height:21px; background:url(http://the-peace-company.com/atopy/images/if.jpg) no-repeat 0 0; }

.faq-back{
margin:0 0 10px 0;
font-size:10px;
text-align:right;
}

.faq-back a , .faq-back a:link{color:blue;font-size:10px;}
.faq-back a:visited{color:red;font-size:10px;}


#if-staff {
margin: 8px 0 0 0;
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/if/if-staff.gif);
background-repeat: no-repeat;
width: 780px;
height: 140px;
}

#if-staff p {
position: absolute;
top: 42px;
left: 170px;
width: 560px;
line-height: 1.6;
}

/* saponin Style */

#saponin-title {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/saponin/saponin_title.jpg);
background-repeat: no-repeat;
width: 800px;
height: 260px;
}

#saponin-title p {
position: absolute;
top: 148px;
left: 30px;
width: 500px;
font-size: 16px;
color: #339999;
font-weight: bold;
line-height: 1.6;
}

#saponin-com003 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/saponin/saponin-com003.jpg);
background-repeat: no-repeat;
width: 780px;
height: 400px;
}

#saponin-com003 p {
position: absolute;
top: 50px;
left: 30px;
width: 616px;
font-size: 14px;
line-height: 1.6;
}

#saponin-com004 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/saponin/saponin-com004.jpg);
background-repeat: no-repeat;
width: 780px;
height: 400px;
}

#saponin-com004 span.p1 {
position: absolute;
top: 50px;
left: 240px;
width: 600px;
font-size: 14px;
line-height: 1.6;
}

#saponin-com004 span.p1 span.p2 {
font-size: 12px;
line-height: 1.6;
}

#saponin-staff {
margin: 8px 0 0 0;
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/saponin/saponin-staff.gif);
background-repeat: no-repeat;
width: 780px;
height: 140px;
}

#saponin-staff p {
position: absolute;
top: 52px;
left: 170px;
width: 560px;
line-height: 1.6;
}

/* tyuyou Style */

#tyuyou-title {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/tyuyou/tyuyou_title.jpg);
background-repeat: no-repeat;
width: 780px;
height: 260px;
}

#tyuyou-title p {
position: absolute;
top: 148px;
left: 30px;
width: 500px;
font-size: 16px;
color: #339999;
font-weight: bold;
line-height: 1.6;
}

#tyuyou-com001 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/tyuyou/tyuyou-com001.jpg);
background-repeat: no-repeat;
width: 780px;
height: 300px;
}

#tyuyou-com001 p {
position: absolute;
top: 50px;
left: 200px;
width: 616px;
font-size: 14px;
line-height: 1.6;
}

#tyuyou-com002 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/tyuyou/tyuyou-com002.gif);
background-repeat: no-repeat;
width: 780px;
height: 83px;
}

#tyuyou-com002 p {
position: absolute;
top: 20px;
left: 40px;
width: 616px;
font-size: 12px;
line-height: 1.6;
}

#tyuyou-com003 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/tyuyou/tyuyou-com003.jpg);
background-repeat: no-repeat;
width: 780px;
height: 220px;
}

#tyuyou-com003 p {
position: absolute;
top: 50px;
left: 200px;
width: 600px;
font-size: 14px;
line-height: 1.6;
}

#tyuyou-com004 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/tyuyou/tyuyou-com002.gif);
background-repeat: no-repeat;
width: 780px;
height: 83px;
}

#tyuyou-com004 p {
position: absolute;
top: 20px;
left: 40px;
width: 600px;
font-size: 12px;
line-height: 1.6;
}

#tyuyou-com005 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/tyuyou/tyuyou-com005.jpg);
background-repeat: no-repeat;
width: 780px;
height: 180px;
}

#tyuyou-com005 p {
position: absolute;
top: 70px;
left: 200px;
width: 600px;
font-size: 12px;
line-height: 1.6;
}

#tyuyou-com006 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/tyuyou/tyuyou-com002.gif);
background-repeat: no-repeat;
width: 780px;
height: 83px;
}

#tyuyou-com006 p {
position: absolute;
top: 20px;
left: 40px;
width: 600px;
font-size: 12px;
line-height: 1.6;
}

#tyuyou-staff {
margin: 8px 0 0 0;
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/tyuyou/tyuyou-staff.gif);
background-repeat: no-repeat;
width: 780px;
height: 140px;
}

#tyuyou-staff p {
position: absolute;
top: 50px;
left: 170px;
width: 560px;
line-height: 1.6;
}


/* smarty Style */

#smarty-title {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/smarty/smarty_title.jpg);
background-repeat: no-repeat;
width: 800px;
height: 260px;
}

#smarty-title p {
position: absolute;
top: 148px;
left: 30px;
width: 500px;
font-size: 16px;
color: #339999;
font-weight: bold;
line-height: 1.6;
}

#smarty-staff {
margin: 8px 0 0 0;
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/smarty/smarty-staff.gif);
background-repeat: no-repeat;
width: 780px;
height: 140px;
}

#smarty-staff p {
position: absolute;
top: 50px;
left: 170px;
width: 560px;
line-height: 1.6;
}

.form-top {
position: absolute;
top: 20px;
left: 615px;
}

.line {
margin: 16px 0 8px 0;
background-image: url(http://the-peace-company.com/atopy/images2/format/line.gif);
background-repeat: no-repeat;
width: 780px;
height: 9px;
clear: both;
}

/* bnr Style */

.syosai1 {
position: absolute;
top: 150px;
left: 210px;
}

#bnr-if {
margin: 0 0 2px 0;
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/bnr/bnr-if.jpg);
background-repeat: no-repeat;
width: 390px;
height: 178px;
float: left;
}

#bnr-if p {
position: absolute;
top: 34px;
left: 130px;
width: 250px;
line-height: 1.6;
}


#bnr-eyepathy {
margin: 0 0 2px 2px;
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/bnr/bnr-eyepathy.jpg);
background-repeat: no-repeat;
width: 390px;
height: 178px;
float: left;
}

#bnr-eyepathy p {
position: absolute;
top: 34px;
left: 130px;
width: 250px;
line-height: 1.6;
}


#bnr-kouso {
margin: 0 0 2px 0;
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/bnr/bnr-kouso.jpg);
background-repeat: no-repeat;
width: 390px;
height: 178px;
float: left;
}

#bnr-kouso p {
position: absolute;
top: 34px;
left: 130px;
width: 250px;
line-height: 1.6;
}

#bnr-fament {
margin: 0 0 2px 2px;
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/bnr/bnr-fament.jpg);
background-repeat: no-repeat;
width: 390px;
height: 178px;
float: left;
}

#bnr-fament p {
position: absolute;
top: 34px;
left: 130px;
width: 250px;
line-height: 1.6;
}

#bnr-saponin {
margin: 0 0 2px 0;
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/bnr/bnr-saponin.jpg);
background-repeat: no-repeat;
width: 390px;
height: 178px;
float: left;
}

#bnr-saponin p {
position: absolute;
top: 34px;
left: 130px;
width: 250px;
line-height: 1.6;
}

#bnr-tyuyou {
margin: 0 0 2px 2px;
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/bnr/bnr-tyuyou.jpg);
background-repeat: no-repeat;
width: 390px;
height: 178px;
float: left;
}

#bnr-tyuyou p {
position: absolute;
top: 34px;
left: 130px;
width: 250px;
line-height: 1.6;
}

#bnr-h4o {
margin: 0 0 2px 0;
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/bnr/bnr-h4o.jpg);
background-repeat: no-repeat;
width: 390px;
height: 178px;
float: left;
}

#bnr-h4o p {
position: absolute;
top: 34px;
left: 130px;
width: 250px;
line-height: 1.6;
}


#bnr-eshield {
margin: 0 0 2px 2px;
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/bnr/bnr-eshield.jpg);
background-repeat: no-repeat;
width: 390px;
height: 178px;
float: left;
}

#bnr-eshield p {
position: absolute;
top: 34px;
left: 130px;
width: 250px;
line-height: 1.6;
}

#bnr-leghot {
margin: 0 0 2px 0;
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/bnr/bnr-leghot.jpg);
background-repeat: no-repeat;
width: 390px;
height: 178px;
float: left;
}

#bnr-leghot p {
position: absolute;
top: 34px;
left: 130px;
width: 250px;
line-height: 1.6;
}

#bnr-smarty {
margin: 0 0 2px 2px;
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/bnr/bnr-smarty.jpg);
background-repeat: no-repeat;
width: 390px;
height: 178px;
float: left;
}

#bnr-smarty p {
position: absolute;
top: 34px;
left: 130px;
width: 250px;
line-height: 1.6;
}


/* Nav-Top Style */

#nav-top {
text-align: center;
}

.nav-top-inner {
padding: 4px 4px 4px 4px;
width: 900px;
margin-left: auto;
margin-right: auto;
text-align: right;
font-size: 12px;
background: url(http://the-peace-company.com/new-images/icon-post-atopy.gif) no-repeat 11px 8px;
}

.page-title {
padding: 4px 0 4px 20px;
}

/* h4o Style */

#h4o-title {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/h4o/h4o_title.jpg);
background-repeat: no-repeat;
width: 800px;
height: 260px;
}

#h4o-title p {
position: absolute;
top: 136px;
left: 10px;
width: 400px;
font-size: 16px;
color: #339999;
font-weight: bold;
line-height: 1.6;
}

#h4o-com001 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/h4o/h4o-com001.gif);
background-repeat: no-repeat;
width: 780px;
height: 185px;
}

#h4o-com001 p {
position: absolute;
top: 40px;
left: 140px;
width: 616px;
font-size: 14px;
line-height: 1.6;
}

#h4o-com002 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/h4o/h4o-com002.gif);
background-repeat: no-repeat;
width: 780px;
height: 185px;
}

#h4o-com002 p {
position: absolute;
top: 50px;
left: 30px;
width: 616px;
font-size: 14px;
line-height: 1.6;
}

#h4o-com003 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/h4o/h4o-com003.gif);
background-repeat: no-repeat;
width: 780px;
height: 185px;
}

#h4o-com003 p {
position: absolute;
top: 40px;
left: 140px;
width: 616px;
font-size: 14px;
line-height: 1.6;
}

#h4o-com004 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/h4o/h4o-com004.gif);
background-repeat: no-repeat;
width: 780px;
height: 42px;
}

#h4o-com004 p {
position: absolute;
top: 50px;
left: 30px;
width: 616px;
font-size: 14px;
line-height: 1.6;
}

#h4o-com005 {
width: 780px;
}

#h4o-com005 p {
width: 722px;
padding: 4px 26px 4px 26px;
font-size: 14px;
line-height: 1.6;
}

#h4o-com006 {
width: 780px;
text-align: center;
}

#h4o-com007 {
width: 780px;
}

#h4o-com007 p {
width: 722px;
padding: 4px 26px 4px 26px;
font-size: 14px;
line-height: 1.6;
}

#h4o-com008 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/h4o/h4o-com008.gif);
background-repeat: no-repeat;
width: 780px;
height: 42px;
}

#h4o-com009 {
width: 780px;
text-align: center;
}

.item-price {
margin: 0 0 0 2px;
}

.price-txt {
color: #ff0000;
font-size: 16px;
font-weight: bold;
}


.utilities-inner {
padding: 0 0 0 2px;
}

.utilities-inner img {
margin: 0 0 2px 0;
}

.main-inner {
padding: 4px 0 0 5px;
}

/* top Style */

#top-com001 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/top/top-com001.jpg);
background-repeat: no-repeat;
width: 690px;
height: 220px;
}


#top-com001 p {
position: absolute;
top: 40px;
left: 180px;
width: 490px;
font-size: 14px;
line-height: 1.6;
}

#top-com001 b {
position: absolute;
top: 120px;
left: 180px;
width: 490px;
font-size: 14px;
line-height: 1.6;
}

#top-com002 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/top/top-com002.jpg);
background-repeat: no-repeat;
width: 690px;
height: 170px;
}

#top-com002 p.gokui01 {
position: absolute;
top: 40px;
left: 90px;
width: 420px;
font-size: 14px;
color: #FF0000;
font-weight: bold;
}

#top-com002 p.gokui02 {
position: absolute;
top: 100px;
left: 90px;
width: 420px;
font-size: 14px;
color: #FF0000;
font-weight: bold;
}

#rank-tit {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/top/rank-tit.gif);
background-repeat: no-repeat;
width: 690px;
height: 25px;
text-indent: -9999px;
}

#rank {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/top/rank.jpg);
background-repeat: no-repeat;
width: 690px;
height: 280px;
}

#rank a,
#rank a:link,
#rank a:hover,
#rank a:active{
color:#009;
}

#rank a:visited{
color:#909;
}

.rank1-tit {
position: absolute;
top: 185px;
left: 24px;
font-size: 12px;
}

.rank1-com {
position: absolute;
top: 205px;
left: 8px;
font-size: 10px;
width: 170px;
}

.rank2-tit {
position: absolute;
top: 185px;
left: 178px;
font-size: 12px;
}

.rank2-com {
position: absolute;
top: 205px;
left: 182px;
font-size: 10px;
width: 120px;
}

.rank3-tit {
position: absolute;
top: 185px;
left: 332px;
font-size: 12px;
}

.rank3-com {
position: absolute;
top: 205px;
left: 311px;
font-size: 10px;
width: 134px;
}

.rank4-tit {
position: absolute;
top: 185px;
left: 480px;
font-size: 12px;
}

.rank4-com {
position: absolute;
top: 205px;
left: 450px;
font-size: 10px;
width: 120px;
}

.rank5-tit {
position: absolute;
top: 185px;
left: 620px;
font-size: 12px;
}

.rank5-com {
position: absolute;
top: 205px;
left: 575px;
font-size: 10px;
width: 120px;
}

/* result Style */

#result-title {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/result/result_title.jpg);
background-repeat: no-repeat;
width: 800px;
height: 240px;
}

#result-title p {
position: absolute;
top: 156px;
left: 10px;
width: 400px;
font-size: 16px;
color: #339999;
font-weight: bold;
line-height: 1.6;
}

#result-com001 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/result/result-com001.gif);
background-repeat: no-repeat;
width: 780px;
height: 220px;
}

#result-com001 p {
position: absolute;
top: 50px;
left: 30px;
width: 590px;
font-size: 14px;
line-height: 1.6;
}

#result-com002 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/result/result-com002.gif);
background-repeat: no-repeat;
width: 780px;
height: 192px;
}

#result-com002 p {
position: absolute;
top: 50px;
left: 30px;
width: 730px;
font-size: 14px;
line-height: 1.6;
}

#result-com003 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/result/result-com003.gif);
background-repeat: no-repeat;
width: 780px;
height: 290px;
}

#result-com003 p {
position: absolute;
top: 200px;
left: 30px;
width: 590px;
font-size: 14px;
line-height: 1.6;
}

#result-com004 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/result/result-com004.gif);
background-repeat: no-repeat;
width: 780px;
height: 42px;
}

#result-com004-qa1 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/result/result-com004-qa1.gif);
background-repeat: no-repeat;
width: 780px;
height: 200px;
}

#result-com004-qa1 p {
position: absolute;
top: 50px;
left: 30px;
width: 616px;
font-size: 14px;
line-height: 1.6;
}

#result-com004-qa2 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/result/result-com004-qa2.gif);
background-repeat: no-repeat;
width: 780px;
height: 285px;
}

#result-com004-qa2 p {
position: absolute;
top: 50px;
left: 30px;
width: 616px;
font-size: 14px;
line-height: 1.6;
}

#result-com005 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/result/result-com005.gif);
background-repeat: no-repeat;
width: 780px;
height: 300px;
}

#result-com005 p {
position: absolute;
top: 50px;
left: 30px;
width: 500px;
font-size: 14px;
line-height: 1.6;
}


/* eruma Style */

#eruma-title {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/eruma/eruma_title.jpg);
background-repeat: no-repeat;
width: 800px;
height: 260px;
}

#eruma-title p {
position: absolute;
top: 148px;
left: 30px;
width: 500px;
font-size: 16px;
color: #339999;
font-weight: bold;
line-height: 1.6;
}

#eruma-com001 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/eruma/eruma-com001.gif);
background-repeat: no-repeat;
width: 780px;
height: 210px;
}

#eruma-com001 p {
position: absolute;
top: 40px;
left: 140px;
width: 616px;
font-size: 14px;
line-height: 1.6;
}


#eruma-com002 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/eruma/eruma-com002.gif);
background-repeat: no-repeat;
width: 780px;
height: 210px;
}

#eruma-com002 p {
position: absolute;
top: 40px;
left: 30px;
width: 520px;
font-size: 14px;
line-height: 1.6;
}

#eruma-com003 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/eruma/eruma-com003.gif);
background-repeat: no-repeat;
width: 780px;
height: 260px;
}

#eruma-com003 p {
position: absolute;
top: 40px;
left: 140px;
width: 616px;
font-size: 14px;
line-height: 1.6;
}

/* eshield Style */

#eshield-title {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/eshield/eshield_title.jpg);
background-repeat: no-repeat;
width: 800px;
height: 260px;
}

#eshield-title p {
position: absolute;
top: 148px;
left: 30px;
width: 500px;
font-size: 16px;
color: #339999;
font-weight: bold;
line-height: 1.6;
}

#eshield-com001 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/eshield/eshield-com001.gif);
background-repeat: no-repeat;
width: 780px;
height: 210px;
}

#eshield-com001 p {
position: absolute;
top: 40px;
left: 140px;
width: 616px;
font-size: 14px;
line-height: 1.6;
}


#eshield-com002 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/eshield/eshield-com002.gif);
background-repeat: no-repeat;
width: 780px;
height: 210px;
}

#eshield-com002 p {
position: absolute;
top: 40px;
left: 30px;
width: 520px;
font-size: 14px;
line-height: 1.6;
}

#eshield-com003 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/eshield/eshield-com003.gif);
background-repeat: no-repeat;
width: 780px;
height: 260px;
}

#eshield-com003 p {
position: absolute;
top: 40px;
left: 140px;
width: 616px;
font-size: 14px;
line-height: 1.6;
}

/* leghot Style */

#leghot-title {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/leghot/leghot_title.jpg);
background-repeat: no-repeat;
width: 800px;
height: 260px;
}

#leghot-title p {
position: absolute;
top: 148px;
left: 30px;
width: 500px;
font-size: 16px;
color: #339999;
font-weight: bold;
line-height: 1.6;
}

#leghot-staff {
margin: 8px 0 0 0;
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/leghot/leghot-staff.gif);
background-repeat: no-repeat;
width: 780px;
height: 140px;
}

#leghot-staff p {
position: absolute;
top: 50px;
left: 170px;
width: 560px;
line-height: 1.6;
}

#leghot-com001 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/leghot/leghot-com001.gif);
background-repeat: no-repeat;
width: 780px;
height: 210px;
}

#leghot-com001 p {
position: absolute;
top: 40px;
left: 140px;
width: 616px;
font-size: 14px;
line-height: 1.6;
}


#leghot-com002 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/leghot/leghot-com002.gif);
background-repeat: no-repeat;
width: 780px;
height: 210px;
}

#leghot-com002 p {
position: absolute;
top: 40px;
left: 30px;
width: 520px;
font-size: 14px;
line-height: 1.6;
}

#leghot-com003 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/leghot/leghot-com003.gif);
background-repeat: no-repeat;
width: 780px;
height: 260px;
}

#leghot-com003 p {
position: absolute;
top: 40px;
left: 140px;
width: 616px;
font-size: 14px;
line-height: 1.6;
}

#leghot-com004 {
position: relative;
background-image: url(http://the-peace-company.com/atopy/images2/leghot/leghot-com004.gif);
background-repeat: no-repeat;
width: 780px;
height: 210px;
}

#leghot-com004 p {
position: absolute;
top: 40px;
left: 30px;
width: 520px;
font-size: 14px;
line-height: 1.6;
}


/* order result------------------------------------------------------------------ */

#result{
text-align: center;
}

#result .order{
width:640px;
height:360px;
margin-left: auto;
margin-right: auto;
/*margin:50px 0 0 0;*/
}
#result .order-inner{
width:610px;
margin:15px;
}

#result .order .left{
width:180px;
height:200px;
float:left;
margin:0 15px 0 0;
}
#result .order .center{
width:210px;
height:200px;
float:left;
margin:0;
}
#result .order .right{
width:190px;
height:200px;
float:left;
margin:0 0 0 15px;
}

#result .order .header{
width:640px;
height:55px;
margin:0;
background:url(../images/result/order/header.jpg) no-repeat 0 0;
}

.out-bnr{
width:191px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

/* H4Oキャンペーン */

.camp-box {
text-align: center;
}

.camp-box-inner {
padding: 4px 4px 4px 70px;
width: 550px;
margin-left: auto;
margin-right: auto;
text-align: left;
font-size:12px;
line-height:1.5;
background:url(http://the-peace-company.com/new-images/h4o-campaign/info.gif) no-repeat 0 5px;
}


.camp-box-inner a,
.camp-box-inner a:link,
.camp-box-inner a:visited,
.camp-box-inner a:hover,
.camp-box-inner a:active{
font-size:12px;
color:#f00;
text-decoration:underline;
}


.campaign-box{ margin:0 0 0 100px; padding:20px 0 0 0; width:700px; }
.campaign-box-inner{}
.campaign-header{
width:700px;
height:480px;
margin:0 auto 10px auto;
background:url(http://the-peace-company.com/new-images/h4o-campaign/header3.jpg) no-repeat 0 0;
}
.campaign-header-inner{ display:none; }
.campaign-txt{
margin:20px 30px 20px 30px;
padding:0;
background:url();
color:#000;
}
.campaign-txt ul{
margin:0 0 0 20px;
padding:0;
}
.campaign-txt ul li{ margin:0 0 7px 0; }
.campaign-close{ text-align:center; margin:30px 0; }
.campaign-lineup-tbl{
width:700px;
margin:20px 0;
background:#333;
border:solid 1px #333;
}
.campaign-lineup-tbl td{
width:50%;
padding:15px;
background:#fff;
vertical-align:top;
}
.campaign-lineup-tbl td.list{
width:50%;
padding:10px;
background:#fff;
vertical-align:top;
}
.campaign-lineup-tbl td.list-a{
width:50%;
padding:10px;
vertical-align:top;
background:#fff url(http://the-peace-company.com/new-images/h4o-campaign/tokuten_a.jpg) no-repeat 100% 100%;
}
.campaign-lineup-tbl td.list-b{
width:50%;
padding:10px;
vertical-align:top;
background:#fff url(http://the-peace-company.com/new-images/h4o-campaign/tokuten_b.jpg) no-repeat 100% 100%;
}
.campaign-lineup-tbl .item-img{
width:150px;
height:120px;
float:left;
margin:0 10px 0 0;
}
.campaign-lineup-tbl .item-name{
font-size:14px;
font-weight:bold;
}
.campaign-lineup-tbl .item-txt{
font-size:13px;
color:#000;
}
.campaign-lineup-tbl .item-btn{
margin:10px 0 0 0;
padding:0;
text-align:right;
}
.item-name01{
width:318px;
height:25px;
margin:0 auto 15px auto;
background:url(http://the-peace-company.com/new-images/h4o-campaign/item-name01.jpg) no-repeat 0 0;
}
.item-name02{
width:318px;
height:25px;
margin:0 auto 15px auto;
background:url(http://the-peace-company.com/new-images/h4o-campaign/item-name02.jpg) no-repeat 0 0;
}
.tokuten-title01{
font-size:14px;
line-height:1.5;
font-weight:bold;
margin:0 0 5px 0;
color:#000;
}
.tokuten-title02{
font-size:13px;
font-weight:normal;
color:#000;
}
.tokuten-img{
width:40px;
height:40px;
float:left;
margin:0 3px 0 2px;
}
.tokuten-txt{
margin:9px 0 0 0;
font-size:12px;
line-height:1.3;
color:#f00;
}
.tokuten-txt a,
.tokuten-txt a:link,
.tokuten-txt a:visited,
.tokuten-txt a:hover,
.tokuten-txt a:active{
color:#f44;
}
.fs01{
color:#f00;
font-size:14px;
font-weight:bold;
}


ul.h4o-campaign-list{
margin:30px 80px 30px 80px;
padding:0;
font-size:13px;
list-style-type:none;
}
ul.h4o-campaign-list strong{
font-size:14px;
font-weight:bold;
color:#f44;
}
ul.h4o-campaign-list li{
margin:0 0 10px 0;
padding:0 0 0 50px;
}
ul.h4o-campaign-list li.toku-link{
margin:0 0 0 0;
text-align:right;
font-size:14px;
}
ul.h4o-campaign-list li.toku01{
background:url(http://the-peace-company.com/new-images/h4o/index/tokuten01.jpg) no-repeat 0 0;
}
ul.h4o-campaign-list li.toku02{
background:url(http://the-peace-company.com/new-images/h4o/index/tokuten02.jpg) no-repeat 0 0;
}
ul.h4o-campaign-list li.toku03{
background:url(http://the-peace-company.com/new-images/h4o/index/tokuten03.jpg) no-repeat 0 0;
}
ul.h4o-campaign-list li.toku04{
background:url(http://the-peace-company.com/new-images/h4o/index/tokuten04.jpg) no-repeat 0 0;
}
ul.h4o-campaign-list li.toku05{
background:url(http://the-peace-company.com/new-images/h4o/index/tokuten05.jpg) no-repeat 0 0;
}

/* ペアキャンペーン */

#campaign-pair01{
width:700px;
height:380px;
margin:15px auto;
position:relative;
background:url(http://the-peace-company.com/new-images/campaign/pair01.jpg) no-repeat 0 0;
}
#campaign-pair02{
width:700px;
height:60px;
margin:30px auto;
text-align:center;
font-size:12px;
}
#campaign-pair03{
width:700px;
height:700px;
margin:15px auto 50px auto;
position:relative;
background:url(http://the-peace-company.com/new-images/campaign/pair03.jpg) no-repeat 0 0;
}
#campaign-pair04{
width:700px;
height:40px;
margin:0 auto 5px auto;
background:url(http://the-peace-company.com/new-images/campaign/pair04.jpg) no-repeat 0 0;
}
#campaign-pair01 .h4o-txt-link{
position:absolute;
left:405px; top:280px;
font-size:10px;
}
#campaign-pair01 .btn{
width:174px;
height:37px;
position:absolute;
left:480px; top:340px;
}

/* ポイントアイコン */
.picon-r{ text-align:right; }
.picon-l{ text-align:left; }
.picon-c{ text-align:center; }




/* キャンペーンスタイル */


.campaign-box{ margin:auto; padding:20px 0 0 0; }
.campaign-box-inner{ margin:20px 50px 50px 50px; }
.campaign-header{
width:700px;
height:470px;
margin:0 auto 10px auto;
background:url(http://the-peace-company.com/new-images/h4o-campaign/header3.jpg) no-repeat 0 0;
}
.campaign-header-inner{ display:none; }
.campaign-txt{
margin:20px 30px 20px 30px;
padding:0;
background:url();
color:#000;
}
.campaign-txt ul{
margin:0 0 0 20px;
padding:0;
}
.campaign-txt ul li{ margin:0 0 7px 0; }
.campaign-close{ text-align:center; margin:30px 0; }
.campaign-lineup-tbl{
width:100%;
margin:20px 0;
background:#333;
border:solid 1px #333;
}
.campaign-lineup-tbl td{
width:50%;
padding:15px;
background:#fff;
vertical-align:top;
}
.campaign-lineup-tbl td.list{
width:50%;
padding:10px;
background:#fff;
vertical-align:top;
}
.campaign-lineup-tbl td.list-a{
width:50%;
padding:10px;
vertical-align:top;
background:#fff url(http://the-peace-company.com/new-images/h4o-campaign/tokuten_a.jpg) no-repeat 100% 100%;
}
.campaign-lineup-tbl td.list-b{
width:50%;
padding:10px;
vertical-align:top;
background:#fff url(http://the-peace-company.com/new-images/h4o-campaign/tokuten_b.jpg) no-repeat 100% 100%;
}
.campaign-lineup-tbl .item-img{
width:150px;
height:120px;
float:left;
margin:0 10px 0 0;
}
.campaign-lineup-tbl .item-name{
font-size:14px;
font-weight:bold;
}
.campaign-lineup-tbl .item-txt{
font-size:13px;
color:#000;
}
.campaign-lineup-tbl .item-btn{
margin:10px 0 0 0;
padding:0;
text-align:right;
}
.item-name01{
width:318px;
height:25px;
margin:0 auto 15px auto;
background:url(http://the-peace-company.com/new-images/h4o-campaign/item-name01.jpg) no-repeat 0 0;
}
.item-name02{
width:318px;
height:25px;
margin:0 auto 15px auto;
background:url(http://the-peace-company.com/new-images/h4o-campaign/item-name02.jpg) no-repeat 0 0;
}

.tokuten-title01{
font-size:14px;
line-height:1.5;
font-weight:bold;
margin:0 0 5px 0;
color:#000;
}
.tokuten-title02{
font-size:13px;
font-weight:normal;
color:#000;
}
.tokuten-img{
width:40px;
height:40px;
float:left;
margin:0 3px 0 2px;
}
.tokuten-txt{
margin:9px 0 0 0;
font-size:12px;
line-height:1.3;
color:#f00;
}
.tokuten-txt a,
.tokuten-txt a:link,
.tokuten-txt a:visited,
.tokuten-txt a:hover,
.tokuten-txt a:active,{
color:#f44;
}
.fs01{
color:#f00;
font-size:14px;
font-weight:bold;
}
.otoku4{
margin:0;
padding:20px 0 0 0;
background:url(http://the-peace-company.com/new-images/h4o-campaign/otoku4.gif) no-repeat 0 0;
}

.otoku5{
margin:0;
padding:26px 0 0 0;
background:url(http://the-peace-company.com/new-images/h4o-campaign/otoku5.gif) no-repeat 0 0;
}

.otoku6{
margin:0;
padding:26px 0 0 0;
background:url(http://the-peace-company.com/new-images/h4o-campaign/otoku6.gif) no-repeat 0 0;
}

.otoku7{
margin:0;
padding:26px 0 0 0;
background:url(http://the-peace-company.com/new-images/h4o-campaign/otoku7.gif) no-repeat 0 0;
}