@charset "Shift_JIS";

/* -------------------------------------------------------------------
	HTML RESET
------------------------------------------------------------------- */

	body,div,
	h1,h2,h3,h4,h5,h6,
	p,ul,ol,li,dl,dt,dd,
	address,blockquote,form,table,th,td {margin:0px;padding:0px;}
	table {width:100%;border-collapse:collapse;}
	th,td {vertical-align:top;}
	img	{vertical-align:top;border:none;line-height:0;font-size:0;}
	del	{text-decoration:line-through;}

/* -------------------------------------------------------------------
	USEFUL CLASS
------------------------------------------------------------------- */

/* MARGIN SETTING */
	
	#cont .sp00 {margin-bottom:0;}
	#cont .sp05 {margin-bottom:5px;}
	#cont .sp10 {margin-bottom:10px;}
	#cont .sp20 {padding-bottom:20px;}

/* ALIGN SETTING */

	#cont .al_right {text-align:right;}
	#cont .al_center {text-align:center;}


/* ICON IMAGE */

	#head ul.clear_ulmark,
	#side ul.clear_ulmark,
	#cont ul.clear_ulmark,
	#foot ul.clear_ulmark {margin-left:0;padding-left:0;list-style:none;}
	
	/*MEMO
	リストとして表示する場合は、LI要素に指定
	文中にインラインで使用する場合はA要素のクラスに指定
	※A要素のクラスに指定すると、大きめのサイズのアイコンは上下が欠ける。
	*/
	
	/* arrow */
	.icon_arrow_t{
		padding-left:12px;
		background: url(../img/parts/icon/arrow_t.gif) no-repeat 2px center;
	}
	.icon_arrow_b{
		padding-left:12px;
		background: url(../img/parts/icon/arrow_b.gif) no-repeat 2px center;
	}	
	.icon_arrow_l{
		padding-left:12px;
		background: url(../img/parts/icon/arrow_l.gif) no-repeat 2px center;
	}
	.icon_arrow_r{
		padding-left:25px;
		background: url(../img/parts/icon/arrow_r.gif) no-repeat 6px 2px;
	}

	/* other */

	.icon_mk_window{
		padding-left:15px;
		background:url(../img/parts/icon/mk_window.gif) no-repeat 0px center;
	}
	.icon_mk_mail{
		padding-left:20px;
		background:url(../img/parts/icon/mk_mail.gif) no-repeat 0px center;
	}

	/* file */

	li.icon_fl_ppt{
		padding-left:20px;
		background: url(../img/parts/icon/file_ppt.gif) no-repeat 0px center;
	}	
	li.icon_fl_excel{
		padding-left:20px;
		background: url(../img/parts/icon/file_exel.gif) no-repeat 0px center;
	}	
	li.icon_fl_word{
		padding-left:20px;
		background: url(../img/parts/icon/file_word.gif) no-repeat 0px center;
	}	
	li.icon_fl_pdf{
		padding-left:20px;
		background: url(../img/parts/icon/file_pdf.gif) no-repeat 0px center;
	}	



/* CLEARFIX */

	.clearfix:after { 
		content:url(clearfix.gif); display:block; clear:both; height:0; visibility:hidden;}
	.clearfix { min-height:1px; }
	* html .clearfix {
		height:1px;
		/*\*//*/ height:auto; overflow:hidden; /**/ }


/* OTHER */

	.img-area {
		margin-bottom:16px;
		text-align:center;
		vertical-align:middle;
		background-color:#fff;
		padding:6px 0;
		font-size:12px; line-height:1.3em; color:#FFFFFF; }
	.img-area th, .img-area td {vertical-align:middle;}