/* web_con.css */

body {
 font-family: "MS ƒSƒVƒbƒN", Osaka, sans-serif;
}

body#web div.body {
 margin: 0px 0;
 
}

div#main {
 width: 500px;
 float: right;
 margin: 0 0 0 10px;
 padding: 0 10px;
}

div#main h1{
 margin: 0 0 10px;
 padding: 5px;
 color: #000000;
 background: #ffffff;
 font-size: 130%;
}

div#main h2{
 margin: 0 10px 20px 0;
 padding: 8px 5px 10px 15px;
 border: 1px solid #aaaaaa;
 color: #333333;
 background: url("../img/service_web_menu_bg.gif") no-repeat 2px 2px;
 font-size: 120%;
}

div#main.qa h2{
 margin: 0 10px 20px 0;
 padding: 8px 5px 10px 20px;
 color: #333333;
 border: none;
 background: #f1f1f1 url("../img/service_web_menu_bg.gif") no-repeat top left;
 font-size: 110%;
 font-weight: 500;
}

div#main p{
 color: #333333;
 margin: 7px 0;
 line-height: 1.6em;
}

div#main p.copy {
 margin: 20px 0;
 color: #000000;
 font-weight: 700;
}

div#main p.anchor{
 margin: 5px 15px 15px 5px;
 text-align: right;
}

div#main p.text{
 margin: 15px 0;
 line-height: 1.8em;
}

div#main p.contact {
 margin: 20px 0 -15px 0;
 padding: 5px 0 10px 0;
 background: url("../img/service_web_contact_bg.gif") no-repeat 50% bottom;
 text-align: center;
}

div#main p.to_contact {
 text-align: center;
}

em {
 color: red;
 font-weight: normal;
 font-style: normal;
}

ul#top_list {
 margin: 15px 0 0 15px;
}

ul#top_list li{
 margin: 7px 0;
}

ul#originality {
 list-style: none;
}

ul#originality li{
 margin: 5px 0;
}

ul.web_menu_list {
 margin: 10px 0;
 padding: 0 0 0 20px;
 font-size: 100%;
}

ul.web_menu_list li{
 margin: 13px 0;
 padding: 0 0 0 0;
 color: #004799;
}

div#summary {
 width: 100%;
 margin: -20px 0 15px 0;
 padding: 6px;
 color: #000000;
 background: transparent;
}

div#summary h3 {
 margin: 20px 0 0 0;
 color: #004799;
 font-size: 140%;
 font-weight: normal;
}

div#summary h3 span{
 font-size: 70%;
}

div#summary p{
 margin: 5px 0;
 font-size: 9pt;
 *font-size: 8pt;
}

div#side {
 width: 165px;
 float: left;
}

div#side ul{
 list-style: none;
}

div#side ul li{
 margin: 0 0 15px;
 padding: 13px 0 13px 13px;
 background: #999999;
 color: #ffffff;
 list-style: none;
}

div#side ul li.selected{
 margin: 15px 0;
 padding: 13px 0 13px 13px;
 color: #000000;
 list-style: none;
}

div#side ul li a{
 position: relative;
 top: 1px;
 padding: 0 0 3px 0;
 color: #ffffff;
 border-bottom: 1px dotted #ffffff;
 text-decoration: none;
}

div#main img {
 margin: 10px auto;
}

div#foot {
 background: #ffffff;
}

hr {
 margin: 10px 0;
 clear: both;
}

/* :: product :::::::::::::::::::::::::::::::::: */
div#main h2.product{
 border: none;
 color: #ffffff;
 background: url("../img/bg_h2_product.gif") repeat-x 50%;
}

div.product_box img{
 float: left;
 margin: 0 10px 0 0;
 border: 2px solid #ba9036;
}

div.product_box ul{
 list-style: none;
 float: right;
 width: 230px;
 margin: 40px 0 0 0;
}

div.product_box ul li{
 list-style: none;
 margin: 0 0 10px;
}

div.product_box ul li span{
 font-weight: bold;
}

div.product_box div{
 clear: both;
 margin: 0 0 20px;
 padding: 10px;
 border: 1px solid #cacaca;
 color: #000000;
 background: #f1f1f1;
}

div#main.form {
 float: none;
 width: 600px;
 margin: 0 0 0 10px;
 padding: 0;
}

div#main.form form{
}

div#main.form form p{
 padding: 10px;
 background: #f1f1f1;
}

div#main.form form label{
 display: block;
 float: left;
 clear: left;
 width: 130px;
 padding: 0 0 15px;
}

div#main.form form label.no-float{
 display: inline;
 width: auto;
 float: none;
 margin: 0;
 padding: 0
}

div#main.form form textarea{
 width: 300px;
 height: 120px;
}

div#main.form table{
 margin: 20px 0;
 border: 1px solid #999999;
 border-collapse: collapse;
 font-size: 120%;
}

div#main.form table tbody tr th{
 padding: 5px;
 border: 1px solid #999999;
 color: #000000;
 background: #fafafa;
}

div#main.form table tbody tr td{
 padding: 5px 15px 5px 5px;
 border: 1px solid #999999;
}