@charset "utf-8";

/* ■■ clip_style.css ■■
-----------------------------------------------------------------------------
■更新日：2010年12月29日
-----------------------------------------------------------------------------
■目次
  01. クリップ一覧-左カラム共通部分
  02. クリップ一覧-右カラム共通部分
  03. 別窓
  04. 設定・ツール
  05. 利用説明～登録
  06. Yahoo!クリップとは？
  07. その他
  08. プロモページ
-----------------------------------------------------------------------------
■備考
-----------------------------------------------------------------------------
*/

/* ----------------------------------------
 * 01. クリップ一覧-左カラム共通部分
 * ---------------------------------------- */

/* タイトル */
div.sub_titlebg{
	background:url(http://i.yimg.jp/images/clips/tit_bg_30.gif) bottom left repeat-x #89b8e5;
	min-height:30px;
	_height:30px;
	border:1px solid #305578;
}
div.sub_titlebg h3{
	font-weight:bold;
	color:#fff;
	padding-top:3px;
}

div.sub_titlebg h3.sub_infoti{
	background:url(http://i.yimg.jp/images/clips/clip_icon_info.gif) no-repeat 7px 7px;
	padding-left:30px;
	min-height:23px;
	_height:23px;
}
div.sub_titlebg h3.sub_tagti{
	background:url(http://i.yimg.jp/images/clips/clip_icon_tag.gif) no-repeat 7px 7px;
	padding-left:30px;
	min-height:21px;
	_height:21px;
}
div.sub_titlebg h3.sub_setteiti{
	background:url(http://i.yimg.jp/images/clips/clip_icon_settei.gif) no-repeat 8px 6px;
	padding-left:30px;
	min-height:22px;
	_height:22px;
}

/* searchBox */
.searchTab { float:left;height:23px; width:138px; overflow:hidden;background:url(http://i.yimg.jp/images/clips/searchtab.gif) no-repeat 0;}
.searchTab span {display: none;}
.goBookmark { height:22px; width: 162px; float:right; right; border-bottom:#a8b8c8 1px solid;position:relative;}
.frameSearch { clear: right;border-left:#a8b8c8 1px solid; border-bottom:#a8b8c8 1px solid; border-right:#a8b8c8 1px solid; margin:0 0 5px; background:url(http://i.yimg.jp/images/clips/search_bg.gif) top left repeat-x #c3d5f8; min-height:38px; _height:38px;}
#searcharea { padding: 7px 8px; }
#searcharea li{ float:left;vertical-align:middle;}

p.bookmark_txt{
	background:url(http://i.yimg.jp/images/clips/clip_text_bookmark.gif) no-repeat 0px 0px;
	width:128px;
	height:16px;
	position:absolute;
	top:2px;
	right:2px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
}
p.bookmark_txt a{
	display:block;
	width:109px;
	height:15px;
	position:absolute;
	top:3px;
	right:2px;
}


/* Box共通 */
div.sub_wr1{
	border-right:1px solid #a8b8c8;
	border-left:1px solid #a8b8c8;
	border-bottom:1px solid #a8b8c8;
	padding:10px 10px 5px 10px;
}
div.sub_wr2{
	border-right:1px solid #a8b8c8;
	border-left:1px solid #a8b8c8;
	border-bottom:1px solid #a8b8c8;
	padding:3px 10px 5px 10px;
}
div.sub_wr3{
	border:1px solid #bbbbbb;
	padding:5px 5px 5px 5px;
	background-color: #ffffcc;
	margin-left:auto;
	margin-right:auto;
}

/* infoBox */
dl.sub_infolist{
	margin-bottom:5px;
}
dl.sub_infolist dt{
	background:url(http://i.yimg.jp/images/clips/c_dot.gif) no-repeat 0px 9px;
	line-height:1.4em;
	font-size:93%;
	color:#4e5c6f;
	padding-left:8px;
}
dl.sub_infolist dd{
	line-height:1.2em;
	font-size:83%;
	color:#4e5c6f;
	padding-left:8px;
}
#infoBox .att { color: #ff0000; }


/* tagBox */
ul.sub_taglist li{
	font-size:93%;
	line-height:1.2em;
	margin-bottom:5px;
	word-wrap: break-word;
	overflow: hidden;
}

/* 使用状況 */
div.bar_base{
	width:250px;
	min-height: 23px;
	_height: 23px;
	border: 1px solid #b4ca1d;
	background-color: #ffffff;

	position:relative;
	margin:0 auto 5px auto;
	}
div.bar_base p.barbg{
	background: url(http://i.yimg.jp/images/clips/bar.gif) repeat-x 0 50%;
	min-height: 23px;
	_height: 23px;
	text-align:left;

}
div.bar_base p.text{
	position:absolute;
	width:250px;
	top:0;
	left:0;
	text-align:center;
	}
p.bar_chuki{
	margin-right:25px;
	margin-left:25px;
	line-height:1.3em;
	color:#666;
}




/* ----------------------------------------
 * 02. クリップ一覧-右カラム共通部分
 * ---------------------------------------- */

/* タイトル */
div.main_titlebg{
	background:url(http://i.yimg.jp/images/clips/tit_bg_40.gif) bottom left repeat-x #89b8e5;
	min-height:40px;
	_height:40px;
	border:1px solid #305578;
}
div.main_titlebg h2{
	font-weight:bold;
	color:#fff;
	padding-top:9px;
	padding-bottom:7px;
}
div.main_titlebg h2.main_clipti{
	background:url(http://i.yimg.jp/images/clips/clip_iconb_list.gif) no-repeat 7px 7px;
	width:470px;
	padding-left:40px;
	min-height:26px;
	_height:26px;
	float:left;
}
div.main_titlebg h2.main_clipti a{
	color:#fff;
}
div.main_titlebg h2.main_tagti{
	background:url(http://i.yimg.jp/images/clips/clip_iconb_list.gif) no-repeat 7px 7px;
	width:470px;
	padding-left:40px;
	min-height:26px;
	_height:26px;
	float:left;
}
div.main_titlebg h2.main_tagti a{
	color:#fff;
	font-weight:normal;
}
div.main_titlebg h2.main_setteiti{
	background:url(http://i.yimg.jp/images/clips/clip_iconb_settei.gif) no-repeat 7px 7px;
	width:470px;
	padding-left:42px;
	min-height:26px;
	_height:26px;
	float:left;
}

div.main_titlebg h2.main_setteiti a.linktop{
	color:#fff;
	font-weight:normal;
}
div.main_titlebg h2.main_setteiti a.linktop:visited{
	color:#fff;
	font-weight:normal;
}
p.settei_ic{
	background:url(http://i.yimg.jp/images/clips/clip_icon_settei.gif) no-repeat 0 14px;
	padding:12px 10px 0 20px;
	min-height:30px;
	_height:30px;
	color:#fff;
	line-height:1.3em;
	float:right;
}
p.settei_ic a{
	color:#fff;
}
p.settei_ic a:visited{
	color:#fff;
}
p.clip_ic{
	background:url(http://i.yimg.jp/images/clips/clip_icon_list.gif) no-repeat 0 14px;
	padding:12px 10px 0 20px;
	min-height:30px;
	_height:30px;
	color:#fff;
	line-height:1.3em;
	float:right;
}
p.clip_ic a{
	color:#fff;
}
p.clip_ic a:visited{
	color:#fff;
}

/* 件数と並べ替え */

div.gradbg_30wr{
	background:url(http://i.yimg.jp/images/clips/clip_gradbg_30.gif) bottom left repeat-x;
	border-right:1px solid #a8b8c8;
	border-left:1px solid #a8b8c8;
	border-bottom:1px solid #a8b8c8;
	padding:4px 10px 4px 7px;
}

ul.sortwr{}
ul.sortwr li.kensu{
	float:left;
}
ul.sortwr li.sort{
	float:right;
	padding-top:2px;
}
ul.sortwr li.sort span.current{
	color:#0066cc;
	font-weight:bold;
	text-decoration:underline;
}
ul.sortwr li.sort a{
	color:#0066cc;
	text-decoration:underline;
}
ul.sortwr li.sort img{
	margin-bottom:2px;
}
p.searchresult_txt{
	font-size:93%;
	font-weight:bold;
}
/* ボタン */

div.btbg_wr{
	background:url(http://i.yimg.jp/images/clips/clip_btbg.gif) bottom left repeat-x;
	border-right:1px solid #a8b8c8;
	border-left:1px solid #a8b8c8;
	border-bottom:1px solid #a8b8c8;
	height:29px;
	position:relative;
	z-index:1;
}
ul.buttonwr1 li.button{
	float:left;
	width:580px;
}
ul.buttonwr1 li.check{
	position:absolute;
	top:5px;
	right:11px;
	background:url(http://i.yimg.jp/images/clips/allcheck_txt.gif) no-repeat 0 4px;
	min-height:15px;
	_height:15px;
	padding-left:74px;
}

/* ヘッダーメニュー */
#main-smenuwr{
	position:relative;
}

ul.head_button{
}
ul.head_button li{
	float:left;
	height:29px;
}
ul.head_button li a{
	float:left;
	height:29px;
	display:block;
}

ul.head_button li p.change{background:url(http://i.yimg.jp/images/clips/clip_menu.gif) no-repeat 0 -58px;width:85px;text-indent:-9999px;overflow:hidden;font-size:0;line-height:0;}
ul.head_button li.add{background:url(http://i.yimg.jp/images/clips/clip_menu.gif) no-repeat -85px -58px;width:95px;text-indent:-9999px;overflow:hidden;font-size:0;line-height:0;}
ul.head_button li.edit{background:url(http://i.yimg.jp/images/clips/clip_menu.gif) no-repeat -180px -58px;width:75px;text-indent:-9999px;overflow:hidden;font-size:0;line-height:0;}
ul.head_button li.delete{background:url(http://i.yimg.jp/images/clips/clip_menu.gif) no-repeat -255px -58px;width:71px;text-indent:-9999px;overflow:hidden;font-size:0;line-height:0;}

ul.head_button li p.change a{background:url(http://i.yimg.jp/images/clips/clip_menu.gif) no-repeat 0 0px;width:85px;}
ul.head_button li.add a{background:url(http://i.yimg.jp/images/clips/clip_menu.gif) no-repeat -85px 0px;width:95px;}
ul.head_button li.edit a{background:url(http://i.yimg.jp/images/clips/clip_menu.gif) no-repeat -180px 0px;width:75px;}
ul.head_button li.delete a{background:url(http://i.yimg.jp/images/clips/clip_menu.gif) no-repeat -255px 0px;width:71px;}

ul.head_button li p.change a:hover{background:url(http://i.yimg.jp/images/clips/clip_menu.gif) no-repeat 0 -29px;width:85px;}
ul.head_button li.add a:hover{background:url(http://i.yimg.jp/images/clips/clip_menu.gif) no-repeat -85px -29px;width:95px;}
ul.head_button li.edit a:hover{background:url(http://i.yimg.jp/images/clips/clip_menu.gif) no-repeat -180px -29px;width:75px;}
ul.head_button li.delete a:hover{background:url(http://i.yimg.jp/images/clips/clip_menu.gif) no-repeat -255px -29px;width:71px;}

ul.head_button li.change_unused{background:url(http://i.yimg.jp/images/clips/clip_menu.gif) no-repeat 0 -87px;width:85px;text-indent:-9999px;overflow:hidden;font-size:0;line-height:0;}
ul.head_button li.add_unused{background:url(http://i.yimg.jp/images/clips/clip_menu.gif) no-repeat -85px -87px;width:95px;text-indent:-9999px;overflow:hidden;font-size:0;line-height:0;}/* 実際には新規登録のグレーアウトは未使用 */
ul.head_button li.edit_unused{background:url(http://i.yimg.jp/images/clips/clip_menu.gif) no-repeat -180px -87px;width:75px;text-indent:-9999px;overflow:hidden;font-size:0;line-height:0;}
ul.head_button li.delete_unused{background:url(http://i.yimg.jp/images/clips/clip_menu.gif) no-repeat -255px -87px;width:71px;text-indent:-9999px;overflow:hidden;font-size:0;line-height:0;}

/* 表示切替 */
ul.hyoujikirikae{
	width:85px;
	text-indent:0;
	position:absolute;
	top:29px;
	left:0;
}
ul.hyoujikirikae li{
	clear:both;
	width:83px;
	background-color:#fff;
	border-right:1px solid #97bad1;
	border-left:1px solid #97bad1;
	border-bottom:1px solid #97bad1;
	line-height:1.4em;
	padding:0 0;
	magin-right:0px;
}
ul.hyoujikirikae li a{
	display:block;
	width:68px;
	height:19px;
	padding:5px 5px 5px 10px;
}


ul.buttonwr2{
	margin-bottom:5px;
}
ul.buttonwr2 li{
	float:left;
	line-height:0;
	font-size:0;
}




/* Box共通 */
div.main_star_midoku{
	background-color:#ffffff;
	border-right:1px solid #a8b8c8;
	border-left:1px solid #a8b8c8;
	padding:10px 10px 5px 42px;
	position:relative;
	_height:0;
}
div.main_star_kidoku{
	background-color:#e9e9e9;
	border-right:1px solid #a8b8c8;
	border-left:1px solid #a8b8c8;
	padding:10px 10px 5px 42px;
	position:relative;
	_height:0;
}
/* ★マーク */
p.staron{
	background:url(http://i.yimg.jp/images/clips/clip_icon_staron1.gif) no-repeat 0 0;
	display:block;
	position:absolute;
	width:28px;
	height:28px;
	top:47%;
	left:7px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
}
p.staron a{
	display:block;
	width:28px;
	height:28px;
}
p.staron a:hover{
	background:url(http://i.yimg.jp/images/clips/clip_icon_staron_hv1.gif) no-repeat 0 0;
	display:block;
	width:28px;
	height:28px;
}
p.staroff{
	background:url(http://i.yimg.jp/images/clips/clip_icon_staroff1.gif) no-repeat 0 0;
	display:block;
	position:absolute;
	width:28px;
	height:28px;
	top:47%;
	left:7px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
}
p.staroff a{
	display:block;
	width:28px;
	height:28px;
}
p.staroff a:hover{
	background:url(http://i.yimg.jp/images/clips/clip_icon_staroff_hv1.gif) no-repeat 0 0;
	display:block;
	width:28px;
	height:28px;
}

p.staric{
	position:absolute;
	width:28px;
	height:28px;
	top:47%;
	left:7px;
}




div.main_bgnone{
	border-right:1px solid #a8b8c8;
	border-left:1px solid #a8b8c8;
	padding:5px 6px 5px 6px;
}
/* [新規] */div.entry_bgnone{
	padding:5px 6px 5px 6px;
}
/* [新規] */div.entry_bg{
	background:url(http://i.yimg.jp/images/clips/entry_bg.gif) top left repeat-x;
	padding:5px 6px 5px 6px;
}
/* [新規] */div.entry_bg2{
	background:url(http://i.yimg.jp/images/clips/entry_bg2.gif) top left repeat-x;
	padding:5px 6px 5px 6px;
}
div.dott_botline{
	border-bottom:1px dotted #a8b8c8;
}
div.solid_botline{
	border-bottom:1px solid #a8b8c8;
}
div.solid_topline{
	border-top:1px solid #a8b8c8;
}

div.main_wr1{
	border-right:1px solid #a8b8c8;
	border-left:1px solid #a8b8c8;
	border-bottom:1px solid #a8b8c8;
	padding:10px 5px 10px 5px;
}
div.main_wr2{
	border-right:1px solid #a8b8c8;
	border-left:1px solid #a8b8c8;
	border-bottom:1px solid #a8b8c8;
	padding:15px 10px;
}


/* ---ツールバーモジュール--- */
/* [新規] */div.toolbar_wr{
	border-top:1px solid #a8b8c8;
	padding-top:40px;
}
/* [新規] */div.toolbar_mod{
	border:1px solid #a8b8c8;
	width:500px;
	margin:0 auto;
	padding:5px 6px 5px 6px;
	text-align:center;
}


/* ---テキスト共通--- */

/* size */
.font_93{font-size:93%}

/* エラー */
.list_error{
	border-right:1px solid #a8b8c8;
	border-left:1px solid #a8b8c8;
	padding:10px;
	position:relative;
	_height:0;
	color:#ff0000;
	font-weight:bold;
	line-height:1.4em;
}

/* 記事タイトル */
ul.kiji_tiwr li.kiji_ti{
	float:left;
	width:550px;
}
ul.kiji_tiwr li.check{
	float:right;
}
ul.kiji_tiwr li.kiji_ti h4{
	font-weight:bold;
	margin-bottom:5px;
	word-wrap: break-word;
	overflow: hidden;
}

/* 記事詳細 */
p.detail_txt{
	color:#666;
	line-height:1.4em;
	word-wrap: break-word;
	overflow: hidden;
}
p.link_color1 a{
	color:#0066cc;
}
p.link_color1 a:visited{
	color:#51a0a5;
}
/* URLコピーとボタン */
ul.urlcopy_buttonwr{
	width:550px;
}
ul.urlcopy_buttonwr li.urlcopy{
	float:left;
	width:395px;
	padding-top:3px;
}
ul.nourlcopy_buttonwr li.nourlcopy{
	float:left;
	width:395px;
	padding-top:3px;
	background-color:#dddddd;
}
ul.urlcopy_buttonwr li.button{
	float:right;
	width:150px;
	padding-bottom:3px;
}
ul.urlcopyform{
}
ul.urlcopyform li.textwr{
	float:left;
	color:#666;
	line-height:1.4em;
}
ul.urlcopyform li.inputwr{
	float:left;
	color:#666;
	line-height:1.4em;
	word-wrap: break-word;
	overflow: hidden;
}
input.urlcopy{
	width:280px;
	color:#666;
	word-wrap: break-word;
}



/* ページ送り */
ul.numberwr li.kensu{
	float:left;
	width:110px;
}
ul.numberwr li.number{
	float:right;
	width:500px;
	text-align:right;
}


/* アイコン説明 */
div.icon_wr{
	width:618px;
	border:1px solid #a8b8c8;
	padding:10px 5px;
	margin-bottom:5px;
}
div.icon_wr li{
	width:190px;
	min-height:18px;
	_height:18px;
	line-height:1.3em;
	padding:5px 5px 5px 34px;
	float:left;
}
div.icon_wr li.sumi{
	background:url(http://i.yimg.jp/images/clips/clip_icon_staron1.gif) no-repeat 0 0px;
}
div.icon_wr li.mi{
	background:url(http://i.yimg.jp/images/clips/clip_icon_staroff1.gif) no-repeat 0 0px;
}
div.icon_wr p.help{
	line-height:1.3em;
	margin-left:5px;
	margin-right:5px;
}
/* タグに背景色 */
span.tagnamebg{
	background-color:#fff100;
	padding:1px 1px;
}

/* タグ一覧 */
ul.main_taglist{
	font-size:93%;
	line-height:1.5em;
	margin-bottom:5px;
}

/* ----------------------------------------
 * 03. 別窓
 * ---------------------------------------- */
div.komado_wr{
	border:4px solid #a8b8c8;
}
.komado_inner{
	margin-right:50px;
	margin-left:50px;
}
/* タイトル */
div.komado_titlebg{
	background:url(http://i.yimg.jp/images/clips/clip_komado_tibg.gif) bottom left repeat-x;
	min-height:31px;
	_height:31px;
	border-bottom:1px solid #abbaca;
	margin-bottom:20px;
}
div.komado_titlebg h3{
	font-weight:bold;
	color:#fff;
	padding-top:7px;
}

div.komado_titlebg h3.komado_tourokuti{
	background:url(http://i.yimg.jp/images/clips/clip_icon_add.gif) no-repeat 7px 9px;
	color:#4e5c6f;
	font-weight:bold;
	padding-left:30px;
	float:left;
	min-height:25px;
	_height:25px;
}
div.komado_titlebg h3.komado_editti{
	background:url(http://i.yimg.jp/images/clips/clip_icon_edit.gif) no-repeat 7px 9px;
	color:#4e5c6f;
	font-weight:bold;
	padding-left:30px;
	float:left;
	min-height:25px;
	_height:25px;
}
div.komado_titlebg h3.komado_deleteti{
	background:url(http://i.yimg.jp/images/clips/clip_icon_delete.gif) no-repeat 7px 9px;
	color:#4e5c6f;
	font-weight:bold;
	padding-left:30px;
	float:left;
	min-height:25px;
	_height:25px;
}

/* CLOSE */
p.close_bt{
	background:url(http://i.yimg.jp/images/clips/clip_closebt.gif) no-repeat 0 0px;
	width:18px;
	height:18px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin-top:6px;
	margin-right:6px;
	float:right;
}
p.close_bt a{
	display:block;
	width:18px;
	height:18px;
}

/* table */
table.komado_table01{
	width:100%;
}

table.komado_table01 th{
	font-size:93%;
	color:#4e5c6f;
	line-height:1.4em;
	padding:5px 5px;
	text-align:right;
	vertical-align:top;
	width:18%;
}
table.komado_table01 td{
	color:#4e5c6f;
	line-height:1.4em;
	vertical-align:top;
	padding:5px 5px;
	text-align:left;
}
.form_border01{
	border:1px solid #a8b8c8;
	padding:2px 5px;
}


/* ボタン */
ul.komado_btarea{
	width:210px;
	margin-right:auto;
	margin-left:auto;
}
ul.komado_btarea li.left{
	float:left;
	width:100px;
}
ul.komado_btarea li.right{
	float:right;
	width:100px;
}

/* エラー */
.komado_error{
	margin-left:110px;
	color:#ff0000;
	font-weight:bold;
	line-height:1.4em;
}
.komado_error2{
	margin-left:130px;
	color:#ff0000;
	font-weight:bold;
	line-height:1.4em;
}
.form_bordererror{
	border:1px solid #ff0000;
	padding:2px 5px;
}

/* 完了 */
.komado_txt{
	font-size:93%;
	color:#4e5c6f;
	line-height:1.4em;
	font-weight:bold;
	margin-bottom:15px;
}

/* 注記 */
.komado_chuki{
	color:#4e5c6f;
	line-height:1.4em;
}
/* ----------------------------------------
 * 04. 設定・ツール
 * ---------------------------------------- */

/* 設定・ツール-左カラム */
ul.sub_settei li{
	margin-bottom:10px;
}
ul.sub_settei h4{
	background:url(http://i.yimg.jp/images/clips/clip_marksqu.gif) no-repeat 0 3px;
	min-height:16px;
	_height:16px;
	font-size:93%;
	color:#4e5c6f;
	line-height:1.4em;
	padding-left:16px;
}
ul.sub_settei h4.current{
	color:#000000;
	font-weight:bold;
}
ul.sub_settei h5{
	background:url(http://i.yimg.jp/images/clips/c_dot.gif) no-repeat 0px 9px;
	font-size:93%;
	color:#4e5c6f;
	line-height:1.4em;
	padding-left:10px;
	margin-left:20px;
}
ul.sub_settei h5.current{
	color:#000000;
	font-weight:bold;
}
ul.sub_settei h6{
	color:#4e5c6f;
}
ul.sub_settei h6.current{
	color:#000000;
	font-weight:bold;
}
ul.sub_settei dd{
	line-height:1.2em;
	margin-left:30px;
}

/* 設定・ツール-右カラム */

/* 共通 */
h3.main_setteiother{
	background-color:#c5e2f5;
	color:#4e5c6f;
	line-height:1.4em;
	font-weight:bold;
	padding:5px 7px;
	margin-bottom:5px;
}
p.settei_txt{
	color:#4e5c6f;
	line-height:1.3em;
	padding-left:15px;
}
p.settei_txt2{
	color:#4e5c6f;
	line-height:1.3em;
	padding-left:27px;
}
p.settei_txt3{
	color:#4e5c6f;
	line-height:1.3em;
	padding-left:10px;
	padding-right:10px;
}
p.settei_txt4{
	font-size:93%;
	color:#4e5c6f;
	line-height:1.3em;
	font-weight:bold;
	margin-bottom:5px;
	padding-left:5px;
}
p.settei_kome{
	color:#4e5c6f;
	line-height:1.3em;
	text-indent:-1.0em;
	padding-left:1.0em;
	margin-right:10px;
	margin-left:10px;
}
p.settei_kome2{
	color:#4e5c6f;
	line-height:1.3em;
	text-indent:-1.0em;
	padding-left:1.0em;
	margin-right:15px;
	margin-left:15px;
}
p.settei_kome3{
	color:#4e5c6f;
	line-height:1.3em;
	text-indent:-1.0em;
	padding-left:1.0em;
	margin-right:20px;
	margin-left:20px;
}
p.settei_kome4{
	color:#4e5c6f;
	line-height:1.3em;
	text-indent:-1.0em;
	padding-left:1.0em;
	margin-right:30px;
	margin-left:30px;
}

ul.setteiradio{
	margin-left:10px;
	margin-right:10px;
}
ul.setteiradio li{
	line-height:1.4em;
}

/* 設定トップ */
h3.main_settei{
	background:url(http://i.yimg.jp/images/clips/clip_marksqu_b.gif) no-repeat 0 3px;
	min-height:18px;
	_height:18px;
	color:#4e5c6f;
	line-height:1.4em;
	font-weight:bold;
	padding-left:20px;
	margin-bottom:5px;
}

h4.main_settei2{
	background:url(http://i.yimg.jp/images/clips/c_dot.gif) no-repeat 0px 9px;
	font-size:93%;
	color:#4e5c6f;
	line-height:1.4em;
	font-weight:bold;
	padding-left:10px;
	margin-left:15px;
}
h4.main_settei2 a{
	color:#0066cc;
}
h4.main_settei2 a:visited{
	color:#51a0a5;
}
dl.main_settei3 dd{
	line-height:1.2em;
	margin-left:30px;
	color:#4e5c6f;
}

/* お知らせメール設定 */
ul.setteimail_time{
	margin-left:10px;
	margin-right:10px;
	padding-bottom:10px;
}
ul.setteimail_time li.textw{
	float:left;
	width:235px;
	font-size:93%;
}
ul.setteimail_time li.pulw{
	float:left;
	width:190px;
	font-size:93%;
}

/* 便利な登録方法 */
div.main_benriti{
	background-color:#fafafa;
	border:1px solid #dcdcdc;
	padding:5px 6px;
	margin:0 10px;
}
div.main_benriti h4{
	font-size:93%;
	font-weight:bold;
}
div.main_benriwr{
	background-color:#fafafa;
	border-right:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	padding:10px 6px;
	margin:0 10px 8px 10px;
}

dl.benri_inner{
	margin:0 15px;
}
dl.benri_inner dt{
	font-size:93%;
	font-weight:bold;
	padding:0 0 0 0;
}
dl.benri_inner dd{
	padding:0 20px 15px 20px;
	line-height:1.3em;
}

div.benri_bg1{
	background-color:#fafafa;
	padding:8px 6px;
	margin:0 100px 20px 100px;
}

/* ブックマークレット */
div.iebg_txt{
	background:url(http://i.yimg.jp/images/clips/ie_big.gif) no-repeat 100% 5px;
	min-height:53px;
	_height:53px;
	color:#4e5c6f;
	line-height:1.3em;
	padding-top:10px;
	padding-right:60px;
	margin:0 10px 20px 10px;
}
div.ffbg_txt{
	background:url(http://i.yimg.jp/images/clips/ff_big.gif) no-repeat 100% 5px;
	min-height:53px;
	_height:53px;
	color:#4e5c6f;
	line-height:1.3em;
	padding-top:10px;
	padding-right:60px;
	margin:0 10px 20px 10px;
}
div.sfbg_txt{
	background:url(http://i.yimg.jp/images/clips/safari_big.gif) no-repeat 100% 5px;
	min-height:53px;
	_height:53px;
	color:#4e5c6f;
	line-height:1.3em;
	padding-top:10px;
	padding-right:60px;
	margin:0 10px 20px 10px;
}

dl.bookmarkicon_wr{
}
dl.bookmarkicon_wr dt.addmy{
	background:url(http://i.yimg.jp/images/sicons/clip16.gif) no-repeat 0 0px;
	padding-left:22px;
	line-height:1.3em;
}
dl.bookmarkicon_wr dt.iefile{
	background:url(http://i.yimg.jp/images/clips/ie_file.gif) no-repeat 0 0px;
	padding-left:22px;
	line-height:1.3em;
}
dl.bookmarkicon_wr dt.otherfile{
	background:url(http://i.yimg.jp/images/clips/ff_file.gif) no-repeat 2px 0px;
	padding-left:22px;
	line-height:1.3em;
}
dl.bookmarkicon_wr dd{
	padding-left:22px;
}

h5.bookmarktxt_num{
	font-size:93%;
	font-weight:bold;
	line-height:1.3em;
	text-indent:-1.0em;
	padding-left:1.0em;
	margin:0 15px 5px 15px;
}

ul.dragdrop_hint{
	margin:0 10px 10px 10px;
}
ul.dragdrop_hint li.left{
	float:left;
	width:420px;
}
ul.dragdrop_hint li.right{
	float:right;
	width:150px;
	text-align:right;
}

dl.hintwr dt.hint{
	background:url(http://i.yimg.jp/images/clips/hint.gif) no-repeat 0 0px;
	padding-left:28px;
	line-height:1.3em;
	font-weight:bold;
}
dl.hintwr dd{
	padding-left:28px;
	line-height:1.3em;
}

/* ページから登録 */
dl.dispExp{
	margin-bottom:10px;
}
dl.dispExp dt{
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
}
dl.dispExp dd{
	margin:0;
	padding:0;
}

dl.srcCode{
	margin-bottom:10px;
}
dl.srcCode dt{
	font-weight:bold;
	margin:0;
	padding:0;
}
dl.srcCode dd{
	margin:0;
	padding:0;
}

/* Yahoo!クリップの便利な使い方 */
h3.main_setteibenri{
	background-color:#c5e2f5;
	color:#4e5c6f;
	line-height:1.4em;
	font-weight:bold;
	padding:5px 7px;
	margin-bottom:10px;
}
ul.settei_benriwr{
	padding-bottom:10px;
	margin:0 10px;
}
ul.settei_benriwr li.text{
	float:left;
	width:420px;
	line-height:1.4em;
}
ul.settei_benriwr li.ph{
	float:right;
	width:170px;
	text-align:right;
}



















/* ----------------------------------------
 * 05. 利用説明～登録
 * ---------------------------------------- */

div.main_titlebg h2.main_iconnoneti{
	padding-left:15px;
	min-height:20px;
	_height:20px;
}
h3.main_start{
	background-color:#c5e2f5;
	color:#4e5c6f;
	line-height:1.4em;
	font-weight:bold;
	padding:5px 7px;
	margin-bottom:15px;
}
p.start_txt1{
	font-size:93%;
	color:#4e5c6f;
	line-height:1.3em;
	padding-left:20px;
	padding-right:20px;
}
p.start_endtxt{
	color:#4e5c6f;
	line-height:1.3em;
	font-weight:bold;
	text-align:center;
	padding:10px 20px;
}
div.start_bg1{
	width:400px;
	background-color:#fafafa;
	padding:8px 6px;
	margin:0 auto 10px auto;
}
ul.startradio{
	margin-left:20px;
	margin-right:20px;
}
ul.startradio li{
	line-height:1.4em;
}


/* ----------------------------------------
 * 06. Yahoo!クリップとは？
 * ---------------------------------------- */

div.about_wr1{
	background:url(http://i.yimg.jp/images/clips/clip_aboutwrbg.gif) repeat-y 0 0;
	width:949px;

}
div.about_bottom{
	background:url(http://i.yimg.jp/images/clips/sprite_about.png) no-repeat 0px -329px;
	width:949px;
	height:2px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
}

ul.about_wr2{
	width:949px;
	min-height:265px;
	_height:265px;
	margin-left:auto;
	margin-right:auto;
}
ul.about_wr2 li{
	padding:0px 1px 0px 1px;
	border-top:1px solid #a8b8c8;
}
ul.about_wr2 li.left{
	width:463px;
	float:left;
}
ul.about_wr2 li.right{
	width:462px;
	float:right;
}

ul.about_wr2 h3.subti1{
	background:url(http://i.yimg.jp/images/clips/sprite_about.png) no-repeat 0px 0px;
	width:463px;
	height:65px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin-bottom:15px;
}
ul.about_wr2 h3.subti2{
	background:url(http://i.yimg.jp/images/clips/sprite_about.png) no-repeat 0 -73px;
	width:462px;
	height:65px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin-bottom:15px;
}
ul.about_wr2 h3.subti3{
	background:url(http://i.yimg.jp/images/clips/sprite_about.png) no-repeat 0 -144px;
	width:463px;
	height:65px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin-bottom:15px;
}
ul.about_wr2 h3.subti4{
	background:url(http://i.yimg.jp/images/clips/sprite_about.png) no-repeat 0 -215px;
	width:462px;
	height:65px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin-bottom:15px;
}

dl.about_wr3{
	margin-left:12px;
	margin-right:12px;
}
dl.about_wr3 dt{
	width:165px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
}
dl.about_wr3 dd{
	width:265px;
	float:right;
	color:#626262;
	font-size:93%;
	line-height:1.3em;
}
dl.about_wr3 dd p.kome{
	line-height:1.2em;
}
dl.about_wr3 dd p.komered{
	line-height:1.2em;
	color:#e60012;
}

dl.about_wr3 dt.subph1{
	background:url(http://i.yimg.jp/images/clips/sprite_about.png) no-repeat -496px 0px;
	width:162px;
	height:88px;
}
dl.about_wr3 dt.subph2{
	background:url(http://i.yimg.jp/images/clips/sprite_about.png) no-repeat -686px 0px;
	width:149px;
	height:85px;
}
dl.about_wr3 dt.subph3{
	background:url(http://i.yimg.jp/images/clips/sprite_about.png) no-repeat -496px -117px;
	width:160px;
	height:92px;
}
dl.about_wr3 dt.subph4{
	background:url(http://i.yimg.jp/images/clips/sprite_about.png) no-repeat -686px -117px;
	width:137px;
	height:122px;
}

h3.about_chuititle{
	background:url(http://i.yimg.jp/images/clips/sprite_about.png) no-repeat 0 -293px;
	width:950px;
	height:28px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
}
div.about_chuiwr{
	background:url(http://i.yimg.jp/images/clips/clip_about_chuifoot.gif) bottom left repeat-x #fffcd0;
	width:920px;
	color:#666666;
	line-height:1.3em;
	padding:10px 15px 15px 15px;
}
div.about_chuiwr .favorite_sp{
	margin-left:2px;
	margin-right:2px;
}
span.chuired{color:#e60012;}


/* ----------------------------------------
 * 07. その他
 * ---------------------------------------- */
/* JavaScript OFF時 */
div.jsoff_error{
	border:2px solid #a8b8c8;
	padding:15px;
	margin:10px 83px 0 83px;
	background-color:#e5eef2;
	color:#4e5c6f;
	font-weight:bold;
	line-height:1.4em;
	width:750px;
	text-align:left;
}
span.jsoff_text{
	color:#c21c9d;
}
/* 汎用エラー */
.general_error{
	color:#4e5c6f;
	line-height:1.3em;
	font-weight:bold;
	text-align:center;
	padding:30px 20px;
}


/* ----------------------------------------
 * 07. プロモページ
 * ---------------------------------------- */

div.promo_wr1{
	background:url(http://i.yimg.jp/images/clips/promo_maintitle.png) top center no-repeat;
	border:1px solid #a8b8c8;
	padding:175px 0 30px 0;
}
div.promo_wr2{
	border:1px solid #a8b8c8;
	padding:10px 8px 10px 8px;
}
div.promo_lr30{
	margin-left:30px;
	margin-right:30px;
	_margin-left:28px;/*IE6*/
	_margin-right:28px;/*IE6*/
}

div.promo_mainti{
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
}

div.promo_headerarea{
	min-height:180px;
	_height:180px;
}
div.promo_maintxtarea{
	width:520px;
	line-height:1.3em;
	margin-left:15px;
}
div.promo_kinouarea{
	margin-bottom:15px;
}

div.main_titlebg h3{
	font-weight:bold;
	color:#fff;
	font-size:123%;
	padding-top:9px;
	padding-bottom:7px;
}
div.main_titlebg h3.main_iconnoneti{
	padding-left:15px;
	min-height:20px;
	_height:20px;
}

ul.promo_kinouwr{
}
ul.promo_kinouwr li.left{
	float:left;
	border:1px solid #a8b8c8;
	padding:8px 8px;
}
ul.promo_kinouwr li.right{
	float:right;
	border:1px solid #a8b8c8;
	padding:8px 8px 7px 8px;
}

/* 主な機能 */
dl.promo_kinou{
	background:url(http://i.yimg.jp/images/clips/promo_sprite.png) no-repeat 0 0;
	width:510px;
	height:155px;
}
dl.promo_kinou dt,dl.promo_kinou dd{
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
}
/* お役立ち情報 */
dl.promo_oyaku{
	background:url(http://i.yimg.jp/images/clips/promo_sprite.png) no-repeat -517px 0;
	width:327px;
	height:156px;
	position:relative;
}
dl.promo_oyaku dt,dl.promo_oyaku dd{
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
}

dl.promo_oyaku dd.blog a{
	display:block;
	width:325px;
	height:55px;
	position:absolute;
	top:35px;
	left:0;
}
dl.promo_oyaku dd.twitter a{
	display:block;
	width:325px;
	height:55px;
	position:absolute;
	top:100px;
	left:0;
}

/* 便利な使い方 */

/* benriwr1 */
div.promo_benriwr1{
	background-color:#c5e2f5;
	border:1px solid #305578;
}
div.promo_benribg{
	background:url(http://i.yimg.jp/images/clips/promo_bg1.png) top left repeat-y;
}
div.promo_benrigrad{
	background:url(http://i.yimg.jp/images/clips/promo_bg2.png) bottom left no-repeat;
}

div.promo_benri_no1{
	background:url(http://i.yimg.jp/images/clips/promo_benri_no1.png) no-repeat 15px 50%;
	padding:4px 10px 4px 50px;
	position:relative;
}
div.promo_benri_no2{
	background:url(http://i.yimg.jp/images/clips/promo_benri_no2.png) no-repeat 13px 50%;
	padding:4px 10px 4px 50px;
	position:relative;
}
div.promo_benri_no3{
	background:url(http://i.yimg.jp/images/clips/promo_benri_no3.png) no-repeat 13px 50%;
	padding:4px 10px 4px 50px;
	position:relative;
}

/* benriwr2 */
ul.promo_benriwr2{

}
ul.promo_benriwr2 li.photo{
	float:left;
	width:100px;
}
ul.promo_benriwr2 li.text{
	float:right;
	width:675px;
	padding-top:5px;
}

p.promo_case1ph{
	background:url(http://i.yimg.jp/images/clips/promo_sprite.png) no-repeat -850px 0;
	width:100px;
	height:100px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
}
p.promo_case2ph{
	background:url(http://i.yimg.jp/images/clips/promo_sprite.png) no-repeat -850px -102px;
	width:100px;
	height:100px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
}
p.promo_case3ph{
	background:url(http://i.yimg.jp/images/clips/promo_sprite.png) no-repeat -850px -206px;
	width:100px;
	height:100px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
}

p.promo_case1txt{
	background:url(http://i.yimg.jp/images/clips/promo_sprite.png) no-repeat -681px -166px;
	width:156px;
	height:17px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin-bottom:7px;
}
p.promo_case2txt{
	background:url(http://i.yimg.jp/images/clips/promo_sprite.png) no-repeat -620px -306px;
	width:193px;
	height:16px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin-bottom:7px;
}
p.promo_case3txt{
	background:url(http://i.yimg.jp/images/clips/promo_sprite.png) no-repeat -620px -326px;
	width:192px;
	height:16px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin-bottom:7px;
}

p.promo_fukudashi{
	background:url(http://i.yimg.jp/images/clips/promo_fukidashi.png) no-repeat;
	width:30px;
	height:15px;
	position:absolute;
	top:62px;;
	left:154px;
	_left:108px;/* IE6(154-50+4) */
}
div.promo_fukidashibg{
	background:url(http://i.yimg.jp/images/clips/promo_fukidashi_bg.png) repeat-y 0 0;
	width:675px;
}
div.promo_fukidashihead{
	background:url(http://i.yimg.jp/images/clips/promo_fukidashi_head.png) no-repeat 0 0;
	width:675px;
	height:6px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
}
div.promo_fukidashifoot{
	background:url(http://i.yimg.jp/images/clips/promo_fukidashi_foot.png) no-repeat 0 0;
	width:675px;
	height:6px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
}
p.promo_fukidashitxt{
	font-size:113%;
	font-weight:bold;
	line-height:1.3em;
	padding:6px 15px;
}

/* benriwr3 */
ul.promo_benriwr3{

}
ul.promo_benriwr3 li.text{
	float:left;
	width:669px;
}
ul.promo_benriwr3 li.cap{
	float:right;
	width:190px;
}

p.promo_cap1ph{
	background:url(http://i.yimg.jp/images/clips/promo_cap1.png) no-repeat 0 0;
	width:190px;
	height:250px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
}
p.promo_cap2ph{
	background:url(http://i.yimg.jp/images/clips/promo_cap2.png) no-repeat 0 0;
	width:190px;
	height:250px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
}
p.promo_cap3ph{
	background:url(http://i.yimg.jp/images/clips/promo_cap3.png) no-repeat 0 0;
	width:190px;
	height:250px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
}

h4.promo_case1ti{
	background:url(http://i.yimg.jp/images/clips/promo_sprite.png) no-repeat 0 -166px;
	width:669px;
	height:35px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin-bottom:5px;
}
h4.promo_case2ti{
	background:url(http://i.yimg.jp/images/clips/promo_sprite.png) no-repeat 0 -202px;
	width:669px;
	height:35px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin-bottom:5px;
}
h4.promo_case3ti{
	background:url(http://i.yimg.jp/images/clips/promo_sprite.png) no-repeat 0 -238px;
	width:669px;
	height:35px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin-bottom:5px;
}

/* benriwr4 */
dl.promo_benriwr4{

}
dl.dott_botline{
	border-bottom:1px dotted #a8b8c8;
}
dl.promo_benriwr4 dt{
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	padding:0 10px;
	margin-bottom:2px;
}
dl.promo_benriwr4 dd{
	font-size:87%;
	line-height:1.4em;
	padding:0 10px 5px 10px;
}

p.promo_case1_subti1{
	background:url(http://i.yimg.jp/images/clips/promo_sprite.png) no-repeat 0 -280px;
	width:347px;
	height:22px;
}
p.promo_case1_subti2{
	background:url(http://i.yimg.jp/images/clips/promo_sprite.png) no-repeat -353px -280px;
	width:413px;
	height:23px;
}
p.promo_case1_subti3{
	background:url(http://i.yimg.jp/images/clips/promo_sprite.png) no-repeat 0 -332px;
	width:268px;
	height:22px;
}

p.promo_case2_subti1{
	background:url(http://i.yimg.jp/images/clips/promo_sprite.png) no-repeat 0 -306px;
	width:245px;
	height:22px;
}
p.promo_case2_subti2{
	background:url(http://i.yimg.jp/images/clips/promo_sprite.png) no-repeat -255px -306px;
	width:356px;
	height:22px;
}

p.promo_case3_subti1{
	background:url(http://i.yimg.jp/images/clips/promo_sprite.png) no-repeat -275px -332px;
	width:327px;
	height:21px;
}
p.promo_case3_subti2{
	background:url(http://i.yimg.jp/images/clips/promo_sprite.png) no-repeat 0 -358px;
	width:406px;
	height:20px;
}

/* promo_tourokuwr */
div.promo_tourokuwrbg{
	background:url(http://i.yimg.jp/images/clips/promo_tourokuwr_bg.png) repeat-y 0 0;
	width:890px;
}
div.promo_tourokuwrhead{
	background:url(http://i.yimg.jp/images/clips/promo_tourokuwr_head.png) no-repeat 0 0;
	width:890px;
	padding:15px 0 15px 0;
}
div.promo_tourokuwrfoot{
	background:url(http://i.yimg.jp/images/clips/promo_tourokuwr_foot.png) no-repeat 0 0;
	width:890px;
	height:5px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
}

ul.promo_tourokuwr1{
	width:835px;
	margin:0 auto;
}
ul.promo_tourokuwr1 li.no{
	float:left;
	width:380px;
}
ul.promo_tourokuwr1 li.yes{
	float:right;
	width:380px;
}

h3.promo_tourokuti1{
	background:url(http://i.yimg.jp/images/clips/promo_sprite.png) no-repeat 0 -382px;
	width:349px;
	height:29px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin:0 auto 10px auto;
}
h3.promo_tourokuti2{
	background:url(http://i.yimg.jp/images/clips/promo_sprite.png) no-repeat -369px -382px;
	width:368px;
	height:29px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin:0 auto 10px auto;
}
p.promo_tourokutxt{
	text-align:center;
	line-height:1.2em;
	margin-bottom:15px;
}

/* promo_chui */
h3.promo_chuititle{
	background:url(http://i.yimg.jp/images/clips/sprite_about.png) no-repeat 0 -293px;
	width:891px;
	height:28px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
}
div.promo_chuiwr{
	background:url(http://i.yimg.jp/images/clips/clip_about_chuifoot.gif) bottom left repeat-x #fffcd0;
	width:861px;
	color:#666666;
	line-height:1.3em;
	padding:10px 15px 15px 15px;
}
div.promo_chuiwr .favorite_sp{
	margin-left:2px;
	margin-right:2px;
}