/**************************
#en9, #en10, #en12 {
	font-family:Arial, Verdana, sans-serif
}
#ja9, #ja10, #ja12, #ja14 {
	font-family:Osaka, ＭＳ Ｐゴシック, MS UI Gothic, sans-serif
}
**************************/

/* ロケーターのアクティブ項目（登録サイト版→赤に変更） */
.current {  font-size: 84%; line-height: 84%; color: #FF3333; font-weight: bold; white-space: nowrap}

/* ロケーターの非アクティブ項目 （登録サイト版→グレーに変更）*/
.notcurrent { font-size: 84%; line-height: 84%; color: #666666; white-space: nowrap}

/* ページヘッダ */
.plus1{ font-size: 14px; line-height: 16px; }

/* 長い入力エリアの幅決め */
.textarea { width:300px}

/* 1個のセルに複数行の入力エリアがある場合の調整用 */
.inputarea1 {  margin-right: 3px; margin-left: 5px; margin-top: 5px}

/*  */
.margintop {  margin-top: 3px; margin-bottom: 3px}

/* UserIDプリントアウト用 */
.print_id {  font-size:24px;}

/* 登録名義プリントアウト用 */
.print_name {  font-size:20px;}

/* ラッパー、ベース設定 */
a:active,
a:link,
a:visited{color:#336699; text-decoration:underline;}
a:hover{color:#0099CC; text-decoration:underline;}

div.wrap{width:685px; margin-left:15px;}
div.wrap *{font-size:12px;line-height:1.7; margin:0;padding:0;border:solid 0 #333333;}
div.wrap img{margin-left:20px;margin-bottom:10px;}
div#regfaq, div#prefaq{width:580px;}


/* タイトル */
div.wrap h3{margin-top:15px;clear:both;}
div#leave h3, div#dmstop h3, div#idcheck h3, div#idtogo h3, div#idcard h3, div#regfaq h3, div#olupdate h3{ height:16px;text-indent:-9999px;}
div#leave h3{background:url("../img/tit_leave.gif") bottom left no-repeat #fff;}
div#dmstop h3{background:url("../img/tit_dmstop.gif") bottom left no-repeat #fff;}
div#idcard h3{background:url("../img/tit_card.gif") bottom left no-repeat #fff;}
div#idcheck h3{background:url("../img/tit_idcheck.gif") bottom left no-repeat #fff;}
div#idtogo h3{background:url("../img/tit_tservice.gif") bottom left no-repeat #fff;}
div#olupdate h3{background:url("../img/tit_olupdate.gif") bottom left no-repeat #fff;}
div#prefaq h3{margin:10px 0;border-bottom-width:2px;font-size:16px;}
div#regfaq h3{margin:10px 0;border-bottom-width:2px;background:url("../img/tit_regist_faq.gif") left no-repeat #fff;}

h4{clear:both;}

/* コンテンツ */
div.ln {
 margin-top:5px;
 border-top:solid 2px #ccc;
 height:15px;
 text-indent:-9999px;
 overflow:hidden;
 clear:both;
 }


div.cont{margin:0 0 10px 15px;clear:both;}
div#prefaq div.cont, div#regfaq div.cont, div#olupdate div.cont{clear:both;}

div#olupdate div.cont div.cont-inner{
 margin-bottom:25px;
 clear:both;
}

div#olupdate div.cont div.cont-inner ul{
 padding-top:20px;
 border-top:dashed 1px #ccc;
}

div#olupdate div.cont div.cont-inner ul li{
 padding-left:18px;
 background:url("../onl/images/infomation_mark.gif") 0 3px no-repeat;
 }

div#olupdate div.cont div.cont-inner p.reflink{
 margin:0 20px;
 padding-left:15px;
 background:url("../img/ya_faq.gif") 0 0.4em no-repeat;
 clear:both;
}


div#prefaq #toplist, div#regfaq #toplist{margin-bottom:20px;padding:5px; border:solid 1px #999999; background-color:#eeeeee;}
div#prefaq #toplist p, div#regfaq #toplist p{font-weight:bold;}
div#prefaq #toplist ul, div#regfaq #toplist ul{margin:0 0 10px 25px;list-style-image:url("../img/ya_faq.gif")}

div#prefaq h4, div#regfaq h4{margin:10px 0;padding-left:5px;background-color:#eeeeee;}
div#prefaq h4 a.ank, div#regfaq h4 a.ank{color:#333333;text-decoration:none;}

div#prefaq a:active,div#regfaq a:active,
div#prefaq a:link,div#regfaq a:link,
div#prefaq a:visited,div#regfaq a:visited{color:#336699;text-decoration:none;}
div#prefaq a:hover, div#regfaq a:hover{color:#3399ff;text-decoration:underline;}

div.cont p{margin-bottom:10px;}
div#prefaq div.cont p.qttl,
div#regfaq div.cont p.qttl
{margin-bottom:5px;border-bottom-width:1px;}

div#prefaq div.cont p.qttl a,
div#regfaq div.cont p.qttl a{text-decoration:none;}

div#prefaq div.cont p.ansttl,
div#regfaq div.cont p.ansttl{margin-bottom:0;}

div#idcard p.cardis, div#idcheck p.cardis, div#olupdate p.cardis{margin:0 0 0px 20px; float:left;}
div#prefaq p.cardis, div#regfaq p.cardis{margin-bottom:10px; float:left;}
p.cardis img{cursor:hand;}
div#prefaq div.cont p.astart, div#prefaq div.cont p.astart{display:inline;float:left;}
div#prefaq div.cont ul.pcaution{position:relative; margin-left:30px;margin-right:30px;}


.clb{clear:both;}
div#prefaq div.cont ol, div#regfaq div.cont ol,
div#prefaq div.cont ul, div#regfaq div.cont ul,
div#prefaq div.cont dl, div#regfaq div.cont dl{position:relative; padding:0 30px 10px 25px;}

div#prefaq div.cont ol li, div#regfaq div.cont ol li,
div#prefaq div.cont ul li, div#regfaq div.cont ul li{margin-left:20px;}

div#leave ul, div#dmstop ul, div#idcard ul, div#idcheck ul, div#idtogo ul, div#olupdate ul{list-style-type:none;}
div#prefaq div.cont ul.pcaution{position:relative; margin-left:30px;margin-right:30px;}

div#regfaq div.cont p.rflink{text-align:right;clear:both;}
div#prefaq div.cont div.return, div#regfaq div.cont div.return{text-align:right;margin:10px 0 30px 0;clear:both;}


/* カードの拡大表示関連(共通) */
div.cont div.transw {display:none;}
div.cont div.closeup span{margin:10px 0;font-weight:bold; cursor:hand;}
div.cont div#cardn img{ margin-top:15px;cursor:hand;}
div.cont div#card01 img, div.cont div#card02 img{margin-top:25px;cursor:hand;}

/* カードの拡大表示関連(onl/id_check と onl/id_card と faq/download_faq) */
div#idcheck div.cont div#cardn,
div#idcard div.cont div#cardn {
 position:absolute; top:115px; left:10px;
 width:670px;
 height:390px;
 padding:10px 10px 0 10px;
 text-align:center;
 background-color:#eeeeee;
 border:solid 1px #aaaaaa;
 z-index:1;
}

div#idcheck div.cont div#card01, div#idcheck div.cont #card02,
div#idcard div.cont div#card01, div#idcard div.cont #card02{
 position:absolute; top:115px; left:10px;
 width:670px;
 height:320px;
 padding:10px 10px 0 10px;
 text-align:center;
 background-color:#eeeeee;
 border:solid 1px #aaaaaa;
 z-index:1;
}

div#olupdate div.cont div#cardn {
 position:absolute; top:210px; left:10px;
 width:670px;
 height:390px;
 padding:10px 10px 0 10px;
 text-align:center;
 background-color:#eeeeee;
 border:solid 1px #aaaaaa;
 z-index:1;
}


div#olupdate div.cont div#card01, div#olupdate div.cont #card02 {
 position:absolute; top:210px; _top:220px; left:10px;
 width:670px;
 height:320px;
 padding:10px 10px 0 10px;
 text-align:center;
 background-color:#eeeeee;
 border:solid 1px #aaaaaa;
 z-index:1;
}

/* カードの拡大表示関連(faq/pre_faq) */

div#prefaq div.cont div#cardn {
 position:absolute; top:1800px; left:10px;
 width:580px;
 height:390px;
 padding:10px 10px 0 10px;
 text-align:center;
 background-color:#eeeeee;
 border:solid 1px #aaaaaa;
 z-index:1;
}

div#prefaq div.cont div#card01, div#prefaq div.cont #card02 {
 position:absolute; top:1800px; left:10px;
 width:580px;
 height:320px;
 padding:10px 10px 0 10px;
 text-align:center;
 background-color:#eeeeee;
 border:solid 1px #aaaaaa;
 z-index:1;
}

/* カードの拡大表示関連(faq/regist_faq) */
div#regfaq div.cont div#cardn {
 position:absolute; top:3000px; left:10px;
 width:580px;
 height:390px;
 padding:10px 10px 0 10px;
 text-align:center;
 background-color:#eeeeee;
 border:solid 1px #aaaaaa;
 z-index:1;
}

div#regfaq div.cont div#card01, div#regfaq div.cont #card02 {
 position:absolute; top:3000px; left:10px;
 width:580px;
 height:320px;
 padding:10px 10px 0 10px;
 text-align:center;
 background-color:#eeeeee;
 border:solid 1px #aaaaaa;
 z-index:1;
}

/* 「次へ」ボタン周辺 */
#sbbtm{
 position:relative;
 width:700px;
 padding:4px;
 text-align:center;
 background-color:#eeeeee;
}

.btm{position:relative;top:8px;}


/* ユーザー登録ページ関連 */
html{height:100%;width:100%;}

body#userentrypage div#overwrap{width:700px;}

body#userentrypage div#overwrap div#pagetitle{text-align:center;margin:5px 0 0 0;padding:0;}

body#userentrypage div#overwrap div#topbar{width:700px;margin:0;padding:0;border-top:solid 2px #999;font-size:10px;float:left;clear:both;}
/*
*/
body#userentrypage div#overwrap div#topbar span#uent-pkz{margin:3px 0 0 1.5em;padding:0;float:left;}
body#userentrypage div#overwrap div#topbar a#uent-faq{float:right;}
body#userentrypage div#overwrap div#topbar a#uent-faq img{margin:0;padding:0;border:0;}

body#userentrypage div#overwrap div#userenrty{margin:0;padding:1.5em 0 0 0.5em;clear:both;}

div#userenrty div.cont {clear:both;}
div#userenrty div.cont h3#userid-ttl{
height:31px;
margin:0;
padding:0;
background:url("../onl/images/title.gif") bottom left no-repeat #fff;
text-indent:-9999px;
}

#flowguide{
 position:relative;
 width:658px;
 height:328px;
 margin-bottom:10px;
 padding-bottom:0;
 background:url("../onl/images/back_image.gif") no-repeat;
}

#flowguide h4,#flowguide h5, p.pguide,#notice p,span.imgtxt{display:none;}

#userid,
#idpub{
 display:none;
}

#flowguide div#firstentry p#snmb-olk-pd a{
 position:absolute;
 top:74px;
 left:53px;
 height:44px;
 width:129px;
}

#flowguide div#firstentry p#snmb-olk-pd a:hover{
 background:url("../onl/images/beginner_online_cereal.gif") no-repeat 0 0;
}

#flowguide div#memberentry p#snb-olk a{
 position:absolute;
 top:99px;
 left:476px;
 height:44px;
 width:129px;
 text-indent:-9999px;
}

#flowguide div#memberentry p#snb-olk a:hover{
 background:url("../onl/images/next_time_online_cereal.gif") no-repeat 0 0;
}

#flowguide div#memberservices p a{
 position:absolute;
 top:268px;
 left:76px;
 height:60px;
 width:507px;
 text-indent:-9999px;
}

#flowguide div#memberservices p a:hover{
 background:url("../onl/images/service.gif") no-repeat 0 0;
}

/* 本文内IDマーク */
.idmark{
 text-indent:18px;
 background:url(../faq/images/id.gif) no-repeat 0 0.3em;
}

.idmark span{display:none;}

/* [i]マーク付き案内 */
div#notice{position:relative;width:620px;margin:10px 0 15px 15px;}

div#notice ul{position:relative;margin:0;padding:0;list-style-type:none;}

div#notice ul li{
 padding-left:18px;
 background:url("../onl/images/infomation_mark.gif") 0 3px no-repeat;
 }

/* 送信ボタンまわり */
div#sbbtm{position:relative;margin:0 0 10px 0;padding:0;background-color:#fff; text-align:center;}

form p#sbmtframe input.btn_nomal{
 display:block;
 width:219px;
 height:67px;
 margin:0 auto;
 padding:0;
 border:0;
 cursor: pointer;
 text-indent: -9999px;
 background:url("../onl/images/btn_next.gif") 0 0 no-repeat #fff;
}

form p#sbmtframe input.btn_roll{
 display:block;
 width:219px;
 height:67px;
 margin:0 auto;
 padding:0;
 border:0;
 cursor: pointer;
 text-indent: -9999px;
 background:url("../onl/images/btn_next.gif") 0 -67px no-repeat #fff;
}

div#uent-footer{margin:0;padding:0;font-size:10px;text-align:center;}

/* 海外にお住まいの方へのガイド */
#overseaguide {
 position:relative;
 margin:0;
 padding:0;
 border:solid 3px #d7d7d7;
 text-align:center;
 font-size:12px;
 background-color:#fff;
 color:#606060;
 z-index:11;
 line-height:1.4;
}

#overseaguide *{
 font-size:12px;
}

#overseaguide table{
 width:500px;
 margin:0 0 20px 20px;
 border-top:solid 1px #ccc;
 border-left:solid 1px #ccc;
}

#overseaguide table *{
 font-size:90%;
 color:#808080;
}

#overseaguide table tr th,
#overseaguide table tr td{
 font-size:130%;
 padding:3px;
 border-right:solid 1px #ccc;
 border-bottom:solid 1px #ccc;
}

#overseaguide table th{
 padding-right:5px;
 text-align:right;
 vertical-align:top;
 background-color:#eefeff;
}

/* 海外にお住まいの方へのガイドの表示制御 */
.trg span{color:#006699;cursor:hand;}
.transw{ display:none;}

#bgtrpnt{
 background:#fff;
 filter: alpha(style=0, opacity=70);
 opacity: 0.7;
 -moz-opacity:0.70;
}

#overseaguide h3{
 margin:0 0 15px 0;
 padding:10px 0;
 background-color:#eefeff;
}

#overseaguide .guide-oversea{
 position:relative;
 width:570px;
 margin:0 auto;
 padding:0;
 text-align:left;
 }

#overseaguide h4{
 margin:0 0 10px 0;
 padding:0;
 }

#overseaguide p{
 margin:0 0 5px 0;
 padding:0;
 }


#oversea-close{
 background:url(../lightbox/images/close_area_bg.gif) 0 bottom repeat-x #fff;
 margin:0;
 padding:0;
 line-height:0;
 height:56px;
 text-align:center;
}

#oversea-close a{
 display:block;
 background:url(../lightbox/images/closelabel.gif) 0 0 no-repeat #fef;
 margin:0 auto;
 padding:0;
 border:0;
 line-height:0;
 height:55px;
 width:116px;
}

#oversea-close a:hover{
 background:url(../lightbox/images/closelabel.gif) 0 -55px no-repeat #efe;
}

#oversea-close a span.vtx{display:none;}