@charset "UTF-8";

/*index*/

/*-----------------------------------------
	h3
-----------------------------------------*/

h3 {
	width:660px;
	_width:643px;
	font-size:116%;
	margin-bottom:5px;
	padding-left:17px;
	font-weight:bold;
	color:#333333;
	background:url(../img/maru_icon_l.gif) left center no-repeat;
}

.h3-around {
	width:660px;
	margin:0 auto 5px auto;
	border-bottom:3px solid #EAEAEA;
}


/*-----------------------------------------
	h4
-----------------------------------------*/

.h4-index {
	font-weight:bold;
}

.h4-mt {
	margin-top:20px;
}

/*-----------------------------------------
	contents
-----------------------------------------*/

.contents,
.contents02 {
	width:660px;
	margin:15px 0 25px 0;
}

.contents02 p {
	text-indent:12px;
}



/*-----------------------------------------
	最後コメント
-----------------------------------------*/

#last-comment {
	width:660px;
	margin-top:10px;
	padding-top:15px;
	background:url(../img/dot_line.gif) top repeat-x;
	text-indent:12px;
}

/*-----------------------------------------
	お問い合わせボタン
-----------------------------------------*/

#ask-btn {
	width:200px;
	margin:10px auto 40px auto;
}


/*news*/

/*-----------------------------------------
	h4
-----------------------------------------*/

.h4-news {
	float:left;
	font-size:116%;
	margin-left:5px;
}

/*-----------------------------------------
	contents
-----------------------------------------*/

.contents-title {
	clear:both;
	width:660px;
	_width:650px;
	margin:15px auto 0 auto;
	padding:3px 5px;
	background-color:#EAEAEA;
}

.contents-title p {
	float:right;
	margin-right:5px;
	text-align:right;
	font-size:93%;
}


.contents-txt {
	width:660px;
	margin:20px auto 7px auto;
	padding-bottom:20px;
	background:url(../img/dot_line.gif) bottom repeat-x;
}

.contents-txt a:link, .contents-txt a:visited {
	color:#86B700;
}

.comment-date {
	width:660px;
	margin:5px 0 5px 0;
	text-align:left;
}

.contents-link {
	width:660px;
	margin:5px auto 5px auto;
	padding:0 0 0 18px;
	background:url(../img/next_icon.gif) left 50% no-repeat;
}

.contents-link-last {
	margin-bottom:25px;
}

.contents-link a:link,
.contents-link a:visited {
	color:#86B700;
}

.contents-link img {
	margin-left:3px;
}

/*情報交換サロン*/

#salon-login-all{
	width:40%;
	margin:20px auto;
	padding:20px 20px 10px 20px;
	border:3px solid #EAEAEA;
	background-color:#F9F9F9;
}

#salon-login-title{
	margin-bottom:10px;
	font-weight:bold;
	font-size:116%;
}

#salon-login-id p,
#salon-login-pass p{
	float:left;
	width:15%;
}

#salon-login-id input,
#salon-login-pass input{
	float:left;
	margin:0 0 10px 10px;
}

#salon-login-pass{
	clear:both;
}

#salon-login-btn{
	clear:both;
	width:100%;
	text-align:right;
}

/*スレッド一覧*/

/*-----------------------------------------
	h3
-----------------------------------------*/

.h3-salon {
	float:left;
	width:475px;
	_width:458px;
	font-size:116%;
	padding-left:17px;
	font-weight:bold;
	color:#333333;
	background:url(../img/maru_icon_l.gif) left center no-repeat;
}

.h3-around-salon {
	width:660px;
	margin:0 auto;
	padding-bottom:5px;
	border-bottom:3px solid #EAEAEA;
}

/*-----------------------------------------
	ログイン
-----------------------------------------*/

.btn-all {
	float:right;
	width:168px;
	margin-top:3px;
}

.logout-btn {
	float:left;
	width:51px;
}

.newthread-btn {
	float:right;
	width:112px;
}


.salon-thread {
	clear:both;
	width:660px;
	padding-top:10px;
	padding-bottom:10px;
	background:url(../img/dot_line.gif) bottom repeat-x;
}

.salon-thread-title {
	float:left;
	padding-left:12px;
	text-align:left;
	background:url(../img/maru_icon_s.gif) left no-repeat;
}

.salon-thread-title a {
	font-weight:bold;
}

.salon-thread-matter {
	float:right;
	width:100px;
	text-align:right;
	color:#86B700;
	font-size:93%;
}

/*スレッド詳細*/


.threadin-btn-all {
	float:right;
	width:154px;
	margin-top:3px;
}

.threadin-newtxt-btn {
	float:right;
	width:98px;
}

.salon-thread-list {
	width:630px;
	margin:15px auto 0 auto;
	padding:17px 12px 17px 12px;
	border:3px solid #EAEAEA;
	background-color:#F9F9F9;
}

.salon-thread-list-title-around {
	clear:both;
	width:630px;
	margin-bottom:10px;
	padding-bottom:10px;
	background:url(../img/dot_line.gif) bottom repeat-x;
}

.salon-thread-list-title{
	float:left;
	padding-left:12px;
	text-align:left;
	font-weight:bold;
	background:url(../img/maru_icon_s.gif) left no-repeat;
}

.salon-thread-list-matter {
	float:right;
	width:100px;
	text-align:right;
	color:#86B700;
	font-size:93%;
}


.salon-thread-list-name {
	float:left;
	font-weight:bold;
}


.salon-thread-list-date {
	float:right;
	font-size:93%;
}

.salon-thread-list-s {
	width:660px;
	margin:5px auto 0 auto;
	padding:17px 0 17px 0;
	padding-bottom:10px;
	background:url(../img/dot_line.gif) bottom repeat-x;
}

.salon-thread-list-s-title {
	clear:both;
	width:650px;
	margin:15px auto;
	padding:3px 5px;
	background-color:#EAEAEA;
	font-weight:bold;
}

.salon-thread-list-s-name {
	float:left;
	font-weight:bold;
}


.salon-thread-list-s-date {
	float:right;
	font-size:93%;
}

/*-----------------------------------------
	戻る
-----------------------------------------*/

.list-btn {
	clear:both;
	width:660px;
	text-align:right;
	margin:20px 0 0 0;
}


/*投稿ページ*/

.salon-cont{
	clear:both;
	width:660px;
	margin-top:5px;
}

.salon-cont a:link, .salon-cont a:visited {
	color:#86B700;
}

.salon-cont-line{
	width:660px;
	height:1px;
	margin:5px 0 0 0;
	_margin:0;
	background:url(../img/dot_line.gif) bottom repeat-x;
}

.salon-cont-top{
	margin-top:15px;

}

.salon-cont th,
.salon-cont td {
	padding:10px;
}


.salon-cont th {
	width:15%;
	text-align:left;
	background:#F8F7F1 url(../img/line_green.gif) left repeat-y;
}

.salon-cont td {
	text-align:left;
}

.salon-cont p {
	font-weight:bold;
}


/*-----------------------------------------
	投稿ページボタン
-----------------------------------------*/

.con-btn-all {
	float:right;
	width:141px;
}

.con-return-btn {
	float:right;
	width:85px;
}

/*-----------------------------------------
	登録確認
-----------------------------------------*/

.con-confirm-btn {
	clear:both;
	width:660px;
	text-align:right;
	margin:20px 0 0 0;
}


/*-----------------------------------------
	clearfix
-----------------------------------------*/
.contents:after,
.contents-title:after,
#salon-login-all:after,
.salon-thread:after,
.h3-around-salon:after,
.salon-thread-inner:after,
.salon-thread-list-title-around:after,
.salon-thread-list-s-title:after{
	content: ",";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.salon-thread-list a:link, .salon-thread-list a:visited {
	color:#86B700;
}

.salon-thread-list-s a:link, .salon-thread-list-s a:visited {
	color:#86B700;
}

/*-----------------------------------------
	Error Message Box
-----------------------------------------*/
.error {
  margin: 0;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;

  background: #FEC9D5;
  border-top: 1px solid #CC0000;
  border-bottom: 1px solid #CC0000;
	
	color:#FF0000;
	font-weight:bold;
}

.error-message {
	color:#FF0000;
	font-weight:bold;
}