@import "reset.css";
@import "fontdefault.css";
@import "hdft.css";
@import "gnav.css";
@import "lnav.css";
@import "niftyCorners.css";

body{
	background-image: none !important;
	background-color:#f2f2f2;
	}
	
#wrap{
	width:928px;
	_height:1%;
	background:#fff url(../imgs/shared/bg_body.gif) right top repeat-y;
	color:#666;
	}
#wrap:after{
	display:block; 
	clear:both; 
	visibility:hidden;
	height:0; 
	content:".";
	line-height:0;
	}
#contents{
	_height:1%;
	padding:0 17px;
	font-size:86%;
	
}

#ctArea{
	float:left;
	width:711px;
	margin-right:17px;
	}

#tp{
	clear:both;
	font-size:75%;
	}
#popup{
	_text-align:center !important;
}
#popupWrap{
	width:500px;
	background:#fff;
	margin:0 auto;
	font-size:83%;
	_text-align:left !important;
	}
#popupWrap h1{
	font-size:100%;
	text-indent:0;
	text-align:center;
	padding:17px 0;
	}
#popupWrap table{
	background-color:#FFE6F0;
	}
#popupWrap table .c2{
	background-color: #FFBCD7;
	padding: 0 0 0 10px;
	}
#popupWrap #close{
	text-align:center;
	padding:17px 0;
	}
/*	#cnt
-----------------------------------------------------*/
#cnt{
	width:529px;
	float:right;
	margin-left:17px;
	_height:1%;
	}
#navArea{
	float:right;
	width:165px;
	_height:1%;
	}
.alpha a:hover{
   Filter: Alpha(Opacity=60);
   opacity:.60;
}
#cntL{
	width:529px;
	float: left;
	margin-right:17px;
	_height:1%;
	}
#cntL:after{
	display:block; 
	clear:both; 
	visibility:hidden;
	height:0; 
	content:".";
	line-height:0;
	}
html*#cntL{
	margin-right:16px;
	}
#lnavR{
	float:right;
	width:165px;
	_height:1%;
	font-size:90%;
	line-height:1.4;
	letter-spacing:0;
	}
#lnavR:after,#cntL:after,#navArea:after,#cnt:after,{
	display:block; 
	clear:both; 
	visibility:hidden;
	height:0; 
	content:".";
	line-height:0;
	}

#contents #pg{
	clear:both;
	width:100% !important;
	margin:0 !important;
	padding:0 !important;
	}
/*	#h 
-----------------------------------------------------*/
h1{
	text-indent:-9999px;
	}
.h1_sentence{
	text-indent:-9999px;
	height:0;
	font-size:1%;
	}	
	
/*	#2columBox
-----------------------------------------------------*/

.col2Box{
	_width:728px;
	clear:both;
	margin:0 0 15px -17px;
	_height:1%;
}
.col2Box:after{
	display:block; 
	clear:both; 
	visibility:hidden;
	height:0; 
	content:".";
	line-height:0;
	}
.col2Box .container{
	width:347px;
	float:left;
	padding:0 0 10px 0;
	background: url(../imgs/shared/2colBox_btm.gif) left bottom no-repeat;
	}
.col2Box .head{
	padding:10px 0 0 0;
	background: url(../imgs/shared/2colBox_head.gif) left top no-repeat;
	}
.col2Box .cnt{
	padding:0 11px 0 11px;
	background: url(../imgs/shared/2colBox_body.gif) left top repeat-y;
	_height:1%;
	}
.col2Box p{
	float:left;
	margin-right:5px;}
.col2Box h3{
	float:left;
	}
.col2Box ul{
	margin-top:10px;
	width:265px;
	float: right;
	_height:1%;
}
.col2Box ul li{
	float:left;
	width:47%;
	margin:0 2% 0 0;
	padding:0 0 2px 0;
	text-align:left;
	text-justify:auto;
	line-height:1.2;
	}
.col2Box ul li a{
	display:block;
	background: url(../imgs/shared/arw_01.gif) left 0.3em no-repeat;
	padding:0 0 0 10px;
	}
	
/*	#3columBox
-----------------------------------------------------*/

.col3Box{
	_width:728px;
	clear:both;
	margin:0 0 15px -17px;
	_height:1%;
}
.col3Box:after{
	display:block; 
	clear:both; 
	visibility:hidden;
	height:0; 
	content:".";
	line-height:0;
}
.col3Box .cn225{
	float:left;
	width:225px;
	_width:240px;
	margin-left:17px;
	_margin-left:0;
	_padding-left:17px;
	}
.col3Box .cn225 .cl_e0e0e0{
	padding:10px;
	}
.col3Box .cn225 h3{
	padding:0 0 4px 20px;
	margin:10px 0 4px 0;
	border-bottom:1px dotted #ccc;
	}
.col3Box .cn225 h3 a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70) ; 
	}

/*	#common
-----------------------------------------------------*/
.mgn-T8{
	margin-top:8px !important;
	}
.mgn-T15{
	margin-top:15px !important;
	}
.mgn-T17{
	margin-top:17px !important;
	}
.mgn-T34{
	margin-top:34px !important;
	}
.mgn-L8{
	margin-left:8px !important;
	}
.mgn-L15{
	margin-left:15px !important;
	}
.mgn-L17{
	margin-left:17px !important;
	}
.mgn-L34{
	margin-left:34px !important;
	}
	
.mgn-R8{
	margin-right:8px !important;
	}
.mgn-R15{
	margin-right:15px !important;
	}
.mgn-R17{
	margin-right:17px !important;
	}
.mgn-R34{
	margin-right:34px !important;
	}
	
.pdg-B8{
	padding-bottom:8px !important;
	}
.pdg-B15{
	padding-bottom:15px !important;
	}
.pdg-B17{
	padding-bottom:17px !important;
	}
.pdg-B34{
	padding-bottom:34px !important;
	}
.pdg-T8{
	padding-top:8px !important;
	}
.pdg-T15{
	padding-top:15px !important;
	}
.pdg-T17{
	padding-top:17px !important;
	}
.pdg-T34{
	padding-top:34px !important;
	}
.pdg-L8{
	padding-left:8px !important;
	}
.pdg-L15{
	padding-left:15px !important;
	}
.pdg-L17{
	padding-left:17px !important;
	}
.pdg-L34{
	padding-left:34px !important;
	}
	
.pdg-R8{
	padding-right:8px !important;
	}
.pdg-R15{
	padding-right:15px !important;
	}
.pdg-R17{
	padding-right:17px !important;
	}
.pdg-R34{
	padding-right:34px !important;
	}
	
.pdg-B8{
	padding-bottom:8px !important;
	}
.pdg-B15{
	padding-bottom:15px !important;
	}
.pdg-B17{
	padding-bottom:17px !important;
	}
.pdg-B34{
	padding-bottom:34px !important;
	}
.pdg-B17em{
	padding-bottom:1.6em !important;
	}

.notes{
	display:block;
	font-size:90%;
	padding-left:15px;
	}
.texts{
	font-size:90%;
	}
.texts2{
	margin:0 0 0 8px;
	line-height:1.3;
	_line-height:1.4;
	font-size:93%;
	}
.align_r { text-align: right; }
.align_c { text-align: center; }
.align_l { text-align: left; }
.valign_m { vertical-align: middle; }



/*
Float Clear
--------------------------------------------*/
/* float clear1 */
.clear{
clear:both;
}

/* float clear2 */
.clearfix:after {
  content: ".";  
  display: block;  
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}