/* CSS Document */
/*古いie対策*/
.zoom1{
	>zoom:1;	
	}
/*ie対策*/
/*半透明（ディスプレイ：ブロックなやつにつける）*/
.over{
	 transition-property:opacity;
    transition-duration:0.3s;
	transition-timing-function:ease-out;
	}
.over:hover{
opacity:0.5;
filter: alpha(opacity=50);        /* ie lt 8 */
-ms-filter:"alpha(opacity=50)";  /* ie 8 */
-moz-opacity:0.5;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.5;              /* Safari 1.x */
zoom:1;    /*IE用*/
	}
.whiteback{
	background-color:white;
	}
/*半透明*/
/*ポジション*/
.abso{
	position:absolute;
	}
.rel{
	position:relative;}
	
.center{
	text-align:center;
	}
/*ポジション終了*/
/*ボーダー*/
.border_b{
	border-bottom:1px solid #aaa;
	}
.border{
	border:1px solid #aaa;
	}
noborder{
	border:none !important;
	}
/*ボーダー終了*/
/*フロート*/
/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

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

.f_l{
	float:left;
	}
.f_r{
	float:right;
	}

/*フロート　終了*/
/*縦位置中央*/
/*dispテーブルセルはIE７できかないのでlineheightを。
そのうち↓の使う。
*/
.vermid{/* IE 6 */
display:table-cell !important;
vertical-align:middle;
}


/*×縦位置中央*/
/*マージン　始動*/
.m0{margin:0;}
.m_l5{margin-left:5px;}
.m_l10{margin-left:10px;}
.m_l20{margin-left:20px;}
.m_l30{margin-left:30px;}
.m_l40{margin-left:40px;}
.m_l50{margin-left:50px;}
.m_l60{margin-left:60px;}

.m_r5{margin-right:5px;}
.m_r10{margin-right:10px;}
.m_r20{margin-right:20px;}
.m_r30{margin-right:30px;}
.m_r40{margin-right:40px;}
.m_r50{margin-right:50px;}
.m_r60{margin-right:60px;}

.m_t5{margin-top:5px !important;}
.m_t10{margin-top:10px !important;}
.m_t20{margin-top:20px !important;}
.m_t30{margin-top:30px !important;}
.m_t40{margin-top:40px !important;}
.m_t50{margin-top:50px !important;}
.m_t60{margin-top:60px !important;}
.m_t70{margin-top:70px !important;}
.m_t80{margin-top:80px !important;}

.m_b5{margin-bottom:5px !important;}
.m_b10{margin-bottom:10px !important;}
.m_b20{margin-bottom:20px !important;}
.m_b30{margin-bottom:30px !important;}
.m_b40{margin-bottom:40px !important;}
.m_b50{margin-bottom:50px !important;}
.m_b60{margin-bottom:60px !important;}
/*マージン　終了*/

/*パディング　始動*/
.p_l1{padding-left:1px;}
.p_l2{padding-left:2px;}
.p_l3{padding-left:3px;}
.p_l4{padding-left:4px;}
.p_l5{padding-left:5px;}
.p_l6{padding-left:6px;}
.p_l10{padding-left:10px;}
.p_l20{padding-left:20px;}
.p_l30{padding-left:30px;}
.p_l40{padding-left:40px;}
.p_l50{padding-left:50px;}
.p_l60{padding-left:60px;}

.p_r5{padding-right:5px;}
.p_r10{padding-right:10px;}
.p_r20{padding-right:20px;}
.p_r30{padding-right:30px;}
.p_r40{padding-right:40px;}
.p_r50{padding-right:50px;}
.p_r60{padding-right:60px;}

.p_t5{padding-top:5px;}
.p_t10{padding-top:10px;}
.p_t20{padding-top:20px;}
.p_t30{padding-top:30px;}
.p_t40{padding-top:40px;}
.p_t50{padding-top:50px;}
.p_t60{padding-top:60px;}

.p_b5{padding-bottom:5px;}
.p_b10{padding-bottom:10px;}
.p_b20{padding-bottom:20px;}
.p_b30{padding-bottom:30px;}
.p_b40{padding-bottom:40px;}
.p_b50{padding-bottom:50px;}
.p_b60{padding-bottom:60px;}
/*パディング　終了*/
/*画像ボーダー*/
.imgb{
	padding:3px;
	border:1px solid #ddd;
	}
/*×画像ボーダー*/

.over{
	opacity:1;
	}

/*フレーム*/
.frame960{
	margin:0 auto;
	width:960px;

	}
.frame_p10{
	padding:10px;
	}
/*×フレーム*/
/*width*/
.w10{width:10%;}
.w20{width:20%;}
.w30{width:30%;}
.w40{width:40%;}
.w50{width:50%;}
.w60{width:60%;}
.w70{width:70%;}
.w80{width:80%;}
.w90{width:90%;}
.w100{width:100%;}
/*width*/