@charset "utf-8";
/*
　新CLIPマテリアルサービス
　作成日：2010年2月22日
　最終修正日：2010年6月22日

*/

/* module_contents マテリアル本体レイアウト調整に使うCSS */


.m0p0{/* 空白文字対応 */.disp_head_690
	margin:0;
	padding:0;
}

.posi-2top{/* span出力文字アゲ↑ */
	position:relative;
	top:-2px;
}

.height_26{/*アイコン大テキスト */
	margin:6px 0 6px 4px;
}

.height_15{/* アイコン小テキスト */
	margin:0;
	padding:0;
	height:13px;
}

.height_13{/* アイコン小テキスト */
	height:8px;
}

.wid690{/*モジュールエリア width690 パーツ中央揃え外枠div用*/
	width:690px;
}

.wid720{/*モジュールエリア width720 パーツ中央揃え外枠div用*/
	width:720px;
}

.btm_btn_sms{/*ボタンs幅で中央揃え*/
	margin:0 auto;
	width:80px;
}

.btm_btn_ms{/*ボタンm幅で中央揃え*/
	margin:0 auto;
	width:120px;
}

.btm_btn_ls{/*ボタンl幅で中央揃え*/
	margin:0 auto;
	width:240px;
}

.btm_btn_sm{/*ボタンsm２点分横並び中央揃え用　ボタンにLRのfloatをかける*/
	margin:0 auto;
	width:300px;
}

.btm_btn_l{/*ボタンl２点分横並び中央揃え用　ボタンにLRのfloatをかける*/
	margin:0 auto;
	width:500px;
}

/*サムネイル画像枠線*/
.img_border{
	border:1px #CCCCCC solid;
	width:148px;
	height:148px;
}

img#img_thumbnail{
	cursor:pointer;
}

.rate_img{/*レーティング画像*/
	padding-right:7px;
}

/* 検索画面 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.box_right_latest{/*右サイド新着情報　外枠*/
	border:1px #aca899 solid;
	z-index:1;
	height:7em;
}

.box_right_latest_news_inbox{/*右サイド新着情報　中枠*/
	border-top:1px #716f64 solid;
	border-right:none;
	border-bottom:none;
	border-left:1px #716f64 solid;
	z-index:2;
	height:7em;
}

.box_right_latest_news{/*右サイド新着情報　情報エリア*/
	padding:0.5em;
	z-index:3;
	width:auto;
	height:6em;
    overflow-x:hidden;
    overflow-y:scroll;
	text-align:left;
}

.box_right_latest_news{/* IE6対策 画面の設定によってはスクロールバーの右側に若干スペースが出ますが安全策のため */
	_width:462px !important;
}

.box_right_latest_news ol,ul {/*右サイド　情報エリア ニュースリスト無印.字下げ指定*/
    list-style: none;
}

.box_right_latest_news li, .box_right_latest_news li span {
	overflow-x:hidden;
}

	.news_date{/*右サイド　情報エリア ニュース日付色*/
	color:#999999;
	}

.select_dispbg-head,
.select_dispbg-foot,
.select_dispbg-body {/*右サイド検索、表示コントロールの背景設定共通部分*/
	width:940px;
	height:14px;
	background-repeat: no-repeat;
}

.select_dispbg-head{/*右サイド検索、表示コントロールの背景設定ヘッダ部分*/
	margin-top:2px;
	background-image:url(../img/material/disp_head_01_940_top.png);
}

.select_dispbg-body{/*右サイド検索、表示コントロールの背景設定テキスト部分*/
	height: auto;
	background-image:url(../img/material/disp_head_01_940_middle.png);
	background-repeat:repeat-y;
}

.select_dispbg-foot{/*右サイド検索、表示コントロールの背景設定フッタ部分*/
	margin-bottom:14px;
	background-image:url(../img/material/disp_head_01_940_bottom.png);
}

.box_right_search{/*右サイド検索*/
	padding:2px 20px;
}
.sub{/*右サイド検索 box_right_search 「検索」タイトル */
	padding:5px 10px 5px 0 ;
	float:left;
	font-size:10px;
}
.searcharea{/*右サイド検索 box_right_search　エリア */
	border:0;
/*		width:290px; */
	display: block;
	float:left;
	background-image:url(../img/common/bg_searchbox_mainarea.gif);
	background-repeat: no-repeat;
	height:25px;
	}
.entry{/*右サイド検索 box_right_search 入力フォーム内 */
	margin:5px 10px 5px 10px;
	border: 0;
	display:inline;
	float:left;
	width:180px;
	height: auto;
	color: #CCCCCC;
	background: none;
	}
.search{/*右サイド検索 box_right_search 検索ボタン */
	float:right;
}
.hide{/*右サイド検索 box_right_search 絞り込み表示非表示 */
	margin:10px 0 0 0;
	font-size:10px;
	text-align:left;
}
td.fsize_10 {/*右サイド検索TD項目フォントサイズ*/
	vertical-align:top;
	font-size:10px;
	line-height:1.8em;
}
.option{/*右サイド検索　絞り込み要素*/
	float:left;
/*	width:160px; */
	width: 132px;
	font-size:10px;
	line-height:1.8em;
}

.radio label, .check label {
	margin-right: 10px;
}
.option input, .check input, .radio input { /*ラジオボタン・チェックボックスとテキストの位置調整*/
	vertical-align: middle;
}
.box_right_display{/*右サイド検索*/
	padding:5px 20px;
}
.select_number{
	padding-right:2em;
	float:left;
	text-align:left;
	font-size:10px;
}
.select_order{
	padding-right:3em;
	float:left;
	text-align:left;
	font-size:10px;
}


.results{/*検索結果*/
	width:940px;
	height:25px;
}
.clear_btm{
	float:left;
}
.total{
	padding:3px 0 15px;
	float:left;
}
.total_num{
	color: rgb(0, 153, 255);
}

.explain_dl{/*検索結果下　ダウンロード説明*/
	padding:5px 0 3px 0;
	width:940px;
	font-size:12px;
	text-align:left;
}

/*サムネイル一覧のテーブル幅設定*/
.thumb_table table{
	border:0px;
	width:940px;
}

.thumb_table_img{
	margin:9px;
	border:1px #CCCCCC solid;
	cursor:pointer;
}

.thumb_table tr{
	border:0px;
}

.thumb_table td{
	padding:0px;
	border:0px;
	vertical-align:top;
}

/*サムネイル一覧の設定* * * * * */
.thumb_box{/*外枠*/
	position: relative;
	margin-right:18px;
	border-top:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
	border-bottom:none;
	border-left:1px #CCCCCC solid;
/*	height:255px;*/
}

.thumb_box_last{/*マージン無*/
	margin-right:0;
	border-top:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
	border-bottom:none;
	border-left:1px #CCCCCC solid;
	height:255px;
}

.text{/*テキスト部分・タイトル・はみ出したら隠す版*/
/*	padding:3px 10px 1px 10px; 改修前*/
/*	padding:0px 10px 5px 10px; */
	padding: 0 10px; /* 改修後(作者名あり)*/
	line-height: 1.2em;
	height:20px;
	overflow:hidden;
/*	-ms-overflow-x:hidden; */
	font-size:10px;
	text-align:left;
}

.texticon{/*サムネイルアイコン大表示*/
	padding:2px 10px 2px 10px;
/*	padding:2px 10px 6px 10px; */
	text-align:left;
	height: 24px;
}

.text_newflag{/*テキスト部分・タイトル・はみ出したら隠す版*/
/*	padding:2px 10px 1px 10px; */
	padding:0px 10px 3px 10px;
	height:15px;
	text-align:right;
}

.text a span{/*テキスト部分のアンカー下線IE6,IE7用*/
	*text-decoration: underline !important;
}

/* forcus削除0527  → 100621復活 */
.forcus, .forcus td{/*サムネイルが選択されているときの色 */
/*	color:#fff !important;*/
	background-color:#ecebeb !important;
}

.forcus a{/*サムネイルが選択されているときのアンカー色 */
/*	color:#fff !important;*/
}

.forcus div a span{ /* IE6&IE7用 */
	*text-decoration: underline !important;
}
/* forcus削除0527 → 100621復活 */

.thumb_box img {
	cursor:pointer;
}

.thumb_box div {/* IE6&IE7対策 */
	*width:158px;
}

.thumb_box div.text, .thumb_box div.texticon {/* IE6&IE7対策 */
	*width:118px;
	overflow: hidden;
}

.thumb_box_last div {/* IE6&IE7対策 */
	*width:140px;
}

.thumb_box_last div.text, .thumb_box_last div.texticon {/* IE6&IE7対策 */
	*width:118px;
	overflow: hidden;
}

.thumb_box_new{/*サムネイル一覧　新着アイコン*/
	position: absolute;
	width:40px !important;
	height:12px;
	top:10px;
	left:10px;
}
.thumb_box_dl {/*サムネイル一覧　ダウンロード済み*/
	position: absolute;
/*
	width:20px !important;
	height:20px;
	top:108px;
*/
	width:40px !important;
	height:40px;
	top:86px;
	left:14px;
}
.thumb_box_best, .thumb_box_cbest {/*サムネイル一覧　BEST*/
	position: absolute;
	width:63px !important;
	height:17px;
	top:113px;
	right:10px;
}
img.alpha {
	filter: alpha(opacity=30);
	-moz-opacity:0.3;
	opacity:0.3;
	border-color: #555;
}
.new_flag_sch{/*探すトップ一覧のNEWアイコン*/
	border:1px #CCCCCC solid;
	border-top:none;
	width:120px;
}

.new_flag_sch div{
	*width:138px;
}


/*ダウンロード履歴画面　download.html 　お取りおき画面　favorite_contents.html　* * * * * * * * * * * * * * * * * * * * */

.disp_head_690{/*表示コントロールの背景設定ヘッダ部分*/
	margin-top:2px;
	width:690px;
	height:14px;
	background-image:url(../img/material/disp_head_01_690_top.png);
	background-repeat: no-repeat;
}
.disp_body_690{/*表示コントロールの背景設定テキスト部分*/
	min-height:24px;
	_height:24px;
	background-image:url(../img/material/disp_head_01_690_middle.png);
	background-repeat:repeat-y;
}

.disp_foot_690{/*表示コントロールの背景設定フッタ部分*/
	width:690px;
	height:14px;
	background-image:url(../img/material/disp_head_01_690_bottom.png);
	background-repeat: no-repeat;
}

.new_flag{/*お取りおきのNEWアイコン*/
	border:1px #CCCCCC solid;
	border-width:0 1px;
	width:120px;
}

.new_flag div{
	*width:138px;
}

.dl_delete{/*削除*/
	border:1px #CCCCCC solid;
	border-top-style: dashed;
	width:120px;
	padding: 5px 10px !important;
	height: auto !important;
	overflow-y:hidden;
}

.dl_delete div {/*削除 IE6&IE7対策 */
	*width:138px;
}


.favo_select{/*favo_contents.htmlの表示選択*/
/*	width:650px;
	height:16px;
	padding:6px 20px 0 20px; */
	padding:0 20px 0 20px;
	height: 24px;
	line-height: 24px;
}

	.favo_select_order, .favo_select_number{
		float:left;
		font-size:12px;
		text-align:left;
		height: 24px;
		line-height: 24px;
	}
	.favo_select_number{
		padding-left:2em;
	}

.favo_notice{/* 表示選択下のメッセージエリアの背景とテキスト設定*/
	padding:0px;
	color:#888888;
	font-size:10px;
	text-align:left;
}


/*お気に入り作者画面　favolite_owner/index.html 　　* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.notice_list{
	color:#FF0000;
	text-align:left;
}

.h2_ownername{
	margin:0 0 4px 0;
	padding: 2px 0 1px;
	border:none;
	width:690px;
	color:#998b7a;
	border-bottom: 1px #998b7a solid;
	background: #fff;
	font-weight:bold;
	font-size:14px;
}

/*素材詳細画面　detail.html * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.detail_table {
	border:0px;
	width:690px;
}

.detail_table td{/*詳細 TD内テキスト位置*/
	padding:3px 0;
	vertical-align:top;
}

.detail_table_thumb{/*素材サムネイル　マージン→*/
	margin-right:15px;
}

.detail_table_thumb_dl{/*素材サムネイル ダウンロードボタン　対画像センタリング用幅指定*/
	width:150px;
}

.detail_table_thumb_clpy{
	color:#666666;
	text-align:left;
}
	.detail_table_thumb_clpy img{
	margin-left:0.5em;
	vertical-align:middle;
	}

	.detail_table_thumb_clpy span{
	margin-left:0.5em;
	vertical-align:middle;
	}

.point{/*素材サムネイル　ポイント表示部分*/
	padding:1px 0;
	border:1px #cccccc solid;
	position: relative;
	top:-1px;
	left:68px;
	width:80px;
	background-color:#eeeeee;
	font-size:10px;
	text-align:center;
}


TD.caution01 img{/*レーティング画像位置指定*/
	padding-top:3px;
	padding-right:10px;
	vertical-align:middle;
}
.author_bg_top {
	margin:10px 0 0 0;
	background: url(../img/material/disp_head_01_765_top.png) no-repeat;
	height:14px;
	width:765px;
}
.author_bg{/*作者情報　背景*/
	background: url(../img/material/disp_head_01_765_middle.png) repeat-y;
	min-height:150px;
	height:auto;
	width:765px;
}
.author_bg_bottom {
	background: url(../img/material/disp_head_01_765_bottom.png) no-repeat;
	height:14px;
	width:765px;
}


.author_list_bg_top {
	background: url(../img/material/disp_head_gray_690_top.png) no-repeat;
	height:14px;
	width:690px;
}
.author_list_bg {
	background: url(../img/material/disp_head_gray_690_middle.png) repeat-y;
/*	min-height:150px;
	height:auto;*/
	width:690px;
}
.author_list_bg_bottom {
	background: url(../img/material/disp_head_gray_690_bottom.png) no-repeat;
	height:14px;
	width:690px;
}
.author_bg input,select{/*作者情報　input領域背景色*/
	background-color:#FFFFFF;
}

.author{/*作者情報　イメージ*/
	padding:5px 10px 5px 20px;
	float:left;
}
.author_img{/*作者情報　イメージ　画像*/
	border:1px #ccc solid;
	padding: 4px;
	width:98px;
	height:98px;
	margin: 0 0 5px;
}

.author_detail{/*作者情報　詳細*/
	padding:5px 15px 0 0;
	float:right;
	width:605px;
	height:auto;
}
.author_title{/*作者情報　作者のホームページタイトル*/
	color:#999999;
	font-size:10px;
	font-weight:bold;
	width:125px;
}
.author_detail_sub{/*作者情報　詳細　タイトル*/
	color:#999999;
	font-size:10px;
	font-weight:bold;
	margin:0 5px 3px 0;
	padding:1px 0 0;
	width:100px;
}
.author_detail_sub_name {
	color:#999999;
	font-size:10px;
	font-weight:bold;
	margin:0 5px 3px 0;
	padding:1px 0 0;
	width:50px;
	float:left;
}

/*お気に入り作者*/
.author_detail_fav{ /*作者情報　詳細*/
	padding:5px 20px 5px 0;
	width:525px;
	float:right;
	height:auto;
	text-align: left;
}
.author_title_fav, .author_detail_sub_fav {
	margin:10px 0 5px;
/*	background:none repeat scroll 0 0 #EEEEEE;*/
/*	color:#999999; */
	background: #eee;
	font-size:10px;
	font-weight:bold;
	padding:5px;
	line-height: 100%;
	float:left;
/*	 width:125px; */
}
.author_detail_sub_fav{/*作者情報　詳細　タイトル*/
/*	background:none repeat scroll 0 0 #EEEEEE;*/
	/*color:#999999; */
	margin:0 5px 3px 0;
/*	width:40px; */
}

.author_detail_sub_comment {/*コメント*/
	padding:1px 0;
	width:70px;
	font-weight:bold;
	font-size:10px;
	text-align:center;
	color:#999999;
/*	background:none repeat scroll 0 0 #EEEEEE;*/
}

.author_detail_cont{/*作者情報*/
/*	padding:1px 0; */
	float:left;
	width:470px;
	font-size:110%;
	/*font-size:10px;*/
	/*text-align:left; */
}
.author_detail_cont_area{/*詳細　内容*/
/*	padding:1px 0;*/
/*	float:left;
	width:470px; */
	/*font-size:10px;*/
/*	text-align:left;*/
}
.author_detail_cont_comment {
	border:1px solid #eee;
	padding:10px;
	width:auto;
	/*font-size:10px;*/
	text-align:left;
	margin-bottom: 5px;
}
.author_detail_cont_sub_comment {
	width:605px;
}
.author_detail_txt_info{/*作者情報　詳細　作者コメント*/
	padding:0;
	border:none;
	line-height:1.3em;
	overflow:hidden;
	font-size:12px;
	text-align:left;
}
.author_detail_note{/*作者情報 注意書き*/
	/* thumnail.html,list左カラムCLIPPy注意書きにも使用*/
	padding:0.5em;
	border:2px #b7ccc7 solid;
	background-color:#EEEEEE;
	font-size:90%;
	text-align:left;
}
.author_detail_cont_txt {
	padding:1px 0;
	width:470px;
	/*font-size:10px;*/
	text-align:left;
}

.detail_htu{
	margin:10px 0 12px 0;
	padding:0;
	border:2px #ccc solid;
	float:left;
}
	.detail_htu h2{
		margin:0;
		color:#FFFFFF;
		font-weight:bold;
		background-color:#ccc;
/*		background-color:#8C7070; */
/*		padding:4px 5px 2px 7px;
		font-size:100%;
		line-height:110%;
		width:auto; */
	}
	.detail_htu_note{
	padding:0.3em 1em;
/*	color:#FFFFFF; */
/*	background-color:#8C7870; */
	background-color:#f0f0f0;
	border-bottom: 1px #d9d9d9 solid;
	}

.cheer{
	margin:10px 0 12px 0;
	padding:0;
	border:2px #ccc solid;
	float:right;
}
	.cheer h2{
		margin:0;
		color:#FFFFFF;
		font-weight:bold;
		background:#ccc;
/*		background:#8A8C70; */
/*		padding:4px 5px 2px 7px;
		font-size:100%;
		line-height:110%;
		width:auto; */
	}
	.cheer_content{
		padding:5px;
		text-align:center;
	}

	.cheer_content_note{/*応援する内容説明*/
	width:124px;
	font-size:10px;
	text-align:left;
	}


.dl_exp{/*ダウンロード時の 注意書き*/
	margin:0.5em 0;
	font-size:10px;
	}

/*素材詳細画面　input.html * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

label {
	white-space:nowrap;
	}

.notice{
	color:#FF0000;
	font-weight:bold;
	font-size:10px;
	text-align:left;
}

.notice_mini{
	padding-top:3px;
	font-size:10px;
	text-align:left;
}

.input_thumb_l{
	float:left;
	width:330px;
	text-align:center;
}

.input_thumb_r{
	float:right;
	width:330px;
	text-align:center;
}

.input_thumb_templete{
	padding-top:25px;
	padding-left:45px;
	text-align:left;
}

.input_thumb_imgbg{
	margin:auto;
	width:240px;
	background-color:#FFFFFF;
	text-align:center;
}

.input_thumb_imgbg_sub{
	margin:auto;
	width:244px;
	background-color:#ccc;
}
.sub_txt{
	padding:3px 0 1px 0;
	color:#FFFFFF;
/*	background-color:#8D8071; */
	text-align:center;
}

.note_txt{
	padding:1px 5px 3px 5px;
	line-height:1.5em;
	color:#FFFFFF;
	font-size:10px;
	text-align:left;
}

.input_thumb_imgbg img{
	padding:0;
	border:2px #ccc solid;
}

.point_notice{
	font-size:10px;
	line-height: 120%;
}


/*一覧画面　contribute/view_list.html/view_thumb.html * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.navi_690{/*素材一覧ページ送り*/
	width:690px;
	font-size:10px;
	text-align:right;
	letter-spacing: 0.2em;
}

.view_switch{/*表示切り替え*/
	margin-bottom:15px;
	border:2px #CCCCCC solid;
	border-radius: 8px;/*css3*/
	-moz-border-radius: 8px;/*mozilla*/
	-webkit-border-radius: 8px;/*webkit*/
	display:inline-table;
	width:686px;
	background-color:#F1EDEC;
}

.view_switch_select1{
	padding:15px 30px 15px 15px;
	float:left;
	vertical-align:middle;
}

.view_switch_select1 select{
	 background-color:#FFFFFF;
}

.view_switch_select2{
	padding:15px;
	float:left;
	vertical-align:middle;
}

.view_switch_select2 select{
	 background-color:#FFFFFF;
}

.view_switch_select3{
	padding:15px 30px 15px 0;
	float:left;
	vertical-align:middle;
}

.view_switch_select3 select{
	 background-color:#FFFFFF;
}

.view_switch_select4{
	padding:15px 15px 15px 15px;
	float:left;
	vertical-align:middle;
}

.view_switch_select4 select{
	background-color:#FFFFFF;
}

/*リスト一覧のテーブル幅設定*/
.simple_line .list_table {
	border-collapse: collapse;
}

.list_table table{
	width:100%;
	}

.list_table td{
	font-size:10px;
	}

/*サムネイル一覧のテーブル幅設定*/
/*サムネイルTD内はthumb_table以下と同じクラスを使用	.text	.forcus　*/
.view_thumb_table table{
	border:0px;
}

.view_thumb_table img{
	border:1px #CCCCCC solid;
	width:108px;
}

.view_thumb_table tr{
	border:0px;
}

.view_thumb_table td{
	padding:8px;
	border:0px;
	vertical-align:top;
}

.thumb_box_edit{/*外枠*/
	padding:5px;
	border:1px #CCCCCC solid;
	width:110px;
	height:300px;
	overflow:hidden;
}

.thumb_box_edit	img.thumb{
	cursor:pointer;
	margin-bottom: 5px;
	width: 108px;
	height: 108px;
}

.cont_text{/*テキスト部分*/
	padding:1px 0 1px 0;
	height:14px;
	font-size:10px;
	text-align:left;
	line-height:1.2em;
}

.cont-clpy_span{
	padding:0 0 2px 2px;
}

.w158 { width:158px; }
.w138 { width:138px; }

/*ポイント交換　point_xx.html*/

.thanks{
	margin:10px 0 20px 0;
	padding:0px;
	border:none;
	line-height:normal;
	color:#047096;
	font-weight:bold;
	font-size:160%;
}

.policy{
	padding:0.5em 1em;
	height:15em;
	overflow-x:hidden;
	overflow-y:scroll;
}

.tag_section01 input,select{
	margin-right:0.5em;
	background-color:#FFFFFF;
}

.tag_section01 td{
	padding:5px 10px;
	font-size:12px;
}

.poinput{
	margin-bottom:40px;
	border:1px #666666 solid;
}

.poinput td{
	border-bottom:1px #CCCCCC dotted;
}

div.btm_line {
	margin: 5px 0 5px 0;
	border-bottom: 1px #cccccc solid;
	height: 1px;
}

div.btm_dotline {
	margin: 5px 0 5px 0;
	border-bottom: 1px #cccccc dashed;
	height: 1px;
}

/*UP完了　upl_complete.html*/

.clpyhlp{
	padding-top:1em;
	padding-left:85px;
	width:520px;
	text-align:right;
}

/*ver2レイアウト * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#material_ver2 #upper {
}
#material_ver2 .padd_tab { /* タブ */
	padding-top: 22px !important;
}
#material_ver2 #upper-left {
	width: 730px;
	background: #ffffff;
}
#material_ver2 #utility_nav_top {
	float: none;
}
#material_ver2 .module_contents {
	padding: 15px 15px 0px 15px;
}
#material_ver2 #box_right_latest_news {
	padding: 6px;
	width:auto !important;
}
#material_ver2 #upper-right {
	margin: 0 0 10px 0;
}
#material_ver2 table {
	border: 0;
	border-collapse: collapse;
}

#material_ver2 td.td0 {
	width: 5px;
	background: #cccccc;
}
#material_ver2 td.td1 {
	width: 720px;
	height: 5px;
	background: #ffffff;
}

#material_ver2 td.td2 {
	width: 255px;
	background: #cccccc;
}
#material_ver2 td.td3 {
	width: 730px;
	height: 5px;
	background: #ffffff;
}

#material_ver2 td.td4 {
	width: 250px;
	background: #cccccc;
}
#material_ver2 #TdHeight {
	background: #ffffff url(../img/material/bg_TdHeight.gif) repeat-y;
}

/*素材詳細レイアウト * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#material_detail .detail_left {
	float: left;
	width: 160px;
}
#material_detail .detail_right {
	float: right;
	width: 765px;
}
#material_detail .img_border {
	width: 158px;
	height: auto;
}
#material_detail {
	width: 940px;
}
/*.author_detail {
	width:550px;
}*/
#material_detail .author_detail_cont {
	width: 555px;
}
#material_detail .author_detail_cont_s {
	float: left;
	font-size:110%;
/*	width: 255px; */
}
#material_detail .author_detail_favorite {
	width: 300px;
	float: right;
}
#material_detail .cheer {
	width: 210px;
}
#material_detail .cheer_content_note {
	width: 100%;
}
#material_detail .author_bg input,select{
	background-color:transparent;
}

.selectarea {
	margin:0 auto 10px auto;
	width:170px;
	height: auto;
}
.borderset01 {
	border:1px #CCCCCC solid;
	width:120px;
	border-width:0px 1px 1px 1px;
}
.bt_mm {
	background:url(../img/common/bt_mm.png) no-repeat;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#FFFFFF;
	width:215px;
	height:25px;
	text-align:center;
	cursor:pointer;
	border:none;
	display:block;
}

/*ランキングレイアウト * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.rank_bar{ height: 1px; background: #c0c0c0; margin: 2px 0; font-size: 1px; line-height: 1px; }
.rank_even { background: #ecebeb; padding: 5px; } /* #f1edec */
.rank_odd { background: #ffffff; padding: 5px; }

.ranking_material,
.ranking_creator {
	height: 170px;
}
.ranking_material { background: url(../img/material/banner_material.jpg) no-repeat; }
.ranking_creator { background: url(../img/material/banner_creator.jpg) no-repeat; }
.rank_navi {
	float: right;
	width: 224px;
	margin: 15px 15px 0 0;
	text-align: right;
}
.rank_navi_bt_material,
.rank_navi_bt_creator {
	width: 224px;
	height: 80px;
	display: block;
	text-indent: -9999px;
	text-align: left;
	overflow: hidden;
}
.rank_navi_bt_material { background: url(../img/material/bt_material.png) no-repeat top !important; }
.rank_navi_bt_creator { background: url(../img/material/bt_creator.png) no-repeat top !important; }

.rank_navi_bt_material:hover,
.rank_navi_bt_creator:hover {
	background-color: transparent !important;
	background-position: bottom !important;
}
.rank_help { margin-top: 55px; }

#ranking table, #ranking td { border: none; border-collapse: collapse; }
#ranking td.no {
	width: 133px;
	height: 35px;
	text-align: center;
	vertical-align: middle;
	background: url(../img/material/ico_rank_small.png) center center no-repeat;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	padding-left: 3px;
}
#ranking td.rank1 { background: url(../img/material/ico_rank_1.png) center top no-repeat !important; text-indent: -9999px; }
#ranking td.rank2 { background: url(../img/material/ico_rank_2.png) center top no-repeat !important; text-indent: -9999px; }
#ranking td.rank3 { background: url(../img/material/ico_rank_3.png) center top no-repeat !important; text-indent: -9999px; }
#ranking td.rank4, #ranking td.rank5 {
	background: url(../img/material/ico_rank_big.png) center center no-repeat !important;
	font-size: 26px !important;
	width: 136px !important;
	padding-left:0 !important;
}

#ranking td.thumb,
#ranking td.prof {
	width: 140px;
/*	text-align: center; */
}
#ranking td.best3 { vertical-align: bottom; padding-right: 45px; }
#ranking td.info { vertical-align: top; }

#ranking td.thumb img,
#ranking td.prof img,
#ranking td.best3 img.thumb {
	border: 1px solid #cccccc;
}
#ranking td.thumb img,
#ranking td.prof img {
	margin-left: 5px;
}

#ranking td.thumb img,
#ranking td.best3 img {
	cursor: pointer;
}

#ranking td.best3 img.thumb {
	width: 60px;
	height: 60px;
	margin-right: 5px;
}
#ranking td.best3 div.best3 {
	float: right;
	width: 196px;
	text-align: left;
}
#rank_order li {
	font-size:85%;
	float: left;
	margin: 0 0 0 10px;
}
#rank_order li span { font-size: 140%; font-weight:bold; }

.border_dot {
	background: url(../img/material/border_dot.gif) repeat-x;
	margin:5px 0;
	height:1px;
}

.author_check {
	margin:8px 0 12px 0;
}
.date_txt {
	font-size:80%;
}
.date_txt img {
	margin:5px 0 0 0;
	width:auto;
	height:auto;
}