/*===== common css =====*/
@charset "UTF-8";
html{
	height:100%;
}
body {
	font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応 */
	padding: 0;
	text-align: center;
	font-size:12px;
	color: 990033;
	line-height: normal;
	
	
}

html{
	height:100%;
}
body{margin:0 auto;
	padding:0;
	height:100%;
}

.oneColLiqCtr{
	height:100%;
	min-height:100%;		 
	margin: 0 auto; /* ページ中央揃え */
	text-align: center;

}


#layout{
	height:100%;
	min-height:100%;
	background-image:url(/images/images/bg_container.gif);	
	background-repeat:repeat-y;
	margin:0 auto;
	padding:0;
	text-align:center;
	width:1020px;
}
body > #layout{
	height:auto;
}


img{
	border:0;
	margin:0;
	padding:0;
}



.border_gray{
	border:solid 1px #999;
}


ul{	
	padding:0;
	margin:0 0 0 10px;
	list-style-type:none;
	text-align:left;
}
	
a:link{
	color:#333;
	text-decoration:none;
	outline:none;
}


 .text{
	font-size:12px;
}
.square{	
	font-size:15px;
	color:#999;
}


a:hover{
	text-decoration:none;
	outline:none;
	color:#ff0000;
}

a:visited{
	color:#666;
	text-decoration:none;
	outline:none;
}

a:hover .text{
	color:#ff0000;
}

a:hover .square{
	color:#ff0000;
}


.square_onpage{
	font-size:15px;
	color:#ff6666;
}

.text_onpage{
	font-size:12px;
	color:#ff6666;
}

.textleft{
	text-align:left;
}

.textcenter{
	text-align:center;
}
.textright{
	text-align:right;
}

body > #container_all{
    height:auto;
}
#container_all {
/*	background-image:url(/images/images/bg_container.gif);*/
	background-repeat:repeat-y;
	min-height:100%;
　	height:100%;	
	width: 920px; 
	margin: 0 50px;
	padding:0 0 50px 0 ;
	text-align: left;
}

#container {
	min-height:100%;
　	height:100%;
	width: 900px; 
	margin: 0 auto; /* ページ中央揃え */
	padding:0;
	/* border-right: 1px solid #666;/* 両脇のライン */
	/* border-left: 1px solid #666;/* 両脇のライン */
}



.pageblank{
	height:300px;　/* これを入れることによりページ全体にかかる左右のボーダーの長さを下部までのばす */

}




/*===== login page_t_top_00 css =====*/
#page_t_top_00{
	height:100%;
	min-height:100%;
	margin:0;
	padding:0;
}



#page_t_top_00 .btnenter{
	margin:0 auto;
	text-align:center;

}

#login_enter span{
	display:none;
}#login_enter a{
	width:280px;
	height:40px;
	display:block;
	text-align:center;
	background:url(/images/images/loginpage_17.jpg) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;	

}
#login_enter a:hover,
#anchor a.Lbtn:hover,
#anchor a.Rbtn:hover,
#inner #btn_close a:hover{
	background-position:right top;
}
#login_enter a:active,
#anchor a.Lbtn:active,
#anchor a.Rbtn:active,
#inner #btn_close:active{
	background-position:right top;
}


#linkbtn_01 span{
	display:none;
}#linkbtn_01 a{
	width:120px;
	height:26px;
	display:block;
	text-align:center;
	background:url(/images/images/linkbtn_login_02.jpg) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;	
}
#linkbtn_01 a:hover{
	background-position:right top;
}
#linkbtn_01 a:active{
	background-position:right top;
}




#linkbtn_02 span{
	display:none;
}#linkbtn_02 a{
	width:140px;
	height:26px;
	display:block;
	text-align:center;
	background:url(/images/images/linkbtn_login_03.jpg) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;	
}
#linkbtn_02 a:hover{
	background-position:right top;
}
#linkbtn_02 a:active{
	background-position:right top;
}




#linkbtn_03 span{
	display:none;
}#linkbtn_03 a{
	width:190px;
	height:26px;
	display:block;
	text-align:center;
	background:url(/images/images/linkbtn_login_04.jpg) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;	
}
#linkbtn_03 a:hover{
	background-position:right top;
}
#linkbtn_03 a:active{
	background-position:right top;
}



.text_login{
	margin-top:15px;
	font-size:11px;
	letter-spacing: 0.3em;

}


#idpass{
	text-align:center;
}
#idpass-01{
	background:url(/images/images/idpass_01.gif) no-repeat left top;
	width:900px;
	height:50px;
	}
	
#idpass-02{
	background:url(/images/images/idpass_02.gif) no-repeat left top;
	width:900px;
	height:180px;
	}
	

#idpass-06{
	text-align:center;
	width:900px;
	}
#login_btn_1{
	width:270px;
	margin:0 auto;
}


#login_btn span{
	text-align:center;
	display:none;
}#login_btn a{
	width:270px;
	height:43px;
	display:block;
	text-align:center;
	background:url(/images/images/idpass_06.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;	
}
#login_btn a:hover{
	background-position:right top;
}
#login_btn a:active{
	background-position:right top;
}



#login a{
	text-decoration:underline;
	color:#E95513;

}
#login a:hover{
	text-decoration:underline;
	color:#0688a0;

}




/*===== popup css =====*/

#btn_close span{
	text-align:center;
	display:none;
}#btn_close a{
	width:270px;
	height:43px;
	display:block;
	text-align:center;
	background:url(/images/images/idpass2_14.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;	
}
#btn_close a:hover{
	background-position:right top;
}
#btn_close a:active{
	background-position:right top;
}



.text_13px{
	font-size:13px;
	text-align:left;
	padding:20px 0 0 65px;

}

/*=====2013/9/2　追加=====*/

#id_popup{
	width:600px;
	height:1000px;
}

#id_popup h1{
	margin:0;
}

#anchor{
	width:415px;
	height:28px;
	margin:0 auto;
}

#id_popup h3{
	width:360px;
	margin:0 auto 5px;
	font-size:12px;
	color:#333;
}


#anchor a.Lbtn{
	float:left;
	width:178px;
	height:28px;
	display:block;
	text-align:center;
	background:url(/images/images/id_pass_btn1.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}

#anchor a.Rbtn{
	float:left;
	width:225px;
	height:28px;
	display:block;
	text-align:center;
	background:url(/images/images/id_pass_btn2.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin-left:8px;
}

#inner{
	clear:both;
	width:520px;
	margin:40px auto 10px;
}

#inner h2{
	text-align:left;
	margin:0;
}

#inner dl{
	width:520px;
	height:195px;
	background-image:url(/images/images/id_pass02.gif) ;
	position:relative;
	margin-top:15px;
	margin-bottom:50px;
}

#inner dt{
	position:absolute;
	width:215px;
	top:0;
	left:27px;
	text-align:justify;
}

#inner p.caption{
	text-align:left;
	margin-left:27px;
}

#inner p.mailtxt{
	text-align:center;
	border:1px solid #333;
}

#inner #btn_close{
	width:270px;
	margin:30px auto;
}

#inner #btn_close a{
	width:270px;
	height:43px;
	display:block;
	text-align:center;
	background:url(/images/images/idpass2_14.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;	
}

