@charset "Shift_JIS";



/* ################################################### */

/* #                                                 # */

/* #                                                 # */

/* #                コンテンツ用css　                # */

/* #                                                 # */

/* #                                                 # */

/* ################################################### */







/*コンテンツ関連テンプレ

---------------------------------------------------- */
#Header-popup {
	background-image:url(../img/common/bg_head-line.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	height:68px;
	margin-bottom:3px;
	position:relative;
}

#Header-popup div.ts3 img {
	margin-top:12px;
	vertical-align:top;
}

#Header-popup div.ts3 img.txtlogo {
	margin-left:10px;
	margin-top:19px;
}

#areacenter {

	text-align:center;

}



.aloneapply {

	margin-top:10px;

	text-align:center;

}



form{

	margin:0px;

	padding:0px;

}



#contentsflat .red-right {

	text-align:right;

	color:#FF0000;

	padding-right:10px;

}



#contentsflat .nagare {

	margin-top:15px;

}



#contentsflat .how {

	width:830px;

	padding:20px 0;

}



#contentsflat .how img,

#contentsflat .how input{

	padding-top:15px;

	margin-top:10px;

}



#contentsflat .how .howleft {

	float:left;

	width:390px;

	border:solid 1px #CCC;

	text-align:center;

	margin:0 0 10px 5px ;

	padding:0;

	height:15em;

}



#contentsflat .how .howright {

	float:right;

	width:380px;

	border:solid 1px #CCC;

	text-align:center;

	margin:0 0 0 5px ;

	padding:0;

	height:15em;

}

#contentsflat .how .howflat {

	width:648px;

	border:solid 1px #CCC;

	text-align:center;

	margin-left:100px;

	padding:15px 0;

}

/* IE6専用ハック \*/

*html #contentsflat .how .howflat {

	width:650px;

}

/* IE6専用ハック */

#contentsflat .how .howflat p {

	text-align:center;

}

.flow .flowleft p.h3,

.flow .flowright p.h3 {

	height:70px !important;

}



#contentsflat .how p{

	margin:10px 5px 0 10px;

	text-align:left;

}

#contentsflat p.ind2 {

	margin-left:10px;

}





/*flow*/

#contentsflat .flowarea {

	width:648px;

	margin-left:100px;

	margin-top:15px;

}





#contentsflat .flowarea .flow {

	width:648px;

	margin:15px 15px 0 0;

	border:0;

}



#contentsflat .flowleft {

	float:left;

	width:300px;

	border:solid 1px #CCC;

	vertical-align:top;

}



#contentsflat .flowright {

	float:right;

	width:300px;

	border:solid 1px #CCC;

	vertical-align:top;

	padding:0;

}

#contentsflat .flowflat {

	width:648px;

	border:solid 1px #CCC;

	margin-bottom:15px;

	text-align:left;

	padding-top:10px;

}

h3{

	margin-top:10px !important;

}

#contentsflat .flowflat h3.flat-set {

	display:inline;

}





/* ▼フロー用▼ */

#contentsflat dl.use-flowbox {

	border:1px solid #D0D0D0;

	width:648px;

	text-align:center;

	padding:5px 0;

	background-color:#F5F5F5;

}



#contentsflat dl.use-flowbox_w {

	width:648px;

	text-align:center;

	padding:5px 0;

}



/* IE6専用ハック \*/

*html #contentsflat dl.use-flowbox,

*html #contentsflat dl.use-flowbox_w  {

	width:650px;

}

/* IE6専用ハック */

#Right-contents dl.close {

	margin-bottom:10px;

}

#contentsflat dl.use-flowbox dt ,

#contentsflat dl.use-flowbox dd ,

#contentsflat dl.use-flowbox_w dt,

#contentsflat dl.use-flowbox_w dd{

	font-size:1.3em;

	line-height:150%;

	padding:3px 0;

	text-align:center;

	margin:0 auto;

}



/* IE6専用ハック \*/

*html #contentsflat dl.use-flowbox dt ,

*html #contentsflat dl.use-flowbox dd,

*html #contentsflat dl.use-flowbox_w dt,

*html #contentsflat dl.use-flowbox_w dd{

	margin:0;

}

/* IE6専用ハック */

#contentsflat dl.use-flowbox dd.rice {

	font-size:1.3em;

}

#contentsflat dl.use-flowbox dd p.pagelink {

	font-size:1em;

	text-align:left;

	float:right;

	margin:0;

}

#contentsflat dl.use-flowbox dd.rice-s {

	font-size:1.1em;

	text-align:left;

	margin:0 0 0 120px;

	padding:0;

}

#contentsflat dl.use-flowbox dd.pt3 {

	padding-top:3px;

}

#contentsflat dl.use-flowbox dd.pb3 {

	padding-bottom:3px;

}

#contentsflat dl.use-flowbox dd.rice-red {

	font-size:1.1em;

	color:#E60000;

}

#contentsflat dl.use-flowbox dt img ,

#contentsflat dl.use-flowbox dd img {

	margin:5px 0;

}

#contentsflat dl.use-flowbox dt strong {

	font-size:1.2em;

}

#contentsflat .arrow-center{

	text-align:center;

	margin:2px auto;

	width:650px;

}

/* ▲フロー用▲ */







input.bottom {

	font-size:1.2em;

	margin-bottom:5px;

}



.nagare{

	margin-left:8px;

}





/* jsp table用

---------------------------------------------------- */

#contentsflat table {

	width:820px;

	margin-left:10px;

	font-size:1.3em;

}



#contentsflat table.form tr td {

	border:#A1A1A1 solid 1px;

	border-collapse:collapse;
	padding-top:6px;
	padding-bottom:6px;
}



/*　▼　td右幅　▼　*/



#contentsflat .tdright {

	text-align:right;

	padding-right:15px;

}



#contentsflat .tdright1 {

	text-align:right;

	padding-right:30px;

}





#contentsflat .tdright2 {

	text-align:right;

	padding-right:45px;

}



/*　▼　td左幅　▼　*/



#contentsflat .tdleft {

	text-align:left;

	padding-left:15px;

	padding-right:15px;

}



#contentsflat .tdleft1 {

	text-align:left;

	padding-left:30px;

}





#contentsflat .tdleft2 {

	text-align:left;

	padding-left:45px;

}



/*　▼　td中央　▼　*/



#contentsflat .tdcenter {

	text-align:center;

}



#contentsflat .white {

	border-left:#FFF solid 1px !important;

	border-right:#FFF solid 1px !important;

}



#contentsflat .white h3{

	margin-left:-1px;

	font-size:1em;

}





/*　▼　【ご注意】用　▼　*/



table.notice {

	width:680px;

	border:#A1A1A1 solid 1px;

	border-collapse:collapse;

}



table.notice td {

	border:#A1A1A1 solid 1px;

	border-collapse:collapse;

	padding:7px 0 5px 10px ;

	font-size:1em;

	line-height:1.5em;

}



/*　▼　tdカラー　▼　*/



/*濃グレー*/

.notice .tdcolor1,

#contentsflat .tdcolor1 {

	background-color:#D0D0D0;

}

/*薄グレー*/

.notice .tdcolor2,

#contentsflat .tdcolor2 {

	background-color:#F4F4F4;

}

/*イエロー*/

.notice .tdcolor3,

#contentsflat .tdcolor3 {

	background-color:#FFF8D0;

}

/*ブルー*/

.notice .tdcolor4,

#contentsflat .tdcolor4 {

	background-color:#CEE4F9;

}



#areacenter form{

	font-size:1.2em;

	margin-bottom:5px;

}