@charset "utf-8";
/* --------------------------------------------------

Pub Stylesheet

-------------------------------------------------- */

/* 酒場枠内のコンテンツ
------------------------ */
/* 酒場枠 ------- */
#pubArea {
	position: relative;
	width:610px;
	margin: 20px auto 30px;
	background: url(../img/pub/bg_pub_b.jpg) repeat-y 0 0;
}
#pubArea.is-openhouse,
#pubArea.is-mycoord {
	background: url(../img/openhouse/slide/bg_pub_b.jpg) repeat-y 0 0;
}
#pubArea .pubArea_h {
	padding-top: 75px;
	background: url(../img/pub/bg_pub_hf.png) no-repeat 0 0;
}
#pubArea.is-openhouse .pubArea_h {
	background: url(../img/openhouse/slide/bg_pub_hf.jpg) no-repeat 0 0;
}
#pubArea .pubArea_f {
	padding-bottom: 20px;
	background: url(../img/pub/bg_pub_hf.png) no-repeat right bottom;
}
#pubArea.is-openhouse .pubArea_f {
	background: url(../img/openhouse/slide/bg_pub_hf.jpg) no-repeat right bottom;
}
#pubArea h2 {
	width:541px;
	margin: 0 auto 8px;
}
.btn_square {
	position: absolute;
	top: -25px;
	right: 0;
	text-align: right;
}


/* バナー ------- */
.pub_banner {
	width:610px;
	margin: -28px 0 15px;
	text-align: center;
}

/* 新着の投稿画像 ------- */
.newpict {
	width:540px;
	margin: 0 auto 20px;
}

/* 日誌のテーマ一覧 ------- */
.themeBox {
	width: 540px;
	margin: 0 auto 20px;
	background-color:#fbf9ef;
	border:1px solid #b08f57;
}
.themeBox ul {
	padding: 8px;
}
.themeBox li {
	display: inline-block;
	padding: 0 15px 0 0;
	font-size: 1.2em;
	/display: inline;
}
.themeBox li img {
	margin-right: 5px;
	vertical-align: -5px;
}
span.ico_photo {
	margin-left: 8px;
	padding-left: 19px;
	background: url(../img/diary/ico_camera.gif) no-repeat 0 0;
	color: #7d8594;
}

/* 特別枠 ------- */
.layer {
	position: absolute;
	width:200px;
	right:10px;
	bottom: -10px;
	text-align: right;
}

/* 日誌を検索する & プレイヤーイベントを検索する ------- */
/* トップ */
.searchArea_top,
.searchArea_event {
	width: 593px;
	height: 49px;
	margin: 0 auto 20px;
	background: url(../img/pub/bg_search.jpg) no-repeat 0 0;
}
.searchArea_event.is-openhouse {
	background: url(../img/pub/bg_search2.jpg) no-repeat 0 0;
}
.searchArea_top h2,
.searchArea_event h2 {
	float: left;
	width: 135px;
	margin: 14px 0 0 25px;
}
.searchArea_event h2 {
	margin: 5px 0 0 14px;
}
*:first-child+html .searchArea_top h2,
*:first-child+html .searchArea_event h2 {
	margin: 10px 0 0 25px;
}
.searchArea_top .searchBox,
.searchArea_event .searchBox {
	float: right;
	width: 378px;
	margin: 9px 20px 0 0;
}
#contentArea .searchArea_top input.searchword,
#contentArea .searchArea_event input.searchword {
	float: left;
	width: 270px;
	height: 30px;
	margin-right: 7px;
	padding:0 10px 0;
	border: 1px solid #000;
	line-height: 2.4;
	font-size:14px;
}
#contentArea .searchArea_top input.btn_search,
#contentArea .searchArea_event input.btn_search {
	display: block;
	float: left;
	width: 79px;
	height: 32px;
	border: none;
	background: url(../img/common/bg_btn_square.png) no-repeat 0 -453px;
	overflow: hidden;
	text-indent: -9999em;
	white-space: nowrap;
	cursor: pointer;
}
#contentArea .searchArea_event.is-openhouse input.btn_search {
	height: 31px;
	background: url(../img/common/btn_search.png);
}
#contentArea .searchArea_top input.btn_search:hover,
#contentArea .searchArea_event input.btn_search:hover {
	background: url(../img/common/bg_btn_square.png) no-repeat -79px -453px;
}
#contentArea .searchArea_event.is-openhouse input.btn_search:hover {
	background: url(../img/common/btn_search.png) no-repeat 0 bottom;
}
/* カテゴリ */
.searchArea .searchBox {
	float: right;
	width: 216px;
	margin: 0 30px 7px 0;
}
#contentArea .searchArea input.searchword {
	float: left;
	width: 178px;
	height: 21px;
	padding: 0 4px;
	border: 1px solid #000;
	font-size:12px;
	line-height:1.8;
}
#contentArea .searchArea input.btn_search {
	display: block;
	float: left;
	width: 28px;
	height: 23px;
	border: none;
	background: url(../img/pub/btn_search_s.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: -9999em;
	white-space: nowrap;
	cursor: pointer;
}


/* 日誌リスト
------------------------ */
#diarylistArea { clear:both; }
#diarylistArea h2 {
	padding: 10px 0 0 25px;
	color:#FFF;
	font-size: 14px;
}
.newList h2 {
	float: left;
	width: 150px;
	padding: 15px 0 0 25px !important;
	font-size: 16px !important;
}
.diarylistTitle {
	width: 597px;
	height: 69px;
	margin: 0 auto;
	background: url(../img/pub/bg_pub_listtitle_category.jpg);
}
.newList .diarylistTitle {
	height: 57px;
	background: url(../img/pub/bg_pub_listtitle_newlist.jpg);
}
#contentArea .title_diary {
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}


/* ソート ------- */
#diary_list #selectArea {
	position: absolute;
	top: 75px;
	right:7px;
	width:360px;
	font-size: 12px;
}
#selectArea {
	float: right;
	width: 418px;
	padding-top: 2px;
	color:#FFF;
	font-size: 12px;
}
.newList #selectArea {
	padding-top: 19px;
}
#selectArea select {
	padding: 1px;
	border: 1px solid #777;
}
#selectArea .diaryCategory select { width:170px; }
#selectArea .diarySort select { width:120px; }
.diaryCategory {
	float: right;
	width: 238px;
}
.diarySort {
	float: right;
	width: 180px;
}
.btn_ds_edit {
	float: right;
	width: 87px;
}
.notFoundBox_b_s {
	clear: both;
}

/* リスト ------- */
.thread_article {
	position: relative;
	margin-bottom: -1px;
	padding: 3px 0;
	border-bottom: 1px dotted #888;
}
.threadlist{
	clear: both;
	margin:0 auto;
	width:591px;
	border:solid 1px #777;
	background-color:#FFF;
	font-size:1.2em;
}
.threadlist_icon{
	float:left;
	width:85px;
	margin-left: 5px;
	padding: 5px 0 5px 5px;
	line-height: 1.4;
}
.threadlist_icon .img_character {
	margin-bottom: 3px;
	text-align: center;
}
.threadlist_icon .img_character a {
	display: block;
	width: 64px;
	height: 64px;
	margin: 0 auto;
	background-position: top center;
	background-repeat: no-repeat;
	overflow: hidden;text-indent: -9999em;white-space: nowrap;
}
.threadlist_icon .txt_name a {
	display: block;
	padding-left: 8px;
	background: url(../img/common/bg_ico.png) no-repeat 0 -448px;
}
.txt_id {
	color:#6c6c6c;
}
/*テキスト入るとこ*/
.threadlist_txt {
	float:right;
	min-height:80px;
	width:482px;
	padding:5px 10px 5px 0;
}
.txt_comment {
	padding-bottom: 25px;
	line-height: 1.4;
	white-space: -pre-wrap;     /* Opera 4-6 ------- */
	white-space: -o-pre-wrap;   /* Opera 7 ------- */
	white-space: -hp-pre-wrap;  /* HP Printers ------- */
	word-wrap: break-word;      /* IE 5+ ------- */
}
.txt_comment img {
	margin: 0 3px;
}
#contentArea .threadlist_txt a:link {
	color:#0f5f40;
	font-weight: bold;
	line-height: 1.4;
}
#contentArea .threadlist_txt a:visited {
	color:#6d897e;
	font-weight: bold;
	line-height: 1.4;
}
#contentArea .threadlist_txt a:hover {
	color:#198d7b;
	text-decoration:underline;
	font-weight: bold;
	line-height: 1.4;
}
#contentArea .threadlist_txt a:active {
	color:#0f5f40;
	font-weight: bold;
	line-height: 1.4;
}
/* コメント　いいね */
.commentCnt {
	color:#808080;
}
.threadlist_catday{
	margin-bottom: 3px;
	color:#808080;
}
.threadlist .btnArea{
	position: absolute;
	width: 400px;
	right: 10px;
	bottom: 6px;
}
.threadlist .btnArea .commentCnt {
	float: right;
	width: 200px;
	margin-right: 8px;
	text-align: right;
	line-height: 1.4;
}
/* もっとみるボタン */
.btn_ds_moreview {
	float: right;
	width: 77px;
	margin-right: 5px;
}
.btn_ds_moreview a {
	display: block;
	width: 77px;
	height: 16px;
	background: url(../img/diary/bg_btn.png) no-repeat scroll 0 -20px transparent;
	overflow: hidden;
	text-indent: -9999em;
	white-space: nowrap;
}
.btn_ds_moreview a:hover {
	width: 98px;
	background-position: -98px -20px;
}


/*
-------------------------------------------------- */


/* パーツ
------------------------ */
/* 日誌はありません */
.notFoundBox_b_s { margin: 10px auto; }
/* 一覧をみる */
.btn_more { width: 590px; }
.btn_more a { background: url(../img/pub/btn_more.png) no-repeat 0 0; }
.btn_more a:hover { background: url(../img/pub/btn_more.png) no-repeat -100px 0; }


/* フォトギャラリー
-------------------------------------------------- */
/* =Skitter styles
----------------------------------------------- */
/* 全体を囲うボックス */
.box_skitter {
	position:relative;
	width:540px;/* いろんなとこに参照される値 */
	height:285px;/* 全体の高さ */
}
.box_skitter ul {display:none;}
.box_skitter .container_skitter {overflow:hidden;position:relative;}
.box_skitter .image {overflow:hidden;}/* はじめに表示される拡大イメージ */
.box_skitter .image img {display:none;}

.box_skitter .box_clone {position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:20;}
.box_skitter .box_clone img {position:absolute;top:0;left:0;z-index:20;}

/* 写真送り左右ボタン */
.box_skitter .prev_button,
.box_skitter .next_button {position:absolute;top:114px;z-index:99;width:25px;height:50px;overflow:hidden;text-indent:-9999em;background-image: url(../img/pub/sprite-minimalist.png);background-repeat:no-repeat;display: block;}
.box_skitter .prev_button {background-position:0 0;left:-42px;}
.box_skitter .prev_button:hover {background-position:-26px 0;}
.box_skitter .next_button {background-position:0 -50px;right:-42px;}
.box_skitter .next_button:hover {background-position:-26px -50px;}

#pubArea.is-openhouse .box_skitter .prev_button,
#pubArea.is-openhouse .box_skitter .next_button,
#pubArea.is-mycoord .box_skitter .prev_button,
#pubArea.is-mycoord .box_skitter .next_button {
	background-image: url(../img/openhouse/slide/sprite-minimalist.png);
}
#pubArea.is-openhouse .box_skitter .prev_button:hover,
#pubArea.is-mycoord .box_skitter .prev_button:hover {
  background-position: -25px 0;
}
#pubArea.is-openhouse .box_skitter .next_button:hover,
#pubArea.is-mycoord .box_skitter .next_button:hover {
  background-position: -25px -50px;
}

.box_skitter .info_slide {position:absolute;top:11px;left:10px;height:45px;background:#000;padding:0;overflow:hidden;z-index:99;}
.box_skitter .info_slide .image_number {float:left;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.box_skitter .info_slide .image_number_select {float:left;margin:0 5px 0 0;}

/* サムネイル */
.box_skitter .container_thumbs {position:relative;overflow:hidden;width:528px;height:65px;margin:0 auto;}
.box_skitter .info_slide_thumb .image_number {overflow:hidden;width:90px;height:45px;position:relative;}
.box_skitter .info_slide_thumb .image_number img {position:absolute;top:-28px;left:-46px;}

.box_skitter .box_scroll_thumbs {padding:0 10px;}
.box_skitter .box_scroll_thumbs .scroll_thumbs {position:absolute;bottom:60px;left:50px;background:#ccc;background:-moz-linear-gradient(-90deg, #555, #fff);background:-webkit-gradient(linear, left top, left bottom, from(#555), to(#fff));width:200px;height:10px;overflow:hidden;text-indent:-9999em;z-index:101;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;cursor:pointer;border:2px solid #333;}

.box_skitter .label_skitter {display: none;z-index:99;position:absolute;bottom:10px;left:0px;width:428px;}

.loading {position:absolute; top:50%; right:50%; z-index:10000; margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;background:url(../img/pub/ajax-loader.gif) no-repeat left top;width:32px;height:32px;}

.label_skitter {z-index:150;position:absolute;bottom:0px;left:0px;color:#fff;display:none;background:#000;}
.label_skitter p {padding:5px 10px;margin:0;font-size:12px;letter-spacing:-1px;}

/* =Preview slide
-----------------------------------------------
#preview_slide { display:none; position:absolute; z-index:152; bottom:30px; left:-40px; width:100px; height:100px; background:#fff; border:1px solid #222; -moz-box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; -webkit-box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; overflow:hidden; }
#preview_slide ul { height:100px; overflow:hidden; margin:0; list-style:none; display:block; position:absolute; top:0; left:0; }
#preview_slide ul li { width:100px; height:100px; overflow:hidden; float:left; margin:0; padding:0; position:relative; display:block; }
#preview_slide ul li img { position:absolute; top:0; left:0; height:150px; width:auto; } */

/* =Example for dimenions:
----------------------------------------------- */
.box_skitter_large {
	margin:0 auto;
	background:url(../img/pub/bg_enlargedimg_area.png) no-repeat top center;
}
#pubArea.is-openhouse .box_skitter_large,
#pubArea.is-mycoord .box_skitter_large {
	background:url(../img/openhouse/slide/bg_enlargedimg_area.png) no-repeat top center;
}


.border_box { height:348px; }

/* 拡大画像エリア */
.enlargedimg_area {
	position:relative;
	width:428px;
	margin:0 auto;
}

/* 拡大画像の大きさ */
.image_main,
.box_skitter .image img,
.box_skitter .box_clone img
{ width:428px;padding-top:3px; }

/* サムネイルエリア */
.thumbs_area {
	margin:0 auto;
	background:url(../img/pub/bg_container_thumbs.png) no-repeat 0 0;
}

#pubArea.is-openhouse .thumbs_area,
#pubArea.is-mycoord .thumbs_area {
	background:url(../img/openhouse/slide/bg_container_thumbs.png) no-repeat 0 0;
}

/* オープンハウス */
.oph-gotoguide {
  position: relative;
  height: 28px;
}
  .oph-gotoguide .btn_square {
    top: 0;
    left: 490px;
    right: auto;
  }