@charset "utf-8";
/* CSS Document */

body { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
#contents-body { clear:both; }
.Page, .PageA, .PageB, .PageTop {
margin-top:0;
border:#ccc 1px solid;
width:908px;
clear:both;
}
.PageMTop {
width:950px;
clear:both;
}
.Page { padding:3.5em 20px 15px 20px; }
* html .Page { padding:3.5em 19px 15px 19px; }
.PageA { padding:1.5em 20px 15px 20px; }
* html .PageB { padding:5.5em 19px 15px 19px; }
.PageB { padding:5.5em 20px 15px 20px; }
.PageTop {
margin-bottom:15px;
padding:3.5em 20px 35px 20px;
}
/*
================================================
Navigation
================================================*/ 

#Menu {
background:url(http://i.yimg.jp/images/id/img/guide/menu.png) no-repeat;
width:950px;
height:48px;
clear:both;
z-index:1;
}
#Menu li { display: inline; }
li#Top, li#Top a, li#Start .MenuB a, li#Safety .MenuB a, li#News, li#News a, li#TopON, li#StartON .MenuB a, #StartTOP .MenuB, #SafetyON .MenuB a, #SafetyTOP .MenuB, li#NewsON {
float:left;
display:block;
height:48px;
text-decoration:none;
}
li#Top, li#Top a, li#TopON { width:157px; }
li#Start .MenuB a, li#StartON .MenuB a, #StartTOP .MenuB { width:221px; }
li#Safety div a, li#SafetyON .MenuB a, #SafetyTOP div a, li#SafetyTOP .MenuB{ width:188px; }
li#News, li#News a, li#NewsON {
width:140px;
float:right;
}
li#Top a:hover, li#Start .MenuB a:hover, li#Safety div a:hover, li#News a:hover, li#TopON, li#StartON .MenuB a, #StartTOP .MenuB, li#SafetyON .MenuB a, #SafetyTOP .MenuB, li#NewsON { background:url(http://i.yimg.jp/images/id/img/guide/menu.png) no-repeat; }
/*hover*/
li#Top a:hover { background-position:0 -49px; }
li#Start .MenuB a:hover { background-position:-157px -49px; }
li#Safety .MenuB a:hover { background-position:-378px -49px; }
li#News a:hover { background-position:-810px -49px; }
/*current*/
li#TopON { background-position:0 -98px; }
li#StartON .MenuB a { background-position:-157px -98px; }
li#StartTOP .MenuB { background-position:-157px -147px; }
li#SafetyON .MenuB a { background-position:-378px -98px; }
li#SafetyTOP .MenuB { background-position:-378px -147px; }
li#NewsON { background-position:-810px -98px; }
/*サブメニュー*/
.subM li, .subS li {
display:inline;
float:left;
}
.subM, .subS {
position:absolute;
top:48px;
left:2px;
margin:0;
padding:4px 10px 0 10px;
width:924px;
border:#4f4f4f 1px solid;
border-bottom:0;
background: url(http://i.yimg.jp/images/id/img/guide/menu_bg.png) bottom repeat-x;
}
.Gsub {
position:absolute;
margin:0 0 0 -11px;
padding:4px 10px 0 10px;
width:924px;
border:#4f4f4f 1px solid;
border-top:0;
border-bottom:0;
background:#929292 url(http://i.yimg.jp/images/id/img/guide/menu_bg_02.gif) 0 bottom repeat-x;
}
.subM li a, .subS li a {
color:#fff;
font-weight:normal;
text-decoration:underline;
}
.subUser, .subEdit, .subEditON, .subS li {
background:url(http://i.yimg.jp/images/id/img/guide/line_01.gif) right 0.2em no-repeat;
margin:0 5px 0 0;
padding:0 0.5em 0 0;
}
.subS li.subPC { background-image:none; }
.subUser li div, li.subEdit div, li.subOuter div, .subS li div { background:url(http://i.yimg.jp/images/id/img/guide/arrow_01.gif) no-repeat; }
.Gsub li, li.Gs01 div, li.Gs02 div, li.Gs03 div { background-image:none; }
li.subUser div, li.subEdit div, li.subOuter div, .subS li div {
background-position:5px center;
padding-left:1.2em;
padding-bottom:2px;
}
#Current {
font-weight:bold;
color:#000;
border:#515151 1px solid;
border-bottom:0;
background: url(http://i.yimg.jp/images/id/img/guide/menu_bg.png) 0 -99px repeat-x;
padding-right:0.5em;
}
#CurrentA {
font-weight:bold;
color:#fff;
border:#313131 1px solid;
border-bottom:0;
background: url(http://i.yimg.jp/images/id/img/guide/menu_bg.png) 0 0px repeat-x;
padding-right:0.5em;
position:relative;
margin-bottom:-2px;
}
#CurrentA div { background-image:none; }
#CurrentA div img {
position:absolute;
bottom:3px;
left:4.9em;
}
* html #CurrentA div img {
position:absolute;
bottom:0px;
left:3.9em;
}
.sub01, .sub02, .sub03 { margin-right:10px; }
.sub01 { width:6.5em; }
.sub02 { width:7.5em; }
.sub03 { width:8.5em; }
.subEdit { width:12.5em; }
.subOuter { width:7.0em; }
.subAlert { width:9.9em; }
.subhistry { width:8.5em; }
.subSeal { width:9.4em; }
.subPass { width:9.5em; }
.subPC { width:12.5em; }
.Gs01 { width:11.3em; }
.Gs02 { width:10.3em; }
/*
================================================
パージ共通、スタートガイド
================================================*/ 

#IDbox, .TiProcess, .Button01 a, .Button01 a:hover { background:url(http://i.yimg.jp/images/id/img/guide/start_page.png) no-repeat; }
#IDbox02, .TiLogin, .TiInput { background:url(http://i.yimg.jp/images/id/img/guide/start_page02.png) no-repeat; }
#IDbox03, .TiLogout { background:url(http://i.yimg.jp/images/id/img/guide/start_page03.png) no-repeat; }
#IDbox04, .Button02 a, .Button02 a:hover, .TiResistC, .TiResistE { background:url(http://i.yimg.jp/images/id/img/guide/start_page04.png) no-repeat; }
#IDbox05, .TiPartner, .TiOpenid, .Button03 a, .Button03 a:hover, .Button04 a, .Button04 a:hover { background:url(http://i.yimg.jp/images/id/img/guide/start_page05.png) no-repeat; }
/*もっと安全ガイド*/
#IDbox_safe, .Tisafe01, .Tisafe02, .GTopAlert dt, .GTopHis dt, .GTopSeal dt, .BtAEdit a, .BtACheck a { background:url(http://i.yimg.jp/images/id/img/guide/safe_top.jpg) no-repeat; }
#IDbox_his, .Button_his a, .Button_his a:hover, .TiHis01, .TiHis02 { background:url(http://i.yimg.jp/images/id/img/guide/safe_his.png) no-repeat; }
#IDbox_seal, .Button_seal a, .Button_seal a:hover, .TiSeal, .TiSealch { background:url(http://i.yimg.jp/images/id/img/guide/safe_seal.png); }
#IDbox_pass, .TiPassme, .TiPasssite, .TiPasssec { background:url(http://i.yimg.jp/images/id/img/guide/safe_pass.png) no-repeat; }
#IDbox_join, .TiJoinout { background:url(http://i.yimg.jp/images/id/img/guide/safe_joint.png) no-repeat; }
#IDbox_ATop, .TiAguide, .gAlert01 dt, .gAlert02 dt, .gAlert03 dt { background:url(http://i.yimg.jp/images/id/img/guide/alert_top.png) no-repeat; }
#IDbox_A01, .TiAEdit, .TiAmail { background:url(http://i.yimg.jp/images/id/img/guide/alert_page01.png) no-repeat; }
#IDbox_A02, .TiALock { background:url(http://i.yimg.jp/images/id/img/guide/alert_page02.png) no-repeat; }
#IDbox_A03, .TiALiftstep, .TiALift { background:url(http://i.yimg.jp/images/id/img/guide/alert_page03.png) no-repeat; }
/*かんたんスタートガイド*/
#IDbox_start, .Button_Entry a, .Button_Entry a:hover, .Tistart01, .Tistart02, .STop01 dt, .STop02 dt, .STop03 dt { background:url(http://i.yimg.jp/images/id/img/guide/start_top.jpg) no-repeat; }
/*おしらせ*/
#IDbox_News { background:url(http://i.yimg.jp/images/id/img/guide/news.png) no-repeat; }
* html #IDbox, * html #IDbox02, * html #IDbox03, * html #IDbox04, * html #IDbox05, * html #IDbox_his, * html #IDbox_seal, * html #IDbox_pass, * html #IDbox_join, * html #IDbox_ATop, * html #IDbox_A01, * html #IDbox_A02, * html #IDbox_A03 { height:150px; }
#IDbox, #IDbox02, #IDbox03, #IDbox04, #IDbox05, #IDbox_his, #IDbox_seal, #IDbox_pass, #IDbox_join, #IDbox_ATop, #IDbox_A01, #IDbox_A02, #IDbox_A03 {
background-position:0 0;
line-height:140%;
width:656px;
margin:0 auto 25px auto;
padding:0 220px 0 0;
min-height:150px;
clear:both;
}
#IDbox_safe, #IDbox_start {
background-position:0 0;
line-height:140%;
width:300px;
margin:0 auto 25px auto;
padding:0 576px 0 0;
min-height:150px;
clear:both;
min-height:232px;
}
* html #IDbox_safe, * html #IDbox_start { height:232px; }
h1 span {
height:47px;
display:block;
}
h2 {
width:910px;
height:33px;
margin:10px 0 -6px 0;
clear:both;
}
.Tisafe01, .Tisafe02, .Tistart01, .Tistart02 {
width:880px;
height:38px;
margin:0 auto 5px auto;
}
.Tisafe02 { margin:10px auto 5px auto; }
.Tistart01 { height:30px; }
.Tistart02 { margin:15px auto 5px auto; }
#IDbox_safe h1 span, #IDbox_start h1 span {
display:block;
height:75px;
}
.TiLogout, .TiResistC, .TiHis01, .TiALift, .TiSeal, .TiAguide { background-position:0 -250px; }
.TiProcess, .TiLogin, .TiALock { background-position:0 -300px; }
.TiResistE, .TiHis02, .TiSealch, .TiALiftstep, .Tisafe01, .TiJoinout { background-position:0 -350px; }
.TiInput, .TiPartner, .Tistart01, .TiAEdit { background-position:0 -400px; }
.Tisafe02 { background-position:0 -448px; }
.TiOpenid, .Tistart02, .TiAmail { background-position:0 -500px; }
.TiPasssite { background-position:0 -600px; }
.TiPasssec { background-position:0 -700px; }
.TiPassme {
background-position:0 -500px;
margin-top:25px;
}
.conBox, .conBox02 {
background:#f6f6f6;
border:#e4e4e4 1px solid;
width:838px;
margin:10px auto 0 auto;
padding:5px 30px 10px 40px;
clear:both;
}
.conBox02 {
width:898px;
padding:10px 5px;
}
.box02 { padding-top:2.2em; }
.BoxL {
float:left;
width:440px;
line-height:normal;
}
.BoxR {
float:right;
width:385px;
text-align:right;
}
.BoxR02 {
float:right;
width:385px;
}
.BoxL p, p.BoxL {
line-height:140%;
margin-bottom:1.1em;
}
.BoxL dl, .BoxR02 dl {
margin-bottom:1.0em;
line-height:140%;
}
.BoxL dt { font-weight:bold; }
.BoxR img {
background:url(http://i.yimg.jp/images/id/img/guide/img_border.gif) repeat;
padding:5px;
margin-bottom:15px;
}
.innerBox { clear:both; }
/*角丸box*/
.cnTopBG, .cnTopL, .cnTopR, .cnBottomBG, .cnBottomL, .cnBottmoR { background:url(http://i.yimg.jp/images/id/img/guide/corner01.png); }
.cornerBox02 { background:url(http://i.yimg.jp/images/id/img/guide/corner_b02.png) repeat-y; }/*背景が白の場合*/
.cnTopBG02, .cnTopL02, .cnTopR02, .cnBottomBG02, .cnBottomL02, .cnBottmoR02 { background:url(http://i.yimg.jp/images/id/img/guide/corner_b01.png) }
.cnTopBG, .cnTopL, .cnTopR, .cnBottomBG, .cnBottomL, .cnBottmoR, .cnTopBG02, .cnTopL02, .cnTopR02, .cnBottomBG02, .cnBottomL02, .cnBottmoR02 {
height:14px;
display:block;
}
.cnTopBG, .cnTopBG02 {
background-position:0 -100px;
background-repeat:repeat-x;
clear:both;
}
.cnTopL, .cnTopL02 {
width:14px;
background-position:0 0;
float:left;
}
.cnTopR, .cnTopR02 {
width:14px;
background-position:-14px 0;
float:right;
}
.cnBottomBG, .cnBottomBG02 {
background-position:0 -150px;
background-repeat:repeat-x;
clear:both;
}
.cnBottomL, .cnBottomL02 {
width:14px;
background-position:0 -14px;
float:left;
}
.cnBottmoR, .cnBottmoR02 {
width:14px;
float:right;
background-position:-14px -14px;
}
.coboxL, .coboxR { background:url(http://i.yimg.jp/images/id/img/guide/corner02.png) repeat-y; }
.coboxL02, .coboxR02, .coboxR03 { background:url(http://i.yimg.jp/images/id/img/guide/corner_b02.png) repeat-y; }
.coboxL, .coboxL02 { background-position:0 0; }
.coboxR, .coboxR02, .coboxR03 {
background-position:right;
margin-left:14px;
padding-right:10px;
}
.coboxR { width:874px; }
.coboxR03 { width:854px; }
.Column1 { width:896px; }
.Column1_2 { margin:0 15px; }
.Column2 {
margin-left:14px;
width:580px;
float:left;
}
.Column3 {
margin-left:14px;
width:284px;
float:left;
}
#IDbox_pass ul { margin:1em 0 0 0; }
#IDbox_pass li {
list-style-type:decimal;
list-style-position:inside;
font-weight:bold;
}
.supplement {
border:#c3c3c3 dashed;
border-width:1px 0;
line-height:130%;
margin:30px 0;
padding:10px;
width:410px;
}/*補足*/
.supplement02, .supplement03 {
margin:15px auto 0 auto;
border:#c3c3c3 1px dashed;
width:888px;
padding:10px;
line-height:130%;
clear:both;
}
.point01, .point02, .point03, .supplement dd, .supplement02 dd, .supplement03 dd, #Connect02 dd, #Faq li { background:url(http://i.yimg.jp/images/id/img/guide/number.png) no-repeat; }
.point01, .point02, .point03 {
background-position: 0 0px;
padding:0 0 3px 20px;
}/*背景ボックス内の場合（色付）*/
.point02 {
background-position:0 -100px;
font-weight:bold;
}/*背景白の場合*/
.point03 {
background-position:0 -1000px;
font-weight:bold;
}/*重要*/
.supplement dd, .supplement02 dd, .supplement03 dd, #Connect02 dd {
background-position: 5px -1145px;
margin:0 0 1em 0;
padding:0 10px 0 20px;
}
#Connect02 dt { font-weight:normal; }
#Connect02 dd { margin:0; }
.supplement02 img { margin:0 5px 0 0; }
.conBox h3, .conBox02 h3, .captxt {
margin:0 0 4px -30px;
padding:5px 0 5px 20px;
font-weight:bold;
clear:both;
}
.captxt {
font-weight:normal;
padding:0;
}
.No1, .No2, .No3, .No4, .No5 { background:url(http://i.yimg.jp/images/id/img/guide/number.png) no-repeat; }
.No1 span, .No2 span, .No3 span, .No4 span, .No5 span {
font-weight:normal;
font-size:82%;
}
h3.No1 { background-position:0 -195px; }
h3.No2 { background-position: 0 -295px; }
h3.No3 { background-position: 0 -395px; }
h3.No4 { background-position: 0 -495px; }
h3.No5 { background-position: 0 -595px; }
h3.Nohalf {
width:430px;
line-height:1.56em;
}
h3.captxt02 { padding:5px 0 5px 30px; }
.Button01, .Button02, .Button03, .Button04, .Button_his, .Button_seal, .Button_Al, .Button_Entry {
margin:20px 0 0 0;
height:34px;
font-size:60%;
}
.Button_Al a, .Button_Al a:hover {
width:291px;
background:url(http://i.yimg.jp/images/id/img/guide/alert_bt.png) no-repeat;
}
.Button01 { width:158px; }
.Button02 { width:229px; }
.Button03 { width:343px; }
.Button04 { width:233px; }
.Button_his { width:263px; }
.Button_seal { width:277px; }
.Button_Entry { width:158px; }
.Button01 a, .Button02 a, .Button03 a, .Button04 a, .Button_his a, .Button_seal a, .Button_Al a, .BtAEdit a, .BtACheck a, .Button_Entry a {
height:34px;
display:block;
text-decoration:none;
background-position:-876px 0;
}
.Button04 a { background-position:-876px -100px; }
.Button_Al a { background-position:0 0; }
.Button_Entry a { background-position:-879px 0; }
.Button01 a:hover, .Button02 a:hover, .Button03 a:hover, .Button_his a:hover, .Button_seal a:hover, .Button_Al a:hover, .Button_Entry a:hover {
height:34px;
display:block;
}
.Button01 a:hover { background-position:-1034px 0; }
.Button02 a:hover { background-position:-1105px 0; }
.Button03 a:hover, .Button_his a:hover, .Button_seal a:hover { background-position:-876px -34px; }
.Button04 a:hover { background-position:-876px -134px; }
.Button_Al a:hover { background-position:0 -34px; }
.Button_Entry a:hover { background-position:-879px -34px; }
.BtAEdit, .BtACheck {
margin:0 auto;
width:158px;
padding-bottom:18px;
}
.BtAEdit a { background-position:-876px 0; }
.BtAEdit a:hover { background-position:-876px -34px; }
.BtACheck a { background-position:-876px -150px; }
.BtACheck a:hover { background-position:-876px -184px; }
.mTop2em { margin-top:2em; }
.mBot1em { margin-bottom:1em; }
.pT30px { padding-top:30px; }
.pB30px { padding-bottom:30px; }
/*
================================================
お知らせ
================================================*/
#IDbox_News {
background-position:0 0;
line-height:140%;
width:870px;
margin:0 auto 25px auto;
clear:both;
}
#IDbox_News h1 { height:35px; }
.NewsBox {
line-height:140%;
background:#f6f6f6;
border:#e4e4e4 1px solid;
width:838px;
margin:10px auto 0 auto;
padding:10px 20px 10px 20px;
clear:both;
}
.NewsBox dl {
border-bottom:#c3c3c3 1px dashed;
width:840px;
padding:30px 0 45px 0;
clear:both;
}
.NewsBox dt {
float:left;
width:115px;
}
.NewsBox dd {
width:710px;
margin:0 0 10px 120px;
}
.NewsCap { margin-bottom:4px; }
.StRe {
background:#ffff99;
font-size:75%;
margin-right:4px;
padding:2px;
border:#b8b8b8 1px solid;
}
.StRe02 {
background:#fff;
font-size:75%;
margin-right:4px;
padding:2px;
border:#b8b8b8 1px solid;
}
dl.NewsEnd { border:none; }
/*
================================================
もっと安全ガイド/トップ
================================================*/
* html .GTopAlert dt, * html .GTopHis dt, * html .GTopSeal dt { height:40px; }
.GTopAlert dt, .GTopHis dt, .GTopSeal dt {
padding:1.2em 0 1em 110px;
min-height:40px;
}
.GTopAlert dt { background-position:10px -600px; }
.GTopHis dt { background-position:-440px -600px; }
.GTopSeal dt { background-position:-890px -600px; }
.GTopAlert dd, .GTopHis dd, .GTopSeal dd, .GTopIDs dd {
line-height:140%;
padding:0 15px 20px 15px;
}
.gAlert01, .gAlert02, .gAlert03, .STop01, .STop02, .STop03 {
float:left;
margin:5px 0 15px 0;
}
.gAlert01 a, .gAlert02 a, .gAlert03 a, .GTopAlert a, .GTopHis a, .GTopSeal a, .GTopIDs dt a, .GTopUse a, .STop01 dt a, .STop02 dt a, .STop03 dt a {
color:#333;
font-weight:bold;
}
.GTopIDs dt, .GTopUse dt {
margin:0 0 1em 0;
padding:0 15px;
text-align:left;
}
.GTopUse01 {
padding:0 15px 1.5em 15px;
}
.GTopUse01, .GTopUse02 { line-height:140%; }
.gAlert01 { width:260px; }
.gAlert02 { width:300px; }
.gAlert03 { width:290px; }
* html .gAlert01 dt, * html .gAlert02 dt, * html .gAlert03 dt { height:40px; }
.gAlert01 dt, .gAlert02 dt, .gAlert03 dt { min-height:40px; }
.gAlert01 dt {
background-position:0 -350px;
padding:1em 0 0 55px;
}
.gAlert01 dd { padding-left:55px; }
.gAlert02 dt {
background-position:-400px -350px;
padding:1em 0 0 105px;
}
.gAlert02 dd { padding-left:75px; }
.gAlert03 dt {
background-position:-800px -350px;
padding:1em 0 0 110px;
}
.gAlert03 dd { padding-left:75px; }
.STop01 {
width:215px;
margin-left:20px;
}
.STop02 {
width:260px;
margin-left:20px;
}
.STop03 {
width:265px;
margin-left:30px;
}
.STop01 dt {
padding:1em 0 0 80px;
background-position:0 -600px;
}
.STop02 dt {
padding:1em 0 0 150px;
background-position:-350px -600px;
}
.STop02 dd { margin-left:70px; }
.STop03 dt {
padding:1em 0 0 130px;
background-position:-750px -600px;
}
.STop03 dd { margin-left:70px; }
* html .STop01 dt, * html .STop02 dt, * html .STop03 dt { height:50px; }
.STop01 dt, .STop02 dt, .STop03 dt {
min-height:50px;
}
.STop01 dd, .STop02 dd, .STop03 dd {
line-height:140%;
padding-bottom:25px;
}
#Tab {
background:url(http://i.yimg.jp/images/id/img/guide/s_menu.png) no-repeat;
width:910px;
height:44px;
margin:15px 0 -5px 0;
clear:both;
display:none;
}
#Tab dt {
float:left;
width:355px;
height:44px;
font-size:70%;
}
#Tab dd {
float:left;
margin-top:8px;
}
#Tab dd img {
border:0;
margin-right:3px;
}
#Tabpc span, #Tabmb span {
color:#333;
text-align:center;
background:url(http://i.yimg.jp/images/id/img/guide/s_menu.png) no-repeat;
background-position:0 -80px;
width:248px;
height:31px;
margin-right:15px;
padding:4px 0 0 0;
display:block;
text-decoration:none;
cursor:pointer;
}
#Tabpc { background-position:0 -80px; }
/*
================================================
関連リンク・よくある質問
================================================*/
#Connect, #Connect02, #Faq {
margin:0 0 15px 0;
clear:both;
}
#Connect h3, #Connect02 h3 { background:url(http://i.yimg.jp/images/id/img/guide/ti_connect.png) 0 0 no-repeat; }
#Connect h3, #Connect02 h3, #Faq h3 {
width:950px;
height:34px;
}
.moduBox {
line-height:140%;
border:#c9c9c9 1px solid;
padding:15px 15px 0 15px;
width:918px;
}
#Connect ul, #Faq ul {
border:#c9c9c9 1px solid;
width:948px;
padding:10px 0;
}
#Connect li {
width:115px;
float:left;
padding:3px 0 3px 20px;
}
#Connect li img {
margin-right:3px;
vertical-align:middle;
}
#Faq h3 { background:url(http://i.yimg.jp/images/id/img/guide/ti_faq.png) 0 0 no-repeat; }
#Faq li {
line-height:140%;
background-position: 5px -1145px;
margin:8px 20px 8px 10px;
padding:0 10px 0 20px;
}
/*
================================================
総合トップページ
================================================*/
#TopNewdTi, h3#YService, #YSmail, #YSmesse, #YSgame, #YSauc, #YSshop, #YSchie { background:url(http://i.yimg.jp/images/id/img/guide/top_01.png) no-repeat; }
#TopImg {
background:url(http://i.yimg.jp/images/id/img/guide/top_img.jpg) no-repeat;
width:950px;
height:200px;
margin-bottom:10px;
}
#TopL {
float:left;
width:400px;
}
#TopImg h1, #TopImg h2, .TopImgTxt {
margin:0;
width:400px;
height:40px;
float:left;
}
.TopImgBt {
width:296px;
height:46px;
margin:104px 53px 0 0;
float:right;
}
.TopImgBt a {
text-decoration:none;
display:block;
width:296px;
height:46px;
}
/*最新の知らせ*/
div#TopNewdTi {
width:940px;
height:35px;
clear:both;
padding-right:10px;
}
#TopNewdTi h3 {
float:left;
width:400px;
}
#TopNewdTi p {
width:60px;
height:20px;
float:right;
margin:7px 0 0 0;
}
#TopNewdTi p a {
width:60px;
height:20px;
display:block;
line-height:100%;
text-decoration:none;
}
#TopNews dl {
line-height:140%;
border:#ccc 1px solid;
border-top:0;
padding:15px 10px;
}
#TopNews dt {
color:#666;
font-weight:bold;
float:left;
}
#TopNews dd { margin-left:115px; }
/*STEP*/
#TopStep01, #TopStep02 {
width:950px;
margin-top:10px;
padding:0 0 15px 0;
clear:both;
line-height:140%;
}
#TopStep01 { background:url(http://i.yimg.jp/images/id/img/guide/step01_bg.png) 0 bottom no-repeat; }
#TopStep01a { background:url(http://i.yimg.jp/images/id/img/guide/step01.png) 0 0 no-repeat; }
#TopStep02 { background:url(http://i.yimg.jp/images/id/img/guide/step02_bg.png) 0 bottom no-repeat; }
#TopStep02a { background:url(http://i.yimg.jp/images/id/img/guide/step02.png) 0 0 no-repeat; }
#TopStep01a, #TopStep02a {
width:790px;
padding:0 30px 0 130px;
}
#TopStep03 {
background:url(http://i.yimg.jp/images/id/img/guide/step03.png) no-repeat;
width:950px;
}
#TopStep03BG {
background:url(http://i.yimg.jp/images/id/img/guide/step03_bg.png) bottom repeat-x;
width:950px;
padding-bottom:15px;
margin:10px 0 15px 0;
clear:both;
}
#TopBoxs {
width:820px;
padding-left:130px;
}
#TopStep01 dt, #TopStep02 dt {
float:left;
width:440px;
height:70px;
padding-left:10px;
}
.StepTxt {
float:left;
margin:10px 0 0 0;
width:530px;
}
.bts, .bts02 {
float:right;
width:218px;
}
.bts a, .bts02 a {
background:url(http://i.yimg.jp/images/id/img/guide/step_bt.png) no-repeat;
display:block;
width:218px;
height:65px;
text-decoration:none;
}
.bts02 a { background-position:0 -65px; }
#TopStep03 dt { height:85px; }
#TopStar, #TopWallet, #TopPremium {
float:left;
width:265px;
}
#TopStar dt, #TopWallet dt, #TopPremium dt {
background:url(http://i.yimg.jp/images/id/img/guide/step03_ti.png) no-repeat;
padding-top:15px;
height:59px;
}
#TopWallet, #TopPremium { margin-left:5px; }
#TopStar dt { background-position:0 0; }
#TopWallet dt { background-position:-269px 0; }
#TopPremium dt { background-position:-538px 0; }
.Step03Txt {
background:#fff;
margin-left:2px;
padding:10px 10px 10px 10px;
line-height:130%;
border:#fc0 5px solid;
border-top:0;
min-height:10.5em;
}
* html .Step03Txt { height:10.5em; }
.BtTCheck, .BtTEntry, .BtTEntry02 { height:46px; }
.BtTCheck a, .BtTEntry a, .BtTEntry02 a {
margin-left:2px;
width:263px;
height:46px;
display:block;
text-decoration:none;
background:url(http://i.yimg.jp/images/id/img/guide/step03_bt.png) no-repeat;
}
.BtTCheck a { background-position:0 0; }
.BtTEntry a { background-position:-263px 0; }
.BtTEntry02 a { background-position:-525px 0; }
/*YJサービス*/
h3#YService {
background-position:0 -100px;
width:950px;
height:36px;
clear:both;
}
#YServBox {
border:#ccc 1px solid;
border-top:0;
padding:10px 0;
width:948px;
}
#YServBox dl {
width:295px;
border:#ccc 1px solid;
float:left;
margin-left:14px;
margin-bottom:10px;
}
* html #YServBox dl { margin:0 7px 10px 7px; }
#YServBox dt {
border-bottom:#ccc 1px solid;
padding:4px 8px;
}
#YServBox dt img {
margin-right:5px;
vertical-align:middle;
}
* html #YServBox dd { height:90px; }
#YServBox dd {
padding:5px 5px 5px 100px;
min-height:90px;
line-height:140%;
}
#YSmail { background-position:0 -192px; }
#YSmesse { background-position:-350px -192px; }
#YSgame { background-position:-750px -192px; }
#YSauc { background-position:0 -442px; }
#YSshop { background-position:-350px -442px; }
#YSchie { background-position:-750px -442px; }
#YServBox p {
text-align:right;
margin-right:15px;
clear:both;
}
/* サービスアイコン */

.icPoint a,.icWallet a,.icPremium a,.icMail a,.icFinance a,.icGourmet a,.icBlog a,.icWeather a,.icCalendar a,.icCar a,.icShop a,.icTv a,.icRecnavi a,.icBeauty a,.icSports a,.icTransit a,.icMsbord a,.icAuc a,.icMap a,.icRealestate a,.icPartner a,.icTravel a,.icNews a,.icMess a,.icGame a,.icChie a, .icAuc02,.icSecurity,.icAnshin,.icKids,.icToolbar{
background-image:url(http://i.yimg.jp/images/id/img/guide/icoProduct.gif);
background-repeat:no-repeat;
padding:2px 0px 4px 20px;}
.icPoint a{ background-position:0 0;}
.icWallet a{ background-position:0 -100px;}
.icPremium a{ background-position:0 -200px;}
.icMail a{ background-position:0 -300px;}
.icFinance a{ background-position:0 -400px;}
.icGourmet a{ background-position:0 -500px;}
.icBlog a{ background-position:0 -600px;}
.icWeather a{ background-position:0 -700px;}
.icCalendar a{ background-position:0 -800px;}
.icCar a{ background-position:0 -900px;}
.icShop a{ background-position:0 -1000px;}
.icTv a{ background-position:0 -1100px;}
.icRecnavi a{ background-position:0 -1200px;}
.icBeauty a{ background-position:0 -1300px;}
.icSports a{ background-position:0 -1400px;}
.icTransit a{ background-position:0 -1500px;}
.icMsbord a{ background-position:0 -1600px;}
.icAuc a, .icAuc02{ background-position:0 -1700px;}
.icMap a{ background-position:0 -1800px;}
.icRealestate a{ background-position:0 -1900px;}
.icPartner a{ background-position:0 -2000px;}
.icTravel a{ background-position:0 -2100px;}
.icNews a{ background-position:0 -2200px;}
.icMess a{ background-position:0 -2300px;}
.icGame a{ background-position:0 -2400px;}
.icChie a{ background-position:0 -2500px;}
.icSecurity{ background-position:0 -2600px;}
.icAnshin{ background-position:0 -2700px;}
.icKids{ background-position:0 -2800px;}
.icToolbar{ background-position:0 -2900px;}
/*
================================================
ProgressTracker
================================================*/

#Ptracker, #PEntry a, #PLogin a, #PLogout a { background:url(http://i.yimg.jp/images/id/img/guide/p_tracker.png) no-repeat; }
#Ptracker {
background-position:0 0;
width:910px;
margin:15px 0 0 0;
height:45px;
clear:both;
}
ol#Ptracker li {
float:left;
font-weight:bold;
text-align:center;
line-height:45px;
}
#Ptracker li a {
color:#333;
display:block;
height:45px;
}
#PEntry { width:314px; }
#PLogin {
margin:0 0 0 -17px;
width:317px;
}
#PLogout {
margin:0 0 0 -16px;
width:312px;
}
#PEntry a { background-position:0 -45px; }
#PLogin a { background-position:0 -90px; }
#PLogout a { background-position:-2px -135px; }
/*
================================================
Footer
================================================*/
#FootLink, #FootLinkTop { text-align:center;
padding-bottom:5px;}
#FootLinkTop { margin:10px 0 3px 0; }
#FootLink li {
background:url(http://i.yimg.jp/images/id/img/guide/line_02.gif) right center no-repeat;
display:inline;
padding:0 8px;
}
#FootLink li#linkend { background-image:none; }
/*
================================================
other
================================================*/

strong { font-weight:bold; }
.PageTopTxt {
text-align:right;
line-height:100%;
clear:both;
margin:3px 0 10px 0;
}
.PageTopTxt a { color:#666; }
#Menu li span, h1 span, .Button01 a span, .Button02 a span, .Button03 a span, .Button04 a span, .Button_his a span, .Button_seal a span, .Button_Al a span, #Connect h3 span, #Connect02 h3 span, #Faq h3 span, h2 span, .BtAEdit a span, .BtACheck a span, #Tab dt, .Button_Entry a span, #YService span, #TopNewdTi span, #TopStep01 dt, #TopStep01 dd span, #TopStep02 dt, #TopStep02 dd span, #TopStep03 span, #TopImg h1, #TopImg h2, .TopImgTxt, .TopImgBt a span, .conBox h3 span {
z-index:-1;
position:relative;
}
/*--------clear_fix--------*/
.Page:after, .PageTop:after, #Connect ul:after, .conBox:after, #IDbox_News dl:after, .moduBox:after, #TopBoxs:after, .coboxR:after, .coboxR03:after, #TopStep01a:after, #TopStep02a:after, #TopNewdTi:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
.Page * html, .PageTop * html, * html #Connect ul, * html .conBox, * html #IDbox_News dl, * html .moduBox, * html #TopNewdTi, * html .coboxR, * html #TopBoxs, * html .coboxR, * html .coboxR03, * html #TopStep01a, * html #TopStep02a, * html #TopNewdTi {
height: 1em;
overflow: visible;
}
/**/