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

/*���f�U�C���d�l�A�w�b�_�[�}�[�W���A�摜�p�X�J�X�^�}�C�Y�@header�؊�������common.css�Ƀ}�[�W*/


/*common_header**********/
#common_header{
	width:890px;
	height:90px;
	padding:0 15px 0 15px;
	border-bottom:#666 1px solid;
	margin-bottom:0 !important;
}

#common_header #dti_logo{
	float:left;
	margin:23px 0 0 0;
}

/*=========================================
_common_login
=========================================*/
/*info_tab************************/
#tab {
	width:395px;
	height:auto;
	float:right;
	position:relative;
	margin:8px 0 0 0;
}

#tab ul#select_tab{
	width:60px;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

ul#select_tab li{
	margin:0 0 3px 0;
	width:63px;
	height:15px;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	display:block;
	border:#2d6c9f 1px solid;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	background:#ffffff;
	position:relative;
	behavior: url(/common/js/PIE.htc);
}

ul#select_tab li a,ul#select_tab li a:link,ul#tab li a:visited{
	text-decoration:none;
	color:#2d6c9f;
}

ul#select_tab li.selected{
	background:#2d6c9f;
	text-decoration:none;
}

ul#select_tab li.selected a{
	color:#FFFFFF;
	text-decoration:none;
}

#page1,#page2{
	width:323px;
	margin:0;
	padding:5px;
	border:#2d6c9f 1px solid;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:#e4edf4;
	position:absolute;
	top:0;
	left:60px;
	behavior: url(/common/js/PIE.htc);
}


#page1
{ display:block;
}

#page2 {
	display:none;
}

ul.form_list{
	margin:0;
	padding:0;
	list-style:none;
}

ul.form_list li{
	float:right;
	font-size:10px;
	background:url(../common/image/header/head_login_list_ico.png) no-repeat;
	background-position:0 1px;
	padding:0 0 0 10px;
	line-height:10px;
	margin:3px 0 0 5px;
}

/*login_form***************/
#login_form{
	width:225px;
	float:left;
	margin:0 0 0 5px;
}

#login_form .login_mail{
	width:160px;
	height:18px;
	border:#999999 1px solid;
	margin:0 0 3px 0;
	background:url(../common/image/header/head_login_bk_01.gif) left top no-repeat #FFF;
	padding-left:18px;
	float:left;
}

#login_form .login_pass{
	width:160px;
	height:18px;
	border:#999999 1px solid;
	background:url(../common/image/header/head_login_bk_02.gif) left top no-repeat #FFF;
	padding-left:18px;
	float:left;
}

#login_form .login_btn{
	float:left;
	margin:0 0 0 5px;
}

p.login_tit{
	width:50px;
	float:left;
	font-size:11px;
	margin:0 5px 0 5px;
}

p.login_tit span{
	font-size:14px;
	color:#2d6c9f;
	font-weight:bold;
}

.mail_check{
	width:180px;
	float:right;
	font-size:10px;
	margin:0;
	padding:0;
	height:13px;
	display:block;
}

/*=========================================
_common_search
=========================================*/
#common_search{
	width:270px;
	height:60px;
	float:right;
	margin:8px 0 0 10px;
	padding:5px 10px 5px 10px;
	border:#b7b6b6 1px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #ffffff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f5f5f5));
	background: -webkit-linear-gradient(#ffffff, #f5f5f5);
	background: -moz-linear-gradient(#ffffff, #f5f5f5);
	background: -ms-linear-gradient(#ffffff, #f5f5f5);
	background: -o-linear-gradient(#ffffff, #f5f5f5);
	background: linear-gradient(#ffffff, #f5f5f5);
	-pie-background: linear-gradient(#ffffff, #f5f5f5);
}

#common_search .search_txt{
	width:170px;
	height:18px;
	border:#999999 1px solid;
	margin:0 0 3px 0;
	background:url(../common/image/header/head_login_bk_03.gif) left top no-repeat #FFF;
	padding-left:18px;
	float:left;
}

#common_search p{
	font-size:14px;
	color:#7e7d7e;
}

#common_search .serach_btn{
	float:left;
	margin:6px 0 0 0;
}