/******************************************************************************/
/*                                                                            */
/*  <スタイルシート名> ：商品用スタイルシート定義(CLASS)                      */
/*                                                                            */
/*  <機能概要>         ：HTMLページスタイルを共通化する                       */
/*                                                                            */
/*                                                                            */
/******************************************************************************/
/*--id------------------------------------------------------------------------*/
div#sub-main {           /* 商品紹介ページのメインコンテンツ */
width                  : 600px;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
float                  : left;
background-color       : #ffffff;
}

div#sub-menu {           /* 商品紹介ページのメニュー */
width                  : 200px;
float                  : left;
background-color       : #ffffff;
}

div#sub-swf {            /* sub-swf */
width                  : 598px;
height                 : 150px;
margin                 : 0px;
padding                : 0px;
}
/*--div-----------------------------------------------------------------------*/
div.midashi-half-bmess {
width                  : 580px;
margin                 : 5px 0px 0px 0px;
padding                : 5px 0px 4px 0px;
text-align             : left;
border-top             : solid 1px #cccccc;
border-bottom          : solid 1px #cccccc;
float                  : left;
}
div.midashi-half-bmess span{
margin                 : 0px 0px 0px 0px;
padding                : 0px 5px 0px 5px;
float                  : left;
}

div.syohin-sentaku {
width                  : 190px;
text-align             : left;
margin                 : 10px 0px 0px 0px;
padding                : 5px 0px 3px 0px;
border-right	       : solid 1px #cccccc;
background-image       : url("/img/syou-midashi-bg-b.gif");
float                  : left;
}
div.syohin-sentaku h3{
margin                 : 0px 0px 0px 12px;
}
div.syohin-sentaku h4{
margin                 : 0px 0px 0px 12px;
}

div.page-top-s {
width                  : 575px;
text-align             : right;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
float                  : left;
}

div.sestumei{
margin                 : 25px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
float                  : left;
}

div.komidashi{
width                  : 580px;
margin                 : 20px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
background-image       : url("/img/komidashi-bg.gif");
background-repeat      : no-repeat;
background-position    : 6px 0px;
border-bottom          : solid 1px #999999;
float                  : left;
}
div.komidashi h5{
margin                 : 3px 0px 1px 12px;
padding                : 0px 0px 0px 0px;
}

div.naiyou{
width                  : 580px;
line-height            : 130%;
margin                 : 5px 0px 0px 0px;
padding                : 0px 0px 0px 5px;
float                  : left;
}
div.naiyou div{
width                  : 410px;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
float                  : left;
}
div.naiyou img{
margin                 : 0px 0px 0px 5px;
padding                : 0px 0px 0px 0px;
border                 : solid 1px #FF7E00;
float                  : left;
}

div.naiyou-cyan{
width                  : 580px;
line-height            : 130%;
margin                 : 5px 0px 0px 0px;
padding                : 0px 0px 0px 5px;
float                  : left;
}
div.naiyou-cyan div{
width                  : 360px;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
float                  : left;
}
div.naiyou-cyan img{
margin                 : 0px 0px 0px 5px;
padding                : 0px 0px 0px 0px;
border                 : solid 1px #FF7E00;
float                  : left;
}

div#syoumei01 {          /* 証明書01 */
margin                 : 0px;
padding                : 0px;
border-right           : solid 1px #666666;
border-left            : solid 1px #666666;
background-image       : url("/img/jpg/syoumeisyo-big.jpg");
background-repeat      : no-repeat;
}

div#suisen01 {           /* 推薦状01 */
margin                 : 0px;
padding                : 0px;
border-right           : solid 1px #666666;
border-left            : solid 1px #666666;
background-image       : url("/img/jpg/suisen01.jpg");
background-repeat      : no-repeat;
}

div#suisen02 {           /* 推薦状02 */
margin                 : 0px;
padding                : 0px;
border-right           : solid 1px #666666;
border-left            : solid 1px #666666;
background-image       : url("/img/jpg/suisen02.jpg");
background-repeat      : no-repeat;
}

div.baloon {              /* 入力チェック用　sta */
font-size               : 11px;
color                   : #900;
position                : absolute;
padding-left            : 5px;
background              : url("../img/baloon.gif") no-repeat top left;
z-index                 : 1;
}
div.baloon a {
color                   : blue;
text-decoration         : none;
padding                 : 2px;
margin-right            : 2px;
}
div.baloon a:hover {
background-color        : #eef;
}
div.baloon div {          /* 入力チェック用　end */
background              : url("../img/baloon_right.gif") no-repeat top right;
padding                 : 7px 7px 14px 0;
white-space             : nowrap;
}

div.gohutan {
width                  : 565px;
border-bottom          : solid 1px #FF7E00;
margin                 : 0px 0px 5px 0px;
font-weight            : bold;
color                  : #249100;
}
/*--table---------------------------------------------------------------------*/
table.oomidashi-half {
width                  : 580px;
margin                 : 10px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
float                  : left;
}
* html table.oomidashi-half{     /*** ie6以下専用ハック ***/
margin                 : 10px 0px 0px 0px;
}
*:first-child+htm table.oomidashi-half{/*** ie7専用ハック ***/
margin                 : 10px 0px 0px 0px;
}

table.syo-syoukai {
margin                 : 10px 0px 0px 0px;
background-color       : #ffffff;
float                  : left;
}
table.syo-syoukai th{
width                  : 180px;
padding                : 15px 0px 20px 0px;
font-weight            : normal;
text-align             : center;
vertical-align         : top;
background-image       : url("/img/cor-gaiyou-bg.gif");
}
table.syo-syoukai td{
width                  : 400px;
padding                : 13px 0px 10px 0px;
vertical-align         : top;
border-top             : solid 1px #cccccc;
background-color       : #ffffff;
}
table.syo-syoukai h4{
margin                 : 0px 0px 10px 0px;
color                  : #FF3300;
font-size              : 16px;
font-weight            : normal;
}
table.syo-syoukai img{
width                  : 120px;
height                 : 100px;
border                 : 0px;
margin                 : 5px 0px 0px 0px;
}
/*--tr------------------------------------------------------------------------*/

/*--th------------------------------------------------------------------------*/

/*--td------------------------------------------------------------------------*/
td.oomidashi-l {
width                  : 16px;
height                 : 25px;
background-image       : url("/img/big-midashi-g-l.gif");
}

td.oomidashi-half-c {
padding                : 2px 0px 0px 5px;
background-image       : url("/img/big-midashi-c.gif");
}

td.oomidashi-r {
width                  : 16px;
height                 : 25px;
background-image       : url("/img/big-midashi-g-r.gif");
}
/*--input---------------------------------------------------------------------*/

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

/*--select--------------------------------------------------------------------*/
select.slct-syouhin{
width                  : 191px;
float                  : left;
}
/*--other---------------------------------------------------------------------*/
ul.syohin-sentaku {
width                  : 190px;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
float                  : left;
}

li.syohin-sentaku-on{
width                  : 189px;
margin                 : 0px 0px 0px 0px;
padding                : 4px 0px 3px 0px;
border-right           : solid 1px #cccccc;
border-left            : solid 1px #cccccc;
border-bottom          : solid 1px #cccccc;
background-image       : url("/img/sub-menu-on.gif");
background-repeat      : no-repeat;
}
li.syohin-sentaku-on a{
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 20px;
}

li.syohin-sentaku-off{
width                  : 189px;
margin                 : 0px 0px 0px 0px;
padding                : 4px 0px 3px 0px;
border-right           : solid 1px #cccccc;
border-left            : solid 1px #cccccc;
border-bottom          : solid 1px #cccccc;
background-image       : url("/img/sub-menu-off.gif");
background-repeat      : no-repeat;
}
li.syohin-sentaku-off a{
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 20px;
}