@charset "utf-8";

/* 全体のレイアウト
----------------------------------------------- */
html {
  background: #c4be6d url(http://girls.m-surprise.com/images/bg_repeat.jpg) repeat-x scroll center top;
}
body {
  margin: 0 !important;
  color:#252525;
  background: url(http://girls.m-surprise.com/images/bg_repeat2.png) repeat scroll 0 0;
}

#wrapper {
  background: url(http://girls.m-surprise.com/images/bg01.png) no-repeat scroll center top;
}

#container {
  width: 930px;
  margin: 0 auto;
}
#content {
  position: relative;
  padding-top: 30px;
  background: url(//girls.m-surprise.com/images/bg_inner.png) repeat;
}
#main {
  position: relative;
  width: 560px;
  padding: 0 30px 20px 40px;
}

#main .main-img {
  width: 560px;
  height: 420px;
}

#main-inner article {
  padding: 25px;
  margin: 0 0 25px;
  border: 1px solid #828282;
  background-color: #FFFFFF;
}

#main-inner .pager {
  height: 25px;
  margin: 45px 0 60px;
  color: #FFFFFF;
}

#main-inner .pager a {
  color: #FFFFFF;
}

#main-inner .archiveNav {
  height: 25px;
  margin: 45px 0 60px;
}

#main .to-pagetop {
  position: absolute;
  bottom: -100px;
  right: -5px;
}

#main .message-board-outer {
  margin-bottom: 25px !important;
}

#main .message-board-outer .message-board {
  background-color: transparent;
  border-radius: 0;
  color: #FFF;
  line-height: none;
  margin: 0;
  padding: 0;
}

#main .message-board-outer .message-board a {
  display: block;
  height: 80px;
}

#sidebar {
  width: 260px;
  padding: 0 40px 0 0;
  color: #FFFFFF;
}

#sidebar a {
  color: #FFFFFF;
}

/* サイドバー入れ替え */
body.sidebar-right #main {
  float: left;
}
body.sidebar-right #sidebar {
  float: right;
}
body.sidebar-left #main {
  float: right;
}
body.sidebar-left #sidebar {
  float: left;
}

#sidebar .sidetitlebody .sidetitle {
  width: 260px;
  margin: 0 0 20px !important;
}

#sidebar .sidetitlebody .event-text {
  padding-bottom: 60px;
  text-align: center;
}

#sidebar .sidewrapper {
  padding-bottom: 60px !important;
}

#sidebar .plugin-recent_articles_image .sidetitlebody .sidetitle {
  width: 260px;
  height: 60px;
  margin: 0 0 20px !important;
  text-indent: -9999px;
  background: url(//girls.m-surprise.com/images/saishin_title.png) no-repeat scroll 0px 0px;
}

#sidebar .plugin-categorize .sidetitlebody .sidetitle {
  width: 260px;
  height: 60px;
  text-indent: -9999px;
  background: url(//girls.m-surprise.com/images/blog_title.png) no-repeat scroll 0px 0px;  
}


#sidebar .plugin-categorize .side {
  width: 260px;
  margin: 10px auto 0 !important;
}

#sidebar .sidetitlebody .recruit-img {
  width: 260px;
  height: 382px;
  margin: 0 0 12px;
}

#sidebar .sidetitlebody .link-list {
  margin: 0 0 60px;
  padding: 0;
}

#sidebar .sidetitlebody .link-list li {
  width: 260px;
  margin: 0 0 19px;
  list-style: none;
}

#sidebar .sidetitlebody dt img {
  width: 150px;
  margin: 0 75px;
  display: block;
}

#sidebar .sidetitlebody dt p {
  line-height: 1.4;
  width: 150px;
  margin: 12px auto 28px;
  font-weight: bold;
  text-align: center;
}

#sidebar .sidetitlebody dd {
  line-height: 1.4;
  width: 200px;
  margin: 0 50px 25px;
}

#sidebar .side ul.recent-article-image li {
  padding-bottom: 10px;
}

/* 全体の文字色、リンク色
----------------------------------------------- */
body {
  color: #252525;
  font-size: 14px;
  font-family: 'Hiragino Kaku Gothic Pro', 'MS PGothic', sans-serif;
}
a {
  color: #252525;
  text-decoration: none;
}
a:link {
  color: #252525;
  text-decoration: none;
}
a:visited {
  color: #252525;
}
a:hover {
  text-decoration: underline;
}
a:active {
  color: #252525;
}

/* ブログのヘッダー、タイトル、説明
----------------------------------------------- */

#blog-header-inner {
  position: relative;
  width: 930px;
  height: 210px;
}

#blog-header-inner h1#blog-title {
  margin: 0 !important; 
}

#blog-title {
  width: 930px;
  height: 210px;
}

#blog-title a {
  display: block;
}

#blog-description {
  position: absolute;
  top: -65px;
  left: 82px;
  width: 610px;
  color: #252525;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  margin: 0;
}

#blog-description a {
  color: #FFFFFF;
}

/* かんたんタイトル画像 */
#blog-header.show-image hgroup {
  position: relative;
}
#blog-header.show-image #blog-header-image {
  height: auto;
}
#blog-header.hide-text hgroup,
#blog-header.hide-text #blog-title,
#blog-header.hide-text #blog-title a {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
}
#blog-header.hide-text #blog-header-image {
  margin: 0;
}

#blog-header.hide-text #blog-title a {
  background-color:#fff;
  opacity: 0;
  z-index: 10;
  filter: alpha(opacity = 0);
  -webkit-transition: opacity 0.1s linear;
     -moz-transition: opacity 0.1s linear;
      -ms-transition: opacity 0.1s linear;
       -o-transition: opacity 0.1s linear;
          transition: opacity 0.1s linear;
}
#blog-header.hide-text #blog-title a:hover {
  opacity: 0.15;
}


/* メインカラム

----------------------------------------------- */
/* 記事全体 */

.article {
  padding: 15px 0;
}
.article-inner {
}
.article-header,
.article-body {
}
.article-first-image {
  width: 165px;
  float: left;
}
.article-first-image a {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.article-first-image img{
  width: 165px;
  display: inline;
  margin-right: 15px;
}

.article.first-article {
  border-top: 0;
  padding-top: 2px;
}
.article.top-first-article {
  border-top: 0;
}
.article.last-article {

  border-bottom: 0;
}
.article-box {
  float: right;
  width: 325px;
}
/* 記事ヘッダー、記事タイトル */
.article-header {
  margin-bottom: 5px;
  position: relative;
}
.article-title {
  width: 500px;
  height: 53px;
  margin: 0!important;
  background: #FFF url(//girls.m-surprise.com/images/title_bg.png) no-repeat scroll 0 0;
}
.article-title a {
  color: #252525;
  font-size: 20px;
  line-height: 45px;
  padding-left: 110px;
  font-weight: bold;
}

/* 日付 */
.article-date {
  color: #8c7075;
  font-size: 12px;
}
.top-article-date {
  color: #252525;
  font-size: 12px;
  margin: 6px 5px 0 0;
  display: inline;
  padding-left: 10px;
}
.top-article-footer {
  margin:6px 0 15px 0;
}
.top-article-footer2 {
  margin:6px 0 15px 0;
}

/* 個別記事のみ */
body.page-article .article {
  border: 0;
  margin-bottom: 0;
  padding-top: 0px;
}
body.page-article .article-title {
  max-height: none;
}
body.page-article .article-header,
body.page-article .article-body {
  margin-left: 0;
}
body.page-article .article-header {
  border-bottom: 1px dashed #d2cbcc;
}

/* 記事フッター、カテゴリ、コメント、ソーシャルボタン */
.article-footer {
}
.article-meta {
  padding: 18px 0 30px;
}
.article-social-btn {
  top: 1px;
  position: relative;
}
.article-category dd.article-category1 {
  padding: 0 3px 0 8px;
}
.article-category dd.article-category2 {
  border-left: none;
  float: left;
  line-height: 1;
  margin-top: 4px;
  padding: 0;
}
.article-category dd{
  float: left;
  line-height: 1;
  margin-top: 4px;
  padding: 0;
}
/* 関連記事 */
#main-inner .related-articles {
  margin:4em 0;
  line-height:1.3
}
#main-inner .related-articles h3 {
  width: 560px;
  height: 60px;
  text-indent: -9999px;
  margin: 0 0 10px;
  background: url(//girls.m-surprise.com/images/kanren_title.png) no-repeat scroll center center;
}
#main-inner .related-articles ul {
  list-style: none;
  margin: 0;
  padding-left:0;

}
#main-inner .related-articles ul li {
  line-height: 1.5;
  margin: 0 0 10px 0;
  padding-left: 30px;
}

#main-inner .related-articles ul li a {
  text-decoration: underline;
  color: #FFFFFF;
}

/* 続きを読む */
.article-continue a {
  color:#FFFFFF;
}

/* 共通テーマ */
dl.common-theme{
  background-color: #f6f1f2;
  border-radius: 3px;
  padding: 8px 12px;
}

/* メッセージボード */
.message-board {
  background-color: rgba(236,240,209,0.3);
  border-radius: 6px;
  color: #FFFFFF;
  line-height: 1.6;
  margin-bottom: 26px;
  overflow: hidden;
  padding: 15px;
}
.message-board a{
  color: #5a7f00;
}

/* プライベートモード、コメントにログインが必要な場合のメッセージ */
div.private-mode-announcement,
div.comment-auth-announcement {
  border: 1px solid #f6f1f2;
  background-color: #f6f1f2;
  color: #FFFFFF;
  margin: 2em 0;
  padding: 0;
  border-radius: 6px;
  box-shadow: none;
}

#article-options {
  color: #FFFFFF;
}

.article-body-inner:after, .article-inner:after, .article-meta:after, #container:after, #content:after, article:after, section:after, .cf:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

/* 記事本文
----------------------------------------------- */
.article-body {
  color: #252525;
  font-size: 14px;
  line-height: 1.6;
}
.article-body-inner h1,
.article-body-inner h2,
.article-body-inner h3 {
  border-bottom:3px solid #d2cbcc;
}
.article-body-inner h4 {
  border-bottom:1px solid #ccc;
}
.article-body-inner blockquote {
  background-color: #f6f1f2;
  color: #FFFFFF;
  border-radius: 6px;
}
.article-body-inner blockquote:before {
  color: #d2cbcc;
}
.article-body-inner img.pict{
  border: 5px solid #fff;
  box-shadow: 0px 3px 8px rgba(51, 51, 51, 0.2);
  height: auto;
  margin: 1em 6px 1.5em!important;
  max-width: 96%;
}

.top-category {
  float: right;
  font-size: 12px;
  display: inline;
  color: #252525;
  padding-right: 18px;
}

/* コメント・トラックバック一覧
----------------------------------------------- */
.comment-date,
.ping-blog-name,
.ping-date {
  border-left: 1px solid #d2cbcc;
  color: #8C7075;
}
.comment-body {
  margin-left: 16px;
  color: #FFFFFF;
}
.ping-excerpt {
  color: #FFFFFF;
  margin-left: 16px;
}
#comment-form dt {

  color: #FFFFFF;
}

/* ページ送り
----------------------------------------------- */
/* トップページ */
ul.index-navigator li a,
ul.index-navigator li.current span {
  color: #FFFFFF;
}
ul.index-navigator li.current span {
  color: #FFFFFF;
  padding: 3px;
}
ul.index-navigator li a {
    font-weight: normal;
    margin: 0 6px;
    padding: 3px;
    text-decoration: underline;
}

ul.index-navigator .paging-prev {
  color: #FFFFFF;
  margin-right: 6px;
  padding: 3px 5px;
  width: 60px;
  height: 30px;
  text-decoration: underline;
}

ul.index-navigator .paging-next {
  color: #FFFFFF;
  margin-left: 6px;
  padding: 3px 5px;
  width: 60px;
  height: 30px;
  text-decoration: underline;
}

ul.index-navigator .paging-prev a {
  color: #FFFFFF;
  margin: 0;
  padding: 0;
  text-decoration: underline;
}

ul.index-navigator .paging-next a {
  color: #FFFFFF;
  margin: 0;
  padding: 0;
}

/* 記事ページ、月別アーカイブページ */
ul.article-pager li a,
ul.archives-pager li a {
  color: #FFFFFF;
  line-height: 1.5;
  margin: 0 0 6px;
  text-decoration: underline;
}

.article-pager-type2 ul.article-pager li.prev {
  float: left;
  text-align: right;
  width: 259px;
  padding-right: 20px; 
}

.article-pager-type2 ul.article-pager li.next {
  float: right;
  text-align: left;
  width: 259px;
  padding-left: 20px; 
}

ul.archives-pager li a,
ul.archives-pager li a {
  color: #FFFFFF;
  line-height: 1.5;
  margin: 0 0 6px;
  text-decoration: underline;
}

.archives-pager-type2 ul.archives-pager li.prev {
  float: left;
  text-align: right;
  width: 259px;
  padding-right: 20px;
}

.archives-pager-type2 ul.archives-pager li.next {
  float: right;
  text-align: left;
  width: 259px;
  padding-left: 20px;
}


/* ブログのフッター
----------------------------------------------- */
#blog-footer {
  color:#FFFFFF;
  padding: 10px 0 10px;
  text-align: center;
}
#blog-footer a {
  color:#FFFFFF;
}


/* ブログパーツ
----------------------------------------------- */
/* 共通 */
.sidewrapper:first-child {
  padding-top: 0;
}
.sidewrapper {
  font-size: 13px;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.sidewrapper .sidetitle {
  width: 560px;
  height: 56px;
  margin: 20px 0 0 !important;
  text-indent: -9999px;
  background: url(//girls.m-surprise.com/marine_images/qr_title.png) no-repeat scroll center center;
}

.sidewrapper .sidetitle a {
  color:#FFFFFF;
}
.sidewrapper .side .sidebody {
  line-height: 1.5;
  width: 260px;
  margin: 0 auto 10px;
}

.sidewrapper .side .sidebody a {
  text-decoration: underline;
}
.sidewrapper .side .sidebody:last-child {
  border-bottom: 0;
}
.sidewrapper .side .sidebody.category-child {
  background: none;
  line-height: 1.5;
  margin: 0 0 10px 0;
  padding-left: 33px;
}

/* カレンダー */
.calendarhead {
  font-weight: bold;
  text-align: center;
}
table.caltblwk .weekday {
  color: #FFFFFF;
}
table.caltblwk .sun {
  color: #ff5d5d;
}
table.caltblwk .sat {
  color: #578efa;
}
table.caltblday { 
  color: #8c7075;
  border-collapse: separate;
  border-spacing: 1px;
}
table.caltblday .caloff {
  border-radius: 3px;
  padding: 1px 0;
}
table.caltblday .calon {
  background-color: #f0f8d9;
  border: none;
  border-radius: 3px;
  padding: 1px 0;
}
table.caltblday td a {
  color:#6a3c43;
  height: 23px;
  line-height: 23px;
}
table.caltblday td a:hover {
  background-color: #c0d485;
  border-radius: 3px;
}
table.caltblday td a:visited {
  background-color: #c0d485;
  border-radius: 3px;
}

ul.galleryThumbnail li img {
  border-radius: 6px;
  border: none;
  margin: 2px;
}

/* その他のパーツ
----------------------------------------------- */
/* アーカイブヘッダ */
.archives-header {
  color: #FFFFFF;
  margin-bottom: 6px;
  font-size: 12px;
}
.archives-header h1{
  font-weight: bold;
}

/* 記事下広告 */
#ad2 {
  padding: 30px;
}
#ad2 a.addescription {
  color:#666;
}