@charset "utf-8";

/* yjTmplCommon-min.css 1.1.0 */
/*\*//*/@import "yjTmplMacIE5-min.css";/**/
body{margin:0;padding:0;text-align:center;}dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,fieldset,div{margin:0;padding:0;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}ul li, ol li{list-style:none;}table{margin:0;padding:0;border-collapse:collapse;border-spacing:0;font-size:100%;}caption{text-align:left;}table,pre,code,select,input,textarea,kbd,var,ins,del,samp{font-size:100%;}address,cite,dfn,em,var,th,ins,del,samp{font-weight:normal;font-style:normal;}a img{border:0;}hr.yjSeparation{display:none;}fieldset{border:none;}#wrapper{text-align:left;font-size:medium;line-height:1.56;}#yjContentsBody{position:relative;}.yjGuid{display:block;height:0;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;}.yjSkip{display:block;height:0;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;}.yj950-1 #wrapper,.yj950-2 #wrapper,.yj950-3 #wrapper{ width:950px;margin:0 auto;padding:0 10px;}.yj950-1 #contents,.yj950-2 #contents,.yj950-3 #contents{text-align:left;}.yj950-2 #yjMain{float:left;width:640px;}.yj950-2 #yjSub{float:right;width:300px;}.yj950-3 #yjMain{float:left;width:640px;}.yj950-3 .yj1stUnit{float:right;width:440px;}.yj950-3 .yj2ndUnit{float:left;width:190px;}.yj950-3 #yjSub{float:right;width:300px;}.yj100per-1,.yj100per-2,.yj100per-3{width:100%;}.yj100per-1 #wrapper,.yj100per-2 #wrapper,.yj100per-3 #wrapper{min-width:950px;padding:0 10px;}.yj100per-2 #yjMain{float:left;width:100%;margin-left:-310px;}.yj100per-2 .yjMainGrid{margin-left:310px;}.yj100per-2 #yjSub{float:right;width:300px;}.yj100per-3 #yjMain{float:left;width:100%;margin-left:-310px;}.yj100per-3 .yjMainGrid{margin-left:310px;}.yj100per-3 .yj1stUnit{float:right;width:100%;margin-right:-200px;}.yj100per-3 .yj1stInnerUnit{margin-right:200px;}.yj100per-3 .yj2ndUnit{float:left;width:190px;}.yj100per-3 #yjSub{float:right;width:300px;}#yjContentsBody:after,.yj950-3 #yjMain:after{display:block;visibility:hidden;clear:both;height:0;content:".";}#yjContentsBody,.yj950-3 #yjMain{height:1%;}
/* fonts-min.css 1.0.0 */
.s115{line-height:115%;}.s130{line-height:130%;}.s150{line-height:150%;}.yjXXL{font-size:x-large;voice-family:"\"}\"";voice-family:inherit;font-size:xx-large;font-size /**/:x-large;}html>body .yjXXL{font-size:180%;font-size/**/:xx-large;}.yjXL{font-size:large;voice-family:"\"}\"";voice-family:inherit;font-size:x-large;font-size /**/:large;}html>body .yjXL{font-size:150%;font-size/**/:x-large;}.yjL{font-size:medium;voice-family:"\"}\"";voice-family:inherit;font-size:large;font-size /**/:medium;}html>body .yjL{font-size:120%;font-size/**/:large;}.yjM{font-size:small;voice-family:"\"}\"";voice-family:inherit;font-size:medium;font-size /**/:small;}html>body .yjM{font-size:100%;font-size/**/:medium;}.yjMt{font-size:small;line-height:1.4em;voice-family:"\"}\"";voice-family:inherit;font-size:medium;font-size /**/:small;}html>body .yjMt{font-size:100%;font-size/**/:medium;}.yjS{font-size:x-small;voice-family:"\"}\"";voice-family:inherit;font-size:small;font-size /**/:x-small;}html>body .yjS{font-size:84%;font-size/**/:small;}.yjSt{font-size:x-small;line-height:1.3em;voice-family:"\"}\"";voice-family:inherit;font-size:small;font-size /**/:x-small;}html>body .yjSt{font-size:84%;font-size/**/:small;}.yjXS{font-size:xx-small;voice-family:"\"}\"";voice-family:inherit;font-size:x-small;font-size /**/:xx-small;}html>body .yjXS{font-size:70%;font-size/**/:x-small;}
/* masthead-min.css 1.0.0 */
.yjmth{*height:1%;}.yjmth img{vertical-align:middle;border:0px;}.yjmth a{border:0px;}div.yjmthproplogoarea{float:left;}div.yjmthloginarea{float:left;margin:0px 0px 0px 3px;font-size:smaller;text-align:left;line-height:110%}div.yjmthcplogoarea{float:right;}div.yjmthcmnlnkarea{/*\*/float:right;/* */margin:10px 3px 0px 0px;font-size:smaller;text-align:right;line-height:110%;}br.yjmthclear{clear:both;}div.yjgrplink{text-align:right;font-size:smaller;line-height:115%;}div#music div.yjmthloginarea{margin-top:16px;margin-left:7px;}div#music div.yjmthcmnlnkarea{margin-top:26px;}div#music div.yjmthcplogoarea{margin-top:14px;}#masthead{width:100%;height:41px;margin:4px auto 10px auto;text-align:left;}#masthead strong{font-weight:bold;}#masthead:after{content:"."; display:block; position:relative;height:0; clear:both; visibility:hidden;}/*\*/* html #masthead{height:1%;}* html #masthead .yjmth{margin:0;padding:0;}/**//* ie/mac \*//*/#masthead{display:inline-table;}/**/
@media print{div.yjmthloginarea{display:none;}}
/* emg-min.css 1.0.0 */
#emg,#emg2,#emg3{margin-bottom:10px;text-align:center;}#emg2 br{display:none;}#emg table,#emg2 table,#emg3 table{margin:0 auto;text-align:left;}/* ie/mac \*//*/#emg,#emg2{margin-left:120px;}#emg3{margin-left:235px;}/**/
#posEMG,#posEMG2,#posEMG3{margin:0 auto;width:728px;}
/* posn-min.css 1.0.0 */
#yjPosN{width:100%;margin-top:10px;margin-bottom:10px;text-align:center;}#yjPosN table{margin:0 auto;text-align:left;}#yjPosN br{display:none;}#yjPosN a img{vertical-align:bottom;}
/* breadcrumbs-min.css 1.0.0 */
#yjBreadcrumbs{/*margin-bottom:10px;padding-left:7px;*/}
/* lrec-min.css 1.0.4 */
#yjLrec{margin-bottom:10px;}#yjLrec dl{margin:0;padding:0;}#yjLrec dt{margin:0;padding:4px 0 4px;font-size:12px;font-weight:normal;line-height:12px;text-align:center;vertical-align:middle;}/* safari only \*/html:\66irst-child #yjLrec dt{padding:3px 0 2px;}/* /safari only */#yjLrec dd{margin:0;padding:0;}#yjLrec dd img{border:none;vertical-align:bottom;}.yj950-1 #contents{position:relative;}.yj950-1 #yjContentsBody span.yjGuid{position:relative;left:auto;float:right;width:310px; height:280px;margin:0;}.yj950-1 #yjLrec{position:absolute;top:0;right:0;width:300px;}.yj100per-1 #contents{position:relative;}.yj100per-1 #yjContentsBody span.yjGuid{position:relative;left:auto;float:right;width:310px; height:280px;margin:0;}.yj100per-1 #yjLrec{position:absolute;top:0;right:0;width:300px;}.yj950-1 #yjLrec{float:right;width:300px;margin-left:20px;}.yj100per-1 #yjLrec{float:right;width:300px;margin-left:20px;}
/* footer-min.css 1.0.0 */
#footer{text-align:center;}#footer address{padding:20px 0;font-size:small;line-height:1.4;}
body,input,textarea{font-family:"MS PGothic",Arial,sans-serif;color:#333;word-wrap:break-word;}


/* ----------------------------------------
YOLP CSS
---------------------------------------- */
body{background:#ececec;}
#wrapper{min-width:950px;}

/*-- font color --*/
#contents{color:#666;}
.txtRed{color:#f00;}

/*-- link color --*/
#contents a:link,#footer a:link{color:#0079de;}


/* ----------------------------------------
Sprite Image
---------------------------------------- */
/*-- common --*/
#mhd .slogo a,#mhd .slogo span,#mhd .ylogo a,#featurePanel a,#featurePanel span,#guidePanel a,#guidePanel span,#yjBreadcrumbs p,
#footer .linkArea .logo span,#footer .linkArea .logo a,#footer .linkArea h3,#footer .linkArea li,#footer .linkArea .out,
#subArea .subColumn h3 a,#subArea .subColumn h3 span,#subArea .subColumn li a,#subArea .subColumn li span,.ttlPin,.ttlHyphen h2,.arrow,
#mainArea .bottomLinkTop,#uft,#faq_index .txt .out{
background:url(//s.yimg.jp/images/map/yolp/site/img/common.png) no-repeat;
}
/*-- common2 --*/
#gnavi .a01,#gnavi .a02,#gnavi .a03,#gnavi .a04,#gnavi .a05,#featurePanel a,#featurePanel span,#guidePanel a,#guidePanel span,#subArea .subColumn2 h3 a,#subArea .subColumn2 h3 span{
background:url(//s.yimg.jp/images/map/yolp/site/img/common2.png) no-repeat;
}
/*-- top --*/
#topMainArea .textRead,#topMainArea .listFeature h2,#topMainArea .listFeature span a,
#topWhatsArea .ttl,#topWhatsArea .ttl h3,#topWhatsArea .ttl a{
background:url(//s.yimg.jp/images/map/yolp/site/img/top.png) no-repeat;
}


/* ----------------------------------------
#header
---------------------------------------- */
#header{border-top:1px solid #fff;border-bottom:5px solid #00488d;background-color:#fff;}
#headerWrap{width:950px;margin:20px auto 0;}
#mhd{margin-bottom:10px;overflow:hidden;/display:inline-block;}
#mhd .slogo{float:left;}
#mhd .ylogo{float:right;}
#mhd .slogo a,#mhd .slogo span,#mhd .ylogo a{display:block;overflow:hidden;text-indent:-9999px;}
#mhd .slogo a,#mhd .slogo span{width:420px;height:40px;}
#mhd .ylogo a{width:131px;height:34px;background-position:-450px 0;}


/* ----------------------------------------
#gnavi
---------------------------------------- */
#gnavi{margin:10px 0 -5px 0;}
#gnavi .nav{position:relative;width:950px;height:40px;}
#gnavi .l01,#gnavi .l02,#gnavi .l03,#gnavi .l04,#gnavi .l05{position:absolute;top:0;height:40px;}
#gnavi .l01{width:193px;left:0;}
#gnavi .l02{width:188px;left:193px;}
#gnavi .l03{width:188px;left:381px;}
#gnavi .l04{width:188px;left:569px;}
#gnavi .l05{width:192px;left:757px;}
#gnavi .a01,#gnavi .a02,#gnavi .a03,#gnavi .a04,#gnavi .a05{display:block;height:40px;overflow:hidden;text-indent:-9999px;}
#gnavi .a01{width:193px;background-position:0 0;}
#gnavi .a02{width:188px;background-position:-193px 0;}
#gnavi .a03{width:188px;background-position:-381px 0;}
#gnavi .a04{width:188px;background-position:-569px 0;}
#gnavi .a05{width:192px;background-position:-757px 0;}
#gnavi .a01:hover,#gnavi .current .a01{background-position:0 -40px;}
#gnavi .a02:hover,#gnavi .current .a02{background-position:-193px -40px;}
#gnavi .a03:hover,#gnavi .current .a03{background-position:-381px -40px;}
#gnavi .a04:hover,#gnavi .current .a04{background-position:-569px -40px;}
#gnavi .a05:hover,#gnavi .current .a05{background-position:-757px -40px;}

#featuresLink,#guideLink{position:relative;}
#gnavi .nav,#featuresLink,#featurePanel,#guideLink,#guidePanel{z-index:10;}
#featurePanel,#guidePanel{display:none;position:absolute;width:188px;top:40px;left:0;border-bottom:1px solid #ccc;}
#featurePanel a,#featurePanel span,#guidePanel a,#guidePanel span{display:block;width:188px;height:40px;overflow:hidden;text-indent:-9999px;}
#featurePanel .pa01{background-position:0 -80px;}
#featurePanel .pa02{background-position:0 -120px;}
#featurePanel .pa03{background-position:0 -160px;}
#featurePanel .pa04{background-position:0 -200px;}
#featurePanel .pa05{background-position:0 -240px;}
#featurePanel .pa06{background-position:0 -280px;}
#guidePanel .pa07{background-position:-376px -80px;}
#guidePanel .pa08{background-position:-376px -120px;}
#guidePanel .pa09{background-position:-376px -160px;}
#featurePanel .pa01:hover,#featurePanel .pa01current{background-position:-188px -80px;}
#featurePanel .pa02:hover,#featurePanel .pa02current{background-position:-188px -120px;}
#featurePanel .pa03:hover,#featurePanel .pa03current{background-position:-188px -160px;}
#featurePanel .pa04:hover,#featurePanel .pa04current{background-position:-188px -200px;}
#featurePanel .pa05:hover,#featurePanel .pa05current{background-position:-188px -240px;}
#featurePanel .pa06:hover,#featurePanel .pa06current{background-position:-188px -280px;}
#guidePanel .pa07:hover,#guidePanel .pa07current{background-position:-376px -200px;}
#guidePanel .pa08:hover,#guidePanel .pa08current{background-position:-376px -240px;}
#guidePanel .pa09:hover,#guidePanel .pa09current{background-position:-376px -280px;}


/* ----------------------------------------
#contents
---------------------------------------- */
#contents{background:url(//s.yimg.jp/images/map/yolp/site/img/bg_contents.png) repeat-x;}
#yjContentsBody,#yjContentsFooter{width:950px;margin:0 auto;}
.ttlHidden{height:0;overflow:hidden;}

/*-- #yjBreadcrumbs --*/
#yjBreadcrumbs{padding:10px 0 0;}
#yjBreadcrumbs .pass{width:950px;margin:0 auto;font-size:small;}
#yjBreadcrumbs p{padding-left:20px;background-position:-936px -345px;}


/* ----------------------------------------
#footer
---------------------------------------- */
#footer{background:#ececec;border-top:1px solid #ccc;}
#footer .linkArea{background:#dfdfdf;border-top:1px solid #fff;border-bottom:1px solid #fff;padding:10px 0;text-align:left;font-size:12px;}
#footer .linkAreaWrap{position:relative;width:950px;margin:0 auto;overflow:hidden;/display:inline-block;}
#footer .linkArea .logo{float:left;width:210px;}
#footer .linkArea .logo span,#footer .linkArea .logo a{display:block;width:126px;height:53px;background-position:0 -400px;margin:60px auto 0;overflow:hidden;text-indent:-9999px;}
#footer .linkArea .feature{float:left;width:210px;padding:10px 20px 0;}
#footer .linkArea .guide,#footer .linkArea .info,#footer .linkArea .contact{
float:left;min-height:200px;height:auto!important;height:200px;background:url(//s.yimg.jp/images/map/yolp/site/img/dot02.gif) repeat-y;padding:10px 20px 0;}
#footer .linkArea .business{position:absolute; top:116px; left:260px;background:url(//s.yimg.jp/images/map/yolp/site/img/dot02.gif) repeat-y;padding:10px 20px 0;}
#footer .linkArea .feature{width:220px;}
#footer .linkArea .feature a{display:block;}
#footer .linkArea .guide{width:210px;}
#footer .linkArea .guide a{display:block;}
#footer .linkArea .business{width:210px;}
#footer .linkArea .business a{display:block;}
#footer .linkArea .info{width:210px;}
#footer .linkArea .contact{width:150px;}
#footer .linkArea h3{height:14px;margin-bottom:12px;overflow:hidden;text-indent:-9999px;}
#footer .linkArea .feature h3{width:45px;background-position:-150px -400px;}
#footer .linkArea .guide h3{width:130px;background-position:-150px -439px;}
#footer .linkArea .business h3{width:130px;background-position:-168px -479px;}
#footer .linkArea .info h3{width:56px;background-position:-220px -400px;}
#footer .linkArea .contact h3{width:82px;background-position:-300px -400px;}
#footer .linkArea li{margin-bottom:8px;padding-left:15px;background-position:-941px -396px;_zoom:1;}
#footer .linkArea .out{padding-right:17px;background-position:right -430px;}
#footer address{width:950px;margin:0 auto;}
#uft{padding:20px 0;text-align:center;background-position:center -590px;}


/* ----------------------------------------
TOP
---------------------------------------- */
/*-- #yjContentsHeader --*/
#yjContentsHeader{}
#yjContentsHeader .imageMainWrap{background:url(//s.yimg.jp/images/map/yolp/site/img/bg_main2.png) repeat-x;}
#yjContentsHeader .imageMainInner{background:url(//s.yimg.jp/images/map/yolp/site/img/bg_main1.png) no-repeat center top;}
#yjContentsHeader .imageMain{margin:0 auto;width:950px;height:320px;overflow:hidden;text-indent:-9999px;}


/*-- #topMainArea --*/
#topMainArea{margin:5px 0 25px;}
#topMainArea .textRead{display:block;width:910px;height:57px;margin-bottom:25px;overflow:hidden;text-indent:-9999px;}
#topMainArea .listFeature{padding-top:19px;background:url(//s.yimg.jp/images/map/yolp/site/img/bg_feature.png) no-repeat;}
#topMainArea .listFeatureWrap{padding:0 4px 20px;background:url(//s.yimg.jp/images/map/yolp/site/img/bg_feature.png) no-repeat bottom;}
#topMainArea .listFeature ul{overflow:hidden;/display:inline-block;}
#topMainArea .listFeature li{float:left;padding:0 14px;width:207px;}
#topMainArea .listFeature h2{display:block;height:16px;margin-bottom:10px;overflow:hidden;text-indent:-9999px;}
#topMainArea .listFeature h2 a{display:block;}
#topMainArea .listFeature .l01 h2{width:204px;background-position:0 -401px;}
#topMainArea .listFeature .l02 h2{width:207px;background-position:-0  -80px;}
#topMainArea .listFeature .l03 h2{width:162px;background-position:-240px -80px;}
#topMainArea .listFeature .l04 h2{width:207px;background-position:-720px -80px;}
#topMainArea .listFeature p{font-size:90%;}
#topMainArea .listFeature .l01 p,#topMainArea .listFeature .l02 p,#topMainArea .listFeature .l03 p{min-height:90px;height:auto!important;height:90px;}
#topMainArea .listFeature span a{display:block;overflow:hidden;text-indent:-9999px;}
#topMainArea .listFeature .l01 span a,#topMainArea .listFeature .l02 span a,#topMainArea .listFeature .l03 span a{width:206px;height:90px;margin-top:5px;}
#topMainArea .listFeature .l01 span a{background-position:0 -441px;}
#topMainArea .listFeature .l02 span a{background-position:0 -120px;}
#topMainArea .listFeature .l03 span a{background-position:-240px -120px;}
#topMainArea .listFeature .l04 span a{background-position:-720px -120px;width:100px;height:129px;margin:10px auto 0;}
#topMainArea .listFeature .l01 span a:hover{background-position:0 -531px;}
#topMainArea .listFeature .l02 span a:hover{background-position:0 -210px;}
#topMainArea .listFeature .l03 span a:hover{background-position:-240px -210px;}
#topMainArea .listFeature .l04 span a:hover{background-position:-720px -249px;width:100px;height:129px;margin:10px auto 0;}


/*-- #topWhatsArea --*/
#topWhatsArea{float:left;width:642px;margin-bottom:25px;}
#topWhatsArea .ttl{padding-bottom:7px;background-position:0 -367px;}
#topWhatsArea .ttlWrap{padding-left:10px;border-left:2px solid #0f5394;overflow:hidden;/display:inline-block;}
#topWhatsArea .ttl h3,#topWhatsArea .ttl a{display:block;overflow:hidden;text-indent:-9999px;}
#topWhatsArea .ttl h3{float:left;width:96px;height:15px;background-position:0 -303px;margin:6px 0;}
#topWhatsArea .ttl a{float:right;width:90px;height:23px;background-position:-150px -300px;margin-top:2px;}
#topWhatsArea .lst{font-size:90%;}
#topWhatsArea .lst li{padding:12px 0;background:url(//s.yimg.jp/images/map/yolp/site/img/dot01.gif) repeat-x bottom;_zoom:1;}
#topWhatsArea .lst dl{overflow:hidden;/display:inline-block;}
#topWhatsArea .lst dt{float:left;padding-left:12px;font-weight:bold;}
#topWhatsArea .lst dd{padding-left:140px;}


/*-- #topFBArea --*/
#topFBArea{float:right;width:278px;margin-bottom:25px;}

/* ----------------------------------------
Second Layer
---------------------------------------- */
#contentsInner{background:url(//s.yimg.jp/images/map/yolp/site/img/bg_contentsInner.png) repeat-y;overflow:hidden;/display:inline-block;}

/*-- Title --*/
.ttlDefault h1{display:block;overflow:hidden;text-indent:-9999px;}
.ttlPin{margin-bottom:15px;padding:2px 0 0 24px;background-position:-931px -140px;}
.ttlPin em{font-size:16px;font-weight:bold;color:#00488c;}
.ttlHyphen{min-height:31px;height:auto!important;height:31px;
margin-bottom:15px;padding-top:7px;background:#f2f1ed url(//s.yimg.jp/images/map/yolp/site/img/bg_ttlHyphen.png) repeat-x bottom;border-top:2px solid #e0ddd8;}
.ttlHyphen h2{padding-left:15px;background-position:-942px -219px;font-weight:bold;color:#00488c;}


/* Link */
.arrow{background-position:-941px -396px;padding-left:15px;}
.linkTop{margin-bottom:20px;text-align:right;font-size:90%;}
.linkTop a{background-position:-941px -466px;}
.linkList{margin-bottom:20px;padding:5px;background:#d8d8d8;font-size:90%;}
.linkList dl{padding:10px 14px;background:#fff;}
.linkList dt{margin-bottom:10px;}
.linkList ul{overflow:hidden;/display:inline-block;}
.linkList li{float:left;padding:0 20px 8px 0;word-break:break-all;white-space:nowrap;}
.separateColumn .linkList li{float:none;padding-right:0;}


/*-- .imageViewer --*/
.imageViewer{width:289px;margin-bottom:20px;}
.imageViewer .pic{margin-bottom:15px;}
.imageViewer .pic img{position:absolute;}
.imageViewer .pic li{display:none;}
.imageViewer .pic .fst{display:block;}
.imageViewer .nav{display:none;}
.imageViewer .nav ul{overflow:hidden;/display:inline-block;}
.imageViewer .nav li{float:left;margin-right:9px;}
.imageViewer .nav li img{border:5px solid #ececec;cursor:pointer;}
.imageViewer .nav li.cur img{border:5px solid #999;}
.imageViewer .nav .end{margin-right:0px;}
#picViewer1{height:289px;}
#picViewer2{height:213px;}
#picViewer3{height:573px;}


/*-- #mainArea --*/
#mainArea{position:relative;float:left;width:642px;padding-bottom:30px;}
#mainArea .mainColumn{}
#mainArea .mainColumn p.txt,#mainArea .mainColumn dl.txt{margin-bottom:20px;font-size:90%;}
#mainArea .mainColumn dl.txt dt{font-weight:bold;}
#mainArea .separateColumn{overflow:hidden;/display:inline-block;}
#mainArea .separateColumn .left{float:left;width:323px;}
#mainArea .separateColumn .left img{margin:0px 17px 10px 17px;}
#mainArea .separateColumn .right{float:right;width:289px;}
#mainArea .separateColumn p.txt{margin-bottom:20px;font-size:90%;}
#mainArea .bottomLinkTop{position:absolute;bottom:0;right:-234px;width:120px;height:34px;background-position:0 -340px;overflow:hidden;text-indent:-9999px;}
#mainArea .bottomLinkTop a{display:block;width:120px;height:34px;}


/*-- #subArea --*/
#subArea{float:right;width:278px;background:url(//s.yimg.jp/images/map/yolp/site/img/bg_subArea.png) no-repeat;}
#subArea .subColumn{width:250px;margin:14px;}
#subArea .subColumn2{width:258px;margin:10px;}
#subArea .subColumn h3 a,#subArea .subColumn h3 span{display:block;width:250px;height:41px;overflow:hidden;text-indent:-9999px;}
#subArea .feature h3 a{background-position:-470px -130px;}
#subArea .feature h3 a:hover{background-position:-470px -171px;}
#subArea .guide h3 a{background-position:-470px -376px;}
#subArea .guide h3 a:hover{background-position:-470px -417px;}
#subArea .business h3 span{background-position:-470px -458px;}
#subArea .info h3 span{background-position:-470px -212px;}
#subArea .contact h3 span{background-position:-470px -253px;}
#subArea .subColumn ul{border-top:1px solid #ccc;}
#subArea .subColumn li a,#subArea .subColumn li span{display:block;width:222px;height:28px;padding:13px 0 0 28px;background-position:-470px -294px;font-size:14px;line-height:1;}
#subArea .subColumn li a:hover,#subArea .subColumn li span.current{background-position:-470px -335px;}
#subArea .register h3 a,#subArea .register h3 span{display:block;width:258px;height:81px;overflow:hidden;text-indent:-9999px;}
#subArea .register h3 a{background-position:-692px -82px;}
#subArea .register h3 a:hover{background-position:-692px -163px;}



/* ----------------------------------------
about
---------------------------------------- */
/*-- Sprite Image --*/
.ttlDefault .about,.aboutImage01,.aboutImage02,.aboutBox .ttl,.aboutBox .btn,.aboutHowto dt{
background:url(//s.yimg.jp/images/map/yolp/site/img/about.png) no-repeat;
}
.aboutImage01,.aboutImage02,.aboutBox .ttl,.aboutBox .btn{display:block;overflow:hidden;text-indent:-9999px;}
.ttlDefault .about{width:950px;height:146px;margin-bottom:10px;}

/*-- .aboutImage --*/
.aboutImage01{width:289px;height:386px;margin-bottom:20px;background-position:-650px -150px;}
.aboutImage02{width:642px;height:257px;margin-bottom:20px;background-position:0 -300px;}

/*-- .aboutBox --*/
.aboutBox{margin-bottom:20px;padding:12px;border:5px solid #d8d8d8;background:#fff;font-size:90%;}
.aboutBox .ttl{width:225px;height:16px;margin:0 auto 10px;background-position:0 -150px;}
.aboutBox .btn{width:176px;height:45px;margin:10px auto 0;background-position:0 -170px;}
.aboutBox .btn:hover{background-position:0 -215px;}

/*-- .aboutHowto --*/
.aboutHowto dt{min-height:42px;height:auto!important;height:42px;padding:10px 0 0 50px;font-weight:bold;}
.aboutHowto dl{margin-bottom:30px;}
.aboutHowto .l01 dt{background-position:-958px 0;}
.aboutHowto .l02 dt{background-position:-958px -100px;}
.aboutHowto .l03 dt{background-position:-958px -200px;}
.aboutHowto .l04 dt{background-position:-958px -300px;}
.aboutHowto p.txt{margin-bottom:15px!important;}
.aboutAlert{margin-bottom:15px;padding:12px 10px;border:1px solid #f00;background:#fff;}
.aboutAlert p{font-weight:bold;font-size:90%;color:#f00;}


/* ----------------------------------------
api
---------------------------------------- */
/*-- Sprite Image --*/
.ttlDefault .api,.apiImage01,.apiImage02,.apiImage03{
background:url(//s.yimg.jp/images/map/yolp/site/img/api.png) no-repeat;
}
.apiImage01,.apiImage02,.apiImage03{display:block;margin-bottom:15px;overflow:hidden;text-indent:-9999px;}
.ttlDefault .api{width:950px;height:112px;margin:27px 0 15px;}

/*-- .apiImage --*/
.apiImage01{width:642px;height:281px;background-position:0 -120px;}
.apiImage02{width:289px;height:191px;background-position:-650px -120px;}
.apiImage03{width:289px;height:191px;background-position:-650px -320px;}


/* ----------------------------------------
map2
---------------------------------------- */
/*-- Sprite Image --*/
.ttlDefault .map2,.map2Image01,.map2Image02{
background:url(//s.yimg.jp/images/map/yolp/site/img/map2.png) no-repeat;
}
.map2Image01,.map2Image02{display:block;margin-bottom:15px;overflow:hidden;text-indent:-9999px;}
.ttlDefault .map2{width:950px;height:112px;margin:27px 0 15px;}

/*-- .map2Image --*/
.map2Image01{width:289px;height:320px;background-position:0 -120px;}
.map2Image02{width:289px;height:205px;background-position:-300px -120px;}


/* ----------------------------------------
mobile_apps
---------------------------------------- */
/*-- Sprite Image --*/
.ttlDefault .mobile_apps,.mobile_appsImage01,.mobile_appsImage02{
background:url(//s.yimg.jp/images/map/yolp/site/img/mobile_apps.png) no-repeat;
}
.mobile_appsImage01,.mobile_appsImage02{display:block;margin:0 auto 15px;overflow:hidden;text-indent:-9999px;}
.ttlDefault .mobile_apps{width:950px;height:112px;margin:27px 0 15px;}

/*-- .mobile_appsImage --*/
.mobile_appsImage01{width:256px;height:368px;background-position:0 -120px;}
.mobile_appsImage02{width:256px;height:170px;background-position:-270px -120px;}
.mobile_appsImage03{width:472px;height:408px;margin: 0 auto 20px;display:block;background:url(//s.yimg.jp/images/map/yolp/site/img/viewPic09.png)no-repeat;overflow:hidden;text-indent:-9999px;}



/* ----------------------------------------
feature
---------------------------------------- */
/*-- Sprite Image --*/
#featureList h2 a,.ttlDefault .feature{
background:url(//s.yimg.jp/images/map/yolp/site/img/feature.png) no-repeat;
}

.ttlDefault .feature{width:950px;height:146px;margin-bottom:10px;background-position:0px -663px;}
#featureList{font-size:90%;}
#featureList li{position:relative;margin-bottom:30px;zoom:1;}
#featureList .left{float:left;width:300px;}
#featureList .right{float:right;width:300px;}
#featureList h2 a{width:300px;height:130px;margin-bottom:10px;display:block;overflow:hidden;text-indent:-9999px;}
#featureList h2.search a{background-position:0px -130px;}
#featureList h2.osm a{background-position:0px -260px;}
#featureList h2.sp a{background-position:0px -390px;margin-top:-13px;position:relative;height:143px;}
#featureList h2.weather a{background-position:-600px 0;}
#featureList h2.ydf a{background-position:-0px -533px;}
#featureList h2.map a:hover{background-position:-300px 0px;}
#featureList h2.search a:hover{background-position:-300px -130px;}
#featureList h2.osm a:hover{background-position:-300px -260px;}
#featureList h2.sp a:hover{background-position:-300px -390px;}
#featureList h2.weather a:hover{background-position:-600px -130px;}
#featureList h2.ydf a:hover{background-position:-300px -533px;}
#featureList p{padding:0px 10px;}
.mb30{margin-bottom:30px;}


/* ----------------------------------------
ydf
---------------------------------------- */
/*-- Sprite Image --*/
.ydfPic,.ttlDefault .ydf{
background:url(//s.yimg.jp/images/map/yolp/site/img/ydf.png) no-repeat;
}
.ttlDefault .ydf{width:950px;height:146px;margin-bottom:10px;background-position:0px -634px;}
.ydfPic{width:500px;height:633px;margin:0px auto 20px;display:block;overflow:hidden;text-indent:-9999px;}
table.ydfTable{border-top:1px solid #ccc;border-left:1px solid #ccc;font-size:90%;margin-bottom:20px;}
table.ydfTable th{border-bottom:1px solid #ccc;border-right:1px solid #ccc;padding:10px;vertical-align:middle;text-align:center;color:#fff;background-color:#195A98;font-weight:bold;}
table.ydfTable td{border-bottom:1px solid #ccc;border-right:1px solid #ccc;vertical-align:top;padding:10px;background-color:#fff;}
table.ydfTable td.first{background-color:#F2F6F9;}
table.ydfTable th.data,table.ydfTable th.example{width:25%;}
.codeYDF{max-width:620px;max-height:400px;margin-bottom:20px;padding:10px;background:#fff;border:1px solid #ccc;overflow:scroll;font-size:90%;}


/* ----------------------------------------
map1
---------------------------------------- */
/*-- Sprite Image --*/
.mapPic,.ttlDefault .map1{
background:url(//s.yimg.jp/images/map/yolp/site/img/map1.png) no-repeat;
}
.ttlDefault .map1{width:950px;height:146px;margin-bottom:10px;background-position:0px -290px;}
.mapPic{width:289px;height:289px;margin:0px auto 20px;display:block;overflow:hidden;text-indent:-9999px;}


/* ----------------------------------------
map
---------------------------------------- */
.mapborder {border:1px solid #ccc;margin-bottom:20px;}

/* ----------------------------------------
faq
---------------------------------------  */
.faqPic,.ttlDefault .faq{
background:url(//s.yimg.jp/images/map/yolp/site/img/faq.png) no-repeat;
}
.ttlDefault .faq{width:950px;height:146px;margin-bottom:10px;}
.faqPic{width:289px;height:289px;margin:0px auto 20px;display:block;overflow:hidden;text-indent:-9999px;}

#faq_index .linkList dl dt {font-size: 16px; font-weight: bold; color: #00488c;}
#faq_index .linkList li{float:none;}
#faq_index #mainArea .mainColumn dl.txt{margin-left:20px; margin-bottom: 10px;}
#faq_index #mainArea .mainColumn dl.txt dt{font-size:104%;border-bottom:1px dotted;color:#333;}
#faq_index #mainArea .mainColumn dl.txt dd{padding-top:5px;}
#faq_index .txt .out{padding-right:17px;background-position:right -430px;margin-right: 2px;}

.disc {list-style: disc; margin-left: 2em;}

/* ----------------------------------------
notfound
---------------------------------------- */
#notfoundWrap {border:1px solid #1f5e9b;margin:110px auto;padding:75px;background:#fff;text-align:center;zoom:1;}
#notfoundWrap h2{font-weight:bold;color:#1F5E9B;margin-bottom:15px;}
#notfoundWrap p{margin-bottom:20px;}


/* ----------------------------------------
jsoff
---------------------------------------- */
.note {color:#ff0000;font-weight:bold;margin-bottom:20px;}


/* ----------------------------------------
clearfix
---------------------------------------- */
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden;font-size:0;}
.clear{clear:both;}


/* ----------------------------------------
weather
---------------------------------------- */
/*-- Sprite Image --*/
.wtrImage01,.wtrImage02,.ttlDefault .weather{
background:url(//s.yimg.jp/images/map/yolp/site/img/weather.png) no-repeat;
}
.ttlDefault .weather{width:950px;height:118px;margin: 24px 0 10px;background-position:0px -375px;}
.wtrImage01,.wtrImage02{margin: 0 auto 20px;display:block;overflow:hidden;text-indent:-9999px;}
.wtrImage01{width:500px;height:375px;background-position:0px 0px;}
.wtrImage02{width:358px;height:324px;background-position:-500px 0px;}


/* ----------------------------------------
guide
---------------------------------------- */
/*-- Sprite Image --*/
#guideList h2 a,.ttlDefault .guide{
background:url(//s.yimg.jp/images/map/yolp/site/img/guide.png) no-repeat;
}
.ttlDefault .guide{width:950px;height:118px;margin: 24px 0 10px;background-position:0px -390px;}

#guideList{font-size:90%;}
#guideList li{position:relative;margin-bottom:30px;zoom:1;}
#guideList .left{float:left;width:300px;}
#guideList .right{float:right;width:300px;}
#guideList h2 a{width:300px;height:130px;margin-bottom:10px;display:block;overflow:hidden;text-indent:-9999px;}
#guideList h2.reference a{background-position:0 0;}
#guideList h2.sample_index a{background-position:0 -130px;}
#guideList h2.faq a{background-position:0 -260px;}
#guideList h2.reference a:hover{background-position:-300px 0px;}
#guideList h2.sample_index a:hover{background-position:-300px -130px;}
#guideList h2.faq a:hover{background-position:-300px -260px;}
#guideList p{padding:0 10px;}
.mb30{margin-bottom:30px;}


/* ----------------------------------------
reference
---------------------------------------- */
/*-- Sprite Image --*/
.ttlDefault .reference{
background:url(//s.yimg.jp/images/map/yolp/site/img/reference.png) no-repeat;
}
.ttlDefault .reference{width:950px;height:118px;margin: 24px 0 10px;background-position:0px 0px;}


/* ----------------------------------------
sample_index
---------------------------------------- */
/*-- Sprite Image --*/
.ttlDefault .sample_index{
background:url(//s.yimg.jp/images/map/yolp/site/img/js_sampletop.png) no-repeat;
}
.ttlDefault .sample_index{width:950px;height:118px;margin: 24px 0 10px;background-position:0px 0px;}


/* ----------------------------------------
jsmap_simple
---------------------------------------- */
img.jsSimpleImg01{display:block;margin:0 auto;}


/* ----------------------------------------
jsmap_layerset
---------------------------------------- */
table.ydfTable td img{border: 1px solid #cccccc;}


/* ----------------------------------------
jsmap
---------------------------------------- */
/*-- jsmap common --*/
#map, #map02 {border:solid 1px #ccc;}

.sampleArea {width: 620px;text-align: center; margin-bottom: 10px;}
.sampleImg {
    display: inline-block;
    *display: inline;
    zoom: 1;
}
a.sampleBtn {
    background: url(//s.yimg.jp/images/map/yolp/site/img/js_sampletop.png) no-repeat;
    width: 185px;
    height: 41px;
    margin: 0 auto 20px;
    background-position: 0 -236px;
    display:block;
    overflow:hidden;
    text-indent:-9999px;
}
a.sampleBtn:hover{background-position: 0 -277px;}

.ttlDefault .jsmap_simple, .ttlDefault .jsmap_object, .ttlDefault .jsmap_base, .ttlDefault .jsmap_hybrid, .ttlDefault .jsmap_smartphone, .ttlDefault .jsmap_layerset, .ttlDefault .jsmap_earthquake {
    background: url(//s.yimg.jp/images/map/yolp/site/img/js_sampletop.png) no-repeat;
    width: 950px;
    height: 118px;
    margin: 24px 0 10px;
    background-position: 0 -118px;
}

.imgView {margin:13px;}
.imgView dd {width:70px; height:20px; margin:5px auto 0; text-align:center;}
.imgView dd a{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAFfKj/FAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF////AEWMPMKnNQAAAEFJREFUeNpiYGRkYGQACCAGIMnAABBAQBLEAwKAAEImGBggLIAAAhMEGAABRByDAWIXHjUAAQZnkCbAAAfkm4ECAH/qAO2LjPmXAAAAAElFTkSuQmCC) no-repeat 0 2px; padding:0 0 0 20px;color:#00488C;}

.aboutNotice {
    margin-bottom: 15px;
    padding: 12px 10px;
    border: 1px solid #00488c;
    background: #fff;
}
.aboutNotice p {
    font-weight: bold;
    font-size: 90%;
    color: #00488c;
}


/* -- styleSet.Module.changeDevice -- */
#footer address{border-top:none;}
.changeDevice{font-size:100%;text-align:center;margin:1em auto 0;}
.changeDevice dl{background:#f9f9f9;border:1px solid #eaeaea;width:240px;margin:auto;padding:10px 30px;font-size: 14px;}
.changeDevice dl dt{display:inline;padding-right:0.3em;line-height:1.26;}
.changeDevice dl dd{display:inline;line-height:1.26;}
.changeDevice dl dd span{font-weight:bold;}
.changeDevice dl dd a{font-weight:normal;}


/*#prLink*/
#topMainArea #prLink{
display: block;
width: 640px;
height: 60px;
overflow: hidden;
text-indent: -9999px;
margin: 0 auto;
margin-bottom: 25px;
clear:both;
}
#topMainArea #prLink a{
display: block;
}
#topMainArea #prLink #spBnr{
background: url(//s.yimg.jp/images/map/yolp/site/img/map_sdk_banner.png);
width: 300px;
height: 60px;
float:left;
}
#topMainArea #prLink #kakaoBnr{
background: url(//s.yimg.jp/images/kakao/banner/pc/121212/kakao_60.gif);
width: 300px;
height: 60px;
float:right;
}

/*-- noscript, closeInfo --*/
.noscriptArea p.errorText, .closeInfo {
    font-size: 14px;
    color: #f00;
    width: 928px;
    margin: 10px auto;
    border: solid 1px #f00;
    background: #fff;
    padding: 10px;
}
.noscriptArea a{font-size:14px;}

/*-- closeInformation --*/
.closeInformation {
    margin: 50px auto;
    font-size: 14px;
}

.closeInformation h1 {
    font-weight: bold;
    font-size: 16px;
    color: #1F5E9B;
    margin-bottom: 50px;
    text-align: center;
}
.closeInformation h2 {
    font-weight: bold;
    font-size: 16px;
    color: #1F5E9B;
    margin: 32px 0 8px;
    border-left: 5px solid #1F5E9B;
    padding-left: 8px;
}

.closeInformation p, .closeInformation ul, .closeInformation dl {
    margin-bottom: 1em;
}

.closeInformation ul li {
    list-style-type: disc;
    margin-left: 1.5em;
}

.closeInformation .info-block{
    margin: 10px;
    padding: 10px;
    border: 1px solid #666;
    border-radius: 4px;
  }

.closeInformation .quote-block{
    display: block;
    border-left: 2px solid #bdbdbd;
    padding: 10px 20px;
    margin: 20px 40px;
    font-style: italic;
}
.closeInformation table{
    margin: 10px;
    width:100%;
    border-color: #555;
}

.closeInformation .column__subject{
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    width:20%;
}

.closeInformation .column__target{
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    width:40%;
}
.closeInformation .column__result{
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}
.closeInformation .txt--center{
    text-align: center;
}