/**********************************************************
 NekketuLabs Style Sheet

 created by Nekketu-Kenichi on 2009/08/12
**********************************************************/
* {
    margin: 0;
    padding: 0;
}
body {
    background-color:#666666;
    font: normal 0.7em Verdana,sans-serif;
    text-align:center;
    line-height:1.8em;
}

p, div, span, h1, h2, h3, h4, h5 {
    text-align:left;
}

a {
	color:blue;
	text-decoration: none;
}
a:hover {
	color:blue;
	text-decoration: underline;
}

td, th {
	font-size:10pt;
	padding:1px;
}

#wrapper {
    background-color:#FFFFFF;
    max-width:950px;
    _width:950px;/* For IE6 */
    width/*\**/: 950px\9;/* For IE7,8 */
    margin:0 auto;
}

#left_column {
    background-color:#FFFFFF;
    max-width:200px;
    _width:200px;
    float:left;
    margin-left:-745px;
    margin-right:1px;
}

#right_column {
    background-color:#FFFFFF;
    max-width:200px;
    _width:200px;
    float:left;
    margin-left:1px;
    margin-right:1px;
}

#main_column {
    background-color:#FFFFFF;
    max-width:538px;
    min-width:538px;
    _width:538px;/* IE6 Fix */
    display:inline;/* IE6 Fix */
    margin-left:206px;
    margin-right:2px;
    float:left;
}

#header {
    min-height:155px;
}

#footer {
    background-color:#FFFFFF;
    clear:left;
    color:#808080;
    margin-top:20px;
}

#menu_background {
    clear: left;
    background-color:#696969;
}

#menu_container a {
    border:1px solid #FFFFFF;
    color:#FFFFFF;
    font-size:11pt;
    width:156px;
    float:left;
    text-align:center;
    text-decoration:none;
    border-radius: 5px;
    background-color:#696969;
    background: -moz-linear-gradient(top, #696969, #C0C0C0);/* Firefox—p */  
    background: -webkit-gradient(linear, left top, left bottom, from(#696969), to(#C0C0C0));/* Safari,Google Chrome—p */ 
}

#menu_container a:hover {
    border:1px solid #FFFFFF;
    color:#FFFFFF;
    font-size:11pt;
    width:156px;
    float:left;
    text-align:center;
    text-decoration:none;
    background-color:#191970;
    background: -moz-linear-gradient(top, #191970, #6495ED);/* Firefox—p */  
    background: -webkit-gradient(linear, left top, left bottom, from(#191970), to(#6495ED));/* Safari,Google Chrome—p */ 
}

/* CSS3 Media Queries */
@media screen and (max-width: 951px) {
    #wrapper {
        max-width: 98%;
    }
    #logo img {
        width: 100%;
    }
    #search_area {
        padding-top:0px !important;
        height:auto !important;
    }
    #left_column {
        clear:both;
        margin-left:2px;
        margin-right:2px;
        width:99%;
        max-width:99%;
    }
    #left_column .box_body iframe, #right_column .box_body iframe {
        width:99%;
        height:auto;
    }
    #right_column {
        clear:both;
        margin-left:2px;
        margin-right:2px;
        width:99%;
        max-width:99%;
    }
    #main_column {
        clear:both;
        margin-left:3px;
        margin-bottom:20px;
        border-bottom:1px dotted #333;
        padding-bottom:20px;
        max-width:100%;
        min-width:98%;
    }

}


label.error {
 color            : red;
 font-weight      : bold;
}

.box_title {
    background-color: #C0C0C0;
    color:#000000;
    font-size:10pt;
    text-align:center;
    vertical-align:middle;
    border-radius: 5px 5px 0 0;
    text-shadow:#FFF 1px 2px 1px;
}

.box_body {
    background-color:#FFFFFF;
    border:1px solid #C0C0C0;
    font-size:10pt;
    margin-bottom:15px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 0 0 5px 5px;
}
.contents_link {
    background-image: url(/labs/files/images/arrow_r.gif);
    background-repeat: no-repeat;
    background-position:left center;
    margin-top: 5px;
    margin-left: 5px;
}

.contents_link a {
    margin-left: 12px;
    color:blue;
    font-size:14pt;
    text-decoration:none;
}
.contents_link a:hover {
    font-size:14pt;
    text-decoration:underline;
}

.contents_desc {
    margin-left:18px;
    margin-bottom:15px;
}

#bread_list {
    clear:both;
    font-size:10pt;
    margin-bottom:15px;
}

h1, h2, h3, h4, h5 {
    font-family:"Lucida Sans Unicode",sans-serif;
}

h1 {
    border-bottom:1px solid #C0C0C0;
    margin-top:12px;
    padding-bottom:5px;
    font-size:18pt;
}
h2 {
    margin-top:18px;
    margin-bottom:5px;
    font-size:14pt;
}
h3 {
    margin-top:10px;
    margin-left:10px;
    margin-bottom:5px;
    font-size:11pt;
}

p.body {
    font-size: 11pt;
    margin-left: 20px;
    margin-bottom: 12px;
}

.body a {
    background-image: url(/labs/files/images/arrow_r.gif);
    background-repeat: no-repeat;
    background-position: left center;
	padding: 0 0 0 10px;
}
p.body a.no_arrow {
    background-image: none;
	padding: 0 0 0 0;
}

.docindex h2 {
    background-image: url(/labs/files/images/arrow_r.gif);
    background-repeat: no-repeat;
    background-position: left center;
    margin: 10px 0 0 10px;
    padding: 0 0 0 10px;
    font-size: 12pt;
    border-width:0px;
}

.docindex h3 {
    background-image: url(/labs/files/images/arrow_r.gif);
    background-repeat: no-repeat;
    background-position: left center;
    margin: 5px 0 0 40px;
    padding: 0 0 0 10px;
    font-size: 10pt;
}

.doctitle {
    background-image: url(/labs/files/images/arrow_r.gif);
    background-repeat: no-repeat;
    background-position: left center;
    margin: 20px 0 0 0px;
    padding: 0 0 0 8px;
    font-size: 10pt;
    border-width:0px;
    font-weight:bold;
}

ul { 
    margin-left:25px;
    padding-left:10px;
    list-style-image: url(/labs/files/images/arrow_r.gif);
}
.box_body ul { 
    margin-left:15px;
    padding-left:5px;
    list-style-image: url(/labs/files/images/arrow_r.gif);
}
ul.inner {
    padding-left:10px;
    list-style-image: url(./arrow_r.gif);
}
li { 
    font-size: 11pt;
    margin-bottom:5px;
}
li.inner {
    margin-bottom:5px;
}

/** Contact */
table#inquiry_form{
border-collapse:collapse;
font-size:90%;
border:solid 1px #999;
width:98%;
}
#inquiry_form table{
border-collapse:collapse;
margin:10px 0;
border:solid 1px #999;
}
#inquiry_form th, #inquiry_form td{
border:dashed 1px #bbb;
border-style:dashed solid;
padding:8px 10px;
text-align:left;
background-color:white;
}
#inquiry_form th{
background-color:#F4F9FE;
color:#678197;;
font-weight:normal;
}
#inquiry_form input[type="text"]{
border:solid 1px #bbb;
}
#inquiry_form input[type="text"]:focus{
border:solid 1px black;
}
#inquiry_form textarea{
border:solid 1px #bbb;
}
#inquiry_form textarea:focus{
border:solid 1px black;
}
#inquiry_form .require th{
font-weight:bold;
}
#inquiry_form .error_message{
color:red;
margin-left:10px;
font-weight:bold;
}
#inquiry_form_captcha{
margin-top:10px;
margin-bottom:10px;
}
#inquiry_form_captcha img{
margin-bottom:5px;
}

/* Pretty printing styles. Used with prettify.js. */

.str { color: #080; }
.kwd { color: #008; }
.com { color: #800; }
.typ { color: #606; }
.lit { color: #066; }
.pun { color: #660; }
.pln { color: #000; }
.tag { color: #008; }
.atn { color: #606; }
.atv { color: #080; }
.dec { color: #606; }

pre.prettyprint {
    border: 1px solid #888;
    background-color:#FFFAFA;
    font-family:'Lucida Console';
    font-size:9pt;
    padding: 5px;
}
pre.body {
	margin:0 0 15px 20px;
}

@media print {
  .str { color: #060; }
  .kwd { color: #006; font-weight: bold; }
  .com { color: #600; font-style: italic; }
  .typ { color: #404; font-weight: bold; }
  .lit { color: #044; }
  .pun { color: #440; }
  .pln { color: #000; }
  .tag { color: #006; font-weight: bold; }
  .atn { color: #404; }
  .atv { color: #060; }
}

iframe.twitter-share-button {
    width: 100px !important;
}

