@charset "shift_jis";

#content ul {
    width: 135px;
    overflow: hidden;

    margin: 0 0 16px;
    padding: 0 0 0 5px;
    list-style: none;
    line-height: 16px;
    }
    #content ul li {
        margin: 0;
        padding: 0;
        line-height: 16px;
/*
        word-break: break-all;
*/
        }
        #content ul li a {
            margin: 0;
            padding: 0;
            line-height: 16px;
            }
        #content ul li ul{
            margin: 0;
            padding: 0 0 0;
            list-style-type: none;
            left: 0;
            }
            #content ul li ul li{
                width: 140px;
                margin: 0 0 0 11px;
                padding: 0 0 0 15px;
                background: transparent url(../images/style/bullet.gif) left top no-repeat;
            }
            #content ul li ul li ul li{
                margin-left: 0;
            }

/*
  top image banner
*/

div.topimagebnr {
    text-align: center;
    margin-bottom: 16px;
}

/*
p.topimagebnr {
    text-align: center;
    margin-bottom: 8px;
    border-top: 1px solid #c0c0c0;
    }
    p.topimagenbr img {
        display: block;
        margin: 0 auto 8px;
    }
*/

#content h2 {
    margin-bottom: 8px;
    padding-left: 0;
    line-height: 16px;
}


/*
  overwrite margins, paddings, spaces
*/

p.topimagebnr {
    margin-bottom: 8px;
}

#content h2 {
    margin-bottom: 0px;
    padding-left: 0;
    line-height: 16px;
}

#content ul {
    margin: 8px 0;
}
#content li {
    margin: 0;
}

body.index p.packimage {
    margin: 0 0 8px;
}
body.index div#pack p,
body.index div#service p {
    margin: 8px 0 8px;
}

li.menutoggle ul {
    display: none;
}
li.menutoggle ul ul{
    display: block;
}

/*
	campaign
*/

div.campaign{
    background-color:#ffa500;
    margin-bottom:6px;
}

div.campaign h2{
    background-image:none;
    background-color:#ffa500;
    border:none;
    padding:0.5em;
}

div.campaign p{
    text-align: center;
    background-color:#ffa500;
    padding:0.5em;
}

/*
 * #content_images
 */
#content-images .column_2 {
  margin-bottom: 2em;
}
#content-images .m169 {
  margin-bottom: 1em !important;
}

ul.titles,
ul.titles2 {
  margin: 2px 0 !important;
  padding: 0 0 0 0 !important;

  font-size: 80%;
}


ul.titles {
  min-height: 3em;
  height: auto !important;
  height: 3em;
}
ul.titles2 {
  min-height: 2em;
  height: auto !important;
  height: 2em;
}

ul.titles li,
ul.titles2 li {
  display: inline;
}

.thumbnail .title {
  margin: 5px 0 0;
  padding: 0;
  text-align: center;
  font-size: 80%;
  font-weight: bold;
}
.thumbnail .title a {
  display: inline;
}
.thumbnail p.imageframe {
  text-align: center;
}
.thumbnail p.imageframe a {
  width: auto;
  height: auto;

  margin: 0 auto 0;
  display: block;
  background: #fff url(../images/style/top_thumbnail.jpg) 50% 0 no-repeat;
  padding: 6px 3px 0;
}
.thumbnail img {
  display: block;
  margin: 0 auto;
  padding: 0;
}

.titles a,
.titles2 a,
.thumbnail a:visited {
  text-decoration: none !important;
}
.titles a:hover,
.titles2 a:hover {
  text-decoration: underline;
}

h4 {
    color: #ffffff;
    margin-bottom: 8px;
    padding: 0 0 0 16px;
    background: #fff url(../images/style/h3bg.gif) left center no-repeat;
    border-bottom: 1px dashed #999;
    line-height: 16px;
    }
    h4 a,
    h4 a:link,
    h4 a:visited,
    h4 a:hover
    {
      /*color: #ffffff;*/
    }

#c-kaisha h4            {  background: transparent url(../images/style/top_h4_bg.gif) 0  -32px no-repeat; color: #cc4214; border-bottom: 1px solid  #cc4214;    }
#c-security h4          {  background: transparent url(../images/style/top_h4_bg.gif) 0  -64px no-repeat; color: #cc4214; border-bottom: 1px solid  #cc4214;    }
#c-humanskill h4        {  background: transparent url(../images/style/top_h4_bg.gif) 0  -96px no-repeat; color: #cc8f14; border-bottom: 1px solid  #cc8f14;    }
#c-businessbasic h4     {  background: transparent url(../images/style/top_h4_bg.gif) 0 -128px no-repeat; color: #cc8f14; border-bottom: 1px solid  #cc8f14;    }
#c-jinzai h4            {  background: transparent url(../images/style/top_h4_bg.gif) 0 -160px no-repeat; color: #cccc14; border-bottom: 1px solid  #cccc14;    }
#c-roudou h4            {  background: transparent url(../images/style/top_h4_bg.gif) 0 -192px no-repeat; color: #cccc14; border-bottom: 1px solid  #cccc14;    }
#c-businesshoumu h4     {  background: transparent url(../images/style/top_h4_bg.gif) 0 -224px no-repeat; color: #8fcc14; border-bottom: 1px solid  #8fcc14;    }
#c-iso h4               {  background: transparent url(../images/style/top_h4_bg.gif) 0 -256px no-repeat; color: #12b347; border-bottom: 1px solid  #12b347;    }
#c-sales h4             {  background: transparent url(../images/style/top_h4_bg.gif) 0 -288px no-repeat; color: #0f9999; border-bottom: 1px solid  #0f9999;    }
#c-csclaim h4           {  background: transparent url(../images/style/top_h4_bg.gif) 0 -320px no-repeat; color: #0f9999; border-bottom: 1px solid  #0f9999;    }
#c-callcenter h4        {  background: transparent url(../images/style/top_h4_bg.gif) 0 -352px no-repeat; color: #0f9999; border-bottom: 1px solid  #0f9999;    }
#c-marketing h4         {  background: transparent url(../images/style/top_h4_bg.gif) 0 -384px no-repeat; color: #148fcc; border-bottom: 1px solid  #148fcc;    }
#c-hanbai h4            {  background: transparent url(../images/style/top_h4_bg.gif) 0 -416px no-repeat; color: #148fcc; border-bottom: 1px solid  #148fcc;    }
#c-planning h4          {  background: transparent url(../images/style/top_h4_bg.gif) 0 -448px no-repeat; color: #148fcc; border-bottom: 1px solid  #148fcc;    }
#c-zaimu h4             {  background: transparent url(../images/style/top_h4_bg.gif) 0 -480px no-repeat; color: #0f5499; border-bottom: 1px solid  #0f5499;    }
#c-keiei h4             {  background: transparent url(../images/style/top_h4_bg.gif) 0 -512px no-repeat; color: #0f5499; border-bottom: 1px solid  #0f5499;    }
#c-boki h4              {  background: transparent url(../images/style/top_h4_bg.gif) 0 -544px no-repeat; color: #0f5499; border-bottom: 1px solid  #0f5499;    }
#c-zaiko h4             {  background: transparent url(../images/style/top_h4_bg.gif) 0 -576px no-repeat; color: #0f5499; border-bottom: 1px solid  #0f5499;    }
#c-kokusaika h4         {  background: transparent url(../images/style/top_h4_bg.gif) 0 -608px no-repeat; color: #990f82; border-bottom: 1px solid  #990f82;    }
#c-etc h4               {  background: transparent url(../images/style/top_h4_bg.gif) 0    0px no-repeat; color: #999999; border-bottom: 1px solid  #999999;    }


#c-kaisha h4 a:link, #c-kaisha h4 a:visited, #c-kaisha h4 a:hover                       { color: #963B1E; }
#c-security h4 a:link, #c-security h4 a:visited, #c-security h4 a:hover                 { color: #963B1E; }
#c-humanskill h4 a:link, #c-humanskill h4 a:visited, #c-humanskill h4 a:hover           { color: #966D1E; }
#c-businessbasic h4 a:link, #c-businessbasic h4 a:visited, #c-businessbasic h4 a:hover  { color: #966D1E; }
#c-jinzai h4 a:link, #c-jinzai h4 a:visited, #c-jinzai h4 a:hover                       { color: #96961E; }
#c-roudou h4 a:link, #c-roudou h4 a:visited, #c-roudou h4 a:hover                       { color: #96961E; }
#c-businesshoumu h4 a:link, #c-businesshoumu a:visited, #c-businesshoumu a:hover        { color: #6D961E; }
#c-iso h4 a:link, #c-iso h4 a:visited, #c-iso h4 a:hover                                { color: #1B823D; }
#c-sales h4 a:link, #c-sales h4 a:visited, #c-sales h4 a:hover                          { color: #176F6F; }
#c-csclaim h4 a:link, #c-csclaim h4 a:visited, #c-csclaim h4 a:hover                    { color: #176F6F; }
#c-callcenter h4 a:link, #c-callcenter h4 a:visited, #c-callcenter h4 a:hover           { color: #176F6F; }
#c-marketing h4 a:link, #c-marketing h4 a:visited, #c-marketing h4 a:hover              { color: #1E6C94; }
#c-hanbai h4 a:link, #c-hanbai h4 a:visited, #c-hanbai h4 a:hover                       { color: #1E6C94; }
#c-planning h4 a:link, #c-planning h4 a:visited, #c-planning h4 a:hover                 { color: #1E6C94; }
#c-zaimu h4 a:link, #c-zaimu h4 a:visited, #c-zaimu h4 a:hover                          { color: #17436F; }
#c-keiei h4 a:link, #c-keiei h4 a:visited, #c-keiei h4 a:hover                          { color: #17436F; }
#c-boki h4 a:link, #c-boki h4 a:visited, #c-boki h4 a:hover                             { color: #17436F; }
#c-zaiko h4 a:link, #c-zaiko h4 a:visited, #c-zaiko h4 a:hover                          { color: #17436F; }
#c-kokusaika h4 a:link, #c-kokusaika h4 a:visited, #c-kokusaika h4 a:hover              { color: #6F1760; }
#c-etc h4 a:link, #c-etc h4 a:visited, #c-etc h4 a:hover                                { color: #666666; }

/*
---------------------------------------------------------
*/
p {
    color: #505050;
}
li {
    color: #505050;
}
a:link {
    color: #505050;
}
a:visited {
    color: #505050;
}
a:hover {
    color: #ff0000;
}
a:active {
    color: #800000;
}



#headnews p {
    margin: 1em 0em 1em 0em;
}

/*
  msghighlight
*/

.msghighlight{
    margin:1em;
    padding:2em;
    background-color:#eee;
    border:1px solid #ccc;
}

div.msghighlight{
    padding-bottom:1em;
}