@charset "utf-8";


#wrap{
	clear:both;
	overflow:hidden;
	width:960px;
	margin:auto;
	font-size:14px;
    line-height: 1.4;
	color: #333;
}

#wrap #tano-header{
	clear:both;
	overflow:hidden;
	width:960px;
	margin:auto;

}

#wrap #tano-header .tanomailLogo{
	clear:both;
	overflow:hidden;
	width:183px;
	height:65px;
	float:left;
	margin:10px 10px 0 0;
}

#wrap #tano-header .tagLine{
	overflow:hidden;
	width:300px;
	height:20px;
	display:block;
	padding-top:20px;
	margin:0px;
}



#wrap .SubTxt{
	font-size:16px;
	font-weight:bold;
	margin:0 0 30px 20px;	
}


#wrap #tano-header .tagLine img{
	float:left;
}



#wrap h1 {
	margin: 0 0 15px 0;
}



#wrap h2{
	clear:both;
	overflow:hidden;
	font-size:18px;	
}

#wrap .displayIcon{
	display:block;
	float:left;	
	margin-right:10px;	
}	

#wrap h2 span{
	overflow:hidden;
	display:block;
}

#wrap h2 p{
	overflow:hidden;
	font-size:13px;	
	display:block;
}

#wrap .centerL{
	clear:both;
	overflow:hidden;
	margin:15px auto;
	text-align:center;
}




#wrap .dispSizeL{
	width:480px;
	clear:both;
	overflow:hidden;
	display:block;
	float:left;
	font-size:16px;
	font-weight:bold;
	margin:20px 0 30px 0;

}

#wrap .dispSizeR{
	width:480px;
	overflow:hidden;
	display:block;
	floatright;
	font-size:16px;
	font-weight:bold;
	margin:20px 0 30px 0;
}


/*-----------------------------	
	add Table
-----------------------------*/
.dispTable{
	width: 475px;
	border-collapse: collapse;
	font-size:16px;
}
.dispTable th{
	padding: 7px;
	text-align: center;
	vertical-align: middle;
	color: #333;
	background-color: #c9c9c9;
	border: 1px solid #b9b9b9;
}


.dispTable td{
	padding: 7px;
	text-align: center;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #b9b9b9;
}


.dispTableGr{
	width: 475px;
	border-collapse: collapse;
	font-size:16px;
}

.dispTableGr th{
	padding: 7px;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	background-color: #333;
	border: 1px solid #b9b9b9;
}


.dispTableGr td{
	padding: 7px;
	text-align: center;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #b9b9b9;
}


#wrap .SerchTtl{
	clear:both;
	overflow:hidden;
	margin:30px 0 20px 0;
}



#wrap .DispSerch{
	clear:both;
	overflow:hidden;
	background: #ccc url('/files/uploadFiles/bf/lp/display/serch_sinple_bg.png') no-repeat top left;
	width:930px;
	height:267px;
	margin:auto;
}


#wrap .DispSerch .DispStd{
	color:#333333;
	font-size:24px;
	letter-spacing:10px;
	display:block;
	float:left;
	margin-left:90px;
	margin-top:28px;
}

#wrap .DispSerch .Dispwd{
	color:#ffffff;
	font-size:24px;
	letter-spacing:10px;
	display:block;
	float:left;
	margin-left:210px;
	margin-top:28px;
}





/*-----------------------------	
	add .Disp5Navi	
-----------------------------*/
#wrap .DispSerch .Disp5Navi {
	overflow: hidden; 
	clear:both;
	float: left;
	width: 960px;
	margin-bottom:10px;
}

#wrap .DispSerch  .Disp5Navi ul li img{
	display: block;
	vertical-align: top;
}


#wrap .DispSerch  .Disp5Navi ul {
	float: left;
	list-style:none;
	width:960px;
	margin-top: 13px;
	margin-left: 3px;
}

#wrap .DispSerch  .Disp5Navi ul li {
	width:169px;
	float: left;
	padding-left: 12px;
	}

/*---------------------------------
add css DispBtn sprite button
--------------------------------*/

#wrap .DispSerch  .Disp5Navi ul .DispBtn01 a{
	    width: 169px;
	    height: 179px;
	    background: url('/files/uploadFiles/bf/lp/display/DispBtn-sp01-out.png') no-repeat;
	    display: block;
	    text-indent: -9999px;
	}
	 
#wrap .DispSerch  .Disp5Navi ul .DispBtn01 a:hover {
	    background-position: 0 -179px;
	}
	
	
#wrap .DispSerch  .Disp5Navi ul .DispBtn02 a{
	    width: 169px;
	    height: 179px;
	    background: url('/files/uploadFiles/bf/lp/display/DispBtn-sp02-out.png') no-repeat;
	    display: block;
	    text-indent: -9999px;
	}
	 
#wrap .DispSerch  .Disp5Navi ul .DispBtn02 a:hover {
	    background-position: 0 -179px;
	}

#wrap .DispSerch  .Disp5Navi ul .DispBtn03 a{
	    width: 169px;
	    height: 179px;
	    background: url('/files/uploadFiles/bf/lp/display/DispBtn-sp03-out.png') no-repeat;
	    display: block;
	    text-indent: -9999px;
	}
	 
#wrap .DispSerch  .Disp5Navi ul .DispBtn03 a:hover {
	    background-position: 0 -179px;
	}

#wrap .DispSerch  .Disp5Navi ul .DispBtn04 a{
	    width: 169px;
	    height: 179px;
	    background: url('/files/uploadFiles/bf/lp/display/DispBtn-sp04-out.png') no-repeat;
	    display: block;
	    text-indent: -9999px;
	}
	 
#wrap .DispSerch  .Disp5Navi ul .DispBtn04 a:hover {
	    background-position: 0 -179px;
	}

#wrap .DispSerch  .Disp5Navi ul .DispBtn05 a{
	    width: 169px;
	    height: 179px;
	    background: url('/files/uploadFiles/bf/lp/display/DispBtn-sp05-out.png') no-repeat;
	    display: block;
	    text-indent: -9999px;
	}
	 
#wrap .DispSerch  .Disp5Navi ul .DispBtn05 a:hover {
	    background-position: 0 -179px;
	}


/*---------------------------------
add css general class
--------------------------------*/
.cb{clear: both; margin:auto; overflow:hidden;}
.cf:before,.cf:after {	content: "";	display: table;}
.cf:after {	clear: both;}
.cf {	*zoom: 1;}

.of {	overflow: hidden;}
/*--------------------------------- add css --------------------------------*/
.notxt {	text-indent:-9999px;	overflow:hidden;	margin:0;	padding:0;	display:block;}
/*--------------------------------- add css --------------------------------*/
.txt_l {  text-align: left;}
.txt_c {  text-align: center;}
.txt_r {  text-align: right;}
/*--------------------------------- add css --------------------------------*/
img.left {  float: left;}
img.center {  display: block;  margin-left: auto;  margin-right: auto;}
img.right {  float: right;}
img.inline {  margin: 0 2px 0 2px;  vertical-align: middle;}
/*--------------------------------- add css --------------------------------*/
.box_l {	float: left;}
.box_r {	float: right;}
.box_c {  margin-left: auto;  margin-right: auto;}
/*--------------------------------- add css --------------------------------*/
.vtop {  vertical-align: top;}
.vmiddle {  vertical-align: middle;}
.vbottom {  vertical-align: bottom;}
/*---------------------------------
add css font size
--------------------------------*/
.fs10 {  font-size: 77%;}
.fs11 {  font-size: 85%;}
.fs12 {  font-size: 93%;}
.fs13 {  font-size: 100%;}
.fs14 {  font-size: 108%;}
.fs15 {  font-size: 116%;}
.fs16 {  font-size: 123.1%;}
.fs17 {  font-size: 131%;}
.fs18 {  font-size: 138.5%;}
.fs19 {  font-size: 146.5%;}
.fs20 {  font-size: 153.9%;}
.fs21 {  font-size: 161.6%;}
.fs22 {  font-size: 167%;}
.fs23 {  font-size: 174%;}
.fs24 {  font-size: 182%;}
.fs25 {  font-size: 189%;}
.fs26 {  font-size: 197%;}
/*---------------------------------
add css font weight
--------------------------------*/
.fw_b {	font-weight: bold;}
.fw_br {	font-weight: bolder;}
.fw_lr {	font-weight: lighter;}
/*---------------------------------
add css text
--------------------------------*/
.ul {	text-decoration: underline;}
/*---------------------------------
add css margin
--------------------------------*/
.mt0 {	margin-top: 0;}
.mt5 {	margin-top: 5px;}
.mt10 {	margin-top: 10px;}
.mt15 {	margin-top: 15px;}
.mt20 {	margin-top: 20px;}
.mt25 {	margin-top: 25px;}
.mt30 {	margin-top: 30px;}
.mt40 {	margin-top: 40px;}
.mt50 {	margin-top: 50px;}
.mt60 {	margin-top: 60px;}
.mt70 {	margin-top: 70px;}

.mr0 {	margin-right: 0;}
.mr5 {	margin-right: 5px;}
.mr8 {	margin-right: 8px;}
.mr10 {	margin-right: 10px;}
.mr15 {	margin-right: 15px;}
.mr20 {	margin-right: 20px;}
.mr25 {	margin-right: 25px;}
.mr30 {	margin-right: 30px;}

.mb0 {	margin-bottom: 0;}
.mb5 {	margin-bottom: 5px;}
.mb10 {	margin-bottom: 10px;}
.mb15 {	margin-bottom: 15px;}
.mb20 {	margin-bottom: 20px;}
.mb25 {	margin-bottom: 25px;}
.mb30 {	margin-bottom: 30px;}
.mb40 {	margin-bottom: 40px;}
.mb50 {	margin-bottom: 50px;}
.mb60 {	margin-bottom: 60px;}
.mb70 {	margin-bottom: 70px;}

.ml0 {	margin-left: 0;}
.ml3 {	margin-left: 3px;}
.ml4 {	margin-left: 4px;}
.ml5 {	margin-left: 5px;}
.ml10 {	margin-left: 10px;}
.ml12 {	margin-left: 12px;}
.ml13 {	margin-left: 13px;}
.ml15 {	margin-left: 15px;}
.ml20 {	margin-left: 20px;}
.ml25 {	margin-left: 25px;}
.ml30 {	margin-left: 30px;}
/*---------------------------------
add css padding
--------------------------------*/
.pt0 {	padding-top: 0;}
.pt5 {	padding-top: 5px;}
.pt10 {	padding-top: 10px;}
.pt15 {	padding-top: 15px;}
.pt20 {	padding-top: 20px;}
.pt25 {	padding-top: 25px;}
.pt30 {	padding-top: 30px;}
.pt40 {	padding-top: 40px;}
.pt50 {	padding-top: 50px;}

.pr0 {	padding-right: 0;}
.pr5 {	padding-right: 5px;}
.pr10 {	padding-right: 10px;}
.pr15 {	padding-right: 15px;}
.pr20 {	padding-right: 20px;}
.pr25 {	padding-right: 25px;}
.pr30 {	padding-right: 30px;}

.pb0 {	padding-bottom: 0;}
.pb5 {	padding-bottom: 5px;}
.pb10 {	padding-bottom: 10px;}
.pb15 {	padding-bottom: 15px;}
.pb20 {	padding-bottom: 20px;}
.pb25 {	padding-bottom: 25px;}
.pb30 {	padding-bottom: 30px;}

.pl0 {	padding-left: 0;}
.pl5 {	padding-left: 5px;}
.pl8 {	padding-left: 8px;}
.pl10 {	padding-left: 10px;}
.pl15 {	padding-left: 15px;}
.pl20 {	padding-left: 20px;}
.pl25 {	padding-left: 25px;}
.pl30 {	padding-left: 30px;}
.pl35 {	padding-left: 35px;}