@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      product.css
 Style Info:     コンテンツのスタイル
-----------------------------------------------------------
Style Index

/*----------------------------------------------------
	Log in画面
----------------------------------------------------*/
#login_form {
    width:440px;
	margin:30px auto 70px auto;
	padding:0;
}

#login_form_base {
	width:440px;
    background:url(../img/login_bottom.jpg) no-repeat bottom;
	padding:0 0 25px 0;
    margin:0px 0 0 0;
}

#login_form_base div.innerblock{
	width:440px;
	background:url(../img/login_bg.jpg) no-repeat;
	margin:0 0 0 0;
	padding:0 0 0px 0;
}

#login_mail {
    width:400px;
    margin:0 0 0 0;
	padding:100px 0 0 24px;
}

#login_mail_02 {
    width:400px;
    margin:0 0 0 0;
	padding:10px 0 0 24px;
}

#login_pw {
    width:400px;
    margin:0 0 0 0;
	padding:20px 0 0 24px;
}

#login_coment {
    float:left;
    width:400px;
    margin:0 0 0 0;
	padding:20px 0 0 24px;
}

#login_forget {
    float:left;
    width:230px;
    margin:0 0 0 0;
	padding:7px 0 0 2px;
}

#login_btn {
    float:left;
    width:145px;
    margin:0 0 0 0;
	padding:0 0 0 14px;
}

#login_forget p {
    height:24px;
	vertical-align:baseline;
	background: url(../img/hatena.jpg) no-repeat 0 0;
	padding:3px 0 0 0;
}

#login_forget a {
    margin:0;
	padding:0 0 0 22px;
	color:#219DD9;
	text-decoration: none;
	letter-spacing: 0.1em;
	vertical-align:baseline;
	font-size:85%;
}
	
#login_forget a:hover {
    color:#219DD9;
	text-decoration:underline;
}
/*----------------------------------------------------
	ベース
----------------------------------------------------*/
#contents_base {
    clear:both;
    width:900px;
	margin:0;
	padding:3px 0 0 0;
}

#contents p {
	letter-spacing:0.1em;
}
/*----------------------------------------------------
	左ナビ
----------------------------------------------------*/
#contents_navi {
	width:165px;
	padding:0 0 0 5px;
	margin:0 0 0 0px;
	float:left;
	}
	
#contents_dbnavi {
	width:161px;
	height:320px;
	padding:0 0 0 0;
	margin:0 0 0 0px;
	float:left;
	}

#contents_dbnavi ul {
	width:161px;
	height:320px;
	padding:0;
	margin:0;
	list-style:none;
	}
		
#contents_dbnavi ul li {
	width:161px;
	height:40px;
	padding:0px;
	margin:0px;
	}

#contents_dbnavi ul:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	line-height:0; 
	visibility:hidden;
	}

#contents_dbnavi ul li {
	line-height:0px;/*--firefox--*/
	}
		
#contents_dbnavi ul li img {/*---IE-------*/
	vertical-align:top;
	}
	
/*----------------------------------------------------
	コンテンツ
----------------------------------------------------*/
#contents {
	float:right;
    width:705px;
	margin:0;
	padding:0;
}

/*----------------------------------------------------
	Join the Dream Bank
----------------------------------------------------*/
#db_new_01 {
    width:700px;
	float:left;
	margin:0;
	padding:0;
}

#db_new_01_left {
    width:284px;
	float:left;
	margin:0;
	padding:0;
}

#db_new_01_left_img01 {
    width:284px;
	height:38px;
	float:left;
	margin:0;
	padding:0 0 5px 0;
}

#db_new_01_left_txt {
    clear:both;
    width:284px;
	float:left;
	margin:0;
	padding:0;
}

#db_new_01_left_img02 {
    clear:both;
    width:284px;
	height:84px;
	float:left;
	margin:0;
	padding:5px 0 0 0;
}

#db_new_01_right {
    width:371px;
	float:left;
	margin:0;
	padding:0;
}

#db_new_01_right_ttl {
    width:371px;
	float:left;
	margin:0;
	padding:0;
}

#db_new_01_right_ttl02 {
    clear:both;
    width:371px;
	float:left;
	margin:0;
	padding:0;
}

#db_new_01_right_txt {
    clear:both;
    width:332px;
	float:left;
	margin:0;
	padding:0 0 0 38px;
}

#contents h2 {
    width:647px;
	height:67px;
	margin:0 0 0 0;
	padding:0 0 20px 0;
}

#indispen {
    width:645px;
	margin:0;
	padding:0 0 10px 0;
}

#indispen p {
    line-height:150%;
}

#indispen_02 {
    width:400px;
	margin:0;
	padding:90px 0 0 24px;
}

#use_03_bluetb {
    width:602px;
	margin:0 0 0 5px;
	padding:15px 15px 15px 20px;
	background-color:#EDF6FC;
	text-align:left;
}

#use_03_bluetb table {
    width:602px;
	margin:0;
	padding:0;
	color:#666666;
	letter-spacing:0.1em;
}

#use_03_bluetb table td {
	margin:0;
	padding:4px 5px 4px 5px;
}

#use_03_bluetb .leftline_blue {
	border-left:#2194DA 4px solid;
}

#contents_point04 {
    clear:both;
    width:647px;
	margin:0;
	padding:20px 0 0px 0;
}

#contents_point05 {
    clear:both;
    width:647px;
	margin:0;
	padding:40px 0 0px 0;
}

#input_03 {
    width:647px;
    clear:both;
    margin:0 0 0 0px;
	padding:0;
	float:left;
}

#btn_left {
	float:left;
    width:142px;
	margin:0;
	padding:0 0 0 170px;
}

* html #btn_left {
	float:left;
    width:142px;
	margin:0 0 0 75px;
	padding:0;
}

#btn_right {
	float:left;
    width: auto;
	margin:0;
	padding:0 0 0 30px;
}

#btn_center {
    width:142px;
	margin:0 auto;
	padding:0;
}

#btn_center_02 {
    width:182px;
	margin:0 auto;
	padding:0;
}

#contents table a {
    margin:0;
	padding:0;
	color:#2194DA;
	text-decoration: none;
	letter-spacing: 0.1em;
	vertical-align:baseline;
}
	
#contents table a:hover {
    color:#2194DA;
	text-decoration:underline;
}


/*----------------------------------------------------
	リンク
----------------------------------------------------*/
#link_txt_deco {
	margin:0 0 0 0;
	padding:0;
}

#link_txt_deco p {
	vertical-align:baseline;
	margin:0;
	padding:0;	
}

#link_txt_deco a {
    margin:0;
	padding:0 0 0 16px;
	color:#666666;
	text-decoration: none;
	background: url(../../img/txt_rollout.jpg) no-repeat 0 -0.1em;
	}
	
#link_txt_deco a:hover {
    color:#219DD9;
	text-decoration:underline;
	background: url(../../img/txt_rollover.jpg) no-repeat 0 -0.1em;
	}





#db01_01_base {
    width:670px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
}

#db01_01_base_02 {
    clear:both;
    width:670px;
	height:auto;
	margin:5px 0 0 0;
	padding:0;
	float:left;
}

#db01_01_waku {
    width:320px;
	height:auto;
	margin:0;
	padding:10px 0 0 15px;
	float:left;
}

#db01_01_img {
    width:98px;
	height:98px;
	margin:0;
	padding:0;
	float:left;
}

#db01_01_ttl {
    width:190px;
	height:22px;
	margin:0;
	padding:0;
	float:left;
}

#db01_01_txt {
    width:200px;
	height: auto;
	margin:0;
	padding:5px 0 0 16px;
	float:left;
}

#db01_01_txt a {
    margin:0;
	padding:0 0 0 16px;
	color:#666666;
	text-decoration: none;
	letter-spacing: 0.1em;
	vertical-align:baseline;
	display:block;
	background: url(../../img/txt_rollout.jpg) no-repeat 0 0em;
	}
	
#db01_01_txt a:hover {
    color:#219DD9;
	text-decoration:underline;
	background: url(../../img/txt_rollover.jpg) no-repeat 0 0em;
	}
	
*+html #db01_01_txt {
    width:200px;
	height: auto;
	margin:0;
	padding:5px 0 0 16px;
	float:left;
}

*+html #db01_01_txt a {
    margin:0;
	padding:0 0 0 16px;
	color:#666666;
	text-decoration: none;
	letter-spacing: 0.1em;
	vertical-align:baseline;
	display:block;
	background: url(../../img/txt_rollout.jpg) no-repeat 0 0.1em;
	}
	
*+html #db01_01_txt a:hover {
    color:#219DD9;
	text-decoration:underline;
	background: url(../../img/txt_rollover.jpg) no-repeat 0 0.1em;
	}

#db01_02 {
    width:670px;
	height:803px;
	margin:0;
	padding:0;
}

#db01_02 p {
    text-indent:-999999px;
}