/* ----------------------------------------
e87.com いいはなドットコム　CSS

date:2007/05/18
info
---------------------------------------- */

/* frame */

#contents {width:950px;margin:0 auto;}
#contents #mainArea {width:880px;margin:0 0 0 15px;_margin:0 0 0 14px;float:right;}
#contents #leftNavi {width:155px;float:right;}
/*  bottomArea */
#contents .pagetop {width:930px;text-align:right;margin:25px 0;}
#contents .pagetop p {font-size:85%;margin:0 5px 0 0;}
#contents .allow {color:#ca417d;font-size:85%;}
/* beginer.html mainArea id="beginer" */
#beginer h1 {padding:0 0 0 40px;margin:0 0 25px;font-size:140%;color:#000;font-weight:bold;background:url(//img.e87.com/info/images/tit_bg01.gif) no-repeat left top;line-height:160%;}
#beginer .lead {margin:15px 0 0 10px;}
#beginer .lead dt {display:block;float:left;width:10px;line-height:130%;}
#beginer .lead dd {float:left;margin:0 0 5px;width:545px;line-height:130%;}
#beginer .leadLink {margin:0 0 0 10px;}
#beginer .leadLink .link01 {float:left;margin:0 15px 0 0;}
#beginer .leadLink .link02 {float:left;color:#ca417d;padding:0 0 0 7px;background:url(//img.e87.com/info/images/allow.gif) no-repeat left 6px;}
#beginer .leadLink .link02 a {color:#ca417d;text-decoration:none;}
#beginer .leadLink .link02 a:hover {color:#ca417d;text-decoration:underline;}
#beginer .mainBox {width:870px;margin:25px 0 0 2px;border:#DC638B 3px solid;border-radius:5px;padding:10px;}
#beginer .mainBox h2 {background:url(//img.e87.com/info/images/icon_01.gif) no-repeat left 2px;padding:0 0 0 20px;line-height:180%;font-weight:bold;}
#beginer .mainBox .innerTit {background:url(//img.e87.com/info/images/dot_line.gif) repeat-x bottom ;margin:0 0 2px;}
#beginer .mainBoxInner p {margin:0 0 0 20px;}
#beginer .mainBoxInner dt {display:block;float:left;width:10px;line-height:130%;margin:0 0 0 20px;}
#beginer .mainBoxInner dd {float:left;line-height:130%;}
#beginer .innerLink {margin:0 0 15px 20px;}
#beginer .innerLink .link01 {float:left;margin:0 15px 0 0;}
#beginer .innerLink .link02 {float:left;color:#ca417d;padding:0 0 0 7px;margin:0;background:url(//img.e87.com/info/images/allow.gif) no-repeat left 6px;}
#beginer .innerLink .link02 a {color:#ca417d;text-decoration:none;}
#beginer .innerLink .link02 a:hover {color:#ca417d;text-decoration:underline;}
#beginer .innerBottom {margin:25px 0 0 -16px;}
#beginer .innerBottom .linkBottom {padding:0 0 0 7px;background:url(//img.e87.com/info/images/allow.gif) no-repeat left 6px;margin:0 0 10px 20px;}
#beginer .innerBottom .linkBottom a {color:#ca417d;text-decoration:none;}
#beginer .innerBottom .linkBottom a:hover {color:#ca417d;text-decoration:underline;}
/* mobile.html mainArea id="mobile" */
#mobile .topArea {width:870px;margin:0 auto;}
#mobile .mainLeft {width:395px;margin:40px 30px 0 0;float:left;}
#mobile .mainLeft .flow p {margin:0 0 15px 15px;}
#mobile .mainLeft .flow span {font-size:85%;}
#mobile .mainRight {width:130px;margin:20px 0 0;float:left;text-align:center;background:url(//img.e87.com/info/images/line_02.gif) repeat-x left 7px;}
#mobile .mainRight p {width:90px;color:#ca417d;font-weight:bold;background:#FFF;margin:0 auto 8px;}
#mobile .mainBox {width:393px;margin:25px 0 0 2px;background:url(//img.e87.com/info/images/mobile_bg02.gif) repeat-y left top;}
#mobile .innerTit {margin:5px 0 15px 25px;}
#mobile .innerBox {margin:15px 0 15px 22px;background:url(//img.e87.com/info/images/dot_line02.gif) repeat-y 175px;}
#mobile .innerLeft {width:160px;background:#fff2f9;text-align:center;float:left;color:#ca417d;padding:20px 0 0;}
#mobile .innerRight {width:160px;background:#fff2f9;text-align:center;float:left;color:#ca417d;padding:20px 0 0;margin:0 0 0 30px;}
#mobile .innerCode {margin:0 0 10px;}
#mobile .innerBtn {margin:28px 0 44px;}
#mobile .mainBoxTop {height:6px;background:url(//img.e87.com/info/images/mobile_bg01.gif) no-repeat left top;}
#mobile .mainBoxBottom {height:6px;background:url(//img.e87.com/info/images/mobile_bg03.gif) no-repeat left bottom;}
/* affiliate.html mainArea id="affiliate" */
#affiliate h1 {padding:0 0 0 40px;margin:0 0 25px;font-size:140%;color:#000;font-weight:bold;background:url(//img.e87.com/info/images/tit_bg01.gif) no-repeat left top;border-bottom:2px solid #ca417d;line-height:160%;}
#affiliate .mainTopArea {margin:0 10px 0 5px;}
#affiliate h2 {line-height:180%;font-weight:bold;color:#ca417d;margin:0 0 15px;} 
#affiliate .mainTopBox {margin:0 0 25px;}
#affiliate .mainTopBox .mainTopSubtit {font-weight:bold;margin:0 0 2px;}
#affiliate #mainArea a {color:#ca417d;text-decoration:none;}
#affiliate #mainArea a:hover {color:#ca417d;text-decoration:underline;}
#affiliate .mainBottomArea {margin:0 10px 0 5px;}
#affiliate .mainBottomArea h2 {line-height:180%;font-weight:bold;color:#ca417d;margin:0;} 
#affiliate .mainBottomBox p {margin-left:1em;margin-bottom:10px;}
#affiliate .mainBottomBox .mainBottomQ {padding-left:1em;text-indent:-1em;font-weight:bold;margin:15px 0 2px;}
#affiliate .mainBottomBox .mainBottomA {padding-left:1em;text-indent:-1em;margin:0 0 15px;}
#affiliate .mainBottomBox .detail {float:left;margin:0 30px 0 25px;}
#affiliate .mainBottomBox .mainBottomA span {font-weight:bold;}
#affiliate .mainBottomBox ul {padding-left:2.5em;margin:5px 0;list-style-type:disc;}
#affiliate .mainBottomArea .bottomCenter {text-align:center;margin:0 0 10px;}
#affiliate .mainBottomArea .bottomCenterImg {text-align:center;margin:10px 0;}
/* corporate.html */
#contents #mainArea2 {width:576px;margin:0 0 35px 19px;_margin:0 0 0 18px;float:right;}
#contents #mainArea2 h1{padding:0 0 0 27px;margin:0 0 28px;font-size:140%;color:#000;font-weight:bold;background:url(//img.e87.com/info/images/corp_tit_bg01.gif) no-repeat left top;border-bottom:2px solid #ca417d;line-height:160%;}
#contents #mainArea2 table {width:416px;_width:553px;margin:0 0 22px;float:left;}
#contents #mainArea2 table td.bg {color:#ca417d;padding:5px;vertical-align:top;background:#f0f0f0;}
#contents #mainArea2 table td.wh{padding:5px;vertical-align:top;}
#contents #mainArea2 .map{width:510px;_width:500px;height:269px;border-top:1px solid #696851;border-left:1px solid #696851;border-bottom:1px solid #696851;border-right:1px solid #696851;margin:0 0 0 22px;float:right;}
#contents #mainArea2 .map .mapLeft p.pnk{margin:0 0 18px;color:#ca417d;}
#contents #mainArea2 .map .mapLeft p.def{color:#696851;}
#contents #mainArea2 .map .mapLeft{width:160px;margin:11px 0 0 15px;_margin:11px 0 0 6px;float:left;}
#contents #mainArea2 .map .mapRight{margin:11px 11px 0 0;_margin:11px 6px 0 0;float:right;}
/* mobile.html mainArea id="mailmag" */
#mailmag .topArea {width:870px;margin:0 0 20px 12px;_margin:0 0 20px 10px;}
#mailmag .contentsArea {width:870px;_width:860px;margin:0 0 0 12px;background:url(//img.e87.com/info/images/mailmag_lead_bg.gif) no-repeat right top;}
#mailmag .contentsArea .mainLead {width:321px;}
#mailmag .contentsArea .mainLeadBox {float:left;width:321px;}
#mailmag .contentsArea .mainBox {width:870px;_width:860px;margin:0;}
#mailmag .contentsArea .mainBox .mainLeft {width:215px;padding:56px 0 0;float:left;}
#mailmag .contentsArea .mainBox .mainCenter {width:215px;padding:4px 0 0;float:left;}
#mailmag .contentsArea .mainBox .mainRight {width:215px;margin:0 35px 0 7px;_margin:0 33px 0 7px;padding:56px 0 0;float:left;}
#mailmag .contentsArea .mainBox .clickable {width:77px;height:140px;padding:61px 0 0;float:left;}
#mailmag .btnBox {height:80px;background:url(//img.e87.com/info/images/mailmag_btn_bg.gif) no-repeat 170px top;padding:12px 0 0 310px;}
#mailmag .btnBox .btnArea {width:290px;height:42px;}
#mailmag .comment {width:570;_width:560;height:380;_height:180;margin:10px 0 35px;border-top:1px solid #cbcac2;border-bottom:1px solid #cbcac2;border-right:1px solid #cbcac2;border-left:1px solid #cbcac2;}
#mailmag .comment p.env {height:22px;background:#f0f0f0 url(//img.e87.com/info/images/mailmag_icon.gif) no-repeat 6px center;padding:4px 0 0 28px;}
#mailmag .comment p.pc {margin:0 0 0 28px;}
#mailmag .comment ul.list01 {list-style-type:disc;padding:10px 20px 12px 28px;}
#mailmag .sampleImg {text-align:center;}
/* sitemap.html */
#sitemap h1 {padding:0 0 0 40px;margin:0 0 25px;font-size:140%;color:#000;font-weight:bold;background:url(//img.e87.com/info/images/tit_bg01.gif) no-repeat left top;line-height:160%;}
#sitemap #contents a {text-decoration:none;}
#sitemap #contents a:hover {text-decoration:underline;}
#sitemap .topArea {width:950px;margin:15px 0 15px 15px ;}
#sitemap .topArea .topLeft {width:530px;margin:0 20px 0 0;float:left;}
#sitemap .topArea .topRight {width:400px;float:left;}
#sitemap .topArea h2 {height:22px;padding:0 0 0 33px;color:#ca417d;background:#f0f0f0 url(//img.e87.com/info/images/icon_04.gif) no-repeat left 3px;line-height:180%;}
#sitemap .topArea .topLeft ul {width:220px;margin:15px 0 20px;float:left;}
#sitemap .topArea .topRight ul {width:220px;margin:15px 0 20px;}
#sitemap .topArea .topLeft ul.firstList {width:220px;margin:15px 10px 20px 0;float:left;}
#sitemap .topArea ul li {margin:0 0 3px 15px;padding:0 0 0 7px;background:url(//img.e87.com/info/images/allow.gif) no-repeat left 6px;}
#sitemap .topArea ul li span{display:block;margin:3px 0 0 10px;}
#sitemap .shoppingArea {width:750px;margin:0 0 30px;}
#sitemap .shoppingArea h2 {color:#ca417d;font-weight:bold;margin:0 0 5px 20px;}
#sitemap .mainBox {width:870px;margin: 15px 0 0 5px;border: #DC638B 3px solid;border-radius: 5px;padding: 10px;}
#sitemap .shoppingArea div.listWrap {width:220px;margin:5px 0 0 23px;_margin:5px 0 0 15px;float:left;}
#sitemap .shoppingArea div.listWrap h3 {background:url(//img.e87.com/info/images/dot_line.gif) repeat-x bottom;}
#sitemap .shoppingArea div.listWrap h3 span {display:block;background:url(//img.e87.com/info/images/icon_01.gif) no-repeat left 2px;padding:0 0 0 20px;line-height:180%;font-weight:bold;margin:0 0 5px;color:#ca417d;}
#sitemap .shoppingArea div.listWrap h4 {margin:10px 0 5px 15px;}
#sitemap .shoppingArea div.listWrap h4 a {font-weight:bold;}
#sitemap .shoppingArea div.listWrap ul {margin:0 0 15px;}
#sitemap .shoppingArea div.listWrap ul li {margin:0 0 3px 15px;padding:0 0 0 7px;background:url(//img.e87.com/info/images/allow.gif) no-repeat left 6px;}
/* giftday.html mainArea id="giftday" */
#giftday #contents #mainArea {width:880px;margin:0px;float:right;}
#giftday .contentsArea {width:870px;float:right;margin:0;}
#giftday .topArea {width:870px;float:right;margin-bottom:20px;}
#giftday #contents #leftNavi {width:155px;float:left;}
#giftday .contentsArea .mainlead {float:left;width:740px;margin-bottom:15px;}
#giftday .contentsArea .mainlead p {margin:5px 5px 0 15px;padding:0;}
#giftday .contentsArea .mainleadimg {float:left;width:130px;}
#giftday .contentsArea .box {width:815px;_width:845px;margin-left:15px;margin-bottom:15px;background:#fff4f9;padding:10px 15px;font-size:90%;}
#giftday .contentsArea .box .left {float:left;width:10px;margin:0;padding:0;}
#giftday .contentsArea .box .right {float:right;width:800px;margin:0;padding:0}
#giftday .contentsArea .box .right a:link {color:#ca417d;text-decoration:none;}
#giftday .contentsArea .box .right a:hover {color:#ca417d;text-decoration:underline }
#giftday .contentsArea .box .right a:visit {color:#ca417d;text-decoration:none;}
#giftday .contentsArea .mainimg-l {float:left;width:146px;margin:20px 0 0 150px;}
#giftday .contentsArea .mainimg-c {float:left;width:273px;margin-bottom:15px;}
#giftday .contentsArea .mainimg-r {float:left;width:151px;margin-bottom:15px;}
/* exchangepoint.html mainArea id="exchangepoint"
#exchangepoint #contents #mainArea { width:880px; margin:0px; float:right; }
#exchangepoint .contentsArea { width:860px; margin: 0 0 0 5px; }
#exchangepoint .topArea { width:870px; float:right; margin-bottom: 10px; }
#exchangepoint #contents #leftNavi { width:155px; float:left; }
#exchangepoint .contentsArea .mainlead {width:540px;margin-bottom:15px;margin: 0 auto;}
#exchangepoint .contentsArea .mainlead .table1{text-align:center;margin: 20px 130px 20px 130px;}
#exchangepoint .contentsArea .mainlead .table2{text-align:center;margin: 20px 105px 20px 105px;padding: 2px 2px 2px 2px;}
#exchangepoint .contentsArea .mainlead .table2_txt{font-weight:bold;padding: 0 0 3px 0;}
#exchangepoint .contentsArea .mainlead .login_btn { width:150px; margin:0 auto; }
#exchangepoint .contentsArea .mainlead p { margin:5px 5px 0 15px; padding:0px; }
#exchangepoint .contentsArea .mainleadimg {width:130px;margin-left: 200px;}
#exchangepoint .contentsArea .box {width:815px;_width:845px;margin-left:15px;margin-bottom:8px;background:#fff4f9;padding:10px 15px 10px 15px;font-size:85%;margin-top:7px;}
#exchangepoint .contentsArea .box a{color:#ca417d;text-decoration:underline;}
#exchangepoint .contentsArea .box .left {float:left;width:10px;margin:0px;padding:0px;}
#exchangepoint .contentsArea .box .right {width:500px;margin-bottom:4px;}
#exchangepoint .contentsArea .box .right a:link {color:#ca417d;text-decoration:none;}
#exchangepoint .contentsArea .box .right a:hover {color:#ca417d;text-decoration: underline;}
#exchangepoint .contentsArea .box .right a:visit {color:#ca417d;text-decoration:none;}
#exchangepoint .contentsArea .mainimg-l {float:left;width:146px;margin-bottom:15px;}
#exchangepoint .contentsArea .mainimg-c {float:left;width:273px;margin-bottom:15px;}
#exchangepoint .contentsArea .mainimg-r {float:left;width:151px;margin-bottom:15px;}
*/