@charset "utf-8";

/*================================================
	�ėp
==================================================*/
/* for check
-------------------------------------*/
/* �g�b�v�y�[�W�w�b�_���̊m�F�p */
/* ���O�C���O�G���A */
#afterLogin{
/*	display: none;*/
}
/* ���O�C����G���A */
#beforeLogin{
/*	display: none;*/
}

/* �\�����������Ȃ��ꏊ��class�w�� */
.dispNo{
	display: none;
}

/* body
-------------------------------------*/
body {
	margin: 0;
	padding: 0;
	color: #464646;
	font-size: 12px;
	line-height: 140%;
	font-family: sans-serif;
}
/* Font
-------------------------------------*/
.small{
	font-size: 10px;
}
.big{
	font-size: 14px;
}

/* Align
-------------------------------------*/
.txtCenter{
	text-align: center;
}
.txtLeft{
	text-align: left;
}
.txtRight{
	text-align: right;
}


/* Form
-------------------------------------*/
form{
	margin: 0;
	padding: 0;
	border: 0;
}
/* Table
-------------------------------------*/
table {
	border: 0;
	border-collapse: collapse;
	border-spacing: 0; /* For NN6.0 higher or Opera*/
}

th, td {
	padding: 0;
	font-weight: normal;
}
/* Anchor
-------------------------------------*/
a {
	font-family: none;/* for mac */
	text-decoration: underline;
}

a:link {
	color: #098315;
	text-decoration: underline;
}

a:visited {
	color: #098315;
	text-decoration: underline;
}

a:hover {
	color: #ff0000;
	text-decoration: underline;
}

a:active {
	color: #ff0000;
	text-decoration: underline;
}

/* Color
-------------------------------------*/
.gray1{
	color: #a0a0a0;
}
.green1{
	color: #098315;
}

.red1{
	color:#CC0000;
}

.bgWhite{
	background-color: white;
}

/* image
-------------------------------------*/
img {
	margin : 0px;
	padding : 0px;
	border : none;
}

/* margin, padding
: p - padding / m - margin
: t - top / l - left
  b - bottom / r - right
: M - minus
-------------------------------------*/
.pt15{
	padding-top: 15px;
}

.pl10{
	padding-left: 10px;
}
.pl15{
	padding-left: 15px;
}

.pr160{
	padding-right: 160px;
}

.pr200{
	padding-right: 200px;
}

.ml5{
	margin-left: 5px;
}

.ml10{
	margin-left: 10px;
}
.ml15{
	margin-left: 15px;
}

.mt5{
	margin-top: 5px;
}

.mt20{
	margin-top: 20px;
}

.mtM3{
	_margin-top: -3px;
}

.mb5{
	margin-bottom: 5px;
}
.mb20{
	margin-bottom: 20px;
}

.ml20{
	margin-left: 20px;
}

.mr20{
	margin-right: 20px;
}

.mall20{
	margin-bottom:20px;
	margin-top:20px;
	margin-left:20px;
	margin-right: 20px;
}

.changeline{
	table-layout: fixed;
	overflow: hidden;
	text-overflow: ellipsis; 
	word-wrap: break-word
}
/* Mac UTF-8�̕��������h�~CSS�n�b�N */
/*\*//*/
textarea, select, input{
font-family: Osaka, "�q���M�m�p�SPro W3", "�l�r �o�S�V�b�N",Verdana,Arial,sans-serif;
}
/**/

@charset "utf-8";

/********************************************************/
/* ����
/********************************************************/
/* �y�[�W�ݒ�
-------------------------------------*/
.mainBox{
	width: 890px;
}
/* �w�i�ݒ�
-------------------------------------*/
/* ���̕��� */
.bgWhite100{
	width: 100%;
	background: white;
}
/* �F�̂‚��Ă镔�� */
.bgColor100{
	width: 100%;
	background: url(../img/kusukusu/main_bg.gif);
}
/* �w�b�_
-------------------------------------*/
#header{
	width: 890px;
	height: 125px;
	background-position: center;
}

#errorheader{
	width: 890px;
	height: 125px;
	background: url(../img/kusukusu/top_bg.gif);
}

.headNavi{
	text-align: right;
	padding-right: 85px;
	height: 125px;
}

.headerTitle{
	text-align: center;
}

.headerTitleRight{
	text-align: right;
}
/* �e�[�u���w�i�F�ݒ�
-------------------------------------*/
.tblWhite, .tblWhite2{
	background-color: white;
	width:750px;
	border: none;
}

/* �e�[�u�������ʒu�ݒ�
-------------------------------------*/
.tblWhite th{
	vertical-align: top;
}
.tblWhite td{
	vertical-align: bottom;
}

.tblWhite2 td{
	vertical-align: top;
}

/* �r��摜�̏㉺�Ԋu�ݒ�p
-------------------------------------*/
.line01{
	margin: 5px 0 12px 0;
}
.line02{
	margin: 12px 0;
}

/********************************************************/
/* �g�b�v�y�[�W
/********************************************************/
/* ���O�C���O�ilogout�j�E���O�C����ilogin�j
-------------------------------------*/
#logout{
	width: 890px;
	height:  45px!important;
}

#login{
	width: 890px;
	height:  45px!important;
	background: url(../img/kusukusu/top_bg_02.gif) no-repeat;	
} 

/* �R�����g���e�֘A
-------------------------------------*/
#btnArea{
	text-align: right;
	vertical-align: bottom;
	height: 45px!important;
}
#commentEntry{
	padding-bottom: 6px;
}
#commentEntry, #hiroba{
	background: url(../img/kusukusu/main_bg.gif);
}
#commentEntry textarea{
	border: 1px solid #a0a0a0;
	background-color: white;
	font-size: 12px;
	line-height: 140%;
	color: #464646;
	width: 480px;
}

/* �N�X�N�X�L��R�����g���X�g�t��
-------------------------------------*/
.lblComment{
	margin: 0 15px 0 15px;
}
.btnComment{
	margin: 0 15px 0 10px;
}
.hirobaImageArea{
	width: 40px;
	margin-left: 15px;
	margin-right: 10px;
	text-align: center;
}
.hirobaImageArea img{
	border: none;
	margin-top: 2px;
}
.hiroba1L{
	margin-bottom: 5px;
}
.hirobaTextArea{
	width: 650px;
	text-align: left;
}
/* ���e���ԁ����X�� */
.hirobaTime{
	margin-left: 6px;
	color: #a0a0a0;
}
.hirobaResNum{
	margin-left: 6px;
	color: #a0a0a0;
}
.hirobaResNum a{
	color: #a0a0a0!important;
}
.hirobaResNum a:link{
	color: #a0a0a0!important;
}
.hirobaResNum a:hover{
	color: #ff0000;
}
/* �y�[�W���[����
-------------------------------------*/
.pagerArea{
	text-align: center;
}
/* current page */
.pagerArea strong{
	/*color: #098315;*/
}

/* �u���̃y�[�W�̃g�b�v�ցv����
-------------------------------------*/
#gotoTop{
	text-align: right;
	padding-right: 65px;
}
#footer{
	padding-bottom: 20px;
	padding-top: 15px;
}

/* �t�b�^
-------------------------------------*/
#footerNavi, #copyright{
	text-align: right;
	margin-bottom: 10px;
	padding-right: 65px;
	color: #098315;
}

/********************************************************/
/* �}�C�y�[�W
/********************************************************/
/* �y�[�W�ݒ�
-------------------------------------*/
.mainBoxTbl{
	width: 750px;
	text-align: left;
}
.mainBoxTbl td{
	vertical-align: top;
}
/* ���O�̂Ƃ���
-------------------------------------*/
.myPageMyName{
	font-size: 18px;
	font-weight: bold;
}
.myPageMyName img{
	margin-right: 5px;
	vertical-align: middle;
	margin-bottom: 5px;
}
/* �y�[�W�Ͷ���̃J����
-------------------------------------*/
#mainBoxLeft table td{
	background-color: white;
}
/* ���O�̉��̓��e�G���A
-------------------------------------*/
#mainBoxLeft textarea{
	border: 1px solid #a0a0a0;
	background-color: white;
	font-size: 12px;
	line-height: 140%;
	color: #464646;
	width: 405px;
}
.myPageEntry{
	vertical-align: bottom;
	margin: 0;
	padding: 0;
}
/* ���e�G���A�̃{�^���ʒu�﭂����ɂ��炷 */
.myPageEntry img{
	vertical-align: -2px;
}
/* for IE6 */
* html body .myPageEntry img{
	vertical-align: -4px;
}

/* �N�X�N�X���X�g
-------------------------------------*/
#kusuListArea{
	padding-right: 15px;
}
/* �N�X�N�X���e���� */
.kusuStatus{
	margin-top: 6px;
	color: #a0a0a0;
}
.kusuStatus a{
	margin-left: 15px;
	color: #a0a0a0!important;
}
.kusuStatus a:link{
	margin-left: 15px;
	color: #a0a0a0!important;
}
.kusuStatus a:hover{
	color: #ff0000;
}
/* �R�����g�G���A */
.kusuList{
	padding-left: 5px;
}

.kusuListMsg{
	padding-left: 15px;
}
.kusuComment{
	margin-top: 15px;
	background-color: #f7f5f4;
	padding: 10px;
}
.kusuCommL1{
	margin-bottom: 3px;
	color: #a0a0a0;
}
.kusuCommL1 img{
	vertical-align: -1px;
}
.kusuCommDate{
	margin-left: 15px;
}

.kusuCommErr{
/* error�p-------------*/
	text-align: left;
	padding-left: 20px;
	padding-bottom: 8px;
}

/* �y�[�W�҆���̃J����
-------------------------------------*/
/* �Ƃ��BĂ�ʒu���킹�̂悤�Ȃ�̂ł����B */
#mainBoxCenter{
	width: 10px;
}

/* �y�[�W��E���̃J����
-------------------------------------*/
/* �v���t����
-------------------------------------*/
#profBoxArea table td{
	background-color: #d2cac3;
}
.profBox, .kusuLinkBox{
	margin: 6px 0 10px 15px;
}
/* �v���t��̎ʐ^ */
.myPhoto{
	margin-bottom: 5px;
	width: 185px;
	text-align: center;
}
/* �v���t��̖��O */
.myName{
	width:93%;
	font-size: 17px;
	color: white;
	font-weight: bold;
	margin-bottom: 10px;
	word-break:break-all;
}

.myInfo01, .myInfo02{
	margin-bottom: 6px;
}

/*���[�U�[�⭂������N�֒lj�*/
.addLink{ width:93%; }

/* �N�X�����N
-------------------------------------*/
#kusuLinkBoxArea table td{
	background-color: white;
}
#kusuLinkTitle img, 
.kusuLink01 img, .kusuLink02 img{
	margin-bottom: 5px;
}
.kusuLinkBox ul{
	margin: 0 0 10px 0;
	padding: 0;
}
.kusuLinkBox li{
	margin: 3px 5px 2px 17px;
	color: #098315;
}
.kusuLinkBox li img{
	vertical-align: -1px;
	margin-left: 2px;
}

/* �ݒ�
-------------------------------------*/
.KusuSetBox{
	background-color: white;
	vertical-align:top;
}

.KusuSetTiTle{
	font-size:16px;
	color:#99cc00;
	font-weight: bold;	
}

.KusuSetFont1{
	font-size:12px;
	color:#a0a0a0;	
}

.KusuSetFont2{
	text-align:left;
	font-size:12px;		
}

/* ���ʃ��j���[�p-------------*/
#KusuSet table td{
	background-color: white;
	width: 180px;
	text-align:left;
	font-size:14px;
	color: #098315;
	vertical-align:top;	
}

.KusuSetTbl{
	vertical-align:top;
}

.KusuSetFont1{
	vertical-align:top;
}

/* �p�X���[�h�ݒ�p-------------*/
#KusuPass table td{
	background-color: white;
	color:#a0a0a0;
	font-size:14px;
	text-align:left;
	padding-bottom: 10px;	
}

/* �N�X�����N�ݒ�p-------------*/
.KusuLinkTbl {
	background-color: white;
	color:#a0a0a0;
	font-size:14px;
	text-align:left;
	padding-bottom: 10px;	
}

.KusuLinkFont1{
	color:#a0a0a0;
	text-align:left;
	font-size:12px;
}

.KusuLinkFont2{
	color:#a0a0b1;
	text-align:left;
	font-size:14px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.KusuLinkFont3{
	color:#ff0000;
	font-size:12px;
	text-align:left;
}

.KusuLinkFont4{
	font-size:12px;
	text-align:left;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* �v���t�B�[���ݒ�p-------------*/
#KusuPro table td{
	background-color: white;
	color:#a0a0a0;
	font-size:14px;
	text-align:left;
	padding-bottom: 20px;
}

.KusuProFont1{
	padding-bottom: 20px;
	padding-top: 5px;	
	padding-right: 60px;
	text-align:left;
}

.KusuProFont2{
	text-align:left;
	font-size:12px;	
}

/* �ݒ芮���p-------------*/
.KusuSetOver td{
	background-color: white;
	color:#a0a0a0;
	font-size:14px;
	text-align:left;
	padding-bottom: 15px;
}

/* �G���[
-------------------------------------*/
.errTbl{
	background-color: white;
	text-align:left;
	vertical-align:top;
}

/* ���O�C��
-------------------------------------*/
.lgTbl {
	background-color: white;
}

/* lab�p-------------*/
.lgFont1 {
	color: #7d7d7d;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	width: 200px;
}

/* text�p-------------*/
.lgFont2 {
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;	
}

/* button�p-------------*/
.lgFont3 {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* error�p-------------*/
.lgFont4 {
	text-align: left;
	padding-left: 15px;	
}

/* title�p-------------*/
.lgFont5 {
	font-weight: bold;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #99cc00;
	text-align: left;
	font-size: 140%;
}

/* ���o�^
-------------------------------------*/
.rgsTbl {
	background-color: white;
}

#rgs-mdl {
	padding-right: 23px;
	padding-left: 23px;
	background: #ffffff;
	padding-bottom: 0px;
	margin: auto; 
	width: 685px;
	padding-top: 0px;
	text-align: left;
}

#rgs-mdl p {
	padding-left: 4px;
	font-size: 120%;
	padding-bottom: 4px;
	margin: 0px;
	color: #99cc00;
	padding-top: 4px;
	font-family: arial;
}

#rgs-mdl h2 {
	padding-left: 4px;
	font-size: 140%;
	margin: 0px;
	color: #99cc00;
	padding-top: 20px;
	padding-bottom: 4px;
	font-family: arial;
}

.kusuRgsTextarea{
	font-size: 12px;
	width: 200px
}
/* LAB�p-------------*/
.kusuRgsTd1{
	text-align: right;
	padding-top:10px;
	padding-right:10px;
	padding-bottom: 10px;
	padding-left:20px;
	width: 240px;	
	font-size: 14px;
}

/* TEXT�p-------------*/
.kusuRgsTd2{
	text-align: left;
	padding-top:10px;
	padding-left: 60px;
	padding-bottom: 10px;
}

/* ���ӂ��ĉ��o�^�p-------------*/
.kusuRgsTd3{
	text-align: left;
	font-size: 14px;
	color:#a0a0a0;
	padding-left: 60px;
	padding-top: 6px;
	padding-bottom: 3px; 
}

.kusuRgsTd3e{
	text-align: left;
	font-size: 14px;
	color:#a0a0a0;
	padding-left: 60px;
	padding-top: 6px;
	padding-bottom: 3px; 
	line-height: 22px;
}

.kusuRgsTd6{
	text-align: left;
	color:#a0a0a0;
	font-size: 14px;
	padding-left: 60px;
}

/* REDIO�p-------------*/
.kusuRgsTd4{
	text-align: left;
	padding-right: 30px;
}

/* TITLE�p-------------*/
.kusuRgsTd5{
	background-color: white;	
	font-weight: bold;
	padding-left: 23px; 
	padding-top: 10px;
	padding-bottom: 10px;
	color: #99cc00;
	text-align: left;
	font-size: 140%;
}

.kusuRgsTd7{
	text-align: left;
	padding-top:15px;
	padding-left: 60px;
	padding-bottom: 5px;
}


/* PIC1�p-------------*/
.kusuRgsPicTd1{
	text-align: right; 
	padding-right:10px;
	padding-top:15px;
	padding-bottom: 100px;
	padding-left:20px;
	width: 155px;
	font-size: 14px;  
}

/* PIC2�p-------------*/
.kusuRgsPicTd2{ 
	text-align: left;
	padding-top:10px;
	padding-bottom: 10px;
}

/* PIC3�p-------------*/
.kusuRgsPicTd3{
	text-align: left;
}

/* SCRP0801-------------*/
.kusuAgreeTbl{
	background-color: white;
	width: 180px;
	text-align:left;
	vertical-align:top;
}

.kusuAgreeTbltd {
	padding-left: 15px; padding-bottom: 8px; vertical-align: top; color: #7d7d7d; text-align: left
}

#kusuAgree table td{
	color:#a0a0a0;
	text-align: left;
}

.kusuAgreeFont1{
	font-weight: bold;
	padding-left: 23px; 
	padding-top: 10px;
	padding-bottom: 10px;
	color: #99cc00;
	text-align: left;
	font-size: 140%;
}

.KusuSecessionTd{
	width: 100px;
}

.KusuSecessionFont1{
	color:#000000;
	text-align:left;
	font-size:14px;
}

.KusuSecessionFont2{
	color:#000000;
	text-align:left;
	font-size:16px;
}

.KusuSecessionFont3{
	color:red;
	text-align:left;
	font-size:14px;
	padding-left:10px;
	vertical-align:middle;
}


/* タプ */
#tab {
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 1em;
	border-bottom: 2px solid #7F9DB9;
	overflow: hidden;
}
#tab div {
	float: left;
	width: 140px;
}
#tab div span {
	display: block;
	width: 130px;
	border: 1px solid #ccc;
	border-bottom: 0;
	
	color: #777;
	text-align: center;
	cursor: pointer;
	font-size:12px;
}
#tab div.present span {
	border-color: #7F9DB9;
	color: #000;
}

#page1, #page2, #page3, #page4, #page5 {
	
}