/*
 * map_style.css
 * 地図用の独自拡張css
 */

/* - - - 目次用スタイル - - */
/*#index {font-size:80%; }*/
#main ul,#main ol{ margin:2px 0; }
#main ul li{ list-style-type:disc; }
#main ol li{ list-style-type:decimal; }
#main ul li ul li{ list-style-type:circle; }
#main ul li ol li{ list-style-type:decimal; }
#main ul li ol li ul li{ list-style-type:circle; }
#main ul li ul li ul li{ list-style-type:square; }
#index ul li table{ table-layout:fixed; }
#index ul li table td{vertical-align:top;}
#index ul li table th{vertical-align:top;}

/* - - - テーブルの中のリスト - - - -*/
#main table.list ul li{
    margin:5px 0 5px 15px;
}

/* - - - カラーコード一覧 - - - */
table#colors{
    table-layout:fixed;
    width:100%;
}
table#colors td{
    border:1px solid #999;
    text-align:center;
}

/* - - - サンプルコード用スタイル - - */
.guide {
    background-color:#fff;
    border:1px solid #42B4ED;
    height:auto;
    width:590px;
    padding:5px;
    font-family:"Osaka-等幅", "ＭＳ ゴシック", monospace;
    font-size:90%;
    line-height:110%;
    display:block;
    overflow:auto;
    margin:15px 0;
}

/* 強調 */
.guide span, .guide em{
    color:#f00;
}
/* もっと強調 */
.guide b, .guide strong{
    color:#f00;
    font-weight:bold;
}

/* リストの中サンプルコード調整 */
li .samplefm, li .guide{
    margin:10px 0;
    width:580px;
}
li li .samplefm, li li .guide{
    width:540px;
}

/* 余白 */
.apiEx h3, .apiEx2 h3{
    color: #42B4ED;
    font-size: 110%;
    font-weight:bold;
    margin:10px 0 5px 0;
}

/* topでリストスタイル */
#main #yjserviceArea ul li {
list-style:none;
}

/* トップ > 検索 > ウェブ検索  */
#main table.list ul li,#main table.list ol li{
margin:0 0 0 40px;
}


/* 20090107追加　レイアウト調整  */
.apiEx {
margin:0;
padding:20px 0 20px;
}
.apiEx2 {
margin:0;
padding:20px 0 20px;
}
.apiEx p, .apiEx2 p {
margin-bottom:7px;
}
table.list {
margin:10px 0;
}
table.list td {
line-height:1.4;
}

/* 20090128追加　レイアウト調整  */
.detailhere {
width: 2.5em;
}
.para_list1 {
width: 5.5em;
}
.arg1 {
width: 2.5em !important;
}

/* YOLP　20100212追加  */
.yolp {word-break: break-all;}
.yolp #lv2_webapiArea li.ln{
list-style:none;}
#main .topNavi {
margin:0;
padding:1px 0 3px;
border-top:2px solid #21A1E2;
border-bottom:2px solid #21A1E2;
position:relative;}
#main .topNavi p.classGroup {
background-color:#f4f4f4;
font-weight:bold;
padding:3px;
font-size:110%;}
#main .topNavi ul,
#main .topNavi ul.col3 {margin:2px;}
#main .topNavi ul li {
width:25%;
_width:24%;
float:left;
margin:2px 0;
line-height:1.1;
list-style:none;}
#main .topNavi ul.col3 li {
width:33%;
_width:33%;
}
#main .topNavi p.backToList{
text-align:right;
position:absolute;
top:3px;
right:3px;}
.yolp .clr {clear:both;}
.yolp .apiEx h3, .apiEx2 h3 {
margin:20px 0 5px;
font-size:115%}
.yolp .apiEx li, .yolp .apiEx2 li{margin-bottom:5px;margin-left:15px;}
.yolp #index li {margin-bottom:5px;margin-left:40px}
.yolp dl.detailList {
margin:5px 20px;
line-height:120%}
dl.detailList dt {
margin:0 30px;}
.yolp dl.detailList dd {
margin:0 30px 7px 45px;}
.yolp dl.detailList dt.heading{
font-weight:bold;
margin:0 10px;}
.yolp li div.fixedFont {font-size:15px;}
.yolp .fixedFont{
font-family:"Courier New",Courier,monospace;
font-size:13px;
line-height:15px;}
.yolp ul.detailUnit li{
margin-bottom:30px;
margin-left:20px;}
.yolp ul.detailUnit li .description{
margin-left:25px;
margin-top:5px;
line-height:120%}
.yolp ul.detailUnit li .detailList,
.yolp ul.detailUnit li .detailList1 {font-size:85%}
.yolp hr {display:none;}
.yolp .light {color: #555555;}
.yolp pre.code {
background:none repeat scroll 0 0 #F1F1F1;
border:1px solid #42B4ED;
font-size:90%;
margin:10px 0 15px 25px;
padding: 8px;
overflow:auto;
width:100%;}
.yolp li pre.code {
width:570px;
_width:575px;}
.yolp pre.code2 {
background:none repeat scroll 0 0 #F1F1F1;
border:1px solid #42B4ED;
font-size:90%;
margin:10px 0 20px 0;
padding: 8px;
overflow:auto;
width:617px;
_width:615px;
word-break:auto;}
.yolp li pre.code2 {
width:602px;
_width:600px;}
.yolp .inheritsList dt{
margin:15px 0 5px 0;
font-weight:bold;}
.yolp .inheritsList dd{line-height:1.4;}
.yolp .indexUnit .apiEx2{
float:left;
width:33%;}
.yolp .indexUnit li {margin:2px 0px 2px 15px;}
.yolp .indexUnit li {
font-size:84%;
line-height:150%;}
.yolp .indexUnit li span {
display:block;
font-size:125%;line-height:150%;}
.yolp .indexUnit .apiEx2 h3 {
margin:0px 0 5px;}
.yolp dl.list {margin-left:20px;}
.yolp dl.list dt {
font-weight:bold;
font-size:90%;
list-style-type:desc;
display:list-item;}
.yolp dl.list dd {
font-size:90%;
margin-bottom:4px;
margin-top:4px;
color:#444;
margin-left:20px;}
#webapiWrap .req .kind #image, #webapiWrap .req2 .kind #image {
background:url("http://i.yimg.jp/images/yjdn/common/icon_image.gif") no-repeat scroll 0 0 transparent;
height:18px;
overflow:hidden;
position:relative;
text-decoration:none;
text-indent:-9999px;
width:89px;
}


#contents .yolp .indexUnit2{
float:left;
width:31%;
padding-right:2%;}
#contents .yolp .indexUnit2 li {margin:2px 0px 2px 15px;}
#contents .yolp .indexUnit2 li {
font-size:84%;
line-height:150%;}
#contents .yolp .indexUnit2 li span {
display:block;
font-size:125%;line-height:150%;}
#contents .yolp .indexUnit2 .apiEx2 h3 {
margin:0px 0 5px;}
.yolp pre.code3 {
background:none repeat scroll 0 0 #F1F1F1;
border:1px solid #42B4ED;
font-size:90%;
margin:10px 0 20px 0;
padding: 8px;
overflow:auto;
width:573px;
_width:570px;
word-break:auto;}
#webapiWrap .req2 .kind #silverlight {
background:url("http://i.yimg.jp/images/yjdn/common/icon_silverlight.gif") no-repeat scroll 0 0 transparent;
height:18px;
overflow:hidden;
position:relative;
text-decoration:none;
text-indent:-9999px;
width:89px;
}