@charset "UTF-8";
/* ---------------------------------------------------------------------------
  ブログライク for MT5 Ver. 0.07

  スタイルシート TOPページ

  Copyright (C) Landmarx Co.,Ltd. All Rights Reserved.
--------------------------------------------------------------------------- */
@import "layout.css";
@import "common.css";

/* ---------------------------------------------------------------------------
    topimg
--------------------------------------------------------------------------- */
#topimg {
  height: 246px;
  margin: 0px auto;
  background: url('../images/topimg.jpg') center top no-repeat;
}
#topimg_bg {
  width: 100%;
  margin: 0px;
  background: url("../images/contents_bg.gif") center top repeat-y;
}

#topimg p {
  height: 0px;
  text-indent: -9999px;
  float: left;
}

* html #topimg p {
  display: none; /* IE6 only */
}

/* ------------------------------------------------------------------------ */
#header_contents {
}

/*
#header_contents .header_contents_banner li {
  float: left;
  height: 225px;
/ *
  margin: 0px;
* /
  padding: 0px;
  text-indent: -9999px;
}
#header_contents .header_contents_banner li a {
  height: 225px;
  display: block;
}

#header_contents_banner_01, #header_contents_banner_01 a { width: 267px; }
#header_contents_banner_02, #header_contents_banner_02 a { width: 325px; }
#header_contents_banner_03, #header_contents_banner_03 a { width: 175px; }
#header_contents_banner_04, #header_contents_banner_04 a { width: 175px; }

#header_contents_banner_01 { }
#header_contents_banner_02 { margin-left: 6px; }
#header_contents_banner_03 { margin-left: 6px; }
#header_contents_banner_04 { margin-left: 6px; }
*/

/* ------------------------------------------------------------------------ */
#header_contents #header_contents_info {
  float: right;
  width: 247px;
  height: 249px;
  background: url('../images/header_contents_info.gif') right top no-repeat;
}

#header_contents #header_contents_info .info_title {
  font-size: 85%;
  color: #319416;
  margin: 45px 15px 5px 15px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  white-space: nowrap;
  overflow: hide;
}

#header_contents #header_contents_info .info_title a {
  font-weight: bold;
  color: #319416;
}

#header_contents #header_contents_info .info_photo {
  height: 48px;
  float: left;
  padding: 2px;
  border: 1px solid #888;
  margin-right: 5px;
  margin-left: 10px;
}

#header_contents #header_contents_info .info_photo img {
  height: 48px;
}

#header_contents #header_contents_info .info_excerpt {
  font-size: 75%;
  height: 140px;
  margin: 0px 10px 3px 10px;
  padding: 0px 0px 0px 10px;
  text-align: left;
}
* html #header_contents #header_contents_info .info_excerpt {
  font-size: 70%; /* IE6 only */
  line-height: 100%; /* IE6 only */
}

#header_contents #header_contents_info .info_link {
  height: 30px;
  margin: 0px 15px 0px 87px;
/*
  text-indent: -9999px;
*/
}

#header_contents #header_contents_info .info_link a {
  height: 30px;
  display: block;
}

/*
#header_contents #seminar_on  { background: url('../images/seminar_on.jpg')  center center no-repeat; }
#header_contents #seminar_off { background: url('../images/seminar_off.jpg') center center no-repeat; }
*/

/* ------------------------------------------------------------------------ */
#sitemap #topimg,
#news #topimg,
#error #topimg {
}

#sitemap #topimg_bg,
#news #topimg_bg,
#error #topimg_bg {
  display: none
}

#contact #topimg {
  height: 145px;
  background: url('../images/titleimg_contact.jpg') top center no-repeat;
}

#sitemap #contents h2 {
  font-size: 120%;
  margin: 10px 0px 10px 10px;
/*
  height: 30px;
  background: url('../images/contents_title.gif') left top no-repeat;
  margin: 15px 0px 20px 0px;
  padding: 5px 0px 10px 20px;
  font-size: 120%;
  color: #333;
  font-weight: bold;
*/
}

#sitemap #contents {
  color: #888;
  font-weight: normal;
}

#sitemap #contents a {
  color: #333;
  font-weight: bold;
}

#sitemap #contents ul {
  margin: 0px;
  padding: 0px;
}

#sitemap #contents ul li {
  font-size: 110%;
  margin: 0px;
  padding: 0px;
}

#sitemap #contents ul li ul {
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 0px 20px;
}

#sitemap #contents ul li ul li {
  font-size: 85%;
  margin: 0px;
  padding: 0px;
}

#sitemap #contents .category {
/*
  background: url('../images/contents_sub_title_h2.gif') left top no-repeat;
*/
  padding: 0px 0px 5px 14px; 
  margin: 10px 0px;
}

#sitemap #contents .entry {
/*
  background: url('../images/contents_sub_title_listmark.gif') left center no-repeat;
  padding-left: 15px; 
*/
  margin: 0px;
  padding: 0px;
}

#sitemap #topimg { background: url('../images/titleimg_sitemap.jpg') top center no-repeat; }
#news    #topimg { background: url('../images/titleimg_news.jpg')    top center no-repeat; }

/* ---------------------------------------------------------------------------
    main contents
--------------------------------------------------------------------------- */
#contents {
}

#contents .contents_banner {
  margin: 0px auto 20px auto;
}

#contents .contents_banner p {
  height: 0px;
}

#contents .contents_banner ul,
#contents .contents_banner ul li {
  margin: 0px;
  padding: 0px;
}

#contents .contents_banner .contents_banner_description {
  text-indent: 0px;
  width: 490px;
  margin: 0px auto 25px auto;
}

#contents #contents_banner_01 {
  width: 574px;
  height: 248px;
  margin: 0px;
  padding: 0px;
}
#contents #contents_banner_01 h3 {
  text-indent: -9999px;
  display: none;
}

#contents #contents_banner_02 .contents_banner_title {
  background: url('../images/contents_title_works.gif') left center no-repeat;
  height: 26px;
  text-indent: -9999px;
}

#contents #contents_banner_02 h3,
#contents #contents_banner_03 h3,
#contents #contents_banner_04 h3,
#contents #contents_banner_05 h3 {
  font-size: 150%;
  color: #333;
  margin: 10px 0px 0px 10px;
}

#contents #contents_banner_02 p,
#contents #contents_banner_03 p,
#contents #contents_banner_04 p,
#contents #contents_banner_05 p,
#contents #contents_banner_06 p,
#contents #contents_banner_07 p {
  height: auto;
  margin: 0px 0px 10px 10px;
}

#contents #contents_banner_02 ul,
#contents #contents_banner_03 ul,
#contents #contents_banner_04 ul,
#contents #contents_banner_05 ul,
#contents #contents_banner_07 ul {
  margin: 0px 0px 0px 10px;
}

#contents #contents_banner_02 ul li,
#contents #contents_banner_03 ul li,
#contents #contents_banner_04 ul li,
#contents #contents_banner_05 ul li,
#contents #contents_banner_07 ul li {
  float: left;
  margin-right: 10px;
}
#contents #contents_banner_02 .link,
#contents #contents_banner_03 .link,
#contents #contents_banner_04 .link,
#contents #contents_banner_05 .link {
  text-align: right;
  margin: 10px 10px 10px 10px;
  background: url('../images/contents_link.gif') 84% center no-repeat;
}

#contents #contents_banner_03 .contents_banner_title {
  background: url('../images/contents_title_workflow.gif') left center no-repeat;
  height: 26px;
  text-indent: -9999px;
}
#contents #contents_banner_04 .contents_banner_title {
  background: url('../images/contents_title_staff.gif') left center no-repeat;
  height: 26px;
  text-indent: -9999px;
}

#contents #contents_banner_04 h4 {
  background: url('../images/contents_title_staffblog.gif') left center no-repeat;
  margin: 10px 10px 10px 10px;
  text-indent: -9999px;
}
#contents #contents_banner_04 h4 a {
  width: 573px;
  height: 21px;
  display: block;
}


#contents #contents_banner_04 dl,
#contents #contents_banner_05 dl {
  width: 525px;
  padding: 3px 0px 3px 10px;
  margin: 0px 10px 5px 10px;
  border-bottom: 1px solid #db85a8;
}

#contents #contents_banner_04 dl dt,
#contents #contents_banner_05 dl dt {
  padding: 0px 0px 0px 10px;
  font-weight: normal;
  float: left;
  font-size: 95%;
  width: 70px;
  text-align: right;
}

#contents #contents_banner_04 dl dd,
#contents #contents_banner_05 dl dd {
  font-size: 95%;
  float: left;
  margin: 0px 0px 0px 10px;
  width: 435px;
}

#contents #contents_banner_05 .contents_banner_title {
  background: url('../images/contents_title_news.gif') left center no-repeat;
  height: 26px;
  text-indent: -9999px;
}

#contents #contents_banner_06 {
  margin-bottom: 20px;
}

#contents #contents_banner_07 ul {
  width: 573px;
}

/* ------------------------------------------------------------------------ */
/*
#contents #greeting {
  background: url('../images/greeting.gif') left top no-repeat;
  width: 636px;
  height: 160px; 
  padding: 70px 45px 65px 45px; 
  margin-bottom: 20px;
  font-size: 80%;
  font-family: 'ＭＳ Ｐ明朝','MS PMincho','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro',serif;
}
*/
/* ------------------------------------------------------------------------ */
/*
#contents #infomation {
  background: url('../images/infomation.gif') left top no-repeat;
  width: 175px;
  height: 204px;
  padding: 45px 15px 15px 15px;
  font-size: 80%;
  line-height: 125%;
  float: left;
}
*/

/* ------------------------------------------------------------------------ */
#contents #news_release {
  width: 490px;
  margin: 0px auto 15px auto;
}

#contents #news_release h2 {
  height: 30px;
  background: url('../images/news_release.gif') left center no-repeat;
  padding: 0px;
  margin: 0px 0px 10px 0px;
  text-indent: -9999px;
}

#contents #news_release h2 a {
  height: 30px;
  display: block;
}

#contents #news_release dl {
  padding: 3px 0px 3px 10px;
  margin: 0px 0px 5px 0px;
  border-bottom: 1px solid #db85a8;
/*
  background: url('../images/news_release_listmark.gif') left center no-repeat;
  border-bottom: 1px dotted #ccc;
*/
}

#contents #news_release dl dt {
  padding: 0px 0px 0px 0px;
  font-weight: normal;
  float: left;
  font-size: 95%;
}

#contents #news_release dl dd {
  width: 360px;
  margin: 0px 0px 0px 10px;
  float: left;
  font-size: 95%;
}

#contents #news_release a {
  font-weight: normal;
/*
  color: #006699;
*/
}

/* ------------------------------------------------------------------------ */
/*
#contents #news_release_view {
  height: 240px;
  margin: 10px 0px 20px 0px;
}

#contents #news_release_view .news_release {
  width: 360px;
  float: left;
  margin: 0px 5px 0px 0px;
}

#contents #news_release_view h2 {
  width: 360px;
  height: 24px;
  padding: 0px;
  margin-bottom: 10px;
  text-indent: -9999px;
}

#contents #news_release_view h2 a {
  width: 360px;
  height: 24px;
  display: block;
}

#contents #news_release_view dl {
  padding: 0px 0px 5px 0px;
  margin: 0px 0px 5px 0px;
}

#contents #news_release_view dl dt {
  padding: 0px 0px 0px 5px;
  font-weight: normal;
  float: left;
  font-size: 65%;
}

#contents #news_release_view dl dd {
  font-size: 75%;
  float: left;
  margin: 0px 0px 0px 10px;
  width: 75%;
}

#contents #news_release_view a {
  font-weight: normal;
}

#contents #news_release_view .blog_name {
  font-size: 80%;
  font-style: italic;
}

#contents #news_release_view .blog_name a {
  color: #666;
}

#contents #news_release_site h2 { background: url('../images/news_release_site.gif') left top no-repeat; }
#contents #news_release_blog h2 { background: url('../images/news_release_blog.gif') left top no-repeat; }
/

/* ------------------------------------------------------------------------ */
#contents .contents_view_01 {
  width: 490px;
  margin: 15px auto;
  padding: 0px;
}

#contents .contents_view_01 h2 {
  background: url('../images/contents_view_01_title.gif') left top no-repeat; 
  width: 490px;
  height: 24px;
  margin: 0px auto 15px auto;
  padding: 0px;
  text-indent: -9999px;
}

#contents .contents_view_01 h2 a {
  width: 490px;
  height: 24px;
  display: block;
}

#contents .contents_view_01 .entry_body {
  float: left;
  width: 155px;
  padding-left: 5px;
}

#contents .contents_view_01 .entry_title {
  margin: 0px 0px 10px 0px;
  padding-left: 15px;
  height: 42px;
  background: url('../images/contents_view_01_entry_title.gif') left top no-repeat; 
}

#contents .contents_view_01 .entry_title a {
  color: #333;
  font-weight: bold;
  font-size: 75%;
}

#contents .contents_view_01 .entry_photo {
  padding: 0px;
  margin: 10px auto;
  text-align: center;
  height: 120px;
  width: 155px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

#contents .contents_view_01 .entry_photo img {
  border: 1px solid #888;
}

#contents .contents_view_01 .entry_text {
  height: 70px;
  font-size: 85%;
  margin: 5px;
}

#contents .contents_view_01 .entry_link {
  width: 123px;
  height: 24px;
  margin: 10px auto;
  clear: both;
  text-align: center;
  background: url('../images/contents_view_01_entry_next.gif') right center no-repeat;
  text-indent: -9999px;
}

#contents .contents_view_01 .entry_link a {
  width: 99px;
  height: 22px;
  display: block;
}

/* ------------------------------------------------------------------------ */
#contents .contents_view_02 {
  width: 50%;
  margin: 0px;
  padding: 0px;
  float: left;
}

#contents .contents_view_02 h2 {
  height: 30px;
  margin: 15px 0px;
  padding: 0px;
  text-indent: -9999px;
}
#contents #news_release a:hover {
color: #CC3300;
text-decoration: underline;
}


#contents .contents_view_02 h2 a {
  height: 30px;
  display: block;
}

#contents .contents_view_02_left {
}

#contents .contents_view_02_left h2 {
  background: url('../images/contents_view_left.gif') left top no-repeat;
}

#contents .contents_view_02_right {
  margin-left: 5px;
}

#contents .contents_view_02_right h2 {
  background: url('../images/contents_view_right.gif') left top no-repeat;
}

#contents .contents_view_02 .entry_body {
  width: 350px;
  height: 300px;
  padding: 0px; 
}

#contents .contents_view_02 .entry_title {
  margin: 0px;
  padding: 0px;
  height: 30px;
  line-height: 125%;
}

#contents .contents_view_02 .entry_title a {
  font-weight: bold;
  font-size: 110%;
}

#contents .contents_view_02 .entry_photo_warpper {
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
}

#contents .contents_view_02 .entry_photo {
  padding: 0px;
  margin: 10px auto;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}
#contents .contents_view_02 .entry_photo a {
  display: block;
}

#contents .contents_view_02 .entry_photo img {
  border: 1px solid #888;
  padding: 1px;
}

#contents .contents_view_02 .entry_text {
  margin: 0px;
  font-size: 90%;
}

#contents .contents_view_02 .entry_link {
  height: 20px;
  margin: 10px 0px 10px auto;
  background: url('../images/contents_view_next.gif') right center no-repeat;
  text-indent: -9999px;
}

#contents .contents_view_02 .entry_link a {
  width: 90px;
  height: 20px;
  margin: 10px 0px 10px auto;
  display: block;
}

/* ------------------------------------------------------------------------ */
#contents p.page_title {
  background: url('../images/contents_title.gif') left top no-repeat;
  width: 532px;
  margin: 5px 0px 15px 0px;
  padding: 5px 15px 10px 15px;
  font-size: 150%;
  font-weight: bold;
  color: #fff;
}

#contents div.page_body {
  padding: 0px 20px;
}

#contents div.page_navi {
  text-align: center;
  font-size: 80%;
  margin-top: 20px;
}

/* ------------------------------------------------------------------------ */
/* EOF */