﻿@charset "utf-8";


/*サムネイル一覧の設定* * * * * */
.thumb_box{/*外枠*/
	position: relative;
	margin:0 8px 8px 0;
	border:1px #CCCCCC solid;
	width:128px;
	float:left;
	padding-bottom: 30px;
	background-color:#FFFFFF;
}
.thumb_box_premium {
	position: relative;
	background-color:#FFFFFF;
	width: 114px;
	margin:0;
	padding:0;
}
/* ----------------------------------------------------------contribute_view_thumb */
.thumb_box_edit{
	position:relative;
	padding:3px;
	margin:0 10px 10px 0;
	border:1px #e0e0e0 solid;
	width:102px;
	overflow:hidden;
	background-color:#fff;
	float:left
}
.thumb_box_edit	.thumb {
	margin-bottom: 5px;
	width: 100px;
	height: 100px;
	border:solid 1px #bbb;
	display:block;
	background-color:#666;
	text-decoration:none;
}
.thumb_box_edit	.thumb img {
	width: 100px;
	height: 100px;
}
.thumb_box_edit	a.thumb:hover img {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
.cont_text{/*テキスト部分*/
	padding:1px 0 1px 0;
	min-height:16px;
	font-size:10px;
	text-align:left;
	line-height:1.2em;
}
/* ----------------------------------------------------------search_index */
#srch_detail {
	display:none;
}
.srch_detail_ul {
	font-size:85%;
	list-style:none;
	padding-left:11em;
	margin-bottom:1px;
	border-bottom:dotted 1px #ccc;
	position:relative;
	background-color:#eee;
	background-image:url(../img/common/bg_gradation_white_type04_upper.png);
	background-repeat:repeat-x;
	background-position:left bottom;	
}
.srch_detail_ul li {
	margin:0 1px 1px 0;
	display:block;
	float:left;
	background-color:#666;
}
.srch_detail_title {
	width:11em;
	position:absolute;
	left:5px;
	top:3px;
	background-color:transparent !important;
}
.srch_detail_ul li a {
	white-space:nowrap;
	display:block;
}
.srch_detail_ul li a, .srch_detail_ul li span {
	width:10em;
}
#srch_input_area, .srch_thumb_list_header {
	font-size:85%;
	width:auto;
	padding:5px 10px 3px;
	background-color:#eee;
	background-image:url(../img/common/bg_gradation_white_type04_under.png);
	background-repeat:repeat-x;
	background-position:left -10px;
	border:solid 1px #e5e5e5;
}
.srch_thumb_list_header {
	background-image:url(../img/common/bg_gradation_type02_under.png);
	background-position:left -5px;
}
#srch_input_area input[type=text] {
	width:30em;
}
#search_toggle {
	font-size:10px;
	text-align:left;
}
.search_select {
	padding-right:2em;
	padding-top: 2px;
	float:left;
	text-align:left;
	font-size:10px;
}

.thumb_box_new, .thumb_box_dl {/*サムネイル一覧　アイコン（基本かつNEW）*/
	position: absolute;
	padding:0 5px;
	line-height:12px;
	font-size:90%;
	color:#fff;
	background-color:#66CC66;
	top:5px;
	left:5px;
	height:12px;
	text-decoration:none !important;
}
.link_border_none {
	text-decoration:none !important;
}
.thumb_box_dl {/*ダウンロード済み*/
	background-color:#CC6633;
	top:91px;
}
/* ----------------------------------------------------------search_detail */
#material_detail {
	width:900px;
	margin:0 auto;
}
#material_detail .detail_left {
	float: left;
	width: 200px;
	padding:0 15px;
	font-size:85% !important;
	line-height:1.4em;
}
#material_detail .detail_right {
	float: right;
	width: 640px;
	padding-right:15px;
}
.bottom_border_box {
	border-bottom:solid 1px #ccc;
}
#material_detail .detail_thumb_area img {
	width:198px;
	height:198px;
	border:1px #CCCCCC solid;
	margin-bottom:15px;
	background: #fff;
}
#material_detail span.title {
	font-weight:bold;
}
#material_detail .separator_solid {
	height:15px;
	margin-bottom:15px;
}
#material_detail .separator_dotted {
	height:3px;
	margin-bottom:5px;
}
.notice{
	color:#CC3333;
	font-size:10px;
	text-align:center;
	margin-top:5px;
}
/* ----------------------------------------------------------contribute_detail */
.edit_page_tag_list {
	width:212px;
	position:relative;
	padding:8px 0 0;
}
.edit_page_tag_list span {
	display:inline-block;
	margin:0 12px 5px 0;
}
.edit_page_tag_list a label {
	cursor:pointer;
	display:inline-block;
}
.edit_page_tag_list a.delete {
	font-size:90%;
	display:inline-block;
	position:relative;
	top:-1px;
	left:2px;
	text-decoration:none !important;
}




/*------------ TAB */
ul#tabs_area {
	margin:0;
	padding:10px 0 0 0;
	list-style:none;
	width:100%;
	font-size:93%;
	line-height:normal;
	border-bottom:1px solid #ccc;
}
#tabs_area li {
	float: left;
	margin-right:5px;
}
#tabs_area span {
	float:left;
	display:block;
	height:12px;
	padding: 10px 30px 6px 25px;
	color:#666;
	background:url("../img/material/tabright6.png") no-repeat right top;
}
#tabs_area a span {float:none;}
#tabs_area a:link, #tabs_area a:link span {text-decoration:none;}
/* End IE5-Mac hack */
#tabs_area a:hover span {}
#tabs_area li#current {

	}
#tabs_area li#current span {

}


.thumb_box a.thumb, .thumb_box span.thumb, .thumb_box_premium span.thumb  {
	width:112px;
	height:112px;
	position: relative;
	display: block;
	margin:8px;
}
span.thumb_area_hold {
	width:112px;
	height:112px;
	position: relative;
	display: block;
	padding:8px;
}

.thumb_delete_wrapp {
	background-color:#FDFDEA;
	border-top: 1px solid #ddC;
	padding:10px;
}

.thumb_delete_wrapp_bgWhite {
	background-color:#fff;
	border-top: 1px solid #ddC;
	padding:10px;
}

.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;*/
}
.thumb_box span.text {display:block;}
.text{/*テキスト部分・タイトル・はみ出したら隠す版*/
/*	padding:3px 10px 1px 10px; 改修前*/
/*	padding:0px 10px 5px 10px; */
	padding: 0 10px; /* 改修後(作者名あり)*/
	line-height: 1.4em;
/*	height:20px;*/
	overflow:hidden;
/*	-ms-overflow-x:hidden; */
	font-size:10px;
	text-align:left;
	word-wrap: break-word;
}

.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_detail_2 {/*コンテンツ詳細（スライダー２行目のアイコンここちゃんとなおす修正するには構造変えなきゃいけないので仮対応）　新着アイコン*/
	position: relative;
	width:40px !important;
	height:12px;
	top:-114px;
	left:1px;
}
.thumb_box_icon_relation {/*サムネイル一覧　関連づけアイコン*/
	position: absolute;
	width:50px;
	height:12px;
	top:6px;
	left:6px;
}

.thumb_box_left01{/*サムネイル一覧　下1段目左表示のアイコン*/
	position: absolute;
	width:22px !important;
	height:12px;
	top:95px;
	right: 31px;
}

.thumb_box_right01{/*サムネイル一覧　下1段目右表示のアイコン*/
	position: absolute;
	width:22px !important;
	height:12px;
	top:95px;
	right:9px;
}

.thumb_box_left02{/*サムネイル一覧　下2段目左表示のアイコン*/
	position: absolute;
	width:22px !important;
	height:12px;
	top:107px;
	right:31px;
}

.thumb_box_right02{/*サムネイル一覧　下2段目右表示のアイコン*/
	position: absolute;
	width:22px !important;
	height:12px;
	top:107px;
	right:9px;
}




.thumb_box_vup {/*サムネイル一覧　バージョンアップ済み*/
	position: absolute;
	width:110px !important;
	height:110px;
	top:9px;
	left:9px;
}

.thumb_box_best, .thumb_box_cbest {/*サムネイル一覧　BEST*/
	position: absolute;
	width:63px !important;
	height:12px;
	top:9px;
	right:9px;
}
img.alpha {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	border-color: #555;
}
.new_flag_sch{/*探すトップ一覧のNEWアイコン*/
	border:1px #CCCCCC solid;
	border-top:none;
	width:120px;
}

.new_flag_sch div{
	*width:138px;
}







/*
　新CLIPマテリアルサービス
　作成日：2010年2月22日
　最終修正日：2011年6月22日

*/

/* module_contents マテリアル本体レイアウト調整に使うCSS */


.m0p0{/* 空白文字対応 */
	margin:0;
	padding:0;
}

.posi-2top{/* span出力文字アゲ↑ */
	position:relative;
	top:-2px;
}

.height_26{/*アイコン大テキスト */
	margin:6px 0 6px 4px;
}

.height_18{/* アイコン小テキスト */
	margin:0;
	padding:0;
	height:15px;
}
.height_18 img {
vertical-align:middle;
}

.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_mm{/*ボタンm幅で中央揃え*/
	margin:0 auto;
	width:160px;
}
.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#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;
}
.module_contents_material {
	padding:15px 0;
}
.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 絞り込み表示非表示 */
	font-size:10px;
	text-align:left;
}
td.fsize_10 {/*右サイド検索TD項目フォントサイズ*/
	vertical-align:top;
	font-size:10px;
	line-height:1.8em;
}
td.fsize_12 {/*右サイド検索TD項目フォントサイズ*/
	vertical-align:top;
	font-size:10px;
	line-height:1.8em;
	width:auto;
}
.option{/*右サイド検索　絞り込み要素*/
	float:left;
/*	width:160px; */
	width: 132px;
	font-size:10px;
	line-height:1.8em;
}

.radio label, .check label {
	margin-right: 15px;
}
.option input, .check input, .radio input { /*ラジオボタン・チェックボックスとテキストの位置調整*/
	vertical-align: middle;
}
.box_right_display{/*右サイド検索*/
	padding:5px 20px;
}

.icon_material {
	position: absolute;
	top:6px;
	right:8px;
}
.icon_material_02 {
	position: absolute;
	top:11px;
	right:176px;
}
.icon_hatena {
	position: absolute;
	top:14px;
	left:120px;
}
.results{/*検索結果*/
	width:auto;
	height:25px;
}
.clear_btm{
	float:left;
}
.total{
	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 tr{
	border:0px;
}

.thumb_table td{
	padding:0px;
	border:0px;
	vertical-align:top;
}



.border_g {
	border:2px solid #f5f5f5;	
}


/*ダウンロード履歴画面　download.html 　お取りおき画面　favorite_contents.html　* * * * * * * * * * * * * * * * * * * * */

.disp_head_690{/*表示コントロールの背景設定ヘッダ部分*/
	margin-top:2px;
	width: 690px;
	margin: 0 auto;
	height:14px;
	background-image:url(../img/material/disp_head_01_690_top.png);
	background-repeat: no-repeat;
}

.disp_head_tag {/*表示コントロールの背景設定ヘッダ部分*/
	width: 690px;
	margin: 14px auto 0 auto;
	height:14px;
	background-image:url(../img/material/disp_head_01_690_top.png);
	background-repeat: no-repeat;
}
.search_result_foot_wrapp {
	width: 690px;
	height: auto;
	margin: 0 auto;
}
.disp_foot_690 {/*表示コントロールの背景設定フッタ部分*/
	width: 690px;
	margin: 0 auto;
	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{/*削除*/
	background:#f5f5f5;
	border-top:1px #CCCCCC solid;
	width:108px !important;
	padding: 5px 10px;
	height: auto;
	position:absolute;
	bottom:0;
}

.dl_delete div {/*削除 IE6&IE7対策 */
	/**width:108px;*/
}


.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_menu {
	width: 100%;
	height: 33px;
	background-color: #666;
}
.detail_menu ul {
	float:right;
	margin: 4px 5px 0 0;
}
.detail_menu li {
	float: left;
	margin-right: 5px;
	position:relative;
}
.detail_menu li a {
	display: block;
	height: 20px;
	font-size:12px;
	text-decoration:none;
	padding: 1px 4px 0 24px;
}
.detail_menu p.list {
	float: left;
	width: 100px;
	height: 21px;
	margin:6px 5px 0 10px;
	padding: 1px 4px 0 24px;
	position:relative;
	background:url(../img/common/ico_list.png) 4px 5px no-repeat #F2F1EC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.detail_menu p.list a {display:block; text-decoration:none;}
.detail_menu li.aid a {
	display:block;
	margin: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background:url(../img/common/ico_megaphone.png) 2px 2px no-repeat #F2F1EC;
}
.detail_menu li.message a {
	display:block;
	margin: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background:url(../img/common/ico_boostcomment.gif) 4px 2px no-repeat #F2F1EC;
}
.detail_menu li.message a span { text-decoration: none;}

.detail_menu li.connect a {
	display:block;
	margin: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background:url(../img/clipdisk/ico_mail.png) 4px 7px no-repeat #F2F1EC;
}
.detail_menu li.favorite a {
	display:block;
	margin: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background:url(../img/common/ico_plus.gif) 4px 3px no-repeat #F2F1EC;
}
.detail_menu li.reserve a {
	display:block;
	margin: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background:url(../img/common/ico_plus.gif) 4px 3px no-repeat #F2F1EC;
}
.detail_menu li.twitter a {
	display:block;
	margin: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background:url(../img/common/ico_twitter.png) 6px 2px no-repeat #F2F1EC;
}

.detail_left table {
	border:0px;
	width:230px;
}

.detail_left table td {
	width:100%;
	line-height:1.2em;
}
.detail_left .font14 {
	font-size: 14px;
}
.detail_left .font12 {
	font-size: 12px;
}
.detail_left .font11 {
	font-size: 11px;
}
.detail_left dt {
	float:left;
	margin-right: 2px;
	font-weight:bold;
	font-size: 12px;
}

.detail_left .detail_box {
	width: 202px;
	padding: 5px 10px;
	border: 1px solid #CCC;
}
.detail_left .sub_ttl {
	margin: 5px 0 0 0;
}



.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;
}



.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;
	}

/*----- ダイレクトメッセージボタン -----*/
.bt_direct_message {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #666;
	border: solid #A9C1CD 2px;
	font-weight: 400;
	font-size: 12px !important;
	background-image: url(../img/common/re_bg_common_bt.gif);
	background-repeat: repeat-x;
	background-color: #D4E0E6;
	margin: 5px 0;
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bt_direct_message a {
	display: block;
	height: 20px;
	line-height: 20px;
	background: url(../img/material/icon_direct_m.png) 8px -1px no-repeat;
	padding-left: 38px;
	text-decoration: none;
	color: #666;
}

.bt_direct_message:hover {
	background-position:0 -40px;
}


/*素材詳細画面　input.html * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

label {
	white-space:nowrap;
	}



.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;
}




.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 {
	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 .ico_caution {
	float:left;
	margin-right:5px;
	margin-bottom:2px;
}

#material_detail .ico_text {
	font-size:11px;
	line-height:10px;
	color:#CD6F70;
}


/*.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 {
	background-color:transparent;
}

#material_detail .detail_delete_area {
	padding:0px;
}



#material_detail  .h_box {
	height:8px;
	display:block;
}

.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; 
	margin: -21px 0 0 0;}
	
*:first-child+html .ranking_material { background: url(../img/material/banner_material.jpg) no-repeat; 
	margin: -22px 0 0 0;}
	
.ranking_creator { background: url(../img/material/banner_creator.jpg) no-repeat; 
	margin: -21px 0 0 0;}

*:first-child+html .ranking_creator { background: url(../img/material/banner_creator.jpg) no-repeat; 
	margin: -22px 0 0 0;}

.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;
	margin:20px 0 0 0;
}
.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: 35px; }

#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;
}

/*素材リクエストボタン*/
a.bt_material_req {
	display:block;
    padding:0;
    border:0;
	text-indent:-9898px;
    font-size: 0px;
    line-height: 0px;
    cursor:pointer;
	width:126px;
    height:26px;
	background-image:url(../img/material/bt_material_request.png);
	background-repeat:no-repeat;
	background-position:center top;
}

a.bt_material_req:hover, a.bt_material_req:focus
{
    background-position:center bottom !important;
	background-color:transparent !important;
}

/*応援コメントボード*/
a.cheercomment {
	display: block; width: 126px; height: 26px;
	background: url(../img/material/bt_material_cheercomment.png) no-repeat left top;
	text-indent: -9999px; overflow: hidden;
}
a.cheercomment:hover { background-position: left bottom; }



*:first-child+html .material_img{
	position:relative;
	left:288px;
	background:none;
}

*:first-child+html .material_img .module_contents_howto_link {
	border:none;
	width:432px;
	background:none;
}


/* IE8 a:hover対策 */
#ranking .rank_even td a,
#ranking .rank_odd td a {
	background: none !important;
}

.box_right_search .option {
    float: left;
    font-size: 10px;
    line-height: 2em;
    width: 108px;
}
.box_right_search td.fsize_10 {
    font-size: 10px;
    line-height: 1.8em;
    vertical-align: top;
    width: 110px;
}

/*一覧・検索サブメニュー*/

#search .child_box a {
	padding-left:5px;
}

.child_box .select_list a {
	background:#fbc673;
}
#search .child_box a:hover {
	background-color:#fbc673;
}

.cancel_list a {
	background:url(../img/material/bt_cancel_txt.png) 153px 2px no-repeat;
	background-color:#fbc673 !important;
	overflow:hidden;
	height:14px;
}
.cancel_list a:hover {
	background-position:153px -14px;
}

.submenu_contents .title {
	background:#ccc;
	color:#777;
	margin-bottom:6px;
	padding-left:5px;
	font-size:90%;
}


/*購入/取得履歴 9/29対応*/

.co_list_bar{ height: 1px; background: #c0c0c0; margin: 2px 0; font-size: 1px; line-height: 1px; }
.co_list_even { background: #ecebeb; padding: 5px; } /* #f1edec */
.co_list_odd { background: #ffffff; padding: 5px; }

#co_list_wrap td.thumb {
	width: 80px;
}
#co_list_wrap td.thumb img {
	margin-left: 5px;
}
#co_list_wrap td.thumb img{
	cursor: pointer;
}
#co_list_wrap table, #co_list_wrap td 
{ border: none; border-collapse: collapse; }

#co_list_wrap td.info {
	vertical-align: top;
}
#co_list_wrap td.date_info {
	font-size:90%;
	vertical-align: top;
	text-align:right;
}
.tag_section01 .bt_sea {
	border:none;
	padding:3px 5px;
	background:#C9C9C9;
	color:#fff;
	font-size:90%;
	position:relative;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/clip_site/view/htc/PIE.htc);
}
.tag_section01 .bt_sea:hover {
	background:#999;
}

.module_popup_contents .user_info_area {
	border:3px solid #eee;
	padding:10px;
	position:relative;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/clip_site/view/htc/PIE.htc);
}

/* ---   素材を探すサンプル表示   ---*/
.material_jcarousel {
	padding: 6px 4px 4px;
	border-top:1px solid #ccc;
}
.material_jcarousel .jcarousel-container {
	width: 650px;
	margin: 10px 0;
	height: auto;
	background:url(../img/ycliner/slider_bg.png) 30px 0 no-repeat;
}

.material_jcarousel #mycarousel {
	overflow: hidden;
	margin: 0px;
	padding: 0px;

	}
.material_jcarousel #relation_loading {
	position: absolute;
	top: 70%;
	left: 54%;
}

.material_jcarousel .jcarousel-clip {
    overflow: hidden;
}

.material_jcarousel .sample_list ul {
	margin: 10px 0px 10px 63px;
}
.material_jcarousel .sample_list .thumb_wrap p {
 	font-size:10px;
	line-height:1.4em;
}
.material_jcarousel .sample_list .thumb_wrap p img {
	border:1px solid #ccc;
}
.material_jcarousel .sample_list li {
	width: 100px;
	height: auto;
	margin-right: 13px;
	word-wrap: break-word;
}

/*****************************************************************************************************　prev_button, next_button　*/
#back-button, #next-button {
	position:absolute;
	width:30px;
	height:70px;
	top:50%;
	left: 5px;
}
#next-button {
	right: -29px;
	left:auto;
}
#back-button a, #next-button a {
	display:block;
	overflow:hidden;
	position:relative;
	width:26px;
	height:58px;
	top:-35px;
	text-indent:-9999px;
	background-image:url(../img/ycliner/prev-horizontal.png) !important;
	background-repeat:no-repeat !important;
	background-position:0 0;
	background-color:transparent !important;
}
#next-button a {
	background-image:url(../img/ycliner/next-horizontal.png) !important;
}
#back-button a:hover, #next-button a:hover {background-position:0 bottom;}
/*****************************************************************************************************　prev_button, next_button　*/



a.btn_scene {
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	width:108px;
	height:25px;
	margin-right: 20px;
	background:url(../img/material/btn_scene.png) 0 0 no-repeat;
}
a.btn_scene {display: block; height:25px;}
a.btn_scene:hover {display: block; height:25px; background-position: 0 -26px;}

a.btn_item {
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	width:108px;
	height:25px;
	margin-right: 20px;
	background:url(../img/material/btn_item.png) 0 0 no-repeat;
}
a.btn_item {display: block; height:25px;}
a.btn_item:hover {display: block; height:25px; background-position: 0 -26px;}

a.btn_human {
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	width:108px;
	height:25px;
	margin-right: 20px;
	background:url(../img/material/btn_human.png) 0 0 no-repeat;
}
a.btn_human {display: block; height:25px;}
a.btn_human:hover {display: block; height:25px; background-position: 0 -26px;}

.carousel_img {
	height:100px;
	width:100px;
	padding: 0;
}


.relation_table {width:100%;}
.relation_table tr {height:30px;}

/*****************************************************************************************************　material_group */
#groups {
	overflow:hidden;
/*	background-color:#fff; */
/*	padding:10px; */
}
#groups h4 {
	border-bottom:dotted 1px #ccc;
	background-color:#f8f8f8;
	padding:2px 0 0 5px;
	margin-bottom:10px;
}
#groups .parts {
	/*float:left;*/
	width:565px;
}
#groups .part {/*素材集など作成時の「含まれている素材」セット*/
	float: left;
	width: 100px;
	padding:3px;
	margin: 0 7px 7px 0;
	position: relative;
	background-color:#666;
	color:#fff;
}
#groups .partGrowth {/*申請可能*/
	background-color:#9e699b !important;
}
#groups .partPending {/*申請中*/
	background-color:#538eab !important;
}
#groups .partJudge {/*要審査*/
	background-color:#b76161 !important;
}
#groups .catalog .part {/*カタログ（素材集）の「含まれている素材」セット*/
	padding-bottom:30px;
}
#groups .part img, #groups .partsface img {/*「含まれている素材」のサムネイル*/
	width:100px;
	height:100px;
	/*border: solid 1px #cccccc;*/
	background: #fff;
}
#groups .part p {/*「含まれている素材」のタイトル*/
	text-align: left;
	/*margin-top: 17px;*/
	padding-top:17px;
	line-height:1.3em;
	font-size:90%;
	padding-bottom:3px;
}
#groups .part p a {/*「含まれている素材」のタイトル（リンク）*/
	color:#fff;
	display:inline-block;
}
#groups .part p a:hover {/*「含まれている素材」のタイトル（リンクオーバー）*/
	color:#e5e5e5;
}
a.colorframe {
	position: relative;
	display: block;
	height: 100px;
}
a.colorframe img {
	position: absolute;
	top: 0;
	z-index: 5;
}
a.colorframe .play {
	background: url(../img/common/bt_thumb_play_s.png) no-repeat center center;
	z-index: 10;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	cursor: pointer;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
a.colorframe .play:hover {
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
}
#groups .partsface {/*キャラクター用*/
	float:left;
	width:545px;
	padding: 10px 10px 0 10px;
	margin: 0 0 10px 0;
	background:#e8e8e8;
}
#groups .partsface span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 0 0 0 10px;
	vertical-align: 5px;
	font-weight: bold;
}
#groups .partsface .separate {
	margin: 9px 8px 10px 0;
	border-bottom: 1px dotted #999;
}
#groups .partsface .part {/*キャラクター用サムネイルセット箱*/
	width:96px;
	padding-bottom:0;
}
#groups .partsface .part img {
	width:96px;
}
#groupMenu {
	display: none;
	width:200px;
	background:#525252;
	color: #fff;
	position: absolute;
	font-size: 80%;
	z-index:100;
}
#groupMenu li {
	padding: 5px;
	cursor: pointer;
	border-top:1px solid #ccc;
	border-bottom:1px solid #333;
	word-wrap: break-word;
}
#groupMenu li:hover {
	background: #929292;
}
#groupMenu li.menu {
	background: #508caa;
	font-weight: bold;
	cursor: default;
}

.groupTool{/*「含まれている素材」の下部コントローラー*/
	width:100px;
	text-align:center;
	bottom:3px;
	position:absolute;
	background-color:#ccc;
	padding:3px 0;
}
.groupTool a{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 16px;
	height: 16px;
	overflow: hidden;
	margin: 0 4px;
	/*border:solid 1px #ccc;*/
}
.groupTool a.toLeft{
	background: url(../img/common/ico_arrow_l.png) center center no-repeat;
}
.groupTool a.toRight{
	background: url(../img/common/ico_arrow_r.png) center center no-repeat;
}
.groupTool a.doRemove{
	background: url(../img/common/ico_trash.png) center center no-repeat;
}
.groupTool a.toMove{
	background: url(../img/common/ico_move.png) center center no-repeat;
}

.group_edit {
	margin: 0 0 15px 0;
}
.group_name {
	width: 240px;
	border:1px solid #777;
	padding-left: 5px;
}
button.base {
	background-image:url(../img/common/bg_gradation_white_type03_under.png);
	background-repeat:repeat-x;
	background-position:left -10px;
	width:135px;
	line-height:22px;
	font-size:12px !important;
	display:block;
	overflow:hidden;
	border-style:solid;
	border-width:1px;
	text-decoration:none;
	text-align:center;
	text-shadow: #666 -1px -1px 0px; /* FireFox, Webkit, Opera */
	cursor: pointer;
}
.groupMake {
	background-color: #508CAA;
	color:#fff !important;
	border-color:#508CAA;
	display: none;
}
.groupDelete {
	background-color: #CD6F70;
	color:#fff !important;
	border-color:#AA3550;
	float:right;
}
.groupUnset {
	margin-top: 10px;
	padding: 20px;
	background: #fff;
	text-align:center;
	border: solid 1px #ccc;
}

#getTagBtn {
	display:none;
	float: right;
	width: 160px;
	height: 21px;
	line-height: 19px;
}

a.item_all_check {
	float: right;
	margin-left: 10px;
	font-weight: normal;
}
div.model {
	position: relative;
}
#groups .part .ico,
div.model .ico{
	background: #999;
	color: #ffffff;
	font-size: 10px;
	height: 10px;
	top: 103px;
	width: 100px;
	line-height: 1em;
	padding: 2px 0 1px;
	position: absolute;
	text-align: center;
	text-decoration: none !important;
}
div.model .ico{
	top: 100px;
}
div.model img{
	margin-bottom: 5px;
}

.ico_update {
	background: #a07482 !important;
	width: 60px !important;
	right: 3px;
}
.partsface .ico_update {
	left: 40px;
	right: auto;
}
.partsface .part .ico_update{
	left: auto;
	right: 3px;
}
.ico_upnot {
	background: #7b937b !important;
	left: 3px;
}
.ico_dl {
	background: #8c7c69 !important;
	left: 3px;
}
.ico_growth {
	background: #a04690 !important;
	left: 3px;
}
.ico_pend {
	background: #2d6c87 !important;
	left: 3px;
	width: 50px !important;
}
.ico_judge {
	background: #b23a3c !important;
	left: 3px;
	width: 50px !important;
}
div.model .ico_upnot,
div.model .ico_dl,
div.model .ico_growth,
div.model .ico_pend,
div.model .ico_judge {
	left: 0;
}
#groups .part span.part_check,
#groups .partsface span.part_check {
	font-size:10px;
	font-weight: normal;
	color:#cc0000;
	margin: 0 5px 0 0;
	display:none;
	vertical-align: 0;
	padding:0;
}
p.godetail {
	display:inline-block;
    width:100%;
}
p.godetail input {
	float:left;
	display:block;
	position:relative;
	top:0px;
	left:-2px;
	margin-right:0 !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {/*サファリハック*/
	p.godetail a {
		width:86px;
	}
	p.godetail a.colorface {
		width:82px;
	}
	p.godetail input {
		top:0px;
		left:-1px;
		margin-right:2px !important;
	}
}
.material_update_history {
	padding:8px;
	width:auto !important;
	background-color:#fff;
}
textarea.material_update_history {
	padding:5px;
	width:546px !important;
}
	