/******************************************************************************/
/*                                                                            */
/*  <スタイルシート名> ：共通スタイルシート定義(CLASS)                        */
/*                                                                            */
/*  <機能概要>         ：HTMLページスタイルを共通化する                       */
/*                                                                            */
/*                                                                            */
/******************************************************************************/
/*--id------------------------------------------------------------------------*/

/*--div-----------------------------------------------------------------------*/
div.syousai-sestumei{
float:left;
}

div.syousai{
width                      : 700;
padding                    : 7 3 0 5;
float                      : left;
}

div.syousai div{
width                      : 415;
height                     : 120;
font-size                  : x-small;
margin                     : 0 10 0 10;
float                      : left;
}

div.syousai img{
width                      : 120;
height                     : 120;
border                     : solid 1px #FFA022;
float                      : left;
}

div.syousai {            /* ファイヤーフォックス上での固定用 */
content                    : "";
display                    : block;
clear                      : both;
height                     : 130;
overflow                   : hidden;
}

div.kome {
font-size                  : x-small;
color                      : #666666;
margin                     : 0 0 0 3;
}

div.beginner_nai span{
width                      : 485;
float                      : left;
margin                     : 3 5 0 5;
}

div.beginner_nai img{
margin                     : 3 5 0 0;
}

div.beginner_nai:after {    /* ファイヤーフォックス上での固定用 */
content                    : "";
display                    : block;
clear                      : both;
height                     : 1px;
overflow                   : hidden;
}

div.click-img{
content                    : "";
display                    : block;
clear                      : both;
height                     : "";
overflow                   : hidden;
}

div.top-topics{
width                      : 700px;
margin                     : 0px 0px 0px 0px;
padding                    : 0px 0px 0px 0px;
float                      : left;
}
div.top-topics img{
margin                     : 10px 0px 0px 0px;
padding                    : 0px 0px 0px 0px;
border                     : solid 1px #cccccc;
float                      : left;
}
div.top-topics div{
width                      : 265px;
margin                     : 10px 0px 0px 4px;
padding                    : 25px 0px 0px 0px;
background-image           : url(/img/fxonlinjapan-title.jpg);
background-repeat          : no-repeat;
float                      : left;
}
div.top-topics div img{
margin                     : 5px 0px 0px 0px;
padding                    : 0px 0px 0px 0px;
border                     : none;
float                      : left;
}
/*--table---------------------------------------------------------------------*/
table.hyou{
clear                      : both;
margin                     : 5 0 10 0;
background-color           : #999999;
}

table.hyou th{
padding                    : 5 0;
color                      : #ffffff;
border-left                : solid 1px #E9E9E8;
background-image           : url("/img/hyo-bg.gif");
}

table.hyou td{
padding                    : 1;
text-align                 : center;
background-color           : #ffffff;
}

table.hyou_data{
clear                      : both;
margin                     : 5 0 10 0;
background-color           : #999999;
}

table.hyou_data th{
width                      : 120;
padding                    : 5 0;
color                      : #ffffff;
border-left                : solid 1px #E9E9E8;
background-image           : url("/img/hyo-bg.gif");
}

table.hyou_data td{
padding                    : 0 10 0 5;
text-align                 : left;
background-color           : #ffffff;
border-bottom              : dashed 1px #cccccc;
}

table.tyumon-kinou th{
width                      : 150;
padding                    : 2 5 0 0;
text-align                 : left;
border-bottom              : solid 1px #cccccc;
background-image           : url("/img/chumon-bg.gif");
}

table.tyumon-kinou td{
padding                    : 2 0 0 5;
width                      : 530;
border-bottom              : solid 1px #cccccc;
}

table.tyumon-kinou-los{
background-color           : #cccccc;
}

table.tyumon-kinou-los th{
padding                    : 2 0 0 5;
text-align                 : left;
background-image           : url("/img/chumon-bg.gif");
}

table.tyumon-kinou-los td{
padding                    : 2 0 2 5;
width                      : 265;
background-color           : #ffffff;
}

table.sitmap td{
padding                    : 2 30 2 0;
}

table.sitmap_fx td{
padding                    : 2 40 2 0;
}

table.saishinjoho {
margin                     : 0 0 0 5;
}

table.saishinjoho th{
padding                    : 2 0 0 1;
border-bottom              : dashed 1px #999999;
}

table.saishinjoho td{
width                      : 305;
padding                    : 2 0 0 4;
border-bottom              : dashed 1px #999999;
}

table.top-click{
margin                     : 5 0 0 5;
}
/*--tr------------------------------------------------------------------------*/
tr.sub-th td{
background-color           : #FDD37B;
}

tr.img-set img{
margin                     : 2 1 0 1;
}

tr.img-set td{
background-color           : #FDF7AF;
}

tr.tesuryo td{
width                      : 80;
background-color           : #D8EEC1;
}

tr.mobile td{
width                      : 50;
background-color           : #D8EEC1;
border-top                 : solid 1px #E9E9E8;
border-left                : solid 1px #E9E9E8;
}
/*--th------------------------------------------------------------------------*/

/*--td------------------------------------------------------------------------*/
td.kaisestu img{
margin                      : 2 0 2 0;
}

td.bikou{
vertical-align              : top;
text-align                  : left;
}

td.kouza-img img{
margin                      : 2 0 2 0;
}

td.border-bottom{
border-bottom               : solid 1px #999999;
padding                     : 1 0 1 0;
}

td.click-point{
padding                     : 5 0 0 0;
}

td.click-mess{
width                       : 610;
color                       : #209700;
font-size                   : 14px;
font-weight                 : bold;
vertical-align              : bottom;
padding                     : 0 0 2 0;
border-bottom               : solid 1px #209700;
}
/*--input---------------------------------------------------------------------*/

/*--span----------------------------------------------------------------------*/

/*--select--------------------------------------------------------------------*/

/*--other---------------------------------------------------------------------*/
ul.syohin-sentaku {
width                      : 161;
margin                     : 15 0 0 0;
padding                    : 0;
border-right               : solid 1px #cccccc;
background-image           : url("/img/menu-bg.gif");
background-repeat          : no-repeat;
}

ul.syohin-sentaku h3,h4{
padding                    : 4 0 3 5;
text-align                 : left;
font-size                  : x-small;
}

ul.syohin-pr {
width                      : 161;
margin                     : 15 0 0 0;
padding                    : 0;
border-right               : solid 1px #cccccc;
background-image           : url("/img/menu-bg.gif");
background-repeat          : no-repeat;
}

ul.syohin-pr h3,h4{
padding                    : 4 0 3 5;
text-align                 : left;
font-size                  : x-small;
}

ul.syohin-pr li{
width                      : 160;
margin                     : 0;
padding                    : 5 0 2 0;
border                     : solid 1px #cccccc;
list-style                 : none;
font-size                  : x-small;
text-align                 : center;
background-color           : #ffffff;
}

li.syohin-sentaku-on{
width                      : 160;
margin                     : 0;
padding                    : 2 0 2 0;
border-left                : solid 1px #cccccc;
border-bottom              : solid 1px #cccccc;
list-style                 : none;
text-align                 : left;
font-size                  : x-small;
background-image           : url("/img/sub-menu-on.gif");
background-repeat          : no-repeat;
}

li.syohin-sentaku-on a{
margin                     : 0 0 0 20;
}

li.syohin-sentaku-off{
width                      : 160;
margin                     : 0;
padding                    : 2 0 2 0;
border-left                : solid 1px #cccccc;
border-bottom              : solid 1px #cccccc;
list-style                 : none;
text-align                 : left;
font-size                  : x-small;
background-image           : url("/img/sub-menu-off.gif");
background-repeat          : no-repeat;
}

li.syohin-sentaku-off a{
margin                     : 0 0 0 20;
}

select.slct{
width                      : 160;
}

h4.syou-h4{
margin                     : 10 0 0 9;
padding                    : 0;
color                      : #468F35;
border-bottom              : dashed 1px #FFA022;
}

h4.stmap-h4{
width                      : 675;
margin                     : 20 0 0 0;
padding                    : 0;
color                      : #468F35;
border-bottom              : dashed 1px #FFA022;
}

span.syou-naiyou{
width                      : 700;
padding                    : 3 3 0 10;
}

span.syou-naiyou img{
margin                     : 1;
border                     : solid 1px #cccccc;
}

span.nagare{
width                      : 690;
font-weight                : bold;
font-size                  : 14;
color                      : #04AE00;
margin                     : 10 0 7 0;
border-bottom              : dashed 1px #cccccc;
}

img.nagare{
margin                     : 5 20 0 5;
}

img.nagare-yazi{
margin                     : 7 0 0 13;
}