/* ----------------------------------------
e87.com ‚¢‚¢‚͂ȃhƒbƒgƒRƒ€@CSS

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

/* 
frame
----------------------------------- */

#contents { width:960px; margin:0 auto; }
#contents #mainArea { width:910px; margin:0 0 0 15px; _margin:0 0 0 14px; float:center; font-size:13px; }
#contents #leftNavi { width:155px; float:right; }
.mT40 {margin-top:40px !important; }
.mT80 {margin-top:80px !important; }
.mB40 {margin-bottom:40px !important; }
/* 
bottomArea
----------------------------------- */

#contents .pagetop { width:730px; text-align:right; margin:25px 0; }
#contents .pagetop p { font-size:85%; margin:0 5px 0 0; }
#contents .allow { color:#ca417d; font-size:85%; }
/* 
index.html mainArea
---------------------------------------- */
#mainArea h1 { padding:20px 0 0 40px; margin:0 0 25px 0; font-size:140%; color:#000; font-weight:bold; background:url(//img.e87.com/guide/images/tit_bg01.gif) no-repeat left bottom; border-bottom:2px solid #ca417d; line-height:160%; }
#mainArea h1 span{ float:right; margin:0 0 25px 0; font-size:100%; color:#000; font-weight:bold; text-align:right; line-height:160%; }
#mainArea .left { width:276px; float:left; margin:0 20px 0 1px; }
#mainArea .right{ width:276px; float:left; }
.right h3 { height:22px; padding:0 0 0 28px; color:#ca417d; background:#f0f0f0 url(//img.e87.com/guide/images/icon_04.gif) no-repeat left top; line-height:180%; }
.left h3.left01,
.left h3.left02,
.left h3.left03{ height:22px; padding:0 0 0 28px; color:#ca417d; line-height:180%; }
.left h3.left01 { background:#f0f0f0 url(//img.e87.com/guide/images/icon_01.gif) no-repeat 2px 1px; }
.left h3.left02 { background:#f0f0f0 url(//img.e87.com/guide/images/icon_02.gif) no-repeat 2px top; }
.left h3.left03 { background:#f0f0f0 url(//img.e87.com/guide/images/icon_03.gif) no-repeat 2px top; }
.left ul.guideList,
.right ul.guideList{ margin:10px 0 20px 30px; }
.left ul.guideList li,
.right ul.guideList li,
.right ul.guideList02 li { padding:0 0 0 12px; background: url(//img.e87.com/guide/images/allow2.gif) no-repeat 2px 5px ; }
.left ul li a:link, 
.left ul li a:visited,
.right ul li a:link,
.right ul li a:visited{ text-decoration:none; }
.left ul li a:hover,
.left ul li a:active,
.right ul li  a:hover,
.right ul li a:active { text-decoration:underline; }
.right ul.guideList02 { margin:0 0 0 15px; }

/* 
1_1.html mainArea id="guide"
---------------------------------------- */
#guide h2 { color:#ca417d; font-weight:bold; font-size:16px; margin:0 0 0 15px; }
#guide .lead p { margin:10px 0 0 15px; }
#guide .contBox { margin:15px 0 0 0; }
#guide .contBox a { font-weight: bold; text-decoration: underline;}
#guide .contBox h3.icon_01 { height:22px; padding:0 0 0 28px; margin:0 0 5px 0; color:#ca417d; background:#f0f0f0 url(//img.e87.com/guide/images/icon_01.gif) no-repeat 2px 1px; line-height:180%; }
#guide .bottomLinkBox01 { padding:50px 0; }
#guide .bottomLinkBox02 { padding:50px 0 50px 205px; }
#guide .bottomLinkBox a { color:#ca417d; }
#guide .bottomLeft { width:300px; float:left; text-align:left; color:#ca417d; margin:0 0 0 5px; }
#guide .bottomLeft p { color:#ca417d; padding:0 0 0 10px; background: url(//img.e87.com/guide/images/allow2.gif) no-repeat left 5px; }
#guide .bottomCenter { width:300px; float:left; padding:0 10px 0 0; }
#guide .bottomCenter p { background: url(//img.e87.com/guide/images/icon_05.gif) no-repeat; padding:0 0 0 20px; color:#ca417d; }
#guide .bottomRight { background: url(//img.e87.com/guide/images/allow2.gif) no-repeat left 5px; float:right; color:#ca417d; margin:0 5px 0 0; }
#guide .bottomRight p { color:#ca417d; text-align:right; padding:0 10px 0 10px; }
#guide .contBox h3.icon_02 { height:22px; padding:0 0 0 28px; margin:0 0 5px 0; color:#ca417d; background:#f0f0f0 url(//img.e87.com/guide/images/icon_02.gif) no-repeat 2px 1px; line-height:180%; }
#guide .contBox h3.icon_03 { height:22px; padding:0 0 0 28px; margin:0 0 5px 0; color:#ca417d; background:#f0f0f0 url(//img.e87.com/guide/images/icon_03.gif) no-repeat 2px 1px; line-height:180%; }
#guide .contBox h3.icon_04 { height:22px; padding:0 0 0 28px; margin:0 0 20px 0; color:#ca417d; background:#f0f0f0 url(//img.e87.com//img.e87.comm/guide/images/icon_04.gif) no-repeat 2px 1px; line-height:180%; }
#guide .contBox h4 { margin:16px 0 0 20px; }
.bb { font-weight: bold; }
#guide .contBox .decimal { list-style-type:decimal; margin:0 0 0 75px; }
#guide .contBox .decimal2 { list-style-type:decimal; margin:5px 0 0 50px; }
#guide .contBox .decimal3 { list-style-type:decimal; margin:0 0 0 30px; }
#guide .contBox .disc_reg { list-style-type:disc; margin:0 0 0 25px; }
#guide .contBox .disc_reg02 { list-style-type:disc; margin:0 0 0 55px; }
#guide .contBox .disc_reg03 { list-style-type:disc; margin:0 0 15px 25px; }
#guide .contBox .disc_reg04 { list-style-type:disc; margin:20px 0 15px 25px; }
#guide .contBox .disc_login { list-style-type:disc; margin:5px 0 0 40px; }
#guide .contBox .mypage { width:100px; float:left; }
#guide .contBox .mypage p { margin:0 0 0 25px; }
#guide .contBox .remind { width:300px; float:left; }
#guide .contBox .remind p { margin:16px 0 0 25px; }
#guide .contBox .disc_change { list-style-type:disc; margin:16px 0 0 40px; }
#guide .contBox .square_kiyaku { list-style-type:square; margin:5px 0 0 50px; }

/* kiyaku
-----------------------------------*/
#guide .kiyaku { margin:0 0 0 25px; }
#guide .kiyaku .decimal4 { list-style-type:decimal; margin:0 0 0 20px; }
#guide .kiyaku dl { margin:16px 0 0 0
}
#guide .kiyaku dd { margin:0 0 0 25px; }

/* sub
-----------------------------------*/
#guide .contBox .sub { margin:16px 0 16px 10px; }
#guide .contBox .sub dl { margin:16px 0 0 25px; }
#guide .contBox .sub dd { margin:0 0 0 16px; }
#guide .contBox .sub .decimal { list-style-type:decimal; margin:0 0 0 16px; }

/* privacy
-----------------------------------*/
#guide .contBox .privacy { margin:16px 0 16px 25px; }
#guide .contBox .privacy dl { margin:16px 0 0 16px; }
#guide .contBox .privacy dd { line-height:1.3; }
#guide .contBox .privacy dd { margin:2px 0 0 16px; line-height:1.3; }
#guide .contBox .privacy .decimal3 { list-style-type:decimal; margin:16px 0 0 30px; }
#guide .contBox .privacy .decimal3 li{ list-style-type:decimal;}
#guide .contBox .sign { float:right; }
#guide .contBox .sign .ul { list-style-type:none; }
#guide .contBox .verisign { margin:0 0 0 25px ; }
#guide .contBox .regist { margin:0 0 15px 25px; }
#guide .contBox .regist a { font-weight: bold; font-size: 15px; text-decoration: underline;}
#guide .contBox p { margin:0 0 0 25px; line-height: 1.4; }
#guide .contBox p span.attention { font-size:85%; }
#guide .contBox .kiyaku { margin:0 0 0 45px; }
#guide .contBox .tejuntxt { margin:15px 0 0 25px; _margin:15px 0 0 12px; width:255px; float:left; }
#guide .contBox .tejuntxt1 { margin:15px 0 0 0; _margin:15px 0 0 0; width:270px; _width:280px; float:left; }
#guide .contBox .tejuntxt2 { margin:15px 0 0 25px; width:780px; }
#guide .contBox .tejuntxt p { margin:0 0 0 0; }
#guide .contBox .tejunimg { margin:15px 0 0 20px; _margin:15px 0 0 20px; width:300px; float:left; }
#guide .contBox .tejunimg2 { margin:15px 0 0 0; _margin:15px 0 0 0; width:300px; float:right; }
/* privacy
-----------------------------------*/

#guide .centerTextArea { margin:0 0 30px 0; }
#guide .contBox .contImg { text-align:center; margin:0 0 20px 0; }
#guide .centerTextArea .contBox p { text-align:center; margin-right:30px; }
#guide .centerTextArea .contBox h4 { text-align:center; }
#guide .centerTextArea .contBox p.ex { text-align:left; font-size:85%; margin:10px 0 10px 25px; }
#guide .contBox p.em { text-align:center; font-weight:bold; margin:10px 0 10px 0; }
#guide .contBox .bottomText { margin:10px 0 0 0; border-top:2px solid #cbcac2; }
#guide .contBox .contList { margin:5px 0 5px 30px; }
#guide .contBox strong { color:#ca417d; }
#guide .centerTextArea h4 { color:#ca417d; }
#guide .centerTextArea .contImgBox div { float:left; margin:15px 0 15px 4px; }
#guide .centerTextArea .contImgBox .right { margin:15px 0 15px 10px; }
#guide .contBox .indentBox { padding-left:1em; text-indent:-1em; }
#guide .contBox span.indentBox { display:block; padding-left:1em; text-indent:-1em; margin:5px 0 0 0; }
#guide .contBox span.indentBox2 { display:block; padding-left:1.5em; text-indent:-1.5em; margin:5px 0 0 0; }
#guide .contBox span.indentBox3 { display:block; padding-left:1em; text-indent:-1em; margin:0 0 0 0; }
/*
#guide .contBox span .em { color:#ca417d; }
*/

#guide .contBox span.kiyakuBox { font-weight:bold; }
/* shopping
-----------------------------------*/

#guide .contBox .shopping,
#guide .contBox .shopping p{ margin:16px 0 0 25px; }
#guide .contBox .shopping dl { margin:16px 0 0 0; }
#guide .contBox .shopping p.indent { padding-left: 1em; text-indent: -1em; }
#guide .contBox .shopping dl { line-height:1.3; }
#guide .borderArea { margin:0 0 0 25px; text-align:center; }
#guide .borderArea .border { padding:6px 0 6px 0; border-right:1px solid #000; border-bottom:1px solid #000; text-align: center; }
#guide .borderArea .border2 { border-right:1px solid #000; border-bottom:1px solid #000; text-align: center; }
#guide .borderArea .em { color:#ca417d; font-weight:bold; font-size:150%; text-align: center; }
#guide .borderArea .bold { font-weight:bold; }
#guide .borderArea .bgArea { background:#f0f0f0; }
#guide .borderArea .box01  { width:250px; border-top:1px solid #000; border-left:1px solid #000; text-align:center !important; margin:20px 0 25px 320px; }
#guide .borderArea .inquiryTbl { float:left; width:125px; }
#guide .borderArea .box02  { width:150px; border-top:1px solid #000; border-left:1px solid #000; text-align:center; margin:20px 0 25px 320px; }
#guide .box_area{ width: 700px; margin: 10px auto; }
#guide .box_area .box_left,
#guide .box_area .box_right{ float: left; width: 300px; }
#guide .box_area .box_center{ float: left; width: 50px; margin: 50px 10px 0 10px; }
#guide .box_area  ul{ border: #000 1px solid; }
#guide .box_area  ul li{ border-top: #000 1px solid; ; text-align: center; padding: 5px; }
#guide .box_area  ul li:first-child{ border: none; }
#guide .box_area  ul li span{ color: red; font-weight: bold; }
#guide .borderArea .box03  { width:150px; border-top:1px solid #000; border-left:1px solid #000; text-align:center; margin:20px 0 25px 320px; }
#guide .borderArea .box03 .cardTbl { float:left; width:90px; border-right:1px solid #000; height:26px; font-size:85%; text-align:left; padding:7px 3px 0 3px; }
#guide .borderArea .box03 .cardImg img { margin:5px 0 0 0; }
#guide .borderArea .box04 { width:400px; border-top:1px solid #000; border-left:1px solid #000; text-align:center; margin:5px 0 0 0; }
#guide .borderArea .box04 .border { padding:3px 0 3px 0; }
#guide .subTit { color:#ca417d; font-size:14px; font-weight:bold; }
#guide .leftMargin { margin-left:-25px; }
/* mail
-----------------------------------*/

#guide .borderArea_mail { margin:20px 0 30px 25px; }
#guide .borderArea_mail .border,
#guide .borderArea_mail .border3{ width:300px; padding:6px 10px 6px 10px; border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; float:left; }
#guide .borderArea_mail .border3 { border-bottom:1px solid #000; }
#guide .borderArea_mail .bgArea,
#guide .borderArea_mail .bgArea2{ width:210px; padding:6px 10px 6px 10px; border-top:1px solid #000; border-left:1px solid #000; float:left; background:#f0f0f0; }
#guide .borderArea_mail .bgArea2 {border-bottom:1px solid #000; }
#guide .borderArea_mail .bold { font-weight:bold; }
.pointMargin { margin:0 2px 0 0; }
#guide table,
#guide table.tblBorder{ border-top:1px solid #000; border-left:1px solid #000; width:450px; margin:20px 0 0 35px; }
#guide table.tblBorder { margin:5px 0 0 35px; border-collapse:collapse; }
#guide table th,
#guide table td{ border-bottom:1px solid #000; border-right:1px solid #000; padding:7px 5px; font-weight:bold; vertical-align:top; }
#guide table tr.bg,
#guide table .bg{ background:#f0f0f0; }
#guide div.payWrap { margin:20px 0 30px 0; }
#guide div.payWrap .spanWrap { margin:5px 0 0 25px; }
#guide div.payWrap .pWrap { margin:5px 0 0 1em; }
/* 
2_8.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 0; 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:835px; margin:10px 0 20px 20px; }
#contents #mainArea2 table td.bg { color:#ca417d; padding:6px 100px 6px 12px; vertical-align:top; background:#f0f0f0; }
#contents #mainArea2 table td.wh{ padding:6px 6px 6px 18px; vertical-align:top; }

/* 4_4 •s‰Â’nˆæ‚ɂ‚¢‚Ä*/
div.contBox p.huka_area{ padding: 10px; background: #ca417d; text-align: center; width: 200px; border-radius: 10px; color: #fff; }
div.contBox p.huka_area a{ color: #fff;font-weight: bold; }