@charset "utf-8";
/* CSS Document */

div.message
{
	margin:10px 15px;
}

#welcome{
	font-weight:bold;
	font-size:16pt;
	border-bottom:solid 2px #003366;
}

/*------------------*/
/* application form */
/*------------------*/
#application_form, #confirm_area, #modify_form, #modify_confirm, #material_form{
	width:530px;
	height:500px;
}

#application_form, #confirm_area{
	background-image:url(../../images/service/member_add.png);
}

#modify_form, #modify_confirm{
	background-image:url(../../images/service/member_infor.png);
}

#material_form{
	background-image:url(../../images/service/member_material.png);
}

#application_form div.body, #confirm_area div.body, #modify_form div.body, #modify_confirm div.body, #material_form div.body{
	margin:30px;
}

#application_form img, #confirm_area img, #modify_form img, #modify_confirm img, #material_form img{
	vertical-align:middle;
}

#application_form div.label, #confirm_area div.label, #modify_form div.label, #modify_confirm div.label, #material_form div.label{
	font-weight:bold;
	width:140px;
}

#confirm_area div.text, #modify_confirm div.text{
	background-color:#99FF88;
	width:300px;
	margin:0px;
	border-bottom:dotted 1px;
}

#confirm_area div.text{
	background-color:#99FF88;
}

#modify_confirm div.text{
	background-color:#FFDD99;
}

/*------------*/
/* login form */
/*------------*/
#login_form{
	text-align:center;
	width:550px;
}

#login_form div.bg{
	background-image:url(../../images/service/login_bg.png);
	width:320px;
	height:230px;
	float:none;
	margin:auto;
	text-align:left;
}

#login_form a.btn_add_member{
	margin:auto;
	display:block;
	background-image:url(../../images/service/b_start.png);
	width:240px;
	height:35px;
}

#login_form a.btn_add_member:hover{
	background-position:0px -35px;
}

#login_form div.body{
	margin:36px 20px;
}

#login_form div.label{
	width:90px;
	font-weight:bold;
	color:#FFFFFF;
	margin-top:13px;
	font-size:12px;
}

#login_form input{
	border-style:none;
	border-width:0px;
	width:170px;
	height:14px;
	margin-top:13px;
}

#login_form input.login{
	background-image:url(../../images/service/b_login_n.png);
	width:140px;
	height:55px;
}

#login_form input.reset{
	background-image:url(../../images/service/b_reset_n.png);
	width:140px;
	height:55px;
}

.free_rental{
margin:0px 0px 0px 310px;
}

/*-----------------*/
/* navigation link */
/*-----------------*/
#navi_link{
	height:50px;
	width:800px;
	line-height:50px;
}

#navi_link *{
	float:left;
}

#navi_link div.left{
	width:400px;
}

#navi_link div.right{
	width:150px;
	text-align:right;
}

#navi_link div.right *{
	float:none;
}

#navi_link a.mypage{
	display:block;
	background-image:url(../../images/service/b_home.png);
	width:140px;
	height:35px;
}

#navi_link a.mypage:hover{
	background-position:0px 35px;
}

#navi_link a.logout{
	display:block;
	background-image:url(../../images/service/b_logout.png);
	width:140px;
	height:35px;
}

#navi_link a.logout:hover{
	background-position:0px 35px;
}



#del_images_list div.cell{
	border-bottom:solid 1px #000055;
	margin:5px;
}

/* get url */
#get_url img{
	vertical-align:middle;
	margin:5px;
}


#base_images_list{
	overflow:auto;
	width:470px;
	height:250px;
	background-color:#bbEEFF;
}

#base_images_list div.cell{
	width:150px;
	height:40px;
}

#base_images_list div.cell *{
	vertical-align:middle;
}


/* image generator rantal title banner area on login page */
#ig_rental{
	position:relative;
	margin:10px;
	width:520px;
	height:230px;
}

#ig_rental a.about{
	display:block;
	background-image:url(../../images/generator/rental/b_about_igr.png);
	width:240px;
	height:35px;
	position:absolute;
	left:5px;
	top:20px;
}

#ig_rental a.about:hover{
	background-position:0px 35px;
}

/*-------------*/
/* banner page */
/*-------------*/
#logo .cell{
	text-align:center;
	vertical-align:bottom;
	margin:10px;
}

#banner li{
	list-style-image:url(../../images/base/list02.png);
}

.caption{
	font-weight:bold;
}