/* CSS Document */

@charset "shift_jis";

/* reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
    margin:0;padding:0;
}

table{
    border-collapse:collapse;border-spacing:0;
}

img {
	vertical-align: bottom;
	border:0;
}

ol, ul {
	list-style: none;
}


/* 基本設定 */

html{
	overflow-y:scroll;
}

body {
	margin:0;
	padding:0;
	color:#000000;
	text-align: center;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic","Osaka",Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
}

.txt_active {
    ime-mode: active;
}

.txt_inactive {
    ime-mode: inactive;
}

p.message{
	text-align:left;
	padding:5px 30px 5px;
}

.step{
	text-align:center;
	margin:0px auto 15px;
}

.text_red{
	color:#F00;
}


/* 共通部分
========================================== */

/*-- header 
------------------------------------------------------*/
#header_bg{
	background:url(../img/header_bg.gif) left bottom repeat-x;
	text-align:center;
	padding-bottom:5px;
}

#header{
	width:900px;
	margin:0 auto;
	text-align:left;
}

#header p {
    font-size: 0;
    text-indent: -9999px;
}

a.human_logo:link,
a.human_logo:hover,
a.human_logo:visited,
a.human_logo:active{
	margin:5px 0 5px 0;
	background:url(../img/human_ris_logo_grand02.gif) top left no-repeat;
	width:370px;
	display:block;
	padding:46px 0 0 60px;
	font-size: 10px;
	color: #042D7A;
    text-decoration: none;
}

#header_left{
	float:left;
}

#header_right{
	float:right;
}

#header p.catch {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../img/h_copy.gif");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    height: 17px;
    width: 255px;
	float:left;
}

#header ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin:0;
    padding:0;
    width: 126px;
	float:left;
}
#header ul li {
    float: left;
    text-indent: -9999px;
    width: 42px;
}
#header ul li a {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../img/h_bt00.gif");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat:no-repeat;
    background-size: auto auto;
    display: block;
    height: 17px;
    text-decoration: none;
    width: 42px;
}
#header ul li.manabu a {
    background-position: 0 0;
}
#header ul li.resocia a {
    background-position: -42px 0;
}
#header ul li.hlc a {
    background-position: -84px 0;
}


/*-- page inner
------------------------------------------------------*/


#page{
	background-color:#d7d6d0;
	padding-bottom:20px;
	font-size:13px;
}

#page_wrap{
	width:912px;
	background:url(../img/bg_contents.gif) top center repeat-y;
	text-align:center;
	margin:0 auto;
}

#page_bg{
	width:912px;
	background:url(../img/bg_page.jpg) top center no-repeat;
	text-align:center;
	margin:0 auto;
	padding-top:40px;
}

#page_bottom_area{
	margin-top:40px;
}


/* contents */

#contents{
	clear:both;
	width:820px;
	background:url(../img/bg_box.gif) bottom center no-repeat;
	text-align:center;
	margin:0 auto;
	padding-bottom:40px;
}

#contents h1{
	background:#FFF url(../img/h1_bg.gif) left top no-repeat;
	font-size:18px;
	color:#FFF;
	padding:20px 30px 0;
	height:50px;
}


/*-- footerarea	
------------------------------------------------------*/
#footerarea{
	margin-top:36px;
	background:url(../img/bg_footerarea.jpg) left top repeat-x #fff;
	}	
#footerarea	#copyright{
/*	display:inline-block;*/
	padding:8px 0 0px 0;
	}
/* for ie7 */	
*:first-child+html #footerarea	#copyright {
	padding:8px 0 8px 0;
}



/* ---------- clearfix ---------- */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;}
.clearfix {display: block;} /* End hide from IE-mac */

div,
dl {
    display: inline-table;
    min-height: 1%;
}


/* for macIE \*/
* html div,
* html dl {
    height: 1%;
}

div,
dl {
    display: block;
}


/* for IE 5.5-7 */
div,
dl{
    zoom: 1;
}


/* 入力画面
========================================== */


/* エラー表示 */

p.errorText{
	color:#F00;
	font-weight:bold;
}

p.attention{
	font-size:11px;
}


/* 項目テーブルコンテナ */

div#formContainer{
	margin-top:30px;
}

table#itemTable{
	width:760px;
	margin:10px auto 0;
	position:relative;
	border-top:1px dotted #CCC;
}

table#itemTable tr.formTitle th{
	font-weight:bold;
	text-align:left;
	font-size:14px;
}

table#itemTable tr.formTitle td{
	vertical-align:bottom;
}

table#itemTable th{
	padding:5px 3px 0px;
	*padding-top:8px;
	width:199px; /*205px*/
	font-size:12px;
	text-align:right;
	font-weight:normal;
	color:#333;
	vertical-align:top;
}

table#itemTable td{
	padding:3px;
	font-size:12px;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
}

table#itemTable td.tdSituation{
	width:36px;
	padding:4px 5px 0px;
	*padding:3px 5px;
	vertical-align:top;
}

table#itemTable td.tdConfirm{
	width:20px;
	padding:4px 5px 0px;
	*padding:3px 5px;
	vertical-align:top;
}

table#itemTable td.tdItem input{
	padding:0 1px 0 4px;
	height:19px;
	width:220px;
}

table#itemTable td.tdItem input.min{
	padding:0 1px 0 4px;
	height:19px;
	width:160px;
}

table#itemTable td.tdItem input.long{
	padding:0 1px 0 4px;
	height:19px;
	width:290px;
}

table#itemTable td.tdItem input.min80{
	padding:0 1px 0 4px;
	height:19px;
	width:80px;
}

table#itemTable td.tdItem input.wide{
	width:440px;
}

table#itemTable td.tdItemZip input{
	padding:0 1px 0 4px;
	height:19px;
	width:120px;
}

table#itemTable .textarea01{
	width:400px;
	height:50px;
	padding:2px 4px;
	font-size:12px;
}

table#itemTable .textarea02{
	width:440px;
	height:50px;
	padding:2px 4px;
	font-size:12px;
}

table#itemTable .textarea03{
	width:440px;
	height:80px;
	padding:2px 4px;
	font-size:12px;
}

table#itemTable td ul li{
	font-size:10px;
	display:inline;
    white-space: nowrap;
}

table#itemTable td ul li label{
	padding:0 5px 0 3px;
}

/* ドット区切り線 */

table#itemTable tr.tdBottomLine > th,
table#itemTable tr.tdBottomLine > td{
	border-bottom:1px dotted #CCC;
	padding-bottom:10px;
}


/* 送信、個人情報保護方針他 */

.iframe01{
	width:760px;
	height:150px;
	margin:0 auto 0 auto;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
}

div.inputBtnArea{
	padding:20px 0;
	text-align:center;
}

div.inputBtnArea .btn2{
	margin-left:20px;
}


/* footer */

table#footerItem{
	clear:both;
	width:290px;
	height:90px;
	text-align:center;
	margin:0 auto;
}

table#footerItem td{
	vertical-align:top;
	text-align:center;
}

p#copyright{
	clear:both;
	font-size:10px;
	padding:10px 0 15px
}


/* 完了画面
========================================== */

p.thanksMessage{
	clear:both;
	padding-top:10px;
	text-align:center;
	*line-height:150%;
	font-size:18px;
	font-weight:bold;
}

p.thanksMessage em{
	margin:20px 0 20px;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	color:#69960a;
	display:block;
}

p.thanksMessage span{
	font-size:10px;
	display:block;
}

#thanksBtnArea p{
	clear:both;
	padding-top:40px;
	text-align:center;
}

img.thanks_img{
	margin:10px auto;
	display:block;
}

.thanks_item{
	width:400px;
	text-align:left;
	margin:10px auto;
}

.thanks_item ul li{
	text-indent:-5px;
	padding-left:5px;
}

#thanksBtnArea{
	margin:0 auto;
}

div.thanksCalender{
	margin:0 auto;
	text-align:center;
}

h2.thanksKengakuTitle{
	clear:both;
	padding-top:40px;
	font-size:16px;
	text-align:center;
	color:#699A1C;
	background:url(../images/featureLine.gif) center bottom no-repeat;
}

table#thanksTable{
	width:540px;
	margin:10px 0 10px 60px;
	position:relative;
}

table#thanksTable th{
	padding:5px 3px 0px;
	*padding-top:8px;
	width:150px; /*205px*/
	font-size:12px;
	text-align:right;
	font-weight:normal;
	color:#077550;
	vertical-align:top;
}

table#thanksTable td{
	padding:3px;
	font-size:12px;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
}

table#thanksTable td.tdSituation{
	width:36px;
	padding:4px 5px 0px;
	*padding:3px 5px;
	vertical-align:top;
}