@charset "UTF-8";
/* 基本タグ：全般 */
/* 初期化 */
/* line 3, ../sass/common.scss */
table {
  border-collapse: collapse;
  border: none;
  border-spacing: 0;
}

/* line 9, ../sass/common.scss */
th, td {
  vertical-align: top;
  border: none;
  font-weight: normal;
  text-align: left;
}

/* line 16, ../sass/common.scss */
caption {
  text-align: left;
}

/* line 20, ../sass/common.scss */
li {
  display: list-item;
  zoom: normal;
}

/* line 25, ../sass/common.scss */
img, a img {
  vertical-align: bottom;
  border: none;
  background: transparent;
}

/* line 31, ../sass/common.scss */
object, embed {
  vertical-align: top;
}

/* line 35, ../sass/common.scss */
fieldset {
  border: none;
}

/* line 39, ../sass/common.scss */
input, textarea {
  font-size: 1em;
  font-family: Osaka, ＭＳＰゴシック;
}

/* line 44, ../sass/common.scss */
input.text,
input.image_file {
  padding: 2px 1px 4px 1px;
}

/* line 49, ../sass/common.scss */
em, address, dfn {
  font-style: normal;
}

/* line 53, ../sass/common.scss */
ul ul, ul dl, dl ul, table p, table ul, table table {
  font-size: 1em;
}

/* line 57, ../sass/common.scss */
form#create {
  margin: 0 !important;
}

/* 基本 */
/* line 62, ../sass/common.scss */
a:hover {
  text-decoration: none;
}

/* フッター */
/* line 67, ../sass/common.scss */
#footer {
  background: url(/images/common/line_gray.gif) repeat-x;
  magin: 10px 0;
  padding: 10px 0;
  width: 760px;
}

/* line 74, ../sass/common.scss */
#footer ul {
  margin: 10px 0 5px 0;
  text-align: center;
}

/* line 79, ../sass/common.scss */
#footer #copyright {
  width: 760px;
  text-align: center;
}

/* line 84, ../sass/common.scss */
#footer li {
  display: inline;
}

/* line 88, ../sass/common.scss */
.button {
  margin: 30px;
  text-align: center;
}

/* 共通パーツ：ページナビ */
/* line 94, ../sass/common.scss */
.pages {
  margin: 5px auto 0 auto;
  text-align: center;
  padding-bottom: 1px;
}

/* line 100, ../sass/common.scss */
.pages p {
  margin-right: 20px;
  font-size: 90%;
  display: inline;
}

/* line 106, ../sass/common.scss */
span.page_prev {
  padding-left: 13px;
  background: url(/images/icon/arrow04.gif) no-repeat 0 center;
}

/* line 111, ../sass/common.scss */
span.page_next {
  padding-right: 13px;
  background: url(/images/icon/arrow00.gif) no-repeat 0 center;
  background-position: right;
}

/* line 117, ../sass/common.scss */
span.page_num {
  margin: 0 5px 0 5px;
}

/* line 121, ../sass/common.scss */
span.page_num a,
span.page_num span {
  margin-right: 1px;
  padding: 2px 6px 4px 6px;
  border: solid 1px #cccccc;
}

/* line 128, ../sass/common.scss */
span.page_num span {
  border: solid 1px #FFF;
}

/* line 132, ../sass/common.scss */
span.page_num a:hover {
  background-color: #fff7af;
  border: 1px solid #ffe400;
}

/* line 139, ../sass/common.scss */
#alert {
  border: 1px solid #ccc;
  font-size: 80%;
  margin: 0 0 30px 0;
}

/* line 145, ../sass/common.scss */
#alert_msg {
  background: url(/images/home/alert.gif) #FAFAFA 8px 10px no-repeat;
  border-bottom: 1px solid #ccc;
  color: #FF0000;
  padding: 10px 10px 10px 30px;
}

/* line 152, ../sass/common.scss */
#alert ul {
  padding: 10px;
}

/* line 156, ../sass/common.scss */
ul.alert {
  border: 1px solid #ccc;
  background-color: #fafafa;
  padding: 10px;
  font-size: 80%;
  margin: 8px 0 8px 0;
}

/* line 164, ../sass/common.scss */
ul.alert span {
  color: #FF0000;
  font-weight: bold;
}

/* line 169, ../sass/common.scss */
ul.alert_edit {
  border: 2px solid #f60000;
  background-color: #fbe1f3;
  padding: 10px;
  font-size: 80%;
  margin: 8px 0 8px 0;
}

/* line 177, ../sass/common.scss */
ul.alert_comment {
  border: 2px solid rgba(88, 87, 91, 0.85);
  background-color: rgba(222, 199, 215, 0.21);
  padding: 10px;
  font-size: 80%;
  margin: 8px 0 8px 0;
}

/* line 185, ../sass/common.scss */
input.email,
input.kmail,
input.url {
  width: 350px;
}

/* line 191, ../sass/common.scss */
input.btn_link {
  display: block;
  background: url(/images/portal/btn_link.png) 0 0 no-repeat;
  width: 128px;
  height: 29px;
  border: 0;
  margin: auto;
  text-indent: -9999px;
  cursor: pointer;
}

/* line 202, ../sass/common.scss */
input.btn_link:hover {
  background-position: 0 -29px;
}

/* line 206, ../sass/common.scss */
#main .message {
  border: 1px solid #ccc;
  padding: 20px;
  margin-bottom: 20px;
}

/* line 212, ../sass/common.scss */
.message {
  margin: 8px 0;
}

/* 動画再生 */
/* line 217, ../sass/common.scss */
#movie_play {
  text-align: center;
  margin: 16px;
}

/* 写真一覧 */
/* line 4, ../sass/portal.scss */
#photos li {
  width: 88px;
  margin-right: 4px;
  margin-bottom: 8px;
  float: left;
}

/* line 11, ../sass/portal.scss */
#photos li.last {
  margin-right: 0;
}

/* line 15, ../sass/portal.scss */
#photos img {
  /* 暫定 */
  width: 88px;
  height: 88px;
  margin: 0 0 4px 0;
}

/* line 22, ../sass/portal.scss */
#main h2 {
  background-color: #AFD3F7;
  margin: 8px 0 0 0;
  padding: 4px 8px;
  clear: both;
}

/* line 29, ../sass/portal.scss */
#main h2 span {
  color: #333;
  display: block;
}

/* line 34, ../sass/portal.scss */
#main h3 {
  font-weight: normal;
}

/* 更新ユーザー */
/* line 39, ../sass/portal.scss */
#update_users ul {
  margin: 4px 0 0 0;
}

/* line 43, ../sass/portal.scss */
#update_users li {
  float: left;
  margin: 4px 0 0 0;
}

/* line 48, ../sass/portal.scss */
#update_users li.last {
  margin-right: 0;
}

/* line 52, ../sass/portal.scss */
#themes {
  background-color: #f5f5f5;
  padding: 4px;
}

/* line 57, ../sass/portal.scss */
#themes li {
  display: inline;
  margin: 0 10px 4px 0;
}

/* カテゴリ別 */
/* line 63, ../sass/portal.scss */
#categories ul {
  margin: 4px 4px 8px 4px;
}

/* line 67, ../sass/portal.scss */
.category {
  width: 271px;
  height: 310px;
  color: #fff;
  margin: 0 0 8px 0;
  background-color: #FFF;
  /*  border:1px solid #0088FF;*/
}

/* line 76, ../sass/portal.scss */
.category-list {
  float: left;
}

/* line 80, ../sass/portal.scss */
#new h3 {
  float: left;
}

/* line 84, ../sass/portal.scss */
.category_header {
  background-color: #0088FF;
  margin: 1px 1px 0 1px;
}

/* line 89, ../sass/portal.scss */
.category table {
  color: #333;
  background-color: #FFF;
  border-top: 1px solid #007BDF;
  margin: 0 1px 1px 1px;
  clear: both;
}

/* line 97, ../sass/portal.scss */
.category td span {
  display: block;
  margin: 5px;
}

/* line 102, ../sass/portal.scss */
.category .date {
  width: 85px;
}

/* line 106, ../sass/portal.scss */
.category .subject {
  width: 214px;
}

/* line 110, ../sass/portal.scss */
.category h3 {
  float: left;
  margin: 4px 8px;
}

/* line 115, ../sass/portal.scss */
.category img {
  padding: 0 0 4px 0;
}

/* line 122, ../sass/portal.scss */
.category .more {
  float: right;
  margin: 4px;
}

/* line 127, ../sass/portal.scss */
.category .more a {
  background: url(/images/portal/btn_list.gif) 0 0 no-repeat;
  width: 32px;
  height: 15px;
  display: block;
}

/* line 134, ../sass/portal.scss */
#blogs table small {
  color: #888;
}

/* line 138, ../sass/portal.scss */
#blogs table span {
  display: block;
  padding: 4px 2px;
}

/* line 143, ../sass/portal.scss */
#blogs .date {
  width: 95px;
}

/* line 147, ../sass/portal.scss */
#blogs tr {
  border-bottom: 1px dotted #888;
}

/* line 151, ../sass/portal.scss */
#sub h2 {
  padding: 1px 1px 0 1px;
}

/* line 155, ../sass/portal.scss */
#sub h2 span {
  background-color: #DDD;
  padding: 5px;
  display: block;
}

/* line 161, ../sass/portal.scss */
.menu-box {
  background-color: #FDFDFD;
  border: 1px solid #CCC;
  margin-bottom: 8px;
}

/* notice */
/* line 168, ../sass/portal.scss */
ul#notice {
  margin: 4px;
}

/* 使い方 */
/* line 173, ../sass/portal.scss */
.howto-li {
  background: url(/images/common/list_box.gif) 4px 5px no-repeat;
  padding: 0 0 3px 15px;
}

/* line 178, ../sass/portal.scss */
.menu-box ul {
  margin: 8px;
}

/* ランキング */
/* line 183, ../sass/portal.scss */
.menu-box .rank {
  width: 20px;
  text-align: right;
}

/* line 188, ../sass/portal.scss */
.menu-box .name {
  width: 110px;
}

/* line 192, ../sass/portal.scss */
.menu-box .count {
  width: 40px;
  text-align: center;
}

/* line 200, ../sass/portal.scss */
.menu-box td {
  padding: 1px 5px;
}

/* シェアボタン */
/* line 205, ../sass/portal.scss */
.share-button {
  text-align: center;
  margin: 8px 20px 1px;
  padding: 3px;
}

/* line 211, ../sass/portal.scss */
.share-button-list {
  list-style: none;
  padding-bottom: 5px;
}

/* line 216, ../sass/portal.scss */
.share-button-list:first-child {
  list-style: none;
  padding-top: 5px;
  padding-bottom: 5px;
}

/* QRコード表示 */
/* line 223, ../sass/portal.scss */
.qr-code {
  text-align: center;
  margin: 8px 35px;
}

/* line 228, ../sass/portal.scss */
.menu-box .url {
  text-align: center;
  margin: 0 0 8px 0;
}

/* line 233, ../sass/portal.scss */
#search h3 {
  float: left;
  margin-right: 8px;
}

/* line 238, ../sass/portal.scss */
#search {
  margin: 8px 8px 12px 0;
}

/* line 242, ../sass/portal.scss */
#new_user {
  margin: 4px 0;
}

/* line 246, ../sass/portal.scss */
#new_user ul {
  text-align: right;
}

/* line 250, ../sass/portal.scss */
#diaries div.photo,
#reviews div.photo,
#item div.photo,
#items div.photo {
  float: left;
  margin: 8px 8px 0 0;
  width: 128px;
  text-align: center;
}

/* line 260, ../sass/portal.scss */
#diaries .diary,
#item .review,
#items .item {
  clear: both;
  border-bottom: 1px solid #ccc;
  height: 180px;
  position: relative;
}

/* line 269, ../sass/portal.scss */
#reviews .review {
  clear: both;
  height: 180px;
  position: relative;
}

/* line 275, ../sass/portal.scss */
#item div.photo,
#items div.photo {
  width: 180px;
}

/* line 280, ../sass/portal.scss */
#diaries h3 {
  margin: 16px 0 8px 0;
}

/* line 284, ../sass/portal.scss */
#reviews h3,
#item h3,
#items h3 {
  margin: 8px 0 8px 0;
}

/* line 290, ../sass/portal.scss */
#diaries .date,
#items .date {
  position: absolute;
  right: 8px;
  bottom: 16px;
}

/* line 297, ../sass/portal.scss */
#diaries .body,
#reviews .body,
#item .body,
#items .body {
  line-height: 130%;
  color: #666;
}

/* line 305, ../sass/portal.scss */
#diaries .text {
  float: left;
  width: 385px;
}

/* line 310, ../sass/portal.scss */
#diaries .nickname {
  margin-bottom: 10px;
}

/* line 314, ../sass/portal.scss */
#item .text,
#items .text {
  float: right;
  width: 360px;
}

/* line 320, ../sass/portal.scss */
#items .comment {
  background-color: #f4f4f4;
  padding: 15px;
  border: 1px solid #dfdfdf;
}

/* line 326, ../sass/portal.scss */
#reviews #review {
  border-bottom: 1px solid #ccc;
  padding-bottom: 30px;
}

/* line 331, ../sass/portal.scss */
#reviews .review {
  margin-top: 30px;
}

/* line 335, ../sass/portal.scss */
#reviews .rate {
  float: left;
  height: 20px;
  width: 70px;
}

/* line 341, ../sass/portal.scss */
#reviews .review h3 {
  height: 30px;
  width: 554px;
  float: left;
  margin: 0;
  background-color: #f5f5f5;
}

/* line 349, ../sass/portal.scss */
#reviews h3 span.subject {
  float: left;
  width: 400px;
  margin: 4px;
  display: block;
}

/* line 356, ../sass/portal.scss */
#reviews h3 span.date {
  float: right;
  display: block;
  margin: 4px;
  font-weight: normal;
}

/* line 363, ../sass/portal.scss */
#reviews .review .nickname {
  float: left;
  margin-top: 4px;
  margin-right: 4px;
}

/* line 369, ../sass/portal.scss */
#reviews .review .more {
  margin-top: 4px;
  float: left;
}

/* line 374, ../sass/portal.scss */
#reviews .review div.photo {
  clear: both;
  margin-top: 16px;
  width: 42px;
  float: left;
}

/* line 381, ../sass/portal.scss */
#reviews .review .text {
  line-height: 160%;
  color: #666;
  float: right;
  width: 500px;
  margin-top: 12px;
}

/* line 389, ../sass/portal.scss */
#reviews .review .btn {
  position: absolute;
  bottom: 0;
  right: 0;
}

/* line 395, ../sass/portal.scss */
#login table {
  width: 80%;
  font-size: 130%;
  margin: 30px auto;
  border-top: 1px solid #888;
  border-left: 1px solid #888;
  border-right: 1px solid #888;
}

/* line 404, ../sass/portal.scss */
#login table small {
  display: block;
}

/* line 408, ../sass/portal.scss */
#login table td,
#login table th {
  padding: 10px;
  border-bottom: 1px solid #888;
}

/* line 414, ../sass/portal.scss */
#login table th {
  border-right: 1px solid #888;
  background-color: #0088FF;
  color: #FFF;
}

/* line 420, ../sass/portal.scss */
#membership dt {
  font-weight: bold;
  margin: 24px 0;
  border-top: 1px solid #ddd;
  padding: 16px 0 0 0;
}

/* line 427, ../sass/portal.scss */
#membership p,
#privacy p {
  line-height: 140%;
  letter-spacing: 1px;
  margin-bottom: 16px;
}

/* line 434, ../sass/portal.scss */
#membership li,
#privacy li {
  background: url(/images/common/dot.gif) 4px 5px no-repeat;
  padding-left: 20px;
  margin-bottom: 1px;
}

/* line 441, ../sass/portal.scss */
#membership ul,
#privacy ul {
  margin: 20px;
}

/* line 446, ../sass/portal.scss */
#items ul {
  margin-top: 8px;
}

/* line 450, ../sass/portal.scss */
#items li {
  display: inline;
}

/* line 454, ../sass/portal.scss */
form table {
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  width: 100%;
  margin-bottom: 50px;
}

/* line 461, ../sass/portal.scss */
form th,
form td {
  padding: 10px;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
}

/* line 468, ../sass/portal.scss */
form th {
  background-color: #fafafa;
}

/* line 472, ../sass/portal.scss */
form textarea {
  width: 490px;
  padding: 5px;
}

/* line 477, ../sass/portal.scss */
form textarea#text_body {
  width: 340px;
  padding: 5px;
}

/* line 482, ../sass/portal.scss */
.description {
  margin: 20px 0;
}

/* line 486, ../sass/portal.scss */
textarea#membership {
  width: 720px;
  padding: 5px;
  resize: none;
}

/* line 492, ../sass/portal.scss */
#shared h2 {
  border-left: 5px solid #ccc;
  padding-left: 10px;
  margin: 0 0 20px 0;
}

/* line 498, ../sass/portal.scss */
#signup {
  margin-top: 20px;
}

/* line 502, ../sass/portal.scss */
.login_button {
  text-align: center;
}

/* line 506, ../sass/portal.scss */
#item .url a {
  display: block;
  background: url(/images/portal/btn_detail.gif) 0 0 no-repeat;
  width: 80px;
  height: 29px;
  float: right;
}

/* line 514, ../sass/portal.scss */
#item .body {
  width: 300px;
  float: left;
}

/* line 519, ../sass/portal.scss */
#item .text a:hover {
  background-position: 0 -29px;
}

/* line 523, ../sass/portal.scss */
#item .url a span {
  display: none;
}

/* line 527, ../sass/portal.scss */
#item .url input.button {
  background: url(/images/portal/btn_about.gif) 0 0 no-repeat;
  width: 80px;
  height: 29px;
}

/* line 533, ../sass/portal.scss */
#item .text input:hover {
  background-position: 0 -29px;
}

/* line 537, ../sass/portal.scss */
#item .reg_date,
#item .maker,
#item .author {
  margin-top: 3px;
}

/* line 543, ../sass/portal.scss */
p {
  margin: 10px 0;
  line-height: 130%;
}

/* line 548, ../sass/portal.scss */
.review_new {
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  text-align: center;
  padding: 16px 0;
  margin-top: 16px;
}

/* line 556, ../sass/portal.scss */
input.btn_review {
  display: block;
  background: url(/images/portal/btn_review.gif) 0 0 no-repeat;
  width: 140px;
  height: 29px;
  border: 0;
  text-indent: -9999px;
  cursor: pointer;
}

/* line 566, ../sass/portal.scss */
input.btn_review:hover {
  background-position: 0 -29px;
}

/* line 570, ../sass/portal.scss */
#theme_blogs .divisible {
  float: right;
}

/* line 574, ../sass/portal.scss */
#shared dl {
  background-color: #fdfdfd;
  padding: 8px;
}

/* line 579, ../sass/portal.scss */
#shared dl dl {
  margin: 16px;
}

/* line 583, ../sass/portal.scss */
#shared dt {
  font-weight: bold;
}

/* line 587, ../sass/portal.scss */
#shared dd {
  margin-bottom: 16px;
}

/* ログイン */
/* line 592, ../sass/portal.scss */
#login {
  background-color: #F9F9F9;
  border: 1px solid #CCC;
  padding: 10px;
  margin: 0 0 8px 0;
}

/* line 599, ../sass/portal.scss */
#login dd input {
  width: 138px;
  margin: 0 0 8px 0;
  padding: 2px 1px 4px 1px;
}

/* line 605, ../sass/portal.scss */
#login .mypage a {
  float: left;
}

/* line 609, ../sass/portal.scss */
#login a {
  display: block;
}

/* line 613, ../sass/portal.scss */
#login strong {
  display: block;
  float: right;
  margin-left: 5px;
  width: 100px;
}

/* line 620, ../sass/portal.scss */
#login ul {
  margin-top: 10px;
}

/* line 624, ../sass/portal.scss */
#login li {
  background: url(/images/common/dot.gif) 2px 8px no-repeat;
  padding-left: 10px;
}

/* line 629, ../sass/portal.scss */
#login .submit {
  text-align: center;
  margin: 8px;
}

/* line 634, ../sass/portal.scss */
#login .link {
  text-align: right;
  margin-top: 10px;
}

/* line 639, ../sass/portal.scss */
#login td {
  background-color: #FFF;
}

/* line 643, ../sass/portal.scss */
#login .submit {
  margin: 8px 0;
}

/* テキストページ */
/* line 648, ../sass/portal.scss */
#diarynote h3,
#privacy h3 {
  border-bottom: 1px solid #0088FF;
  color: #0088FF;
  margin: 16px 0;
}

/* line 655, ../sass/portal.scss */
#diarynote dt,
#privacy dt {
  font-weight: bold;
  margin-bottom: 8px;
}

/* line 661, ../sass/portal.scss */
#diarynote dd,
#privacy dd {
  margin-bottom: 32px;
  line-height: 150%;
}

/* line 667, ../sass/portal.scss */
.margin-bottom-20 {
  margin-bottom: 20px;
}

/* line 671, ../sass/portal.scss */
.margin-top-5 {
  margin-top: 5px;
}

/* 日記一覧ページ */
/* line 676, ../sass/portal.scss */
.list-li-title {
  font-size: 1.1em;
  margin-top: 4px;
}

/* line 680, ../sass/portal.scss */
.list-li-summary {
  margin-left: 5px;
  font-size: 0.7em;
  width: 560px;
}

/* 一覧表示 */
/* line 687, ../sass/portal.scss */
#photos {
  margin-top: 10px;
}

/* line 690, ../sass/portal.scss */
.twitter-widget {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
}

/* line 695, ../sass/portal.scss */
.continue-watching {
  text-align: center;
  margin-top: 7px;
}

/* line 699, ../sass/portal.scss */
.body_1-small {
  font-size: 10px;
  color: gray;
}

/* line 703, ../sass/portal.scss */
.new-diary-list-user-photo {
  left: 0px;
  width: 64px;
  height: 64px;
  margin-top: 5px;
}

/* line 709, ../sass/portal.scss */
.diary-title {
  font-size: 15px;
  text-decoration: none;
  font-weight: bold;
}

/* line 714, ../sass/portal.scss */
.diary-title:hover {
  text-decoration: underline;
}

/* line 717, ../sass/portal.scss */
.padding-left-70 {
  padding-left: 70px;
}

/* line 720, ../sass/portal.scss */
.padding-right-135 {
  padding-right: 135px;
}

/* line 723, ../sass/portal.scss */
.user_subject {
  line-height: 1.7;
  margin-bottom: 0;
  color: #3d3f44;
  font-weight: bold;
}

/* line 729, ../sass/portal.scss */
.body_1 {
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 3px;
  word-break: break-all;
  word-wrap: break-word;
}

/* line 736, ../sass/portal.scss */
.non-decoration {
  text-decoration: none;
}

/* line 739, ../sass/portal.scss */
.non-decoration:hover {
  text-decoration: underline;
}

/* line 742, ../sass/portal.scss */
.margin-top-5 {
  margin-top: 5px;
}

/* line 745, ../sass/portal.scss */
.blog_image {
  width: 128px;
  height: 110px;
  overflow: hidden;
}