@charset "euc-jp";

/*----------------------------------------
digitalhome TV ver Yahoo! JAPAN campaign
index.html用、howto.html用css
create date:2009/03/30

-0.共通設定など
-1.メインタイトル
-2.応募方法
-3.暮らしに役立つステキなプレゼント！
-4.応募要項
-5.howtoタイトル
-6.応募方法
-7.終了
----------------------------------------*/


/*
0.共通部分など
------------------------------*/

/*  ---- Reset ----  */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,img{
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	text-indent:-9999px;
	overflow:hidden;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*  ---- Fontsize Base ----  */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.22;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:99%;}

/*  ---- Fontsize Pattern ----  */
/*
10px 	77%
11px 	85%
12px 	93% (was 93)
13px 	100%
14px 	108% (was 107)
15px 	116% (was 114)
16px 	123.1% (was 122)
*/
/*  ----------  */



/* 大枠の幅 */


body#tv_campaign{
	background-color:#f7f9f6;
}

body#tv_campaign div#wrapper{
	padding:0 10px;
	position:relative;
}

body#tv_campaign div#contents-body{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/contents-body_bg.gif) left top repeat-y;
}

/*EMG*/
div.emg table{
	margin:0px auto;
}

/*topページ背景*/
body#tv_campaign div#bg_wrapper{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/tv_cam_bg01.gif) left 197px repeat-x #f7f9f6;
}


/* マウスヘッド */
body#tv_campaign div#masthead{
	position:absolute;
	top:0;
	right:10px;
	width:108px;
}

/* フッター */
#link-bottom{
	text-align:center;
	color:#787878;
}

#footer address{
	border:none;
}

#footer{
	border-top:1px solid #cccccc;
}

/*テキスト*/
.hidden_txt{
	text-indent:-9999px;
	overflow:hidden;
}

/*FF3*/
html>/**/body p.yjMt, html>/**/body div.yjMt{
	letter-spacing:-0.05em;
}

html>/**/body span.yjM{
	letter-spacing:-0.085em;
}


html>/**/body p.yjSt{
	letter-spacing:-0.01em;
}

html>/**/body dd.yjM{
	letter-spacing:-0.085em;
}

html>/**/body .yjS{
	letter-spacing:-0.1em;
}

html>/**/body table.yjM{
	letter-spacing:-0.03em;
	word-spacing:normal;
}



.red_txt{
	color:#9a0202;
}

.strong, strong{font-weight:bold;}


/*高さ調整*/
.s_height{
	font-size:0;
	overflow:hidden;
}


/*margin＆padding*/
.mrg_10{margin:10px;}
.mrg_tb10{margin:10px 0;}
.mrg_t5{margin-top:5px;}
.mrg_t10{margin-top:10px;}
.mrg_t20{margin-top:20px;}
.mrg_t25{margin-top:25px;}
.mrg_b005em{margin-bottom:0.05em;}
.mrg_b01em{margin-bottom:0.1em;}
.mrg_b03em{margin-bottom:0.3em;}
.mrg_b5{margin-bottom:5px;}
.mrg_b15{margin-bottom:15px;}
.mrg_b10{margin-bottom:10px;}
.mrg_b20{margin-bottom:20px;}
.mrg_l4{margin-left:4px;}
.mrg_l5{margin-left:5px;}
.mrg_l6{margin-left:6px;}
.mrg_rl10{margin-left:10px; margin-right:10px;}
.mrg_t5b15{margin-top:5px; margin-bottom:15px;}
.mrg_tb5rl10{margin:5px 10px;}
.pdg_b5{padding-bottom:5px;}
.pdg_b10{padding-bottom:10px;}
.pdg_t10{padding-top:10px;}
.pdg_tb10{padding-top:10px; padding-bottom:10px;}
.pdg_t10b20{padding-top:10px; padding-bottom:20px;}



/*  ---- clearfix ----  */

.clearfix{
    zoom:1;
}
.clearfix:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}


/*
1.メインタイトル
------------------------------*/
div#contents-header{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/tv_cam_title.gif) left top no-repeat;
	height:214px;
}

div#tv_cam_title_02{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/tv_cam_title_02.jpg) left top no-repeat;
	height:327px;
}

p#sub_title_txt{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/tv_cam_title_02.gif) left top no-repeat;
	height:129px;
}


h3#btn_select_pr{
	width:116px;
	height:115px;
	position:absolute;
	top:195px;
	right:8px;
	_right:17px;	
}

h3#btn_select_pr a{
	display:block;
	height:115px;
}



/*
2.応募方法
------------------------------*/
div.contents_block_wr{
	background-color:#17b8a7;
	margin-left:10px;
	margin-right:10px;
	padding:10px 5px 5px 5px;
}


div.contents_block{
	background-color:#edfef9;
	padding:5px 0px 5px 5px;
	_zoom:1;
}


h2#fd_01{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/finding_01.gif) no-repeat;
	width:950px;
	height:36px;
}

.blue_arrow{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/blue_arrow.gif) left 0.2em no-repeat;
	padding-left:25px;
}


h3#txt_tvservice{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/txt_tvservice.gif) center top no-repeat;
	height:18px;
}

/*各TVメニュー ブロック*/
div.career_block{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/sv_body_bg.gif) left top repeat-y;
	width:223px;
	float:left;
}

div.career_block span.career_block_top{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/sv_top_bg.gif) left top no-repeat;
	height:4px;
	display:block;	
}


div.career_block div.career_block_body{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/sv_btm_bg.gif) left bottom no-repeat;
	padding:5px 6px 10px 6px;
}

h3.sv_ttl{
	text-align:center;
	margin:7px 5px 0 5px;
	padding-bottom:10px;
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/sv_line_bg.gif) left bottom repeat-x;
}


/*
3.暮らしに役立つステキなプレゼント！
------------------------------*/

h2#fd_02{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/finding_02.gif) no-repeat;
	width:950px;
	height:36px;
}

div.contents_block_prbg{
	background-color:#b9e6d9;
	padding:5px 0px 5px 5px;
	zoom:1;
}

/*プレゼントエリア*/
div.present_block_bg01{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/present_bg_body.gif) left top repeat-y;

}

div.present_block_bg_btm01{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/present_bg_btm.gif) left bottom no-repeat;
	padding-bottom:6px;
}


div.present_block_bg02{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/present_bg_body2.gif) left top repeat-y;

}

div.present_block_bg_btm02{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/present_bg_btm2.gif) left bottom no-repeat;
	padding-bottom:6px;
}

div.present_block_body{
	width:224px;
	float:left;

}


/*賞品名*/

dl.present_introduction{
	margin:0 10px;
}

dl.present_introduction dt {
        width:4em;
		line-height:1.2em;
}
dl.present_introduction dd.prise_name {
        margin-left:0em;
        margin-top: -1.1em;
		padding-left:3em;
		padding-bottom:3px;
		background:url(http://i.yimg.jp/images/dh/campaign/200905/web/line_red_bg.gif) -5px bottom no-repeat;
		font-weight:bold;
		color:#9a0202;	
		line-height:1.2em;
		margin-bottom:0.2em;		
}

dl.present_introduction dd.prise_name2 {
        margin-left:0em;
        margin-top: -1.1em;
		padding-left:3.8em;
		padding-bottom:3px;
		background:url(http://i.yimg.jp/images/dh/campaign/200905/web/line_red_bg.gif) -5px bottom no-repeat;
		font-weight:bold;
		color:#9a0202;	
		line-height:1em;
		margin-bottom:0.2em;		
}



/*提供元*/
dl.present_introduction dd.offer_name {
        margin-left:3.7em;
        margin-top: -1.2em;
		font-weight:bold;
		line-height:1.2em;
		margin-bottom:0.3em;

}



/*
4.応募要項
------------------------------*/

h2#fd_03{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/finding_03.gif) no-repeat;
	width:950px;
	height:36px;
}

div.contents_block_appribg{
	background-color:#FFFFFF;
	padding:5px;
	zoom:1;
}

table#table_style01 th{
	background-color:#00beca;
	color:#FFFFFF;
	font-weight:bold;
	padding:10px 20px;
	vertical-align:top;
}

.th_wline{
	border-bottom:2px solid #FFFFFF;
	white-space:nowrap;
}

.th_wline_top{
	border-top:1px solid #00beca;
}

.th_wline_btm{
	border-btm:1px solid #00beca;
}



table#table_style01 td{
	padding:10px 15px;
	vertical-align:top;
}

.td_gline{
	border-bottom:3px double #cccccc;
	border-right:1px solid #cccccc;
	border-left:1px solid #FFFFFF;
}

.td_gline_top{
	border-top:1px solid #cccccc;
}

.td_gline_btm{
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-left:1px solid #FFFFFF;
}

table#table_style01 ul{
	padding-left:8px;
}

table#table_style01 ul li{

	padding-left:10px;
	line-height:1.2em;
	margin-bottom:0.3em;
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/list_sq_mark.gif) left 0.4em no-repeat;
}

table#table_style01 dl dt{
	text-indent:-9999px;
	overflow:hidden;
	height:19px;
	margin-bottom:0.5em;
}

#aquos_tv{background:url(http://i.yimg.jp/images/dh/campaign/200905/web/dt_aquos_tv.gif) left top no-repeat;}
#bravia_tv{background:url(http://i.yimg.jp/images/dh/campaign/200905/web/dt_bravia_tv.gif) left top no-repeat; margin-top:15px;}
#regza_tv{background:url(http://i.yimg.jp/images/dh/campaign/200905/web/dt_regza_tv.gif) left top no-repeat; margin-top:15px;}
#wooo_tv{background:url(http://i.yimg.jp/images/dh/campaign/200905/web/dt_wooo_tv.gif) left top no-repeat; margin-top:15px;}

/*注意書き*/

p.notes_txt{
	padding-left:20px;
	text-indent:-20px;
	margin-bottom:5px;
	line-height:1.5em;
}

span.notes_txt02{
	padding-left:1.3em;
	text-indent:-1.3em;
	line-height:1.5em;
	margin-top:0.5em;
	margin-bottom:0.5em;
	display:inline-block;
}

ul.notes_list{
	margin:10px 0 5px 0;
	list-style:none;
	padding-left:20px;
	text-indent:-20px;
	line-height:1.2em;
	margin-bottom:0.3em;
}

ul.notes_list li{
	margin-bottom:0.3em;
}

ul li.notes_list2{
	list-style:none;
	padding-left:15px;
	text-indent:-15px;
	line-height:1.2em;
	margin-bottom:0.3em;
}

/*賞品*/
ul.detail_present{
	margin-left:-5px;
}

ul.detail_present li{
	display:inline;
}

/*-------↓↓ここからhowto.html------------*/

/*
5.howtoタイトル
------------------------------*/
/*howtoページ背景*/
body#tv_campaign div#bg_wrapper_howto{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/tv_cam_how_bg01.gif) left 174px repeat-x #f7f9f6;
}



div#contents-header-howto{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/tv_cam_how_title.gif) left top no-repeat;
	height:219px;
}

p#sub_title_txt{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/tv_cam_title_02.gif) left top no-repeat;
	height:129px;
}


h3#btn_select_pr_howto{
	width:104px;
	height:106px;
	position:absolute;
	top:80px;
	right:4px;
	_right:12px;
}

h3#btn_select_pr_howto a{
	display:block;
	height:106px;
}

div.contents_block_wr2{
	background-color:#17b8a7;
	margin-left:10px;
	margin-right:10px;
}


/*
6.応募方法
------------------------------*/
/*はじめに*/
div.contents_block_howtobg{
	background-color:#edfef9;
	width:910px;
	margin-left:auto;
	margin-right:auto;
}

div.contents_block2_wr{
	background-color:#17b8a7;
	margin-left:10px;
	margin-right:10px;
	padding:5px;
}

div#contents_block2_wr{
	background-color:#17b8a7;
	margin-left:10px;
	margin-right:10px;
}

h3.howto_introduction_tit{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/howto_introduction_tit.gif) no-repeat;
	height:35px;
}

h2.howto_tit{
	width:950px;
	height:35px;
}

dl.check_point{
	width:889px;
	margin-left:auto;
	margin-right:auto;
}

dl.check_point dt{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/howto_bg_check.gif) left top no-repeat;
	height:36px;
	margin-bottom:5px;
}

dl.check_point dt img{
	margin:8px 0 0 85px;
}

dl.check_point dd.no_txt{
	display:none;
	font-size:0;
	height:0;
}

div.contents_block_introbtm{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/howto_introduction_btm.gif) bottom no-repeat;
	height:6px;
}

p.arrow_l{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/img_arrow_l.gif) center top no-repeat #17b8a7;
	height:40px;
}

/*キャンペーンに応募する*/
h3.howto_application_tit{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/howto_cam_application_tit.gif) no-repeat;
	height:35px;
}


div.step_block_wr{
	position:relative;
	border:1px solid #abd5d1;
	margin-left:10px;
	margin-right:10px;
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/step_illust_bg.gif) right top repeat-y #FFFFFF;
}


.step_block{
	margin-right:5px;
	min-height:95px;
	/*ie*/
	_padding-bottom:1px;
	_height:95px;
	
}


div.step_block p.step_txt{
	padding:10px 310px 5px 95px;

}

/*イラスト部分*/
.step_illust_1{background:url(http://i.yimg.jp/images/dh/campaign/200905/web/step1_illust.gif) right bottom no-repeat;}
.step_illust_1_bravia{background:url(http://i.yimg.jp/images/dh/campaign/200905/web/step_illust_1_bravia.gif) right bottom no-repeat;}
.step_illust_1_dtv{background:url(http://i.yimg.jp/images/dh/campaign/200905/web/step1_illust_dtv.gif) right bottom no-repeat;}
.step_illust_2{background:url(http://i.yimg.jp/images/dh/campaign/200905/web/step2_illust.gif) right bottom no-repeat;}
.step_illust_3{background:url(http://i.yimg.jp/images/dh/campaign/200905/web/step3_illust.gif) right bottom no-repeat;}

p.img_step{
	width:89px;
	height:59px;
	position:absolute;
	top:-12px;
	_top:-11px;
	left:-10px;
}

.step_01{background:url(http://i.yimg.jp/images/dh/campaign/200905/web/step_1.gif) no-repeat;}
.step_02{background:url(http://i.yimg.jp/images/dh/campaign/200905/web/step_2.gif) no-repeat;}
.step_03{background:url(http://i.yimg.jp/images/dh/campaign/200905/web/step_3.gif) no-repeat;}

.step_arrow{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/step_arrow.gif) center top no-repeat;
	width:100%;
	height:31px;
	position:absolute;
	top:-24px;
	_top:-23px;
}

.fin_arrow{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/fin_arrow.gif) center top no-repeat;
	width:100%;
	height:26px;
	position:absolute;
	top:-26px;
}

div.fin_block_wr{
	position:relative;
	margin:28px 10px 0 10px;	
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/fin_appri_img.gif) no-repeat;
	height:51px;
	zoom:1;
}

/*---向けYahoo! JAPANサービス*/

div.for_tv_service_block{
	background-color:#dbdbdb;
	width:888px;
	margin:20px auto 10px auto;
}


div.for_tv_service_block div.round_gry_top{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/gry_sevice_block_top.gif) no-repeat;
	height:5px;
}

div.for_tv_service_block div.round_gry_btm{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/gry_sevice_block_btm.gif) no-repeat;
	height:5px;
}

div.for_tv_service_block div.service_body_block{
	padding:0 10px;
}

img.tv_cap{
	float:left;
	margin:0px 10px 0px 0px;
}


div.for_tv_service_block div.btn_area{
	background-color:#FFFFFF;
	border-top:5px solid #bfe5e6;
	border-bottom:5px solid #bfe5e6;
	margin-left:286px;
	margin-bottom:5px;
	padding:10px;
}

p.btn_area_txt{
	float:left;
	width:280px;
}

p.btn_area_txt_2{
	float:left;
	width:270px;
}

p.f_right{
	float:right;
}




/*#btn_for_bravia{
	position:absolute;
	top:13px;
	left:295px;
	_top:20px;
}
*/
/*aquos*/
h2#howto_aquos{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/howto_tit_aquos.gif) no-repeat;
}

h3.for_service_tit{
	height:28px;
	text-indent:-9999px;
	overflow:hidden;
	margin-top:5px;
}

h3#for_service_aquos{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/service_tit_foraquos.gif) no-repeat;
}

/*bravia*/
h2#howto_bravia{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/howto_tit_bravia.gif) no-repeat;
}

h3.for_service_tit{
	height:28px;
	text-indent:-9999px;
	overflow:hidden;
	margin-top:5px;
}

h3#for_service_bravia{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/service_tit_forbravia.gif) no-repeat;
}

/*regza*/
h2#howto_regza{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/howto_tit_regza.gif) no-repeat;
}

h3.for_service_tit{
	height:28px;
	text-indent:-9999px;
	overflow:hidden;
	margin-top:5px;
}

h3#for_service_regza{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/service_tit_forregza.gif) no-repeat;
}

dd#y_url{
	background-color:#FFFFFF;
	border:3px double #68a5ff;
	padding:5px;
	font-weight:bold;
	text-align:center;
	margin:5px 30% 5px 30%;
	font-size:105%;
}


/*wooo*/
h2#howto_wooo{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/howto_tit_wooo.gif) no-repeat;
}

h3.for_service_tit{
	height:28px;
	text-indent:-9999px;
	overflow:hidden;
	margin-top:5px;
}

h3#for_service_wooo{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/service_tit_forwooo.gif) no-repeat;
}


/*お問い合わせ*/
div.inquiry_block{
	background-color:#FFFFFF;
	border:1px solid #a7a7a7;
	width:888px;
	margin-left:auto;
	margin-right:auto;
}

div.inquiry_block h3.list_regza_tit{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/list_regza_tit.gif) center 4px no-repeat #908f8f;
	height:25px;
}


div.inquiry_block h3.inq_regza_tit{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/inq_regza_tit.gif) center 4px no-repeat #908f8f;
	height:25px;
}

div.inquiry_block h3.inq_wooo_tit{
	background:url(http://i.yimg.jp/images/dh/campaign/200905/web/inq_wooo_tit.gif) center 4px no-repeat #908f8f;
	height:25px;
}


div.inquiry_block ul.inq_list li{
	font-size:110%;
	line-height:1.2em;
	margin-bottom:0.5em;
}

/*pagetop*/
p.link_pagetop{
	text-align:right;
	width:888px;
	margin-left:auto;
	margin-right:auto;
	line-height:1em;
}

p.link_pagetop img.tr_top{
	margin-right:3px;
	margin-bottom:-0.1em;
}

p.link_pagetop a{
	color:#717171;
	font-weight:bold;
}


/*
7.終了
------------------------------*/

div#end_period{
	background-color:#17b8a7;
	width:950px;
	margin:10px auto;
	padding:20px 0;
	text-align:center;
}

div#end_period p{
	margin:0 20px;
	color:#FFFFFF;
	font-weight:bold;
}