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

*{
    margin:0;
    padding:0;
    font:normal normal normal 100%/1.3 "ＭＳ Ｐゴシック","Osaka",sans-serif;
    border:none;
}

html{
  background:url(images/bg_html.jpg) 0px 167px;
}

body{
  background:url(images/bg_body.jpg) top left repeat-x;
  font-size:12px;
  letter-spacing:1px;
}

ul{list-style:none;}
img{vertical-align:top;}
strong,strong span{font-weight:bold;}

/*-----------------------------------------------------------------------------------
header start
-----------------------------------------------------------------------------------*/
#solidHeader{
  width:1002px;
  height:115px;
  margin:0 auto;
  background:url(images/bg_header.jpg) top left no-repeat;
}

#solidHeader h1{
  width:180px;
  height:115px;
  float:left;
}

#solidHeader p{
  width:590px;
  height:23px;
  margin-top:7px;
  padding-right:10px;
  text-align:right;
  font-size:11px;
  letter-spacing:1px;
  color:#666;
  float:left;
}

#solidHeader p img{
  width:1px;
  height:23px;
  vertical-align:middle;
}

#solidHeader form{
  width:221px;
  height:21px;
  margin-top:7px;
  text-align:right;
  font-size:12px;
  color:#999;
  border:1px solid #383838;
  border-right:none;
  float:left;
}


#solidHeader form input.search{
  width:192px;
  background-color:#232323;
  color:#FFF;
  padding:1px 3px 2px 3px;
}

#solidHeader form input.button{
  width:23px;
  height:21px;
  border:none;
  background-color:none;
  padding:0px;
  vertical-align:middle;
}


#solidHeader ol{
  width:812px;
  height:36px;
  padding-right:10px;
  padding-top:49px;
  text-align:right;
  list-style:none;
  float:left;
}

#solidHeader ol li{
  display:inline;
  margin-right:5px;
  color:#666;
  font-size:10px;
  letter-spacing:1px;
}


#solidHeader ol li img{
  width:1px;
  height:36px;
  vertical-align:middle;
}

#solidHeader ol li span{
  margin-left:5px;
  font-size:10px;
}

#solidHeader ol li a{
  font-size:10px;
  letter-spacing:1px;
}

#solidHeader ol li a:link,#solidHeader ol li a:visited{color:#666; text-decoration:none;}
#solidHeader ol li a:hover{color:#FFF; text-decoration:none;}

#solidHeader ol li.activeli a{font-weight:bold;}
#solidHeader ol li.activeli a:link,#solidHeader ol li.activeli a:visited{color:#FFF; text-decoration:none;}
/*-----------------------------------------------------------------------------------
Wrap start
-----------------------------------------------------------------------------------*/
#solidWrap{
  width:1000px;
  padding:0 6px;
  margin:0 auto;
  position:relative;
  background:url(images/bg_contents.png) top left repeat-y;
}


/*-----------------------------------------------------------------------------------
Right start
-----------------------------------------------------------------------------------*/
#solidRight,#rank{
  width:684px;
  padding-top:7px;
  padding-left:8px;
  padding-bottom:10px;
  float:left;
  background:url(images/bg_contentsTop.jpg) top left repeat-x;
}

#solidRightTop{
  padding-top:7px;
  padding-bottom:10px;
  padding-left:10px;
  background:url(images/bg_contentsTop.jpg) top left repeat-x;
}

#solidRight h2{
  height:22px;
  padding:20px 0 40px 13px;
}
/*-----------------------------------------------------------------------------------
Left start
-----------------------------------------------------------------------------------*/
#solidLeft{
  width:302px;
  padding:7px 6px 10px 0px;
  float:left;
  background:url(images/bg_contentsTop.jpg) top left repeat-x;
}

#solidLeftTop{
  width:165px;
  padding:7px 8px 10px 6px;
  float:right;
  background:url(images/bg_contentsTop.jpg) top left repeat-x;
}

#solidLeft h3{
  height:23px;
  width:301px;
  padding:1px 0 0 0px;
  border-left:1px solid #666;
  background:url(images/bg_panelIndex.gif) bottom left no-repeat;
}

#solidLeft h4{
  height:29px;
  line-height:29px;
  border:1px solid #666;
  border-bottom:none;
  padding-left:10px;
  background-color:#CCC;
}


div.tabpanel2{
  margin-bottom:7px;
  border:1px solid #666;
  border-top:none;
}

dl.tabpanel3{
  margin-bottom:7px;
  border:1px solid #666;
  border-top:none;
  padding-top:10px;
  height:244px;
}

dl.tabpanel3 dt{margin:0 0 0 2px;}
dl.tabpanel3 dt a{color:#FF9900; font-weight:bold;}
dl.tabpanel3 dd{margin:0 10px 10px 2px; font-size:10px; color:#333;}

*:first-child+html div#cookie{
  margin-bottom:7px;
}
div#job{border:1px solid #666;margin-bottom:7px;padding-bottom:2px;}

div#cookie ol,div#lpo ul,div#newItem ul,div#related ul{
  list-style:none;
}

div#related ul{padding:10px;border:1px solid #666;margin-bottom:7px;}

div#cookie ol li,div#lpo ul li,div#newItem ul li,div#related ul li{
  padding:10px 0;
  padding-left:10px;
  border-bottom:1px solid #CCC;
}

div#cookie ol li a,div#lpo ul li a,div#newItem ul li a,div#related ul li a{
  display:block;
  color:#333;
  text-decoration:none;
}

div#cookie ol li a:hover,div#lpo ul li a:hover,div#newItem ul li a:hover,div#related ul li a:hover{
  color:#FF9900;
  text-decoration:none;
}

div#ranking ol{
  list-style:decimal;
  list-style-position:inside;
}

div#ranking ol li{
  padding:10px 0;
  padding-left:10px;
  border-bottom:1px solid #CCC;
}

div#ranking ol li a{
  display:block;
  color:#333;
  text-decoration:none;
}

div#ranking ol li a:hover{
  color:#FF9900;
  text-decoration:none;
}



/*-----------------------------------------------------------------------------------
Footer start
-----------------------------------------------------------------------------------*/
#solidFooter{
  clear:both;
  height:28px;
  text-align:right;
  background:url(images/bg_footer.jpg) top left repeat-x;
}

/*-----------------------------------------------------------------------------------
index start
-----------------------------------------------------------------------------------*/
div.pageswitch{
  clear:both;
  text-align:center;
}

div.panelIndex{
  width:487px;
  height:278px;
  margin:0 7px 7px 0;
  border-bottom:1px solid #666;
  position:relative;
  float:left;
}

*:first-child+html div.panelIndex{
  height:274px;
}

div.panelIndex p{
  height:23px;
  padding:1px 0 0 0px;
  color:#666;
  border-left:1px solid #666;
  background:url(images/bg_panelIndex.gif) top left no-repeat;
}

div.panelIndex p img{vertical-align:-7px;}
div.panelIndex p span{margin-left:25px; font-size:10px;letter-spacing:1px;}

#solidRightTop div.panelIndex h2,#rank h2{
  padding:7px 0 0 5px;
  height:25px;
  border-right:1px solid #666;
  border-left:1px solid #666;
  background-color:#EEE;
}

div.panelIndex h2 a{font-size:14px; color:#000;letter-spacing:1px; text-decoration:none;}
div.panelIndex h2 a:hover{color:#000; text-decoration:underline;}

div.panelIndex div.panelMiddle{border-right:1px solid #666;border-left:1px solid #666;height:222px;}

div.panelIndex div.panelMiddle iframe{
  width:485px;
  height:222px;
  float:right;
  background-color: transparent;
  z-index:1;
}

*:first-child+html div.panelIndex div.panelMiddle,*:first-child+html div.panelIndex div.panelMiddle iframe{height:218px;}

div.panelIndex div.panelBody{
  height:15px;
  padding:0px 7px 4px 7px;
  overflow:auto;
  clear:both;
  line-height:150%;
  border-right:1px solid #666;
  border-left:1px solid #666;
}
div.panelIndex div.panelBody a{color:#000; text-decoration:none; font-weight:bold;}
div.panelIndex div.panelBody a:link,p#pageTitle a:visited{color:#000;}
div.panelIndex div.panelBody a:hover{ color:#FF9900;}

div.panelIndex div.panelBottom{
  height:29px;
  border-right:1px solid #666;
  border-left:1px solid #666;
  position:relative;
  bottom:29px;
  left:0px;
  z-index:3;
  background:url(images/bg_tabBottom.png) -1px 0px no-repeat;
}

div.panelIndex div.panelBottom ul{
  height:29px;
  padding-left:10px;
  float:right;
}

div.panelIndex div.panelBottom ul li{
  float:right;
}

div.panelIndex div.panelBottom p{
  padding-top:6px;
  .padding-top:5px;
  margin-right:5px;
  font-size:10px;
  float:right;
  border-left:none;
  background:none;
}
*:first-child+html div.panelIndex div.panelBottom p{
  padding-top:6px;
}
/*-----------------------------------------------------------------------------------
contents start
-----------------------------------------------------------------------------------*/
p#pageTitle{padding:1px 0 0 0;}

p#pageTitle img{vertical-align:middle;}
p#pageTitle a{font-size:10px; color:#000000; text-decoration:none;}
p#pageTitle a:link,p#pageTitle a:visited{color:#000000;}
p#pageTitle a:hover{ color:#000000;}


#adLink{
  margin-left:5px;
}

div.tabpanel0{
  background:url(images/tab_middle.gif) top left repeat-y;
  padding:8px 8px 0px 8px;
  clear:both;
}

div.tabpanel1{
  background:url(images/tab_middle.gif) top left repeat-y;
  padding:0px 8px 0px 1px;
  clear:both;
}

div.bottomAds{
  background:url(images/tab_middle.gif) top left repeat-y;
  padding-top:10px;
  padding-left:10px;
  clear:both;
}

div.tabpanel1 h3{
  font-size:14px;
  font-weight:bold;
  height:30px;
  line-height:30px;
  color:#333;
  padding-left:10px;
  border-bottom:1px solid #888;
  background:url(images/bg_h3.jpg) top left repeat-x;
  margin:0 2px 10px 0;
}

#itemBody{
  padding:10px;
  padding-left:0px;
}

#itemAds{
  height:300px;
  padding-left:10px;
}

#itemBody p{
  line-height:150%;
  padding-bottom:5px;
  letter-spacing:0px;
}

div.tabpanel1 p{
  line-height:160%;
  padding:5px 15px 15px 15px;
  letter-spacing:0px;
}

#sampletab iframe{
  width:665px;
}

ul.tablist1{
  width:510px;
  height:29px;
  float:left;
  border-left:1px solid #666;
  background:url(images/tab_top.gif) bottom left no-repeat;
}


ul#bookmarck{
  width:167px;
  height:24px;
  padding-top:5px;
  margin-right:6px;
  float:right;
  background:url(images/tab_top.gif) bottom right no-repeat;
}

ul#bookmarck li{
  float:right;
  margin-right:3px;
}

ul.tablist2{
  height:29px;
  border-left:1px solid #666;
  background:url(images/tab_top.gif) bottom left no-repeat;
}



ul.tablist3{
  height:29px;
  width:301px;
  border-left:1px solid #666;
  background:url(images/bg_panelIndex.gif) bottom left no-repeat;
}

ul.tablist1 li,ul.tablist2 li,ul.tablist3 li{
  float:left;
  width:100px;
}

ul.tablist3 li.last{
  width:101px;
}


ul.tablist1 li.activeli,ul.tablist2 li.activeli,ul.tablist3 li.activeli{
  background-color:#FFF;
  border-bottom:none;
  height:22px;
}

ul.tablist1 li a,ul.tablist2 li a,ul.tablist3 li a{
  display:block;
  height:21px;
  padding:6px 0px 0 0px;
  color:#000;
  font-size:12px;
  text-decoration:none;
  text-align:center;
  border:1px solid #666;
  border-left:none;
  background-color:#CCC;
}

ul.tablist1 li.activeli a,ul.tablist2 li.activeli a,ul.tablist3 li.activeli a{
  height:22px;
  background-color:#FFF;
  border-bottom:none;
}

div.tabBottom{
  height:33px;
  padding-right:20px;
  background:url(images/bg_tabBottom.jpg) bottom left no-repeat;
}

div.tabBottom ul{
  height:33px;
  padding-left:10px;
  float:right;
}

div.tabBottom ul li{
  float:right;
}

div.tabBottom p{
  padding-top:6px;
  .padding-top:5px;
  margin-left:5px;
  font-size:10px;
  float:left;
}

div.tabBottom p img{
  vertical-align:middle;
}
div.tabBottom p a{font-size:10px; color:#3399FF; text-decoration:none;}
div.tabBottom p a:link,p#pageTitle a:visited{color:#FF9900;}
div.tabBottom p a:hover{ color:#FF9900;}

#tab-container-1,#tab-container-2{margin-bottom:15px;}

#itemBody{margin:0 10px 15px 10px;}
#itemBody p{line-height:200%;}

div#footerAd{
  width:346px;
  height:280px;
  float:left;
}

#solidRight div#license{
  padding:0 5px;
}

#solidRight div#license h3{
  font-weight:bold;
  font-size:16px;
  margin-bottom:10px;
  color:#000;
}

#solidRight div#license p{
  margin-bottom:10px;
  line-height:130%;
  padding:0 5px;
}




#download table tr th{padding:0 20px 6px 0px;}
#download table tr th a img{border:1px solid #CCC;}

#download table tr td{width:400px;text-align:center;}
#download table tr td a{font-size:36px; text-decoration:none; border-bottom:1px solid #CCC;}
#download table tr td a:link,#download table tr td a:visited{color:#000;}
#download table tr td a:hover{color:#FF9900;}

#codetab{padding-bottom:1px;}
#codetab div.syntaxhighlighter{margin-bottom:10px;}
#codetab strong{font-weight:bold;}

/*-----------------------------------------------------------------------------------
search start
-----------------------------------------------------------------------------------*/
.highlight_0{font-weight:bold;}
.queryPosition{display:none;}

.search form{
  padding-top:20px;
  text-align:center;
}

.search form input.search{
  width:192px;
  background-color:#DDD;
  border:1px solid #999;
  color:#333;
  padding:2px 2px 3px 2px;
}

.search form input.button{
  width:23px;
  border:none;
  background-color:none;
  padding:0px;
  vertical-align:middle;
}

/*-----------------------------------------------------------------------------------
mail start
-----------------------------------------------------------------------------------*/
table.form{margin:0 20px;}
table.form tr th{width:50px;padding:5px;}
table.form tr th span{margin-left:5px; font-size:10px; color:#FF9900;}
table.form tr td{padding:5px;}
table.form tr td input{width:150px; background-color:#EEE; padding:2px; border:1px solid #CCC;}
table.form tr td textarea{width:500px; background-color:#EEE; padding:3px; border:1px solid #CCC;}
p.button{margin-left:100px;}
/*-----------------------------------------------------------------------------------
othes start
-----------------------------------------------------------------------------------*/
.p10{padding:10px;}
.mB5{magin-bottom:5px;}
fL{float:left;}
.orange{font-weight:bold;color:#FF6600;margin:0 5px}
div.tabpanel1 p.tag{
  background-color:#E8FCFF;
  border-top:1px solid #D7FAFF;
  color:#666;
  padding:10px;
  margin:0 10px 10px 10px;
}

div.tabpanel1 ul.listtext{
  padding:0 0 10px 30px;
  list-style:disc;
}



ul.menu{
  width:822px;
  height:49px;
  position:absolute;
  top:-85px;
  right:6px;
  z-index:5;
  background:url(images/bg_headerMiddele.jpg) bottom left no-repeat;
}


ul.menu * {margin:0; padding:0;z-index:5;}
ul.menu li {position:relative; float:left; text-align:left;width:164px;z-index:5;}

ul.menu li ul {position:absolute; top:49px; left:0; display:none; opacity:0; list-style:none;z-index:5;}
ul.menu li ul li {position:relative;border:2px solid #000;border-top:1px solid #000;border-bpttpm:1px solid #000; margin-bottom:-2px; width:164px;z-index:5;}
ul.menu li ul li a {display:block;height:30px; font-size:12px; color:#FFF; background:url(images/arrow.png) top right no-repeat #333;text-decoration:none;}
ul.menu li ul li a img{width:8px;height:30px;vertical-align:-0.9em;}
ul.menu li ul li a:hover {url(images/arrow.png) top right no-repeat background:#FF9933}
ul.menu li ul li ul {position:absolute; left:164px; top:-2px;z-index:5;}
ul.menu li ul li ul li.item {position:relative; border:2px solid #000;border-top:1px solid #000;border-bottom:1px solid #000; width:300px;z-index:5;}
ul.menu li ul li ul li.item a {color:#333;background:none; background-color:#FFF;}
ul.menu li ul li ul li.item a img{width:8px;height:30px;vertical-align:-0.9em;}
ul.menu li ul li ul li.item a:hover {background:none;background-color:#FF9933}

ul.menu li ul li ul.last{left:-304px;}
ul.menu li ul li ul.last li.item {position:relative; width:300px; float:none;}
ul.menu li ul li ul.last li.item.topline{border-top:2px solid #000}

ul.menu li ul li ul li.item.topline{border-top:2px solid #000}


ul.menu li.menulink{
  width:164px; 
  height:49px;
  font-size:14px;
  text-align:center;
  float:left;
}

ul.menu li a.menulink{
  display:block;
  width:164px; 
  height:49px; 
  color:#999;
  text-decoration:none;
  background:url(images/bg_headerMiddeleLi.jpg) bottom left no-repeat;
}
ul.menu li a.menulink.active{
  background:url(images/bg_headerMiddeleLi_over.jpg) bottom left no-repeat;
  color:#FFF;
}

ul.menu li.menulink a.menulink:hover{text-decoration:none;background:url(images/bg_headerMiddeleLi_over.jpg) bottom left no-repeat;}
ul.menu li.menulink:hover {background:url(images/bg_headerMiddeleLi_over.jpg) bottom left no-repeat}
ul.menu .menuhover {background-color:#FF9933}
ul.menu li.menulink ul li a.active{background-color:#95DDFF}
ul.menu li a.menulink img{
  width:1px;
  height:49px;
  vertical-align:middle;
}



#solidWrap ul.menu li ul li {position:relative; border:1px solid #000; border-top:none; width:164px; margin:0;z-index:5;}
#solidWrap ul.menu li ul li a {display:block; font-size:12px; color:#fff; background-color:#333;text-decoration:none;}
#solidWrap ul.menu li ul li a img{width:10px;height:30px;vertical-align:-1em;}
#solidWrap ul.menu li ul li a:hover {background-color:#FF9933}

#solidWrap ul.menu li ul li ul {position:absolute;z-index:5;left:164px; top:-1px}
#solidWrap ul.menu li ul li.item {position:relative;z-index:5; border:1px solid #000; border-top:none; width:300px; margin:0;}
#solidWrap ul.menu li ul .sub {background:#333 url(images/arrow.gif) center right no-repeat}
#solidWrap ul.menu ul li.item.topline {border-top:1px solid #000}

#solidWrap ul.menu li ul li ul.last {left:-302px; top:-1px}
#solidWrap ul.menu ul.menu li ul li ul.last li.item {position:relative; width:300px; float:none;}
#solidWrap ul.menu ul.menu li ul li ul.last li.item.topline{border-top:1px solid #000}