@charset "UTF-8";
/* ==============================
  css-member-top
=================================
mainL
---------------------------------
titleAria
---------------------------------
navColumn
---------------------------------
boardAria
---------------------------------
clampBlog
---------------------------------
rss
============================== */

.r695-inr-top {
	width: 645px;
	padding: 0 25px 17px 25px;
}

/* ------------------------------
  titleAria
------------------------------ */
.titleAria-wrap {
	padding-top: 17px;
}

.titleAria {
	margin-bottom: 20px;
}
#listEvent .titleAria {
	margin-bottom: 10px;
}
#listCircle .titleAria {
	margin-bottom: 5px;
}
/* clearfix */
.titleAria:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden; 
}
.titleAria {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html .titleAria {
	height: 1%;
}
.titleAria {
	display: block;
}
/* End hide from IE-mac */

.titleAria h2,
.titleAria h3 {
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	float: left;
}

.titleAria p {
	color: #5c5c5c;
	text-align: right;
	float: right;
}
.titleAria p.count img {
	vertical-align: baseline;
}

.limit {
	width: 580px;
	padding-left: 90px;
	background: url(/image/contents/member/limit.gif) no-repeat 0 2px;
}
.free {
	width: 580px;
	padding-left: 90px;
	background: url(/image/contents/member/free.gif) no-repeat 0 2px;
}

/* ------------------------------
  navColumn（タイトルのみ）
------------------------------ */
#navColumn .titleAria2 {
	margin-bottom: 20px;
}
/* clearfix */
#navColumn .titleAria2:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#navColumn .titleAria2 {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #navColumn .titleAria2 {
	height: 1%;
}
#navColumn .titleAria2 {
	display: block;
}
/* End hide from IE-mac */

#navColumn .titleAria2 h2 {
	width: 184px;
	height: 24px;
	background: url(/image/contents/member/column/h2_column.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	float: left;
}
#navColumn .titleAria2 p {
	color: #5c5c5c;
	text-align: right;
	float:right;
}

/* ------------------------------
  boardAria
------------------------------ */
#boardAria {
	width: 695px;
	margin-bottom: 20px;
}

#boardAria h2 {
	width: 179px;
	height: 23px;
	background: url(/image/contents/member/h2_board.gif) no-repeat;
}

#navBoard {
	width: 688px;
	padding-left: 4px;
}

#navBoard ul {
	background: #ececec url(/image/contents/member/nav_board_bg.gif) no-repeat;
	padding-left: 24px;
	padding-bottom: 10px;
}
/* clearfix */
#navBoard ul:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden; 
}
#navBoard ul {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #navBoard ul {
	height: 1%;
}
#navBoard ul {
	display: block;
}
/* End hide from IE-mac */

#navBoard li {
	width: 151px;
	padding-right: 12px;
	float: left;
}

#navBoard li .name {
	width: 151px;
	margin-bottom: 10px;
}
#navBoard li .name a {
	width: 151px;
	height: 161px;
	background-repeat: no-repeat;
	display: block;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}
#navBoard li#ohkawa .name a {
	background-image: url(/image/contents/member/nav_ohkawa.gif);
}
#navBoard li#nekoi .name a {
	background-image: url(/image/contents/member/nav_nekoi.gif);
}
#navBoard li#mocona .name a {
	background-image: url(/image/contents/member/nav_mocona.gif);
}
#navBoard li#igarashi .name a {
	background-image: url(/image/contents/member/nav_igarashi.gif);
}

#navBoard li .name a:hover {
	background-position: 0 -161px;
}

#navBoard li .date {
	color: #858585;
	font-size: 10px;
}
#navBoard li .date img {
	vertical-align: baseline;
}

#navBoard li .title {
	width: 151px;
	height: 81px;
}
#navBoard li .title td {
	height: 53px;
	line-height: 1.5;
	font-weight: bold;
	padding: 5px 7px;
}


#navBoard li#ohkawa .title a {
	color: #a01535;
}
#navBoard li#nekoi .title a {
	color: #1188dd;
}
#navBoard li#mocona .title a {
	color: #ff9100;
}
#navBoard li#igarashi .title a {
	color: #055a11;
}

#navBoard li .title {
	font-weight: bold;
}
#navBoard li#ohkawa .title a:hover {
	color: #d08a9a;
}
#navBoard li#nekoi .title a:hover {
	color: #88c4ee;
}
#navBoard li#mocona .title a:hover {
	color: #ffc880;
}
#navBoard li#igarashi .title a:hover {
	color: #82ad88;
}

#boardAria .btnAria {
	width: 645px;
	padding: 17px 25px;
}
/* clearfix */
#boardAria .btnAria:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden; 
}
#boardAria .btnAria {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #boardAria .btnAria {
	height: 1%;
}
#boardAria .btnAria {
	display: block;
}
/* End hide from IE-mac */

p#capBoard {
	color: #5c5c5c;
	line-height: 1.5;
	float: left;
}

p#entrylistBtn {
	width: 131px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	float: right;
}
p#entrylistBtn a {
	width: 131px;
	height: 23px;
	background: url(/image/contents/member/btn_entry_list.gif) no-repeat;
	text-decoration: none;
	display: block;
	outline: none;
}
p#entrylistBtn a:hover {
	background-position: 0 -23px;
}

/* ------------------------------
  clampBlog
------------------------------ */
#clampBlog {
	width: 695px;
	margin-bottom: 20px;
}

#clampBlog h2 {
	width: 143px;
	height: 23px;
	background: url(/image/contents/member/h2_blog.gif) no-repeat;
}

#clampBlog-nav {
	width: 688px;
	background: url(/image/contents/member/line02.gif) no-repeat bottom;
	padding-left: 4px;
	margin-top: -40px;
}

#clampBlog-nav ul {
	width: 688px;
	height: 380px;
	position: relative;
}

#clampBlog-nav li {
	position: absolute;
}
#clampBlog-nav li#shimarisu {
	width: 204px;
	top: 54px;
	left: 34px;
}
#clampBlog-nav li#nekotonana {
	width: 210px;
	top: 73px;
	left: 238px;
}
#clampBlog-nav li#okimono {
	width: 203px;
	top: 0;
	left: 448px;
}

#clampBlog-nav li .titleBtn {
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	position: relative;
}
#clampBlog-nav li#shimarisu .titleBtn {
	width: 204px;
	height: 272px;
}
#clampBlog-nav li#nekotonana .titleBtn {
	width: 210px;
	height: 253px;
}
#clampBlog-nav li#okimono .titleBtn {
	width: 203px;
	height: 326px;
}

#clampBlog-nav li .titleBtn a {
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	outline: none;
}
#clampBlog-nav li#shimarisu .titleBtn a {
	width: 204px;
	height: 272px;
	background-image: url(/image/contents/member/nav_shimarisu.jpg);
}
#clampBlog-nav li#nekotonana .titleBtn a {
	width: 210px;
	height: 253px;
	background-image: url(/image/contents/member/nav_nekotonana.jpg);
}
#clampBlog-nav li#okimono .titleBtn a {
	width: 203px;
	height: 326px;
	background-image: url(/image/contents/member/nav_okimono.jpg);
}

#clampBlog-nav li#shimarisu .titleBtn a:hover {
	background-position: 0 -272px;
}
#clampBlog-nav li#nekotonana .titleBtn a:hover {
	background-position: 0 -253px;
}
#clampBlog-nav li#okimono .titleBtn a:hover {
	background-position: 0 -326px;
}

#clampBlog-nav li .vol {
	width: 79px;
	height: 43px;
	font-size: 16px;
	line-height: 1.5;
	text-indent: 0;
	text-align: center;
	color: #2d2d2d;
	font-weight: bold;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top: 12px;
}
#clampBlog-nav li#shimarisu .vol {
	left: 0;
}
#clampBlog-nav li#nekotonana .vol {
	left: 67px;
}
#clampBlog-nav li#okimono .vol {
	left: 106px;
}

#clampBlog-nav li .date {
	padding-top: 10px;
}
#clampBlog-nav li .date p {
	color: #858585;
	font-size: 10px;
	text-align: center;
}
#clampBlog-nav li .date p img {
	vertical-align: baseline;
}

#clampBlog .btnAria {
	width: 645px;
	padding: 17px 25px;
}
/* clearfix */
#clampBlog .btnAria:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden; 
}
#clampBlog .btnAria {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #clampBlog .btnAria {
	height: 1%;
}
#clampBlog .btnAria {
	display: block;
}
/* End hide from IE-mac */

p#capBlog {
	color: #5c5c5c;
	line-height: 1.5;
	float: left;
}

/* ------------------------------
  rss
------------------------------ */
.rss {
	padding-top: 9px;
	padding-right: 5px;
}
/* clearfix */
.rss:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.rss {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html .rss {
	height: 1%;
}
.rss {
	display: block;
}
/* End hide from IE-mac */

.rss p {
	text-align: right;
	color: #6c6c6c;
	padding-top: 4px;
	padding-right: 8px;
	float: right;
}

.rss ul {
	width: 56px;
	float: right;
}
/* clearfix */
.rss ul:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.rss ul {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html .rss ul {
	height: 1%;
}
.rss ul {
	display: block;
}
/* End hide from IE-mac */

.rss li {
	width: 26px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}
.rss li#btnRss {
	float: left;
}
.rss li#btnRss-help {
	float: right;
}

.rss li a {
	width: 26px;
	height: 26px;
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	outline: none;
}
.rss li#btnRss a {
	background-image: url(/image/common/btn_rss.gif);
}
.rss li#btnRss-help a {
	background-image: url(/image/common/btn_rss_help.gif);
}

.rss li a:hover {
	background-position: 0 -26px;
}