@charset "utf-8";

/*

【CSS表記ルール】
CSSの表記につきましては以下のルールに則って記述をお願いいたします。

1.bodyタグにid等を付けない
フレームワークの仕様により、bodyタグの出し分けが困難なためbodyにディレクトリ毎のidを振るのは禁止とさせて頂きます。
その代わりbody直下のwrapperに対してはディレクトリ毎のidを振って頂いて大丈夫です。

2.class名、id名の表記
フレームワークの仕様により、公開時は全てのCSSが1つのファイルに統合されます。
そのためclass,idの名前が被らないよう以下のルールに則って記述をお願いいたします。

#(wrapperのid名) .(wrapperのid名)_(個別のクラス名)
例:
#about .about_box{
	margin:10px auto;
}

3.!important は使わないようお願いたします。（どうしても必要な場合はご連絡ください。）

4.@importでのcssの読み込みはしないようお願いいたします。

*/

.column_inner{
	background:#FFF;
	padding:0px;
}

.column_inner ul li{
	float:left;
	margin-right:25px;
	position:relative;
}

.column_inner ul li .new{
	position:absolute;
	top:-10px;
	left:10px;
	background:#EE2500;
	padding:3px 10px 3px 10px;
	font-style:italic;
	color:#FFF;
	font-size:12px;
	z-index:1;
}

.column_inner ul li .new img.bottom{
	position:absolute;
	bottom:-9px;
	left:5px;
}

.column_inner ul li:last-child{
	margin-right:0;
}

.column_inner ul li a img{
	filter: alpha(opacity=100);
  	-moz-opacity:1;
  	opacity:1;
}

.column_inner ul li a:hover img{
	filter: alpha(opacity=70);
  	-moz-opacity:0.7;
  	opacity:0.7;
}

.column_inner ul li a.txt{
	display:block;
	margin-top:8px;
	background:url(/images/top/link_arrow.gif) no-repeat left;
	padding-left:25px;
}