@charset "utf-8";

@import url(base.css);




/*
-----------------------------------------------------------------------
基本レイアウト
-----------------------------------------------------------------------
*/

body{
	color:#505050;
	background-color: #FDEFD4;
	}

div#wrapper{
	width:770px;
	margin:0 auto;
	clear:both;
	}

div#st{
	display:none;
}

div#maincont{
	width:770px;
	background:url(../img/bg_contstop.gif) no-repeat;
	padding-top:15px;
	}
	
div#bgcont{
	width:720px;
	background:url(../img/bg_conts.gif) repeat-y;
	padding:10px 25px 0px;
	
	}

/* ---- h ---- */
	
h2{
	text-indent:-9999px;
	width:770px;
	height:215px;
	background:url(../img/title.jpg) no-repeat;
	margin-bottom:5px;
	}
	
h4{
	text-indent:-9999px;
	width:719px;
	height:23px;
	margin-bottom:15px;
	}
	
h4#h4-01{ background:url(../img/h_step.gif) no-repeat;}
h4#h4-02{ background:url(../img/h_model.gif) no-repeat;}

/* ---- select ---- */

div#selectbox{
	width:720px;
	clear:both;
	margin-bottom:20px;
	}

div#user{
	width:240px;
	float:left;
	}
	
div#user p#name{
	width:220px;
	height:30px;
	vertical-align:middle;
	text-align:center;
	font-size:115%;
	font-weight:600;
	padding-top:5px;
	text-decoration:underline;
	}

div#select-conts{
	width:480px;
	float:right;
	}

div#select-conts div.selector{
	width:480px;
	height:70px;
	background:url(../img/bg_select.gif) no-repeat;
	clear:both;
	margin-bottom:5px;
	}
	
div#select-conts div.selector p{
	text-indent:-9999px;
	width:221px;
	height:32px;
	float:left;
	margin:25px 0px 0px 10px;
	}
	
div#select-conts div.selector img{
	width:196px;
	float:right;
	margin:5px 3px 0px 0px;
	}
	
div#select-conts div#select01 p{ background:url(../img/t_assesform.gif) no-repeat;}
div#select-conts div#select02 p{ background:url(../img/t_sale.gif) no-repeat; margin-left:25px;}
div#select-conts div#select03 p{ background:url(../img/t_reserve.gif) no-repeat; margin-top:20px;}


/* ---- step ---- */


div#stepconts{
	width:680px;
	padding:15px 10px;
	background-color:#F9F0D5;
	margin:0px auto 20px;
	text-align:center;
	}
	
div#stepconts div.stepbox{
	width:660px;
	margin:0 auto;
	background:url(../img/step_tonext.gif) no-repeat center bottom;
	padding:10px 0px 30px;
	clear:both;
	}
	
div#stepconts div#sbox-first{
	margin-top:15px;
	}
	
div#stepconts div.stepbox img{
	width:72px;
	float:left;
	padding-left:10px;
	}
	
div#stepconts div.stepbox p{
	width:557px;
	float:right;
	text-align:left;
	margin-bottom:7px;
	}
	
div#stepconts div.stepbox p.h-step{
	text-indent:-9999px;
	height:15px;
	}
	
div#stepconts div.stepbox p#step01{background:url(../img/st_step01.gif) no-repeat;}
div#stepconts div.stepbox p#step02{background:url(../img/st_step02.gif) no-repeat;}
div#stepconts div.stepbox p#step03{background:url(../img/st_step03.gif) no-repeat;}
div#stepconts div.stepbox p#step04{background:url(../img/st_step04.gif) no-repeat;}
div#stepconts div.stepbox p#step05{background:url(../img/st_step05.gif) no-repeat;}

div#stepconts p#btn-assesment{
	text-indent:-9999px;
	width:283px;
	background:url(../img/btn_assesment.jpg) no-repeat;
	margin:0 auto;
	}
	
div#stepconts p#btn-assesment a{
	height:61px;
	display:block;
	}
	
div#stepconts p#btn-assesment a:hover{background:url(../img/btn_assesment.jpg) no-repeat 0 -61px;}



/* ---- table ---- */

table#model-table{
	width:680px;
	margin:0px auto 30px;
	text-align:center;
	border:0;
	}
	
table#model-table td.m-img{
	border:#CEBABA 1px solid;
	}
	
table#model-table td.career{
	background:#CEBABA;
	border:#CEBABA 1px solid;
	}
	
table#model-table td.m-name{
	font-size:80%;
	line-height:1.2em;
	padding-top:3px;
	}

table#model-table td.m-name a{
	color:#5D1B1B;
	}
	
/* ---- footer ---- */

div#copyright{
	width:770px;
	background:#5D1B1B;
	padding:0;
	}

div#copyright p{
	height:40px;
	text-indent:-9999px;
	background:url(../img/copyright.gif) no-repeat;
	margin:0 auto;
	}

p#pagetop{
	width:76px;
	text-indent:-9999px;
	background:url(../img/totop.gif) no-repeat;
	margin-left:650px;
	
	}
	
p#pagetop a{
	height:15px;
	display:block;
	}
	
p#pagetop a:hover{background:url(../img/totop.gif) no-repeat 0 -15px;}



/*
----------------------------------------------------------------------------
huckclearfix
----------------------------------------------------------------------------
*/

div#stepconts div.stepbox:after,
.clf:after{
	content: "";
	display: block;
	height:0;
	clear: both;
	visibility:hidden;
	}	

div#stepconts div.stepbox,
.clf{
	display:inline-block;
	}
 
/*\*/


* html div#stepconts div.stepbox,
* html .clf{
	height:1%;
}

div#stepconts div.stepbox,
.clf{
	display:block;
	}

/**/