body  { background-color: #fff; margin: 0; padding: 0 }
h1 span , h2 span , h3 span , h4 span { display: none }
h1 { margin: 0; padding: 0 }
h2   { margin: 25px 0 15px; padding: 0 }
h3  { margin: 0; padding: 0; height: 126px }
h4  { font-weight: bold; text-align: left; margin: 0 0 10px; padding: 10px 0 0 }
a  { color: #393; text-decoration: underline }
a:hover  { color: #393; text-decoration: none }

div#parent { text-align: center; margin-right: auto; margin-left: auto }
div#head   { background-image: url("../images/common/bg_img01.gif"); background-repeat: repeat-x; background-position: left top; margin: 0; padding: 0 }
div#content     { text-align: left; margin: 0 auto; padding: 0; width: 730px }
div#footer { background-color: #333; margin: 0 auto; padding: 0; height: 70px; border-top: 5px solid #999 }
div.h_profile    { background-image: url("../images/profile/h_img.jpg"); background-repeat: no-repeat; background-position: right top; text-align: left; margin: 0 auto; padding: 0; width: 730px }
div.h_profile ul   { list-style-type: none; margin: 0; padding: 0; height: 40px }
div.h_profile li { margin: 0; padding: 0; height: 40px; float: left }
div.h_profile li span { display: none }
div.h_profile ul a { background-repeat: no-repeat; display: block; height: 40px; }
div.h_profile ul a:hover { background-position: 0 -42px; }
div.h_profile ul a.active { background-position: 0 -42px; }
div.h_profile li a.company { background-image: url("../images/profile/menu_company.gif"); width: 148px }
div.h_profile li a.develop { background-image: url("../images/profile/menu_develop.gif"); width: 148px }
div.h_profile li a.network { background-image: url("../images/profile/menu_network.gif"); width: 143px }
div.h_media  { background-image: url("../images/media/h_img.jpg"); background-repeat: no-repeat; background-position: right top; text-align: left; margin: 0 auto; padding: 0; width: 730px; height: 214px }
div.h_contact { text-align: left; margin: 0 auto; padding: 0; width: 730px }
table.head  { margin-right: auto; margin-left: auto; width: 730px; height: 178px }
table.head td.logo { margin: 0; padding: 0; width: 203px }
table.head td.navi  { background-image: url("../images/common/h_bg_img01.gif"); background-repeat: no-repeat; background-position: left top; text-align: left; margin: 0; padding: 119px 0 0 66px; width: 527px; vertical-align: top }
table.head ul { list-style-type: none; margin: 0; padding: 0; height: 34px }
table.head li { margin: 0; padding: 0; height: 34px; float: left }
table.head li span { display: none }
table.head ul a { background-repeat: no-repeat; display: block; height: 34px; }
table.head ul a:hover { background-position: 0 -36px; }
table.head ul a.active { background-position: 0 -36px; }
table.head li a.home { background-image: url("../images/common/hmenu_home.gif"); width: 115px }
table.head li a.profile { background-image: url("../images/common/hmenu_profile.gif"); width: 115px }
table.head li a.media { background-image: url("../images/common/hmenu_media.gif"); width: 115px }
table.head li a.contact { background-image: url("../images/common/hmenu_contact.gif"); width: 116px }

table.news     { color: #333; font-size: 85%; line-height: 140%; text-align: left; margin: 0; padding: 0; width: 730px }
table.news th    { margin: 0; padding: 3px 0 0; width: 15%; vertical-align: top; border-bottom: 1px solid #ccc }
table.news td    { margin: 0; padding: 2px 0; width: 85%; border-bottom: 1px solid #ccc }
table.table01 { color: #333; font-size: 85%; line-height: 140%; text-align: left; margin: 0; padding: 0; width: 730px; vertical-align: middle; border-top: 1px solid #ccc }
table.table01 th { margin: 0; padding: 3px 0; width: 20%; border-top: 5px solid #fff; border-bottom: 1px solid #ccc }
table.table01 td { background-image: url("../images/common/bull02.gif"); background-repeat: repeat-y; background-position: left center; margin: 0; padding: 3px 0 3px 25px; width: 80%; border-top: 5px solid #fff; border-bottom: 1px solid #ccc }
table.media { color: #333; font-size: 80%; line-height: 130%; text-align: left; margin: 0 0 10px; padding: 0; width: 730px; vertical-align: top }
table.media td.photo { text-align: center; margin: 0; padding: 10px 0; width: 130px; vertical-align: top; border-top: 3px solid #e5e5e5; border-bottom: 3px solid #e5e5e5; border-left: 3px solid #e5e5e5 }
table.media td.text { text-align: left; margin: 0; padding: 10px 0; width: 227px; vertical-align: top; border-top: 3px solid #e5e5e5; border-right: 3px solid #e5e5e5; border-bottom: 3px solid #e5e5e5 }
table.media td.blank { margin: 0; padding: 0; width: 16px }
table.link  { text-align: center; margin: 0; padding: 0; width: 730px }
table.footer  { color: #fff; font-size: 75%; text-align: left; margin: 0 auto; padding: 0; width: 730px }
table.footer a { color: #fff; text-decoration: none }
table.footer a:hover { color: #ff0; text-decoration: underline }
table.footer td.menu { margin: 0; padding: 10px 0 0 }
table.list     { color: #333; font-size: 85%; line-height: 140%; margin: 0; padding: 0; width: 100%; border-collapse: collapse    }
table.list th,table.list td   { border-top: 1px solid #ccc }
table.list th   { text-align: left; padding: 0.2em; width: 25% }
table.list td   { padding: 0.2em; width: 75% }

table.footer td.copy { text-align: right; margin: 0; padding: 10px 0 0 }
.h_img  { background-image: url("../images/index/h_img01.jpg"); background-repeat: no-repeat; background-position: center top; margin: 0; padding: 0 0 0 90px; height: 212px }
.h_text { color: #333; font-size: 85%; line-height: 140%; margin: 0; padding: 0 }
.t_text { color: #333; font-size: 85%; line-height: 140%; margin: 0; padding: 0 }
.client { color: #333; font-size: 85%; line-height: 140%; margin: 0; padding: 5px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc }
.site { margin: 0; padding: 10px 0 0 }
.comment { margin: 0; padding: 5px 0 0; width: 213px }
.top { color: #333; font-size: 75%; text-align: right; margin: 15px 0 10px; padding: 0 }

/*form parts*/
@media screen{
.off     { border: solid 1px #999; ime-mode: disabled    }
.on   { border: solid 1px #999 }
.input-xs  { width: 2em }
.input-ss  { width: 3em }
.input-s  { width: 4em }
.input-m  { width: 8em }
.input-l  { width: 16em }
.input-ll  { width: 18em }
.input-xl  { width: 22em }
.text-m  { height: 5em }
.text-l  { height: 10em }
}