/*--------------------------------------------------------------------
リンクのスタイル
---------------------------------------------------------------------*/
A {text-decoration : none}
A:link{text-decoration:underline}
A:visited {text-decoration:underline}
A:hover {color:#00CCCC;text-decoration:underline}






/*--------------------------------------------------------------------
bodyとid=pagesのスタイル
---------------------------------------------------------------------*/
body
{
	margin				: 0px;
	padding				: 0px;
	text-align			: center;
	background-color	: #f0f0f0;
}

#pages
{
	width				: 700px;
	margin				: auto;
	border				: 1px #abc solid;
	background-color	: #fff;
}



/*--------------------------------------------------------------------
id=headとid=footのスタイル
---------------------------------------------------------------------*/

#head
{
	margin-bottom		: 32px;
	background-image	: url("../img/title.gif");
	background-repeat   : no-repeat;
}

#head a
{
	display				: block;
	height				: 120px;
	width				: 700px;
	text-indent 		: -9999px;
	text-decoration		: none;
}




#foot
{
	margin-top			: 64px;
	background-image	: url("../img/footer.gif");
	background-repeat   : no-repeat;
	height				: 32px;
	width				: 700px;
	font-size			: 80%;
}


/*--------------------------------------------------------------------
id=contentsのスタイル
---------------------------------------------------------------------*/
#contents
{
	width				: 670px;
	margin				: auto;
}
/*
#contents p
{
	text-align			: left;
}
*/


/*エラーメッセージ*/
p.msg
{
	color				: #f00;
}



/************************************** 
コメント部分共通スタイル 
***************************************/
p.txt_comp,
.sr_card p,
.sr_cnfm p
{
	width				: 600px;
}

#contents .notes p,
.sr_card p,
.sr_cnfm p
{
	text-align			: left;
}

p.txt_comp,
.sr_card p span
{
	text-align			: center;
}



/**************************************************
登録完了画面のスタイル
***************************************************/
/*コメント部分*/
p.txt_comp
{
	font-size			: 80%;
}

span.passwrod
{
	font-weight			: bold;
	color				: #f00;
}






/**************************************************
一覧画面のスタイル
***************************************************/
.sr_list .notes
{
	background-color	: #bcd;
	border				: 1px #bcd solid;
}

/*コメント部分*/
.sr_list .notes p
{
	margin				: 0;
	padding				: 8px;
    line-height:1.5em;
}



.sr_list .notes table
{
	width				: 100%;
}

.sr_list .notes th,
.sr_list .notes td
{
	padding				: 6px;
    font-size           : 12px;
}

.sr_list .notes th
{
	font-weight			: normal;
	white-space			: nowrap;
	background-color	: #ff9;
}

.sr_list .notes td
{
	background-color	: #fff;
}



/**タブ切替部分のスタイル**/
.sr_list .tab
{
	border				: none;
}


.sr_list .tab td
{
	padding				: 4px;
}


/**************************************************
詳細画面&確認画面のスタイル
***************************************************/
/*コメント部分*/
.sr_card p span
{
	display				: block;
	margin-bottom		: 8px;
}


.sr_card table,
.sr_cnfm table
{
	margin-bottom		: 16px;
	width				: 640px;
	background-color	: #999;
}

.sr_card th,
.sr_card td,
.sr_cnfm th,
.sr_cnfm td
{
	text-align			: left;
	padding				: 6px 6px;
}

.sr_card th,
.sr_cnfm th
{
	text-align			: left;
	padding				: 4px 6px;
	/*width				: 150px;*/
	width				: 155px;
	vertical-align		: middle;
	white-space			: nowrap;
	color				: #000000;
	font-size			:90%;
	font-weight			:bold;
}


.sr_card th.title,
.sr_cnfm th.title
{
	background-color	: #ddd;
	width				: 100%;
}

.sr_card td,
.sr_cnfm td,
.sr_cnfm th
{
	background-color	: #fff;
}

/*
.sr_card td,
.sr_cnfm td
{
	width				: 490px;
}
*/

.sr_card td.txt1,
.sr_cnfm td.txt1
{
	width				: 140px;
}

.sr_card td.box_txt,
.sr_cnfm td.box_txt
{
	width				: 340px;
}


.sr_cnfm table{
   border-collapse:  collapse;     /* セルの線を重ねる */	
}

.sr_cnfm th,
.sr_cnfm td{
	border: solid #555555 1px;
}





/**************************************************
詳細画面のスタイル
***************************************************/
.sr_cnfm .page_title p
{
	width				: 200px;
	float				: left;
	padding-left		: 16px;
}

.sr_cnfm .notes p
{
	width				: 240px;
	float				: right;
	line-height			: 180%;
}

.notes span.c_red,
.notes span.kokai
{
	padding				: 2px;
}


.notes span.kokai
{
	background-color	: #ffa;
}

/**********************************************
 ログイン画面のスタイル
.login_pages table
{
	margin				: 24px auto;
}

.login_pages th
{
	text-align			: right;
	font-weight			: normal;
}

************************************************/




/*--------------------------------------------------------------------
ページモードによりバックグランドを変える
---------------------------------------------------------------------*/
/*確認画面*/
#contents .mode_kakunin{
	background-color:#FFA;
}

/*詳細画面*/
#contents .mode_shosai{
	background-color	: #F0F0F0;
}


/*--------------------------------------------------------------------
フォーム
---------------------------------------------------------------------*/
/* ラベル　縦表示項目 */

#contents td.label-radio-a label,
#contents td.label-radio-b label,
#contents td.label-radio-b label p{
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

#contents td.label-radio-a label {
    margin-bottom: 10px;
}

#contents td.label-radio-b label {
    margin-bottom: 10px;
    margin-right: 10px;
    float: left;
}

#contents td.label-radio-b label:after{
	content: "";
	clear: both;
	display: block;
}

#contents td.label-radio-b label input{
    float: left;
}

#contents td.label-radio-b label p{
    margin-top: 2px;
    float: left;
}





/*--------------------------------------------------------------------
文字装飾スタイル
---------------------------------------------------------------------*/

.txt{color: #000000; font-size:90%; line-height:140%}
.txt1{color: #000000; font-size:90%}
.txt0{color: #000000; font-size:95%; line-height:140%}
.c_red{color: #FF0000; font-weight:bold;}
.c_red_u{color: #FF0000;text-decoration:underline}
.red{color: #FF0000;  font-size:90%; font-weight:bold}
.bold{color: #000000; font-size:90%;  font-weight:bold}
.bold_l{color: #000000; font-weight:bold}
.bold_w{color: #FFFFFF; font-weight:bold; font-size:90%;}
.maru{color: #99CCCC}
.mini{color: #000000; font-size:80%}
/*
.minis{color: #000000; font-size:70%}
*/
.minis{color: #000000; font-size:60%}

.w{color: #FFFFFF}
.title{color: #000000; font-size:120%;font-weight:bold}
.hissu{color: #FF0000;  font-size:80%; font-weight:normal}
.txt2{color: #000000; font-size:80%; line-height:140%}