@charset "euc-jp";

/*  ---- Reset ----  */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{ 
	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,h3,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)
*/
/*  ----------  */

/*  ---- clearfix ----  */

.clearfix{
    zoom:1;
}
.clearfix:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

/* =====================================================
                       COMMON STYLE
===================================================== */

#cat-pass{margin-top: 7px;}


.mt_10{margin-top: 10px;}
.mt_15{margin-top: 15px;}
.mt_20{margin-top: 20px;}
.mt_30{margin-top: 30px;}

.mt_1e{margin-top: 1em;}

.kome{
	text-indent: -1em;
	margin-left: 1em;
}


/* =====================================================
                       BRAVIA MENU
===================================================== */

#bravia_menu{
	width: 950px;
	height: 46px;
	margin-top: 5px;
	position: relative;
	background: url(http://i.yimg.jp/images/dh/bravia/common/0904/menu_bg.gif) repeat-x;
}

#bravia_menu a,
#bravia_menu li{
	height: 42px;
	position: absolute;
	display: block;
	top: 0;
	background: url(http://i.yimg.jp/images/dh/bravia/common/0904/menu.gif) no-repeat;
	text-indent: -9999px;
	outline: none;
}

#bravia_menu #menu01 a{
	width: 126px;
	top: 0;
	left: 0;
	background-position: 0 0;
}

#bravia_menu #menu02 a{
	width: 137px;
	top: 0;
	left: 126px;
	background-position: -126px 0;
}

#bravia_menu #menu03 a{
	width: 144px;
	left: 263px;
	background-position: -263px 0;
}



#bravia_menu li#menu01_on{
	width: 126px;
	left: 0;
	background-position: 0 -42px;
}

#bravia_menu li#menu02_on{
	width: 137px;
	left: 126px;
	background-position: -126px -42px;
}

#bravia_menu li#menu03_on{
	width: 144px;
	left: 263px;
	background-position: -263px -42px;
}

#bravia_menu li#menu03_on a{
	width: 144px;
	left: 0;
	background-position: -263px -42px;
}


/* =====================================================
                       SUB WRAPPER
===================================================== */

.br_subWrapper910{
	width: 910px;
	margin-left: auto;
	margin-right: auto;
}

.br_subWrapper870{
	width: 870px;
	margin-left: auto;
	margin-right: auto;
}

.br_subWrapper830{
	width: 830px;
	margin-left: auto;
	margin-right: auto;
}



/* =====================================================
                       SUB TITLE
===================================================== */

.br_subttl{
	min-height: 28px;
	_height: 28px;
	padding: 8px;
	background: url(http://i.yimg.jp/images/dh/bravia/common/0904/sub_ttlbg.gif) bottom repeat-x #707070;
}

.br_subttl h1{
	padding-left: 8px;
	border-left: 5px solid #c41230;
	text-indent: 0;
	color: #FFF;
	font-weight: bold;
}


/* =====================================================
                       error
===================================================== */

#br_error{
	margin: 50px 0;
	font-weight: bold;
	text-align: center;
}


/* =====================================================
                       FOOTER
===================================================== */

#br_btmkome{
	margin: 10px 0;
}

#br_footer_proLink{
	margin: 20px 0 5px;
	text-align: center;
}
/*-- 091201update --*/
.LinkR { float:right; margin-top:-10px;}
/*-- /091201update --*/
