@charset "utf-8";

.b {font-weight: bold;}
.red {color: #FF0000;}

.under8 {padding-bottom: 8px;}
.top8 {padding-top: 8px;}

a:link { color: #333333;}
a:visited { color: #333333;}
a:hover { color: #999900;
}

#header a:link {
    color : #FFFFFF;
    text-decoration: none;
}
#header a:hover { color : #000000;}
#header a:active { color : #FFFFFF;}
#header a:visited {
    color : #FFFFFF;
    text-decoration: none;
}


#wrapper {
width: 900px;
margin-right: auto;
margin-left: auto;
}


/* header area
******************************************************/
#header {
height: 85px;
margin: 0px;
padding: 0px;
width: 900px;
}
#header .title {
height: 13px;
width: 500px;
padding-top: 2px;
text-align: left;
padding-left: 5px;
float: left;
}
#header h1 {
font-size: 10px;
color: #FFFFFF;
font-weight: normal;
margin: 0px;
padding: 0px;
}
#header .sitemap {
padding-top: 1px;
font-size: 10px;
color: #FFFFFF;
width: 100px;
float: right;
}
#header .logo {
padding-top: 8px;
width: 360px;
float: left;
height: 62px;
text-align: left;
padding-left: 5px;
clear: both;
}
#header .hleft {
padding-top: 35px;
padding-left: 0px;
float: left;
height: 20px;
}
#header .hleft li {
float: left;
}
#search {
border: 1px solid #ccc;
border-top: 1px solid #aaa;
border-left: 1px solid #aaa;
height: 18px;
vertical-align: top;
padding-top: 2px;
}
#search-submit {
background:#003366 color: #fff;
font-size: 12px;
background-color: #27a2e2;
color: #FFFFFF;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #27a2e2;
border-right-color: #115375;
border-bottom-color: #115375;
border-left-color: #27a2e2;
background-position: center center;
height: 21px;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 1px;
padding-left: 5px;
}
#header .pickupbox {
float: right;
padding-top: 3px;
padding-right: 2px;
}
#glnavi {
text-align: left;
height: 33px;
}
#glnavi li {
float: left;
}
#main {
width: 900px;
}
#pankuzu {
text-align: left;
height: 15px;
padding-top: 5px;
padding-left: 5px;
}
#pankuzu a {
text-decoration: none;
}
/* left area
******************************************************/
#left_area {
width: 210px;
float: left;
text-align: left;
}
#left_area .folder_name {
background-color: #27A2E2;
width: 185px;
margin-top: 10px;
padding-top: 3px;
padding-bottom: 3px;
font-size: 14px;
color: #FFFFFF;
padding-left: 15px;
line-height: 143%;
}
#left_area .leftn_content01 .clearfix .webpage {
padding-left: 10px;
}


#left_area .leftn_content01 {
width: 200px;
}
#left_area .leftn_content01 ul {
background-image: url(../images/main/left_navi_bg.gif);
background-repeat: repeat-y;
}
#left_area .leftn_content01 .rank_l {
background-image: url(../images/main/left_navi_underdot.gif);
background-repeat: no-repeat;
background-position: 1px bottom;
width: 200px;
height: 28px;
padding-top: 4px;
padding-left: 5px;
}
#left_area .leftn_content01 .rank_p {
padding-left: 5px;
float: left;
padding-top: 8px;
}
#left_area .leftn_content01 li {
background-image: url(../images/main/left_navi_underdot.gif);
background-repeat: no-repeat;
background-position: 1px bottom;
width: 200px;
height: 22px;
padding-top: 8px;
padding-left: 18px;
}
#left_area .leftn_content01 li p {
padding-left: 5px;
float: left;
padding-top: 6px;
}
#left_area .leftn_content01 .rankunderl {
background-image: url(../images/main/left_navi_underdot.gif);
background-repeat: no-repeat;
background-position: 1px bottom;
width: 200px;
height: 18px;
padding-left: 5px;
}
#left_area .leftn_content01 .rankunderp {
padding-left: 3px;
float: left;
padding-top: 2px;
}
#left_area .leftn_content01 li img {
float: left;
}
#left_area .leftn_content02 {
width: 200px;
background-image: url(../images/main/left_navi_bg.gif);
background-repeat: repeat-y;
}
#left_area .leftn_content02 p {
width: 175px;
font-size: 12px;
line-height: 16px;
padding-top: 5px;
padding-left: 8px;
}
#left_area .leftn_content02 ul {
background-image: url(../images/main/left_navi_bg.gif);
background-repeat: repeat-y;
}
#left_area .leftn_content02 li {
width: 194px;
padding-left: 6px;
margin: 0px;
padding-top: 5px;
padding-bottom: 0px;
height: 34px;
}
/* center area
******************************************************/
* html #center_area {
width: 507px;
float: left;
text-align: left;
}
#center_area {
float: left;
width: 510px;
text-align: left;
padding-top: 8px;
}
#center_area h2 {
color: #FFFFFF;
font-size: 16px;
background-repeat: no-repeat;
}
#center_area .prbox {
background-image: url(../images/main/pr_bg.gif);
background-repeat: repeat-y;
border: 1px solid #000000;
width: 483px;
padding-right: 10px;
padding-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
font-weight: bold;
letter-spacing: 0.1em;
a.mytable:link { color : #FF0000; }
a.mytable:hover { color : red; }
a.mytable:active { color : gold; }
a.mytable:visited { color : gray; }
}
#center_area .prbox li {
background-image: url(../images/main/pr_icon.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 40px;
padding-bottom: 3px;
padding-top: 3px;
}


#center_area .toptext {
background-color: #F5F5F5;
width: 472px;
line-height: 16px;
letter-spacing: 1px;
font-size: 12px;
padding-top: 4px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 10px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #3366cc;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #3366cc;
border-top-width: 0;
border-bottom-width: 5px;
border-bottom-style: solid;
border-bottom-color: #3366cc;
}

#center_area .center_content01 {
width: 500px;
background-image: url(../images/main/content01center_bg.gif);
background-repeat: repeat-y;
background-position: left top;
}

#center_area .center_content01 h2 {
width: 477px;
color: #000000;
font-size: 16px;
padding-top: 5px;
padding-bottom: 2px;
padding-left: 15px;
border-bottom-width: 2px;
border-bottom-style: dotted;
border-bottom-color: #0066FF;
}

#center_area .content01tb {
width: 490px;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
}

#center_area .content01tb td {
text-align: center;
}

#center_area .content01tb li {
float: left;
padding-left: 3px;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#center_area .content01tb .tb_dot {
margin: 0px;
padding: 0px;
background-image: url(../images/main/content01center_dot.gif);
background-repeat: no-repeat;
background-position: center top;
height: 7px;
width: 484px;
font-size: xx-small;
}
#center_area .center_content02 {
width: 500px;
padding-top: 10px;
}
#center_area .center_content02 dl {
float: left;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
margin: 0px;
padding: 0px;
}
#center_area .center_content02 dt {
width: 165px;
background-color: #0066cc;
height: 15px;
padding-top: 3px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #cccccc;
color: #FFFFFF;
text-align: center;
}

#center_area .center_content02 .r4 {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #CCCCCC;
}
#center_area .center_content02 dd {
text-align: center;
color: #666666;
font-size: 10px;
padding-bottom: 3px;
line-height: 130%;
}
#center_area .center_content02 .al {
padding-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
}



#center_area .content_news {
}
#center_area .content_news .n_box {
background-image: url(../images/main/news_underdotbg.gif);
background-position: left bottom;
background-repeat: no-repeat;
width: 500px;
}
#center_area .content_news .n_time {
float: left;
background-image: url(../images/main/news_icon.gif);
background-position: 10px center;
background-repeat: no-repeat;
padding-left: 25px;
padding-right: 5px;
width: 60px;
height: 17px;
padding-top: 6px;
color: #333333;
}
#center_area .content_news .n_tit {
float: left;
padding-top: 4px;
width: 400px;
line-height: 140%;
height: auto;
}
#center_area .centerbg {
color: #FFFFFF;
background-image: url(../images/main/centernavi_nonebg.gif);
background-repeat: no-repeat;
background-position: left top;
height: 20px;
width: 475px;
padding-left: 25px;
padding-top: 9px;
font-weight: bold;
font-size: 14px;
}
#center_area .tb_box{
padding-left: 5px;
line-height: 150%;
width: 490px;
}
#center_area .tb_box table{
border-collapse: collapse;
margin-top: 1px;
font-size: 12px;
text-align: left;
}
#center_area .tb_box th{
border: 1px solid #808080;
text-align: left;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 4px;
padding-top: 5px;
font-size: 12px;
background-color: #CCEFFF;
}
#center_area .tb_box td{
border: 1px solid #808080;
text-align: left;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 4px;
padding-top: 5px;
font-size: 12px;
color: #333333;
line-height: 150%;
}
#center_area .contentbox {
padding-left: 5px;
line-height: 150%;
padding-right: 10px;
text-align: left;
width: 480px;
}
#center_area .contentbox dl {
padding-bottom: 5px;
}

#center_area  .contentbox  dt {
font-weight: bold;
font-size: 14px;
color: #996600;
}
#center_area .contentbox dd {
line-height: 150%;
padding-top: 3px;
padding-bottom: 10px;
}
#center_area .cbbox {
        border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
        border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #ff6633;
border-bottom-color: #ff6633;
border-left-color: #ff6633;
width: 488px;
padding: 5px;
}
#center_area .cbbox .cbin {
padding-bottom: 4px;
padding-top: 0px;
}
#center_area .cbbox h3 {
border-left-width: 3px;
border-left-style: solid;
border-left-color: #F1511F;
padding-left: 5px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #ff6633;
width: 470px;
color: #000000;
font-size: 16px;
}
#center_area .cbbox .cbin p {
line-height: 140%;
padding-left: 5px;
padding-top: 3px;
padding-right: 5px;
font-color: #336600;
}
#center_area .beginner {
background-image: url(../images/main/main_beginner_navi.gif);
background-repeat: no-repeat;
width: 500px;
height: 23px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 6px;
text-align: left;
text-indent: 10px;
}
#center_area .beginnerbox {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #ff6633;
border-right-color: #ff6633;
border-bottom-color: #ff6633;
border-left-color: #ff6633;
width: 488px;
padding: 5px;
}
#center_area .beginnerbox .beginnerin {
padding-bottom: 4px;
padding-top: 0px;
}
#center_area .beginnerbox h3 {
background-color: #FFA500;
border-left-width: 3px;
border-left-style: solid;
border-left-color: #F1511F;
padding-left: 5px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #ff6633;
width: 470px;
color: #000000;
font-size: 16px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 3px;
padding-bottom: 3px;
}
#center_area .beginnerbox .beginnerin .point {
width: 470px;
color: #000080;
font-size: 14px;
margin-bottom: 0px;
margin-top: 0px;
font-weight: bold;
letter-spacing: 1px;
}
#center_area .beginnerbox .beginnerin p {
line-height: 17px;
padding-left: 5px;
padding-right: 5px;
margin-top: 0px;
margin-bottom: 0px;
letter-spacing: 1px;
font-size: 12px;
padding-top: 10px;
}
.beginnerin .bold {
font-weight: bold;
}

.map_box {
float: left;
width: 170px;
padding-left: 50px;
padding-bottom: 60px;
}
.map_box h4 {
border-left-width: 5px;
border-left-style: solid;
border-left-color: #FF6600;
text-align: left;
text-indent: 5px;
margin-top: 30px;
margin-bottom: 0px;
padding-top: 3px;
padding-bottom: 4px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #FF3300;
width: 150px;
}
.map_box ul {
margin-left: 0px;
margin-top: 0px;
padding-left: 10px;
padding-top: 5px;
}
.map_box li {
list-style-type: disc;
list-style-position: inside;
padding-top: 10px;
}



.hikaku p {
width: 490px;
margin-left: 5px;
font-size: 12px;
line-height: 16px;
letter-spacing: 1px;
}
.hikaku_tbl {
width: 490px;
font-size: 12px;
margin-left: 5px;
padding-top: 10px;
}
.hikaku_tbl table {
background-color: #666666;
}
.hikaku_tbl .top3 {
background-color: #FFA500;
font-size: 14px;
color: #000000;
}
.hikaku_tbl th {
background-color: #3399FF;
color: #FFFFFF;
width: 33%;
font-size: 12px;
text-align: center;
padding: 4px;
}
.hikaku_tbl td {
background-color: #FFFFFF;
text-align: center;
padding: 4px;
}


/* right area
******************************************************/
#right_area {
float: left;
width: 180px;
text-align: left;
padding-top: 8px;
}
#right_area .rb01 {
background-image: url(../images/main/right_b01.gif);
background-repeat: no-repeat;
background-position: left top;
height: 63px;
width: 180px;
margin-bottom: 5px;
}
#right_area  .rb_po  {
padding-left: 21px;
padding-top: 32px;
}
#right_area .rb02 {
background-image: url(../images/main/right_b02.gif);
background-repeat: no-repeat;
background-position: left top;
height: 63px;
width: 180px;
margin-bottom: 5px;
}


#right_area .r_banner {
padding-bottom: 5px;
}
#right_area h3 {
background-image: url(../images/main/right_navi.gif);
background-repeat: no-repeat;
background-position: left top;
height: 20px;
width: 153px;
font-weight: bold;
color: #FFFFFF;
padding-top: 9px;
font-size: 12px;
padding-left: 27px;
}
#right_area .rank {
padding-bottom: 10px;
}
#right_area .rank p {
background-image: url(../images/main/rightnavi_bg.gif);
padding:6px 0px 0px 5px;
color: #000000;
font-weight: bold;
}

#right_area .right_bg {
background-image: url(../images/main/rightnavi_bg.gif);
background-repeat: repeat-y;
padding-top: 5px;
}

#right_area .rank ul {
background-image: url(../images/main/rightnavi_bg.gif);
background-repeat: repeat-y;
}
#right_area .rank li {
background-image: url(../images/main/right_navi_li.gif);
background-repeat: no-repeat;
background-position: left top;
height: 22px;
width: 153px;
padding-top: 10px;
padding-left: 27px;
}
#right_area .pickup {
background-image: url(../images/main/rightnavi_bg.gif);
background-repeat: repeat-y;
margin-bottom: 10px;
}
#right_area .pickup p {
width: 165px;
font-size: 12px;
line-height: 16px;
padding-top: 7px;
padding-left: 8px;
}




/* footer area
******************************************************/
#footer {
margin-top: 20px;
}
#footer .fxrun {
width: 700px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
font-size: 12px;
line-height: 16px;
padding: 10px;
text-align: left;
}
#footinner {
background-image: url(../images/main/footer_bg.gif);
background-repeat: repeat-x;
background-position: top;
height: 74px;
}

#footinner .f_box {
width: 900px;
margin-right: auto;
margin-left: auto;
}
#footinner .f_box .fl {
width: 500px;
font-size: 12px;
text-align: left;
padding-top: 15px;
float: left;
color: #FFFFFF;
}
#footinner .f_box .fl a {
color: #FFFFFF;
}
#footer .f_box .fl a:hover {
color: #FFFF00;
}
#footinner .f_box .fr {
float: left;
font-size: 12px;
color: #FFFFFF;
text-align: right;
padding-top: 15px;
width: 300px;
}
#footinner .f_box .fr p {
margin-top: 0;
margin-bottom: 0;
}
#footinner .f_box .fr .copyr {
padding-top: 5px;
}
/* tablekitcss
******************************************************/
.sort_tbox .sortcol {
cursor: pointer;
padding-right: 20px;
background-repeat: no-repeat;
background-position: right center;
}
#center_area .sort_tbox {
padding-left: 5px;
}

.sort_tbox .sortasc {
color: #fff;
background-color: #007feb;
background-image: url(../images/main/up.png);
}
.sort_tbox .sortdesc {
color: #fff;
background-color: #00aaeb;
background-image: url(../images/main/down.png);
}
.sort_tbox table {
border-collapse: collapse;
margin-top: 1px;
font-size: 12px;
text-align: left;
}
.sort_tbox th {
border: 1px solid #808080;
text-align: left;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 4px;
padding-top: 5px;
font-size: 12px;
background-image: url(../images/main/updown.png);
background-repeat: no-repeat;
background-color: #CCEFFF;
}

.sort_tbox td {
border: 1px solid #808080;
text-align: left;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 4px;
padding-top: 5px;
font-size: 12px;
color: #333333;
}
#center_area .shousaibox {
padding-left: 5px;
}
#center_area .shousaibox .toptitle {
width: 490px;
padding-top: 10px;
padding-bottom: 5px;
}
#center_area .shousaibox .toptitle .s_textb {
float: left;
padding-left: 10px;
padding-right: 5px;
line-height: 140%;
width: 305px;
padding-top: 3px;
}
#center_area .shousai_textbox {
        width: 490px;
        padding-top: 10px;
}
.shousai_textbox p {
width: 470px;
text-align: left;
padding-left: 10px;
padding-bottom: 14px;
font-size: 12px;
line-height: 16px;
letter-spacing: 1px;
}
#center_area .shousaibox .title {
border-left-width: 3px;
border-left-style: solid;
border-left-color: #27A2E2;
height: 14px;
padding-left: 3px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #27A2E2;
width: 487px;
margin-bottom: 3px;
font-size: 14px;
padding-top: 2px;
padding-bottom: 2px;
color: #333333;
}

#center_area .shousaibox table{
border-collapse: collapse;
margin-top: 1px;
font-size: 12px;
text-align: left;
}
.shousaibox th {
border: 1px solid #808080;
text-align: left;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 4px;
padding-top: 5px;
font-size: 12px;
background-color: #CCEFFF;
}
.shousaibox td {
border: 1px solid #808080;
text-align: left;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 4px;
padding-top: 5px;
font-size: 12px;
color: #333333;
}
.shousaibox p {
width: 480px;
text-align: right;
padding-top: 10px;
font-size: 12px;
        font-weight: bold;
}

#center_area .glossarybox {
width: 490px;
}
#center_area .glossary {
font-size: 12px;
font-weight: bold;
color: #3366cc;
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 2px;
}
#center_area .glossarybox p {
font-size: 12px;
line-height: 16px;
letter-spacing: 1px;
margin-top: 0px;
margin-bottom: 0px;
}/* CSS Document */