/* -----Menu----- */
/* HTML For */
/* */
/**/
/**/
html {
margin:0px;
padding:0px;
}
body {
font-family:sans-serif;
background-image: url(/images/top/background.gif);
margin:0px;
padding:0px;
}
a{ color: #0066CC; text-decoration: underline; }
a:link{ color: #0066CC; text-decoration: underline; }
a:visited{ color: #0066CC; text-decoration: underline; }
a:active{ color: #999999; }
a:hover{ color: #999999; }
h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, form {
font-weight: normal;
margin: 0px;
padding: 0px;
}
a img {
border:none;
}
#pagelayout {
width:800px;
background-color:#ffffff;
}
/* Header */
#header {
width:800px;
height:86px;
}
#header h1 a {
float:left;
background:url(/images/top/logo_top.gif) #ffffff bottom right no-repeat;
width:370px;
height:76px;
display:block;
font-size:9px;
text-indent:-1000em;
margin:0px;
padding:0px;
}
#header p {
display:none;
}
#bnr_01{
float:right;
margin:16px 10px 0px 0px;
padding:0px;
}
/* Global Navigation */
#global-navibation {
width:800px;
height:30px;
}
#global-navibation ul {
list-style:none inside;
}
#global-navibation ul li {
float:left;
}
#global-navibation a{
text-decoration:none;
}
#btn_gnavi_01 {
float:left;
background:url(/images/top/btn_net.gif) top left no-repeat;
width:135px;
height:30px;
display:block;
font-size:9px;
text-indent:-1000em;
}
#btn_gnavi_02 {
float:left;
background:url(/images/top/btn_real.gif) top left no-repeat;
width:133px;
height:30px;
display:block;
font-size:9px;
text-indent:-1000em;
}
#btn_gnavi_03 {
float:left;
background:url(/images/top/btn_marketing.gif) top left no-repeat;
width:133px;
height:30px;
display:block;
font-size:9px;
text-indent:-1000em;
}
#btn_gnavi_04 {
float:left;
background:url(/images/top/btn_seminar.gif) top left no-repeat;
width:133px;
height:30px;
display:block;
font-size:9px;
text-indent:-1000em;
}
#btn_gnavi_05 {
float:left;
background:url(/images/top/btn_industrynews.gif) top left no-repeat;
width:133px;
height:30px;
display:block;
font-size:9px;
text-indent:-1000em;
}
#btn_gnavi_06 {
float:left;
background:url(/images/top/btn_mailmagazine.gif) top left no-repeat;
width:133px;
height:30px;
display:block;
font-size:9px;
text-indent:-1000em;
}
#global-navibation li a:hover {
background-position:left bottom;
}
/* Search-Engine */
#search-engine {
background:url(/images/top/bg_search.gif) top left repeat-x;
height:25px;
text-align:right;
margin:1px 0px 0px 0px;
padding:0px 10px 0px 0px;
}
form {
float:right;
}
#search-engine p {
font-size:12px;
font-weight:bold;
color:#003366;
white-space:nowrap;
margin:0px;
padding:0px;
}
#search-engine label {
font-size:10px;
color:#003366;
margin:0px;
padding:0px;
}
/* Contents Container */
#contents-container {
width:800px;
}
/* Contents Left */
#contents-left {
float:left;
width:583px;
margin:0px;
padding:10px 0px 0px 10px;
}
/* privacypolicy */
h2#title_main_privacypolicy {
background:url(/images/corporate/title_main_privacypolicy.gif) #ffffff top left no-repeat;
width:583px;
height:30px;
display:block;
font-size:9px;
text-indent:-1000em;
margin-bottom:10px;
padding:0px;
}
.introduction{
width:583px;
background-color:#f2f2f2;
margin:5px 0px 5px 0px;
padding:10px 0px 10px 0px;
}
.introduction .text{
width:543px;
font-size:12px;
line-height:140%;
color:#333333;
margin:0px 20px 0px 20px;
padding:0px 0px 0px 0px;
}
.privacy{
width:583px;
margin:5px 0px 5px 0px;
padding:15px 0px 15px 0px;
}
.privacy .text{
width:543px;
font-size:12px;
line-height:140%;
color:#333333;
margin:0px 20px 0px 20px;
padding:0px 0px 0px 0px;
}
.privacy .text ol{
margin:0px 10px 0px 25px;
padding:0px 0px 0px 0px;
}
.privacy .text li{
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
}
.privacy .text .sign{
float:right;
}
.guide{
width:583px;
background-color:#f2f2f2;
margin:5px 0px 5px 0px;
padding:10px 0px 10px 0px;
}
.guide .text{
width:543px;
font-size:12px;
line-height:140%;
color:#333333;
margin:0px 20px 0px 20px;
padding:0px 0px 0px 0px;
}
.guide .text h3{
font-size:12px;
line-height:140%;
color:#333333;
font-weight:bold;
margin:0px 0px 5px 0px;
}
.guide .text p{
font-size:12px;
line-height:140%;
color:#333333;
}
/* contact */
h2#title_main_contact {
background:url(/images/corporate/title_main_contact.gif) #ffffff top left no-repeat;
width:583px;
height:30px;
display:block;
font-size:9px;
text-indent:-1000em;
margin-bottom:10px;
padding:0px;
}
#contact {
width:543px;
margin:0px 20px 0px 20px;
padding:0px 0px 0px 0px;
}
#contact .sub-title{
font-size:12px;
font-weight:bold;
color:#CC6633;
margin:20px 0px 10px 0px;
padding:0px;
}
#contact h4 {
width:150px;
float:left;
display:block;
margin:10px 0px 10px 0px;
padding:0px;
font-size:12px;
color:#333333;
}
#contact p {
width:393px;
float:left;
display:block;
margin:10px 0px 10px 0px;
padding:0px;
font-size:12px;
color:#333333;
}
#contact ul {
font-size:12px;
line-height:180%;
color:#333333;
padding:0px;
margin:10px 0px 10px 0px;
}
#contact li.left {
width:280px;
float:left;
display:block;
margin:0px;
padding:0px;
}
#contact li.right {
width:263px;
float:left;
display:block;
margin:0px;
padding:0px;
}
/* koukoku */
h2#title_main_koukoku {
background:url(/images/corporate/title_main_koukoku.gif) #ffffff top left no-repeat;
width:583px;
height:30px;
display:block;
font-size:9px;
text-indent:-1000em;
margin-bottom:10px;
padding:0px;
}
#main-image_koukoku {
background-image:url(/images/corporate/main-image-koukoku.jpg);
background-position:top left;
background-repeat:no-repeat;
width:583px;
height:200px;
display:block;
text-indent:-1000em;
margin:0px auto 20px auto;
padding:0px;
}
#title_bar_koukoku01 {
background:url(/images/corporate/title_koukoku_01.gif);
background-position:top left;
background-repeat:no-repeat;
width:581x;
height:21px;
display:block;
font-size:9px;
text-indent:-1000em;
margin:0px auto 10px auto;
padding:0px;
}
#title_bar_koukoku02 {
background:url(/images/corporate/title_koukoku_02.gif);
background-position:top left;
background-repeat:no-repeat;
width:581x;
height:21px;
display:block;
font-size:9px;
text-indent:-1000em;
margin:30px auto 10px auto;
padding:0px;
}
#title_bar_koukoku03 {
background:url(/images/corporate/title_koukoku_03.gif);
background-position:top left;
background-repeat:no-repeat;
width:581x;
height:21px;
display:block;
font-size:9px;
text-indent:-1000em;
margin:30px auto 10px auto;
padding:0px;
}
.koukoku {
width:543px;
margin:0px auto 0px auto;
padding:0px;
}
.koukoku p {
font-size:12px;
line-height:140%;
color:#333333;
margin:0px;
padding:0px;
}
.koukoku-graph{
background-image:url(/images/corporate/koukoku-graph.jpg);
background-position:top left;
background-repeat:no-repeat;
width:581px;
height:102px;
display:block;
font-size:9px;
text-indent:-1000em;
margin-top:20px;
padding:0px;
}
.koukoku dl {
font-size:12px;
color:#333333;
padding:0px;
margin:0px;
}
.koukoku dl dt {
width:280px;
display:block;
float:left;
margin-top:5px;
padding:0px;
}
.koukoku dl dd {
width:263px;
display:block;
float:left;
margin-top:5px;
padding:0px;
}
.koukoku-btn {
width:313px;
margin:20px auto 30px auto;
padding:0px;
}
/* recruit */
h2#title_main_recruit {
background:url(/images/corporate/title_main_recruit.gif) #ffffff top left no-repeat;
width:583px;
height:30px;
display:block;
font-size:9px;
text-indent:-1000em;
margin-bottom:10px;
padding:0px;
}
#recruit {
width:540px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#data{
float:right;
font-size:small;
color:#333333;
margin:0px 1px 3px 0px;
padding:0px;
}
h3{
font-size:small;
font-weight:bold;
color:#CC6633;
margin:15px 0px 3px 0px;
padding:0px;
}
#recruit table {
width:500px;
margin-bottom:10px;
padding:0px;
border-bottom:1px solid #CC6633;
}
#recruit th {
width:110px;
background-color:#FEF5F3;
border-top:1px solid #CC6633;
border-right:1px solid #CC6633;
border-left:1px solid #CC6633;
margin:0px;
padding:0px;
text-align:left;
}
#recruit td {
border-top:1px solid #CC6633;
border-right:1px solid #CC6633;
text-align:left;
line-height:140%;
margin:0px;
padding:0px;
}
#recruit h4 {
font-size:small;
color:#CC6633;
margin:0px;
padding:0px;
}
#recruit table td p {
font-size:small;
color:#333333;
margin:0px;
padding:0px;
}
/* site-list */
h2#title_main_site-list {
background:url(/images/corporate/title_main_site_list.gif) #ffffff top left no-repeat;
width:583px;
height:30px;
display:block;
font-size:9px;
text-indent:-1000em;
margin:0px;
padding:0px;
}
#site-list {
width:543px;
margin:0px 20px 0px 20px;
padding:0px 0px 0px 0px;
}
#site-list .sub-title{
font-size:12px;
font-weight:bold;
color:#CC6633;
margin:20px 0px 2px 0px;
padding:0px;
}
#site-list ul {
font-size:12px;
line-height:180%;
color:#333333;
margin:7px 0px 7px 20px;
padding:0px;
}
#site-list li {
margin:0px;
padding:0px;
}
/* recruit */
h2#title_main_recruit {
background:url(/images/corporate/title_main_recruit.gif) #ffffff top left no-repeat;
width:583px;
height:30px;
display:block;
font-size:9px;
text-indent:-1000em;
margin-bottom:10px;
padding:0px;
}
#recruit {
width:543px;
margin:0px 20px 0px 20px;
padding:0px 0px 0px 0px;
}
#recruit .data{
float:right;
font-size:11px;
color:#333333;
margin:0px 1px 3px 0px;
padding:0px;
}
h3{
font-size:12px;
font-weight:bold;
color:#CC6633;
margin:15px 0px 3px 0px;
padding:0px;
}
#recruit table {
width:543px;
margin-bottom:10px;
padding:0px;
border-bottom:1px solid #CC6633;
}
#recruit th {
width:100px;
background-color:#FEF5F3;
border-top:1px solid #CC6633;
border-right:1px solid #CC6633;
border-left:1px solid #CC6633;
padding:7px 5px 7px 10px;
text-align:left;
}
#recruit td {
width:443px;
border-top:1px solid #CC6633;
border-right:1px solid #CC6633;
text-align:left;
line-height:140%;
padding:7px 5px 7px 5px;
}
#recruit h4 {
font-size:12px;
color:#CC6633;
}
#recruit table td {
font-size:12px;
color:#333333;
}
/* Contents */
#contents {
width:583px;
font-size:12px;
line-height:135%;
margin-top:20px;
padding:0px;
}
#title_bar_01 {
background:url(/images/net/details/title_sub.gif) #FFFFFF top left no-repeat;
width:583px;
height:21px;
display:block;
font-size:9px;
text-indent:-1000em;
margin-bottom:10px;
padding:0px;
}
#contents dd {
width:583px;
margin:0px;
padding:0px;
}
#contents dd.under-line {
background:url(/images/net/top/line_583.gif) #FFFFFF bottom left no-repeat;
display:block;
margin:0px 0px 10px 0px;
padding:0px 0px 10px 0px;
}
.icon-freepaper {
background:url(/images/top/icon_freepaper.gif) #F7F7F7 top left no-repeat;
width:74px;
height:11px;
display:block;
font-size:9px;
text-indent:-1000em;
margin-bottom:5px;
padding:0px;
}
.icon-others {
background:url(/images/top/icon_others.gif) #FFFFFF top left no-repeat;
width:43px;
height:11px;
display:block;
font-size:9px;
text-indent:-1000em;
margin-bottom:5px;
padding:0px;
}
.icon-web {
background:url(/images/top/icon_web.gif) #FFFFFF top left no-repeat;
width:35px;
height:9px;
display:block;
font-size:9px;
text-indent:-1000em;
margin-bottom:5px;
padding:0px;
}
.icon-bscscatv {
background:url(/images/top/icon-bscscatv.gif) #FFFFFF top left no-repeat;
width:82px;
height:8px;
display:block;
font-size:9px;
text-indent:-1000em;
margin-bottom:5px;
padding:0px;
}
.icon-enclose {
background:url(/images/top/icon-enclose.gif) #FFFFFF top left no-repeat;
width:52px;
height:12px;
display:block;
font-size:9px;
text-indent:-1000em;
margin-bottom:5px;
padding:0px;
}
.icon-member {
background:url(/images/top/icon-member.gif) #FFFFFF top left no-repeat;
width:47px;
height:11px;
display:block;
font-size:9px;
text-indent:-1000em;
margin-bottom:5px;
padding:0px;
}
.icon-mobile {
background:url(/images/top/icon-mobile.gif) #FFFFFF top left no-repeat;
width:50px;
height:13px;
display:block;
font-size:9px;
text-indent:-1000em;
margin-bottom:5px;
padding:0px;
}
/* Contents Right */
#contents-right {
float:right;
width:187px;
margin:0px 0px 0px 0px;
padding:10px 10px 0px 10px;
}
.contents-bnr {
margin-bottom:10px;
padding:0px;
}
#title-topics {
background:url(/images/top/title_topics.gif) #ffffff top left no-repeat;
width:187px;
height:30px;
display:block;
font-size:9px;
text-indent:-1000em;
margin:0px;
padding:0px;
}
.contents-line02 {
background:url(/images/top/line_187.gif) #ffffff top left repeat-y;
width:187px;
border-top:1px solid #A4A4A4;
border-bottom:1px solid #A4A4A4;
margin-bottom:10px;
padding:0px;
}
.top-baner-text li {
font-size:x-small;
text-align:left;
display:block;
margin:0px;
padding:5px;
}
/* Contents Ranking */
#title-ranking {
background:url(/images/top/title_ranking.gif) #ffffff top left no-repeat;
width:187px;
height:30px;
display:block;
font-size:9px;
text-indent:-1000em;
margin:0px;
padding:0px;
}
.contents-line {
background:url(/images/top/line_187.gif) #ffffff top left repeat-y;
width:187px;
border-bottom:1px solid #A4A4A4;
font-size:10px;
margin-bottom:10px;
padding:0px;
}
.contents-line02 {
background:url(/images/top/line_187.gif) #ffffff top left repeat-y;
width:187px;
border-top:1px solid #A4A4A4;
border-bottom:1px solid #A4A4A4;
margin-bottom:10px;
padding:0px;
}
.top-baner-text {
font-size:x-small;
text-align:center;
margin:0px;
padding:5px;
}
.channel-photo-box {
float:left;
margin:0px;
padding:5px;
}
.channel-text-box {
float:left;
width:105px;
margin:0px;
padding:5px 5px 5px 0px;
}
.channel-text-box h3 {
font-size:x-small;
margin:0px;
padding:0px;
}
.channel-text-box p {
font-size:x-small;
margin:0px;
padding:10px 0px 0px 0px;
}
table {
width:185px;
font-size:10px;
border-collapse:collapse;
margin:0px 1px 0px 1px;
padding:0px;
}
.ranking-text {
width:161px;
height:41px;
margin:0px;
padding:0px 10px 0px 10px;
}
#ranking-01 {
background:url(/images/top/ranking_01.gif) #FEF5F3 top right no-repeat;
width:24px;
height:41px;
display:block;
font-size:9px;
text-indent:-1000em;
margin:0px;
padding:0px;
}
#ranking-02 {
background:url(/images/top/ranking_02.gif) #FEF5F3 top right no-repeat;
width:24px;
height:41px;
display:block;
font-size:9px;
text-indent:-1000em;
margin:0px;
padding:0px;
}
#ranking-03 {
background:url(/images/top/ranking_03.gif) #FEF5F3 top right no-repeat;
width:24px;
height:41px;
display:block;
font-size:9px;
text-indent:-1000em;
margin:0px;
padding:0px;
}
#ranking-04 {
background:url(/images/top/ranking_04.gif) #FEF5F3 top right no-repeat;
width:24px;
height:41px;
display:block;
font-size:9px;
text-indent:-1000em;
margin:0px;
padding:0px;
}
#ranking-05 {
background:url(/images/top/ranking_05.gif) #FEF5F3 top right no-repeat;
width:24px;
height:41px;
display:block;
font-size:9px;
text-indent:-1000em;
margin:0px;
padding:0px;
}
#ranking-06 {
background:url(/images/top/ranking_06.gif) #FEF5F3 top right no-repeat;
width:24px;
height:41px;
display:block;
font-size:9px;
text-indent:-1000em;
margin:0px;
padding:0px;
}
#ranking-07 {
background:url(/images/top/ranking_07.gif) #FEF5F3 top right no-repeat;
width:24px;
height:41px;
display:block;
font-size:9px;
text-indent:-1000em;
margin:0px;
padding:0px;
}
#ranking-08 {
background:url(/images/top/ranking_08.gif) #FEF5F3 top right no-repeat;
width:24px;
height:41px;
display:block;
font-size:9px;
text-indent:-1000em;
margin:0px;
padding:0px;
}
#ranking-09 {
background:url(/images/top/ranking_09.gif) #FEF5F3 top right no-repeat;
width:24px;
height:41px;
display:block;
font-size:9px;
text-indent:-1000em;
margin:0px;
padding:0px;
}
#ranking-10 {
background:url(/images/top/ranking_10.gif) #FEF5F3 top right no-repeat;
width:24px;
height:41px;
display:block;
font-size:9px;
text-indent:-1000em;
margin:0px;
padding:0px;
}
.ranking-line {
width:185px;
margin-left:1px;
padding:0px;
}
/* Contents Colum */
#title-colum {
background:url(/images/top/title_colum.gif) #ffffff top left no-repeat;
width:187px;
height:30px;
display:block;
font-size:9px;
text-indent:-1000em;
margin:0px;
padding:0px;
}
.contents-line dt {
float:left;
width:60px;
height:60px;
margin:0px;
padding:5px 5px 5px 5px;
}
.contents-line dd{
float:left;
width:112px;
margin:0px;
padding:5px 5px 5px 0px;
}
.colum-line {
background:url(/images/top/line_185_02.gif) #FFFFFF center left no-repeat;
width:185px;
height:1px;
font-size:1px;
display:block;
margin-left:1px;
padding:0px;
}
/* Footer */
#footer {
background:url(/images/top/bg_footer.gif) top left no-repeat;
width:800px;
height:60px;
color:#FFFFFF;
margin:30px 0px 0px 0px;
padding:0px;
}
#footmenu {
font-size:9px;
text-align:center;
margin:0px;
padding:4px 0px 0px 0px;
}
#footmenu a{ color: #FFFFFF; text-decoration: underline; }
#footmenu a:link{ color: #FFFFFF; text-decoration: underline; }
#footmenu a:visited{ color: #FFFFFF; text-decoration: underline; }
#footmenu a:active{ color: #FFCC00; }
#footmenu a:hover{ color: #FFCC00; }
#footer p {
background:url(/images/top/copyright.gif) top center no-repeat;
width:800px;
height:9px;
text-align:center;
display:block;
font-size:9px;
text-indent:-1000em;
margin:18px 0px 0px 0px;
padding:0px;
}
.right_text
{
font-size: 10px;
}