@charset "UTF-8";

body{text-align:center;margin:0;font-family:Verdana,Arial,sans-serif;}

h1,h2,h3,h4,h5,h6{line-height:160%;}
h1{font-size:100%;font-weight:bold;}
h2{font-size:90%;font-weight:bold;}
h3{font-size:80%;font-weight:bold;}
h4{font-size:75%;}

p{font-size:80%;line-height:160%;}
ul,ol,dl{font-size:80%;line-height:160%;}
ul ol,ul ul,ol ul,ol ol{font-size:100%;}
b,strong{font-weight:bold;}
code{font-size:80%;font-family:Verdana,Arial,sans-serif;}

a{color:#0000ff;text-decoration:underline;}
a:visited{color:#993366;}
a:active{color:#993366;}
a:hover{color:#ff0000;}

img{border:none;}

#base{width:100%;background:#ffffff;}
#header{width:900px;background:#fff;margin:auto;text-align:left;}

#header #logo, #header #logo h1, #header #logo h2{margin:0;float:left;}
#header #logo h1{margin-bottom:0;width:153px;height:40px;background:#ffffff url(http://192.168.24.87/~thingsym/things/img/logo.gif) no-repeat;display:block;text-indent:-100000px;font-size:75%;text-decoration:none;}
#header #logo h2 a{margin:0;padding:0;width:153px;height:40px;background:#ffffff url(http://192.168.24.87/~thingsym/things/img/logo.gif) no-repeat;display:block;text-indent:-100000px;font-size:75%;text-decoration:none;}
#header #copy h2{padding-top:1em;font-size:70%;text-align:right;}

#navi{width:100%;background:#1E8631;clear:both;}
#navibody{width:900px;background:#1E8631;padding:0.4em;margin-bottom:0;margin:auto;text-align:left;}

#navi ul{margin:0;padding:0;}
#navi ul li{margin:0;padding:0;margin-left:0.4em;margin-right:2em;list-style:none;display:inline;}
#navi a{color:#ffffff;text-decoration:none;}
#navi a:visited{color:#ffffff;}
#navi a:active{color:#ffffff;}
#navi a:hover{color:#ffffff;text-decoration:underline;}
#navi .active{color:#ffffff;text-weight:bold;}

#body{width:900px;margin-left:30px;background:#ffffff;margin:auto;text-align:left;}
#body_auto{width:100%;margin-left:30px;background:#ffffff;margin:auto;text-align:left;}

#pagetop{width:900px;margin:auto;text-align:right;clear:both;}
#pagetop a{font-size:80%;}
#pagetop a:hover{}

#footerlink{width:100%;background:#1E8631;clear:both;}
#footerlink_body{width:900px;margin:auto;padding:0.2em;clear:both;}
#footerlink_body ul{margin:0;padding:0;line-height:120%;}
#footerlink_body ul li{font-size:80%;margin:0;margin-right:1em;padding:0;list-style:none;display:inline;}
#footerlink_body a{color:#ffffff;}

#footer{width:100%;background:#1E8631;clear:both;display: block;}
#footerbody{width:900px;background:#1E8631;margin-left:5px;padding:0.2em;margin:auto;text-align:center;}
#footerbody a{color:#ffffff;}

#pr{width:900px;display:none;}

#content_all{width:870px;margin-bottom:0;padding:1em;background:#ffffff;}
#content{width:720px;margin-left:1em;margin-bottom:0;padding:1em;border-left:1px solid #1E8631;border-right:1px solid #1E8631;float:left;}

#content_left{width:630px;margin-left:1em;margin-bottom:0;padding:1em;border-left:1px solid #1E8631;float:left;background:#ffffff;}
#content_right{width:630px;margin-left:1em;margin-bottom:0;padding:1em;border-right:1px solid #1E8631;float:left;background:#ffffff;}
#content_both{width:490px;margin-left:1em;margin-bottom:0;padding:1em;border-left:1px solid #1E8631;border-right:1px solid #1E8631;float:left;}

#left{width:210px;margin-left:6px;margin-top:1em;float:left;}
#right{width:210px;margin-left:6px;margin-top:1em;float:right;}
#column{width:135px;margin-left:6px;margin-top:1em;float:right;}

#menu{width:112px;margin-left:6px;margin-top:1em;float:left;}
#menu ul{padding:0px;margin:0px;}
#menu ul ul{margin-left:1.2em;}
#menu li{padding-left:0px;margin:0px;list-style: none;list-style-position: outside;}
#menu li a{text-decoration:none;}
#menu li a.active{padding-left:14px;}
#menu li a:hover{}

#menu ul.submenu{font-size:60%;margin-top:2em;}

div.script h2{background-color:#F0FFEB;padding:0.2em;margin:0.4em;border-left:2px solid #089315;}
div.script h3{margin:0;}
div.script div.summary{margin-left:1em;}

h3.news{background-color:#F0FFEB;padding:0.2em;margin:0.4em;border-left:2px solid #089315;}

div.news h2{background-color:#F0FFEB;padding:0.2em;border-left:2px solid #089315;}
div.news p.date{text-align:right;}
div.navi{font-size:75%;text-align:center;}

div.work h3{background-color:#F0FFEB;padding:0.2em;margin-bottom:0.4em;border-left:4px solid #089315;}
div.work strong.bg{background-color:#F0FFEB;padding:0.2em;border-left:2px solid #089315;}
div.work img{padding:0.2em;margin:0.4em;border:1px solid #089315;}

table.waku2{border-style:solid none none solid;border-width:1px;border-collapse:collapse;border-color:#089315;}
table.waku2 th{border-style:none solid solid none;border-width:1px;border-color:#089315;background-color:#B4F29E;text-align:center;}
table.waku2 td{border-style:none solid solid none;border-width:1px;border-color:#089315;}

div.bookmark{text-align:right;margin-bottom:0.4em;}

h2.qa{background:#B4F29E;padding:0.4em;}
h3.qa{background:#B4F29E;padding:0.4em;}

p.mg{margin-left:1em;}
p.nomg{font-size:75%;line-height:160%;margin-top:0;margin-bottom:0;}
.ja{font-size:75%;line-height:160%;}
.note{font-size:70%;line-height:140%;}
.red{color:#ff0000;font-weight:bold;}
.white{color:#ffffff;}

div.mg{margin-left:1em;margin-right:1em;}

div.formflow{text-align:center;margin-top:2em;clear:both;}
div.formflow span.flow{background:#BFDEFF;border:1px solid #a1a5a9;padding:1em;}
div.formflow span.active{background:#FFFF33;border:2px solid #a1a5a9;padding:1em;}
div.formflow span.arrow{padding:1em;}

#form table{width:100%;border-style:none none solid none;border-width:1px;border-collapse:collapse;empty-cells:show;border-color:#999999;background-color:#FFF6DD;}
#form table th{padding:5px;border-style:solid none none none;border-width:1px;border-color:#999999;background-color:#FFEE9D;text-align:right;}
#form table th.header{font-size:80%;padding:5px;border-style:solid none none none;border-width:1px;border-color:#999999;background-color:#FFEE9D;text-align:center;}
#form table td{padding:5px;border-style:solid none none none;border-width:1px;border-color:#999999;background-color:#FFFEDD;}
#form table td.submit{background-color:#CC0033;text-align:center;}
#form table td.blank{background-color:#ffffff;}
#form table th.error{padding:5px;border-style:solid none none none;border-width:1px;border-color:#999999;background-color:#FFDEEE;text-align:right;}
#form table td.error{padding:5px;border-style:solid none none none;border-width:1px;border-color:#999999;background-color:#ffeeee;}
#form table td.error textarea,#form table td.error input{background-color:#FFDEEE;}
#form div.waku3{padding:0.4em;margin-left:1.2em;margin-bottom:0.4em;background-color:#FFF6DD;border:solid 1px #999999;}
#form fieldset{padding:0.4em;color:#000000;border:solid 1px #999999;}

form{margin:0;}
label{cursor:pointer;}
fieldset{border:solid 1px #FFccBA;}
input,select{font-size:75%;}
textarea{font-size:75%;}
textarea:focus,input:focus{background-color: #FFFFEE;}
sup.essential{font-size:60%;color:#ff0000;font-weight:bold;}

input.box{vertical-align:middle;border:0px;}
input.radio{vertical-align:middle;border:0px;}
input.btn{font-size:75%;padding:0.2em;}

#twitter_update_list{}
#twitter_update_list li{}

#fluid-grid{text-align:left;}
#fluid-grid div.column{position:absolute;margin:0.2em;padding:0.2em;background:#fff;border:solid 2px #1E8631;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
#fluid-grid h2{margin:0;border-bottom:dotted 1px #1E8631;}
#fluid-grid p.ver{text-align:center;margin:0;}
#fluid-grid p.category{text-align:center;margin:0;}
#fluid-grid div.clickable:hover{background:#e5f6eb none repeat scroll 0 0;cursor:pointer;}
#fluid-grid div.navi{font-size:80%;text-align:center;clear:both;}

#fluid-grid div.size0{width:120px;}
#fluid-grid div.size1{width:180px;}
#fluid-grid div.size2{width:240px;}
#fluid-grid div.size3{width:360px;}