@CHARSET "UTF-8";
/*	main:	#797946		*/
/*	Xmain:	#6A6A3E		*/
/*	second:	#E4E4B3		*/
/*	text:	#4F4F2D		*/
/*	border:	#85854E		*/

/*  Review List */
@import "sub_kuchikomi.css";

/***********************************************/
/* Header                                      */
/***********************************************/
#tab { 
	margin-top:		5px; 
	padding:		0px; 
	width:			100%; 
	border-bottom:	5px solid #797946;
	height:			24px;
	overflow: 		hidden;
}

/***********************************************/
/* FOOTER                                      */
/***********************************************/
#footer { 
	margin:			0px; 
	text-align:		right; 
	font-weight:	bold; 
	border-top:		3px solid #797946;
}

#footer td {
	padding:		5px 10px; 	
}

/***********************************************/
/* Text                                        */
/***********************************************/
.color_main { 
	color:			#797946; 
}
.color_text	{ 
	color:			#4F4F2D; 
}
.color_small	{ 
	color:			#4F4F2D;
	font-size:		80%;
}
.bold_color { 
	font-weight:	bold; 
	color:			#4F4F2D;
}
.bold_color_large { 
	font-weight:	bold; 
	color:			#4F4F2D; 
	font-size:		120%;
}

.bold_color_small { 
	font-weight:	bold; 
	color:			#4F4F2D; 
	font-size:		80%;
}

.bold_color_left { 
	font-weight:	bold; 
	color:			#4F4F2D; 
	text-align:		left;
}

.bold_color_right { 
	font-weight:	bold; 
	color:			#4F4F2D; 
	text-align:		right;
}

/***********************************************/
/* BG Color                                    */
/***********************************************/
.bgcolor_main	{ background-color:#797946; }
.bgcolor_second	{ background-color:#E4E4B3; }

/***********************************************/
/* TITLE                                       */
/***********************************************/
.title_line { 
	text-align: 	left; 
	font-size:		100%; 
	color:			#4F4F2D; 
	width: 			90%; 
	border-bottom: 	1px solid #797946; 
	font-weight:	bold;
}
.title_top { 
	text-align: 	center; 
	font-size: 		110%; 
	line-height: 	1.3; 
	font-weight: 	bold; 
	color: 			#ffffff; 
	border:			1px solid #797946; 
	width: 			100%; 
	padding: 		0px; 
	margin: 		0px; 
	background-image: url('../image/member/title_back.gif'); 
}
.title_navi{ 
	text-align:		center; 
	width: 			100%; 
	padding:		3px 3px 3px; 
	margin:			0px; 
	border-top:		1px solid #85854E;
	font-weight:	bold; 
	font-size:		80%;
	color:			#FFFFFF; 
	background-image: url('../image/member/title_back.gif'); 
}
.title_sub { 
	text-align: 	left; 
	width: 			100%; 
	font-size:		95%; 
	color:			#4F4F2D; 
	font-weight:	bold;  
	padding:		10px 10px 2px 0; 
	margin:			0;
	border-right:	1px solid #D6D6D6;
	border-bottom:	1px solid #D6D6D6; 
	background-image: url('../image/member/subtitle_back.gif'); 
}

.title_uline	{ 
	border-bottom:	1px solid #AAAAAA;
	margin-bottom:	5px;
	font-size:		95%;
	text-align: 	left;
	width: 			100%; 
	color:			#4F4F2D;
	font-weight:	bold;  
	padding:		0 0 2px 10px;
	background-image: url('../image/member/point_s.gif');
	background-repeat: no-repeat;
	background-position: 1px top;
}

/***********************************************/
/* TABLE                                       */
/***********************************************/
.table_main { 
	background-color:	#797946;
	font-size:			80%;
	color:				#444444;
	border:				0px;
}
.table_title { 
	background-color:	#85854E;
	text-align:			center;
	color:				#ffffff;
	font-weight:		bold;
}

/***********************************************/
/* DATA                                        */
/***********************************************/
.data_title	{ 
	font-size:			80%;
	background-color:	#797946;
	text-align:			center;
	color:				#ffffff;
	font-weight:		bold;
}

/***********************************************/
/* Mail Navi                                   */
/***********************************************/
#mail_rv { 	
	padding-left:		30px;
	height:				25px;
	border-bottom: 		1px solid #DDDDDD;
	background-image:	url(../image/member/mail/receive.gif);
	background-position:7px 4px;
	background-repeat:	no-repeat;
	text-align:			left;					
}
#mail_st { 	
	padding-left:		30px;
	height:				25px;
	border-bottom: 		1px solid #DDDDDD;
	background-image:	url(../image/member/mail/sent.gif);
	background-position:7px 4px;
	background-repeat:	no-repeat;
	text-align:			left;					
}
#mail_tr { 	
	padding-left:		30px;
	height:				25px;
	border-bottom: 		1px solid #DDDDDD;
	background-image:	url(../image/member/mail/trash.gif);
	background-position:9px 4px;
	background-repeat:	no-repeat;
	text-align:			left;					
}

/***********************************************/
/* TOP NAVI                                    */
/***********************************************/


div#topnavi {
	width:			100%;
	height:			18px;
	margin:			0px;
	padding:		0px;
	clear:			both;
	background-image:url(../image/member/topnavi_bg.gif);
}

td#topnavi_side {
	padding:		0px;
	height:			18px;
	margin:			0px;
	clear:			both;
	background-image:url(../image/member/shadow.gif);
}

td#topnavi_path {
	font-size:		80%;
	padding:		0px;
	padding-top:	4px;
	padding-right:	10px;
	height:			18px;
	margin:			0px;
	clear:			both;
	background-image:url(../image/member/shadow.gif);
}
div#topnavi ul {
	text-indent:	0;
	margin: 		0;
	padding:		0;
}

div#topnavi li{
	height:			18px;
	display:		block;
	float:			left;
	list-style:		none;
	border:			0px solid black;
	margin:			0;
	padding:		0;
	background-position:0px 18px;
	font-size:		5px;
}


div#topnavi li.tp,
div#topnavi li.tp a {
	width:			73px;
	background-image:url(../image/member/tab_tp.gif);
}
div#topnavi li.pr,
div#topnavi li.pr a {
	width:			73px;
	background-image:url(../image/member/tab_pr.gif);
}

div#topnavi li.ml,
div#topnavi li.ml a {
	width:			73px;
	background-image:url(../image/member/tab_ml.gif);
}

div#topnavi li.se,
div#topnavi li.se a {
	width:			73px;
	background-image:url(../image/member/tab_se.gif);
}


div#topnavi li a {
	display:			block;
	height:				18px;
	text-indent:		-2000em;
	text-decoration:	none;
	background-position:0px 0px;
}

div#topnavi li a:hover {
	background-position:0px 18px;
}

/***********************************************/
/* MEMBER NAVI                                 */
/***********************************************/

#m_navi {
	background-color: 	#A3B544;
	border-collapse: 	collapse;
	border:				none;
	background-image: 	url(../image/member/m_navi.gif);
	width:				100%;
}

#m_navi_title {
	font-size:			150%;
	padding:			5px 0 0 10px;
	color:				#FFFFFF;
	text-align:			left;
}

#m_navi_by {
	font-size:			80%;
	color:				#797946;
	text-align:			right;
	vertical-align:		bottom;
	padding:			0 10px 3px 0;
	width:				180px;
	background-image: 	url(../image/member/m_navi_by.gif);
}


#m_subnavi {
	margin: 			0px;
	padding-left: 		12px;
}

#m_subnavi li {
	margin: 			0px;
	float:				left;
	margin-right:		10px;
	list-style: 		none;
}
#m_subnavi li.selected {
	background-image: 	url(../image/member/m_subnavi_selected.gif);
	background-position: left top;
	background-color: 	#FFFFFF;
}
#m_subnavi li.selected span.tab {
	background-image: 	url(../image/member/m_subnavi_selected.gif);
	background-position: right top;
	padding-right: 		10px;
	padding-bottom:		1px;
	display: 			block;
	font-size:			80%;
}
#m_subnavi li.unselected {
	background-image: 	url(../image/member/m_subnavi_unselected.gif);
	background-position: left top;
	background-color: 	#F7E47D;
}
#m_subnavi li.unselected span.tab {
	background-image: 	url(../image/member/m_subnavi_unselected.gif);
	background-position: right top;
	padding-right: 		10px;
	display: 			block;
	font-size:			80%;
}


#m_subnavi a {
	text-decoration: 	none;
}
#m_subnavi a:hover { 
	color:				red; 
	text-decoration:	underline; 
}


#m_subnavi li.selected a {
	padding-left: 	10px;
	color: 			#000000;
	display: 		block;
}
#m_subnavi li.unselected a {
	padding-left: 	10px;
	color: 			#000000;
	display: 		block;
}



/***********************************************/
/* Blog                                       */
/***********************************************/
.blog { 
	text-align:		left; 
	font-size:		80%; 
	padding:		5px; 
	vertical-align:	top;
}
div.blog img {
	margin: 		0 0 5px 10px; 
	float:			right; 
}

/***********************************************/
/* OTHER                                       */
/***********************************************/
.grey_site {
	text-align: 	left;
	padding:		3px 5px;
	background-color:#f3f3f3;
	font-size:		80%;
}