@charset "UTF-8";

/*==========================================================================

layoutSetting

==========================================================================*/
/*-------------------------------------
groumetContentsSetting
-------------------------------------*/
div.groumetContents {
margin: 0 10px;
}

div.groumetMenu {
margin: 0 20px;
}

div.groumetMenu ul {
margin-bottom: .5em;
}

/*-------------------------------------
commonSetting
-------------------------------------*/
.imageRightHalf,
.imageRightSmall,
.imageLeftSmall {
margin-bottom: 20px;
}

.application {
margin-top: 20px;
}

/*-------------------------------------
imageRightHalfSetting
-------------------------------------*/
.imageRightHalf .leftColumn {
width: 250px;
}

.imageRightHalf .rightColumn {
width: 300px;
}

/*-------------------------------------
imageLeftSmallSetting
-------------------------------------*/
.imageLeftSmall .leftColumn {
width: 200px;
}

.imageLeftSmall .rightColumn {
width: 350px;
}

.imageLeftSmall .rightColumn dl {
margin: 10px 0 0 50px;
}

/*-------------------------------------
imageRightSmallSetting
-------------------------------------*/
.imageRightSmall .leftColumn {
width: 350px;
}

.imageRightSmall .rightColumn {
width: 200px;
}

.imageRightSmall .rightColumn dl {
margin: 10px 0 0 50px;
}

/*-------------------------------------
imageTextSetting
-------------------------------------*/
.imageRightHalf dd,
.imageLeftSmall dd {
font-size: .83em;
line-height: 1.2;
}

.imageRightHalf dd {
text-align: center;
}

/*-------------------------------------
applicationSetting
-------------------------------------*/
.application {
margin-bottom: 46px;
}

.application .leftColumn {
width: 540px;
}

.application .rightColumn {
width: 20px;
}

.application .rightColumn p {
margin: 0;
}





/*==========================================================================

titleSetting

==========================================================================*/
div#contents h2 {
height: 112px;
background: url("../images/grm_ttl.gif") no-repeat;
}

div#contents h3,
div#contents h4 {
line-height: 1.5;
}

div#contents h3 {
padding-left: 115px;
height: 120px;
text-indent: 0;
background: url("../images/groumet/bg_grm_ttl.gif") no-repeat;
}

div#contents h4 {
padding: 8px 0 16px 31px;
font-size: 1em;
color: #E4007F;
background: url("../../../common/images/bg_ciao_sub_ttl.gif") no-repeat;
}

div#contents div.groumetContents h4 {
margin-bottom: 8px;
padding: 0 0 6px 0;
font-size: 1.2em;
color: #EA5504;
background: url("../../../common/images/dotlineb_orange.gif") repeat-x left bottom;
}

div#contents div.groumetContents h5 {
color: #EA5504;
}





/*==========================================================================

applicationSetting

==========================================================================*/
/*-------------------------------------
titleSetting
-------------------------------------*/
.application h4 {
background: url("../images/groumet/grm_ttl_application.gif") no-repeat !important;
}


/*-------------------------------------
menuSetting
-------------------------------------*/
.menu {
background: url("../images/groumet/bg_menu_top.gif") no-repeat left top #ffcc99;
}

.menu_b {
  padding: 5px 0 0 0;
background: url("../images/groumet/bg_menu_b_top.gif") no-repeat left top #ffcc99;
}

.menu h5,
.menu_b h5 {
padding: 10px 0 0 20px;
}

.menuList {
padding: 0 10px 10px 10px;
background: url("../images/groumet/bg_menu_btm.gif") no-repeat left bottom #ffcc99;
}

.menuList_b {
padding: 0 10px 10px 10px;
background: url("../images/groumet/bg_menu_b_btm.gif") no-repeat left bottom #ffcc99;
}

.menuList_c {
padding: 0 10px 0 10px;
background: #ffcc99;
}

.leftList {
float:left;
}
.rightList {
float:right;
}

table.menu_table {
  border:none;
}

table.menu_table th {
  border:none;
  font-weight:bold;
}

table.menu_table td {
  border:none;
}

table.plan_table {
width:340px;
border: solid 1px #cccccc;
}

table.plan_table th {
text-align:center;
  font-weight:bold;
}

.red {
color:#FF0000;
}

table#table-01 {
    width: 570px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-01 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#table-01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}


