@charset "UTF-8";

body{margin:0;padding:0;color:#000;text-align:center; alink:#000;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,blockquote,fieldset,div{margin:0;padding:0;border:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}	
ul li, ol li{list-style:none;}
caption{text-align:left;}pre,code,select,kbd,var,ins,del,samp{font-size:100%;}
address,cite,dfn,em,strong,var,th,ins,del,samp{font-weight:normal;font-style:normal;}
a img{border:0;}
hr.separate,egend,.hidden{display:none;}
fieldset{border:none;}
/* ---------- /1:reset  ---------- */


/* ---------- 2:top ---------- */

#wrapper{
width:950px;
margin:0 auto;
font-family:"Osaka","ＭＳ Ｐゴシック",Arial,sans-serif;
color:#333333;
font-size:95%;	
}

#contents{
text-align:left;
padding:10px 0 10px 0;
border-bottom:1px solid #cccccc;
margin:0 0 5px 0;
}

#main{
width:635px;
float:left;
text-align:left;
}

/*error*/
.err{
text-align:center;
border:1px solid #ff0000;
background:#ffffcc;
color:#ff0000;
padding:8px;
margin:10px 0 0 0;
font-weight:bold;
font-size:95%;
}

.err2{
border:1px solid #ff0000;
background:#ffffcc;
padding:8px;
margin:10px 0 40px 0;
text-align:center;
line-height:150%;
}

#inputArea .err3{
border:1px solid #ff0000;
background:#ffffcc;
padding:8px;
margin:10px 0 20px 0;
line-height:150%;
}

#inputArea .err3 ul{
padding:0;
}

#inputArea .err3 ul li{
list-style-type:disc;
}
/* topArea start */

#topArea{
width:633px;
height:316px;
border:1px solid #CCCCCC;
margin:0 0 10px 0;
}

#topArea #inner{
width:632px;
text-align:left;
position:relative;
height:314px;
min-height:314px;
}

#topArea #inner #intro{
float:left;
width:402px;
}

#topArea #inner #intro div#promo1, #topArea #innter #intro div#promo2,#topArea #innter #intro div#promo3,#topArea #innter #intro div#promo4{
height:315px;
min-height:315px;
overflow:hidden;
}

#topArea #inner #intro a,#topArea #inner #intro a:hover {
text-decoration:underline;
}

.identryBtn a{
background:url(http://i.yimg.jp/images/yjdn/common/btn_entry.gif) top no-repeat;
display:block;
width : 276px ;
height : 36px ;
text-indent : -9999px ;
text-decoration : none ;
overflow : hidden ;
}

.identryBtn a:hover {
background:url(http://i.yimg.jp/images/yjdn/common/btn_entry.gif) bottom no-repeat;
}

#topmenu{
background:url(http://i.yimg.jp/images/yjdn/common/bg_menu.gif) repeat-y; 
position:absolute;
right:0px;
width:246px;
z-index:1339;
}

/*menu active start*/

#tab1.selected{
background:transparent url(http://i.yimg.jp/images/yjdn/common/btnbg_idea_active.gif) 0 -1px no-repeat;
width:247px;
height:77px;
min-height:77px;
margin:1px 0 1px 0;
}

#tab2.selected, #tab3.selected, #tab4.selected{
background:transparent url(http://i.yimg.jp/images/yjdn/common/btnbg_top_active.gif) 0 1px no-repeat;
*background:transparent url(http://i.yimg.jp/images/yjdn/common/btnbg_top_active.gif) 0 2px no-repeat;
width:247px;
height:78px;
min-height:78px;
*height:79px;
*min-height:79px;

}

#topmenu .selected .ttl {
color:#fffb95;
padding:4px 3px 0 33px;
font-weight:bold;
}


#topmenu .selected .ex {
color:#ffffff;
padding:0 4px 2px 33px;
}

#topmenu .selected .ex a:hover,#topmenu .selected .ex a:focus {
color:#ffffff;
padding:0 3px 5px 33px;
}

/*menu active end*/

/*menu list start*/

#topArea a {
text-decoration:none;
}

#topArea a:hover {
text-decoration:none;
}

#topmenu li.lk{
}

#topmenu .lk a {
display:block;
margin-left:17px;
background:#FFFFFF url(http://i.yimg.jp/images/yjdn/common/btnbg_common.gif) left bottom repeat-x;
border-left: 1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
height:77px;
width:229px;
}

#topmenu #tab1.lk a {
border-top:medium none;
height:77px;
}

#topmenu .lk a:hover {
text-decoration:none;
background:url(http://i.yimg.jp/images/yjdn/common/btnbg_common.gif) right bottom repeat-x;
background-color:#FFFFFF;
}

#topmenu .lk.selected a {
background:transparent none;
border-left:none;
}

#topmenu .lk.selected a:hover {
background:transparent none;
border-left:none;
}

#topmenu .lk span{
background:url(http://i.yimg.jp/images/yjdn/common/mark_pr.gif) 0 2px no-repeat;
padding:0 0 0 9px;
}

#topmenu .lk.selected span{
background:transparent none;
padding:10px 0 0 10px;
}

#topmenu .lk .wrap{
margin-top:1px;
width:221px;
}

#topmenu .lk .wrap .ttl{
padding:2px 5px 0 5px;
*padding:5px 5px 0 5px;
font-weight:bold;
}

#topmenu .lk .wrap .ex{
padding:0 5px 0 15px;
}
/*081114*/
html*#topmenu .lk .wrap .ex{
padding:0 5px 0 15px;
font-size:82%;
}
/*081114*/
/*menu list end*/

/*Yahoo! JAPAN Service start*/
#yjserviceArea{
border:1px solid #cccccc;
width:631px;
margin:10px 0 0 0;
}

#yjserviceArea #hd{
background:#ececec;
line-height:1.8em;
border:1px solid #FFFFFF;
font-weight:bold;
text-indent:0.5em;
}

#yjserviceArea ul{
padding:5px 10px 0 10px;
font-size:95%;
}

#yjserviceArea li{
float:left;
}

#yjserviceArea li p.ex{
position:relative;
left:21px;
padding:0 21px 0 0;
}

#yjserviceArea li.sl{
width:270px;
}

#yjserviceArea li.lg{
width:340px;
}

#yjserviceArea li img{
padding:0 5px 0 0;
}

#yjserviceArea .liwrap{
clear:both;
margin:10px 0 10px 0;
}


/*Yahoo! JAPAN Service end*/


#footer{
border-top:1px solid #cccccc;
padding:10px 0 0 0;
margin:0 auto;
clear:both;
text-align:center;
width:950px;
}


/* ---------- 2-1:API top ---------- */

#navlist{
width:950px;
padding:0 0 10px 0;
font-size:95%;
}

h1#lv2{
background:url(http://i.yimg.jp/images/yjdn/common/02_tit.gif) no-repeat;
width:635px;
height:41px;
line-height:47px;
font-weight:bold;
text-indent:10px;
font-size:140%;
letter-spacing:-1px;
margin:0 0 20px 0;
}

h1#lv2app{
background:url(http://i.yimg.jp/images/yjdn/common/02_tit.gif) no-repeat;
width:635px;
height:41px;
line-height:47px;
font-weight:bold;
text-indent:10px;
font-size:140%;
letter-spacing:-1px;
margin:0;
}

#lv2Mds{
clear:both;
background:#5a63ee url(http://i.yimg.jp/images/yjdn/common/02_head_tit.jpg) repeat-x;
width:615px;
color:#FFFFFF;
margin:0 0 15px 0;
padding:10px;
}

#lv2Mds a{
color:#ffff00;
}

h2#apiTop{
font-weight:bold;
padding:0 0 10px 0;
font-size:120%;
}

#lv2_entryArea{
border:1px solid #42b4ed;
padding:7px;
margin:0 0 15px 0;
}

#lv2_entryArea .ex{
float:left;
font-size:95%;
width:335px;
line-height:130%;
}

#lv2_entryArea .identryBtn a{
float:right;
background:url(http://i.yimg.jp/images/yjdn/common/btn_entry.gif) top no-repeat;
display:block;
width : 276px ;
height : 36px ;
text-indent : -9999px ;
text-decoration : none ;
overflow : hidden ;
position:relative;
top:3px;
}

#lv2_entryArea .identryBtn a:hover{
float:right;
background:url(http://i.yimg.jp/images/yjdn/common/btn_entry.gif) bottom no-repeat;
}

#webapiWrap{
padding:1px 1px 10px 1px;
border:1px solid #42b4ed;
margin:0 0 20px 0;
}


#webapiWrap .req{
padding:10px 0 10px 0;
margin:0 5px 0 5px;
background:url(http://i.yimg.jp/images/yjdn/common/line_blue.gif) bottom repeat-x;
}


#webapiWrap .req2{
padding:10px 0 0 0;
margin:0 5px 0 5px;
}

#webapiWrap .req .kind,#webapiWrap .req2 .kind{
float:left;
width:90px;
}

#webapiWrap .req .kind #xml{
background:url(http://i.yimg.jp/images/yjdn/common/icon_xml.gif) no-repeat;
width:89px;
height:18px;
text-indent : -9999px ;
text-decoration : none ;
overflow : hidden ;
position:relative;
}

#webapiWrap .req .kind #php{
background:url(http://i.yimg.jp/images/yjdn/common/icon_php.gif) no-repeat;
width:89px;
height:18px;
text-indent : -9999px ;
text-decoration : none ;
overflow : hidden ;
position:relative;
}

#webapiWrap .req .kind #jsonp{
background:url(http://i.yimg.jp/images/yjdn/common/icon_jsonp.gif) no-repeat;
width:89px;
height:18px;
text-indent : -9999px ;
text-decoration : none ;
overflow : hidden ;
position:relative;
}

#webapiWrap .req .kind #flash{
background:url(http://i.yimg.jp/images/yjdn/common/icon_flash.gif) no-repeat;
width:89px;
height:18px;
text-indent : -9999px ;
text-decoration : none ;
overflow : hidden ;
position:relative;
}

#webapiWrap .req .kind #javascript{
background:url(http://i.yimg.jp/images/yjdn/common/icon_javascript.gif) no-repeat;
width:89px;
height:18px;
text-indent : -9999px ;
text-decoration : none ;
overflow : hidden ;
position:relative;
}

#webapiWrap .req .kind #json{
background:url(http://i.yimg.jp/images/yjdn/common/icon_json.gif) no-repeat;
width:89px;
height:18px;
text-indent : -9999px ;
text-decoration : none ;
overflow : hidden ;
position:relative;
}

#webapiWrap .req .kind #soap{
background:url(http://i.yimg.jp/images/yjdn/common/icon_soap.gif) no-repeat;
width:89px;
height:18px;
text-indent : -9999px ;
text-decoration : none ;
overflow : hidden ;
position:relative;
}

#webapiWrap .req2 .kind #xml{
background:url(http://i.yimg.jp/images/yjdn/common/icon_xml.gif) no-repeat;
width:89px;
height:18px;
text-indent : -9999px ;
text-decoration : none ;
overflow : hidden ;
position:relative;
}

#webapiWrap .req2 .kind #php{
background:url(http://i.yimg.jp/images/yjdn/common/icon_php.gif) no-repeat;
width:89px;
height:18px;
text-indent : -9999px ;
text-decoration : none ;
overflow : hidden ;
position:relative;
}

#webapiWrap .req2 .kind #jsonp{
background:url(http://i.yimg.jp/images/yjdn/common/icon_jsonp.gif) no-repeat;
width:89px;
height:18px;
text-indent : -9999px ;
text-decoration : none ;
overflow : hidden ;
position:relative;
}

#webapiWrap .req2 .kind #flash{
background:url(http://i.yimg.jp/images/yjdn/common/icon_flash.gif) no-repeat;
width:89px;
height:18px;
text-indent : -9999px ;
text-decoration : none ;
overflow : hidden ;
position:relative;
}

#webapiWrap .req2 .kind #javascript{
background:url(http://i.yimg.jp/images/yjdn/common/icon_javascript.gif) no-repeat;
width:89px;
height:18px;
text-indent : -9999px ;
text-decoration : none ;
overflow : hidden ;
position:relative;
}

#webapiWrap .req2 .kind #json{
background:url(http://i.yimg.jp/images/yjdn/common/icon_json.gif) no-repeat;
width:89px;
height:18px;
text-indent : -9999px ;
text-decoration : none ;
overflow : hidden ;
position:relative;
}

#webapiWrap .req2 .kind #soap{
background:url(http://i.yimg.jp/images/yjdn/common/icon_soap.gif) no-repeat;
width:89px;
height:18px;
text-indent : -9999px ;
text-decoration : none ;
overflow : hidden ;
position:relative;
}

#webapiWrap .req .add,#webapiWrap .req2 .add{
width:525px;
float:right;
text-align:left;
word-break:break-all;
}

h2#webapi{
clear:both;
background:#42b4ed;
color:#FFFFFF;
font-size:120%;
font-weight:bold;
padding:5px;
}

#lv2_webapiArea{
border:1px solid #42b4ed;
padding:8px;
}

#lv2_webapiArea p.rep{
background:url(http://i.yimg.jp/images/yjdn/common/02_mark3.gif) 0 2px no-repeat;
padding:0 0 5px 15px;
font-weight:bold;
}

#lv2_webapiArea li.ln{
background:url(http://i.yimg.jp/images/yjdn/common/line_webapi.gif) bottom no-repeat;
margin:0 0 8px 0;
}

#lv2_webapiArea .ex{
font-weight:normal;
font-size:95%;
padding:0 0 5px 35px;
line-height:130%;
}


#connectArea{
background:#edf5f9;
border-left:1px solid #42b4ed;
border-bottom:1px solid #42b4ed;
border-right:1px solid #42b4ed;
padding:8px;
}


#connectArea2{
background:#ffffff;
border-left:1px solid #42b4ed;
border-bottom:1px solid #42b4ed;
border-right:1px solid #42b4ed;
padding:8px;
}


#connectArea2 .mds{
font-weight:bold;
}

#connectArea2 ul{
font-size:90%;
}


#connectArea2 ul li.doc{
margin:0 0 10px 20px;
}


#connectArea .info{
clear:both;
font-size:95%;
margin:10px 0 0 0;
}

#connectArea .info .days{
float:left;
width:110px;
}
#connectArea .info .ex{
float:right;
text-align:left;
width:490px;
}

#main #news{
border:1px solid #42b4ed;
padding:10px;
margin:20px 0 0 0;
font-size:95%;
line-height:130%;
}

#main #news .ln{
clear:both;
background:url(http://i.yimg.jp/images/yjdn/common/line_blue.gif) top repeat-x;
padding:10px 0 0 0;
}

#main #news .newsWrap{
clear:both;
margin:0 0 5px 0;
width:615px;
}


#main #news  p.mds{
margin:0 0 5px 0;
}

#main #news .newsWrap .ex{
float:left;
width:515px;
}


#main #news .newsWrap .pict{
float:right;
width:80px;
}

#docArea{
border:1px solid #42b4ed;
margin:0 0 20px 0;
}

#docArea h3{
background:#e9e9e9;
border-bottom:1px solid #42b4ed;
font-weight:bold;
padding:8px 10px 5px 10px;
}

#docArea ul{
padding:10px;
}

#docArea li.doc{
list-style-type:disc ;
margin:0 0 0 20px;
padding:0 0 5px 0;
}

.apiEx{
background:url(http://i.yimg.jp/images/yjdn/common/line_blue.gif) bottom repeat-x;
padding:0 0 20px 0;
margin:20px 0 20px 0;
}

.apiEx h3,.apiEx2 h3 {
font-weight:bold;
font-size:110%;
color:#42b4ed;
}

.apiEx ol li {
list-style-type:decimal;
margin:0 0 0 25px;
}

.apiEx2 ol li {
list-style-type:decimal;
margin:0 0 0 25px;
padding-bottom:1em;
}

.apiEx ol li ul {
margin:0 0 20px 0;
}

.apiEx2{
padding:0 0 20px 0;
margin:20px 0 0 0;
}

.apiEx p ,.apiEx2 p{
line-height:150%;
}

.apiEx p.lvapp ,.apiEx2 p.lvapp{
line-height:150%;
padding-bottom:1em;
}

h2.lv2Etc{
font-size:120%;
font-weight:bold;
padding:0 0 5px 0;
}

.apiEx .attent{
padding:20px 0 0 0;
}

.apiEx ol,.apiEx ul{
margin:1em 0 0 0;
line-height:150%;
}

.apiEx table ol,.apiEx table ul{
margin:0;
line-height:150%;
}
.apiEx2 table ol,.apiEx2 table ul {
line-height:150%;
}

.apiEx ul.cat{
margin:0;
line-height:150%;
}

.apiEx ol li.cguide{
list-style-type:decimal;
margin:0 0 10px 40px;
font-size:90%;
}

.apiEx ul li{
list-style-type:disc;
margin:0 0 0 40px;
}

.apiEx2 ul li{
list-style-type:disc;
margin:0 0 0 40px;
}

#dlink{
margin:0 0 50px 0;
}


/* ---------- 2-1-1:API detail ---------- */

#lv3sttl{
background:#1b24ae url(http://i.yimg.jp/images/yjdn/common/03_sttl.gif) no-repeat;
width:635px;
height:21px;
line-height:23px;
color:#FFFFFF;
font-weight:bold;
text-indent:10px;
font-size:95%;
}

#lv3ttlArea {
margin-bottom:15px;
}

h1#lv3{
background:#e9e9e9 url(http://i.yimg.jp/images/yjdn/common/03_ttl.gif) no-repeat;
width:635px;
height:36px;
margin:0 0 20px 0;
line-height:38px;
font-weight:bold;
text-indent:10px;
font-size:140%;
letter-spacing:-1px;
}

h1#lv3main{
background:#e9e9e9 url(http://i.yimg.jp/images/yjdn/common/03_ttl.gif) no-repeat;
width:635px;
line-height:38px;
font-weight:bold;
text-indent:10px;
font-size:140%;
letter-spacing:-1px;
}

#lv3Sub{
background:#e9e9e9;
border-top:2px solid #FFFFFF;
text-align:right;
font-size:95%;
line-height:1.5em;
padding:0 5px 0 0;
margin:0;
}


h2.lv3{
font-size:120%;
color:#42b4ed;
font-weight:bold;
padding:0 0 0 5px;
margin:0 0 10px 0;
border-left:5px solid #42b4ed;
}

h2.lv3w{
background-color:#42b4ed;
font-size:120%;
color:#ffffff;
font-weight:bold;
padding:5px;
margin:0;
}


h3.lv3mds{
font-size:120%;
font-weight:bold;
}

/* ---------- 2-2:info ---------- */

#infomain{
width:635px;
float:left;
text-align:left;
padding:0 0 20px 0;
}

#infomain .ln{
background:url(http://i.yimg.jp/images/yjdn/common/line_blue.gif) bottom repeat-x;
height:1px;
margin:0 0 10px 0;
}

#infomain .infoArea{
padding:0 0 10px 0;
}

#infomain .infoArea .num{
float:left;
font-size:95%;
padding:5px 0 5px 0;
}

#infomain .infoArea .num span{
font-weight:bold;
padding:0 20px 0 0;
}

#infomain .infoArea .posi{
font-size:95%;
float:right;
text-align:right;
width:400px;
padding:5px 0 5px 0;
}

#infomain .infoArea .posi li{
display:inline;
}

#infomain .infoArea .posi li.off{
font-weight:bold;
padding:0 0.5em 0 0.5em;
}


#infomain .infoArea .posi li.on a{
background:#ffffff;
border:1px solid #cccccc;
padding:0.15em 0.4em 0.15em 0.4em;
}

#infomain .infoArea .posi li.on a:hover{
background:#ffffd1;
border:1px solid #ff9330;
}

#infomain .infoArea .posi li.next{
color:#cccccc;
margin:0 0 0 10px;
}


#infomain .infoArea .posi li.front{
color:#cccccc;
margin:0 10px 0 0;
}

#infomain .infoArea .posi li.next a,#infomain .infoArea .posi li.front a{
background:#ffffff;
border:1px solid #cccccc;
padding:0.15em 0.4em 0.15em 0.4em;
}

#infomain .infoArea .posi li.next a:hover,#infomain .infoArea .posi li.front a:hover{
background:#ffffd1;
border:1px solid #ff9330;
}

#infomain .newsBox{
background:url(http://i.yimg.jp/images/yjdn/common/line_blue.gif) bottom repeat-x;
padding:0 0 10px 0;
margin:0 0 10px 0;
}

#infomain .newsBox .day{
border-left:4px solid #42b4ed;
padding:3px 0 3px 5px;
font-size:95%;
}

#infomain .newsBox .day span{
color:#FFFFFF;
background:#42b4ed;
margin:0 0 0 5px;
padding:0 3px 0 3px;
}



#infomain .newsBox .ttl{
border-left:4px solid #42b4ed;
padding:3px 0 3px 5px;
font-weight:bold;
}

#infomain .newsBox .txt{
font-size:95%;
line-height:130%;
border-left:4px solid #e9e9e9;
padding:3px 0 3px 5px;
}


/* ---------- 2-3:credit ---------- */

h3.cre{
font-weight:bold;
color:#42b4ed;
margin:8px 0 8px 0;
}

h3.cre span{
background:#42b4ed;
color:#FFFFFF;
font-weight:bold;
padding:0 0.3em 0 0.3em;
margin:0 5px 5px 0;
}


.toplink{
text-align:right;
margin:20px 0 0 0;
}

.toplink a{
background:url(http://i.yimg.jp/images/yjdn/common/mark_top.gif) no-repeat;
padding:0 0 0 20px;
}

.note{
font-size:85%;
}

h4.bnsize{
background:#42b4ed;
color:#FFFFFF;
font-weight:bold;
padding:0.3em;
}


#creditRule{
position:relative;
}

#creditRule #ex{
float:left;
width:260px;
}

#creditRule #cap{
float:right;
width:370px;
text-align:left;
}


.bannerArea{
border-left:1px solid #42b4ed;
border-right:1px solid #42b4ed;
border-bottom:1px solid #42b4ed;
padding:10px;
margin:0 0 10px 0;
}


/* ---------- 2-4:login ---------- */

#loginArea{
border:5px solid #d3d6e1;
padding:10px;
line-height:150%;
}


#loginArea #loginWrap{
margin:10px 0 10px 0;
}


#loginArea #loginWrap .ex{
text-align:center;
}

#loginArea #loginBtn a{
background:url(http://i.yimg.jp/images/yjdn/common/btn_login.gif) top no-repeat;
display:block;
width : 128px ;
height : 29px ;
text-indent : -9999px ;
text-decoration : none ;
overflow : hidden ;
margin:0 0 10px 0;
position:relative;
left:240px;
}

#loginArea #loginBtn a:hover{
background:url(http://i.yimg.jp/images/yjdn/common/btn_login.gif) bottom no-repeat;
}


#lv3sttl_l{
background:#1b24ae url(http://i.yimg.jp/images/yjdn/common/03_sttl_l.gif) no-repeat;
width:950px;
height:21px;
line-height:23px;
color:#FFFFFF;
font-weight:bold;
text-indent:10px;
font-size:95%;
}

h1#lv3_l{
background:#e9e9e9 url(http://i.yimg.jp/images/yjdn/common/03_ttl_l.gif) no-repeat;
width:950px;
height:36px;
line-height:38px;
font-weight:bold;
text-indent:10px;
font-size:140%;
letter-spacing:-1px;
margin:0 0 20px 0;
}

#inputArea{
line-height:150%;
margin:0 0 20px 0;
}

#inputArea ol{
margin:1em 0 1em 0;
font-weight:bold;
}

#inputArea li{
list-style-type:decimal;
margin:0 0 0 40px;
}


#inputArea .management{
font-weight:bold;
padding:3px 0 0 0;
}

#inputArea .management a{
background:url(http://i.yimg.jp/images/yjdn/common/mark_entry.gif) 0 3px no-repeat;
padding:0 0 0 12px;
}

#inputArea #inputWrap{
border:10px solid #d3d6e1;
padding:10px 15px 10px 15px;
margin:20px 0 0 0;
}

#inputArea #inputWrap .infoBox{
background:url(http://i.yimg.jp/images/yjdn/common/line_blue.gif) bottom repeat-x;
padding:0 0 10px 0;
margin:10px 0 10px 0;
}


#inputArea #inputWrap .infoBox .mds{
float:left;
text-align:right;
font-weight:bold;
color:#21a1e2;
width:300px;
}


#inputArea #inputWrap .infoBox .input{
float:right;
text-align:left;
width:580px;
}


#inputArea #inputWrap .infoBox .input p{
width:540px;
}


#inputArea #inputWrap .infoBox .input .ex{
border-left:5px solid #e9e9e9;
padding:0 0 0 5px;
margin:10px 0 0 0;
font-size:90%;
width:540px;
line-height:130%;
}

#inputArea #inputWrap #attent{
clear:both;
border:1px solid #cccccc;
padding:10px;
margin:20px 0 0 0;
}


#inputArea #inputWrap #attent ul li{
list-style-type:disc;
margin:0 0 0 30px;
font-size:90%;
}

#inputArea #inputWrap #confirm{
text-align:center;
}


#inputArea #inputWrap #confirm input{
margin:20px 5px 15px 5px;
font-size:90%;
width:4em;
padding:1px 0 0 0;
}

#inputArea #inputWrap .endttl{
background:#41b4ed;
color:#FFFFFF;
font-weight:bold;
padding:3px 0 3px 0;
text-indent:5px;
margin:10px 0 0 0;
}

#inputArea #inputWrap #appid{
background:url(http://i.yimg.jp/images/yjdn/common/input_mailbg.gif) bottom no-repeat;
padding:5px;
text-align:center;
margin:10px 0 10px 0;
font-weight:bold;
}

#inputArea h2{
font-size:120%;
font-weight:bold;
margin:40px 0 15px 0;
}

#inputArea #sampleres{
background:url(http://i.yimg.jp/images/yjdn/common/mark_entry.gif) 0 0.3em no-repeat;
padding:0 0 0 15px;
}



#inputArea .anEnd{
background:url(http://i.yimg.jp/images/yjdn/common/line_blue.gif) bottom repeat-x;
padding:0 0 20px 0;
margin:20px 0 20px 0;
}

#inputArea .attentlist{
margin:0 0 30px 0;
}

#inputArea .etclist{
list-style-type:disc;
margin:0 0 5px 30px;
}

/* ---------- appId List ---------- */

#appidmain{
width:635px;
float:left;
text-align:left;
}

#appidmain h2#appIdlist{
font-weight:bold;
padding:0 0 10px 0;
font-size:120%;
}

/* table */

#appidmain table{
background:#7e80a8;
margin:0 0 20px 0;
}

#appidmain .ttl{
background:#7e80a8;
color:#FFFFFF;
font-weight:bold;
}

#appidmain .mds{
background:#e9e9e9;
font-weight:bold;
width:133px;
line-height:1.4em;
}

#appidmain .mds2{
background:#e9e9e9;
font-weight:bold;
width:50%;
line-height:1.4em;
}

#appidmain .txtabl{
width:479px;
background:#FFFFFF;
line-height:1.4em;
}

#appidmain .txt{
background:#FFFFFF;
line-height:1.4em;
}


#backappid{
background:url(http://i.yimg.jp/images/yjdn/common/mark_back.gif) 0 0.3em no-repeat;
padding:0 0 0 15px;
}

/* ---------- request ---------- */

#historyBg{
background:url(http://i.yimg.jp/images/yjdn/common/bg_history.jpg) no-repeat;
margin:0 0 10px 0;
}

#historyBg p{
color:#FFFFFF;
padding:10px;
}

/* ---------- blog ---------- */

#blogmain{
width:635px;
float:left;
text-align:left;
padding-bottom:20px;
}

#blogmain .blogArea{
clear:both;
border:1px solid #42b4ed;
margin:20px 0 0 0;
}

#blogmain .blogArea .ttl{
background:#e9e9e9;
line-height:1.2em;
font-weight:bold;
padding:5px;
border-bottom:1px solid #42b4ed;
}

#blogmain .blogArea .mn{
padding:10px;
}

#blogmain .blogArea .pict{
float:left;
width:135px;
}


#blogmain .blogArea .pict img{
padding:5px;
border:1px solid #cccccc;
}

#blogmain .blogArea .txt{
float:right;
text-align:left;
width:470px;
line-height:130%;
}

#blogmain .blogArea .txt .lk{
font-weight:bold;
}

#blogmain .blogArea .txt .lk a{
background:url(http://i.yimg.jp/images/yjdn/common/mark_entry.gif) 0 3px no-repeat;
padding:0 0 0 12px;
}

/* ---------- community ---------- */

#commain{
width:635px;
float:left;
text-align:left;
}

#commain li{
list-style-type:disc ;
margin:0 0 20px 20px;
padding:0 0 5px 0;
}

#commain li a{
font-weight:bold;
}

/* ---------- document ---------- */

.docArea{
border:1px solid #42b4ed;
margin:0 0 15px 0;
}

.docArea h2{
background:#42b4ed;
color:#FFFFFF;
font-size:120%;
font-weight:bold;
padding:2px 5px 2px 5px;
}

.docArea .docBox{
padding:0 10px 10px 10px;
}

.docArea .docBox2{
padding:10px;
}


.docArea .docBox h3{
font-weight:bold;
font-size:95%;
margin:10px 0 5px 0;
}

.docArea .docBox li,.docArea .docBox2 li{
list-style-type:disc ;
margin:0 0 0 30px;
padding:0 0 5px 0;
}

/* ---------- word ---------- */

#wordmain{
width:635px;
float:left;
text-align:left;
}

#wordmain #menu{
border:1px solid #21a1e2;
padding:15px;
}

#wordmain #menu ul.bd{
background:url(http://i.yimg.jp/images/yjdn/common/line_blue.gif) bottom repeat-x;
padding:0 0 10px 0;
margin:0 0 10px 0;
}

#wordmain #menu li{
display:inline;
padding:0 10px 0 0;
color:#666666;
}

#wordmain #menu li a{
background:#ffffff;
border:1px solid #cccccc;
padding:2px 5px 2px 5px;
}

#wordmain #menu li a:hover{
background:#ffffd1;
border:1px solid #ff9330;
}


/* ---------- guideline ---------- */
h1#lv2_l{
background:#e9e9e9 url(http://i.yimg.jp/images/yjdn/common/02_ttl_l.gif) no-repeat;
width:950px;
height:41px;
line-height:47px;
font-weight:bold;
text-indent:10px;
font-size:140%;
letter-spacing:-1px;
margin:0 0 20px 0;
}

#glineArea{
padding:0 20px 20px 20px;
line-height:150%;
}

#glineArea h3{
font-weight:bold;
margin:20px 0 0 0;
}


#glineArea ul{
padding:1em 0 0 0;
}

#glineArea ul li{
list-style-type:disc;
margin:0 0 0 40px;
}

#glineArea .ttl{
margin:1em 0 0 0;
}

#glineArea ol li{
list-style-type:decimal;
margin:0 0 1em 30px;
}

#glineArea ol li ul li{
list-style-type:disc;
margin:0 0 0 20px;
}

/* ---------- 404error ---------- */

#emain{
margin:0 auto;
}



#nodoc{
font-size:120%;
font-weight:bold;
margin:50px 0 50px 0;
text-align:center;
}

#backyjdn{
text-align:center;
margin:0 0 90px 0;
}

/* ---------- uhd ---------- */

#uhd{position:relative;}
#uhd p#logoArea{
float:left;
padding:10px 0 0 5px;
}
#uhd p#kidslinks{
position:absolute;
right:110px;
top:20px;
font-size:85%;
}
#uhd ul{
float:right;
padding:10px 5px 0 0;
}

/* ---------- form ---------- */

.creditfm{
font-size:90%;
padding:5px;
width:600px;
height:120px;
margin:10px 0 0 0;
}

.samplefm{
background:#f1f1f1;
border:1px solid #42b4ed;
font-size:90%;
padding:5px;
width:622px;
height:180px;
margin:10px 0 0 0;
}

.codearea{
background:#f1f1f1;
border:1px solid #42b4ed;
font-size:90%;
padding:5px;
width:622px;
height:90px;
margin-bottom:30px;
}

.codearea2{
background:#f1f1f1;
border:1px solid #42b4ed;
font-size:90%;
padding:5px;
width:622px;
height:90px;
margin-bottom:10px;
}

.codearea3{
background:#f1f1f1;
border:1px solid #42b4ed;
font-size:90%;
padding:5px;
width:622px;
height:120px;
}

.inputfm1{
width:290px;
}

.inputfm2{
width:550px;
height:130px;
}

.historyfm{
width:40px;
font-size:100%;
margin:0 5px 0 5px;
}
.samplefm2{
width:930px;
height:130px;
font-size:100%;
}

.inbtn{
width:4em;
font-size:90%;
margin:0 0 0 20px;
padding:1px 0 0 0;
}

/* ---------- Text ---------- */

.btxt{
font-weight:bold;
}

.btxt110{
font-weight:bold;
font-size:110%;
color:#42b4ed;
}

.itxt{
font-style:italic;
}

.stxt{
font-size:95%;
}

.stxt2{
font-size:90%;
}

.clred{
color:#ff0000;
}


p.ln1{
padding:0 0 1em 0;
line-height:150%;
}

p.ln2{
padding:0 0 0.3em 0;
}

p.uln1{
padding:1em 0 0 0;
}

.red{
color:#FF0000;
}
/* ---------- 081114 ---------- */

#promo1 .bd .inner {
position:relative;
}
#promo1 .bd .inner .identry {
position:absolute;
bottom:0px;
}
#promo1 div.bd div.inner p.copy { 
font-size:96%;
_font-size:medium;
margin:10px 10px 80px 11px;
} 
div#promo1 div.bd div.inner div.identry p {
font-size:95%;
padding:3px 10px 0 8px;
line-height:1.2em;
}
*:first-child+html #promo1 div.bd div.inner p.copy {
font-size:medium;
margin:10px 10px 75px 11px;
}

/* ---------- 081114 ---------- */


/* ---------- Table ---------- */

table.list{
line-height:1.33em;
border-collapse:collapse;
}
table.list2{
line-height:1.33em;
margin:0 0 20px 0;
border-collapse:collapse;
}

table.list3{
line-height:1.33em;
margin:5px 0 0 0;
border-collapse:collapse;
}
table.list th,
table.list2 th,
table.list3 th{
    margin:0px;
	padding:5px;
    background-color:#EDF5F9;
    border:1px solid #42B4ED;
    font-weight:bold;
    vertical-align:top;
}
table.list td,
table.list2 td,
table.list3 td{
    margin:0px;
	padding:5px;
    background-color:#FFFFFF;
    border:1px solid #42B4ED;
    vertical-align:top;
}

table.cre{
background:#42b4ed;
}

td.ttl{
background:#edf5f9;
font-weight:bold;
}

td.ttl2{
background:#e9e9e9;
font-weight:bold;
text-align:center;
}
td.txt{
background:#ffffff;
}

.list td.ttl{
    padding:5px;
    background-color:#EDF5F9;
    border:1px solid #42B4ED;
    font-weight:bold;
}

/* ---------- 3.clearfix rules(float clear hack) ---------- */
#uhd:after,
#footer:after,
#contents:after,
#ideaArea #inner:after,
#topArea #inner:after,
#yjserviceArea li:after,
#yjserviceArea .liwrap:after,
#lv2_entryArea:after,
#infomain .infoArea:after,
#creditRule:after,
#inputArea #inputWrap .infoBox:after,
#lv3Bg:after,
#blogmain .blogArea .mn:after,
#webapiWrap .req:after,
#webapiWrap .req2:after,
#connectArea .info:after,
#main #news .newsWrap:after,
#topArea #inner #intro #bd #topBox:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

#uhd,#contents,
#footer,
#ideaArea #inner,
#topArea #inner,
#yjserviceArea .liwrapl,
#lv2_entryArea,
#infomain .infoArea,
#creditRule,
#inputArea #inputWrap .infoBox,
#lv3Bg,
#blogmain .blogArea .mn,
#webapiWrap .req,
#webapiWrap .req2,
#connectArea .info,
#main #news .newsWrap,
#topArea #inner #intro #bd #topBox{
	display:block;
	*display:inline-block;
	}