@charset "UTF-8";
/*--------------------------------------------------
header
--------------------------------------------------*/
#header{width:100%;min-width:1020px;}

.headerTop{width:100%;height:30px;background-color:#efefe5;}
.headerTop .inSide {width:980px;margin:0px auto;padding:0 20px;}
.headerTop h2{font-size:12px;line-height:30px;float:left;}
.headerTop ul{line-height:30px;float:right;}
.headerTop li{margin:0 0 0 15px;padding:0 0 0 10px;font-size:12px;list-style:none;background:url(../../common/images/icn/icn_arrow.gif) left no-repeat;float:left;}
.headerTop ul a{text-decoration:none;}
.headerTop ul a:hover{text-decoration:underline;}

.pageTitle{clear:both;width:980px;height:100px;margin:0px auto;padding:0px 20px;}
.pageTitle h1{width:185px;height:90px;margin:5px 0;float:left;}
.pageTitle h1.title a{width:185px;height:90px;background:url(../../common/images/logo/logo_paynetcafe.gif);display:block;}
.pageTitle h1.title a span{display:none;}
.pageTitle .topBanner{width:468px;height:60px;margin:35px 0 0 30px;float:left;background:url(../../common/images/banner/468x60/bnr_paynetcafe.jpg);}
.pageTitle .topSearch{width:280px;height:80px;margin:15px 0 0 0;background:url(../../common/images/topSearch/bg_search.gif);float:right;font-size:0;}
.pageTitle .topSearch .ttl{width:170px;height:30px;margin:10px 0 0 10px;background:url(../../common/images/topSearch/ttl_search.gif);}
.pageTitle .topSearch .ttl span{display:none;}
.pageTitle .topSearch .searchBox{width:260px;height:20px;margin:3px 0 0 10px;}
.pageTitle .topSearch .searchBox * {vertical-align:middle;}
.pageTitle .topSearch .searchBox select{width:75px;height:20px;line-height:20px;font-size:12px;}
.pageTitle .topSearch .searchBox input.txtbox{width:110px;height:18px;margin:0 0 0 4px;padding:0;line-height:18px;font-size:12px;}
.pageTitle .topSearch .searchBox input.btnbox{width:60px;height:22px;margin:0 0 0 4px;padding:0;border: 0px;font-size:12px;line-height:22px;color:#ffffff;font-weight:bold;background:url(../../common/images/topSearch/btn_search.gif) no-repeat;}
.pageTitle .topSearch .searchBox input.btnbox span{display:none;}
.pageTitle .topSearch .searchBox input.btnbox:hover {opacity: 0.7;filter: alpha(opacity=70);}

/*--------------------------------------------------
header(login)
--------------------------------------------------*/
body#login #header{width:798px;margin:30px auto 0 auto;border-top:1px #dfdfdf solid;border-bottom:2px #990000 solid;border-left:1px #dfdfdf solid;border-right:1px #dfdfdf solid;min-width:798px;
border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-bottom-left-radius:0;border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;}

body#login .pageTitle{clear:both;width:758px;height:85px;margin:0px auto;padding:0 20px;}
body#login .pageTitle h1{width:125px;height:65px;margin:10px 0 0 0;position:absolute;float:left;}
body#login .pageTitle h1.title a{width:125px;height:65px;background:url(../../common/images/logo/logo_paynetcafe_s.gif);display:block;}
body#login .pageTitle h1.title a span{display:none;}

body#login .pageTitle ul{margin:10px 0 0 0;line-height:30px;float:right;}
body#login .pageTitle li{margin:0 0 0 15px;padding:0 0 0 10px;font-size:12px;list-style:none;background:url(../../common/images/icn/icn_arrow.gif) left no-repeat;float:left;}



/*--------------------------------------------------
header(regist,forgot)
--------------------------------------------------*/
body#regist .headerIn,
body#registinfo .headerIn,
body#forgot .headerIn{border-bottom:2px #990000 solid;}

body#regist .pageTitle,
body#registinfo .pageTitle,
body#forgot .pageTitle{clear:both;width:980px;height:85px;margin:0px auto;padding:0px 20px;background-color:#fff;}
body#regist .pageTitle h1,
body#registinfo .pageTitle h1,
body#forgot .pageTitle h1{width:125px;height:65px;margin:10px 0 0 0;position:absolute;float:left;}
body#regist .pageTitle h1.title a,
body#registinfo .pageTitle h1.title a,
body#forgot .pageTitle h1.title a{width:125px;height:65px;background:url(../../common/images/logo/logo_paynetcafe_s.gif);display:block;}
body#regist .pageTitle h1.title a span,
body#registinfo .pageTitle h1.title a span,
body#forgot .pageTitle h1.title a span{display:none;}

body#regist .pageTitle ul,
body#registinfo .pageTitle ul,
body#forgot .pageTitle ul{line-height:30px;float:right;}
body#regist .pageTitle li,
body#registinfo .pageTitle li,
body#forgot .pageTitle li{margin:0 0 0 15px;padding:0 0 0 10px;font-size:12px;list-style:none;background:url(../../common/images/icn/icn_arrow.gif) left no-repeat;float:left;}

/*--------------------------------------------------
contents
--------------------------------------------------*/
#contents{clear:both;width:100%;min-width:1020px;}

body#login #contents{clear:both;width:100%;min-width:800px;}

#topMenu{width:100%;height:42px;background:url(../../common/images/topMenu/menu_bg.gif) repeat-x;}
#topMenu #inSide{width:980px;margin:0px auto;padding:0px 20px;}
#topMenu #inSide h3.clear{display:none;}

#topMenu ul li{width:135px;height:40px;float:left;list-style-type:none;}
#topMenu ul li a{width:135px;height:40px;display:block;background-repeat:no-repeat;}
#topMenu ul li span{display:none;}

#topMenu ul li.line{width:1px;height:40px;background:url(../../common/images/topMenu/menu_line.gif);}
#topMenu ul li.line span{display:none;}

#topMenu ul li.tmTop a{background:url(../../common/images/topMenu/menu_top.gif);}
#topMenu ul li.tmTop a:hover{background-position:bottom;}

#topMenu ul li.tmWhats a{background:url(../../common/images/topMenu/menu_about.gif);}
#topMenu ul li.tmWhats a:hover{background-position:bottom;}

#topMenu ul li.tmContents a{background:url(../../common/images/topMenu/menu_buy.gif);}
#topMenu ul li.tmContents a:hover{background-position:bottom;}

#topMenu ul li.tmCampaign a{background:url(../../common/images/topMenu/menu_campaign.gif);}
#topMenu ul li.tmCampaign a:hover{background-position:bottom;}

#topMenu ul li.tmSearch a{background:url(../../common/images/topMenu/menu_shopsearch.gif);}
#topMenu ul li.tmSearch a:hover{background-position:bottom;}

#topMenu ul li.tmSupport a{background:url(../../common/images/topMenu/menu_support.gif);}
#topMenu ul li.tmSupport a:hover{background-position:bottom;}

.index #topMenu ul li.tmTop a{background:url(../../common/images/topMenu/menu_top.gif);background-position:bottom;}
.what #topMenu ul li.tmWhats a{background:url(../../common/images/topMenu/menu_about.gif);background-position:bottom;}
.title #topMenu ul li.tmContents a{background:url(../../common/images/topMenu/menu_buy.gif);background-position:bottom;}
.campaign #topMenu ul li.tmCampaign a{background:url(../../common/images/topMenu/menu_campaign.gif);background-position:bottom;}
.store #topMenu ul li.tmSearch a{background:url(../../common/images/topMenu/menu_shopsearch.gif);background-position:bottom;}
.inquiry #topMenu ul li.tmSupport a{background:url(../../common/images/topMenu/menu_support.gif);background-position:bottom;}


/*--------------------------------------------------
contentsIn
--------------------------------------------------*/
#contentsIn{clear:both;width:960px;height:auto;margin:0 auto;padding:15px 30px 30px 30px;background:url(../../common/images/contents/contents_bg.gif) repeat-y;}
#contentsIn:after {content:"";display:block;height:0;clear:both;visibility:hidden;}

body#login #contentsIn{clear:both;width:758px;height:auto;margin:0 auto;padding:15px 20px;border-left:1px #dfdfdf solid;border-right:1px #dfdfdf solid;background:none;}
body#login #contentsIn:after {content:"";display:block;height:0;clear:both;visibility:hidden;}

/*--------------------------------------------------
linkArea
--------------------------------------------------*/
#linkArea{clear:both;width:980px;height:auto;margin:0 auto;padding:0px 20px 30px 20px;background:url(../../common/images/contents/linkArea_bg.gif) repeat-y;}
#linkArea:after {content:"";display:block;height:0;clear:both;visibility:hidden;}
#linkArea #border{width:981px;height:2px;background-color:#c8c6b2;font-size:0;/*IE6*/}
#linkArea #border span{display:none;}
#linkArea dl.AreaBox{width:170px;height:auto;margin:20px 0 0 18px;float:left;display:inline;}
#linkArea dl.AreaBox a{text-decoration:none;}
#linkArea dl.AreaBox a:hover{text-decoration:underline;}
#linkArea dl.AreaBox dt{font-size:12px;line-height:15px;font-weight:bold;}
#linkArea dl.AreaBox dd{margin:5px 0 0 0;padding:0 0 0 10px;font-size:12px;line-height:15px;background:url(../../common/images/icn/icn_arrow.gif) left no-repeat;}
#linkArea dl.AreaBox dd.end{margin:5px 0 20px 0;padding:0 0 0 10px;font-size:12px;line-height:15px;background:url(../../common/images/icn/icn_arrow.gif) left no-repeat;}
#linkArea dl.BannerBox{width:200px;height:auto;margin:20px 0 10px 18px;float:left;display:inline;}
#linkArea dl.BannerBox dt{font-size:12px;font-weight:bold;line-height:15px;}
#linkArea dl.BannerBox dd{margin:5px 10px 0 0;padding:0;float:left;}
#linkArea dl.BannerBox dd span{display:none;}

/*--------------------------------------------------
breadNavi
--------------------------------------------------*/
#breadNavi{width:940px;height:auto;margin:0 0 10px 0;padding:0 10px;font-size:13px;line-height:18px;}

/*--------------------------------------------------
leftArea
--------------------------------------------------*/
#leftArea{width:200px;height:auto;float:left;}

#leftArea .contentsBox{width:180px;height:auto;margin:0 0 15px 0;padding:9px;border:1px #c8c6b2 solid;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#leftArea .contentsBox h3{width:180px;height:25px;padding:0;font-size:14px;line-height:25px;color:#f64e0b;border-bottom:1px #dfdfdf solid;}

#leftArea .contentsBoxS{clear:both;width:180px;height:auto;padding:9px;border:1px #c8c6b2 solid;
border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-bottom-left-radius:0;border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;}
#leftArea .contentsBoxS h3{width:180px;height:25px;padding:0;font-size:14px;line-height:25px;color:#f64e0b;border-bottom:1px #dfdfdf solid;}

#leftArea .contentsBoxS a.list{width:40px;height:20px;margin:2px 0 0 146px;padding:0 5px 0 0;font-size:12px;line-height:20px;text-align:center;background-color:#F7F7F2;position:absolute;display:block;background:url(../../common/images/icn/icn_arrow.gif) left no-repeat;}

#leftArea .contentsBottom{width:180px;height:25px;margin:0 0 15px 0;padding:0 9px;border:1px #c8c6b2 solid;border-top:0;}
#leftArea .contentsBottom a{padding:0 0 0 10px;font-size:12px;line-height:25px;background:url(../../common/images/icn/icn_arrow.gif) left no-repeat;float:right;}

#leftArea .bnrAd{margin:15px 0 5px 5px;padding:0;}
#leftArea .bnrAd img{border:1px #dfdfdf solid;}
#leftArea .googleAd{margin:15px 0 5px 0;padding:0;background:url(../../common/images/banner/180x150/bnr_paynetcafe.jpg);}

#leftArea ul{width:180px;height:auto;}
#leftArea ul li.line{width:180px;height:3px;background:url(../../common/images/line/line_leftArea.gif);font-size:0;vertical-align:top;line-height:0}
#leftArea ul li.line span{display:none;}
#leftArea ul li{list-style-type:none;}


#leftArea ul li.menu{width:170px;height:30px;}
#leftArea ul li.menu a{width:170px;height:30px;padding:0 0 0 10px;text-decoration:none;display:block;}
#leftArea ul li.menu a:hover{background-color:#ffffcc;}
#leftArea ul li span{padding:0 0 0 8px;font-size:12px;line-height:30px;color:#333333;background:url(../../common/images/icn/icn_arrow.gif) left no-repeat;}
/*#leftArea ul li.menuOn{width:168px;height:30px;padding:0 0 0 10px;background-color:#ffffcc;}*/

#leftArea ul li.news {width:170px;height:auto;margin:5px 0;font-size:13px;line-height:15px;}

#leftArea dl{width:180px;height:auto;}
#leftArea dl.head{width:180px;height:auto;}
#leftArea dl dt{list-style-type:none;height:auto;}
#leftArea dl dt a{width:156px;height:25px;padding:0 0 0 24px;font-size:12px;font-weight:bold;line-height:25px;color:#333333;background:url(../../title/img/btn_titleList.gif) no-repeat;text-decoration:none;display:block;}
#leftArea dl dt a:hover{color:#ffffff;background-position:bottom;}

#leftArea dl dd.line{width:180px;height:3px;background:url(../../common/images/line/line_leftArea.gif);font-size:0;vertical-align:top;line-height:0;}
#leftArea dl dd.line span{display:none;}

#leftArea dl dd{list-style-type:none;}
#leftArea dl dd.ttl{width:170px;height:auto;}
#leftArea dl dd.ttl a{width:170px;height:auto;padding:5px;text-decoration:none;display:block;}
#leftArea dl dd.ttl a:hover, #leftArea dl dd.ttl a.select{background-color:#ffffcc;}
#leftArea dl dd span{padding:0 0 0 12px;font-size:12px;line-height:15px;background:url(../../common/images/icn/icn_ttlList.gif) left top no-repeat;display:block;}
#leftArea dl dd.ttlOn{width:170px;height:auto;padding:5px;background-color:#ffffcc;}
#leftArea dl dd.ttlOn a{text-decoration:none;}

#leftArea a.titlelist_back{width:200px;height:25px;margin:0 0 10px 0;background:url(../../title/img/btn_titlelist_back.gif);display:block;}
#leftArea a:hover.titlelist_back{background-position:bottom;}

/*--------------------------------------------------
rightArea
--------------------------------------------------*/
#rightArea{width:750px;height:auto;margin:0 0 0 10px;float:left;}

#rightArea .contentsBox{clear:both;width:730px;height:auto;padding-bottom:15px;}
#rightArea .contentsBox h3{width:730px;height:30px;height:auto;padding:5px 9px;line-height:18px;border:1px #c8c6b2 solid;background-color:#f3f3ec;
border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-bottom-left-radius:0;border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;}
#rightArea .contentsBox h3 span.ttl{width:530px;padding:1px 0 0 20px;font-size:14px;background:url(../../common/images/icn/icn_ttl.gif) left center no-repeat;display:inline-block;}
#rightArea .contentsBox h3 span.info{width:180px;font-size:12px;display:inline-block;text-align:right;vertical-align:top;}
#rightArea .contentsBox .Inner{width:730px;height:auto;padding:9px;border:1px #c8c6b2 solid;border-top:0;}
#rightArea .contentsBox .Inner .txt{font-size:13px;line-height:18px;}
#rightArea .contentsBox .Inner .txt strong{font-size:13px;line-height:18px;color:#cc0000;}
#rightArea .contentsBox .Inner .txt span{font-size:11px;line-height:15px;}
#rightArea .contentsBox .Inner dl.dataBox{margin:0 0 10px 0;padding:0;}
#rightArea .contentsBox .Inner dl.dataBox dt{font-size:13px;font-weight:bold;line-height:15px;}
#rightArea .contentsBox .Inner dl.dataBox dd{font-size:13px;line-height:15px;}
#rightArea .contentsBox .Inner .policyBox{margin:0 0 10px 0;padding:0;}
#rightArea .contentsBox .Inner .policyBox h4{margin:10px 0;padding:0;font-size:16px;color:#f64e0b;}
#rightArea .contentsBox .Inner .policyBox h5{margin:10px 0 5px 0;padding:0;font-size:14px;}
#rightArea .contentsBox .Bottom{width:730px;height:25px;padding:0 9px;border:1px #c8c6b2 solid;border-top:0;border-top:0;}
#rightArea .contentsBox .Bottom a{padding:0 0 0 10px;font-size:12px;line-height:25px;background:url(../../common/images/icn/icn_arrow.gif) left no-repeat;float:right;}

/*--------------------------------------------------
footer
--------------------------------------------------*/
#footer{clear:both;width:100%;height:60px;border-top:2px #f64e0b solid;min-width:1020px;}
#footerIn{width:960px;height:30px;margin:15px auto 0 auto;text-align:center;}
#footerIn a{width:130px;height:30px;float:left;margin:0 0 0 320px;}
#footerIn span{margin:0 0 0 20px;font-size:11px;vertical-align:top;line-height:30px;float:left;}

/*--------------------------------------------------
footer(login,regist,forgot)
--------------------------------------------------*/
body#login #footer{clear:both;width:798px;height:60px;margin:0 auto;border-top:2px #990000 solid;border-bottom:1px #dfdfdf solid;border-left:1px #dfdfdf solid;border-right:1px #dfdfdf solid;min-width:798px;
border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-top-left-radius:0;border-top-right-radius:0;-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:0;-moz-border-radius-topleft:0;-moz-border-radius-topright:0;}
body#login #footerIn{width:798px;height:auto;margin:15px auto 0 auto;text-align:center;}
body#login #footerIn a{width:130px;height:30px;float:left;margin:0 0 0 250px;}
body#login #footerIn span{margin:0 0 0 20px;font-size:11px;vertical-align:top;line-height:30px;float:left;}

body#regist #footer{clear:both;width:100%;height:60px;margin:0 auto;border-top:2px #990000 solid;}
body#forgot #footer{clear:both;width:100%;height:60px;margin:0 auto;border-top:2px #990000 solid;}


.mobileView { display:none; }