@charset "UTF-8";

p.caution {
	color:#FF0000;
}

.partsHeading {
	padding:0 8px 0 10px;
	background-image:url(../../images/myroom/title_bg.gif);
	text-align:left;
	font-size:100%;
	color:black;
	height:33px;
}

.homeMainTable {
	display:inline;
}

#LayoutA #Left .partsHeading {
	padding-left:10px;
}

.partsHeading h3 {
	color:black;
	display:inline;
	font-weight:bold;
}

.partsHeading p {
	display:inline;
	margin-left:0.5em;
}

#header_btn_1 {
	position:absolute;
	top:12px;
	left:315px;
}

#header_btn_2 {
	position:absolute;
	top:12px;
	left:460px;
}

#header_btn_3 {
	position:absolute;
	top:12px;
	left:605px;
}

#subheader_btn_1 {
	margin:0 0 2px 0;
	float:left;
}

#subheader_btn_2 {
	margin:0 0 2px 0;
	float:right;
}

#subheader_btn_3 {
	margin:0 0 2px 0;
	float:left;
}

#subheader_btn_4 {
	margin:0 0 2px 0;
	float:right;
}

#subheader_btn_5 {
	margin:0 0 2px 0;
	float:left;
}

#subheader_btn_6 {
	margin:0 0 2px 0;
	float:right;
}

#subheader_btn_7 {
	margin:0 0 2px 0;
	float:left;
}

#subheader_btn_8 {
	margin:0 0 2px 0;
	float:right;
}

#login_input th {
	font-size:10px;
	text-align:left;
	color:white;
	padding-right:10px;
}

#login_input td {
	font-size:10px;
	text-align:left;
}

.login_inputarea {
	width:230px;
	height:15px;
}

#login_input {
	position:absolute;
	top:10px;
	left:200px;
}

#login_input_layout th td {
	vertical-align:middle;
}

#login_input_layout th {
	text-align:left;
	font-weight:normal;
	font-size:12px;
	color:#FFF;
}

#subheader_btn_login {
	position:absolute;
	top:15px;
	left:605px;
}

#subheader_btn_register {
	position:absolute;
	top:15px;
	left:673px;
}

.login_input_text {
	font-size:10px;
	color:#FFF;
	margin-top:0;
}

a.forgetpw_link:link {
	font-size:10px;
	color:#FFF;
	text-decoration:none;
}

a.forgetpw_link:hover {
	font-size:10px;
	color:#FFF;
	text-decoration:underline;
}

a.forgetpw_link:visited {
	font-size:10px;
	color:#FFF;
	text-decoration:none;
}

a.forgetpw_link:active {
	font-size:10px;
	color:#FFF;
	text-decoration:none;
}

#forgetpw {
	position:absolute;
	top:25px;
	left:638px;
	padding-left:10px;
}
.pr_left {
	margin:15px 0 0 0;
	width:174px;
	float:left;
}

.pr_center {
	margin:15px 0 0 0;
	width:174px;
	float:left;
}

.pr_right {
	margin:15px 0 0 0;
	width:161px;
	float:left;
}

.pr_area {
	padding:10px;
	background-image:url(../../images/myroom/flash_bg.gif);
	margin-bottom:10px;
}

#contents_myroom_right {
	width:230px;
	float:right;
}

#contents_myroom_left {
	width:510px;
	float:left;
}

.kanri_btn {
	position:absolute;
	top:7px;
	left:200px;
}

.settei_btn {
	position:absolute;
	top:7px;
	right:7px;
}

.new_btn {
	margin-top:7px;
	float:right;
}

.adviser_commu {
	margin:5px;
	border-bottom:solid 1px #EEEEEE;
}

ul.btn_list {
	width:625px;
	margin:0 0 5px 0;
	padding:0;
	list-style-type:none;
}

ul.btn_list li {
	margin:0 2px 0 0;
	padding:3px 5px;
	border:1px solid #c4c4c4;
	background-image:url(../../images/myroom/btn_bg.gif);
	float:left;
	font-size:small;
}

ul.btn_list li.active {
	margin:0 2px 0 0;
	padding:3px 5px;
	border:1px solid #1e5b00;
	background-image:url(../../images/myroom/btn_bg_a.gif);
	color:#FFF;
	float:left;
	font-size:small;
}

*html ul.btn_list {
	margin:0 0 5px 0;
	padding:0 0 4px 0;
	list-style-type:none;
}

.searchListPanel ul.btn_list {
	width:250px;
	margin:0 0 0 10px;
	padding:0;
	list-style-type:none;
	float:left;
}

.searchListPanel ul.btn_list li {
	margin:0 2px 0 0;
	padding:0 5px;
	border:1px solid #c4c4c4;
	background-image:url(../../images/myroom/btn_bg.gif);
	float:left;
	font-size:small;
}

.searchListPanel ul.btn_list li.active {
	margin:0 2px 0 0;
	padding:3px 5px;
	border:1px solid #1e5b00;
	background-image:url(../../images/myroom/btn_bg_a.gif);
	color:#FFF;
	float:left;
	font-size:small;
}

*html .searchListPanel ul.btn_list {
	margin:0 0 5px 0;
	padding:0 0 4px 0;
	list-style-type:none;
}

/*==============================================================================
 * マイライブラリ-マイニュース
 *----------------------------------------------------------------------------*/

.categorymatch {
}

.categorymatch h4 {
	font-weight:bold;
	background:none;
}

.categorymatch table {
	line-height:1.2;
}

.categorymatch table td {
	border:none;
	padding:5px 10px 5px 0;
}

.categorymatch table td a {
	background:url(../../images/myroom/icon_2.gif) no-repeat 0 0.3em ;
	padding-left:10px;
	display:block;
}

/*==============================================================================
 * マイライブラリ-マイイベント
 *----------------------------------------------------------------------------*/

#myEvent {
	padding:10px;
}

#myEvent dl dt {
	background:url(../../images/myroom/icon_2.gif) no-repeat 0 0.3em ;
	padding-left:10px;
}

#myEvent dl dt.xs {
	background:none;
}

#myEvent dl dd {
	padding:0 0 10px 10px;
}

#myEvent dl dt div {
	display:inline;
}

#myEvent ul.matchList li {
	display:inline;
}

#myEvent ul.matchList li span {
	white-space:nowrap;
	color:#999;
	line-height:1.2;
	padding-right:5px;
}

.myHead {
	padding:10px 10px 10px 10px;
}

.myHead dl dt {
	background:url(../../images/myroom/icon_2.gif) no-repeat 0 0.3em ;
	padding-left:10px;
}

.myHead dl dt.xs {
	background:none;
}

.myHead dl dd {
	padding:0 0 10px 10px;
}

.myHead dl dt div {
	display:inline;
}

.myHead ul.matchList li {
	display:inline;
}

.myHead ul.matchList li span {
	display:inline-block;
	width:1em;
	width:auto;
	line-height:1.3;
	padding:0 3px 0 3px;
	margin-top:3px;
	border:1px solid #D9F9C6;
	background-color:#EDFCE4;
}

/*==============================================================================
 * マイニュース
 *----------------------------------------------------------------------------*/

ul.newsCategoryList {
	width:623px;
	margin:5px 0 10px 0;
}

ul.newsCategoryList li {
	float:left;
	width:155px;
	padding-bottom:6px;
	vertical-align:middle;
	line-height:33px;
}

ul.newsCategoryList li a {
	float:left;
}

ul.newsCategoryList li a img {
	margin-right:5px;
}

table.keywordmatch {
	margin:0 0 10px 0;
	line-height:1.2;
	clear:both;
}

table.keywordmatch td {
	border:none !important;
	padding:5px 10px 5px 0 !important;
}

table.keywordmatch td a {
	background:url(../../images/myroom/icon_2.gif) no-repeat 0 0.3em ;
	padding-left:10px;
	display:block;
}

ul.categoryList {
	margin-bottom:10px;
}

ul.categoryList li {
	float:left;
	width:110px;
	padding-bottom:6px;
	vertical-align:middle;
	line-height:33px;
}

/*==============================================================================
 * マイニュース-SE記事表示用
 *----------------------------------------------------------------------------*/

ul.seCategory li {
	padding:7px;
	border:1px solid #DDD;
	width:550px;
	background-color:#F7F7F7;
	vertical-align:bottom;
	margin-bottom:5px;
}

ul.seCategory li:after {
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}

ul.seCategory li div.seCategoryImg {
	float:left;
}

ul.seCategory li div.seCategoryImg a {
	display:block;
	width:46px;
	border:1px solid #B1B1B1;
	padding:1px;
	background:#FFF;
}

ul.seCategory li div.seCategoryImg a img {
	width:46px;
}

ul.seCategory li div.seCategoryTxt {
	float:left;
	width:493px;
	padding-left:7px;
}

ul.seCategory li p {
	line-height:1.3;
	margin:0;
}

/*==============================================================================
 * マイイベント
 *----------------------------------------------------------------------------*/

dl#myEventList {
}

dl#myEventList dt {
	background:url(../../images/myroom/icon_2.gif) no-repeat 0 0.3em ;
	padding-left:10px;
}

dl#myEventList dt div {
	display:inline;
}

dl#myEventList dt.xs {
	background:none;
}

dl#myEventList dd {
	padding:0 0 15px 10px;
}

dl#myEventList ul.matchList li {
	display:inline;
}

dl#myEventList ul.matchList li span {
	white-space:nowrap;
	color:#999;
	line-height:1.2;
	padding-right:5px;
}

ul#home_top10 {
	border:none;
	margin:10px 0 0 0;
	padding:0;
	list-style-type:none;
}

ul#home_top10 li {
	margin:5px 10px 0 10px;
	padding:0 0 8px 0;
}

ul#home_top10 li.rank_10 {
	background:none;
}

ul#home_top10 p {
	margin:0;
	word-break:break-all;
	padding-left:20px;
	clear:both;
}

ul#home_top10 p.txt {
	padding:9px 0 0 20px;
	background-repeat:no-repeat;
	background-position:left 6px;
}

ul#home_top10 li.rank_1 p.link {background-image:url(../../images/interface/top10_rank_01.gif); background-repeat:no-repeat;}
ul#home_top10 li.rank_2 p.link {background-image:url(../../images/interface/top10_rank_02.gif); background-repeat:no-repeat;}
ul#home_top10 li.rank_3 p.link {background-image:url(../../images/interface/top10_rank_03.gif); background-repeat:no-repeat;}
ul#home_top10 li.rank_4 p.link {background-image:url(../../images/interface/top10_rank_04.gif); background-repeat:no-repeat;}
ul#home_top10 li.rank_5 p.link {background-image:url(../../images/interface/top10_rank_05.gif); background-repeat:no-repeat;}
ul#home_top10 li.rank_6 p.link {background-image:url(../../images/interface/top10_rank_06.gif); background-repeat:no-repeat;}
ul#home_top10 li.rank_7 p.link {background-image:url(../../images/interface/top10_rank_07.gif); background-repeat:no-repeat;}
ul#home_top10 li.rank_8 p.link {background-image:url(../../images/interface/top10_rank_08.gif); background-repeat:no-repeat;}
ul#home_top10 li.rank_9 p.link {background-image:url(../../images/interface/top10_rank_09.gif); background-repeat:no-repeat;}
ul#home_top10 li.rank_10 p.link {background-image:url(../../images/interface/top10_rank_10.gif); background-repeat:no-repeat;}

.homeMainTable ul#home_top10 li.rank_5 {
	background:none;
}

.hidden_area{
	float:left;
	height:10px;
	width:0;
}

.ui-state-highlight{
	border:dashed 2px #CCCCCC;
	margin:0 0 10px 0;
}

.cursor{
	cursor:move;
}

.page_navigation{
	width:550px;
	text-align:center;
	margin:12px 0;
}

.page_navigation a{
	position:relative;
	line-height:1.6em;
	margin:0 2px 0 0;
	padding:3px 5px;
	border:1px solid #c4c4c4;
	background-image:url(../../images/myroom/btn_bg.gif);
	font-size:small;
}

.page_navigation a.active_page{
	position:relative;
	line-height:1.6em;
	margin:0 2px 0 0;
	padding:3px 5px;
	border:1px solid #1e5b00;
	background-image:url(../../images/myroom/btn_bg_a.gif);
	color:#FFF;
	font-size:small;
	cursor:default;
	text-decoration:none;
}
#paging_container .no_more{
	background-color:white;
	color:gray;
	cursor:default;
	text-decoration:none;
}
p.number {
	margin:0;
	color:black;
}

table.cc_list{
	width:555px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #DDD;
}

table.cc_list th{
	padding:5px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #DDD;
	text-align:right;
}

table.cc_list td{
	padding:5px;
	width:453px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #DDD;
}

.message_icon_area{
	margin-bottom:10px;
}

.send_to{
	margin:2px;
	padding:3px;
	background-color:#EEE;
}

#member_add_button_area {
	width:550px;
	margin:0 auto 20px;
	zoom:1;
	text-align:center;
}

#member_add_button_area p {
	width:260px;
}

#member_add_button_area:after {
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}

#member_add_button_area a:hover img {
	filter:alpha(opacity=70);
	opacity:0.7;
}

.lounge_table{
	margin:0 0 10px 0;
}

.lounge_table td{
	padding:7px;
	border-bottom-width:1px;
}

.lounge_table td.bottom{
	border-bottom-width:1px;
}

.lounge_table td.image{
	width:165px;
	text-align:center;
}

/*==============================================================================
 * メンバー登録画面
 *----------------------------------------------------------------------------*/
 
#member_add_wrap {
	padding:10px;
}

#member_add_wrap p.caution_add {
	font-size:92.4%;
}

#member_add_wrap .img_about {
	text-align:center;
}

.member_add_table_wrap {
	width:630px;
	margin:0 auto;
	padding:10px 0 10px 0;
}

#member_add_wrap h3 {
	border-left:3px solid #4CAE01;
	font-size:14px;
	line-height:1.2;
	margin:0 0 10px 0;
	padding:0 0 0 5px;
	color:#222;
	font-weight:bold;
}

#member_add_wrap table {
	border-collapse:collapse;
	margin:0 0 10px 0;
}

#member_add_wrap table td,
#member_add_wrap table th {
	border:solid 1px #DDDDDD;
	padding:5px 10px;
	vertical-align:top;
}

#member_add_wrap table td.center {
	text-align:center;
}

#member_add_wrap table th {
	white-space:nowrap;
	background:#F9F9F9;
	font-weight:bold;
}

#member_add_wrap table th.top {
	background:#EEEEEE;
}

/*==============================================================================
 * マイスペシャリスト
 *----------------------------------------------------------------------------*/

.adviser{
	margin:20px 0 10px 0;
}
.adviser h1{
	font-size:1.5em;
	margin:0 0 10px 0;
}