/**********************************
         フォーラム用CSS
*********************************\*/

#contents {
	width: 635px;
}

#contents h2.bbs_title {
	text-align: center;
	margin-bottom: 15px;
}

#contents ul.forum_menu {
	overflow: hidden;
	width: 635px;
	height: 70px;
	list-style-type: none;
	margin-top: 10px;
}

#contents ul.forum_menu li {
	width: 127px;
	float: left;
	margin: 0;
}

#contents ul.forum_menu li a {
	display: block;
	width: 127px;
	height: 70px;
	background: url(img/forum_menu.gif) no-repeat;
	text-indent: -9999px;
}

#contents ul.forum_menu li.list1 a {
	background-position: 0 0;
}

#contents ul.forum_menu li.list1 a.active {
	background-position: 0 -70px;
}

#contents ul.forum_menu li.list2 a {
	background-position: -127px 0;
}

#contents ul.forum_menu li.list2 a.active {
	background-position: -127px -70px;
}

#contents ul.forum_menu li.list3 a {
	background-position: -254px 0;
}

#contents ul.forum_menu li.list3 a.active {
	background-position: -254px -70px;
}

#contents ul.forum_menu li.list4 a {
	background-position: -381px 0;
}

#contents ul.forum_menu li.list4 a.active {
	background-position: -381px -70px;
}

#contents ul.forum_menu li.list5 a {
	background-position: -508px 0;
}

#contents ul.forum_menu li.list5 a.active {
	background-position: -508px -70px;
}

/* フォーラム検索 */
#contents div.forum_search {
	margin: 15px 0;
	border: 1px solid #fcabab;
	background: url(img/search_bg.gif) repeat-y;
	line-height: 1.1;
}

#contents div.forum_search select option {
	padding-right: 4px;
}

/* 新規投稿 */
#contents div.write {
	clear: both;
	margin-bottom: 15px;
}

#contents div.write h3 {
	width: 273px;
	float: left;
}

#contents div.write p {
	width: 350px;
	float: right;
	margin-top: 20px;
}

/* 投稿リスト */
#contents div.list {
	border: 2px solid #ffa9a9;
	margin-bottom: 15px;
}

#contents div.list div {
	border-top: 1px solid #ffa9a9;
	clear: both;
	list-style: none;
}

#contents div.list div p {
	padding: 4px 0;
	margin: 0;
}

#contents div.list div.first {
	border-top: none;
}

#contents div.list div.color {
	background-color: #fff1f1;
}

#contents div.list div p.category {
	width: 90px;
	float: left;
	padding-left: 5px;
}

#contents div.list div p.title {
	width: 390px;
	float: left;
	font-size: 110%;
	padding-left: 40px
}

#contents div.list div p.icon02 {
	background: url(/common/img/icon_oshiete.gif) no-repeat 0 0.5em;
}

#contents div.list div p.icon03 {
	background: url(/common/img/icon_kiite.gif) no-repeat 0 0.5em;
}

#contents div.list div p.icon04 {
	background: url(/common/img/icon_hitorigoto.gif) no-repeat 0 0.5em;
}

#contents div.list div p.title img {
	vertical-align: middle;
}

#contents div.list div p.title span.name {
	font-size: 90%;
}

#contents div.list div p.title a {
	font-weight: bold;
	color: #d84949;
}
	

#contents div.list div p.time {
	float: left;
	width: 90px;
	font-size: 80%;
	text-align: right;
	margin-top: 5px;
}

/* 色わけここから \*/

/* マタニティ \*/
#contents div.mater2 { border: 2px solid #ffb59e; }
#contents div.mater2 div p.title a { color: #b10934;}
#contents div.mater2 div { border-top: 1px solid #ffb59e; }
#contents div.mater2 div.color { background-color: #ffe7df; }

/* ベビー \*/
#contents div.baby2 { border: 2px solid #ffce60; }
#contents div.baby2 div p.title a { color: #e97e00;}
#contents div.baby2 div { border-top: 1px solid #ffce60; }
#contents div.baby2 div.color { background-color: #fff5e1; }

/* キッズ \*/
#contents div.kids2 { border: 2px solid #8ed8ae; }
#contents div.kids2 div p.title a { color: #177e32;}
#contents div.kids2 div { border-top: 1px solid #8ed8ae; }
#contents div.kids2 div.color { background-color: #dbffe4; }

/* ジュニア \*/
#contents div.junior2 { border: 2px solid #b2d9e6; }
#contents div.junior2 div p.title a { color: #1f62a6; }
#contents div.junior2 div { border-top: 1px solid #b2d9e6; }
#contents div.junior2 div.color { background-color: #d7ebff; }

/* ひろば \*/
#contents div.hiroba { border: 2px solid #ae8bd8; }
#contents div.hiroba div p.title a { color: #633a92;}
#contents div.hiroba div { border-top: 1px solid #ae8bd8; }
#contents div.hiroba div.color { background-color: #eddeff; }

/* 色分けここまで \*/

/* ページ遷移 */
#contents div.pageshift {
	clear: both;
	text-align: center;
	margin-bottom: 15px;
}

/* インフォメーション \*/
#contents div.information {
	width: 310px;
	float: left;
}

#contents div.information ul {
	margin: 4px 0 8px 2px;
}

/* PR \*/
#contents div.pr {
	width: 310px;
	float: right;
}

#contents div.pr ul {
	margin: 4px 0 8px 2px;
}

#contents div.pr a {
	color: #993333;
}


/**********************************
           投稿ページ用
***********************************/

#contents div.input {
	margin: 20px 0 0 0;
}

#contents div.input select option {
	padding-right: 4px;
}

#contents div.input table td {
	padding: 0 2px 10px 2px;
}

/**********************************
           確認ページ用
***********************************/

#contents div.check {
	margin: 20px 0 0 0;
}

#contents div.check table {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

#contents div.check table td {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 5px 4px;
}

/**********************************
           スレッド用
***********************************/

#contents div.thread_title {
	margin: 0 30px;
	clear: both;
	padding: 4px 10px;
	border: 2px dotted #ffa9a9;
	margin-bottom: 10px;
}


#contents div.thread_title h3 {
	font-size: 140%;
	color: #e43e69;
	font-weight: bold;
	background: url(/common/img/line01.gif) repeat-x left bottom;
	padding-bottom: 2px;
	margin-bottom: 8px;
}

#contents div.thread_title h3.icon02 {
	padding-left: 40px;
	background: url(/common/img/icon_oshiete.gif) no-repeat 0 0.3em;
}

#contents div.thread_title h3.icon03 {
	padding-left: 40px;
	background: url(/common/img/icon_kiite.gif) no-repeat 0 0.3em;
}

#contents div.thread_title h3.icon04 {
	padding-left: 40px;
	background: url(/common/img/icon_hitorigoto.gif) no-repeat 0 0.3em;
}

/* 色わけここから \*/

/* マタニティ \*/
#contents div.mater2  { border-color: #ffb59e; }
#contents div.mater2 h3 { color: #b10934; }

/* ベビー \*/
#contents div.baby2 { border-color: #ffce60; }
#contents div.baby2 h3 { color: #e97e00; }

/* キッズ \*/
#contents div.kids2 { border-color: #8ed8ae; }
#contents div.kids2 h3 { color: #177e32; }

/* ジュニア \*/
#contents div.junior2 { border-color: #b2d9e6; }
#contents div.junior2 h3 { color: #1f62a6; }

/* ひろば \*/
#contents div.hiroba { border-color: #ae8bd8; }
#contents div.hiroba h3 { color: #633a92; }

/* 色分けここまで \*/



#contents div.thread_title p.comment {
	clear: both;
	margin-bottom: 15px;
	font-size: 110%;
}

#contents div.thread_title p.name,p.time {
	padding: 0 10px 0 0;
	font-size: 110%;
}

#contents div.thread_title p.name {
	float: left;
	font-weight: bold;
}

#contents div.thread_res {
	margin: 0 30px;
	clear: both;
	border: 1px solid #DDDDDD;
	padding: 8px 10px;
	margin-bottom: 10px;
	font-size: 110%;
}

#contents div.thread_res h4 {
	font-weight: bold;
	background: url(/common/img/line01.gif) repeat-x left bottom;
	padding-bottom: 2px;
	margin-bottom: 8px;
}

/* 色わけここから \*/

/* マタニティ \*/
#contents div.thread_res h4.mater2 {
	color: #b10934;
}
/* ベビー \*/
#contents div.thread_res h4.baby2 {
	color: #e97e00;
}
/* キッズ \*/
#contents div.thread_res h4.kids2 {
	color: #177e32;
}
/* ジュニア \*/
#contents div.thread_res h4.junior2 {
	color: #1f62a6;
}
/* ひろば \*/
#contents div.thread_res h4.hiroba {
	color: #633a92;
}

/* 色分けここまで \*/

#contents div.thread_res h4.res_comment {
	color: brown;
	font-weight: bold;
	font-size: 120%;

#contents div.thread_res p.res_comment {
	margin-bottom: 15px;
}

#contents div.thread_res p.res_name,p.res_time {
	padding: 0 10px 0 0;
	color: brown;
	font-size: 120%;
}

#contents div.thread_res p.res_name {
	float: left;
	font-weight: bold;
}